hzzt-plus 1.0.2 → 1.0.4

package/es/components/cascader/src/cascader2.mjs

@@ -0,0 +1,128 @@
+import { defineComponent, useAttrs, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps } from 'vue';
+import { cascaderProps, cascaderEmits } from './cascader.mjs';
+import { useFormSize, useFormDisabled, ElInput, ElCascader } from 'element-plus';
+import '../../../hooks/index.mjs';
+import '../../../utils/index.mjs';
+import { getCascaderId } from './hooks/utils.mjs';
+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 { isArray } from '@vue/shared';
+
+const __default__ = defineComponent({
+  name: "HzztCascader"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: cascaderProps,
+  emits: cascaderEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const inputVal = ref(props.modelValue);
+    const cascaderVal = ref();
+    const inputRef = ref();
+    const cascaderRef = ref();
+    const nsCascader = useNamespace("cascader");
+    const formSize = useFormSize();
+    const formDisabled = useFormDisabled();
+    const trueSize = computed(() => props.size || formSize.value || useGlobalSize().value);
+    const trueDisabled = computed(() => props.disabled || formDisabled.value);
+    const containerCls = computed(() => [
+      "relative",
+      nsCascader.b(),
+      nsCascader.m(trueSize.value)
+    ]);
+    const inputCls = computed(() => [
+      nsCascader.e("input")
+    ]);
+    const cascaderCls = computed(() => [
+      nsCascader.e("cascader")
+    ]);
+    const _inputProps = computed(() => ({
+      disabled: trueDisabled.value,
+      size: trueSize.value,
+      clearable: props.clearable,
+      placeholder: props.placeholder,
+      readonly: props.readonly,
+      ...attrs
+    }));
+    const _cascaderProps = computed(() => ({
+      options: props.options,
+      disabled: trueDisabled.value,
+      size: trueSize.value,
+      clearable: props.clearable,
+      placeholder: props.placeholder,
+      props: { checkStrictly: true, expandTrigger: "hover" },
+      filterable: true,
+      separator: "/",
+      showAllLevels: true,
+      ...props.cascaderProps
+    }));
+    watch(() => props.modelValue, (v) => {
+      inputVal.value = v;
+      getCascaderVal();
+    });
+    watch(() => props.options, (v) => {
+      if (!v)
+        return;
+      getCascaderVal();
+    });
+    getCascaderVal();
+    function input(str) {
+      emit("update:modelValue", str);
+      emit("input", str);
+    }
+    function change(str) {
+      emit("change", str);
+    }
+    function click(e) {
+      cascaderRef.value.togglePopperVisible();
+      const target = e.target;
+      target.focus();
+    }
+    function cascaderChange(val) {
+      const separator = _cascaderProps.value.separator || "/";
+      inputVal.value = val ? isArray(val) ? val.join(separator) : [val].join(separator) : "";
+      input(inputVal.value);
+      change(inputVal.value);
+    }
+    function getCascaderVal() {
+      const separator = _cascaderProps.value.separator || "/";
+      if (_cascaderProps.value.showAllLevels === false) {
+        const list = getCascaderId(props.modelValue, props.options);
+        cascaderVal.value = list.join(separator);
+      } else {
+        cascaderVal.value = (props.modelValue || "").split(separator);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(containerCls))
+      }, [
+        createVNode(unref(ElInput), mergeProps({
+          class: unref(inputCls),
+          modelValue: inputVal.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
+          ref_key: "inputRef",
+          ref: inputRef
+        }, unref(_inputProps), {
+          onInput: input,
+          onClick: click,
+          onChange: change
+        }), null, 16, ["class", "modelValue"]),
+        createVNode(unref(ElCascader), mergeProps({
+          class: unref(cascaderCls),
+          modelValue: cascaderVal.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => cascaderVal.value = $event),
+          ref_key: "cascaderRef",
+          ref: cascaderRef
+        }, unref(_cascaderProps), { onChange: cascaderChange }), null, 16, ["class", "modelValue"])
+      ], 2);
+    };
+  }
+});
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "cascader.vue"]]);
+
+export { Cascader as default };
+//# sourceMappingURL=cascader2.mjs.map

package/es/components/cascader/src/cascader2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader2.mjs","sources":["../../../../../../packages/components/cascader/src/cascader.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\">\n    <el-input\n      :class=\"inputCls\"\n      v-model=\"inputVal\"\n      ref=\"inputRef\"\n      v-bind=\"_inputProps\"\n      @input=\"input\"\n      @click=\"click\"\n      @change=\"change\"\n    >\n    </el-input>\n    <el-cascader :class=\"cascaderCls\" v-model=\"cascaderVal\" ref=\"cascaderRef\" v-bind=\"_cascaderProps\"\n                 @change=\"cascaderChange\">\n    </el-cascader>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {cascaderEmits, cascaderProps} from './cascader'\n  import {computed, ref, useAttrs, watch} from \"vue\";\n  import {CascaderProps, useFormDisabled, useFormSize, CascaderValue} from \"element-plus\";\n  import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n  import {isArray} from '@hzzt-plus/utils'\n  import {ElInput, ElCascader} from 'element-plus'\n  import {getCascaderId} from \"./hooks/utils\";\n\n  defineOptions({\n    name: 'HzztCascader',\n  })\n\n  const props = defineProps(cascaderProps)\n  const emit = defineEmits(cascaderEmits)\n\n  const attrs = useAttrs();\n\n  const inputVal = ref(props.modelValue);\n  const cascaderVal = ref();\n  const inputRef = ref();\n  const cascaderRef = ref();\n\n  const nsCascader = useNamespace('cascader');\n\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 containerCls = computed(() => [\n    'relative',\n    nsCascader.b(),\n    nsCascader.m(trueSize.value),\n  ])\n\n  const inputCls = computed(() => [\n    nsCascader.e('input'),\n  ])\n\n  const cascaderCls = computed(() => [\n    nsCascader.e('cascader'),\n  ])\n\n  const _inputProps = computed(() => ({\n    disabled: trueDisabled.value,\n    size: trueSize.value,\n    clearable: props.clearable,\n    placeholder: props.placeholder,\n    readonly: props.readonly,\n    ...attrs,\n  }))\n\n  const _cascaderProps = computed(() => ({\n    options: props.options,\n    disabled: trueDisabled.value,\n    size: trueSize.value,\n    clearable: props.clearable,\n    placeholder: props.placeholder,\n    props: {checkStrictly: true, expandTrigger: 'hover'} as CascaderProps,\n    filterable: true,\n    separator: '/',\n    showAllLevels: true,\n    ...props.cascaderProps,\n  }))\n\n  watch(() => props.modelValue, (v) => {\n    inputVal.value = v;\n    getCascaderVal();\n  })\n\n  watch(() => props.options, (v) => {\n    if (!v) return;\n    getCascaderVal();\n  })\n\n  getCascaderVal();\n\n  function input(str: string) {\n    emit('update:modelValue', str)\n    emit('input', str)\n  }\n\n  function change(str: string) {\n    emit('change', str)\n  }\n\n  function click(e: MouseEvent) {\n    cascaderRef.value.togglePopperVisible();\n    const target = e.target as HTMLInputElement;\n    target.focus();\n  }\n\n  function cascaderChange(val: CascaderValue) {\n    const separator = _cascaderProps.value.separator || '/';\n    inputVal.value = val ? isArray(val) ? val.join(separator) : [val].join(separator) : '';\n    input(inputVal.value);\n    change(inputVal.value);\n  }\n\n  function getCascaderVal() {\n    const separator = _cascaderProps.value.separator || '/';\n    if (_cascaderProps.value.showAllLevels === false) {\n      const list = getCascaderId(props.modelValue, props.options);\n      cascaderVal.value = list.join(separator);\n    } else {\n      cascaderVal.value = (props.modelValue || '').split(separator);\n    }\n  }\n\n\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":"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"}

package/es/components/cascader/src/hooks/utils.d.ts

@@ -0,0 +1,2 @@
+import { CascaderNodeValue, CascaderOption } from "../cascader";
+export declare function getCascaderId(targetId?: string, list?: Array<CascaderOption>): CascaderNodeValue[];

package/es/components/cascader/src/hooks/utils.mjs

@@ -0,0 +1,26 @@
+function getCascaderId(targetId = "", list = []) {
+  function get(list2, arr = []) {
+    var _a;
+    for (let i = 0; i < list2.length; i++) {
+      const item = list2[i];
+      if (item.value === targetId) {
+        arr.unshift(item.value);
+        break;
+      }
+      if ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length) {
+        arr = get(item.children, arr);
+        if (arr.length) {
+          if (item.value) {
+            arr.unshift(item.value);
+          }
+          break;
+        }
+      }
+    }
+    return arr;
+  }
+  return get(list, []);
+}
+
+export { getCascaderId };
+//# sourceMappingURL=utils.mjs.map

package/es/components/cascader/src/hooks/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../../../../packages/components/cascader/src/hooks/utils.ts"],"sourcesContent":["import {CascaderNodeValue, CascaderOption} from \"../cascader\";\n\nexport function getCascaderId(targetId = '', list: Array<CascaderOption> = []) {\n  function get(list: Array<CascaderOption>, arr: Array<CascaderNodeValue> = []) {\n    for (let i = 0; i < list.length; i++) {\n      const item = list[i];\n      if (item.value === targetId) {\n        arr.unshift(item.value);\n        break;\n      }\n      if (item?.children?.length) {\n        arr = get(item.children, arr);\n        if (arr.length) {\n          if (item.value) {\n            arr.unshift(item.value);\n          }\n          break;\n        }\n      }\n    }\n    return arr;\n  }\n\n  return get(list, []);\n}\n"],"names":[],"mappings":"AAAO,SAAS,aAAa,CAAC,QAAQ,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE;AACxD,EAAE,SAAS,GAAG,CAAC,KAAK,EAAE,GAAG,GAAG,EAAE,EAAE;AAChC,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC3C,MAAM,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;AAC5B,MAAM,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;AACnC,QAAQ,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAChC,QAAQ,MAAM;AACd,OAAO;AACP,MAAM,IAAI,CAAC,EAAE,GAAG,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,QAAQ,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE;AACrF,QAAQ,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AACtC,QAAQ,IAAI,GAAG,CAAC,MAAM,EAAE;AACxB,UAAU,IAAI,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAY,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACpC,WAAW;AACX,UAAU,MAAM;AAChB,SAAS;AACT,OAAO;AACP,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG;AACH,EAAE,OAAO,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AACvB;;;;"}

package/es/components/cascader/style/css.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style/css';
+import 'hzzt-plus/theme/hzzt-cascader.css';

package/es/components/cascader/style/css.mjs

@@ -0,0 +1,3 @@
+import '../../base/style/css.mjs';
+import 'hzzt-plus/theme/hzzt-cascader.css';
+//# sourceMappingURL=css.mjs.map

package/es/components/cascader/style/css.mjs.map

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

package/es/components/cascader/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style';
+import 'hzzt-plus/theme/src/hzzt-cascader.scss';

package/es/components/cascader/style/index.mjs

@@ -0,0 +1,3 @@
+import '../../base/style/index.mjs';
+import 'hzzt-plus/theme/src/hzzt-cascader.scss';
+//# sourceMappingURL=index.mjs.map

package/es/components/cascader/style/index.mjs.map

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

package/es/components/collapse/index.mjs

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

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

@@ -1,2 +1,69 @@
+import { createElementVNode, defineComponent, ref, watch, openBlock, createElementBlock, toDisplayString, unref, createCommentVNode, renderSlot } from 'vue';
+import '../../../hooks/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" };
+const _hoisted_2 = { class: "flex align-items-center" };
+const _hoisted_3 = { class: "hzzt-collapse-title-wrapper" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
+const _hoisted_5 = { class: "hzzt-collapse-title" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
+const _hoisted_7 = {
+  key: 0,
+  class: "hzzt-collapse-text"
+};
+const __default__ = defineComponent({
+  name: "HzztCollapse"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    defaultActive: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    expand: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    const active = ref(props.defaultActive);
+    watch(() => props.defaultActive, (val) => {
+      active.value = val;
+    });
+    function toggle() {
+      active.value = !active.value;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "hzzt-collapse-header",
+          onClick: toggle
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              _hoisted_4,
+              createElementVNode("div", _hoisted_5, toDisplayString(__props.title), 1)
+            ]),
+            _hoisted_6
+          ]),
+          __props.expand ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(active.value ? unref(t)("hzzt.collapse.retract") : unref(t)("hzzt.collapse.expand")), 1)) : createCommentVNode("v-if", true)
+        ]),
+        renderSlot(_ctx.$slots, "active", { active: active.value }),
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+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":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"collapse.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-collapse\">\n    <div class=\"hzzt-collapse-header\" @click=\"toggle\">\n      <div class=\"flex align-items-center\">\n        <div class=\"hzzt-collapse-title-wrapper\">\n          <div class=\"hzzt-collapse-title-block\" />\n          <div class=\"hzzt-collapse-title\">{{ title }}</div>\n        </div>\n        <div class=\"hzzt-collapse-line\" />\n      </div>\n      <span v-if=\"expand\" class=\"hzzt-collapse-text\">{{\n        active ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand')\n      }}</span>\n    </div>\n    <slot name=\"active\" :active=\"active\" />\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { useLocale } from '@hzzt-plus/hooks'\n\ndefineOptions({\n  name: 'HzztCollapse',\n})\nconst { t } = useLocale()\nconst props = defineProps({\n  defaultActive: {\n    type: Boolean,\n    default: false,\n  },\n  title: {\n    type: String,\n    default: '',\n  },\n  expand: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst active = ref(props.defaultActive)\n\nwatch(\n  () => props.defaultActive,\n  (val: boolean) => {\n    active.value = val\n  }\n)\n\nfunction toggle() {\n  active.value = !active.value\n}\n</script>\n"],"names":["_createElementVNode","_toDisplayString","_openBlock","_createElementBlock","_unref","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoBA,KAAA;AACA,IAAA,KAAS,EAAiB;;;AAEZ,KACN;AACR,IAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;AACA,UAAM,OAAI,EAAc,MAAA;AAgBxB,SAAM,EAAA;AAEN,UAAAA,kBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,YACQA,kBAAM,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,cACM,UAAA;AAChB,cAAAA,kBAAe,CAAA,KAAA,EAAA,UAAA,EAAAC,eAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,aACjB,CAAA;AAAA,YACF,UAAA;AAEA,WAAA,CAAA;AACE,UAAO,OAAA,CAAA,MAAgB,IAAAC,SAAA,EAAA,EAAAC,kBAAA,CAAA,MAAA,EAAA,UAAA,EAAAF,eAAA,CAAA,MAAA,CAAA,KAAA,GAAAG,KAAA,CAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,GAAAA,KAAA,CAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,SACzB,CAAA;;;;;;;;;;;"}

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

@@ -1,69 +1,2 @@
-import { createElementVNode, defineComponent, ref, watch, openBlock, createElementBlock, toDisplayString, unref, createCommentVNode, renderSlot } from 'vue';
-import '../../../hooks/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" };
-const _hoisted_2 = { class: "flex align-items-center" };
-const _hoisted_3 = { class: "hzzt-collapse-title-wrapper" };
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
-const _hoisted_5 = { class: "hzzt-collapse-title" };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
-const _hoisted_7 = {
-  key: 0,
-  class: "hzzt-collapse-text"
-};
-const __default__ = defineComponent({
-  name: "HzztCollapse"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    defaultActive: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    expand: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const { t } = useLocale();
-    const active = ref(props.defaultActive);
-    watch(() => props.defaultActive, (val) => {
-      active.value = val;
-    });
-    function toggle() {
-      active.value = !active.value;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          class: "hzzt-collapse-header",
-          onClick: toggle
-        }, [
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
-              _hoisted_4,
-              createElementVNode("div", _hoisted_5, toDisplayString(__props.title), 1)
-            ]),
-            _hoisted_6
-          ]),
-          __props.expand ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(active.value ? unref(t)("hzzt.collapse.retract") : unref(t)("hzzt.collapse.expand")), 1)) : createCommentVNode("v-if", true)
-        ]),
-        renderSlot(_ctx.$slots, "active", { active: active.value }),
-        renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-});
-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":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-collapse\">\n    <div class=\"hzzt-collapse-header\" @click=\"toggle\">\n      <div class=\"flex align-items-center\">\n        <div class=\"hzzt-collapse-title-wrapper\">\n          <div class=\"hzzt-collapse-title-block\" />\n          <div class=\"hzzt-collapse-title\">{{ title }}</div>\n        </div>\n        <div class=\"hzzt-collapse-line\" />\n      </div>\n      <span v-if=\"expand\" class=\"hzzt-collapse-text\">{{\n        active ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand')\n      }}</span>\n    </div>\n    <slot name=\"active\" :active=\"active\" />\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { useLocale } from '@hzzt-plus/hooks'\n\ndefineOptions({\n  name: 'HzztCollapse',\n})\nconst { t } = useLocale()\nconst props = defineProps({\n  defaultActive: {\n    type: Boolean,\n    default: false,\n  },\n  title: {\n    type: String,\n    default: '',\n  },\n  expand: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst active = ref(props.defaultActive)\n\nwatch(\n  () => props.defaultActive,\n  (val: boolean) => {\n    active.value = val\n  }\n)\n\nfunction toggle() {\n  active.value = !active.value\n}\n</script>\n"],"names":["_createElementVNode","_toDisplayString","_openBlock","_createElementBlock","_unref","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoBA,KAAA;AACA,IAAA,KAAS,EAAiB;;;AAEZ,KACN;AACR,IAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;AACA,UAAM,OAAI,EAAc,MAAA;AAgBxB,SAAM,EAAA;AAEN,UAAAA,kBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,YACQA,kBAAM,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,cACM,UAAA;AAChB,cAAAA,kBAAe,CAAA,KAAA,EAAA,UAAA,EAAAC,eAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,aACjB,CAAA;AAAA,YACF,UAAA;AAEA,WAAA,CAAA;AACE,UAAO,OAAA,CAAA,MAAgB,IAAAC,SAAA,EAAA,EAAAC,kBAAA,CAAA,MAAA,EAAA,UAAA,EAAAF,eAAA,CAAA,MAAA,CAAA,KAAA,GAAAG,KAAA,CAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,GAAAA,KAAA,CAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,SACzB,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"collapse2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/confirm-password/index.d.ts

@@ -132,7 +132,7 @@ export declare const HzztConfirmPassword: import("hzzt-plus/es/utils").SFCWithIn
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 onClear?: (() => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "modelValue" | "id" | "disabled" | "autosize" | "autocomplete" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle" | "autofocus" | "rows">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "readonly" | "clearable" | "modelValue" | "id" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle" | "autofocus" | "rows">;
             $attrs: {
                 [x: string]: unknown;
             };

package/es/components/confirm-password/src/confirm-password.vue.d.ts

@@ -132,7 +132,7 @@ declare const _default: import("vue").DefineComponent<{
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 onClear?: (() => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "modelValue" | "id" | "disabled" | "autosize" | "autocomplete" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle" | "autofocus" | "rows">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "readonly" | "clearable" | "modelValue" | "id" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle" | "autofocus" | "rows">;
             $attrs: {
                 [x: string]: unknown;
             };

package/es/components/dropdown/index.d.ts

@@ -93,8 +93,8 @@ export declare const HzztDropdown: import("hzzt-plus/es/utils").SFCWithInstall<i
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    props: Record<string, any>;
     options: import("..").OptionType[];
+    props: Record<string, any>;
     defaultValue: unknown[];
     position: string;
     returnType: string;

package/es/components/dropdown/src/index.vue.d.ts

@@ -94,8 +94,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    props: Record<string, any>;
     options: OptionType[];
+    props: Record<string, any>;
     defaultValue: unknown[];
     position: string;
     returnType: string;

package/es/components/index.d.ts

@@ -13,3 +13,5 @@ export * from './quarter-picker';
 export * from './scan';
 export * from './select-input';
 export * from './select-textarea';
+export * from './input-range';
+export * from './cascader';

package/es/components/index.mjs

@@ -13,11 +13,15 @@ export { HzztQuarterPicker } from './quarter-picker/index.mjs';
 export { HzztScan } from './scan/index.mjs';
 export { HzztSelectInput } from './select-input/index.mjs';
 export { HzztSelectTextarea } from './select-textarea/index.mjs';
+export { HzztInputRange } from './input-range/index.mjs';
+export { HzztCascader } from './cascader/index.mjs';
 export { titleProps } from './title/src/title.mjs';
 export { configProviderProps } from './config-provider/src/config-provider-props.mjs';
 export { configProviderContextKey } from './config-provider/src/constants.mjs';
 export { provideGlobalConfig, useGlobalConfig } from './config-provider/src/hooks/use-global-config.mjs';
-export { scanEmits, scanProps } from './scan/src/scan.mjs';
+export { scanEmits, scanProps } from './scan/src/scan2.mjs';
 export { selectInputEmits, selectInputProps } from './select-input/src/select-input.mjs';
 export { selectTextareaEmits, selectTextareaProps } from './select-textarea/src/select-textarea.mjs';
+export { inputRangeEmits, inputRangeProps } from './input-range/src/input-range.mjs';
+export { cascaderEmits, cascaderProps } from './cascader/src/cascader.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/index.mjs.map

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

package/es/components/input-range/index.d.ts

@@ -0,0 +1,5 @@
+import InputRange from './src/input-range.vue';
+import type { SFCWithInstall } from 'hzzt-plus/es/utils';
+export declare const HzztInputRange: SFCWithInstall<typeof InputRange>;
+export default HzztInputRange;
+export * from './src/input-range';

package/es/components/input-range/index.mjs

@@ -0,0 +1,9 @@
+import '../../utils/index.mjs';
+import InputRange from './src/input-range2.mjs';
+export { inputRangeEmits, inputRangeProps } from './src/input-range.mjs';
+import { withInstall } from '../../utils/vue/install.mjs';
+
+const HzztInputRange = withInstall(InputRange);
+
+export { HzztInputRange, HzztInputRange as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/input-range/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/input-range/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\nimport InputRange from './src/input-range.vue'\nimport type { SFCWithInstall } from '@hzzt-plus/utils'\n\nexport const HzztInputRange: SFCWithInstall<typeof InputRange> = withInstall(InputRange)\nexport default HzztInputRange\n\nexport * from './src/input-range'\n"],"names":[],"mappings":";;;;;AAEY,MAAC,cAAc,GAAG,WAAW,CAAC,UAAU;;;;"}

package/es/components/input-range/src/input-range.d.ts

@@ -0,0 +1,24 @@
+import type { ExtractPropTypes } from 'vue';
+import type InputRange from './input-range.vue';
+export declare const inputRangeProps: {
+    modelValue: import("hzzt-plus/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
+    size: {
+        readonly type: import("vue").PropType<import("hzzt-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+    clearable: import("hzzt-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    startPlaceholder: StringConstructor;
+    endPlaceholder: StringConstructor;
+    startProps: ObjectConstructor;
+    endProps: ObjectConstructor;
+};
+export declare type InputRangeProps = ExtractPropTypes<typeof inputRangeProps>;
+export declare const inputRangeEmits: {
+    "update:modelValue": (val: Array<string>) => boolean;
+    change: (val: Array<string>) => boolean;
+};
+export declare type InputRangeEmits = typeof inputRangeEmits;
+export declare type InputRangeInstance = InstanceType<typeof InputRange>;

package/es/components/input-range/src/input-range.mjs

@@ -0,0 +1,31 @@
+import '../../../utils/index.mjs';
+import '../../../hooks/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, CHANGE_EVENT } from '../../../constants/event.mjs';
+import { isArray } from '@vue/shared';
+
+const inputRangeProps = buildProps({
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  size: useSizeProp,
+  disabled: Boolean,
+  clearable: {
+    type: Boolean,
+    default: false
+  },
+  startPlaceholder: String,
+  endPlaceholder: String,
+  startProps: Object,
+  endProps: Object
+});
+const inputRangeEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => isArray(val),
+  [CHANGE_EVENT]: (val) => isArray(val)
+};
+
+export { inputRangeEmits, inputRangeProps };
+//# sourceMappingURL=input-range.mjs.map

package/es/components/input-range/src/input-range.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-range.mjs","sources":["../../../../../../packages/components/input-range/src/input-range.ts"],"sourcesContent":["import {buildProps, isArray} from '@hzzt-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type InputRange from './input-range.vue'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\nimport {CHANGE_EVENT, UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport const inputRangeProps = buildProps({\n  modelValue: {\n    type: Array,\n    default: () => [],\n  },\n  size: useSizeProp,\n  disabled: Boolean,\n  clearable: {\n    type: Boolean,\n    default: false,\n  },\n  startPlaceholder: String,\n  endPlaceholder: String,\n  startProps: Object,\n  endProps: Object,\n})\n\nexport type InputRangeProps = ExtractPropTypes<typeof inputRangeProps>\n\nexport const inputRangeEmits = {\n  [UPDATE_MODEL_EVENT]: (val: Array<string>) => isArray(val),\n  [CHANGE_EVENT]: (val: Array<string>) => isArray(val),\n}\nexport type InputRangeEmits = typeof inputRangeEmits\n\nexport type InputRangeInstance = InstanceType<typeof InputRange>\n"],"names":[],"mappings":";;;;;;;;AAGY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,cAAc,EAAE,MAAM;AACxB,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,QAAQ,EAAE,MAAM;AAClB,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,CAAC,kBAAkB,GAAG,CAAC,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC;AAC7C,EAAE,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC;AACvC;;;;"}

package/es/components/input-range/src/input-range.vue.d.ts

@@ -0,0 +1,86 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: import("../../../utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
+    size: {
+        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+    clearable: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    startPlaceholder: StringConstructor;
+    endPlaceholder: StringConstructor;
+    startProps: ObjectConstructor;
+    endProps: ObjectConstructor;
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: import("../../../utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
+        size: {
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        disabled: BooleanConstructor;
+        clearable: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+        startPlaceholder: StringConstructor;
+        endPlaceholder: StringConstructor;
+        startProps: ObjectConstructor;
+        endProps: ObjectConstructor;
+    }>> & {
+        "onUpdate:modelValue"?: ((val: string[]) => any) | undefined;
+        onChange?: ((val: string[]) => any) | undefined;
+    }>>;
+    emit: ((event: "update:modelValue", val: string[]) => void) & ((event: "change", val: string[]) => void);
+    startValue: import("vue").Ref<unknown>;
+    endValue: import("vue").Ref<unknown>;
+    nsInput: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    formSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    formDisabled: import("vue").ComputedRef<boolean>;
+    trueSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    trueDisabled: import("vue").ComputedRef<boolean>;
+    containerCls: import("vue").ComputedRef<string[]>;
+    change: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: string[]) => boolean;
+    change: (val: string[]) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("../../../utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
+    size: {
+        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+    clearable: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    startPlaceholder: StringConstructor;
+    endPlaceholder: StringConstructor;
+    startProps: ObjectConstructor;
+    endProps: ObjectConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((val: string[]) => any) | undefined;
+    onChange?: ((val: string[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    clearable: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modelValue: unknown[];
+}>;
+export default _default;