@touchvue/ui 1.0.0-beta.5 → 1.0.0-beta.50

package/es/packages/components/collapse/src/collapse-item.vue2.mjs

@@ -1,6 +1,4 @@
-import { defineComponent, ref, inject, watch, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, toDisplayString, createVNode, unref, nextTick } from 'vue';
-import { ToIcon } from '../../icon/index.mjs';
-import { ToLine } from '../../line/index.mjs';
+import { defineComponent, ref, inject, watch, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeStyle, nextTick } from 'vue';
 import { getEm } from '../../../utils/ratio.mjs';
 
 const __default__ = defineComponent({
@@ -9,10 +7,7 @@ const __default__ = defineComponent({
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
-    padding: { default: 1 },
-    paddingPosition: { default: "ltrb" },
     value: { default: "" },
-    name: { default: "" },
     title: { default: "" },
     disabled: { type: Boolean, default: false }
   },
@@ -22,11 +17,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const isActive = ref(false);
     const Store = inject("Store");
-    Store.addChild(props.name);
+    Store.addChild(props.value);
     watch(
       () => Store.activeValue.value,
       (value) => {
-        if (value.includes(props.name)) {
+        if (value.includes(props.value)) {
           isActive.value = true;
         } else {
           isActive.value = false;
@@ -40,81 +35,79 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       let h = containerRef.value.clientHeight / em + "em";
       return h;
     });
-    const hasUnit = (val) => /[a-z%]+$/i.test(val);
-    const setStyle = computed(() => {
-      const obj = {};
-      if (String(props.padding).trim()) {
-        const padded = String(props.padding).trim().split(/\s+/).map((val) => {
-          return hasUnit(val) ? val : `${val}em`;
-        }).join(" ");
-        obj.padding = padded;
-      }
-      if (!props.paddingPosition.includes("t")) {
-        obj.paddingTop = 0;
-      }
-      if (!props.paddingPosition.includes("r")) {
-        obj.paddingRight = 0;
-      }
-      if (!props.paddingPosition.includes("b")) {
-        obj.paddingBottom = 0;
-      }
-      if (!props.paddingPosition.includes("l")) {
-        obj.paddingLeft = 0;
-      }
-      return obj;
-    });
     function itemClick() {
       if (!props.disabled) {
-        Store.setActiveValues(props.name);
+        Store.setActiveValues(props.value);
         nextTick(() => {
           emit("change", isActive.value);
         });
       }
     }
-    function titleClick(e) {
-      if (!props.disabled) {
-        emit("title-click", e);
-      }
-    }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["to-collapse-item", _ctx.disabled ? "is-disabled" : ""])
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(["to-collapse-item-header", isActive.value ? "is-active" : ""]),
-          style: normalizeStyle(setStyle.value),
-          onClick: itemClick
-        }, [
-          createElementVNode("span", {
-            class: "title",
-            onClick: titleClick
-          }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createElementVNode("span", null, toDisplayString(_ctx.title), 1)
-            ])
+      const _component_to_icon = resolveComponent("to-icon");
+      const _component_to_header = resolveComponent("to-header");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-collapse-item", _ctx.disabled ? "is-dis" : "", isActive.value ? "is-on" : ""])
+        },
+        [
+          renderSlot(_ctx.$slots, "header", {
+            item: { isOn: isActive.value, title: _ctx.title, isDisabled: _ctx.disabled }
+          }, () => [
+            createVNode(_component_to_header, {
+              link: "",
+              class: normalizeClass(["to-collapse-item-header"]),
+              onClick: itemClick
+            }, {
+              title: withCtx(() => [
+                renderSlot(_ctx.$slots, "title", {}, () => [
+                  createTextVNode(
+                    toDisplayString(_ctx.title),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "fn"),
+                createVNode(_component_to_icon, {
+                  value: "next",
+                  class: "to-collapse-item-arrow"
+                })
+              ]),
+              _: 3
+              /* FORWARDED */
+            })
           ]),
-          renderSlot(_ctx.$slots, "icon", {}, () => [
-            createElementVNode("span", { class: "icon" }, [
-              createVNode(unref(ToIcon), { value: "next" })
-            ])
-          ])
-        ], 6),
-        createElementVNode("div", {
-          class: "to-collapse-item-content",
-          style: normalizeStyle({
-            height: isActive.value ? calcHeight.value : "0px"
-          })
-        }, [
-          createElementVNode("div", {
-            ref_key: "containerRef",
-            ref: containerRef,
-            class: "content-container"
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 512)
-        ], 4),
-        createVNode(unref(ToLine))
-      ], 2);
+          createElementVNode(
+            "div",
+            {
+              class: "to-collapse-item-content",
+              style: normalizeStyle({ height: isActive.value ? calcHeight.value : "0px" })
+            },
+            [
+              createElementVNode(
+                "div",
+                {
+                  ref_key: "containerRef",
+                  ref: containerRef,
+                  class: "to-collapse-item-wrapper"
+                },
+                [
+                  renderSlot(_ctx.$slots, "default")
+                ],
+                512
+                /* NEED_PATCH */
+              )
+            ],
+            4
+            /* STYLE */
+          )
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });

package/es/packages/components/collapse/src/collapse-item.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.vue2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToCollapseItem',\n});\n</script>\n<template>\n\t<div :class=\"['to-collapse-item', disabled ? 'is-disabled' : '']\">\n\t\t<div\n\t\t\t:class=\"['to-collapse-item-header', isActive ? 'is-active' : '']\"\n\t\t\t:style=\"setStyle\"\n\t\t\t@click=\"itemClick\"\n\t\t>\n\t\t\t<span class=\"title\" @click=\"titleClick\">\n\t\t\t\t<slot name=\"title\">\n\t\t\t\t\t<span>{{ title }}</span>\n\t\t\t\t</slot>\n\t\t\t</span>\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span class=\"icon\">\n\t\t\t\t\t<to-icon value=\"next\"></to-icon>\n\t\t\t\t</span>\n\t\t\t</slot>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"to-collapse-item-content\"\n\t\t\t:style=\"{\n\t\t\t\theight: isActive ? calcHeight : '0px',\n\t\t\t}\"\n\t\t>\n\t\t\t<div ref=\"containerRef\" class=\"content-container\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>\n\t\t<to-line></to-line>\n\t</div>\n</template>\n<script lang=\"ts\" setup>\nimport { CSSProperties, computed, inject, nextTick, ref, watch } from 'vue'\nimport { ToLine, ToIcon } from '@touchvue/components'\nimport { IStore } from './collapse.vue'\nimport { getEm } from '@touchvue/utils'\n\n\nexport interface Props {\n\tpadding?: string | number\n\tpaddingPosition?: string\n\tvalue?: string\n\tname: string\n\ttitle?: string\n\tdisabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tpadding: 1,\n\tpaddingPosition: 'ltrb',\n\tvalue: '',\n\tname: '',\n\ttitle: '',\n\tdisabled: false,\n})\nconst emit = defineEmits(['title-click', 'change'])\nconst isActive = ref(false)\nconst Store = inject<IStore>('Store')\n\nStore.addChild(props.name)\n\nwatch(\n\t() => Store.activeValue.value,\n\tvalue => {\n\t\tif (value.includes(props.name)) {\n\t\t\tisActive.value = true\n\t\t} else {\n\t\t\tisActive.value = false\n\t\t}\n\t},\n\t{ deep: true }\n)\n\nconst containerRef = ref(null)\nconst calcHeight = computed(() => {\n\tlet em = getEm()\n\tlet h = containerRef.value.clientHeight / em + 'em'\n\treturn h\n})\nconst hasUnit = (val: string) => /[a-z%]+$/i.test(val)\nconst setStyle = computed((): CSSProperties => {\n\tconst obj: CSSProperties = {}\n\tif (String(props.padding).trim()) {\n\t\t// 分割成各个值\n\t\tconst padded = String(props.padding)\n\t\t\t.trim()\n\t\t\t.split(/\\s+/)\n\t\t\t.map(val => {\n\t\t\t\t// 如果是数字（或纯数字字符串），或末尾无单位，就加 em\n\t\t\t\treturn hasUnit(val) ? val : `${val}em`\n\t\t\t})\n\t\t\t.join(' ')\n\t\tobj.padding = padded\n\t}\n\tif (!props.paddingPosition.includes('t')) {\n\t\tobj.paddingTop = 0\n\t}\n\tif (!props.paddingPosition.includes('r')) {\n\t\tobj.paddingRight = 0\n\t}\n\tif (!props.paddingPosition.includes('b')) {\n\t\tobj.paddingBottom = 0\n\t}\n\tif (!props.paddingPosition.includes('l')) {\n\t\tobj.paddingLeft = 0\n\t}\n\treturn obj\n})\n\nfunction itemClick() {\n\tif (!props.disabled) {\n\t\tStore.setActiveValues(props.name)\n\t\tnextTick(() => {\n\t\t\temit('change', isActive.value)\n\t\t})\n\t}\n}\nfunction titleClick(e) {\n\tif (!props.disabled) {\n\t\temit('title-click', e)\n\t}\n}\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","disabled","_createElementVNode","_renderSlot","title","_createVNode","_unref","_normalizeStyle"],"mappings":"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"}
+{"version":3,"file":"collapse-item.vue2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToCollapseItem'\n});\n</script>\n<template>\n\t<div :class=\"['to-collapse-item', disabled ? 'is-dis' : '', isActive ? 'is-on' : '']\">\n\t\t<slot name=\"header\" :item=\"{ isOn: isActive, title, isDisabled: disabled }\">\n\t\t\t<to-header link :class=\"['to-collapse-item-header']\" @click=\"itemClick\">\n\t\t\t\t<template #title>\n\t\t\t\t\t<slot name=\"title\">{{ title }}</slot>\n\t\t\t\t</template>\n\t\t\t\t<slot name=\"fn\"></slot>\n\t\t\t\t<to-icon value=\"next\" class=\"to-collapse-item-arrow\"></to-icon>\n\t\t\t</to-header>\n\t\t</slot>\n\t\t<div class=\"to-collapse-item-content\" :style=\"{ height: isActive ? calcHeight : '0px' }\">\n\t\t\t<div ref=\"containerRef\" class=\"to-collapse-item-wrapper\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, ref, watch } from 'vue'\nimport { IStore } from './collapse.vue'\nimport { getEm } from '@touchvue/utils'\n\n\nexport interface Props {\n\tvalue: string\n\ttitle?: string\n\tdisabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tvalue: '',\n\ttitle: '',\n\tdisabled: false\n})\nconst emit = defineEmits(['title-click', 'change'])\nconst isActive = ref(false)\nconst Store = inject<IStore>('Store')\n\nStore.addChild(props.value)\n\nwatch(\n\t() => Store.activeValue.value,\n\tvalue => {\n\t\tif (value.includes(props.value)) {\n\t\t\tisActive.value = true\n\t\t} else {\n\t\t\tisActive.value = false\n\t\t}\n\t},\n\t{ deep: true }\n)\n\nconst containerRef = ref(null)\nconst calcHeight = computed(() => {\n\tlet em = getEm()\n\tlet h = containerRef.value.clientHeight / em + 'em'\n\treturn h\n})\n\nfunction itemClick() {\n\tif (!props.disabled) {\n\t\tStore.setActiveValues(props.value)\n\t\tnextTick(() => {\n\t\t\temit('change', isActive.value)\n\t\t})\n\t}\n}\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","_normalizeClass","disabled","_renderSlot","title","_createVNode","_createElementVNode","_normalizeStyle"],"mappings":"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"}

package/es/packages/components/collapse/src/collapse.vue.mjs

@@ -1,6 +1,7 @@
 import _sfc_main from './collapse.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "collapse.vue"]]);
 
-
-export { _sfc_main as default };
+export { Collapse as default };
 //# sourceMappingURL=collapse.vue.mjs.map

package/es/packages/components/collapse/src/collapse.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapse.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"collapse.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/es/packages/components/collapse/src/collapse.vue2.mjs

@@ -9,7 +9,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     mode: { default: "default" },
     modeValue: { default: "" },
     expand: { type: Boolean, default: false },
-    accordion: { type: Boolean, default: false }
+    accordion: { type: Boolean, default: false },
+    flex: { type: Boolean, default: false }
   },
   emits: ["change", "update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -32,19 +33,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         deep: true
       }
     );
-    function addChild(name) {
-      allChildren.value.push(name);
+    function addChild(value) {
+      allChildren.value.push(value);
     }
-    function setActiveValues(name) {
-      if (activeValue.value.includes(name)) {
-        let idx = activeValue.value.findIndex((item) => item === name);
+    function setActiveValues(value) {
+      if (activeValue.value.includes(value)) {
+        let idx = activeValue.value.findIndex((item) => item === value);
         idx !== -1 && activeValue.value.splice(idx, 1);
       } else {
         if (props.accordion) {
           activeValue.value = [];
-          activeValue.value.push(name);
+          activeValue.value.push(value);
         } else {
-          activeValue.value.push(name);
+          activeValue.value.push(value);
         }
       }
     }
@@ -69,10 +70,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["to-collapse", setClass.value])
+        class: normalizeClass(["to-collapse", setClass.value]),
+        flex: _ctx.flex ? _ctx.flex : null
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 10, ["flex"]);
     };
   }
 });

package/es/packages/components/collapse/src/collapse.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapse.vue2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToCollapse',\n});\n</script>\n<template>\n\t<div class=\"to-collapse\" :class=\"setClass\">\n\t\t<slot></slot>\n\t</div>\n</template>\n<script lang=\"ts\" setup>\nimport { Ref, computed, onMounted, provide, ref, watch } from 'vue'\n\n\n\nexport interface Props {\n\tmode?: string\n\tmodeValue?: string | string[]\n\texpand?: boolean\n\taccordion?: boolean\n}\nexport interface IStore {\n\taddChild: (name: string) => void\n\tallChildren: Ref<any[], any[]>\n\tactiveValue: Ref<any[], any[]>\n\tsetActiveValues: (name) => void\n\tpProps: Props\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tmode: 'default',\n\tmodeValue: '',\n\texpand: false,\n\taccordion: false,\n})\n\nconst emit = defineEmits(['change', 'update:modelValue'])\n\nconst allChildren = ref([])\nconst activeValue = ref([])\n\nwatch(\n\t() => activeValue.value,\n\tval => {\n\t\tif (props.accordion) {\n\t\t\temit('change', val[0])\n\t\t\temit('update:modelValue', val[0])\n\t\t} else {\n\t\t\temit('change', val)\n\t\t\temit('update:modelValue', val)\n\t\t}\n\t},\n\t{\n\t\tdeep: true,\n\t}\n)\nfunction addChild(name) {\n\tallChildren.value.push(name)\n}\nfunction setActiveValues(name) {\n\tif (activeValue.value.includes(name)) {\n\t\tlet idx = activeValue.value.findIndex(item => item === name)\n\t\tidx !== -1 && activeValue.value.splice(idx, 1)\n\t} else {\n\t\tif (props.accordion) {\n\t\t\tactiveValue.value = []\n\t\t\tactiveValue.value.push(name)\n\t\t} else {\n\t\t\tactiveValue.value.push(name)\n\t\t}\n\t}\n}\n\nprovide<IStore>('Store', {\n\taddChild,\n\tallChildren,\n\tactiveValue,\n\tsetActiveValues,\n\tpProps: props,\n})\n\nconst setClass = computed(() => {\n\tlet arr = []\n\tif (props.mode) {\n\t\tarr.push(`mode-${props.mode}`)\n\t}\n\treturn arr\n})\n\nonMounted(() => {\n\tif (props.expand && !props.accordion) {\n\t\tactiveValue.value = allChildren.value\n\t}\n})\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;AAEA,MAAA,cAA6BA,eAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,YAAA;AACP,CAAC,CAAA,CAAA;;;;;;;;;;;AA0BD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAOd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,WAAA,GAAc,GAAI,CAAA,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,WAAA,GAAc,GAAI,CAAA,EAAE,CAAA,CAAA;AAE1B,IAAA,KAAA;AAAA,MACC,MAAM,WAAY,CAAA,KAAA;AAAA,MAClB,CAAO,GAAA,KAAA;AACN,QAAA,IAAI,MAAM,SAAW,EAAA;AACpB,UAAK,IAAA,CAAA,QAAA,EAAU,GAAI,CAAA,CAAC,CAAC,CAAA,CAAA;AACrB,UAAK,IAAA,CAAA,mBAAA,EAAqB,GAAI,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,SAC1B,MAAA;AACN,UAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAClB,UAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAAA,SAC9B;AAAA,OACD;AAAA,MACA;AAAA,QACC,IAAM,EAAA,IAAA;AAAA,OACP;AAAA,KACD,CAAA;AACA,IAAA,SAAS,SAAS,IAAM,EAAA;AACvB,MAAY,WAAA,CAAA,KAAA,CAAM,KAAK,IAAI,CAAA,CAAA;AAAA,KAC5B;AACA,IAAA,SAAS,gBAAgB,IAAM,EAAA;AAC9B,MAAA,IAAI,WAAY,CAAA,KAAA,CAAM,QAAS,CAAA,IAAI,CAAG,EAAA;AACrC,QAAA,IAAI,MAAM,WAAY,CAAA,KAAA,CAAM,SAAU,CAAA,CAAA,IAAA,KAAQ,SAAS,IAAI,CAAA,CAAA;AAC3D,QAAA,GAAA,KAAQ,CAAM,CAAA,IAAA,WAAA,CAAY,KAAM,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAAA,OACvC,MAAA;AACN,QAAA,IAAI,MAAM,SAAW,EAAA;AACpB,UAAA,WAAA,CAAY,QAAQ,EAAC,CAAA;AACrB,UAAY,WAAA,CAAA,KAAA,CAAM,KAAK,IAAI,CAAA,CAAA;AAAA,SACrB,MAAA;AACN,UAAY,WAAA,CAAA,KAAA,CAAM,KAAK,IAAI,CAAA,CAAA;AAAA,SAC5B;AAAA,OACD;AAAA,KACD;AAEA,IAAA,OAAA,CAAgB,OAAS,EAAA;AAAA,MACxB,QAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,MACA,MAAQ,EAAA,KAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC/B,MAAA,IAAI,MAAM,EAAC,CAAA;AACX,MAAA,IAAI,MAAM,IAAM,EAAA;AACf,QAAI,GAAA,CAAA,IAAA,CAAK,CAAQ,KAAA,EAAA,KAAA,CAAM,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,OAC9B;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACP,CAAA,CAAA;AAED,IAAA,SAAA,CAAU,MAAM;AACf,MAAA,IAAI,KAAM,CAAA,MAAA,IAAU,CAAC,KAAA,CAAM,SAAW,EAAA;AACrC,QAAA,WAAA,CAAY,QAAQ,WAAY,CAAA,KAAA,CAAA;AAAA,OACjC;AAAA,KACA,CAAA,CAAA;;wBAvFA,EAAAC,kBAAA,CAEM,KAAA,EAAA;AAAA,QAFD,OAAKC,cAAA,CAAA,CAAC,aAAsB,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA;QACxCC,UAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;;"}
+{"version":3,"file":"collapse.vue2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToCollapse'\n});\n</script>\n<template>\n\t<div class=\"to-collapse\" :flex=\"flex ? flex : null\" :class=\"setClass\">\n\t\t<slot></slot>\n\t</div>\n</template>\n<script lang=\"ts\" setup>\nimport { Ref, computed, onMounted, provide, ref, watch } from 'vue'\n\n\n\nexport interface Props {\n\tmode?: string\n\tmodeValue?: string | string[]\n\texpand?: boolean\n\taccordion?: boolean\n\tflex?: boolean\n}\nexport interface IStore {\n\taddChild: (name: string) => void\n\tallChildren: Ref<any[], any[]>\n\tactiveValue: Ref<any[], any[]>\n\tsetActiveValues: (name) => void\n\tpProps: Props\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tmode: 'default',\n\tmodeValue: '',\n\texpand: false,\n\taccordion: false,\n\tflex: false\n})\n\nconst emit = defineEmits(['change', 'update:modelValue'])\n\nconst allChildren = ref([])\nconst activeValue = ref([])\n\nwatch(\n\t() => activeValue.value,\n\tval => {\n\t\tif (props.accordion) {\n\t\t\temit('change', val[0])\n\t\t\temit('update:modelValue', val[0])\n\t\t} else {\n\t\t\temit('change', val)\n\t\t\temit('update:modelValue', val)\n\t\t}\n\t},\n\t{\n\t\tdeep: true\n\t}\n)\nfunction addChild(value) {\n\tallChildren.value.push(value)\n}\nfunction setActiveValues(value) {\n\tif (activeValue.value.includes(value)) {\n\t\tlet idx = activeValue.value.findIndex(item => item === value)\n\t\tidx !== -1 && activeValue.value.splice(idx, 1)\n\t} else {\n\t\tif (props.accordion) {\n\t\t\tactiveValue.value = []\n\t\t\tactiveValue.value.push(value)\n\t\t} else {\n\t\t\tactiveValue.value.push(value)\n\t\t}\n\t}\n}\n\nprovide<IStore>('Store', {\n\taddChild,\n\tallChildren,\n\tactiveValue,\n\tsetActiveValues,\n\tpProps: props\n})\n\nconst setClass = computed(() => {\n\tlet arr = []\n\tif (props.mode) {\n\t\tarr.push(`mode-${props.mode}`)\n\t}\n\treturn arr\n})\n\nonMounted(() => {\n\tif (props.expand && !props.accordion) {\n\t\tactiveValue.value = allChildren.value\n\t}\n})\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","_normalizeClass","flex","_renderSlot"],"mappings":"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"}

package/es/packages/components/collapse/src/instance.d.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=instance.d.mjs.map

package/es/packages/components/collapse/src/instance.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/packages/components/datepicker/index.d.mjs

@@ -0,0 +1,2 @@
+export { addZero, formatDateFunc, getDateFromValueFunc, getDateStrFromMatch, useDatePicker } from './src/use-date-picker.mjs';
+//# sourceMappingURL=index.d.mjs.map

package/es/packages/components/datepicker/index.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/packages/components/datepicker/index.mjs

@@ -1,8 +1,8 @@
-import _sfc_main from './src/DatePicker.vue2.mjs';
+import DatePicker from './src/DatePicker.vue.mjs';
 export { addZero, formatDateFunc, getDateFromValueFunc, getDateStrFromMatch, useDatePicker } from './src/use-date-picker.mjs';
 import { withInstall } from '../../utils/types.mjs';
 
-const ToDatePicker = withInstall(_sfc_main);
+const ToDatePicker = withInstall(DatePicker);
 
 export { ToDatePicker };
 //# sourceMappingURL=index.mjs.map

package/es/packages/components/datepicker/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/datepicker/index.ts"],"sourcesContent":["import { withInstall, SFCWithInstall } from '@touchvue/utils'\nimport DatePicker from './src/DatePicker.vue'\n\nexport const ToDatePicker: SFCWithInstall<typeof DatePicker> = withInstall(DatePicker)\nexport * from './src/DatePicker.vue'\n\nexport * from './src/use-date-picker'\n"],"names":["DatePicker"],"mappings":";;;;AAGa,MAAA,YAAA,GAAkD,YAAYA,SAAU;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/datepicker/index.ts"],"sourcesContent":["import { withInstall, SFCWithInstall } from '@touchvue/utils'\nimport DatePicker from './src/DatePicker.vue'\n\nexport const ToDatePicker: SFCWithInstall<typeof DatePicker> = withInstall(DatePicker)\nexport * from './src/DatePicker.vue'\n\nexport * from './src/use-date-picker'\n"],"names":[],"mappings":";;;;AAGa,MAAA,YAAA,GAAkD,YAAY,UAAU;;;;"}

package/es/packages/components/datepicker/src/DatePicker.vue.mjs

@@ -1,6 +1,7 @@
 import _sfc_main from './DatePicker.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
+var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "DatePicker.vue"]]);
 
-
-export { _sfc_main as default };
+export { DatePicker as default };
 //# sourceMappingURL=DatePicker.vue.mjs.map

package/es/packages/components/datepicker/src/DatePicker.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"DatePicker.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}