hzzt-plus 2.0.9 → 2.0.10

package/lib/components/lazy-list/src/lazy-list2.js

@@ -2,31 +2,88 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var lazyList = require('./lazy-list.js');
+require('../../../hooks/index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const lazyListProps = runtime.buildProps({
-  size: {
-    type: Number,
-    default: 20
-  },
-  height: {
-    type: Number,
-    default: 30
-  },
-  data: {
-    type: runtime.definePropType(Array),
-    default: () => []
-  },
-  rowKey: {
-    type: String,
-    default: "id"
+const _hoisted_1 = ["onClick"];
+const __default__ = vue.defineComponent({
+  name: "HzztLazyList"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: lazyList.lazyListProps,
+  emits: lazyList.lazyListEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const totalHeight = vue.ref("100%");
+    const marginTop = vue.ref("0px");
+    const currentIndex = vue.ref(1);
+    const current = vue.ref(null);
+    const nsLazy = index.useNamespace("lazy-list");
+    const containerCls = vue.computed(() => [
+      "overflow-y-auto",
+      nsLazy.b()
+    ]);
+    vue.watch(() => props.data, () => {
+      totalHeight.value = props.data.length * props.height + "px";
+    }, {
+      immediate: true
+    });
+    const calcList = vue.computed(() => props.data.slice(currentIndex.value === 1 ? 0 : (currentIndex.value - 1) * props.size - props.size / 2, (currentIndex.value + 1) * props.size + props.size / 2));
+    function scrollList(e) {
+      const target = e.target;
+      const scrollTop = target.scrollTop;
+      if (scrollTop < props.size / 2 * props.height) {
+        currentIndex.value = 1;
+      } else {
+        currentIndex.value = Math.ceil((scrollTop - props.size / 2 * props.height) / props.size / props.height);
+      }
+      if (currentIndex.value === 1) {
+        marginTop.value = "0px";
+      } else {
+        marginTop.value = ((currentIndex.value - 1) * props.size - props.size / 2) * props.height + "px";
+      }
+    }
+    function rowClick(row) {
+      current.value = row;
+      emit("row-click", row);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(containerCls)),
+        onScroll: scrollList
+      }, [
+        vue.createElementVNode("div", {
+          style: vue.normalizeStyle({
+            height: totalHeight.value,
+            width: 0,
+            float: "left"
+          })
+        }, null, 4),
+        vue.createElementVNode("div", {
+          style: vue.normalizeStyle({ marginTop: marginTop.value })
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(calcList), (item) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: item[_ctx.rowKey],
+              style: vue.normalizeStyle({
+                height: _ctx.height + "px"
+              }),
+              class: vue.normalizeClass(["hzzt-lazy-list__item", current.value === item ? "is-active" : ""]),
+              onClick: ($event) => rowClick(item)
+            }, [
+              vue.renderSlot(_ctx.$slots, "default", { data: item })
+            ], 14, _hoisted_1);
+          }), 128))
+        ], 4)
+      ], 34);
+    };
   }
 });
-const lazyListEmits = {
-  "row-click": (row) => row
-};
+var LazyList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "lazy-list.vue"]]);
 
-exports.lazyListEmits = lazyListEmits;
-exports.lazyListProps = lazyListProps;
+exports["default"] = LazyList;
 //# sourceMappingURL=lazy-list2.js.map

package/lib/components/lazy-list/src/lazy-list2.js.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-list2.js","sources":["../../../../../../packages/components/lazy-list/src/lazy-list.ts"],"sourcesContent":["import {buildProps, definePropType} from '@hzzt-plus/utils'\nimport type {ExtractPropTypes} from 'vue'\nimport type LazyList from './lazy-list.vue'\n\nexport const lazyListProps = buildProps({\n  size: {\n    type: Number,\n    default: 20,\n  },\n  height: {\n    type: Number,\n    default: 30,\n  },\n  data: {\n    type: definePropType<Record<string, any>[]>(Array),\n    default: () => [],\n  },\n  rowKey: {\n    type: String,\n    default: 'id',\n  },\n})\n\nexport type LazyListProps = ExtractPropTypes<typeof lazyListProps>\n\nexport const lazyListEmits = {\n  'row-click': (row: any) => row\n}\n\nexport type LazyListEmits = typeof lazyListEmits\n\n\nexport type LazyListInstance = InstanceType<typeof LazyList>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,WAAW,EAAE,CAAC,GAAG,KAAK,GAAG;AAC3B;;;;;"}
+{"version":3,"file":"lazy-list2.js","sources":["../../../../../../packages/components/lazy-list/src/lazy-list.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\" @scroll=\"scrollList\">\n    <div\n      :style=\"{\n        height: totalHeight,\n        width: 0,\n        float: 'left',\n      }\"\n    />\n    <div :style=\"{marginTop: marginTop}\">\n      <div\n        v-for=\"item in calcList\"\n        :key=\"item[rowKey]\"\n        :style=\"{\n          height: height+'px'\n        }\"\n        :class=\"['hzzt-lazy-list__item', current === item?'is-active':'']\"\n        @click=\"rowClick(item)\"\n      >\n        <slot :data=\"item\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {lazyListEmits, lazyListProps} from './lazy-list'\n  import {computed, ref, watch} from \"vue\";\n  import {useNamespace} from \"@hzzt-plus/hooks\";\n\n  defineOptions({\n    name: 'HzztLazyList',\n  })\n\n  const props = defineProps(lazyListProps)\n  const emit = defineEmits(lazyListEmits)\n\n  const totalHeight = ref('100%');\n  const marginTop = ref('0px');\n  const currentIndex = ref(1);\n  const current = ref(null);\n\n  const nsLazy = useNamespace('lazy-list');\n\n  const containerCls = computed(() => [\n    'overflow-y-auto',\n    nsLazy.b(),\n  ])\n\n  watch(() => props.data, () => {\n    totalHeight.value = props.data.length * props.height + 'px';\n  }, {\n    immediate: true,\n  });\n\n  const calcList = computed(\n    () => props.data.slice(currentIndex.value === 1 ? 0 : ((currentIndex.value - 1) * props.size -\n      props.size / 2), (currentIndex.value + 1) * props.size + props.size / 2));\n\n  function scrollList(e: Event) {\n    const target = e.target as HTMLElement;\n    const scrollTop = target.scrollTop;\n    if (scrollTop < props.size / 2 * props.height) {\n      currentIndex.value = 1;\n    } else {\n      currentIndex.value = Math.ceil((scrollTop - props.size / 2 * props.height) / props.size / props.height);\n    }\n    if (currentIndex.value === 1) {\n      marginTop.value = '0px';\n    } else {\n      marginTop.value = ((currentIndex.value - 1) * props.size - props.size / 2) * props.height + 'px';\n    }\n  }\n\n  function rowClick(row: any) {\n    current.value = row;\n    emit('row-click', row);\n  }\n\n\n</script>\n"],"names":["ref","useNamespace","computed","watch","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;uCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,WAAA,GAAcA,QAAI,MAAM,CAAA,CAAA;AAC9B,IAAM,MAAA,SAAA,GAAYA,QAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,YAAA,GAAeA,QAAI,CAAC,CAAA,CAAA;AAC1B,IAAM,MAAA,OAAA,GAAUA,QAAI,IAAI,CAAA,CAAA;AAExB,IAAM,MAAA,MAAA,GAASC,mBAAa,WAAW,CAAA,CAAA;AAEvC,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAAA,MAClC,iBAAA;AAAA,MACA,OAAO,CAAE,EAAA;AAAA,KACV,CAAA,CAAA;AAED,IAAMC,SAAA,CAAA,MAAM,KAAM,CAAA,IAAA,EAAM,MAAM;AAC5B,MAAA,WAAA,CAAY,KAAQ,GAAA,KAAA,CAAM,IAAK,CAAA,MAAA,GAAS,MAAM,MAAS,GAAA,IAAA,CAAA;AAAA,KACtD,EAAA;AAAA,MACD,SAAW,EAAA,IAAA;AAAA,KACZ,CAAA,CAAA;AAED,IAAA,MAAM,QAAW,GAAAD,YAAA,CAAA,MAAA,KAAA,CAAA,IAAA,CAAA,KAAA,CAAA,YAAA,CAAA,KAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,EAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IACf,mBAAiB,CAAA,CAAA,EAAA;AACwD,MAAC,MAAA,MAAA,GAAA,CAAA,CAAA,MAAA,CAAA;AAE5E,MAAA,MAAA,YAAoB,MAAU,CAAA,SAAA,CAAA;AAC5B,MAAA,IAAA,YAAiB,KAAA,CAAA,IAAA,GAAA,CAAA,GAAA,KAAA,CAAA,MAAA,EAAA;AACjB,QAAA,kBAAyB,GAAA,CAAA,CAAA;AACzB,OAAA,MAAgB;AACd,QAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA,IAAA,CAAA,CAAA,SAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,GAAA,KAAA,CAAA,MAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,MAAA,CAAA,CAAA;AAAA,OAChB;AACL,MAAA,IAAA,YAAqB,CAAA,KAAA,KAAA,CAAK,EAAM;AAAsE,QACxG,SAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AACA,OAAI,MAAA;AACF,QAAA,SAAA,CAAU,KAAQ,GAAA,CAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,IAAA,KAAA,CAAA,MAAA,GAAA,IAAA,CAAA;AAAA,OACb;AACL,KAAU;AAAkF,IAC9F,SAAA,QAAA,CAAA,GAAA,EAAA;AAAA,MACF,OAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAEA,MAAA,IAAA,CAAA,WAAkB,EAAU,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,OAAK,aAAa,KAAG;AAAA,MACvB,OAAAE,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -41,14 +41,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       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 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,
@@ -83,6 +77,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if ((_a = selectRef.value) == null ? void 0 : _a.dropdownMenuVisible) {
         selectRef.value.states.inputValue = inputVal.value;
         selectRef.value.debouncedOnInputChange();
+      } else {
+        selectRef.value.dropdownMenuVisible = true;
+        setTimeout(() => {
+          selectRef.value.states.inputValue = inputVal.value;
+          selectRef.value.debouncedOnInputChange();
+        }, 200);
       }
       emit("update:modelValue", str);
       emit("input", str);

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.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 {\n    selectRef.value.dropdownMenuVisible = true\n    setTimeout(() => {\n      selectRef.value.states.inputValue = inputVal.value\n      selectRef.value.debouncedOnInputChange()\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      selectRef.value.dropdownMenuVisible = true\n    }, 200)\n  }\n}\n\nfunction 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\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      selectRef.value.dropdownMenuVisible = false\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","_normalizeClass","_unref","_createVNode","ElInput","_mergeProps"],"mappings":";;;;;;;;;;;;;uCA8Cc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,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,YAAYA,OAAI,EAAA,CAAA;AACtB,IAAA,MAAM,WAAWA,OAAI,EAAA,CAAA;AACrB,IAAA,MAAM,YAAYA,OAAI,EAAA,CAAA;AACtB,IAAM,MAAA,SAAA,GAAYA,QAAI,YAAY,CAAA,CAAA;AAElC,IAAM,MAAA,QAAA,GAAWC,mBAAa,QAAQ,CAAA,CAAA;AAEtC,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,KAAA,CAAA,QAAA,IAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAM,eAAeA,YAAS,CAAA,MAAM;AAEpC,MAAA;AAEA,MAAM,eAAA;AAA8B,MAClC,KAAA,CAAA,KAAA;AAAA,MACA,QAAA,CAAA,CAAA,EAAA;AAAA,MACA,QAAM,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA;AAAA,KAAA,CACN;AAAW,IACX,MAAA,cAAW,GAAcA,YAAA,CAAA,MAAA,KAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAC3B,MAAC,QAAA,GAAAA,YAAA,CAAA,MAAA,CAAA,QAAA,CAAA,CAAA,CAAA,OAAA,CAAA,EAAA,YAAA,CAAA,CAAA,CAAA;AAED,IAAA,MAAM,SAAiB,GAAAA,YAAA,CAAA,MAAe,CAAA,QAAA,CAAA,CAAM,CAAsB,QAAA,CAAA,EAAA,YAAA,CAAA,CAAA,CAAA;AAElE,IAAM,MAAA,WAAW,eAAe,CAAA;AAEhC,MAAM,QAAA,EAAA,kBAA2B;AAEjC,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;AAAA,QACI,QAAA,EAAA,YAAA,CAAA,KAAA,GAAA,QAAA,GAAA,UAAA;AAAA,QACA,IAAA,EAAA,CAAA;AAAA,QACL,GAAA,EAAA,CAAA;AAA0C,QAC1C,KAAM,EAAA,CAAA;AAAA,QACN,MAAK,EAAA,CAAA;AAAA,OAAA;AACE,KAAA,CAAA,CAAA,CACP;AAAQ,IACV,MAAA,YAAA,GAAAA,YAAA,CAAA,OAAA;AAAA,MACA,OAAA,EAAA,KAAA,CAAA,OAAA;AAEF,MAAM,IAAA,EAAA,QAAA,CAAA;AAA+B,MACnC,UAAe,EAAA,IAAA;AAAA,MACf,WAAe,EAAA,gCAAA;AAAA,MACf,GAAY,KAAA,CAAA,WAAA;AAAA,KAAA,CACZ,CAAa,CAAA;AAAA,IAAAE,SACV,CAAM,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACT,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAEF,KAAA,CAAA,CAAA;AAAA,IAAAA,gBACc,QAAA,CAAA,KAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACZ,SAAO,CAAA,KAAA,GAAA,CAAA,CAAA;AACL,KAAA,CAAA,CAAA;AAAiB,IACnB,SAAA,KAAA,CAAA,GAAA,EAAA;AAAA,MACF,IAAA,EAAA,CAAA;AAEA,MAAA,IAAA,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,mBAAA,EAAA;AAAA,iBACiB,CAAA,KAAA,CAAA,MAAA,CAAA,UAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAAA,QACR,SAAA,CAAA,KAAA,CAAA,sBAAA,EAAA,CAAA;AACL,OAAA,MAAA;AAAkB,QACpB,SAAA,CAAA,KAAA,CAAA,mBAAA,GAAA,IAAA,CAAA;AAAA,QACF,UAAA,CAAA,MAAA;AAEA,UAAA,SAAe,CAAa,KAAA,CAAA,MAAA,CAAA,UAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAC1B,UAAI,SAAA,CAAU,4BAA4B,EAAA,CAAA;AACxC,SAAU,EAAA,GAAA,CAAA,CAAA;AACV,OAAA;AAAuC,MACzC,IAAO,CAAA,mBAAA,EAAA,GAAA,CAAA,CAAA;AACL,MAAA,IAAA,CAAA,OAAU,MAAM,CAAsB;AACtC,KAAA;AACE,IAAU,SAAA,MAAA,CAAA,GAAA,EAAA;AACV,MAAA,IAAA,CAAA,QAAA,OAAgB;AAAuB,KAAA;AACnC,IACR,SAAA,KAAA,GAAA;AACA,MAAA,IAAA,wBAA6B,CAAA,YAAA,EAAA;AAC7B,QAAA,iBAAiB;AAAA,UACnB,SAAA,CAAA,KAAA,CAAA,mBAAA,GAAA,IAAA,CAAA;AAEA,SAAA,EAAA;AACE,OAAA;AAAkB,KACpB;AAEA,IAAA,SAAS,OAAQ,CAAA,CAAA,EAAA;AACf,MAAI,IAAA,EAAA,EAAA,EAAA,CAAA;AACF,MAAA,MAAA,GAAA,GAAA,KAAiB,IAAA,CAAA,IAAA,CAAA,CAAA,GAAA,CAAA;AACf,MAAA,IAAA,GAAA,KAAA,WAAsC,EAAA;AAAA,QACxC,IAAM,CAAA,YAAA,EAAA,CAAA,CAAA,CAAA;AAAA,QACR,SAAA,CAAA,KAAA,CAAA,mBAAA,GAAA,KAAA,CAAA;AAAA,OACF,MAAA,IAAA,GAAA,KAAA,SAAA,EAAA;AAEA,QAAA,IAAA,CAAS,UAAkC,EAAA,CAAA,CAAA,CAAA;AACzC,QAAM,SAAA,CAAM,KAAS,CAAA,mBAAO,GAAA,KAAA,CAAA;AAC5B,OAAA,aAAyB,KAAA,WAAA,EAAA;AACvB,QAAA,sBAAoB,CAAA,KAAA,CAAA,KAAA,CAAA,cAAA,CAAA;AACpB,QAAA,IAAA,KAAA,QAAsC;AAAA,UACxC,IAAA,CAAA,YAA8B,EAAA,CAAA,CAAA,CAAA;AAC5B,UAAA,eAAiB,CAAC,mBAAA,GAAA,KAAA,CAAA;AAClB,SAAA;AAAsC,OACxC,MAAA,IAAW,QAAQ,YAAa,EAAA;AAC9B,QAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,KAAA,CAAM,KAAM,CAAA,cAAA,CAAA;AACnC,QAAA,IAAI,UAAU,GAAG,QAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,KAAA,IAAA,GAAA,EAAA,GAAA,CAAA,MAAA,KAAA,EAAA;AACf,UAAA,IAAA,CAAK,eAAe,CAAA,CAAA,CAAA;AACpB,UAAA,SAAA,CAAU,MAAM,mBAAsB,GAAA,KAAA,CAAA;AAAA,SACxC;AAAA,OACF,MAAA,IAAW,QAAQ,OAAc,EAAA;AAC/B,QAAM,IAAA,CAAA,OAAA,EAAQ,CAAS,CAAA,CAAA;AACvB,QAAA,SAAc,CAAA,KAAA,CAAA,mBAAiB,GAAO,KAAO,CAAA;AAC3C,OAAA;AACA,KAAA;AAAsC,IACxC,SAAA,UAAA,GAAA;AAAA,MACF,IAAA,eAAmB,EAAS;AAC1B,QAAA,eAAe,CAAA,mBAAA,GAAA,CAAA,SAAA,CAAA,KAAA,CAAA,mBAAA,CAAA;AACf,OAAA;AAAsC,KACxC;AAAA,IACF,SAAA,YAAA,CAAA,CAAA,EAAA;AAEA,MAAA,IAAA,GAAS,GAAa,QAAA,CAAA,KAAA,IAAA,EAAA,CAAA;AACpB,MAAA,IAAI,aAAiB,EAAA;AACnB,QAAA,GAAA,GAAA,CAAA,CAAA;AAAuD,OACzD,MAAA;AAAA,QACF,GAAA,IAAA,CAAA,CAAA;AAEA,OAAA;AACE,MAAI,IAAA,CAAA,mBAAwB,EAAA,GAAA,CAAA,CAAA;AAC5B,MAAA,IAAI,QAAe,EAAA,GAAA,CAAA,CAAA;AACjB,MAAM,QAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAAA,MACR,UAAO,CAAA,MAAA;AACL,QAAO,QAAA,CAAA,KAAA,CAAA,KAAA,EAAA,CAAA;AAAA,QACT,UAAA,CAAA,MAAA;AACA,UAAA,mCAA6B,GAAA,KAAA,CAAA;AAC7B,SAAA,EAAK;AACL,QAAA,IAAA,CAAA,QAAiB,EAAA,GAAA,CAAA,CAAA;AACjB,OAAA,CAAA,CAAA;AACE,KAAA;AACA,IAAA,SAAA,mBAAiB,CAAA,CAAA,EAAA;AACf,MAAA,SAAA,CAAA,YAAsC,UAAA,GAAA,YAAA,CAAA;AAAA,KAAA;AAExC,IAAA,OAAA,CAAA,YAAkB,KAAA;AAAA,MACpB,OAACC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QACH,KAAA,EAAAC,kBAAA,CAAAC,SAAA,CAAA,YAAA,CAAA,CAAA;AAEA,QAAA,KAAS,8BAAgC,CAAA,cAAA,CAAA,CAAA;AACvC,OAAU,EAAA;AAAyB,QACrCC,eAAA,CAAAD,SAAA,CAAAE,mBAAA,CAAA,EAAAC,cAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/select-input/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var selectInput$1 = require('./src/select-input2.js');
-var selectInput = require('./src/select-input.js');
+var selectInput$1 = require('./src/select-input.js');
+var selectInput = require('./src/select-input2.js');
 var install = require('../../utils/vue/install.js');
 
 const HzztSelectInput = install.withInstall(selectInput$1["default"]);

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

@@ -2,54 +2,132 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
+var vue = require('vue');
+var selectInput = require('./select-input2.js');
 require('../../../hooks/index.js');
-require('../../../constants/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 elementPlus = require('element-plus');
+var title = require('../../title/src/title2.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 index$2 = require('../../../hooks/use-letter/index.js');
 
-const selectInputProps = runtime.buildProps({
-  modelValue: {
-    type: runtime.definePropType([
-      String,
-      Number
-    ]),
-    default: ""
-  },
-  indexType: {
-    type: String,
-    default: "number"
-  },
-  disabled: Boolean,
-  replace: Boolean,
-  label: String,
-  options: {
-    type: runtime.definePropType(Array),
-    default: () => []
-  },
-  inputProps: Object,
-  customProps: Object,
-  position: {
-    type: String,
-    default: "left"
-  },
-  formatLabel: {
-    type: Function
-  },
-  split: {
-    type: String,
-    default: ""
-  },
-  size: index.useSizeProp
+const _hoisted_1 = { slot: "append" };
+const _hoisted_2 = { key: 0 };
+const __default__ = vue.defineComponent({
+  name: "HzztSelectInput"
 });
-const selectInputEmits = {
-  [event.UPDATE_MODEL_EVENT]: (value) => shared.isString(value),
-  input: (value) => shared.isString(value),
-  change: (value) => shared.isString(value)
-};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: selectInput.selectInputProps,
+  emits: selectInput.selectInputEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const inputVal = vue.ref(props.modelValue);
+    const nsInput = index.useNamespace("select-input");
+    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 containerCls = vue.computed(() => [
+      nsInput.b(),
+      nsInput.m(trueSize.value)
+    ]);
+    const inputContainerCls = vue.computed(() => [
+      "flex",
+      props.position === "top" ? "column" : "row align-items-center"
+    ]);
+    const inputCls = vue.computed(() => [
+      "flex-1",
+      props.label ? props.position === "top" ? "margin-b-1" : "margin-l-1" : ""
+    ]);
+    const _inputProps = vue.computed(() => ({
+      disabled: trueDisabled.value,
+      clearable: true,
+      ...props.inputProps
+    }));
+    vue.watch(() => props.modelValue, (v) => {
+      inputVal.value = v;
+    });
+    function input(val) {
+      emit("update:modelValue", val);
+      emit("input", val);
+    }
+    function change(val) {
+      emit("change", val);
+    }
+    function getLinkName(item, index) {
+      let prefix = "";
+      if (props.indexType == "number") {
+        prefix = `\uFF08${index + 1}\uFF09`;
+      } else if (props.indexType == "letter") {
+        prefix = `\uFF08${index$2.numberToLetter(index)}\uFF09`;
+      }
+      return prefix + (item.label || item.value);
+    }
+    function select(item) {
+      const value = item.value || item.label;
+      let content = "";
+      if (!inputVal.value)
+        inputVal.value = "";
+      if (props.formatLabel) {
+        content = props.formatLabel(value);
+      } else if (props.replace) {
+        content = value;
+      } else {
+        content = inputVal.value ? `${inputVal.value}${props.split}${value}` : value;
+      }
+      inputVal.value = content;
+      input(content);
+      change(content);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(containerCls))
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(inputContainerCls))
+        }, [
+          vue.renderSlot(_ctx.$slots, "title", {}, () => [
+            vue.createVNode(title["default"], { label: _ctx.label }, null, 8, ["label"])
+          ]),
+          vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
+            ref: "inputRef",
+            class: vue.unref(inputCls),
+            modelValue: inputVal.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
+          }, vue.unref(_inputProps), {
+            onInput: input,
+            onChange: change
+          }), {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("template", _hoisted_1, [
+                vue.renderSlot(_ctx.$slots, "append")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "modelValue"])
+        ], 2),
+        _ctx.options.length && !vue.unref(trueDisabled) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
+            return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElLink), vue.mergeProps({
+              key: index,
+              class: "margin-r-4"
+            }, _ctx.customProps, {
+              onClick: ($event) => select(item)
+            }), {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(getLinkName(item, index)), 1)
+              ]),
+              _: 2
+            }, 1040, ["onClick"]);
+          }), 128))
+        ])) : vue.createCommentVNode("v-if", true)
+      ], 2);
+    };
+  }
+});
+var SelectInput = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "select-input.vue"]]);
 
-exports.selectInputEmits = selectInputEmits;
-exports.selectInputProps = selectInputProps;
+exports["default"] = SelectInput;
 //# sourceMappingURL=select-input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select-input.js","sources":["../../../../../../packages/components/select-input/src/select-input.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\n\nimport type { ExtractPropTypes } from 'vue'\nimport type SelectInput from './select-input.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\nimport {OptionType} from \"@hzzt-plus/components/select/src/select\";\n\nexport const selectInputProps = buildProps({\n  modelValue: {\n    type: definePropType<string | number | null | undefined>([\n      String,\n      Number,\n    ]),\n    default: '',\n  },\n  indexType: {\n    type: String,\n    default: 'number',\n  },\n  disabled: Boolean,\n  replace: Boolean,\n  label: String,\n  options: {\n    type: definePropType<OptionType[]>(Array),\n    default: () => [],\n  },\n  inputProps: Object,\n  customProps: Object,\n  position: {\n    type: String,\n    default: 'left',\n  },\n  formatLabel: {\n    type: Function,\n  },\n  split: {\n    type: String,\n    default: '',\n  },\n  size: useSizeProp,\n})\n\nexport type SelectInputProps = ExtractPropTypes<typeof selectInputProps>\n\nexport const selectInputEmits = {\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 SelectInputEmits = typeof selectInputEmits\n\nexport type SelectInputInstance = InstanceType<typeof SelectInput>\n"],"names":["buildProps","definePropType","useSizeProp","UPDATE_MODEL_EVENT","isString"],"mappings":";;;;;;;;;;;;AAGY,MAAC,gBAAgB,GAAGA,kBAAU,CAAC;AAC3C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEA,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,QAAQ;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAEC,iBAAW;AACnB,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,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":"select-input.js","sources":["../../../../../../packages/components/select-input/src/select-input.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\">\n    <div :class=\"inputContainerCls\">\n      <slot name=\"title\">\n        <hzzt-title :label=\"label\"></hzzt-title>\n      </slot>\n      <el-input ref=\"inputRef\"\n                :class=\"inputCls\"\n                v-model=\"inputVal\"\n                v-bind=\"_inputProps\"\n                @input=\"input\"\n                @change=\"change\"\n      >\n        <template slot=\"append\">\n          <slot name=\"append\"></slot>\n        </template>\n      </el-input>\n    </div>\n    <div v-if=\"options.length&&!trueDisabled\">\n      <el-link v-for=\"(item, index) in options\" :key=\"index\" class=\"margin-r-4\" v-bind=\"customProps\" @click=\"select(item)\">\n        {{ getLinkName(item, index) }}\n      </el-link>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {computed, ref, watch} from 'vue'\n  import {selectInputEmits, selectInputProps} from './select-input'\n  import {useGlobalSize, useNamespace, numberToLetter} from \"@hzzt-plus/hooks\";\n  import {useFormDisabled, useFormSize} from \"element-plus\";\n  import HzztTitle from \"@hzzt-plus/components/title/src/title.vue\";\n  import {ElInput, ElLink} from 'element-plus'\n  import {OptionType} from \"@hzzt-plus/components/select/src/select\";\n\n  defineOptions({\n    name: 'HzztSelectInput',\n  })\n\n  const props = defineProps(selectInputProps)\n  const emit = defineEmits(selectInputEmits)\n\n  const inputVal = ref(props.modelValue);\n\n  const nsInput = useNamespace('select-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 containerCls = computed(() => [\n    nsInput.b(),\n    nsInput.m(trueSize.value),\n  ])\n\n  const inputContainerCls = computed(() => [\n    'flex',\n    props.position === 'top' ? 'column' : 'row align-items-center'\n  ])\n\n  const inputCls = computed(() => [\n    'flex-1',\n    props.label ? props.position === 'top' ? 'margin-b-1' : 'margin-l-1' : ''\n  ])\n\n  const _inputProps = computed(() => ({\n    disabled: trueDisabled.value,\n    clearable: true,\n    ...props.inputProps,\n  }))\n\n  watch(() => props.modelValue, (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(val: string) {\n    emit('change', val);\n  }\n\n  function getLinkName(item: OptionType, index: number) {\n    let prefix = '';\n    if (props.indexType == 'number') {\n      prefix = `（${index + 1}）`\n    } else if (props.indexType == 'letter') {\n      prefix = `（${numberToLetter(index)}）`\n    }\n    return prefix + (item.label || item.value);\n  }\n\n  function select(item: OptionType) {\n    const value = item.value||item.label;\n    let content = '';\n    if (!inputVal.value) inputVal.value = '';\n    if (props.formatLabel) {\n      content = props.formatLabel(value);\n    } else if (props.replace) {\n      content = value;\n    } else {\n      content = inputVal.value ? `${inputVal.value}${props.split}${value}` : value;\n    }\n    inputVal.value = content;\n    input(content);\n    change(content);\n  }\n\n</script>\n"],"names":["ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch","numberToLetter","_openBlock","_createElementBlock"],"mappings":"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"}

package/lib/components/select-input/src/select-input2.js

@@ -2,132 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var selectInput = require('./select-input.js');
+require('../../../utils/index.js');
 require('../../../hooks/index.js');
-var elementPlus = require('element-plus');
-var title = require('../../title/src/title2.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 index$2 = require('../../../hooks/use-letter/index.js');
+require('../../../constants/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 _hoisted_1 = { slot: "append" };
-const _hoisted_2 = { key: 0 };
-const __default__ = vue.defineComponent({
-  name: "HzztSelectInput"
+const selectInputProps = runtime.buildProps({
+  modelValue: {
+    type: runtime.definePropType([
+      String,
+      Number
+    ]),
+    default: ""
+  },
+  indexType: {
+    type: String,
+    default: "number"
+  },
+  disabled: Boolean,
+  replace: Boolean,
+  label: String,
+  options: {
+    type: runtime.definePropType(Array),
+    default: () => []
+  },
+  inputProps: Object,
+  customProps: Object,
+  position: {
+    type: String,
+    default: "left"
+  },
+  formatLabel: {
+    type: Function
+  },
+  split: {
+    type: String,
+    default: ""
+  },
+  size: index.useSizeProp
 });
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: selectInput.selectInputProps,
-  emits: selectInput.selectInputEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const inputVal = vue.ref(props.modelValue);
-    const nsInput = index.useNamespace("select-input");
-    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 containerCls = vue.computed(() => [
-      nsInput.b(),
-      nsInput.m(trueSize.value)
-    ]);
-    const inputContainerCls = vue.computed(() => [
-      "flex",
-      props.position === "top" ? "column" : "row align-items-center"
-    ]);
-    const inputCls = vue.computed(() => [
-      "flex-1",
-      props.label ? props.position === "top" ? "margin-b-1" : "margin-l-1" : ""
-    ]);
-    const _inputProps = vue.computed(() => ({
-      disabled: trueDisabled.value,
-      clearable: true,
-      ...props.inputProps
-    }));
-    vue.watch(() => props.modelValue, (v) => {
-      inputVal.value = v;
-    });
-    function input(val) {
-      emit("update:modelValue", val);
-      emit("input", val);
-    }
-    function change(val) {
-      emit("change", val);
-    }
-    function getLinkName(item, index) {
-      let prefix = "";
-      if (props.indexType == "number") {
-        prefix = `\uFF08${index + 1}\uFF09`;
-      } else if (props.indexType == "letter") {
-        prefix = `\uFF08${index$2.numberToLetter(index)}\uFF09`;
-      }
-      return prefix + (item.label || item.value);
-    }
-    function select(item) {
-      const value = item.value || item.label;
-      let content = "";
-      if (!inputVal.value)
-        inputVal.value = "";
-      if (props.formatLabel) {
-        content = props.formatLabel(value);
-      } else if (props.replace) {
-        content = value;
-      } else {
-        content = inputVal.value ? `${inputVal.value}${props.split}${value}` : value;
-      }
-      inputVal.value = content;
-      input(content);
-      change(content);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(containerCls))
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(inputContainerCls))
-        }, [
-          vue.renderSlot(_ctx.$slots, "title", {}, () => [
-            vue.createVNode(title["default"], { label: _ctx.label }, null, 8, ["label"])
-          ]),
-          vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
-            ref: "inputRef",
-            class: vue.unref(inputCls),
-            modelValue: inputVal.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
-          }, vue.unref(_inputProps), {
-            onInput: input,
-            onChange: change
-          }), {
-            default: vue.withCtx(() => [
-              vue.createElementVNode("template", _hoisted_1, [
-                vue.renderSlot(_ctx.$slots, "append")
-              ])
-            ]),
-            _: 3
-          }, 16, ["class", "modelValue"])
-        ], 2),
-        _ctx.options.length && !vue.unref(trueDisabled) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
-            return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElLink), vue.mergeProps({
-              key: index,
-              class: "margin-r-4"
-            }, _ctx.customProps, {
-              onClick: ($event) => select(item)
-            }), {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(getLinkName(item, index)), 1)
-              ]),
-              _: 2
-            }, 1040, ["onClick"]);
-          }), 128))
-        ])) : vue.createCommentVNode("v-if", true)
-      ], 2);
-    };
-  }
-});
-var SelectInput = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "select-input.vue"]]);
+const selectInputEmits = {
+  [event.UPDATE_MODEL_EVENT]: (value) => shared.isString(value),
+  input: (value) => shared.isString(value),
+  change: (value) => shared.isString(value)
+};
 
-exports["default"] = SelectInput;
+exports.selectInputEmits = selectInputEmits;
+exports.selectInputProps = selectInputProps;
 //# sourceMappingURL=select-input2.js.map