hzzt-plus 2.0.8 → 2.0.9

package/dist/index.full.mjs

@@ -25944,6 +25944,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", false);
       expand.value = false;
     }
+    watch(() => props.defaultActive, (v) => {
+      emit("update:modelValue", v);
+      expand.value = v;
+    });
     watch(() => props.modelValue, (v) => {
       expand.value = v;
     });
@@ -27641,6 +27645,10 @@ const cascaderProps = buildProps$1({
     type: String,
     default: ""
   },
+  joinSeparator: {
+    type: String,
+    default: ","
+  },
   modelValue: {
     type: definePropType$1([
       String
@@ -27714,7 +27722,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       clearable: props.clearable,
       placeholder: props.placeholder,
       readonly: props.readonly,
-      ...attrs
+      ...attrs,
+      class: "",
+      style: ""
     }));
     const _cascaderProps = computed(() => ({
       options: props.options,
@@ -27728,6 +27738,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       showAllLevels: true,
       ...props.cascaderProps
     }));
+    const isMultiple = computed(() => {
+      var _a;
+      return !!((_a = _cascaderProps.value.props) == null ? void 0 : _a.multiple);
+    });
     watch(() => props.modelValue, (v) => {
       inputVal.value = v;
       getCascaderVal();
@@ -27751,14 +27765,42 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       target.focus();
     }
     function cascaderChange(val) {
+      var _a;
       const separator = _cascaderProps.value.separator || "/";
-      inputVal.value = val ? isArray$1(val) ? val.join(separator) : [val].join(separator) : "";
+      const joinSeparator = (_a = props.joinSeparator) != null ? _a : ",";
+      if (isMultiple.value) {
+        const list = isArray$1(val) ? val : [];
+        const items = list.map((item) => {
+          var _a2;
+          if (isArray$1(item)) {
+            return _cascaderProps.value.showAllLevels === false ? String((_a2 = item[item.length - 1]) != null ? _a2 : "") : item.join(separator);
+          }
+          return String(item != null ? item : "");
+        });
+        inputVal.value = items.join(joinSeparator);
+      } else {
+        inputVal.value = val ? isArray$1(val) ? _cascaderProps.value.showAllLevels === false ? val[val.length - 1] : val.join(separator) : [val].join(separator) : "";
+      }
       input(inputVal.value);
       change(inputVal.value);
     }
     function getCascaderVal() {
+      var _a;
       const separator = _cascaderProps.value.separator || "/";
-      if (_cascaderProps.value.showAllLevels === false) {
+      const joinSeparator = (_a = props.joinSeparator) != null ? _a : ",";
+      if (isMultiple.value) {
+        const raw = props.modelValue || "";
+        if (!raw) {
+          cascaderVal.value = [];
+          return;
+        }
+        const parts = raw.split(joinSeparator).filter((s) => s !== "");
+        if (_cascaderProps.value.showAllLevels === false) {
+          cascaderVal.value = parts.map((id) => getCascaderId(id, props.options));
+        } else {
+          cascaderVal.value = parts.map((p) => p.split(separator));
+        }
+      } else if (_cascaderProps.value.showAllLevels === false) {
         const list = getCascaderId(props.modelValue, props.options);
         cascaderVal.value = list.join(separator);
       } else {

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

@@ -23,6 +23,7 @@ export declare const cascaderProps: {
     };
     options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => CascaderOption[]) | (() => CascaderOption[]) | ((new (...args: any[]) => CascaderOption[]) | (() => CascaderOption[]))[], unknown, unknown, () => CascaderOption[], boolean>;
     placeholder: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    joinSeparator: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     modelValue: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string | undefined) | ((new (...args: any[]) => string & {}) | (() => string | undefined))[], unknown, unknown, string, boolean>;
 };
 export declare type CascaderProps = ExtractPropTypes<typeof cascaderProps>;

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

@@ -25,6 +25,10 @@ const cascaderProps = buildProps({
     type: String,
     default: ""
   },
+  joinSeparator: {
+    type: String,
+    default: ","
+  },
   modelValue: {
     type: definePropType([
       String

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

@@ -1 +1 @@
-{"version":3,"file":"cascader.mjs","sources":["../../../../../../packages/components/cascader/src/cascader.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\nimport type {ExtractPropTypes} from 'vue'\nimport type Cascader from './cascader.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport type CascaderNodeValue = string | number\n\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport const cascaderProps = buildProps({\n  cascaderProps: {\n    type: Object,\n    default: () => ({\n      showAllLevels: true,\n    }),\n  },\n  disabled: Boolean,\n  readonly: Boolean,\n  clearable: Boolean,\n  size: useSizeProp,\n  options: {\n    type: definePropType<CascaderOption[]>(Array),\n    default: () => [] as CascaderOption[],\n  },\n  placeholder: {\n    type: String,\n    default: '',\n  },\n  modelValue: {\n    type: definePropType<string | undefined>([\n      String,\n    ]),\n    default: '',\n  },\n})\n\nexport type CascaderProps = ExtractPropTypes<typeof cascaderProps>\n\nexport const cascaderEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string | undefined) => isString(value),\n  input: (value: string | undefined) => isString(value),\n  change: (value: string | undefined) => isString(value),\n}\nexport type CascaderEmits = typeof cascaderEmits\n\n\nexport type CascaderInstance = InstanceType<typeof Cascader>\n"],"names":[],"mappings":";;;;;;;;AAGY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,aAAa,EAAE,IAAI;AACzB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC;AACzB,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,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;;;;"}
+{"version":3,"file":"cascader.mjs","sources":["../../../../../../packages/components/cascader/src/cascader.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\nimport type {ExtractPropTypes} from 'vue'\nimport type Cascader from './cascader.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport type CascaderNodeValue = string | number\n\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport const cascaderProps = buildProps({\n  cascaderProps: {\n    type: Object,\n    default: () => ({\n      showAllLevels: true,\n    }),\n  },\n  disabled: Boolean,\n  readonly: Boolean,\n  clearable: Boolean,\n  size: useSizeProp,\n  options: {\n    type: definePropType<CascaderOption[]>(Array),\n    default: () => [] as CascaderOption[],\n  },\n  placeholder: {\n    type: String,\n    default: '',\n  },\n  joinSeparator: {\n    type: String,\n    default: ',',\n  },\n  modelValue: {\n    type: definePropType<string | undefined>([\n      String,\n    ]),\n    default: '',\n  },\n})\n\nexport type CascaderProps = ExtractPropTypes<typeof cascaderProps>\n\nexport const cascaderEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string | undefined) => isString(value),\n  input: (value: string | undefined) => isString(value),\n  change: (value: string | undefined) => isString(value),\n}\nexport type CascaderEmits = typeof cascaderEmits\n\n\nexport type CascaderInstance = InstanceType<typeof Cascader>\n"],"names":[],"mappings":";;;;;;;;AAGY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,aAAa,EAAE,IAAI;AACzB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC;AACzB,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,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/cascader/src/cascader.vue.d.ts

@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./cascader").CascaderOption[]) | (() => import("./cascader").CascaderOption[]) | ((new (...args: any[]) => import("./cascader").CascaderOption[]) | (() => import("./cascader").CascaderOption[]))[], unknown, unknown, () => import("./cascader").CascaderOption[], boolean>;
     placeholder: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    joinSeparator: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     modelValue: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string | undefined) | ((new (...args: any[]) => string & {}) | (() => string | undefined))[], unknown, unknown, string, boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -31,6 +32,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./cascader").CascaderOption[]) | (() => import("./cascader").CascaderOption[]) | ((new (...args: any[]) => import("./cascader").CascaderOption[]) | (() => import("./cascader").CascaderOption[]))[], unknown, unknown, () => import("./cascader").CascaderOption[], boolean>;
         placeholder: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+        joinSeparator: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
         modelValue: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string | undefined) | ((new (...args: any[]) => string & {}) | (() => string | undefined))[], unknown, unknown, string, boolean>;
     }>> & {
         "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
@@ -71,6 +73,8 @@ declare const _default: import("vue").DefineComponent<{
     inputCls: import("vue").ComputedRef<string[]>;
     cascaderCls: import("vue").ComputedRef<string[]>;
     _inputProps: import("vue").ComputedRef<{
+        class: string;
+        style: string;
         disabled: boolean;
         size: "" | "default" | "small" | "large";
         clearable: boolean;
@@ -88,6 +92,7 @@ declare const _default: import("vue").DefineComponent<{
         separator: string;
         showAllLevels: boolean;
     }>;
+    isMultiple: import("vue").ComputedRef<boolean>;
     input: (str: string) => void;
     change: (str: string) => void;
     click: (e: MouseEvent) => void;
@@ -2276,6 +2281,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./cascader").CascaderOption[]) | (() => import("./cascader").CascaderOption[]) | ((new (...args: any[]) => import("./cascader").CascaderOption[]) | (() => import("./cascader").CascaderOption[]))[], unknown, unknown, () => import("./cascader").CascaderOption[], boolean>;
     placeholder: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    joinSeparator: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     modelValue: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string | undefined) | ((new (...args: any[]) => string & {}) | (() => string | undefined))[], unknown, unknown, string, boolean>;
 }>> & {
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
@@ -2288,6 +2294,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: boolean;
     options: import("./cascader").CascaderOption[];
     placeholder: string;
+    joinSeparator: string;
     modelValue: import("hzzt-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string & {}) | (() => string | undefined) | ((new (...args: any[]) => string & {}) | (() => string | undefined))[], unknown, unknown>;
 }>;
 export default _default;

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

@@ -45,7 +45,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       clearable: props.clearable,
       placeholder: props.placeholder,
       readonly: props.readonly,
-      ...attrs
+      ...attrs,
+      class: "",
+      style: ""
     }));
     const _cascaderProps = computed(() => ({
       options: props.options,
@@ -59,6 +61,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       showAllLevels: true,
       ...props.cascaderProps
     }));
+    const isMultiple = computed(() => {
+      var _a;
+      return !!((_a = _cascaderProps.value.props) == null ? void 0 : _a.multiple);
+    });
     watch(() => props.modelValue, (v) => {
       inputVal.value = v;
       getCascaderVal();
@@ -82,14 +88,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       target.focus();
     }
     function cascaderChange(val) {
+      var _a;
       const separator = _cascaderProps.value.separator || "/";
-      inputVal.value = val ? isArray(val) ? val.join(separator) : [val].join(separator) : "";
+      const joinSeparator = (_a = props.joinSeparator) != null ? _a : ",";
+      if (isMultiple.value) {
+        const list = isArray(val) ? val : [];
+        const items = list.map((item) => {
+          var _a2;
+          if (isArray(item)) {
+            return _cascaderProps.value.showAllLevels === false ? String((_a2 = item[item.length - 1]) != null ? _a2 : "") : item.join(separator);
+          }
+          return String(item != null ? item : "");
+        });
+        inputVal.value = items.join(joinSeparator);
+      } else {
+        inputVal.value = val ? isArray(val) ? _cascaderProps.value.showAllLevels === false ? val[val.length - 1] : val.join(separator) : [val].join(separator) : "";
+      }
       input(inputVal.value);
       change(inputVal.value);
     }
     function getCascaderVal() {
+      var _a;
       const separator = _cascaderProps.value.separator || "/";
-      if (_cascaderProps.value.showAllLevels === false) {
+      const joinSeparator = (_a = props.joinSeparator) != null ? _a : ",";
+      if (isMultiple.value) {
+        const raw = props.modelValue || "";
+        if (!raw) {
+          cascaderVal.value = [];
+          return;
+        }
+        const parts = raw.split(joinSeparator).filter((s) => s !== "");
+        if (_cascaderProps.value.showAllLevels === false) {
+          cascaderVal.value = parts.map((id) => getCascaderId(id, props.options));
+        } else {
+          cascaderVal.value = parts.map((p) => p.split(separator));
+        }
+      } else if (_cascaderProps.value.showAllLevels === false) {
         const list = getCascaderId(props.modelValue, props.options);
         cascaderVal.value = list.join(separator);
       } else {

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

@@ -1 +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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"}
+{"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, CascaderNodeValue} 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    class: '',\n    style: ''\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  const isMultiple = computed(() => !!_cascaderProps.value.props?.multiple)\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    const joinSeparator = props.joinSeparator ?? ',';\n    if (isMultiple.value) {\n      const list = (isArray(val) ? val : []) as Array<CascaderNodeValue | CascaderNodeValue[]>;\n      const items = list.map((item) => {\n        if (isArray(item)) {\n          return _cascaderProps.value.showAllLevels === false\n            ? String(item[item.length - 1] ?? '')\n            : item.join(separator);\n        }\n        return String(item ?? '');\n      });\n      inputVal.value = items.join(joinSeparator);\n    } else {\n      inputVal.value = val ? isArray(val) ? _cascaderProps.value.showAllLevels === false ? (val[val.length - 1] as string) : val.join(separator) : [val].join(separator) : '';\n    }\n    input(inputVal.value);\n    change(inputVal.value);\n  }\n\n  function getCascaderVal() {\n    const separator = _cascaderProps.value.separator || '/';\n    const joinSeparator = props.joinSeparator ?? ',';\n    if (isMultiple.value) {\n      const raw = props.modelValue || '';\n      if (!raw) {\n        cascaderVal.value = [];\n        return;\n      }\n      const parts = raw.split(joinSeparator).filter((s) => s !== '');\n      if (_cascaderProps.value.showAllLevels === false) {\n        cascaderVal.value = parts.map((id) => getCascaderId(id, props.options));\n      } else {\n        cascaderVal.value = parts.map((p) => p.split(separator));\n      }\n    } else 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":[],"mappings":"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"}

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

@@ -44,6 +44,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", false);
       expand.value = false;
     }
+    watch(() => props.defaultActive, (v) => {
+      emit("update:modelValue", v);
+      expand.value = v;
+    });
     watch(() => props.modelValue, (v) => {
       expand.value = v;
     });

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 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":"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.defaultActive, (v) => {\n    emit('update:modelValue', v);\n    expand.value = v;\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,aAAe,EAAA,CAAC,CAAM,KAAA;AACtC,MAAA,IAAA,CAAK,qBAAqB,CAAC,CAAA,CAAA;AAC3B,MAAA,MAAA,CAAO,KAAQ,GAAA,CAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAED,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/cascader/src/cascader.d.ts

@@ -23,6 +23,7 @@ export declare const cascaderProps: {
     };
     options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => CascaderOption[]) | (() => CascaderOption[]) | ((new (...args: any[]) => CascaderOption[]) | (() => CascaderOption[]))[], unknown, unknown, () => CascaderOption[], boolean>;
     placeholder: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    joinSeparator: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     modelValue: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string | undefined) | ((new (...args: any[]) => string & {}) | (() => string | undefined))[], unknown, unknown, string, boolean>;
 };
 export declare type CascaderProps = ExtractPropTypes<typeof cascaderProps>;

package/lib/components/cascader/src/cascader.js

@@ -29,6 +29,10 @@ const cascaderProps = runtime.buildProps({
     type: String,
     default: ""
   },
+  joinSeparator: {
+    type: String,
+    default: ","
+  },
   modelValue: {
     type: runtime.definePropType([
       String

package/lib/components/cascader/src/cascader.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.js","sources":["../../../../../../packages/components/cascader/src/cascader.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\nimport type {ExtractPropTypes} from 'vue'\nimport type Cascader from './cascader.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport type CascaderNodeValue = string | number\n\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport const cascaderProps = buildProps({\n  cascaderProps: {\n    type: Object,\n    default: () => ({\n      showAllLevels: true,\n    }),\n  },\n  disabled: Boolean,\n  readonly: Boolean,\n  clearable: Boolean,\n  size: useSizeProp,\n  options: {\n    type: definePropType<CascaderOption[]>(Array),\n    default: () => [] as CascaderOption[],\n  },\n  placeholder: {\n    type: String,\n    default: '',\n  },\n  modelValue: {\n    type: definePropType<string | undefined>([\n      String,\n    ]),\n    default: '',\n  },\n})\n\nexport type CascaderProps = ExtractPropTypes<typeof cascaderProps>\n\nexport const cascaderEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string | undefined) => isString(value),\n  input: (value: string | undefined) => isString(value),\n  change: (value: string | undefined) => isString(value),\n}\nexport type CascaderEmits = typeof cascaderEmits\n\n\nexport type CascaderInstance = InstanceType<typeof Cascader>\n"],"names":["buildProps","useSizeProp","definePropType","UPDATE_MODEL_EVENT","isString"],"mappings":";;;;;;;;;;;;AAGY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,aAAa,EAAE,IAAI;AACzB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,sBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,eAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,KAAK,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACnC,EAAE,MAAM,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACpC;;;;;"}
+{"version":3,"file":"cascader.js","sources":["../../../../../../packages/components/cascader/src/cascader.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\nimport type {ExtractPropTypes} from 'vue'\nimport type Cascader from './cascader.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport type CascaderNodeValue = string | number\n\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport const cascaderProps = buildProps({\n  cascaderProps: {\n    type: Object,\n    default: () => ({\n      showAllLevels: true,\n    }),\n  },\n  disabled: Boolean,\n  readonly: Boolean,\n  clearable: Boolean,\n  size: useSizeProp,\n  options: {\n    type: definePropType<CascaderOption[]>(Array),\n    default: () => [] as CascaderOption[],\n  },\n  placeholder: {\n    type: String,\n    default: '',\n  },\n  joinSeparator: {\n    type: String,\n    default: ',',\n  },\n  modelValue: {\n    type: definePropType<string | undefined>([\n      String,\n    ]),\n    default: '',\n  },\n})\n\nexport type CascaderProps = ExtractPropTypes<typeof cascaderProps>\n\nexport const cascaderEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string | undefined) => isString(value),\n  input: (value: string | undefined) => isString(value),\n  change: (value: string | undefined) => isString(value),\n}\nexport type CascaderEmits = typeof cascaderEmits\n\n\nexport type CascaderInstance = InstanceType<typeof Cascader>\n"],"names":["buildProps","useSizeProp","definePropType","UPDATE_MODEL_EVENT","isString"],"mappings":";;;;;;;;;;;;AAGY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,aAAa,EAAE,IAAI;AACzB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,sBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,eAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,KAAK,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACnC,EAAE,MAAM,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACpC;;;;;"}

package/lib/components/cascader/src/cascader.vue.d.ts

@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./cascader").CascaderOption[]) | (() => import("./cascader").CascaderOption[]) | ((new (...args: any[]) => import("./cascader").CascaderOption[]) | (() => import("./cascader").CascaderOption[]))[], unknown, unknown, () => import("./cascader").CascaderOption[], boolean>;
     placeholder: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    joinSeparator: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     modelValue: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string | undefined) | ((new (...args: any[]) => string & {}) | (() => string | undefined))[], unknown, unknown, string, boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -31,6 +32,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./cascader").CascaderOption[]) | (() => import("./cascader").CascaderOption[]) | ((new (...args: any[]) => import("./cascader").CascaderOption[]) | (() => import("./cascader").CascaderOption[]))[], unknown, unknown, () => import("./cascader").CascaderOption[], boolean>;
         placeholder: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+        joinSeparator: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
         modelValue: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string | undefined) | ((new (...args: any[]) => string & {}) | (() => string | undefined))[], unknown, unknown, string, boolean>;
     }>> & {
         "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
@@ -71,6 +73,8 @@ declare const _default: import("vue").DefineComponent<{
     inputCls: import("vue").ComputedRef<string[]>;
     cascaderCls: import("vue").ComputedRef<string[]>;
     _inputProps: import("vue").ComputedRef<{
+        class: string;
+        style: string;
         disabled: boolean;
         size: "" | "default" | "small" | "large";
         clearable: boolean;
@@ -88,6 +92,7 @@ declare const _default: import("vue").DefineComponent<{
         separator: string;
         showAllLevels: boolean;
     }>;
+    isMultiple: import("vue").ComputedRef<boolean>;
     input: (str: string) => void;
     change: (str: string) => void;
     click: (e: MouseEvent) => void;
@@ -2276,6 +2281,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./cascader").CascaderOption[]) | (() => import("./cascader").CascaderOption[]) | ((new (...args: any[]) => import("./cascader").CascaderOption[]) | (() => import("./cascader").CascaderOption[]))[], unknown, unknown, () => import("./cascader").CascaderOption[], boolean>;
     placeholder: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    joinSeparator: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     modelValue: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string | undefined) | ((new (...args: any[]) => string & {}) | (() => string | undefined))[], unknown, unknown, string, boolean>;
 }>> & {
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
@@ -2288,6 +2294,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: boolean;
     options: import("./cascader").CascaderOption[];
     placeholder: string;
+    joinSeparator: string;
     modelValue: import("hzzt-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string & {}) | (() => string | undefined) | ((new (...args: any[]) => string & {}) | (() => string | undefined))[], unknown, unknown>;
 }>;
 export default _default;

package/lib/components/cascader/src/cascader2.js

@@ -49,7 +49,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       clearable: props.clearable,
       placeholder: props.placeholder,
       readonly: props.readonly,
-      ...attrs
+      ...attrs,
+      class: "",
+      style: ""
     }));
     const _cascaderProps = vue.computed(() => ({
       options: props.options,
@@ -63,6 +65,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       showAllLevels: true,
       ...props.cascaderProps
     }));
+    const isMultiple = vue.computed(() => {
+      var _a;
+      return !!((_a = _cascaderProps.value.props) == null ? void 0 : _a.multiple);
+    });
     vue.watch(() => props.modelValue, (v) => {
       inputVal.value = v;
       getCascaderVal();
@@ -86,14 +92,42 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       target.focus();
     }
     function cascaderChange(val) {
+      var _a;
       const separator = _cascaderProps.value.separator || "/";
-      inputVal.value = val ? shared.isArray(val) ? val.join(separator) : [val].join(separator) : "";
+      const joinSeparator = (_a = props.joinSeparator) != null ? _a : ",";
+      if (isMultiple.value) {
+        const list = shared.isArray(val) ? val : [];
+        const items = list.map((item) => {
+          var _a2;
+          if (shared.isArray(item)) {
+            return _cascaderProps.value.showAllLevels === false ? String((_a2 = item[item.length - 1]) != null ? _a2 : "") : item.join(separator);
+          }
+          return String(item != null ? item : "");
+        });
+        inputVal.value = items.join(joinSeparator);
+      } else {
+        inputVal.value = val ? shared.isArray(val) ? _cascaderProps.value.showAllLevels === false ? val[val.length - 1] : val.join(separator) : [val].join(separator) : "";
+      }
       input(inputVal.value);
       change(inputVal.value);
     }
     function getCascaderVal() {
+      var _a;
       const separator = _cascaderProps.value.separator || "/";
-      if (_cascaderProps.value.showAllLevels === false) {
+      const joinSeparator = (_a = props.joinSeparator) != null ? _a : ",";
+      if (isMultiple.value) {
+        const raw = props.modelValue || "";
+        if (!raw) {
+          cascaderVal.value = [];
+          return;
+        }
+        const parts = raw.split(joinSeparator).filter((s) => s !== "");
+        if (_cascaderProps.value.showAllLevels === false) {
+          cascaderVal.value = parts.map((id) => utils.getCascaderId(id, props.options));
+        } else {
+          cascaderVal.value = parts.map((p) => p.split(separator));
+        }
+      } else if (_cascaderProps.value.showAllLevels === false) {
         const list = utils.getCascaderId(props.modelValue, props.options);
         cascaderVal.value = list.join(separator);
       } else {

package/lib/components/cascader/src/cascader2.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascader2.js","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":["useAttrs","ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch","isArray","getCascaderId","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"cascader2.js","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, CascaderNodeValue} 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    class: '',\n    style: ''\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  const isMultiple = computed(() => !!_cascaderProps.value.props?.multiple)\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    const joinSeparator = props.joinSeparator ?? ',';\n    if (isMultiple.value) {\n      const list = (isArray(val) ? val : []) as Array<CascaderNodeValue | CascaderNodeValue[]>;\n      const items = list.map((item) => {\n        if (isArray(item)) {\n          return _cascaderProps.value.showAllLevels === false\n            ? String(item[item.length - 1] ?? '')\n            : item.join(separator);\n        }\n        return String(item ?? '');\n      });\n      inputVal.value = items.join(joinSeparator);\n    } else {\n      inputVal.value = val ? isArray(val) ? _cascaderProps.value.showAllLevels === false ? (val[val.length - 1] as string) : val.join(separator) : [val].join(separator) : '';\n    }\n    input(inputVal.value);\n    change(inputVal.value);\n  }\n\n  function getCascaderVal() {\n    const separator = _cascaderProps.value.separator || '/';\n    const joinSeparator = props.joinSeparator ?? ',';\n    if (isMultiple.value) {\n      const raw = props.modelValue || '';\n      if (!raw) {\n        cascaderVal.value = [];\n        return;\n      }\n      const parts = raw.split(joinSeparator).filter((s) => s !== '');\n      if (_cascaderProps.value.showAllLevels === false) {\n        cascaderVal.value = parts.map((id) => getCascaderId(id, props.options));\n      } else {\n        cascaderVal.value = parts.map((p) => p.split(separator));\n      }\n    } else 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":["useAttrs","ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch","isArray","getCascaderId"],"mappings":";;;;;;;;;;;;;;;uCA2BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,QAAA,GAAWC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACrC,IAAA,MAAM,cAAcA,OAAI,EAAA,CAAA;AACxB,IAAA,MAAM,WAAWA,OAAI,EAAA,CAAA;AACrB,IAAA,MAAM,cAAcA,OAAI,EAAA,CAAA;AAExB,IAAM,MAAA,UAAA,GAAaC,mBAAa,UAAU,CAAA,CAAA;AAE1C,IAAA,MAAM,WAAWC,uBAAY,EAAA,CAAA;AAC7B,IAAA,MAAM,eAAeC,2BAAgB,EAAA,CAAA;AAErC,IAAA,MAAM,QAAW,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,IAAA,IAAA,QAAA,CAAA,KAAA,IAAAC,qBAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAAA,kBACH,GAAAD,YAAiB,CAAA,MAAA,kBAAuB,YAAE,CAAA,KAAA,CAAA,CAAA;AAAA,IACxD,MAAA,YAAA,GAAAA,YAAA,CAAA,MAAA;AAEA,MAAA;AAEA,MAAM,UAAA,CAAA,CAAA,EAAA;AAA8B,MAClC,UAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA;AAAA,KAAA,CACA;AAAa,IACb,MAAA,QAAa,GAAAA,YAAc,CAAA,MAAA;AAAA,MAC5B,UAAA,CAAA,CAAA,CAAA,OAAA,CAAA;AAED,KAAM,CAAA,CAAA;AAA0B,IAC9B,MAAA,WAAoB,GAAAA,YAAA,CAAA,MAAA;AAAA,MACrB,UAAA,CAAA,CAAA,CAAA,UAAA,CAAA;AAED,KAAM,CAAA,CAAA;AAA6B,IACjC,MAAA,WAAuB,GAAAA,YAAA,CAAA,OAAA;AAAA,MACxB,QAAA,EAAA,YAAA,CAAA,KAAA;AAED,MAAM,IAAA,EAAA,QAAA,CAAA;AAA8B,MAClC,WAAuB,KAAA,CAAA,SAAA;AAAA,MACvB,WAAe,EAAA,KAAA,CAAA,WAAA;AAAA,MACf,eAAiB,CAAA,QAAA;AAAA,MACjB;AAAmB,MACnB;AAAgB,MAChB,KAAG,EAAA,EAAA;AAAA,KAAA,CACH,CAAO,CAAA;AAAA,IAAA,MACA,cAAA,GAAAA,YAAA,CAAA,OAAA;AAAA,MACP,OAAA,EAAA,KAAA,CAAA,OAAA;AAEF,MAAM,QAAA,EAAA;AAAiC,MACrC,cAAe,CAAA,KAAA;AAAA,MACf,WAAuB,KAAA,CAAA,SAAA;AAAA,MACvB,WAAe,EAAA,KAAA,CAAA,WAAA;AAAA,MACf,sBAAiB,EAAA,IAAA,EAAA,aAAA,EAAA,OAAA,EAAA;AAAA,MACjB,gBAAmB;AAAA,MACnB,SAAQ,EAAe,GAAA;AAA4B,MACnD,aAAY,EAAA,IAAA;AAAA,MACZ,GAAW,KAAA,CAAA,aAAA;AAAA,KAAA,CACX,CAAe,CAAA;AAAA,IAAA,MACN,UAAA,GAAAA,YAAA,CAAA,MAAA;AAAA,MACT,IAAA,EAAA,CAAA;AAEF,MAAM,OAAA,CAAA,EAAA,CAAA,EAAA,GAAA,cAA4B,CAAA,KAAiB,CAAA,KAAA,KAAA,IAAA,GAAA,SAAqB,EAAA,CAAA,QAAA,CAAA,CAAA;AAExE,KAAA,CAAA,CAAA;AACE,IAAAE,SAAA,CAAA,MAAiB,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AACjB,MAAe,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAAA,MAChB,cAAA,EAAA,CAAA;AAED,KAAA,CAAA,CAAA;AACE,IAAAA,SAAA,CAAI,MAAC,KAAA,CAAA,OAAA,EAAA,CAAA,CAAA,KAAA;AAAG,MAAA,IAAA,CAAA,CAAA;AACR,QAAe,OAAA;AAAA,MAChB,cAAA,EAAA,CAAA;AAED,KAAe,CAAA,CAAA;AAEf,IAAA,gBAA4B,CAAA;AAC1B,IAAA;AACA,MAAA,IAAA,CAAK,mBAAY,EAAA,GAAA,CAAA,CAAA;AAAA,MACnB,IAAA,CAAA,OAAA,EAAA,GAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,mBAAkB,EAAA;AAAA,MACpB,IAAA,CAAA,QAAA,EAAA,GAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,SAAA,KAAY;AACZ,MAAA,iBAAiB,CAAA,mBAAA,EAAA,CAAA;AACjB,MAAA,MAAA,MAAa,GAAA,CAAA,CAAA,MAAA,CAAA;AAAA,MACf,MAAA,CAAA,KAAA,EAAA,CAAA;AAEA,KAAA;AACE,IAAM,SAAA,cAA2B,CAAA,GAAA,EAAA;AACjC,MAAM,IAAA,EAAA,CAAA;AACN,MAAA,eAAe,GAAO,cAAA,CAAA,KAAA,CAAA,SAAA,IAAA,GAAA,CAAA;AACpB,MAAA,MAAA,aAAc,GAAA,CAAQ,EAAG,GAAA,mBAAW,KAAA,IAAA,GAAA,EAAA,GAAA,GAAA,CAAA;AACpC,MAAA,IAAA,UAAc,CAAA,KAAA,EAAS;AACrB,QAAI,MAAA,IAAA,GAAAC,cAAe,CAAA,GAAA,CAAA,GAAA,GAAA,GAAA,EAAA,CAAA;AACjB,QAAA,MAAA,KAAO,GAAe,IAAA,CAAA,GAAA,CAAA,CAAA,IAAA,KAAwB;AAEvB,UACzB,IAAA,GAAA,CAAA;AACA,UAAO,IAAAA,cAAA,CAAA;AAAiB,YACzB,OAAA,cAAA,CAAA,KAAA,CAAA,aAAA,KAAA,KAAA,GAAA,MAAA,CAAA,CAAA,GAAA,GAAA,IAAA,CAAA,IAAA,CAAA,MAAA,GAAA,CAAA,CAAA,KAAA,IAAA,GAAA,GAAA,GAAA,EAAA,CAAA,GAAA,IAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA;AACD,WAAS;AAAgC,UACpC,OAAA,MAAA,CAAA,IAAA,IAAA,IAAA,GAAA,IAAA,GAAA,EAAA,CAAA,CAAA;AACL,SAAS,CAAA,CAAA;AAA4J,QACvK,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA,IAAA,CAAA,aAAA,CAAA,CAAA;AACA,OAAA;AACA,QAAA,cAAgB,GAAK,GAAA,GAAAA,cAAA,CAAA,GAAA,CAAA,GAAA,cAAA,CAAA,KAAA,CAAA,aAAA,KAAA,KAAA,GAAA,GAAA,CAAA,GAAA,CAAA,MAAA,GAAA,CAAA,CAAA,GAAA,GAAA,CAAA,IAAA,CAAA,SAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,GAAA,EAAA,CAAA;AAAA,OACvB;AAEA,MAAA,KAAA,CAAA,QAA0B,CAAA,KAAA,CAAA,CAAA;AACxB,MAAM,MAAA,CAAA,QAAA,CAAA,KAA2B,CAAA,CAAA;AACjC,KAAM;AACN,IAAA,uBAAsB,GAAA;AACpB,MAAM,IAAA,EAAA,CAAA;AACN,MAAA,MAAI,SAAM,GAAA,cAAA,CAAA,KAAA,CAAA,SAAA,IAAA,GAAA,CAAA;AACR,MAAA,MAAA,mBAAqB,GAAA,KAAA,CAAA,aAAA,KAAA,IAAA,GAAA,EAAA,GAAA,GAAA,CAAA;AACrB,MAAA,IAAA,UAAA,CAAA,KAAA,EAAA;AAAA,QACF,MAAA,GAAA,GAAA,KAAA,CAAA,UAAA,IAAA,EAAA,CAAA;AACA,QAAM,IAAA,CAAA,GAAA,EAAA;AACN,UAAI,WAAA,CAAA,KAAe,GAAM,EAAA,CAAA;AACvB,UAAY,OAAA;AAA0D,SACjE;AACL,QAAY,MAAA,KAAA,GAAA,GAAA,CAAA,qBAAyB,MAAE,CAAA,CAAM,YAAU,EAAA,CAAA,CAAA;AAAA,QACzD,IAAA,cAAA,CAAA,KAAA,CAAA,aAAA,KAAA,KAAA,EAAA;AAAA,UACS,WAAA,CAAA,KAAA,GAAA,KAAqB,CAAA,GAAA,CAAA,CAAA,EAAA,KAAAC,mBAAyB,CAAA,EAAA,EAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AACvD,SAAA,MAAa;AACb,UAAY,WAAA,CAAA,KAAA,GAAa,KAAA,CAAA,GAAc,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA,SAClC;AACL,OAAA,MAAA,IAAA,cAAqB,CAAA,KAAoB,CAAA,aAAA,UAAmB,EAAA;AAAA,QAC9D,MAAA,IAAA,GAAAA,mBAAA,CAAA,KAAA,CAAA,UAAA,EAAA,KAAA,CAAA,OAAA,CAAA,CAAA;AAAA,QACF,WAAA,CAAA,KAAA,GAAA,IAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/collapse/src/collapse2.js

@@ -48,6 +48,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("update:modelValue", false);
       expand.value = false;
     }
+    vue.watch(() => props.defaultActive, (v) => {
+      emit("update:modelValue", v);
+      expand.value = v;
+    });
     vue.watch(() => props.modelValue, (v) => {
       expand.value = v;
     });

package/lib/components/collapse/src/collapse2.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse2.js","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":["useLocale","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;uCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAM,MAAA,EAAC,CAAC,EAAA,GAAIA,eAAU,EAAA,CAAA;AAqBtB,IAAM,MAAA,MAAA,GAASC,OAAI,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,IAAAC,SAAA,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":"collapse2.js","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.defaultActive, (v) => {\n    emit('update:modelValue', v);\n    expand.value = v;\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":["useLocale","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;uCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAM,MAAA,EAAC,CAAC,EAAA,GAAIA,eAAU,EAAA,CAAA;AAqBtB,IAAM,MAAA,MAAA,GAASC,OAAI,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,IAAAC,SAAA,CAAM,MAAM,KAAA,CAAM,aAAe,EAAA,CAAC,CAAM,KAAA;AACtC,MAAA,IAAA,CAAK,qBAAqB,CAAC,CAAA,CAAA;AAC3B,MAAA,MAAA,CAAO,KAAQ,GAAA,CAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAAA,SAAA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hzzt-plus",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "hzzt-plus",

package/theme/hzzt-cascader.css

@@ -1 +1 @@
-.hzzt-cascader__input{left:0;position:absolute;right:0;top:0;z-index:2}.hzzt-cascader__input .el-input__inner{cursor:pointer}.hzzt-cascader__cascader .el-input__suffix{z-index:3}.hzzt-cascader__cascader .el-input{--el-input-border:none;--el-input-focus-border:none;--el-input-focus-border-color:none}
+.hzzt-cascader{line-height:1}.hzzt-cascader__input{left:0;position:absolute;right:0;top:0;z-index:2}.hzzt-cascader__input .el-input__inner{cursor:pointer}.hzzt-cascader__cascader{--el-input-width:100%;width:var(--el-input-width)}.hzzt-cascader__cascader .el-input__suffix{z-index:3}.hzzt-cascader__cascader .el-input{--el-input-border:none;--el-input-focus-border:none;--el-input-focus-border-color:none}