Skip to content

Commit 6b0a3eb

Browse files
author
unknown
committed
1.0.0
1 parent 233c415 commit 6b0a3eb

File tree

10 files changed

+343
-14
lines changed

10 files changed

+343
-14
lines changed

‎README.txt

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
MDB 5 Vue
22

3-
Version: FREE 1.0.0-beta7
3+
Version: FREE 1.0.0
44

55
Documentation:
66
https://mdbootstrap.com/docs/b5/vue/

‎js/mdb.common.js

Lines changed: 190 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7111,6 +7111,8 @@ __webpack_require__.d(__webpack_exports__, "MDBModalHeader", function() { return
71117111
__webpack_require__.d(__webpack_exports__, "MDBModalTitle", function() { return /* reexport */ MDBModalTitle; });
71127112
__webpack_require__.d(__webpack_exports__, "MDBModalBody", function() { return /* reexport */ MDBModalBody; });
71137113
__webpack_require__.d(__webpack_exports__, "MDBModalFooter", function() { return /* reexport */ MDBModalFooter; });
7114+
__webpack_require__.d(__webpack_exports__, "MDBAccordion", function() { return /* reexport */ MDBAccordion; });
7115+
__webpack_require__.d(__webpack_exports__, "MDBAccordionItem", function() { return /* reexport */ MDBAccordionItem; });
71147116
__webpack_require__.d(__webpack_exports__, "MDBTabs", function() { return /* reexport */ MDBTabs; });
71157117
__webpack_require__.d(__webpack_exports__, "MDBTabNav", function() { return /* reexport */ MDBTabNav; });
71167118
__webpack_require__.d(__webpack_exports__, "MDBTabItem", function() { return /* reexport */ MDBTabItem; });
@@ -11290,6 +11292,185 @@ function MDBModalFootervue_type_template_id_26c6bc9b_render(_ctx, _cache, $props
1129011292
MDBModalFootervue_type_script_lang_js.render = MDBModalFootervue_type_template_id_26c6bc9b_render
1129111293

1129211294
/* harmony default export */ var MDBModalFooter = (MDBModalFootervue_type_script_lang_js);
11295+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/free/components/MDBAccordion.vue?vue&type=template&id=cff1ef90
11296+
11297+
function MDBAccordionvue_type_template_id_cff1ef90_render(_ctx, _cache, $props, $setup, $data, $options) {
11298+
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDynamicComponent"])($props.tag), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])(_ctx.$attrs, {
11299+
class: $setup.className,
11300+
ref: "accordionRef"
11301+
}), {
11302+
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
11303+
return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")];
11304+
}),
11305+
_: 3
11306+
}, 16, ["class"]);
11307+
}
11308+
// CONCATENATED MODULE: ./src/components/free/components/MDBAccordion.vue?vue&type=template&id=cff1ef90
11309+
11310+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/free/components/MDBAccordion.vue?vue&type=script&lang=js
11311+
11312+
/* harmony default export */ var MDBAccordionvue_type_script_lang_js = ({
11313+
name: "MDBAccordion",
11314+
props: {
11315+
tag: {
11316+
type: String,
11317+
default: "div"
11318+
},
11319+
modelValue: String,
11320+
stayOpen: Boolean,
11321+
flush: Boolean,
11322+
classes: String
11323+
},
11324+
setup: function setup(props, _ref) {
11325+
var emit = _ref.emit;
11326+
var accordionRef = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
11327+
var className = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
11328+
return ["accordion", props.flush && "accordion-flush", props.classes];
11329+
});
11330+
var activeItem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.modelValue);
11331+
11332+
var setActiveItem = function setActiveItem(item) {
11333+
activeItem.value = item;
11334+
emit("update:modelValue", item);
11335+
};
11336+
11337+
Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watchEffect"])(function () {
11338+
return activeItem.value = props.modelValue;
11339+
});
11340+
Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])("activeItem", activeItem);
11341+
Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])("stayOpen", props.stayOpen);
11342+
Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])("setActiveItem", setActiveItem);
11343+
return {
11344+
accordionRef: accordionRef,
11345+
setActiveItem: setActiveItem,
11346+
className: className
11347+
};
11348+
}
11349+
});
11350+
// CONCATENATED MODULE: ./src/components/free/components/MDBAccordion.vue?vue&type=script&lang=js
11351+
11352+
// CONCATENATED MODULE: ./src/components/free/components/MDBAccordion.vue
11353+
11354+
11355+
11356+
MDBAccordionvue_type_script_lang_js.render = MDBAccordionvue_type_template_id_cff1ef90_render
11357+
11358+
/* harmony default export */ var MDBAccordion = (MDBAccordionvue_type_script_lang_js);
11359+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/free/components/MDBAccordionItem.vue?vue&type=template&id=d9329714
11360+
11361+
function MDBAccordionItemvue_type_template_id_d9329714_render(_ctx, _cache, $props, $setup, $data, $options) {
11362+
var _component_MDBCollapse = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("MDBCollapse");
11363+
11364+
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDynamicComponent"])($props.tag), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])(_ctx.$attrs, {
11365+
class: $setup.itemClassName,
11366+
ref: "itemRef"
11367+
}), {
11368+
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
11369+
return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("h2", {
11370+
class: $setup.headerClassName
11371+
}, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("button", {
11372+
onClick: _cache[1] || (_cache[1] = function () {
11373+
return $setup.toggleAccordion($props.collapseId);
11374+
}),
11375+
class: $setup.buttonClassName,
11376+
"aria-expanded": "true",
11377+
"aria-controls": $props.collapseId
11378+
}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.headerTitle), 11, ["aria-controls"])], 2), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_MDBCollapse, {
11379+
id: $props.collapseId,
11380+
modelValue: $setup.isActive,
11381+
"onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
11382+
return $setup.isActive = $event;
11383+
})
11384+
}, {
11385+
default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
11386+
return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
11387+
class: $setup.bodyClassName
11388+
}, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")], 2)];
11389+
}),
11390+
_: 3
11391+
}, 8, ["id", "modelValue"])];
11392+
}),
11393+
_: 1
11394+
}, 16, ["class"]);
11395+
}
11396+
// CONCATENATED MODULE: ./src/components/free/components/MDBAccordionItem.vue?vue&type=template&id=d9329714
11397+
11398+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/free/components/MDBAccordionItem.vue?vue&type=script&lang=js
11399+
11400+
11401+
/* harmony default export */ var MDBAccordionItemvue_type_script_lang_js = ({
11402+
name: "MDBAccordionItem",
11403+
components: {
11404+
MDBCollapse: MDBCollapse
11405+
},
11406+
props: {
11407+
tag: {
11408+
type: String,
11409+
default: "div"
11410+
},
11411+
collapseId: {
11412+
type: String,
11413+
required: true
11414+
},
11415+
headerTitle: String,
11416+
headerClasses: String,
11417+
bodyClasses: String,
11418+
itemClasses: String
11419+
},
11420+
setup: function setup(props) {
11421+
var itemRef = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
11422+
var itemClassName = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
11423+
return ["accordion-item", props.itemClasses];
11424+
});
11425+
var headerClassName = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
11426+
return ["accordion-header", props.headerClasses];
11427+
});
11428+
var bodyClassName = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
11429+
return ["accordion-body", props.bodyClasses];
11430+
});
11431+
var buttonClassName = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
11432+
return ["accordion-button", isActive.value && "collapsed"];
11433+
});
11434+
var setActiveItem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])("setActiveItem", null);
11435+
var activeItem = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])("activeItem", null);
11436+
var stayOpen = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])("stayOpen", false);
11437+
var isActive = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(activeItem.value === props.collapseId);
11438+
Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watchEffect"])(function () {
11439+
if (stayOpen) {
11440+
return;
11441+
}
11442+
11443+
isActive.value = activeItem.value === props.collapseId;
11444+
});
11445+
11446+
var toggleAccordion = function toggleAccordion() {
11447+
if (stayOpen) {
11448+
isActive.value = !isActive.value;
11449+
} else {
11450+
isActive.value ? setActiveItem("") : setActiveItem(props.collapseId);
11451+
}
11452+
};
11453+
11454+
return {
11455+
itemRef: itemRef,
11456+
itemClassName: itemClassName,
11457+
headerClassName: headerClassName,
11458+
bodyClassName: bodyClassName,
11459+
buttonClassName: buttonClassName,
11460+
toggleAccordion: toggleAccordion,
11461+
isActive: isActive
11462+
};
11463+
}
11464+
});
11465+
// CONCATENATED MODULE: ./src/components/free/components/MDBAccordionItem.vue?vue&type=script&lang=js
11466+
11467+
// CONCATENATED MODULE: ./src/components/free/components/MDBAccordionItem.vue
11468+
11469+
11470+
11471+
MDBAccordionItemvue_type_script_lang_js.render = MDBAccordionItemvue_type_template_id_d9329714_render
11472+
11473+
/* harmony default export */ var MDBAccordionItem = (MDBAccordionItemvue_type_script_lang_js);
1129311474
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/free/content-styles/MDBIcon.vue?vue&type=template&id=0c27ae09
1129411475

1129511476
function MDBIconvue_type_template_id_0c27ae09_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -11332,9 +11513,9 @@ function MDBIconvue_type_template_id_0c27ae09_render(_ctx, _cache, $props, $setu
1133211513
MDBIconvue_type_script_lang_js.render = MDBIconvue_type_template_id_0c27ae09_render
1133311514

1133411515
/* harmony default export */ var MDBIcon = (MDBIconvue_type_script_lang_js);
11335-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/free/navigation/MDBNavbar.vue?vue&type=template&id=680eeb7f
11516+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/free/navigation/MDBNavbar.vue?vue&type=template&id=c9bfe178
1133611517

11337-
function MDBNavbarvue_type_template_id_680eeb7f_render(_ctx, _cache, $props, $setup, $data, $options) {
11518+
function MDBNavbarvue_type_template_id_c9bfe178_render(_ctx, _cache, $props, $setup, $data, $options) {
1133811519
return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDynamicComponent"])($props.tag), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
1133911520
class: $setup.navClass,
1134011521
role: "navigation"
@@ -11352,7 +11533,7 @@ function MDBNavbarvue_type_template_id_680eeb7f_render(_ctx, _cache, $props, $se
1135211533
_: 1
1135311534
}, 16, ["class"]);
1135411535
}
11355-
// CONCATENATED MODULE: ./src/components/free/navigation/MDBNavbar.vue?vue&type=template&id=680eeb7f
11536+
// CONCATENATED MODULE: ./src/components/free/navigation/MDBNavbar.vue?vue&type=template&id=c9bfe178
1135611537

1135711538
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/free/navigation/MDBNavbar.vue?vue&type=script&lang=js
1135811539

@@ -11407,12 +11588,13 @@ function MDBNavbarvue_type_template_id_680eeb7f_render(_ctx, _cache, $props, $se
1140711588
},
1140811589
classContainer: {
1140911590
type: String
11410-
}
11591+
},
11592+
classNavbar: String
1141111593
},
1141211594
setup: function setup(props, _ref) {
1141311595
var attrs = _ref.attrs;
1141411596
var navClass = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
11415-
return ["navbar", props.dark && "navbar-dark", props.light && "navbar-light", props.bg && !props.transparent ? "bg-".concat(props.bg) : "", props.expand ? props.expand === "small" || props.expand === "sm" ? "navbar-expand-sm" : props.expand === "medium" || props.expand === "md" ? "navbar-expand-md" : props.expand === "large" || props.expand === "lg" ? "navbar-expand-lg" : "navbar-expand-xl" : "", props.position === "top" ? "fixed-top" : props.position === "bottom" ? "fixed-bottom" : props.position === "sticky" ? "sticky-top" : "", props.scrolling && scrollingClass.value, props.double && "double-nav", props.center && "justify-content-center"];
11597+
return ["navbar", props.dark && "navbar-dark", props.light && "navbar-light", props.bg && !props.transparent ? "bg-".concat(props.bg) : "", props.expand ? props.expand === "small" || props.expand === "sm" ? "navbar-expand-sm" : props.expand === "medium" || props.expand === "md" ? "navbar-expand-md" : props.expand === "large" || props.expand === "lg" ? "navbar-expand-lg" : "navbar-expand-xl" : "", props.position === "top" ? "fixed-top" : props.position === "bottom" ? "fixed-bottom" : props.position === "sticky" ? "sticky-top" : "", props.scrolling && scrollingClass.value, props.double && "double-nav", props.center && "justify-content-center", props.classNavbar];
1141611598
});
1141711599
var containerClass = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
1141811600
if (!props.container) {
@@ -11480,7 +11662,7 @@ function MDBNavbarvue_type_template_id_680eeb7f_render(_ctx, _cache, $props, $se
1148011662

1148111663

1148211664

11483-
MDBNavbarvue_type_script_lang_js.render = MDBNavbarvue_type_template_id_680eeb7f_render
11665+
MDBNavbarvue_type_script_lang_js.render = MDBNavbarvue_type_template_id_c9bfe178_render
1148411666

1148511667
/* harmony default export */ var MDBNavbar = (MDBNavbarvue_type_script_lang_js);
1148611668
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/free/navigation/MDBNavbarToggler.vue?vue&type=template&id=34b09ae9
@@ -14580,6 +14762,8 @@ var getScrollPostion = function getScrollPostion(container) {
1458014762

1458114763

1458214764

14765+
14766+
1458314767

1458414768

1458514769

‎js/mdb.common.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎js/mdb.umd.min.js

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎js/mdb.umd.min.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "mdb-vue-ui-kit",
3-
"version": "1.0.0-beta7",
3+
"version": "1.0.0",
44
"main": "js/mdb.umd.min.js",
55
"repository": "https://github.com/mdbootstrap/mdb-vue-ui-kit.git",
66
"author": "MDBootstrap",

‎src/components/free/components/MDBAccordion.vue

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<template>
2+
<component :is="tag" v-bind="$attrs" :class="className" ref="accordionRef">
3+
<slot />
4+
</component>
5+
</template>
6+
7+
<script>
8+
import { computed, provide, ref, watchEffect } from "vue";
9+
10+
export default {
11+
name: "MDBAccordion",
12+
props: {
13+
tag: {
14+
type: String,
15+
default: "div"
16+
},
17+
modelValue: String,
18+
stayOpen: Boolean,
19+
flush: Boolean,
20+
classes: String
21+
},
22+
setup(props, { emit }) {
23+
const accordionRef = ref(null);
24+
const className = computed(() => {
25+
return ["accordion", props.flush && "accordion-flush", props.classes];
26+
});
27+
28+
const activeItem = ref(props.modelValue);
29+
const setActiveItem = item => {
30+
activeItem.value = item;
31+
emit("update:modelValue", item);
32+
};
33+
34+
watchEffect(() => (activeItem.value = props.modelValue));
35+
36+
provide("activeItem", activeItem);
37+
provide("stayOpen", props.stayOpen);
38+
provide("setActiveItem", setActiveItem);
39+
40+
return {
41+
accordionRef,
42+
setActiveItem,
43+
className
44+
};
45+
}
46+
};
47+
</script>

0 commit comments

Comments
 (0)