hzzt-plus 1.0.3 → 1.0.5

package/es/components/select/src/select2.mjs

@@ -0,0 +1,176 @@
+import { defineComponent, useAttrs, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createVNode, mergeProps, withCtx, createBlock, createCommentVNode } from 'vue';
+import { selectProps, selectEmits } from './select.mjs';
+import { useFormSize, useFormDisabled, ElInput, ElSelectV2 } from 'element-plus';
+import '../../../hooks/index.mjs';
+import HzztIcon from '../../icon/src/index.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';
+
+const __default__ = defineComponent({
+  name: "HzztSelect",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: selectProps,
+  emits: selectEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const inputVal = ref(props.modelValue);
+    const selectVal = ref();
+    const inputRef = ref();
+    const selectRef = ref();
+    const arrowName = ref("arrow-down");
+    const nsSelect = useNamespace("select");
+    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(() => props.readonly || trueDisabled.value);
+    const containerCls = computed(() => [
+      "relative",
+      "line-height-1",
+      attrs.class,
+      nsSelect.b(),
+      nsSelect.m(trueSize.value)
+    ]);
+    const containerStyle = computed(() => attrs.style);
+    const inputCls = computed(() => [
+      nsSelect.e("input"),
+      "width-100%"
+    ]);
+    const selectCls = computed(() => [
+      nsSelect.e("select"),
+      "width-100%"
+    ]);
+    const _inputProps = 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 = computed(() => ({
+      options: props.options,
+      size: trueSize.value,
+      filterable: true,
+      popperClass: "select-v2-popper-min-width-100",
+      ...props.selectProps
+    }));
+    watch(() => props.modelValue, (v) => {
+      inputVal.value = v;
+    });
+    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 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) {
+      emit("update:modelValue", v);
+      inputVal.value = v;
+      setTimeout(() => {
+        inputRef.value.focus();
+        selectRef.value.dropdownMenuVisible = false;
+      });
+      emit("change", inputVal.value);
+    }
+    function selectVisibleChange(v) {
+      arrowName.value = v ? "arrow-up" : "arrow-down";
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(containerCls)),
+        style: normalizeStyle(unref(containerStyle))
+      }, [
+        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,
+          onChange: change,
+          onKeydown: keydown
+        }), {
+          suffix: withCtx(() => [
+            !unref(trueReadonly) ? (openBlock(), createBlock(HzztIcon, {
+              key: 0,
+              class: "pointer",
+              name: arrowName.value,
+              onClick: showSelect
+            }, null, 8, ["name"])) : createCommentVNode("v-if", true)
+          ]),
+          _: 1
+        }, 16, ["class", "modelValue"]),
+        !unref(trueReadonly) ? (openBlock(), createBlock(unref(ElSelectV2), mergeProps({
+          key: 0,
+          class: unref(selectCls),
+          modelValue: selectVal.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectVal.value = $event),
+          ref_key: "selectRef",
+          ref: selectRef
+        }, unref(_selectProps), {
+          onChange: selectChange,
+          onVisibleChange: selectVisibleChange
+        }), null, 16, ["class", "modelValue"])) : createCommentVNode("v-if", true)
+      ], 6);
+    };
+  }
+});
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "select.vue"]]);
+
+export { Select as default };
+//# sourceMappingURL=select2.mjs.map

package/es/components/select/src/select2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select2.mjs","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      @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    </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 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    emit('update:modelValue', v);\n    inputVal.value = v;\n    setTimeout(() => {\n      inputRef.value.focus();\n      selectRef.value.dropdownMenuVisible = false;\n    });\n    emit('change', inputVal.value);\n  }\n\n  function selectVisibleChange(v: boolean) {\n    arrowName.value = v ? 'arrow-up' : 'arrow-down'\n  }\n\n\n</script>\n"],"names":[],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -4,7 +4,7 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
     disabled: BooleanConstructor;
     replace: BooleanConstructor;
     label: StringConstructor;
-    data: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/select-input").OptionType[]) | (() => import("./src/select-input").OptionType[]) | ((new (...args: any[]) => import("./src/select-input").OptionType[]) | (() => import("./src/select-input").OptionType[]))[], unknown, unknown, () => never[], boolean>;
+    data: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]) | ((new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
     inputProps: ObjectConstructor;
     customProps: ObjectConstructor;
     position: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
@@ -28,7 +28,7 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
         disabled: BooleanConstructor;
         replace: BooleanConstructor;
         label: StringConstructor;
-        data: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/select-input").OptionType[]) | (() => import("./src/select-input").OptionType[]) | ((new (...args: any[]) => import("./src/select-input").OptionType[]) | (() => import("./src/select-input").OptionType[]))[], unknown, unknown, () => never[], boolean>;
+        data: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]) | ((new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
         inputProps: ObjectConstructor;
         customProps: ObjectConstructor;
         position: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
@@ -83,8 +83,8 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
     }>;
     input: (val: string) => void;
     change: (val: string) => void;
-    getLinkName: (item: import("./src/select-input").OptionType, index: number) => string;
-    select: (item: import("./src/select-input").OptionType) => void;
+    getLinkName: (item: import("..").OptionType, index: number) => string;
+    select: (item: import("..").OptionType) => void;
     HzztTitle: import("vue").DefineComponent<{
         readonly label: StringConstructor;
         readonly sideline: import("hzzt-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -223,7 +223,7 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 onClear?: (() => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "modelValue" | "id" | "disabled" | "autosize" | "autocomplete" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle" | "autofocus" | "rows">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "readonly" | "clearable" | "modelValue" | "id" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle" | "autofocus" | "rows">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -663,11 +663,11 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
             $props: Partial<{
                 readonly disabled: boolean;
                 readonly underline: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
+                readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
                 readonly target: string;
                 readonly href: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "default", boolean>;
+                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "default", boolean>;
                 readonly underline: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
                 readonly disabled: BooleanConstructor;
                 readonly href: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -695,7 +695,7 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
             $emit: (event: "click", evt: MouseEvent) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "default", boolean>;
+                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "default", boolean>;
                 readonly underline: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
                 readonly disabled: BooleanConstructor;
                 readonly href: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -713,7 +713,7 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
             }, string, {
                 readonly disabled: boolean;
                 readonly underline: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
+                readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
                 readonly target: string;
                 readonly href: string;
             }> & {
@@ -737,7 +737,7 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
             $nextTick: typeof import("vue").nextTick;
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "default", boolean>;
+            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "default", boolean>;
             readonly underline: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
             readonly disabled: BooleanConstructor;
             readonly href: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -755,7 +755,7 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "default", boolean>;
+        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "default", boolean>;
         readonly underline: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly disabled: BooleanConstructor;
         readonly href: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -773,7 +773,7 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
     }, string, {
         readonly disabled: boolean;
         readonly underline: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
+        readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
         readonly target: string;
         readonly href: string;
     }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -792,7 +792,7 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
     disabled: BooleanConstructor;
     replace: BooleanConstructor;
     label: StringConstructor;
-    data: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/select-input").OptionType[]) | (() => import("./src/select-input").OptionType[]) | ((new (...args: any[]) => import("./src/select-input").OptionType[]) | (() => import("./src/select-input").OptionType[]))[], unknown, unknown, () => never[], boolean>;
+    data: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]) | ((new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
     inputProps: ObjectConstructor;
     customProps: ObjectConstructor;
     position: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
@@ -814,12 +814,12 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
     onChange?: ((value: string | undefined) => any) | undefined;
     onInput?: ((value: string | undefined) => any) | undefined;
 }, {
+    disabled: boolean;
+    modelValue: import("hzzt-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
     replace: boolean;
     split: string;
-    modelValue: import("hzzt-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
-    disabled: boolean;
+    data: import("..").OptionType[];
     position: string;
-    data: import("./src/select-input").OptionType[];
     indexType: string;
 }>> & Record<string, any>;
 export default HzztSelectInput;

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

@@ -1,11 +1,6 @@
 import type { ExtractPropTypes } from 'vue';
 import type SelectInput from './select-input.vue';
-declare type OptionCommon = Record<string, any>;
-export declare type Option = OptionCommon & {
-    created?: boolean;
-};
-export declare type OptionGroup = OptionCommon;
-export declare type OptionType = Option | OptionGroup;
+import { OptionType } from "hzzt-plus/es/components/select/src/select";
 export declare const selectInputProps: {
     modelValue: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown, string, boolean>;
     indexType: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
@@ -38,4 +33,3 @@ export declare const selectInputEmits: {
 };
 export declare type SelectInputEmits = typeof selectInputEmits;
 export declare type SelectInputInstance = InstanceType<typeof SelectInput>;
-export {};

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

@@ -1 +1 @@
-{"version":3,"file":"select-input.mjs","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\";\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 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  data: {\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":[],"mappings":";;;;;;;;AAGY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,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,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,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,EAAE,WAAW;AACnB,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,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":"select-input.mjs","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  data: {\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":[],"mappings":";;;;;;;;AAGY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,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,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,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,EAAE,WAAW;AACnB,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,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/select-input/src/select-input.vue.d.ts

@@ -1,4 +1,4 @@
-import { OptionType } from './select-input';
+import { OptionType } from "hzzt-plus/es/components/select/src/select";
 declare const _default: import("vue").DefineComponent<{
     modelValue: import("../../../utils").EpPropFinalized<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown, string, boolean>;
     indexType: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
@@ -224,7 +224,7 @@ declare const _default: import("vue").DefineComponent<{
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 onClear?: (() => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "modelValue" | "id" | "disabled" | "autosize" | "autocomplete" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle" | "autofocus" | "rows">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "readonly" | "clearable" | "modelValue" | "id" | "autosize" | "autocomplete" | "showPassword" | "showWordLimit" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle" | "autofocus" | "rows">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -664,11 +664,11 @@ declare const _default: import("vue").DefineComponent<{
             $props: Partial<{
                 readonly disabled: boolean;
                 readonly underline: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
+                readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
                 readonly target: string;
                 readonly href: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "default", boolean>;
+                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "default", boolean>;
                 readonly underline: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
                 readonly disabled: BooleanConstructor;
                 readonly href: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -696,7 +696,7 @@ declare const _default: import("vue").DefineComponent<{
             $emit: (event: "click", evt: MouseEvent) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "default", boolean>;
+                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "default", boolean>;
                 readonly underline: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
                 readonly disabled: BooleanConstructor;
                 readonly href: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -714,7 +714,7 @@ declare const _default: import("vue").DefineComponent<{
             }, string, {
                 readonly disabled: boolean;
                 readonly underline: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
+                readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
                 readonly target: string;
                 readonly href: string;
             }> & {
@@ -738,7 +738,7 @@ declare const _default: import("vue").DefineComponent<{
             $nextTick: typeof import("vue").nextTick;
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "default", boolean>;
+            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "default", boolean>;
             readonly underline: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
             readonly disabled: BooleanConstructor;
             readonly href: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -756,7 +756,7 @@ declare const _default: import("vue").DefineComponent<{
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "default", boolean>;
+        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "default", boolean>;
         readonly underline: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly disabled: BooleanConstructor;
         readonly href: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -774,7 +774,7 @@ declare const _default: import("vue").DefineComponent<{
     }, string, {
         readonly disabled: boolean;
         readonly underline: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
+        readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
         readonly target: string;
         readonly href: string;
     }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -815,12 +815,12 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((value: string | undefined) => any) | undefined;
     onInput?: ((value: string | undefined) => any) | undefined;
 }, {
+    disabled: boolean;
+    modelValue: import("../../../utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
     replace: boolean;
     split: string;
-    modelValue: import("../../../utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
-    disabled: boolean;
-    position: string;
     data: OptionType[];
+    position: string;
     indexType: string;
 }>;
 export default _default;

package/es/components/select-input/src/select-input2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-input2.mjs","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=\"data.length&&!trueDisabled\">\n      <el-link v-for=\"(item, index) in data\" :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 {OptionType, 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\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":["_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"select-input2.mjs","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=\"data.length&&!trueDisabled\">\n      <el-link v-for=\"(item, index) in data\" :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":["_openBlock","_createElementBlock"],"mappings":"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"}