hzzt-plus 2.0.9 → 2.0.11

package/lib/components/select/src/select.js

@@ -2,51 +2,221 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-require('../../../constants/index.js');
+var vue = require('vue');
+var select = require('./select2.js');
+var elementPlus = require('element-plus');
 require('../../../hooks/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var index = require('../../../hooks/use-size/index.js');
-var event = require('../../../constants/event.js');
-var shared = require('@vue/shared');
+var index$2 = require('../../icon/src/index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-size/index.js');
 
-const selectProps = runtime.buildProps({
-  selectProps: Object,
-  options: {
-    type: runtime.definePropType(Array),
-    default: () => []
-  },
-  modelValue: {
-    type: runtime.definePropType([
-      String
-    ]),
-    default: ""
-  },
-  disabled: Boolean,
-  readonly: Boolean,
-  clearable: Boolean,
-  replace: {
-    type: Boolean,
-    default: true
-  },
-  autoPullDown: {
-    type: Boolean,
-    default: true
-  },
-  placeholder: String,
-  size: index.useSizeProp
+const __default__ = vue.defineComponent({
+  name: "HzztSelect",
+  inheritAttrs: false
 });
-const selectEmits = {
-  [event.UPDATE_MODEL_EVENT]: (value) => shared.isString(value),
-  "input": (value) => shared.isString(value),
-  "change": (value) => shared.isString(value),
-  "arrow-down": (e) => e,
-  "arrow-up": (e) => e,
-  "arrow-left": (e) => e,
-  "arrow-right": (e) => e,
-  "enter": (e) => e
-};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: select.selectProps,
+  emits: select.selectEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const inputVal = vue.ref(props.modelValue);
+    const selectVal = vue.ref();
+    const inputRef = vue.ref();
+    const selectRef = vue.ref();
+    const arrowName = vue.ref("arrow-down");
+    const nsSelect = index.useNamespace("select");
+    const formSize = elementPlus.useFormSize();
+    const formDisabled = elementPlus.useFormDisabled();
+    const trueSize = vue.computed(() => props.size || formSize.value || index$1.useGlobalSize().value);
+    const trueDisabled = vue.computed(() => props.disabled || formDisabled.value);
+    const trueReadonly = vue.computed(() => props.readonly || trueDisabled.value);
+    const containerCls = vue.computed(() => [
+      "relative",
+      "line-height-1",
+      attrs.class,
+      nsSelect.b(),
+      nsSelect.m(trueSize.value)
+    ]);
+    const containerStyle = vue.computed(() => attrs.style);
+    const inputCls = vue.computed(() => [nsSelect.e("input"), "width-100%"]);
+    const selectCls = vue.computed(() => [nsSelect.e("select"), "width-100%"]);
+    const _inputProps = vue.computed(() => ({
+      disabled: trueDisabled.value,
+      size: trueSize.value,
+      clearable: props.clearable,
+      placeholder: props.placeholder,
+      readonly: props.readonly,
+      ...attrs,
+      class: "",
+      style: {
+        position: trueReadonly.value ? "static" : "absolute",
+        left: 0,
+        top: 0,
+        right: 0,
+        zIndex: 2
+      }
+    }));
+    const _selectProps = vue.computed(() => ({
+      options: props.options,
+      size: trueSize.value,
+      filterable: true,
+      popperClass: "select-v2-popper-min-width-100",
+      ...props.selectProps
+    }));
+    vue.watch(() => props.modelValue, (v) => {
+      inputVal.value = v;
+    });
+    vue.watch(() => inputVal.value, (v) => {
+      selectVal.value = v;
+    });
+    function input(str) {
+      var _a, _b;
+      if ((_a = selectRef.value) == null ? void 0 : _a.dropdownMenuVisible) {
+        selectRef.value.states.inputValue = (_b = inputVal.value) != null ? _b : "";
+        selectRef.value.debouncedOnInputChange();
+      } else if (selectRef.value) {
+        selectRef.value.dropdownMenuVisible = true;
+        setTimeout(() => {
+          var _a2;
+          if (selectRef.value) {
+            selectRef.value.states.inputValue = (_a2 = inputVal.value) != null ? _a2 : "";
+            selectRef.value.debouncedOnInputChange();
+          }
+        }, 200);
+      }
+      emit("update:modelValue", str);
+      emit("input", str);
+    }
+    function change(str) {
+      emit("change", str);
+    }
+    function focus() {
+      if (selectRef.value && props.autoPullDown) {
+        setTimeout(() => {
+          if (selectRef.value) {
+            selectRef.value.dropdownMenuVisible = true;
+          }
+        }, 200);
+      }
+    }
+    function keydown(e) {
+      var _a, _b, _c, _d, _e, _f, _g;
+      const key = "key" in e && e.key;
+      const dropdownVisible = (_a = selectRef.value) == null ? void 0 : _a.dropdownMenuVisible;
+      if (dropdownVisible && (key === "ArrowDown" || key === "ArrowUp" || key === "Enter")) {
+        (_b = e.preventDefault) == null ? void 0 : _b.call(e);
+        if (key === "ArrowDown") {
+          (_c = selectRef.value) == null ? void 0 : _c.onKeyboardNavigate("forward");
+        } else if (key === "ArrowUp") {
+          (_d = selectRef.value) == null ? void 0 : _d.onKeyboardNavigate("backward");
+        } else if (key === "Enter") {
+          (_e = selectRef.value) == null ? void 0 : _e.onKeyboardSelect();
+        }
+        return;
+      }
+      if (!dropdownVisible) {
+        if (key === "ArrowDown") {
+          emit("arrow-down", e);
+        } else if (key === "ArrowUp") {
+          emit("arrow-up", e);
+        }
+      }
+      if (key === "ArrowLeft") {
+        const index = inputRef.value.input.selectionStart;
+        if (index === 0 && selectRef.value) {
+          emit("arrow-left", e);
+          selectRef.value.dropdownMenuVisible = false;
+        }
+      } else if (key === "ArrowRight") {
+        const index = inputRef.value.input.selectionStart;
+        if (((_g = (_f = inputVal.value) == null ? void 0 : _f.length) != null ? _g : 0) === index && selectRef.value) {
+          emit("arrow-right", e);
+          selectRef.value.dropdownMenuVisible = false;
+        }
+      } else if (key === "Enter") {
+        emit("enter", e);
+        selectRef.value && (selectRef.value.dropdownMenuVisible = false);
+      }
+    }
+    function showSelect() {
+      if (selectRef.value) {
+        selectRef.value.dropdownMenuVisible = !selectRef.value.dropdownMenuVisible;
+      }
+    }
+    function selectChange(v) {
+      let str = inputVal.value || "";
+      if (props.replace) {
+        str = v;
+      } else {
+        str += v;
+      }
+      emit("update:modelValue", str);
+      emit("input", str);
+      inputVal.value = str;
+      setTimeout(() => {
+        inputRef.value.focus();
+        setTimeout(() => {
+          if (selectRef.value) {
+            selectRef.value.dropdownMenuVisible = false;
+          }
+        }, 250);
+        emit("change", str);
+      });
+    }
+    function selectVisibleChange(v) {
+      arrowName.value = v ? "arrow-up" : "arrow-down";
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(containerCls)),
+        style: vue.normalizeStyle(vue.unref(containerStyle))
+      }, [
+        vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
+          class: vue.unref(inputCls),
+          modelValue: inputVal.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
+          ref_key: "inputRef",
+          ref: inputRef
+        }, vue.unref(_inputProps), {
+          onInput: input,
+          onChange: change,
+          onFocus: focus,
+          onKeydown: keydown
+        }), {
+          suffix: vue.withCtx(() => [
+            !vue.unref(trueReadonly) ? (vue.openBlock(), vue.createBlock(index$2["default"], {
+              key: 0,
+              class: "pointer",
+              name: arrowName.value,
+              onClick: showSelect
+            }, null, 8, ["name"])) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 1
+        }, 16, ["class", "modelValue"]),
+        !vue.unref(trueReadonly) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElSelectV2), vue.mergeProps({
+          key: 0,
+          class: vue.unref(selectCls),
+          modelValue: selectVal.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectVal.value = $event),
+          ref_key: "selectRef",
+          ref: selectRef
+        }, vue.unref(_selectProps), {
+          onChange: selectChange,
+          onVisibleChange: selectVisibleChange
+        }), {
+          default: vue.withCtx(({ item }) => [
+            vue.renderSlot(_ctx.$slots, "default", { item })
+          ]),
+          _: 3
+        }, 16, ["class", "modelValue"])) : vue.createCommentVNode("v-if", true)
+      ], 6);
+    };
+  }
+});
+var Select = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "select.vue"]]);
 
-exports.selectEmits = selectEmits;
-exports.selectProps = selectProps;
+exports["default"] = Select;
 //# sourceMappingURL=select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../../../../../packages/components/select/src/select.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport type {ExtractPropTypes} from 'vue'\nimport type Select from './select.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\n\n\ntype OptionCommon = Record<string, any>\n\nexport type Option = OptionCommon & {\n  created?: boolean\n}\n\nexport type OptionGroup = OptionCommon\n\nexport type OptionType = Option | OptionGroup\n\nexport const selectProps = buildProps({\n  selectProps: Object,\n  options: {\n    type: definePropType<OptionType[]>(Array),\n    default: () => [],\n  },\n  modelValue: {\n    type: definePropType<string | null | undefined>([\n      String,\n    ]),\n    default: '',\n  },\n  disabled: Boolean,\n  readonly: Boolean,\n  clearable: Boolean,\n  replace: {\n    type: Boolean,\n    default: true,\n  },\n  autoPullDown: {\n    type: Boolean,\n    default: true,\n  },\n  placeholder: String,\n  size: useSizeProp,\n})\n\nexport type SelectProps = ExtractPropTypes<typeof selectProps>\n\nexport const selectEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string | undefined) => isString(value),\n  'input': (value: string | undefined) => isString(value),\n  'change': (value: string | undefined) => isString(value),\n  'arrow-down': (e: KeyboardEvent | Event) => e,\n  'arrow-up': (e: KeyboardEvent | Event) => e,\n  'arrow-left': (e: KeyboardEvent | Event) => e,\n  'arrow-right': (e: KeyboardEvent | Event) => e,\n  'enter': (e: KeyboardEvent | Event) => e,\n}\nexport type SelectEmits = typeof selectEmits\n\n\nexport type SelectInstance = InstanceType<typeof Select>\n"],"names":["buildProps","definePropType","useSizeProp","UPDATE_MODEL_EVENT","isString"],"mappings":";;;;;;;;;;;;AAGY,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,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,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,IAAI,EAAEC,iBAAW;AACnB,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,eAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,OAAO,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACrC,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACtC,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC;AACxB,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC;AACtB,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC;AACxB,EAAE,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC;AACzB,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC;AACnB;;;;;"}
+{"version":3,"file":"select.js","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\" :style=\"containerStyle\">\n    <el-input\n      :class=\"inputCls\"\n      v-model=\"inputVal\"\n      ref=\"inputRef\"\n      v-bind=\"_inputProps\"\n      @input=\"input\"\n      @change=\"change\"\n      @focus=\"focus\"\n      @keydown=\"keydown\"\n    >\n      <template #suffix>\n        <hzzt-icon\n          v-if=\"!trueReadonly\"\n          class=\"pointer\"\n          :name=\"arrowName\"\n          @click=\"showSelect\"\n        ></hzzt-icon>\n      </template>\n    </el-input>\n    <el-select-v2\n      v-if=\"!trueReadonly\"\n      :class=\"selectCls\"\n      v-model=\"selectVal\"\n      ref=\"selectRef\"\n      v-bind=\"_selectProps\"\n      @change=\"selectChange\"\n      @visible-change=\"selectVisibleChange\"\n    >\n      <template #default=\"{ item }\">\n        <slot :item=\"item\" />\n      </template>\n    </el-select-v2>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { selectEmits, selectProps } from './select'\nimport { computed, ref, useAttrs, watch } from 'vue'\nimport { useFormDisabled, useFormSize } from 'element-plus'\nimport { useGlobalSize, useNamespace } from '@hzzt-plus/hooks'\nimport { ElInput, ElSelectV2 } from 'element-plus'\nimport type { CSSProperties } from 'vue'\nimport HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n\ndefineOptions({\n  name: 'HzztSelect',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(selectProps)\nconst emit = defineEmits(selectEmits)\n\nconst attrs = useAttrs()\n\nconst inputVal = ref(props.modelValue)\nconst selectVal = ref()\nconst inputRef = ref()\nconst selectRef = ref()\nconst arrowName = ref('arrow-down')\n\nconst nsSelect = useNamespace('select')\n\nconst formSize = useFormSize()\nconst formDisabled = useFormDisabled()\n\nconst trueSize = computed(\n  () => props.size || formSize.value || useGlobalSize().value\n)\n\nconst trueDisabled = computed(() => props.disabled || formDisabled.value)\n\nconst trueReadonly = computed(() => props.readonly || trueDisabled.value)\n\nconst containerCls = computed(() => [\n  'relative',\n  'line-height-1',\n  attrs.class,\n  nsSelect.b(),\n  nsSelect.m(trueSize.value),\n])\n\nconst containerStyle = computed(() => attrs.style as CSSProperties)\n\nconst inputCls = computed(() => [nsSelect.e('input'), 'width-100%'])\n\nconst selectCls = computed(() => [nsSelect.e('select'), 'width-100%'])\n\nconst _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    position: trueReadonly.value ? 'static' : 'absolute',\n    left: 0,\n    top: 0,\n    right: 0,\n    zIndex: 2,\n  },\n}))\n\nconst _selectProps = computed(() => ({\n  options: props.options,\n  size: trueSize.value,\n  filterable: true,\n  popperClass: 'select-v2-popper-min-width-100',\n  ...props.selectProps,\n}))\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    inputVal.value = v\n  }\n)\n\nwatch(\n  () => inputVal.value,\n  (v) => {\n    selectVal.value = v\n  }\n)\n\nfunction input(str: string) {\n  if (selectRef.value?.dropdownMenuVisible) {\n    selectRef.value.states.inputValue = inputVal.value ?? ''\n    selectRef.value.debouncedOnInputChange()\n  } else if (selectRef.value) {\n    selectRef.value.dropdownMenuVisible = true\n    setTimeout(() => {\n      if (selectRef.value) {\n        selectRef.value.states.inputValue = inputVal.value ?? ''\n        selectRef.value.debouncedOnInputChange()\n      }\n    }, 200)\n  }\n  emit('update:modelValue', str)\n  emit('input', str)\n}\n\nfunction change(str: string) {\n  emit('change', str)\n}\n\nfunction focus() {\n  if (selectRef.value && props.autoPullDown) {\n    setTimeout(() => {\n      if (selectRef.value) {\n        selectRef.value.dropdownMenuVisible = true\n      }\n    }, 200)\n  }\n}\n\nfunction keydown(e: KeyboardEvent | Event) {\n  const key = 'key' in e && e.key\n  const dropdownVisible = selectRef.value?.dropdownMenuVisible\n\n  // 下拉面板展开时，上下箭头切换选项，回车选中当前高亮项\n  if (\n    dropdownVisible &&\n    (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Enter')\n  ) {\n    e.preventDefault?.()\n    if (key === 'ArrowDown') {\n      selectRef.value?.onKeyboardNavigate('forward')\n    } else if (key === 'ArrowUp') {\n      selectRef.value?.onKeyboardNavigate('backward')\n    } else if (key === 'Enter') {\n      selectRef.value?.onKeyboardSelect()\n    }\n    return\n  }\n\n  if (!dropdownVisible) {\n    if (key === 'ArrowDown') {\n      emit('arrow-down', e)\n    } else if (key === 'ArrowUp') {\n      emit('arrow-up', e)\n    }\n  }\n  if (key === 'ArrowLeft') {\n    const index = inputRef.value.input.selectionStart\n    if (index === 0 && selectRef.value) {\n      emit('arrow-left', e)\n      selectRef.value.dropdownMenuVisible = false\n    }\n  } else if (key === 'ArrowRight') {\n    const index = inputRef.value.input.selectionStart\n    if ((inputVal.value?.length ?? 0) === index && selectRef.value) {\n      emit('arrow-right', e)\n      selectRef.value.dropdownMenuVisible = false\n    }\n  } else if (key === 'Enter') {\n    emit('enter', e)\n    selectRef.value && (selectRef.value.dropdownMenuVisible = false)\n  }\n}\n\nfunction showSelect() {\n  if (selectRef.value) {\n    selectRef.value.dropdownMenuVisible = !selectRef.value.dropdownMenuVisible\n  }\n}\n\nfunction selectChange(v: string) {\n  let str = inputVal.value || ''\n  if (props.replace) {\n    str = v\n  } else {\n    str += v\n  }\n  emit('update:modelValue', str)\n  emit('input', str)\n  inputVal.value = str\n  setTimeout(() => {\n    inputRef.value.focus()\n    setTimeout(() => {\n      if (selectRef.value) {\n        selectRef.value.dropdownMenuVisible = false\n      }\n    }, 250)\n    emit('change', str)\n  })\n}\n\nfunction selectVisibleChange(v: boolean) {\n  arrowName.value = v ? 'arrow-up' : 'arrow-down'\n}\n</script>\n"],"names":["useAttrs","ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch","_openBlock","_createElementBlock","_normalizeStyle","_unref"],"mappings":"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"}

package/lib/components/select/src/select2.js

@@ -2,201 +2,51 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var select = require('./select.js');
-var elementPlus = require('element-plus');
+require('../../../utils/index.js');
+require('../../../constants/index.js');
 require('../../../hooks/index.js');
-var index$2 = require('../../icon/src/index.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-size/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-size/index.js');
+var event = require('../../../constants/event.js');
+var shared = require('@vue/shared');
 
-const __default__ = vue.defineComponent({
-  name: "HzztSelect",
-  inheritAttrs: false
+const selectProps = runtime.buildProps({
+  selectProps: Object,
+  options: {
+    type: runtime.definePropType(Array),
+    default: () => []
+  },
+  modelValue: {
+    type: runtime.definePropType([
+      String
+    ]),
+    default: ""
+  },
+  disabled: Boolean,
+  readonly: Boolean,
+  clearable: Boolean,
+  replace: {
+    type: Boolean,
+    default: true
+  },
+  autoPullDown: {
+    type: Boolean,
+    default: true
+  },
+  placeholder: String,
+  size: index.useSizeProp
 });
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: select.selectProps,
-  emits: select.selectEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const attrs = vue.useAttrs();
-    const inputVal = vue.ref(props.modelValue);
-    const selectVal = vue.ref();
-    const inputRef = vue.ref();
-    const selectRef = vue.ref();
-    const arrowName = vue.ref("arrow-down");
-    const nsSelect = index.useNamespace("select");
-    const formSize = elementPlus.useFormSize();
-    const formDisabled = elementPlus.useFormDisabled();
-    const trueSize = vue.computed(() => props.size || formSize.value || index$1.useGlobalSize().value);
-    const trueDisabled = vue.computed(() => props.disabled || formDisabled.value);
-    const trueReadonly = vue.computed(() => props.readonly || trueDisabled.value);
-    const containerCls = vue.computed(() => [
-      "relative",
-      "line-height-1",
-      attrs.class,
-      nsSelect.b(),
-      nsSelect.m(trueSize.value)
-    ]);
-    const containerStyle = vue.computed(() => attrs.style);
-    const inputCls = vue.computed(() => [
-      nsSelect.e("input"),
-      "width-100%"
-    ]);
-    const selectCls = vue.computed(() => [
-      nsSelect.e("select"),
-      "width-100%"
-    ]);
-    const _inputProps = vue.computed(() => ({
-      disabled: trueDisabled.value,
-      size: trueSize.value,
-      clearable: props.clearable,
-      placeholder: props.placeholder,
-      readonly: props.readonly,
-      ...attrs,
-      class: "",
-      style: {
-        position: trueReadonly.value ? "static" : "absolute",
-        left: 0,
-        top: 0,
-        right: 0,
-        zIndex: 2
-      }
-    }));
-    const _selectProps = vue.computed(() => ({
-      options: props.options,
-      size: trueSize.value,
-      filterable: true,
-      popperClass: "select-v2-popper-min-width-100",
-      ...props.selectProps
-    }));
-    vue.watch(() => props.modelValue, (v) => {
-      inputVal.value = v;
-    });
-    vue.watch(() => inputVal.value, (v) => {
-      selectVal.value = v;
-    });
-    function input(str) {
-      var _a;
-      if ((_a = selectRef.value) == null ? void 0 : _a.dropdownMenuVisible) {
-        selectRef.value.states.inputValue = inputVal.value;
-        selectRef.value.debouncedOnInputChange();
-      }
-      emit("update:modelValue", str);
-      emit("input", str);
-    }
-    function change(str) {
-      emit("change", str);
-    }
-    function focus() {
-      if (selectRef.value && props.autoPullDown) {
-        setTimeout(() => {
-          selectRef.value.dropdownMenuVisible = true;
-        }, 200);
-      }
-    }
-    function keydown(e) {
-      var _a, _b;
-      const key = "key" in e && e.key;
-      if (key === "ArrowDown") {
-        emit("arrow-down", e);
-        selectRef.value.dropdownMenuVisible = false;
-      } else if (key === "ArrowUp") {
-        emit("arrow-up", e);
-        selectRef.value.dropdownMenuVisible = false;
-      } else if (key === "ArrowLeft") {
-        const index = inputRef.value.input.selectionStart;
-        if (index === 0) {
-          emit("arrow-left", e);
-          selectRef.value.dropdownMenuVisible = false;
-        }
-      } else if (key === "ArrowRight") {
-        const index = inputRef.value.input.selectionStart;
-        if (((_b = (_a = inputVal.value) == null ? void 0 : _a.length) != null ? _b : 0) === index) {
-          emit("arrow-right", e);
-          selectRef.value.dropdownMenuVisible = false;
-        }
-      } else if (key === "Enter") {
-        emit("enter", e);
-        selectRef.value.dropdownMenuVisible = false;
-      }
-    }
-    function showSelect() {
-      if (selectRef.value) {
-        selectRef.value.dropdownMenuVisible = !selectRef.value.dropdownMenuVisible;
-      }
-    }
-    function selectChange(v) {
-      let str = inputVal.value || "";
-      if (props.replace) {
-        str = v;
-      } else {
-        str += v;
-      }
-      emit("update:modelValue", str);
-      emit("input", str);
-      inputVal.value = str;
-      setTimeout(() => {
-        inputRef.value.focus();
-        setTimeout(() => {
-          selectRef.value.dropdownMenuVisible = false;
-        }, 250);
-        emit("change", str);
-      });
-    }
-    function selectVisibleChange(v) {
-      arrowName.value = v ? "arrow-up" : "arrow-down";
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(containerCls)),
-        style: vue.normalizeStyle(vue.unref(containerStyle))
-      }, [
-        vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
-          class: vue.unref(inputCls),
-          modelValue: inputVal.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
-          ref_key: "inputRef",
-          ref: inputRef
-        }, vue.unref(_inputProps), {
-          onInput: input,
-          onChange: change,
-          onFocus: focus,
-          onKeydown: keydown
-        }), {
-          suffix: vue.withCtx(() => [
-            !vue.unref(trueReadonly) ? (vue.openBlock(), vue.createBlock(index$2["default"], {
-              key: 0,
-              class: "pointer",
-              name: arrowName.value,
-              onClick: showSelect
-            }, null, 8, ["name"])) : vue.createCommentVNode("v-if", true)
-          ]),
-          _: 1
-        }, 16, ["class", "modelValue"]),
-        !vue.unref(trueReadonly) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElSelectV2), vue.mergeProps({
-          key: 0,
-          class: vue.unref(selectCls),
-          modelValue: selectVal.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectVal.value = $event),
-          ref_key: "selectRef",
-          ref: selectRef
-        }, vue.unref(_selectProps), {
-          onChange: selectChange,
-          onVisibleChange: selectVisibleChange
-        }), {
-          default: vue.withCtx(({ item }) => [
-            vue.renderSlot(_ctx.$slots, "default", { item })
-          ]),
-          _: 3
-        }, 16, ["class", "modelValue"])) : vue.createCommentVNode("v-if", true)
-      ], 6);
-    };
-  }
-});
-var Select = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "select.vue"]]);
+const selectEmits = {
+  [event.UPDATE_MODEL_EVENT]: (value) => shared.isString(value),
+  "input": (value) => shared.isString(value),
+  "change": (value) => shared.isString(value),
+  "arrow-down": (e) => e,
+  "arrow-up": (e) => e,
+  "arrow-left": (e) => e,
+  "arrow-right": (e) => e,
+  "enter": (e) => e
+};
 
-exports["default"] = Select;
+exports.selectEmits = selectEmits;
+exports.selectProps = selectProps;
 //# sourceMappingURL=select2.js.map

package/lib/components/select/src/select2.js.map

@@ -1 +1 @@
-{"version":3,"file":"select2.js","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\" :style=\"containerStyle\">\n    <el-input\n      :class=\"inputCls\"\n      v-model=\"inputVal\"\n      ref=\"inputRef\"\n      v-bind=\"_inputProps\"\n      @input=\"input\"\n      @change=\"change\"\n      @focus=\"focus\"\n      @keydown=\"keydown\"\n    >\n      <template #suffix>\n        <hzzt-icon v-if=\"!trueReadonly\" class=\"pointer\" :name=\"arrowName\"\n                   @click=\"showSelect\"></hzzt-icon>\n      </template>\n    </el-input>\n    <el-select-v2 v-if=\"!trueReadonly\" :class=\"selectCls\" v-model=\"selectVal\" ref=\"selectRef\" v-bind=\"_selectProps\"\n                  @change=\"selectChange\" @visible-change=\"selectVisibleChange\">\n                   <template #default=\"{ item }\">\n                    <slot :item=\"item\" />\n                  </template>\n    </el-select-v2>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {selectEmits, selectProps} from './select'\n  import {computed, ref, useAttrs, watch} from \"vue\";\n  import {useFormDisabled, useFormSize} from \"element-plus\";\n  import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n  import {ElInput, ElSelectV2} from 'element-plus'\n  import type {CSSProperties} from 'vue'\n  import HzztIcon from \"@hzzt-plus/components/icon/src/index.vue\";\n\n\n  defineOptions({\n    name: 'HzztSelect',\n    inheritAttrs: false,\n  })\n\n  const props = defineProps(selectProps)\n  const emit = defineEmits(selectEmits)\n\n  const attrs = useAttrs();\n\n  const inputVal = ref(props.modelValue);\n  const selectVal = ref();\n  const inputRef = ref();\n  const selectRef = ref();\n  const arrowName = ref('arrow-down');\n\n  const nsSelect = useNamespace('select');\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 trueReadonly = computed(() => props.readonly || trueDisabled.value)\n\n  const containerCls = computed(() => [\n    'relative',\n    'line-height-1',\n    attrs.class,\n    nsSelect.b(),\n    nsSelect.m(trueSize.value),\n  ])\n\n  const containerStyle = computed(() => attrs.style as CSSProperties)\n\n  const inputCls = computed(() => [\n    nsSelect.e('input'),\n    'width-100%'\n  ])\n\n  const selectCls = computed(() => [\n    nsSelect.e('select'),\n    'width-100%'\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      position: trueReadonly.value ? 'static' : 'absolute',\n      left: 0,\n      top: 0,\n      right: 0,\n      zIndex: 2,\n    },\n  }))\n\n  const _selectProps = computed(() => ({\n    options: props.options,\n    size: trueSize.value,\n    filterable: true,\n    popperClass: 'select-v2-popper-min-width-100',\n    ...props.selectProps,\n  }))\n\n  watch(() => props.modelValue, (v) => {\n    inputVal.value = v;\n  })\n\n  watch(() => inputVal.value, (v) => {\n    selectVal.value = v;\n  })\n\n  function input(str: string) {\n    if (selectRef.value?.dropdownMenuVisible) {\n      selectRef.value.states.inputValue = inputVal.value;\n      selectRef.value.debouncedOnInputChange();\n    }\n    emit('update:modelValue', str)\n    emit('input', str)\n  }\n\n  function change(str: string) {\n    emit('change', str)\n  }\n\n  function focus() {\n    if (selectRef.value && props.autoPullDown) {\n      setTimeout(() => {\n        selectRef.value.dropdownMenuVisible = true;\n      }, 200)\n    }\n  }\n\n  function keydown(e: KeyboardEvent | Event) {\n    const key = \"key\" in e && e.key;\n    if (key === 'ArrowDown') {\n      emit('arrow-down', e);\n      selectRef.value.dropdownMenuVisible = false;\n    } else if (key === 'ArrowUp') {\n      emit('arrow-up', e);\n      selectRef.value.dropdownMenuVisible = false;\n    } else if (key === 'ArrowLeft') {\n      const index = inputRef.value.input.selectionStart;\n      if (index === 0) {\n        emit('arrow-left', e);\n        selectRef.value.dropdownMenuVisible = false;\n      }\n    } else if (key === 'ArrowRight') {\n      const index = inputRef.value.input.selectionStart;\n      if ((inputVal.value?.length ?? 0) === index) {\n        emit('arrow-right', e);\n        selectRef.value.dropdownMenuVisible = false;\n      }\n    } else if (key === 'Enter') {\n      emit('enter', e);\n      selectRef.value.dropdownMenuVisible = false;\n    }\n  }\n\n  function showSelect() {\n    if (selectRef.value) {\n      selectRef.value.dropdownMenuVisible = !selectRef.value.dropdownMenuVisible;\n    }\n  }\n\n  function selectChange(v: string) {\n    let str = inputVal.value || '';\n    if (props.replace) {\n      str = v;\n    } else {\n      str += v;\n    }\n    emit('update:modelValue', str);\n    emit('input', str)\n    inputVal.value = str;\n    setTimeout(() => {\n      inputRef.value.focus();\n      setTimeout(() => {\n        selectRef.value.dropdownMenuVisible = false;\n      }, 250)\n      emit('change', str);\n    });\n  }\n\n  function selectVisibleChange(v: boolean) {\n    arrowName.value = v ? 'arrow-up' : 'arrow-down'\n  }\n\n\n</script>\n"],"names":["useAttrs","ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch"],"mappings":"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"}
+{"version":3,"file":"select2.js","sources":["../../../../../../packages/components/select/src/select.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport type {ExtractPropTypes} from 'vue'\nimport type Select from './select.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\n\n\ntype OptionCommon = Record<string, any>\n\nexport type Option = OptionCommon & {\n  created?: boolean\n}\n\nexport type OptionGroup = OptionCommon\n\nexport type OptionType = Option | OptionGroup\n\nexport const selectProps = buildProps({\n  selectProps: Object,\n  options: {\n    type: definePropType<OptionType[]>(Array),\n    default: () => [],\n  },\n  modelValue: {\n    type: definePropType<string | null | undefined>([\n      String,\n    ]),\n    default: '',\n  },\n  disabled: Boolean,\n  readonly: Boolean,\n  clearable: Boolean,\n  replace: {\n    type: Boolean,\n    default: true,\n  },\n  autoPullDown: {\n    type: Boolean,\n    default: true,\n  },\n  placeholder: String,\n  size: useSizeProp,\n})\n\nexport type SelectProps = ExtractPropTypes<typeof selectProps>\n\nexport const selectEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string | undefined) => isString(value),\n  'input': (value: string | undefined) => isString(value),\n  'change': (value: string | undefined) => isString(value),\n  'arrow-down': (e: KeyboardEvent | Event) => e,\n  'arrow-up': (e: KeyboardEvent | Event) => e,\n  'arrow-left': (e: KeyboardEvent | Event) => e,\n  'arrow-right': (e: KeyboardEvent | Event) => e,\n  'enter': (e: KeyboardEvent | Event) => e,\n}\nexport type SelectEmits = typeof selectEmits\n\n\nexport type SelectInstance = InstanceType<typeof Select>\n"],"names":["buildProps","definePropType","useSizeProp","UPDATE_MODEL_EVENT","isString"],"mappings":";;;;;;;;;;;;AAGY,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,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,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,IAAI,EAAEC,iBAAW;AACnB,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,eAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,OAAO,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACrC,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACtC,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC;AACxB,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC;AACtB,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC;AACxB,EAAE,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC;AACzB,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC;AACnB;;;;;"}

package/lib/index.js

@@ -32,14 +32,14 @@ var selectTextarea = require('./components/select-textarea/src/select-textarea.j
 var index$e = require('./components/select-textarea/index.js');
 var inputRange = require('./components/input-range/src/input-range.js');
 var index$f = require('./components/input-range/index.js');
-var cascader = require('./components/cascader/src/cascader.js');
+var cascader = require('./components/cascader/src/cascader2.js');
 var index$g = require('./components/cascader/index.js');
-var select = require('./components/select/src/select.js');
+var select = require('./components/select/src/select2.js');
 var index$h = require('./components/select/index.js');
 var clickInput = require('./components/click-input/src/click-input.js');
 var index$i = require('./components/click-input/index.js');
 var index$j = require('./components/scroll/index.js');
-var lazyList = require('./components/lazy-list/src/lazy-list2.js');
+var lazyList = require('./components/lazy-list/src/lazy-list.js');
 var index$k = require('./components/lazy-list/index.js');
 var key = require('./constants/key.js');
 var size = require('./constants/size.js');

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "2.0.8";
+export declare const version = "2.0.9";

package/lib/version.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "2.0.8";
+const version = "2.0.9";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/hzzt-plus/version.ts"],"sourcesContent":["export const version = '2.0.8'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/hzzt-plus/version.ts"],"sourcesContent":["export const version = '2.0.9'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}

package/package.json

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