hzzt-plus 2.0.0 → 2.0.1

package/es/components/scroll/src/scroll2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll2.mjs","sources":["../../../../../../packages/components/scroll/src/scroll.vue"],"sourcesContent":["<template>\n  <div :class=\"{'is-scrollable':scrollable}\" class=\"relative hzzt-scroll\">\n    <div v-if=\"scrollable\" class=\"hzzt-scroll__nav-prev\" @click=\"btnNavPrev\">\n      <hzzt-icon name=\"arrow-left\" />\n    </div>\n    <div v-if=\"scrollable\" class=\"hzzt-scroll__nav-next\" @click=\"btnNavNext\">\n      <hzzt-icon name=\"arrow-right\" />\n    </div>\n    <div ref=\"scrollRef\" class=\"overflow-hidden\">\n      <div ref=\"scrollContentRef\" :style=\"{transform: `translateX(${-navTranslateX}px)`}\" class=\"hzzt-scroll__content\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {onUpdated, ref} from 'vue';\n  import {useResizeObserver} from '@vueuse/core';\n  import HzztIcon from \"@hzzt-plus/components/icon/src/index.vue\";\n\n  defineOptions({\n    name: 'HzztScroll',\n  })\n\n  const navTranslateX = ref(0);\n  const scrollRef = ref<HTMLElement | null>(null);\n  const scrollContentRef = ref<HTMLElement | null>(null);\n  const scrollable = ref(false);\n\n  function update() {\n    if (!scrollRef.value || !scrollContentRef.value) return;\n    const scrollWidth = scrollRef.value ? scrollRef.value.offsetWidth : 0;\n    const contentWidth = scrollContentRef.value ? scrollContentRef.value.offsetWidth : 0;\n    if (scrollWidth >= contentWidth) {\n      scrollable.value = false;\n      navTranslateX.value = 0;\n      return;\n    }\n    scrollable.value = true;\n  }\n\n  useResizeObserver(scrollContentRef, update);\n\n  onUpdated(() => update());\n\n  function btnNavPrev() {\n    const containerSize = scrollRef.value?.offsetWidth || 0;\n    const currentOffset = navTranslateX.value;\n    if (!currentOffset) return;\n    const newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;\n    navTranslateX.value = newOffset;\n  }\n\n  function btnNavNext() {\n    const navSize = scrollContentRef.value?.offsetWidth || 0;\n    const currentOffset = navTranslateX.value;\n    const containerSize = scrollRef.value?.offsetWidth || 0;\n    if (navSize - currentOffset < containerSize) return;\n    const newOffset = navSize - currentOffset > containerSize * 2 ?\n      currentOffset + containerSize :\n      navSize - containerSize;\n    navTranslateX.value = newOffset;\n  }\n</script>\n"],"names":[],"mappings":";;;;;mCAqBgB,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;AAEA,IAAM,MAAA,aAAA,GAAgB,IAAI,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,SAAA,GAAY,IAAwB,IAAI,CAAA,CAAA;AAC9C,IAAM,MAAA,gBAAA,GAAmB,IAAwB,IAAI,CAAA,CAAA;AACrD,IAAM,MAAA,UAAA,GAAa,IAAI,KAAK,CAAA,CAAA;AAE5B,IAAA,SAAS,MAAS,GAAA;AAChB,MAAA,IAAI,CAAC,SAAA,CAAU,KAAS,IAAA,CAAC,gBAAiB,CAAA,KAAA;AAAO,QAAA,OAAA;AACjD,MAAA,MAAM,WAAc,GAAA,SAAA,CAAU,KAAQ,GAAA,SAAA,CAAU,MAAM,WAAc,GAAA,CAAA,CAAA;AACpE,MAAA,MAAM,YAAe,GAAA,gBAAA,CAAiB,KAAQ,GAAA,gBAAA,CAAiB,MAAM,WAAc,GAAA,CAAA,CAAA;AACnF,MAAA,IAAI,eAAe,YAAc,EAAA;AAC/B,QAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AACnB,QAAA,aAAA,CAAc,KAAQ,GAAA,CAAA,CAAA;AACtB,QAAA,OAAA;AAAA,OACF;AACA,MAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AAAA,KACrB;AAEA,IAAA,iBAAA,CAAkB,kBAAkB,MAAM,CAAA,CAAA;AAE1C,IAAU,SAAA,CAAA,MAAM,QAAQ,CAAA,CAAA;AAExB,IAAA,SAAS,UAAa,GAAA;AACpB,MAAM,IAAA,EAAA,CAAA;AACN,MAAA,MAAM,gBAAgB,CAAc,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AACpC,MAAA,MAAK,aAAA,GAAA,aAAA,CAAA,KAAA,CAAA;AAAe,MAAA,IAAA,CAAA,aAAA;AACpB,QAAA,OAAkB;AAClB,MAAA,MAAA,SAAsB,GAAA,aAAA,GAAA,aAAA,GAAA,aAAA,GAAA,aAAA,GAAA,CAAA,CAAA;AAAA,MACxB,aAAA,CAAA,KAAA,GAAA,SAAA,CAAA;AAEA,KAAA;AACE,IAAM,SAAA,UAA2B,GAAA;AACjC,MAAA,IAAA,EAAM;AACN,MAAM,MAAA,OAAA,GAAA,CAAA,CAAA,EAAA,GAA0B,gBAAO,CAAe,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AACtD,MAAA,mBAA8B,GAAA,aAAA,CAAA,KAAA,CAAA;AAAe,MAAA,MAAA,aAAA,GAAA,CAAA,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AAC7C,MAAA,IAAA,uBAA4B,GAAA,aAAA;AAG5B,QAAA,OAAA;AAAsB,MACxB,MAAA,SAAA,GAAA,OAAA,GAAA,aAAA,GAAA,aAAA,GAAA,CAAA,GAAA,aAAA,GAAA,aAAA,GAAA,OAAA,GAAA,aAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"scroll2.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("..").OptionType[]) | (() => import("..").OptionType[]) | ((new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
+    options: 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("..").OptionType[]) | (() => import("..").OptionType[]) | ((new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
+        options: 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>;
@@ -831,7 +831,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("..").OptionType[]) | (() => import("..").OptionType[]) | ((new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
+    options: 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>;
@@ -854,10 +854,10 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
     onInput?: ((value: string | undefined) => any) | undefined;
 }, {
     disabled: boolean;
+    options: import("..").OptionType[];
     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;
-    data: import("..").OptionType[];
     position: string;
     indexType: string;
 }>> & Record<string, any>;

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

@@ -7,7 +7,7 @@ export declare const selectInputProps: {
     disabled: BooleanConstructor;
     replace: BooleanConstructor;
     label: StringConstructor;
-    data: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
+    options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
     inputProps: ObjectConstructor;
     customProps: ObjectConstructor;
     position: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;

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

@@ -21,7 +21,7 @@ const selectInputProps = buildProps({
   disabled: Boolean,
   replace: Boolean,
   label: String,
-  data: {
+  options: {
     type: definePropType(Array),
     default: () => []
   },

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\";\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;;;;"}
+{"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  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":[],"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,OAAO,EAAE;AACX,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

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     replace: BooleanConstructor;
     label: StringConstructor;
-    data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
+    options: import("../../../utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
     inputProps: ObjectConstructor;
     customProps: ObjectConstructor;
     position: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         disabled: BooleanConstructor;
         replace: BooleanConstructor;
         label: StringConstructor;
-        data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
+        options: import("../../../utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
         inputProps: ObjectConstructor;
         customProps: ObjectConstructor;
         position: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
@@ -832,7 +832,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     replace: BooleanConstructor;
     label: StringConstructor;
-    data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
+    options: import("../../../utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
     inputProps: ObjectConstructor;
     customProps: ObjectConstructor;
     position: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
@@ -855,10 +855,10 @@ declare const _default: import("vue").DefineComponent<{
     onInput?: ((value: string | undefined) => any) | undefined;
 }, {
     disabled: boolean;
+    options: OptionType[];
     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;
-    data: OptionType[];
     position: string;
     indexType: string;
 }>;

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

@@ -104,8 +104,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 3
           }, 16, ["class", "modelValue"])
         ], 2),
-        _ctx.data.length && !unref(trueDisabled) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item, index) => {
+        _ctx.options.length && !unref(trueDisabled) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index) => {
             return openBlock(), createBlock(unref(ElLink), mergeProps({
               key: index,
               class: "margin-r-4"

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 {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":";;;;;;;;;;;;mCAmCgB,CAAA;AAAA,EACZ,IAAM,EAAA,iBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAErC,IAAM,MAAA,OAAA,GAAU,aAAa,cAAc,CAAA,CAAA;AAC3C,IAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,IAAA,MAAM,eAAe,eAAgB,EAAA,CAAA;AAErC,IAAA,MAAM,QAAW,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,IAAA,IAAA,QAAA,CAAA,KAAA,IAAA,aAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAAA,kBACH,GAAA,QAAiB,CAAA,MAAA,kBAAuB,YAAE,CAAA,KAAA,CAAA,CAAA;AAAA,IACxD,MAAA,YAAA,GAAA,QAAA,CAAA,MAAA;AAEA,MAAA;AAEA,MAAM,OAAA,CAAA,CAAA,CAAA,QAAA,CAAe;AAAe,KAAA,CAClC;AAAU,IACV,MAAA,iBAAwB,GAAA,QAAA,CAAA,MAAA;AAAA,MACzB,MAAA;AAED,MAAM,KAAA,CAAA,QAAA,KAAA,KAAoB,WAAe,GAAA,wBAAA;AAAA,KACvC,CAAA,CAAA;AAAA,IACA,MAAA,QAAmB,GAAA,QAAA,CAAA,MAAmB;AAAA,MACvC,QAAA;AAED,MAAM,KAAA,CAAA,KAAA,GAAA,cAA0B,KAAA,KAAA,GAAA,YAAA,GAAA,YAAA,GAAA,EAAA;AAAA,KAC9B,CAAA,CAAA;AAAA,IAAA,iBACc,GAAA,QAAmB,CAAA,OAAA;AAAsC,MACxE,QAAA,EAAA,YAAA,CAAA,KAAA;AAED,MAAM,SAAA,EAAA,IAAA;AAA8B,MAClC,mBAAuB;AAAA,KAAA,CACvB,CAAW,CAAA;AAAA,IAAA,KACR,CAAM,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACT,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAEF,KAAA,CAAA,CAAA;AACE,IAAA,SAAA,KAAiB,CAAA,GAAA,EAAA;AAAA,MAClB,IAAA,CAAA,mBAAA,EAAA,GAAA,CAAA,CAAA;AAED,MAAA,IAAA,CAAA,SAA4B,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,gBAAc,GAAG,EAAA;AAAA,MACnB,IAAA,CAAA,QAAA,EAAA,GAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,oBAAkB,CAAA,IAAA,EAAA,KAAA,EAAA;AAAA,MACpB,IAAA,MAAA,GAAA,EAAA,CAAA;AAEA,MAAS,IAAA,KAAA,CAAA,SAAY,YAAiC,EAAA;AACpD,QAAA,MAAa,GAAA,CAAA,MAAA,EAAA,KAAA,GAAA,CAAA,CAAA,MAAA,CAAA,CAAA;AACb,OAAI,MAAA,mBAA6B,IAAA,QAAA,EAAA;AAC/B,QAAS,MAAA,GAAA,CAAA,MAAA,EAAI,cAAS,CAAA,KAAA,CAAA,CAAA,MAAA,CAAA,CAAA;AAAA,OACxB;AACE,MAAS,OAAA,MAAA,IAAA,IAAmB,CAAA,KAAA,IAAA,IAAA,CAAA,KAAM,CAAA,CAAA;AAAA,KACpC;AACA,IAAO,SAAA,MAAA,CAAA,IAAe,EAAA;AAAc,MACtC,MAAA,KAAA,GAAA,IAAA,CAAA,KAAA,IAAA,IAAA,CAAA,KAAA,CAAA;AAEA,MAAA,IAAA,UAAgB,EAAkB,CAAA;AAChC,MAAM,IAAA,CAAA,QAAA,CAAQ,KAAK;AACnB,QAAA,QAAc,CAAA,KAAA,GAAA,EAAA,CAAA;AACd,MAAA,IAAI,KAAU,CAAA,WAAA,EAAA;AAAO,QAAA,OAAA,GAAiB,KAAA,CAAA,WAAA,CAAA,KAAA,CAAA,CAAA;AACtC,OAAA,UAAuB,KAAA,CAAA,OAAA,EAAA;AACrB,QAAU,OAAA,GAAA,KAAA,CAAM;AAAiB,OACnC,MAAA;AACE,QAAU,OAAA,GAAA,QAAA,CAAA,KAAA,GAAA,CAAA,EAAA,QAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAA,OACL;AACL,MAAU,QAAA,CAAA,KAAA,GAAA,OAAiB,CAAA;AAA4C,MACzE,KAAA,CAAA,OAAA,CAAA,CAAA;AACA,MAAA,MAAA,CAAA,OAAiB,CAAA,CAAA;AACjB,KAAA;AACA,IAAA,OAAA,CAAA,IAAc,EAAA,MAAA,KAAA;AAAA,MAChB,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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=\"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":["_openBlock","_createElementBlock"],"mappings":"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"}

package/es/components/select-textarea/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import SelectTextarea from './src/select-textarea.mjs';
-export { selectTextareaEmits, selectTextareaProps } from './src/select-textarea2.mjs';
+import SelectTextarea from './src/select-textarea2.mjs';
+export { selectTextareaEmits, selectTextareaProps } from './src/select-textarea.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const HzztSelectTextarea = withInstall(SelectTextarea);

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

@@ -10,8 +10,9 @@ export declare const selectTextareaProps: {
     };
     disabled: BooleanConstructor;
     label: StringConstructor;
-    data: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
+    options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
     inputProps: ObjectConstructor;
+    selectProps: ObjectConstructor;
     replace: BooleanConstructor;
     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>;
 };

package/es/components/select-textarea/src/select-textarea.mjs

@@ -1,106 +1,37 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createVNode, createBlock, createCommentVNode, mergeProps } from 'vue';
-import { selectTextareaProps, selectTextareaEmits } from './select-textarea2.mjs';
+import '../../../utils/index.mjs';
 import '../../../hooks/index.mjs';
-import { useFormSize, useFormDisabled, ElSelectV2, ElInput } from 'element-plus';
-import HzztTitle from '../../title/src/title2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useGlobalSize } from '../../../hooks/use-size/index.mjs';
-import { insertCursorPosition } from '../../../hooks/use-cursor/index.mjs';
+import '../../../constants/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT } from '../../../constants/event.mjs';
+import { isString } from '@vue/shared';
+import { isNumber, isBoolean } from '../../../utils/types.mjs';
 
-const _hoisted_1 = { class: "flex column" };
-const _hoisted_2 = { class: "flex align-items-center" };
-const __default__ = defineComponent({
-  name: "HzztSelectTextarea"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: selectTextareaProps,
-  emits: selectTextareaEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const inputVal = ref(props.modelValue);
-    const selectValue = ref("");
-    const inputRef = ref();
-    const nsInput = useNamespace("select-textarea");
-    const formSize = useFormSize();
-    const formDisabled = useFormDisabled();
-    const trueSize = computed(() => props.size || formSize.value || useGlobalSize().value);
-    const trueDisabled = computed(() => props.disabled || formDisabled.value);
-    const containerCls = computed(() => [
-      nsInput.b(),
-      nsInput.m(trueSize.value)
-    ]);
-    const _inputProps = computed(() => ({
-      disabled: trueDisabled.value,
-      clearable: true,
-      ...props.inputProps,
-      type: "textarea"
-    }));
-    watch(() => props.modelValue, (v) => {
-      inputVal.value = v;
-    });
-    function input(val) {
-      emit("update:modelValue", val);
-      emit("input", val);
-    }
-    function change(val) {
-      emit("change", val);
-    }
-    function selectChange(val) {
-      if (!inputVal.value && inputVal.value !== 0)
-        inputVal.value = "";
-      selectValue.value = "";
-      let content = val;
-      if (!props.replace) {
-        const inputEl = inputRef.value.$el.getElementsByTagName("textarea")[0];
-        content = insertCursorPosition(inputEl, val);
-      }
-      input(content);
-      change(content);
-      emit("select", val);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(containerCls))
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createVNode(HzztTitle, {
-                class: "margin-l-1",
-                label: _ctx.label
-              }, null, 8, ["label"])
-            ]),
-            !unref(trueDisabled) ? (openBlock(), createBlock(unref(ElSelectV2), {
-              key: 0,
-              class: "flex-1",
-              modelValue: selectValue.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectValue.value = $event),
-              "allow-create": "",
-              filterable: "",
-              clearable: "",
-              onChange: selectChange,
-              options: _ctx.data
-            }, null, 8, ["modelValue", "options"])) : createCommentVNode("v-if", true),
-            renderSlot(_ctx.$slots, "right")
-          ]),
-          createVNode(unref(ElInput), mergeProps({
-            ref_key: "inputRef",
-            ref: inputRef,
-            class: "flex-1 margin-t-1",
-            modelValue: inputVal.value,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputVal.value = $event)
-          }, unref(_inputProps), {
-            onInput: input,
-            onChange: change
-          }), null, 16, ["modelValue"])
-        ])
-      ], 2);
-    };
+const selectTextareaProps = buildProps({
+  size: useSizeProp,
+  disabled: Boolean,
+  label: String,
+  options: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  inputProps: Object,
+  selectProps: Object,
+  replace: Boolean,
+  modelValue: {
+    type: definePropType([
+      String,
+      Number
+    ]),
+    default: ""
   }
 });
-var SelectTextarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "select-textarea.vue"]]);
+const selectTextareaEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
+  [CHANGE_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
+  [INPUT_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
+  select: (val) => isString(val) || isNumber(val) || isBoolean(val)
+};
 
-export { SelectTextarea as default };
+export { selectTextareaEmits, selectTextareaProps };
 //# sourceMappingURL=select-textarea.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"select-textarea.mjs","sources":["../../../../../../packages/components/select-textarea/src/select-textarea.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\">\n    <div class=\"flex column\">\n      <div class=\"flex align-items-center\">\n        <slot name=\"title\">\n          <hzzt-title class=\"margin-l-1\" :label=\"label\"></hzzt-title>\n        </slot>\n        <el-select-v2 class=\"flex-1\" v-model=\"selectValue\" allow-create filterable clearable @change=\"selectChange\"\n                      v-if=\"!trueDisabled\" :options=\"data\"></el-select-v2>\n        <slot name=\"right\"></slot>\n      </div>\n      <el-input ref=\"inputRef\" class=\"flex-1 margin-t-1\" v-model=\"inputVal\" v-bind=\"_inputProps\"\n                @input=\"input\"\n                @change=\"change\"></el-input>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {selectTextareaProps, selectTextareaEmits} from './select-textarea'\n  import {computed, ref, watch} from \"vue\";\n  import {useGlobalSize, useNamespace, insertCursorPosition} 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, ElSelectV2} from 'element-plus'\n\n  defineOptions({\n    name: 'HzztSelectTextarea',\n  })\n\n  const props = defineProps(selectTextareaProps)\n  const emit = defineEmits(selectTextareaEmits)\n\n  const inputVal = ref(props.modelValue);\n  const selectValue = ref('');\n  const inputRef = ref();\n\n  const nsInput = useNamespace('select-textarea')\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 _inputProps = computed(() => ({\n    disabled: trueDisabled.value,\n    clearable: true,\n    ...props.inputProps,\n    type: 'textarea',\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 selectChange(val: string) {\n    if (!inputVal.value && inputVal.value !== 0) inputVal.value = '';\n    selectValue.value = '';\n    let content = val;\n    if (!props.replace) {\n      const inputEl = inputRef.value.$el.getElementsByTagName('textarea')[0];\n      content = insertCursorPosition(inputEl, val);\n    }\n    input(content);\n    change(content);\n    emit('select', val);\n  }\n\n\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;mCA0BgB,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACrC,IAAM,MAAA,WAAA,GAAc,IAAI,EAAE,CAAA,CAAA;AAC1B,IAAA,MAAM,WAAW,GAAI,EAAA,CAAA;AAErB,IAAM,MAAA,OAAA,GAAU,aAAa,iBAAiB,CAAA,CAAA;AAC9C,IAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,IAAA,MAAM,eAAe,eAAgB,EAAA,CAAA;AAErC,IAAA,MAAM,QAAW,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,IAAA,IAAA,QAAA,CAAA,KAAA,IAAA,aAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAAA,kBACH,GAAA,QAAiB,CAAA,MAAA,kBAAuB,YAAE,CAAA,KAAA,CAAA,CAAA;AAAA,IACxD,MAAA,YAAA,GAAA,QAAA,CAAA,MAAA;AAEA,MAAA;AAEA,MAAM,OAAA,CAAA,CAAA,CAAA,QAAA,CAAe;AAAe,KAAA,CAClC;AAAU,IACV,MAAA,WAAU,GAAA,QAAc,CAAA,OAAA;AAAA,MACzB,QAAA,EAAA,YAAA,CAAA,KAAA;AAED,MAAM,SAAA,EAAA,IAAA;AAA8B,MAClC,mBAAuB;AAAA,MACvB,IAAW,EAAA,UAAA;AAAA,KAAA,CACX;AAAS,IAAA,KACH,CAAA,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACN,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAEF,KAAA,CAAA,CAAA;AACE,IAAA,SAAA,KAAiB,CAAA,GAAA,EAAA;AAAA,MAClB,IAAA,CAAA,mBAAA,EAAA,GAAA,CAAA,CAAA;AAED,MAAA,IAAA,CAAA,SAA4B,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,gBAAc,GAAG,EAAA;AAAA,MACnB,IAAA,CAAA,QAAA,EAAA,GAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,qBAAkB,CAAA,GAAA,EAAA;AAAA,MACpB,IAAA,CAAA,QAAA,CAAA,KAAA,IAAA,QAAA,CAAA,KAAA,KAAA,CAAA;AAEA,QAAA,mBAAmC,CAAA;AACjC,MAAA,WAAK,CAAA,KAAkB,GAAA,EAAA,CAAA;AAAsB,MAAA,IAAA,OAAS,GAAQ,GAAA,CAAA;AAC9D,MAAA,IAAA,CAAA,KAAA,CAAA,OAAoB,EAAA;AACpB,QAAA,MAAc,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,QAAI,UAAgB,oBAAA,CAAA,OAAA,EAAA,GAAA,CAAA,CAAA;AAClB,OAAA;AACA,MAAU,KAAA,CAAA,OAAA,CAAA,CAAA;AAAiC,MAC7C,MAAA,CAAA,OAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAA,QAAa,EAAA,GAAA,CAAA,CAAA;AACb,KAAA;AACA,IAAA,OAAK,aAAa,KAAA;AAAA,MACpB,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"select-textarea.mjs","sources":["../../../../../../packages/components/select-textarea/src/select-textarea.ts"],"sourcesContent":["import {buildProps, definePropType, isString, isNumber, isBoolean} from '@hzzt-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type SelectTextarea from './select-textarea.vue'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\nimport {OptionType} from \"@hzzt-plus/components\";\nimport {CHANGE_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport const selectTextareaProps = buildProps({\n  size: useSizeProp,\n  disabled: Boolean,\n  label: String,\n  options: {\n    type: definePropType<OptionType[]>(Array),\n    default: () => [],\n  },\n  inputProps: Object,\n  selectProps: Object,\n  replace: Boolean,\n  modelValue: {\n    type: definePropType<string | number | null | undefined>([\n      String,\n      Number,\n    ]),\n    default: '',\n  },\n})\n\nexport type SelectTextareaProps = ExtractPropTypes<typeof selectTextareaProps>\n\nexport const selectTextareaEmits = {\n  [UPDATE_MODEL_EVENT]: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [CHANGE_EVENT]: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [INPUT_EVENT]: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  select: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n}\nexport type SelectTextareaEmits = typeof selectTextareaEmits\n\nexport type SelectTextareaInstance = InstanceType<typeof SelectTextarea>\n"],"names":[],"mappings":";;;;;;;;;AAGY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,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,OAAO,EAAE,OAAO;AAClB,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,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;AACnC,EAAE,CAAC,kBAAkB,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AACjF,EAAE,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AAC3E,EAAE,CAAC,WAAW,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AAC1E,EAAE,MAAM,EAAE,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AACnE;;;;"}

package/es/components/select-textarea/src/select-textarea.vue.d.ts

@@ -7,8 +7,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     label: StringConstructor;
-    data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("../..").OptionType[]) | (() => import("../..").OptionType[]) | ((new (...args: any[]) => import("../..").OptionType[]) | (() => import("../..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
+    options: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("../..").OptionType[]) | (() => import("../..").OptionType[]) | ((new (...args: any[]) => import("../..").OptionType[]) | (() => import("../..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
     inputProps: ObjectConstructor;
+    selectProps: ObjectConstructor;
     replace: BooleanConstructor;
     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>;
 }, {
@@ -21,8 +22,9 @@ declare const _default: import("vue").DefineComponent<{
         };
         disabled: BooleanConstructor;
         label: StringConstructor;
-        data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("../..").OptionType[]) | (() => import("../..").OptionType[]) | ((new (...args: any[]) => import("../..").OptionType[]) | (() => import("../..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
+        options: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("../..").OptionType[]) | (() => import("../..").OptionType[]) | ((new (...args: any[]) => import("../..").OptionType[]) | (() => import("../..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
         inputProps: ObjectConstructor;
+        selectProps: ObjectConstructor;
         replace: BooleanConstructor;
         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>;
     }>> & {
@@ -63,6 +65,13 @@ declare const _default: import("vue").DefineComponent<{
         disabled: boolean;
         clearable: boolean;
     }>;
+    _selectProps: import("vue").ComputedRef<{
+        options: import("../..").OptionType[];
+        size: "" | "default" | "small" | "large";
+        filterable: boolean;
+        clearable: boolean;
+        allowCreate: boolean;
+    }>;
     input: (val: string) => void;
     change: (val: string) => void;
     selectChange: (val: string) => void;
@@ -13096,8 +13105,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     label: StringConstructor;
-    data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("../..").OptionType[]) | (() => import("../..").OptionType[]) | ((new (...args: any[]) => import("../..").OptionType[]) | (() => import("../..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
+    options: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("../..").OptionType[]) | (() => import("../..").OptionType[]) | ((new (...args: any[]) => import("../..").OptionType[]) | (() => import("../..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
     inputProps: ObjectConstructor;
+    selectProps: ObjectConstructor;
     replace: BooleanConstructor;
     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>;
 }>> & {
@@ -13107,8 +13117,8 @@ declare const _default: import("vue").DefineComponent<{
     onSelect?: ((val: string | number | boolean | undefined) => any) | undefined;
 }, {
     disabled: boolean;
+    options: import("../..").OptionType[];
     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;
-    data: import("../..").OptionType[];
 }>;
 export default _default;

package/es/components/select-textarea/src/select-textarea2.mjs

@@ -1,36 +1,111 @@
-import '../../../utils/index.mjs';
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createVNode, createBlock, mergeProps, createCommentVNode } from 'vue';
+import { selectTextareaProps, selectTextareaEmits } from './select-textarea.mjs';
 import '../../../hooks/index.mjs';
-import '../../../constants/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { useSizeProp } from '../../../hooks/use-size/index.mjs';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT } from '../../../constants/event.mjs';
-import { isString } from '@vue/shared';
-import { isNumber, isBoolean } from '../../../utils/types.mjs';
+import { useFormSize, useFormDisabled, ElSelectV2, ElInput } from 'element-plus';
+import HzztTitle from '../../title/src/title2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useGlobalSize } from '../../../hooks/use-size/index.mjs';
+import { insertCursorPosition } from '../../../hooks/use-cursor/index.mjs';
 
-const selectTextareaProps = buildProps({
-  size: useSizeProp,
-  disabled: Boolean,
-  label: String,
-  data: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  inputProps: Object,
-  replace: Boolean,
-  modelValue: {
-    type: definePropType([
-      String,
-      Number
-    ]),
-    default: ""
+const _hoisted_1 = { class: "flex column" };
+const _hoisted_2 = { class: "flex align-items-center" };
+const __default__ = defineComponent({
+  name: "HzztSelectTextarea"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: selectTextareaProps,
+  emits: selectTextareaEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const inputVal = ref(props.modelValue);
+    const selectValue = ref("");
+    const inputRef = ref();
+    const nsInput = useNamespace("select-textarea");
+    const formSize = useFormSize();
+    const formDisabled = useFormDisabled();
+    const trueSize = computed(() => props.size || formSize.value || useGlobalSize().value);
+    const trueDisabled = computed(() => props.disabled || formDisabled.value);
+    const containerCls = computed(() => [
+      nsInput.b(),
+      nsInput.m(trueSize.value)
+    ]);
+    const _inputProps = computed(() => ({
+      disabled: trueDisabled.value,
+      clearable: true,
+      ...props.inputProps,
+      type: "textarea"
+    }));
+    const _selectProps = computed(() => ({
+      options: props.options,
+      size: trueSize.value,
+      filterable: true,
+      clearable: true,
+      allowCreate: true,
+      ...props.selectProps
+    }));
+    watch(() => props.modelValue, (v) => {
+      inputVal.value = v;
+    });
+    function input(val) {
+      emit("update:modelValue", val);
+      emit("input", val);
+    }
+    function change(val) {
+      emit("change", val);
+    }
+    function selectChange(val) {
+      if (!inputVal.value && inputVal.value !== 0)
+        inputVal.value = "";
+      selectValue.value = "";
+      let content = val;
+      if (!props.replace) {
+        const inputEl = inputRef.value.$el.getElementsByTagName("textarea")[0];
+        content = insertCursorPosition(inputEl, val);
+      }
+      input(content);
+      change(content);
+      emit("select", val);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(containerCls))
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createVNode(HzztTitle, {
+                size: unref(trueSize),
+                class: "margin-l-1",
+                label: _ctx.label
+              }, null, 8, ["size", "label"])
+            ]),
+            !unref(trueDisabled) ? (openBlock(), createBlock(unref(ElSelectV2), mergeProps({
+              key: 0,
+              class: "flex-1",
+              modelValue: selectValue.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectValue.value = $event),
+              onChange: selectChange
+            }, unref(_selectProps)), null, 16, ["modelValue"])) : createCommentVNode("v-if", true),
+            renderSlot(_ctx.$slots, "right")
+          ]),
+          createVNode(unref(ElInput), mergeProps({
+            ref_key: "inputRef",
+            ref: inputRef,
+            class: "flex-1 margin-t-1",
+            modelValue: inputVal.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputVal.value = $event)
+          }, unref(_inputProps), {
+            onInput: input,
+            onChange: change
+          }), null, 16, ["modelValue"])
+        ])
+      ], 2);
+    };
   }
 });
-const selectTextareaEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
-  [CHANGE_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
-  [INPUT_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
-  select: (val) => isString(val) || isNumber(val) || isBoolean(val)
-};
+var SelectTextarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "select-textarea.vue"]]);
 
-export { selectTextareaEmits, selectTextareaProps };
+export { SelectTextarea as default };
 //# sourceMappingURL=select-textarea2.mjs.map

package/es/components/select-textarea/src/select-textarea2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-textarea2.mjs","sources":["../../../../../../packages/components/select-textarea/src/select-textarea.ts"],"sourcesContent":["import {buildProps, definePropType, isString, isNumber, isBoolean} from '@hzzt-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type SelectTextarea from './select-textarea.vue'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\nimport {OptionType} from \"@hzzt-plus/components\";\nimport {CHANGE_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport const selectTextareaProps = buildProps({\n  size: useSizeProp,\n  disabled: Boolean,\n  label: String,\n  data: {\n    type: definePropType<OptionType[]>(Array),\n    default: () => [],\n  },\n  inputProps: Object,\n  replace: Boolean,\n  modelValue: {\n    type: definePropType<string | number | null | undefined>([\n      String,\n      Number,\n    ]),\n    default: '',\n  },\n})\n\nexport type SelectTextareaProps = ExtractPropTypes<typeof selectTextareaProps>\n\nexport const selectTextareaEmits = {\n  [UPDATE_MODEL_EVENT]: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [CHANGE_EVENT]: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [INPUT_EVENT]: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  select: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n}\nexport type SelectTextareaEmits = typeof selectTextareaEmits\n\nexport type SelectTextareaInstance = InstanceType<typeof SelectTextarea>\n"],"names":[],"mappings":";;;;;;;;;AAGY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,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,OAAO,EAAE,OAAO;AAClB,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,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;AACnC,EAAE,CAAC,kBAAkB,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AACjF,EAAE,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AAC3E,EAAE,CAAC,WAAW,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AAC1E,EAAE,MAAM,EAAE,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AACnE;;;;"}
+{"version":3,"file":"select-textarea2.mjs","sources":["../../../../../../packages/components/select-textarea/src/select-textarea.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\">\n    <div class=\"flex column\">\n      <div class=\"flex align-items-center\">\n        <slot name=\"title\">\n          <hzzt-title :size=\"trueSize\" class=\"margin-l-1\" :label=\"label\"></hzzt-title>\n        </slot>\n        <el-select-v2 class=\"flex-1\" v-model=\"selectValue\" @change=\"selectChange\"\n                      v-if=\"!trueDisabled\" v-bind=\"_selectProps\"></el-select-v2>\n        <slot name=\"right\"></slot>\n      </div>\n      <el-input ref=\"inputRef\" class=\"flex-1 margin-t-1\" v-model=\"inputVal\" v-bind=\"_inputProps\"\n                @input=\"input\"\n                @change=\"change\"></el-input>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {selectTextareaProps, selectTextareaEmits} from './select-textarea'\n  import {computed, ref, watch} from \"vue\";\n  import {useGlobalSize, useNamespace, insertCursorPosition} 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, ElSelectV2} from 'element-plus'\n\n  defineOptions({\n    name: 'HzztSelectTextarea',\n  })\n\n  const props = defineProps(selectTextareaProps)\n  const emit = defineEmits(selectTextareaEmits)\n\n  const inputVal = ref(props.modelValue);\n  const selectValue = ref('');\n  const inputRef = ref();\n\n  const nsInput = useNamespace('select-textarea')\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 _inputProps = computed(() => ({\n    disabled: trueDisabled.value,\n    clearable: true,\n    ...props.inputProps,\n    type: 'textarea',\n  }))\n\n  const _selectProps = computed(() => ({\n    options: props.options,\n    size: trueSize.value,\n    filterable: true,\n    clearable: true,\n    allowCreate: true,\n    ...props.selectProps,\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 selectChange(val: string) {\n    if (!inputVal.value && inputVal.value !== 0) inputVal.value = '';\n    selectValue.value = '';\n    let content = val;\n    if (!props.replace) {\n      const inputEl = inputRef.value.$el.getElementsByTagName('textarea')[0];\n      content = insertCursorPosition(inputEl, val);\n    }\n    input(content);\n    change(content);\n    emit('select', val);\n  }\n\n\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":"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"}