hzzt-plus 2.0.6 → 2.0.7

package/es/components/click-input/src/click-input2.mjs

@@ -1,89 +1,26 @@
-import { defineComponent, ref, computed, watch, nextTick, openBlock, createElementBlock, normalizeClass, unref, createBlock, mergeProps, withKeys, toDisplayString } from 'vue';
-import { clickInputProps, clickInputEmits } from './click-input.mjs';
+import '../../../utils/index.mjs';
 import '../../../hooks/index.mjs';
-import { useFormSize, useFormDisabled, ElInput } from 'element-plus';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useGlobalSize } from '../../../hooks/use-size/index.mjs';
+import '../../../constants/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
+import { isString } from '@vue/shared';
 
-const __default__ = defineComponent({
-  name: "HzztClickInput"
+const clickInputProps = buildProps({
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  disabled: Boolean,
+  readonly: Boolean,
+  inputProps: Object,
+  size: useSizeProp
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: clickInputProps,
-  emits: clickInputEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const _inputVal = ref(props.modelValue || "");
-    const inputVal = ref(props.modelValue || "");
-    const inputRef = ref();
-    const editable = ref(false);
-    const nsInput = useNamespace("click-input");
-    const formSize = useFormSize();
-    const formDisabled = useFormDisabled();
-    const trueSize = computed(() => props.size || formSize.value || useGlobalSize().value);
-    const trueDisabled = computed(() => props.disabled || formDisabled.value);
-    const trueReadonly = computed(() => trueDisabled.value || props.readonly || !editable.value);
-    const containerCls = computed(() => [
-      nsInput.b(),
-      nsInput.m(trueSize.value),
-      "flex width-100% align-items-center"
-    ]);
-    const spanClass = computed(() => [
-      nsInput.e("span"),
-      "flex width-100% align-items-center"
-    ]);
-    watch(() => props.modelValue, (v) => {
-      inputVal.value = v || "";
-      _inputVal.value = v || "";
-    });
-    function input(val) {
-      emit("update:modelValue", val);
-      emit("input", val);
-    }
-    function change() {
-      editable.value = false;
-      if (_inputVal.value === inputVal.value) {
-        return;
-      }
-      input(inputVal.value);
-      emit("change", inputVal.value);
-    }
-    function edit() {
-      if (trueDisabled.value || props.readonly) {
-        return;
-      }
-      editable.value = true;
-      nextTick(() => {
-        inputRef.value.focus();
-      });
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(containerCls))
-      }, [
-        !unref(trueReadonly) ? (openBlock(), createBlock(unref(ElInput), mergeProps({
-          key: 0,
-          ref_key: "inputRef",
-          ref: inputRef,
-          modelValue: inputVal.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
-        }, _ctx.inputProps, {
-          clearable: "",
-          size: unref(trueSize),
-          onKeyup: withKeys(change, ["enter"]),
-          onBlur: change
-        }), null, 16, ["modelValue", "size", "onKeyup"])) : (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(["width-100%", unref(spanClass)]),
-          onClick: edit
-        }, toDisplayString(inputVal.value || " "), 3))
-      ], 2);
-    };
-  }
-});
-var ClickInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "click-input.vue"]]);
+const clickInputEmits = {
+  [UPDATE_MODEL_EVENT]: (value) => isString(value),
+  input: (value) => isString(value),
+  change: (value) => isString(value)
+};
 
-export { ClickInput as default };
+export { clickInputEmits, clickInputProps };
 //# sourceMappingURL=click-input2.mjs.map

package/es/components/click-input/src/click-input2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"click-input2.mjs","sources":["../../../../../../packages/components/click-input/src/click-input.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\">\n    <el-input\n      v-if=\"!trueReadonly\"\n      ref=\"inputRef\"\n      v-model=\"inputVal\"\n      v-bind=\"inputProps\"\n      clearable\n      :size=\"trueSize\"\n      @keyup.enter=\"change\"\n      @blur=\"change\"\n    />\n    <div v-else class=\"width-100%\" :class=\"spanClass\" @click=\"edit\">\n      {{ inputVal || ' ' }}\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {computed, ref, watch, nextTick} from 'vue'\n  import {clickInputEmits, clickInputProps} from './click-input'\n  import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n  import {useFormDisabled, useFormSize} from \"element-plus\";\n  import {ElInput} from 'element-plus'\n\n  defineOptions({\n    name: 'HzztClickInput',\n  })\n\n  const props = defineProps(clickInputProps)\n  const emit = defineEmits(clickInputEmits)\n\n  const _inputVal = ref(props.modelValue || '');\n  const inputVal = ref(props.modelValue || '');\n  const inputRef = ref();\n  const editable = ref(false);\n\n  const nsInput = useNamespace('click-input')\n  const formSize = useFormSize()\n  const formDisabled = useFormDisabled()\n\n  const trueSize = computed(\n    () => props.size || formSize.value || useGlobalSize().value\n  )\n\n  const trueDisabled = computed(() => props.disabled || formDisabled.value)\n\n  const trueReadonly = computed(() => trueDisabled.value || props.readonly || !editable.value)\n\n  const containerCls = computed(() => [\n    nsInput.b(),\n    nsInput.m(trueSize.value),\n    'flex width-100% align-items-center',\n  ])\n\n  const spanClass = computed(() => [\n    nsInput.e('span'),\n    'flex width-100% align-items-center',\n  ])\n\n  watch(() => props.modelValue, (v) => {\n    inputVal.value = v || '';\n    _inputVal.value = v || '';\n  })\n\n  function input(val: string) {\n    emit('update:modelValue', val);\n    emit('input', val);\n  }\n\n  function change() {\n    editable.value = false;\n    if (_inputVal.value === inputVal.value) {\n      return;\n    }\n    input(inputVal.value);\n    emit('change', inputVal.value);\n  }\n\n  function edit() {\n    if (trueDisabled.value || props.readonly) {\n      return;\n    }\n    editable.value = true;\n    nextTick(() => {\n      inputRef.value.focus();\n    });\n  }\n\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;;;mCAyBgB,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,SAAY,GAAA,GAAA,CAAI,KAAM,CAAA,UAAA,IAAc,EAAE,CAAA,CAAA;AAC5C,IAAA,MAAM,QAAW,GAAA,GAAA,CAAI,KAAM,CAAA,UAAA,IAAc,EAAE,CAAA,CAAA;AAC3C,IAAA,MAAM,WAAW,GAAI,EAAA,CAAA;AACrB,IAAM,MAAA,QAAA,GAAW,IAAI,KAAK,CAAA,CAAA;AAE1B,IAAM,MAAA,OAAA,GAAU,aAAa,aAAa,CAAA,CAAA;AAC1C,IAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,IAAA,MAAM,eAAe,eAAgB,EAAA,CAAA;AAErC,IAAA,MAAM,QAAW,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,IAAA,IAAA,QAAA,CAAA,KAAA,IAAA,aAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAAA,kBACH,GAAA,QAAiB,CAAA,MAAA,kBAAuB,YAAE,CAAA,KAAA,CAAA,CAAA;AAAA,IACxD,MAAA,YAAA,GAAA,QAAA,CAAA,MAAA,YAAA,CAAA,KAAA,IAAA,KAAA,CAAA,QAAA,IAAA,CAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAM,eAAe,QAAS,CAAA,MAAM;AAEpC,MAAM,OAAA,CAAA,CAAA,EAAA;AAEN,MAAM,OAAA,CAAA,CAAA,CAAA,QAAA,CAAe;AAAe,MAClC,oCAAU;AAAA,KACV,CAAA,CAAA;AAAwB,IACxB,MAAA,SAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACD,OAAA,CAAA,CAAA,CAAA,MAAA,CAAA;AAED,MAAM,oCAA2B;AAAA,KAC/B,CAAA,CAAA;AAAgB,IAChB,KAAA,CAAA,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACD,QAAA,CAAA,KAAA,GAAA,CAAA,IAAA,EAAA,CAAA;AAED,MAAA,SAAY,CAAA,KAAA,GAAkB,CAAA,IAAA,EAAA,CAAA;AAC5B,KAAA,CAAA,CAAA;AACA,IAAA,SAAA,WAAkB;AAAK,MACxB,IAAA,CAAA,mBAAA,EAAA,GAAA,CAAA,CAAA;AAED,MAAA,IAAA,CAAA,SAA4B,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,kBAAiB;AAAA,MACnB,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAEA,MAAA,IAAA,SAAkB,CAAA,KAAA,KAAA,QAAA,CAAA,KAAA,EAAA;AAChB,QAAA,OAAS;AACT,OAAI;AACF,MAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,MACF,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AACA,KAAA;AACA,IAAK,SAAA,IAAA,GAAA;AAAwB,MAC/B,IAAA,YAAA,CAAA,KAAA,IAAA,KAAA,CAAA,QAAA,EAAA;AAEA,QAAA,OAAgB;AACd,OAAI;AACF,MAAA,QAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,MACF,QAAA,CAAA,MAAA;AACA,QAAA,QAAiB,CAAA,KAAA,CAAA,KAAA,EAAA,CAAA;AACjB,OAAA,CAAA,CAAA;AACE,KAAA;AAAqB,IAAA,OACtB,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MACH,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"click-input2.mjs","sources":["../../../../../../packages/components/click-input/src/click-input.ts"],"sourcesContent":["import {buildProps, isString} from '@hzzt-plus/utils'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\n\nimport type { ExtractPropTypes } from 'vue'\nimport type ClickInput from './click-input.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport const clickInputProps = buildProps({\n  modelValue: {\n    type: String,\n    default: '',\n  },\n  disabled: Boolean,\n  readonly: Boolean,\n  inputProps: Object,\n  size: useSizeProp,\n})\n\nexport type ClickInputProps = ExtractPropTypes<typeof clickInputProps>\n\nexport const clickInputEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string) => isString(value),\n  input: (value: string) => isString(value),\n  change: (value: string) => isString(value),\n}\nexport type ClickInputEmits = typeof clickInputEmits\n\nexport type ClickInputInstance = InstanceType<typeof ClickInput>\n"],"names":[],"mappings":";;;;;;;;AAGY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,IAAI,EAAE,WAAW;AACnB,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,KAAK,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AACnC,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AACpC;;;;"}

package/es/components/collapse/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Collapse from './src/collapse.mjs';
-import './src/collapse2.mjs';
+import Collapse from './src/collapse2.mjs';
+import './src/collapse.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const HzztCollapse = withInstall(Collapse);

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

@@ -1,90 +1,2 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, unref, withDirectives, vShow } from 'vue';
-import '../../../hooks/index.mjs';
-import HzztIcon from '../../icon/src/index.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
 
-const _hoisted_1 = { class: "hzzt-collapse flex column" };
-const _hoisted_2 = { class: "hzzt-collapse__top" };
-const _hoisted_3 = { class: "hzzt-collapse__title" };
-const _hoisted_4 = {
-  key: 0,
-  class: "hzzt-collapse__line"
-};
-const _hoisted_5 = { class: "hzzt-collapse__content flex-1" };
-const __default__ = defineComponent({
-  name: "HzztCollapse"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    defaultActive: {
-      type: Boolean,
-      default: true
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    showLine: {
-      type: Boolean,
-      default: true
-    },
-    modelValue: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const { t } = useLocale();
-    const expand = ref(props.modelValue);
-    if (!props.defaultActive) {
-      emit("update:modelValue", false);
-      expand.value = false;
-    }
-    watch(() => props.modelValue, (v) => {
-      expand.value = v;
-    });
-    function toggle() {
-      expand.value = !expand.value;
-      emit("update:modelValue", expand.value);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(__props.title), 1)
-            ])
-          ]),
-          __props.showLine ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("v-if", true),
-          renderSlot(_ctx.$slots, "toggle-btn", {}, () => [
-            createElementVNode("div", {
-              class: "hzzt-collapse__btn",
-              onClick: toggle
-            }, [
-              createVNode(HzztIcon, {
-                name: !expand.value ? "hzzt-plus-square-outline" : "hzzt-minus-square-outline",
-                class: "hzzt-collapse__icon",
-                size: "14"
-              }, null, 8, ["name"]),
-              createElementVNode("span", null, toDisplayString(expand.value ? unref(t)("hzzt.collapse.retract") : unref(t)("hzzt.collapse.expand")), 1)
-            ])
-          ])
-        ]),
-        withDirectives(createElementVNode("div", _hoisted_5, [
-          renderSlot(_ctx.$slots, "default")
-        ], 512), [
-          [vShow, expand.value]
-        ]),
-        renderSlot(_ctx.$slots, "active", { active: expand.value })
-      ]);
-    };
-  }
-});
-var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "collapse.vue"]]);
-
-export { Collapse as default };
 //# sourceMappingURL=collapse.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapse.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-collapse flex column\">\n    <div class=\"hzzt-collapse__top\">\n      <div class=\"hzzt-collapse__title\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n      <div v-if=\"showLine\" class=\"hzzt-collapse__line\" />\n      <slot name=\"toggle-btn\">\n        <div class=\"hzzt-collapse__btn\" @click=\"toggle\">\n          <hzzt-icon :name=\"!expand ? 'hzzt-plus-square-outline' : 'hzzt-minus-square-outline'\"\n                     class=\"hzzt-collapse__icon\" size=\"14\" />\n          <span>{{ expand ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand') }}</span>\n        </div>\n      </slot>\n    </div>\n    <div v-show=\"expand\" class=\"hzzt-collapse__content flex-1\">\n      <slot />\n    </div>\n\n    <slot :active=\"expand\" name=\"active\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import {useLocale} from '@hzzt-plus/hooks'\n  import HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n  import {ref, watch} from 'vue'\n\n  defineOptions({\n    name: 'HzztCollapse',\n  })\n  const {t} = useLocale()\n  const props = defineProps({\n    defaultActive: {\n      type: Boolean,\n      default: true,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    showLine: {\n      type: Boolean,\n      default: true,\n    },\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n  })\n  const emit = defineEmits(['update:modelValue'])\n\n  const expand = ref(props.modelValue)\n\n  if (!props.defaultActive) {\n    emit('update:modelValue', false);\n    expand.value = false;\n  }\n\n  watch(() => props.modelValue, (v) => {\n    expand.value = v;\n  })\n\n  function toggle() {\n    expand.value = !expand.value;\n    emit('update:modelValue', expand.value);\n  }\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;mCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAM,MAAA,EAAC,CAAC,EAAA,GAAI,SAAU,EAAA,CAAA;AAqBtB,IAAM,MAAA,MAAA,GAAS,GAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAEnC,IAAI,IAAA,CAAC,MAAM,aAAe,EAAA;AACxB,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,MAAA,MAAA,CAAO,KAAQ,GAAA,KAAA,CAAA;AAAA,KACjB;AAEA,IAAA,KAAA,CAAM,MAAM,KAAA,CAAM,UAAY,EAAA,CAAC,CAAM,KAAA;AACnC,MAAA,MAAA,CAAO,KAAQ,GAAA,CAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAA,SAAS,MAAS,GAAA;AAChB,MAAO,MAAA,CAAA,KAAA,GAAQ,CAAC,MAAO,CAAA,KAAA,CAAA;AACvB,MAAK,IAAA,CAAA,mBAAA,EAAqB,OAAO,KAAK,CAAA,CAAA;AAAA,KACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"collapse.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/collapse/src/collapse2.mjs

@@ -1,2 +1,90 @@
+import { defineComponent, ref, watch, openBlock, createElementBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, unref, withDirectives, vShow } from 'vue';
+import '../../../hooks/index.mjs';
+import HzztIcon from '../../icon/src/index.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
 
+const _hoisted_1 = { class: "hzzt-collapse flex column" };
+const _hoisted_2 = { class: "hzzt-collapse__top" };
+const _hoisted_3 = { class: "hzzt-collapse__title" };
+const _hoisted_4 = {
+  key: 0,
+  class: "hzzt-collapse__line"
+};
+const _hoisted_5 = { class: "hzzt-collapse__content flex-1" };
+const __default__ = defineComponent({
+  name: "HzztCollapse"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    defaultActive: {
+      type: Boolean,
+      default: true
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    showLine: {
+      type: Boolean,
+      default: true
+    },
+    modelValue: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const { t } = useLocale();
+    const expand = ref(props.modelValue);
+    if (!props.defaultActive) {
+      emit("update:modelValue", false);
+      expand.value = false;
+    }
+    watch(() => props.modelValue, (v) => {
+      expand.value = v;
+    });
+    function toggle() {
+      expand.value = !expand.value;
+      emit("update:modelValue", expand.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(__props.title), 1)
+            ])
+          ]),
+          __props.showLine ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "toggle-btn", {}, () => [
+            createElementVNode("div", {
+              class: "hzzt-collapse__btn",
+              onClick: toggle
+            }, [
+              createVNode(HzztIcon, {
+                name: !expand.value ? "hzzt-plus-square-outline" : "hzzt-minus-square-outline",
+                class: "hzzt-collapse__icon",
+                size: "14"
+              }, null, 8, ["name"]),
+              createElementVNode("span", null, toDisplayString(expand.value ? unref(t)("hzzt.collapse.retract") : unref(t)("hzzt.collapse.expand")), 1)
+            ])
+          ])
+        ]),
+        withDirectives(createElementVNode("div", _hoisted_5, [
+          renderSlot(_ctx.$slots, "default")
+        ], 512), [
+          [vShow, expand.value]
+        ]),
+        renderSlot(_ctx.$slots, "active", { active: expand.value })
+      ]);
+    };
+  }
+});
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "collapse.vue"]]);
+
+export { Collapse as default };
 //# sourceMappingURL=collapse2.mjs.map

package/es/components/collapse/src/collapse2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapse2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-collapse flex column\">\n    <div class=\"hzzt-collapse__top\">\n      <div class=\"hzzt-collapse__title\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n      <div v-if=\"showLine\" class=\"hzzt-collapse__line\" />\n      <slot name=\"toggle-btn\">\n        <div class=\"hzzt-collapse__btn\" @click=\"toggle\">\n          <hzzt-icon :name=\"!expand ? 'hzzt-plus-square-outline' : 'hzzt-minus-square-outline'\"\n                     class=\"hzzt-collapse__icon\" size=\"14\" />\n          <span>{{ expand ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand') }}</span>\n        </div>\n      </slot>\n    </div>\n    <div v-show=\"expand\" class=\"hzzt-collapse__content flex-1\">\n      <slot />\n    </div>\n\n    <slot :active=\"expand\" name=\"active\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import {useLocale} from '@hzzt-plus/hooks'\n  import HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n  import {ref, watch} from 'vue'\n\n  defineOptions({\n    name: 'HzztCollapse',\n  })\n  const {t} = useLocale()\n  const props = defineProps({\n    defaultActive: {\n      type: Boolean,\n      default: true,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    showLine: {\n      type: Boolean,\n      default: true,\n    },\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n  })\n  const emit = defineEmits(['update:modelValue'])\n\n  const expand = ref(props.modelValue)\n\n  if (!props.defaultActive) {\n    emit('update:modelValue', false);\n    expand.value = false;\n  }\n\n  watch(() => props.modelValue, (v) => {\n    expand.value = v;\n  })\n\n  function toggle() {\n    expand.value = !expand.value;\n    emit('update:modelValue', expand.value);\n  }\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;mCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAM,MAAA,EAAC,CAAC,EAAA,GAAI,SAAU,EAAA,CAAA;AAqBtB,IAAM,MAAA,MAAA,GAAS,GAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAEnC,IAAI,IAAA,CAAC,MAAM,aAAe,EAAA;AACxB,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,MAAA,MAAA,CAAO,KAAQ,GAAA,KAAA,CAAA;AAAA,KACjB;AAEA,IAAA,KAAA,CAAM,MAAM,KAAA,CAAM,UAAY,EAAA,CAAC,CAAM,KAAA;AACnC,MAAA,MAAA,CAAO,KAAQ,GAAA,CAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAA,SAAS,MAAS,GAAA;AAChB,MAAO,MAAA,CAAA,KAAA,GAAQ,CAAC,MAAO,CAAA,KAAA,CAAA;AACvB,MAAK,IAAA,CAAA,mBAAA,EAAqB,OAAO,KAAK,CAAA,CAAA;AAAA,KACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}