hzzt-plus 2.0.5 → 2.0.7

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

@@ -1,128 +1,42 @@
-import { defineComponent, useAttrs, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps } from 'vue';
-import { cascaderProps, cascaderEmits } from './cascader2.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';
+import '../../../hooks/index.mjs';
+import '../../../constants/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
+import { isString } from '@vue/shared';
 
-const __default__ = defineComponent({
-  name: "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);
-    };
+const cascaderProps = buildProps({
+  cascaderProps: {
+    type: Object,
+    default: () => ({
+      showAllLevels: true
+    })
+  },
+  disabled: Boolean,
+  readonly: Boolean,
+  clearable: Boolean,
+  size: useSizeProp,
+  options: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  modelValue: {
+    type: definePropType([
+      String
+    ]),
+    default: ""
   }
 });
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "cascader.vue"]]);
+const cascaderEmits = {
+  [UPDATE_MODEL_EVENT]: (value) => isString(value),
+  input: (value) => isString(value),
+  change: (value) => isString(value)
+};
 
-export { Cascader as default };
+export { cascaderEmits, cascaderProps };
 //# sourceMappingURL=cascader.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"cascader.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":"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;;;;"}

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

@@ -1,42 +1,128 @@
-import '../../../utils/index.mjs';
+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 '../../../constants/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { useSizeProp } from '../../../hooks/use-size/index.mjs';
-import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
-import { isString } from '@vue/shared';
+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 cascaderProps = buildProps({
-  cascaderProps: {
-    type: Object,
-    default: () => ({
-      showAllLevels: true
-    })
-  },
-  disabled: Boolean,
-  readonly: Boolean,
-  clearable: Boolean,
-  size: useSizeProp,
-  options: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  placeholder: {
-    type: String,
-    default: ""
-  },
-  modelValue: {
-    type: definePropType([
-      String
-    ]),
-    default: ""
+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);
+    };
   }
 });
-const cascaderEmits = {
-  [UPDATE_MODEL_EVENT]: (value) => isString(value),
-  input: (value) => isString(value),
-  change: (value) => isString(value)
-};
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "cascader.vue"]]);
 
-export { cascaderEmits, cascaderProps };
+export { Cascader as default };
 //# sourceMappingURL=cascader2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"cascader2.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":"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/click-input/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import ClickInput from './src/click-input2.mjs';
-export { clickInputEmits, clickInputProps } from './src/click-input.mjs';
+import ClickInput from './src/click-input.mjs';
+export { clickInputEmits, clickInputProps } from './src/click-input2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const HzztClickInput = withInstall(ClickInput);

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

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

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

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