hzzt-plus 2.0.8 → 2.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.full.js +55 -13
  3. package/dist/index.full.min.js +14 -14
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +14 -14
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +55 -13
  8. package/dist/locale/en.js +1 -1
  9. package/dist/locale/en.min.js +1 -1
  10. package/dist/locale/en.min.mjs +1 -1
  11. package/dist/locale/en.mjs +1 -1
  12. package/dist/locale/zh-cn.js +1 -1
  13. package/dist/locale/zh-cn.min.js +1 -1
  14. package/dist/locale/zh-cn.min.mjs +1 -1
  15. package/dist/locale/zh-cn.mjs +1 -1
  16. package/es/components/cascader/src/cascader.d.ts +1 -0
  17. package/es/components/cascader/src/cascader.mjs +4 -0
  18. package/es/components/cascader/src/cascader.mjs.map +1 -1
  19. package/es/components/cascader/src/cascader.vue.d.ts +7 -0
  20. package/es/components/cascader/src/cascader2.mjs +37 -3
  21. package/es/components/cascader/src/cascader2.mjs.map +1 -1
  22. package/es/components/collapse/src/collapse2.mjs +4 -0
  23. package/es/components/collapse/src/collapse2.mjs.map +1 -1
  24. package/es/components/index.mjs +2 -2
  25. package/es/components/lazy-list/index.mjs +2 -2
  26. package/es/components/lazy-list/src/lazy-list.mjs +22 -80
  27. package/es/components/lazy-list/src/lazy-list.mjs.map +1 -1
  28. package/es/components/lazy-list/src/lazy-list2.mjs +80 -22
  29. package/es/components/lazy-list/src/lazy-list2.mjs.map +1 -1
  30. package/es/components/select/src/select2.mjs +8 -8
  31. package/es/components/select/src/select2.mjs.map +1 -1
  32. package/es/components/select-input/index.mjs +2 -2
  33. package/es/components/select-input/src/select-input.mjs +124 -45
  34. package/es/components/select-input/src/select-input.mjs.map +1 -1
  35. package/es/components/select-input/src/select-input2.mjs +45 -124
  36. package/es/components/select-input/src/select-input2.mjs.map +1 -1
  37. package/es/index.mjs +2 -2
  38. package/es/version.d.ts +1 -1
  39. package/es/version.mjs +1 -1
  40. package/es/version.mjs.map +1 -1
  41. package/lib/components/cascader/src/cascader.d.ts +1 -0
  42. package/lib/components/cascader/src/cascader.js +4 -0
  43. package/lib/components/cascader/src/cascader.js.map +1 -1
  44. package/lib/components/cascader/src/cascader.vue.d.ts +7 -0
  45. package/lib/components/cascader/src/cascader2.js +37 -3
  46. package/lib/components/cascader/src/cascader2.js.map +1 -1
  47. package/lib/components/collapse/src/collapse2.js +4 -0
  48. package/lib/components/collapse/src/collapse2.js.map +1 -1
  49. package/lib/components/index.js +2 -2
  50. package/lib/components/lazy-list/index.js +2 -2
  51. package/lib/components/lazy-list/src/lazy-list.js +23 -80
  52. package/lib/components/lazy-list/src/lazy-list.js.map +1 -1
  53. package/lib/components/lazy-list/src/lazy-list2.js +80 -23
  54. package/lib/components/lazy-list/src/lazy-list2.js.map +1 -1
  55. package/lib/components/select/src/select2.js +8 -8
  56. package/lib/components/select/src/select2.js.map +1 -1
  57. package/lib/components/select-input/index.js +2 -2
  58. package/lib/components/select-input/src/select-input.js +124 -46
  59. package/lib/components/select-input/src/select-input.js.map +1 -1
  60. package/lib/components/select-input/src/select-input2.js +46 -124
  61. package/lib/components/select-input/src/select-input2.js.map +1 -1
  62. package/lib/index.js +2 -2
  63. package/lib/version.d.ts +1 -1
  64. package/lib/version.js +1 -1
  65. package/lib/version.js.map +1 -1
  66. package/package.json +1 -1
  67. package/theme/hzzt-cascader.css +1 -1
  68. package/theme/index.css +1 -1
  69. package/theme/src/cascader.scss +3 -0
  70. package/web-types.json +1 -1
@@ -1,27 +1,85 @@
1
- import '../../../utils/index.mjs';
2
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot } from 'vue';
2
+ import { lazyListProps, lazyListEmits } from './lazy-list.mjs';
3
+ import '../../../hooks/index.mjs';
4
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
5
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
3
6
 
4
- const lazyListProps = buildProps({
5
- size: {
6
- type: Number,
7
- default: 20
8
- },
9
- height: {
10
- type: Number,
11
- default: 30
12
- },
13
- data: {
14
- type: definePropType(Array),
15
- default: () => []
16
- },
17
- rowKey: {
18
- type: String,
19
- default: "id"
7
+ const _hoisted_1 = ["onClick"];
8
+ const __default__ = defineComponent({
9
+ name: "HzztLazyList"
10
+ });
11
+ const _sfc_main = /* @__PURE__ */ defineComponent({
12
+ ...__default__,
13
+ props: lazyListProps,
14
+ emits: lazyListEmits,
15
+ setup(__props, { emit }) {
16
+ const props = __props;
17
+ const totalHeight = ref("100%");
18
+ const marginTop = ref("0px");
19
+ const currentIndex = ref(1);
20
+ const current = ref(null);
21
+ const nsLazy = useNamespace("lazy-list");
22
+ const containerCls = computed(() => [
23
+ "overflow-y-auto",
24
+ nsLazy.b()
25
+ ]);
26
+ watch(() => props.data, () => {
27
+ totalHeight.value = props.data.length * props.height + "px";
28
+ }, {
29
+ immediate: true
30
+ });
31
+ const calcList = computed(() => props.data.slice(currentIndex.value === 1 ? 0 : (currentIndex.value - 1) * props.size - props.size / 2, (currentIndex.value + 1) * props.size + props.size / 2));
32
+ function scrollList(e) {
33
+ const target = e.target;
34
+ const scrollTop = target.scrollTop;
35
+ if (scrollTop < props.size / 2 * props.height) {
36
+ currentIndex.value = 1;
37
+ } else {
38
+ currentIndex.value = Math.ceil((scrollTop - props.size / 2 * props.height) / props.size / props.height);
39
+ }
40
+ if (currentIndex.value === 1) {
41
+ marginTop.value = "0px";
42
+ } else {
43
+ marginTop.value = ((currentIndex.value - 1) * props.size - props.size / 2) * props.height + "px";
44
+ }
45
+ }
46
+ function rowClick(row) {
47
+ current.value = row;
48
+ emit("row-click", row);
49
+ }
50
+ return (_ctx, _cache) => {
51
+ return openBlock(), createElementBlock("div", {
52
+ class: normalizeClass(unref(containerCls)),
53
+ onScroll: scrollList
54
+ }, [
55
+ createElementVNode("div", {
56
+ style: normalizeStyle({
57
+ height: totalHeight.value,
58
+ width: 0,
59
+ float: "left"
60
+ })
61
+ }, null, 4),
62
+ createElementVNode("div", {
63
+ style: normalizeStyle({ marginTop: marginTop.value })
64
+ }, [
65
+ (openBlock(true), createElementBlock(Fragment, null, renderList(unref(calcList), (item) => {
66
+ return openBlock(), createElementBlock("div", {
67
+ key: item[_ctx.rowKey],
68
+ style: normalizeStyle({
69
+ height: _ctx.height + "px"
70
+ }),
71
+ class: normalizeClass(["hzzt-lazy-list__item", current.value === item ? "is-active" : ""]),
72
+ onClick: ($event) => rowClick(item)
73
+ }, [
74
+ renderSlot(_ctx.$slots, "default", { data: item })
75
+ ], 14, _hoisted_1);
76
+ }), 128))
77
+ ], 4)
78
+ ], 34);
79
+ };
20
80
  }
21
81
  });
22
- const lazyListEmits = {
23
- "row-click": (row) => row
24
- };
82
+ var LazyList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "lazy-list.vue"]]);
25
83
 
26
- export { lazyListEmits, lazyListProps };
84
+ export { LazyList as default };
27
85
  //# sourceMappingURL=lazy-list2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"lazy-list2.mjs","sources":["../../../../../../packages/components/lazy-list/src/lazy-list.ts"],"sourcesContent":["import {buildProps, definePropType} from '@hzzt-plus/utils'\nimport type {ExtractPropTypes} from 'vue'\nimport type LazyList from './lazy-list.vue'\n\nexport const lazyListProps = buildProps({\n size: {\n type: Number,\n default: 20,\n },\n height: {\n type: Number,\n default: 30,\n },\n data: {\n type: definePropType<Record<string, any>[]>(Array),\n default: () => [],\n },\n rowKey: {\n type: String,\n default: 'id',\n },\n})\n\nexport type LazyListProps = ExtractPropTypes<typeof lazyListProps>\n\nexport const lazyListEmits = {\n 'row-click': (row: any) => row\n}\n\nexport type LazyListEmits = typeof lazyListEmits\n\n\nexport type LazyListInstance = InstanceType<typeof LazyList>\n"],"names":[],"mappings":";;;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,WAAW,EAAE,CAAC,GAAG,KAAK,GAAG;AAC3B;;;;"}
1
+ {"version":3,"file":"lazy-list2.mjs","sources":["../../../../../../packages/components/lazy-list/src/lazy-list.vue"],"sourcesContent":["<template>\n <div :class=\"containerCls\" @scroll=\"scrollList\">\n <div\n :style=\"{\n height: totalHeight,\n width: 0,\n float: 'left',\n }\"\n />\n <div :style=\"{marginTop: marginTop}\">\n <div\n v-for=\"item in calcList\"\n :key=\"item[rowKey]\"\n :style=\"{\n height: height+'px'\n }\"\n :class=\"['hzzt-lazy-list__item', current === item?'is-active':'']\"\n @click=\"rowClick(item)\"\n >\n <slot :data=\"item\" />\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import {lazyListEmits, lazyListProps} from './lazy-list'\n import {computed, ref, watch} from \"vue\";\n import {useNamespace} from \"@hzzt-plus/hooks\";\n\n defineOptions({\n name: 'HzztLazyList',\n })\n\n const props = defineProps(lazyListProps)\n const emit = defineEmits(lazyListEmits)\n\n const totalHeight = ref('100%');\n const marginTop = ref('0px');\n const currentIndex = ref(1);\n const current = ref(null);\n\n const nsLazy = useNamespace('lazy-list');\n\n const containerCls = computed(() => [\n 'overflow-y-auto',\n nsLazy.b(),\n ])\n\n watch(() => props.data, () => {\n totalHeight.value = props.data.length * props.height + 'px';\n }, {\n immediate: true,\n });\n\n const calcList = computed(\n () => props.data.slice(currentIndex.value === 1 ? 0 : ((currentIndex.value - 1) * props.size -\n props.size / 2), (currentIndex.value + 1) * props.size + props.size / 2));\n\n function scrollList(e: Event) {\n const target = e.target as HTMLElement;\n const scrollTop = target.scrollTop;\n if (scrollTop < props.size / 2 * props.height) {\n currentIndex.value = 1;\n } else {\n currentIndex.value = Math.ceil((scrollTop - props.size / 2 * props.height) / props.size / props.height);\n }\n if (currentIndex.value === 1) {\n marginTop.value = '0px';\n } else {\n marginTop.value = ((currentIndex.value - 1) * props.size - props.size / 2) * props.height + 'px';\n }\n }\n\n function rowClick(row: any) {\n current.value = row;\n emit('row-click', row);\n }\n\n\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;;mCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,WAAA,GAAc,IAAI,MAAM,CAAA,CAAA;AAC9B,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,YAAA,GAAe,IAAI,CAAC,CAAA,CAAA;AAC1B,IAAM,MAAA,OAAA,GAAU,IAAI,IAAI,CAAA,CAAA;AAExB,IAAM,MAAA,MAAA,GAAS,aAAa,WAAW,CAAA,CAAA;AAEvC,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAAA,MAClC,iBAAA;AAAA,MACA,OAAO,CAAE,EAAA;AAAA,KACV,CAAA,CAAA;AAED,IAAM,KAAA,CAAA,MAAM,KAAM,CAAA,IAAA,EAAM,MAAM;AAC5B,MAAA,WAAA,CAAY,KAAQ,GAAA,KAAA,CAAM,IAAK,CAAA,MAAA,GAAS,MAAM,MAAS,GAAA,IAAA,CAAA;AAAA,KACtD,EAAA;AAAA,MACD,SAAW,EAAA,IAAA;AAAA,KACZ,CAAA,CAAA;AAED,IAAA,MAAM,QAAW,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,IAAA,CAAA,KAAA,CAAA,YAAA,CAAA,KAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,EAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IACf,mBAAiB,CAAA,CAAA,EAAA;AACwD,MAAC,MAAA,MAAA,GAAA,CAAA,CAAA,MAAA,CAAA;AAE5E,MAAA,MAAA,YAAoB,MAAU,CAAA,SAAA,CAAA;AAC5B,MAAA,IAAA,YAAiB,KAAA,CAAA,IAAA,GAAA,CAAA,GAAA,KAAA,CAAA,MAAA,EAAA;AACjB,QAAA,kBAAyB,GAAA,CAAA,CAAA;AACzB,OAAA,MAAgB;AACd,QAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA,IAAA,CAAA,CAAA,SAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,GAAA,KAAA,CAAA,MAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,MAAA,CAAA,CAAA;AAAA,OAChB;AACL,MAAA,IAAA,YAAqB,CAAA,KAAA,KAAA,CAAK,EAAM;AAAsE,QACxG,SAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AACA,OAAI,MAAA;AACF,QAAA,SAAA,CAAU,KAAQ,GAAA,CAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,IAAA,KAAA,CAAA,MAAA,GAAA,IAAA,CAAA;AAAA,OACb;AACL,KAAU;AAAkF,IAC9F,SAAA,QAAA,CAAA,GAAA,EAAA;AAAA,MACF,OAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAEA,MAAA,IAAA,CAAA,WAAkB,EAAU,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,OAAK,aAAa,KAAG;AAAA,MACvB,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -37,14 +37,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
37
37
  nsSelect.m(trueSize.value)
38
38
  ]);
39
39
  const containerStyle = computed(() => attrs.style);
40
- const inputCls = computed(() => [
41
- nsSelect.e("input"),
42
- "width-100%"
43
- ]);
44
- const selectCls = computed(() => [
45
- nsSelect.e("select"),
46
- "width-100%"
47
- ]);
40
+ const inputCls = computed(() => [nsSelect.e("input"), "width-100%"]);
41
+ const selectCls = computed(() => [nsSelect.e("select"), "width-100%"]);
48
42
  const _inputProps = computed(() => ({
49
43
  disabled: trueDisabled.value,
50
44
  size: trueSize.value,
@@ -79,6 +73,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
79
73
  if ((_a = selectRef.value) == null ? void 0 : _a.dropdownMenuVisible) {
80
74
  selectRef.value.states.inputValue = inputVal.value;
81
75
  selectRef.value.debouncedOnInputChange();
76
+ } else {
77
+ selectRef.value.dropdownMenuVisible = true;
78
+ setTimeout(() => {
79
+ selectRef.value.states.inputValue = inputVal.value;
80
+ selectRef.value.debouncedOnInputChange();
81
+ }, 200);
82
82
  }
83
83
  emit("update:modelValue", str);
84
84
  emit("input", str);
@@ -1 +1 @@
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 @focus=\"focus\"\n @keydown=\"keydown\"\n >\n <template #suffix>\n <hzzt-icon v-if=\"!trueReadonly\" class=\"pointer\" :name=\"arrowName\"\n @click=\"showSelect\"></hzzt-icon>\n </template>\n </el-input>\n <el-select-v2 v-if=\"!trueReadonly\" :class=\"selectCls\" v-model=\"selectVal\" ref=\"selectRef\" v-bind=\"_selectProps\"\n @change=\"selectChange\" @visible-change=\"selectVisibleChange\">\n <template #default=\"{ item }\">\n <slot :item=\"item\" />\n </template>\n </el-select-v2>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import {selectEmits, selectProps} from './select'\n import {computed, ref, useAttrs, watch} from \"vue\";\n import {useFormDisabled, useFormSize} from \"element-plus\";\n import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n import {ElInput, ElSelectV2} from 'element-plus'\n import type {CSSProperties} from 'vue'\n import HzztIcon from \"@hzzt-plus/components/icon/src/index.vue\";\n\n\n defineOptions({\n name: 'HzztSelect',\n inheritAttrs: false,\n })\n\n const props = defineProps(selectProps)\n const emit = defineEmits(selectEmits)\n\n const attrs = useAttrs();\n\n const inputVal = ref(props.modelValue);\n const selectVal = ref();\n const inputRef = ref();\n const selectRef = ref();\n const arrowName = ref('arrow-down');\n\n const nsSelect = useNamespace('select');\n\n const formSize = useFormSize()\n const formDisabled = useFormDisabled()\n\n const trueSize = computed(\n () => props.size || formSize.value || useGlobalSize().value\n )\n\n const trueDisabled = computed(() => props.disabled || formDisabled.value)\n\n const trueReadonly = computed(() => props.readonly || trueDisabled.value)\n\n const containerCls = computed(() => [\n 'relative',\n 'line-height-1',\n attrs.class,\n nsSelect.b(),\n nsSelect.m(trueSize.value),\n ])\n\n const containerStyle = computed(() => attrs.style as CSSProperties)\n\n const inputCls = computed(() => [\n nsSelect.e('input'),\n 'width-100%'\n ])\n\n const selectCls = computed(() => [\n nsSelect.e('select'),\n 'width-100%'\n ])\n\n const _inputProps = computed(() => ({\n disabled: trueDisabled.value,\n size: trueSize.value,\n clearable: props.clearable,\n placeholder: props.placeholder,\n readonly: props.readonly,\n ...attrs,\n class: '',\n style: {\n position: trueReadonly.value ? 'static' : 'absolute',\n left: 0,\n top: 0,\n right: 0,\n zIndex: 2,\n },\n }))\n\n const _selectProps = computed(() => ({\n options: props.options,\n size: trueSize.value,\n filterable: true,\n popperClass: 'select-v2-popper-min-width-100',\n ...props.selectProps,\n }))\n\n watch(() => props.modelValue, (v) => {\n inputVal.value = v;\n })\n\n watch(() => inputVal.value, (v) => {\n selectVal.value = v;\n })\n\n function input(str: string) {\n if (selectRef.value?.dropdownMenuVisible) {\n selectRef.value.states.inputValue = inputVal.value;\n selectRef.value.debouncedOnInputChange();\n }\n emit('update:modelValue', str)\n emit('input', str)\n }\n\n function change(str: string) {\n emit('change', str)\n }\n\n function focus() {\n if (selectRef.value && props.autoPullDown) {\n setTimeout(() => {\n selectRef.value.dropdownMenuVisible = true;\n }, 200)\n }\n }\n\n function keydown(e: KeyboardEvent | Event) {\n const key = \"key\" in e && e.key;\n if (key === 'ArrowDown') {\n emit('arrow-down', e);\n selectRef.value.dropdownMenuVisible = false;\n } else if (key === 'ArrowUp') {\n emit('arrow-up', e);\n selectRef.value.dropdownMenuVisible = false;\n } else if (key === 'ArrowLeft') {\n const index = inputRef.value.input.selectionStart;\n if (index === 0) {\n emit('arrow-left', e);\n selectRef.value.dropdownMenuVisible = false;\n }\n } else if (key === 'ArrowRight') {\n const index = inputRef.value.input.selectionStart;\n if ((inputVal.value?.length ?? 0) === index) {\n emit('arrow-right', e);\n selectRef.value.dropdownMenuVisible = false;\n }\n } else if (key === 'Enter') {\n emit('enter', e);\n selectRef.value.dropdownMenuVisible = false;\n }\n }\n\n function showSelect() {\n if (selectRef.value) {\n selectRef.value.dropdownMenuVisible = !selectRef.value.dropdownMenuVisible;\n }\n }\n\n function selectChange(v: string) {\n let str = inputVal.value || '';\n if (props.replace) {\n str = v;\n } else {\n str += v;\n }\n emit('update:modelValue', str);\n emit('input', str)\n inputVal.value = str;\n setTimeout(() => {\n inputRef.value.focus();\n setTimeout(() => {\n selectRef.value.dropdownMenuVisible = false;\n }, 250)\n emit('change', str);\n });\n }\n\n function selectVisibleChange(v: boolean) {\n arrowName.value = v ? 'arrow-up' : 'arrow-down'\n }\n\n\n</script>\n"],"names":[],"mappings":"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"}
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 @focus=\"focus\"\n @keydown=\"keydown\"\n >\n <template #suffix>\n <hzzt-icon\n v-if=\"!trueReadonly\"\n class=\"pointer\"\n :name=\"arrowName\"\n @click=\"showSelect\"\n ></hzzt-icon>\n </template>\n </el-input>\n <el-select-v2\n v-if=\"!trueReadonly\"\n :class=\"selectCls\"\n v-model=\"selectVal\"\n ref=\"selectRef\"\n v-bind=\"_selectProps\"\n @change=\"selectChange\"\n @visible-change=\"selectVisibleChange\"\n >\n <template #default=\"{ item }\">\n <slot :item=\"item\" />\n </template>\n </el-select-v2>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { selectEmits, selectProps } from './select'\nimport { computed, ref, useAttrs, watch } from 'vue'\nimport { useFormDisabled, useFormSize } from 'element-plus'\nimport { useGlobalSize, useNamespace } from '@hzzt-plus/hooks'\nimport { ElInput, ElSelectV2 } from 'element-plus'\nimport type { CSSProperties } from 'vue'\nimport HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n\ndefineOptions({\n name: 'HzztSelect',\n inheritAttrs: false,\n})\n\nconst props = defineProps(selectProps)\nconst emit = defineEmits(selectEmits)\n\nconst attrs = useAttrs()\n\nconst inputVal = ref(props.modelValue)\nconst selectVal = ref()\nconst inputRef = ref()\nconst selectRef = ref()\nconst arrowName = ref('arrow-down')\n\nconst nsSelect = useNamespace('select')\n\nconst formSize = useFormSize()\nconst formDisabled = useFormDisabled()\n\nconst trueSize = computed(\n () => props.size || formSize.value || useGlobalSize().value\n)\n\nconst trueDisabled = computed(() => props.disabled || formDisabled.value)\n\nconst trueReadonly = computed(() => props.readonly || trueDisabled.value)\n\nconst containerCls = computed(() => [\n 'relative',\n 'line-height-1',\n attrs.class,\n nsSelect.b(),\n nsSelect.m(trueSize.value),\n])\n\nconst containerStyle = computed(() => attrs.style as CSSProperties)\n\nconst inputCls = computed(() => [nsSelect.e('input'), 'width-100%'])\n\nconst selectCls = computed(() => [nsSelect.e('select'), 'width-100%'])\n\nconst _inputProps = computed(() => ({\n disabled: trueDisabled.value,\n size: trueSize.value,\n clearable: props.clearable,\n placeholder: props.placeholder,\n readonly: props.readonly,\n ...attrs,\n class: '',\n style: {\n position: trueReadonly.value ? 'static' : 'absolute',\n left: 0,\n top: 0,\n right: 0,\n zIndex: 2,\n },\n}))\n\nconst _selectProps = computed(() => ({\n options: props.options,\n size: trueSize.value,\n filterable: true,\n popperClass: 'select-v2-popper-min-width-100',\n ...props.selectProps,\n}))\n\nwatch(\n () => props.modelValue,\n (v) => {\n inputVal.value = v\n }\n)\n\nwatch(\n () => inputVal.value,\n (v) => {\n selectVal.value = v\n }\n)\n\nfunction input(str: string) {\n if (selectRef.value?.dropdownMenuVisible) {\n selectRef.value.states.inputValue = inputVal.value\n selectRef.value.debouncedOnInputChange()\n } else {\n selectRef.value.dropdownMenuVisible = true\n setTimeout(() => {\n selectRef.value.states.inputValue = inputVal.value\n selectRef.value.debouncedOnInputChange()\n }, 200)\n }\n emit('update:modelValue', str)\n emit('input', str)\n}\n\nfunction change(str: string) {\n emit('change', str)\n}\n\nfunction focus() {\n if (selectRef.value && props.autoPullDown) {\n setTimeout(() => {\n selectRef.value.dropdownMenuVisible = true\n }, 200)\n }\n}\n\nfunction keydown(e: KeyboardEvent | Event) {\n const key = 'key' in e && e.key\n if (key === 'ArrowDown') {\n emit('arrow-down', e)\n selectRef.value.dropdownMenuVisible = false\n } else if (key === 'ArrowUp') {\n emit('arrow-up', e)\n selectRef.value.dropdownMenuVisible = false\n } else if (key === 'ArrowLeft') {\n const index = inputRef.value.input.selectionStart\n if (index === 0) {\n emit('arrow-left', e)\n selectRef.value.dropdownMenuVisible = false\n }\n } else if (key === 'ArrowRight') {\n const index = inputRef.value.input.selectionStart\n if ((inputVal.value?.length ?? 0) === index) {\n emit('arrow-right', e)\n selectRef.value.dropdownMenuVisible = false\n }\n } else if (key === 'Enter') {\n emit('enter', e)\n selectRef.value.dropdownMenuVisible = false\n }\n}\n\nfunction showSelect() {\n if (selectRef.value) {\n selectRef.value.dropdownMenuVisible = !selectRef.value.dropdownMenuVisible\n }\n}\n\nfunction selectChange(v: string) {\n let str = inputVal.value || ''\n if (props.replace) {\n str = v\n } else {\n str += v\n }\n emit('update:modelValue', str)\n emit('input', str)\n inputVal.value = str\n setTimeout(() => {\n inputRef.value.focus()\n setTimeout(() => {\n selectRef.value.dropdownMenuVisible = false\n }, 250)\n emit('change', str)\n })\n}\n\nfunction selectVisibleChange(v: boolean) {\n arrowName.value = v ? 'arrow-up' : 'arrow-down'\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createVNode","_mergeProps"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import '../../utils/index.mjs';
2
- import SelectInput from './src/select-input2.mjs';
3
- export { selectInputEmits, selectInputProps } from './src/select-input.mjs';
2
+ import SelectInput from './src/select-input.mjs';
3
+ export { selectInputEmits, selectInputProps } from './src/select-input2.mjs';
4
4
  import { withInstall } from '../../utils/vue/install.mjs';
5
5
 
6
6
  const HzztSelectInput = withInstall(SelectInput);
@@ -1,50 +1,129 @@
1
- import '../../../utils/index.mjs';
1
+ import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
2
+ import { selectInputProps, selectInputEmits } from './select-input2.mjs';
2
3
  import '../../../hooks/index.mjs';
3
- import '../../../constants/index.mjs';
4
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
5
- import { useSizeProp } from '../../../hooks/use-size/index.mjs';
6
- import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
7
- import { isString } from '@vue/shared';
4
+ import { useFormSize, useFormDisabled, ElInput, ElLink } from 'element-plus';
5
+ import HzztTitle from '../../title/src/title2.mjs';
6
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
8
+ import { useGlobalSize } from '../../../hooks/use-size/index.mjs';
9
+ import { numberToLetter } from '../../../hooks/use-letter/index.mjs';
8
10
 
9
- const selectInputProps = buildProps({
10
- modelValue: {
11
- type: definePropType([
12
- String,
13
- Number
14
- ]),
15
- default: ""
16
- },
17
- indexType: {
18
- type: String,
19
- default: "number"
20
- },
21
- disabled: Boolean,
22
- replace: Boolean,
23
- label: String,
24
- options: {
25
- type: definePropType(Array),
26
- default: () => []
27
- },
28
- inputProps: Object,
29
- customProps: Object,
30
- position: {
31
- type: String,
32
- default: "left"
33
- },
34
- formatLabel: {
35
- type: Function
36
- },
37
- split: {
38
- type: String,
39
- default: ""
40
- },
41
- size: useSizeProp
11
+ const _hoisted_1 = { slot: "append" };
12
+ const _hoisted_2 = { key: 0 };
13
+ const __default__ = defineComponent({
14
+ name: "HzztSelectInput"
42
15
  });
43
- const selectInputEmits = {
44
- [UPDATE_MODEL_EVENT]: (value) => isString(value),
45
- input: (value) => isString(value),
46
- change: (value) => isString(value)
47
- };
16
+ const _sfc_main = /* @__PURE__ */ defineComponent({
17
+ ...__default__,
18
+ props: selectInputProps,
19
+ emits: selectInputEmits,
20
+ setup(__props, { emit }) {
21
+ const props = __props;
22
+ const inputVal = ref(props.modelValue);
23
+ const nsInput = useNamespace("select-input");
24
+ const formSize = useFormSize();
25
+ const formDisabled = useFormDisabled();
26
+ const trueSize = computed(() => props.size || formSize.value || useGlobalSize().value);
27
+ const trueDisabled = computed(() => props.disabled || formDisabled.value);
28
+ const containerCls = computed(() => [
29
+ nsInput.b(),
30
+ nsInput.m(trueSize.value)
31
+ ]);
32
+ const inputContainerCls = computed(() => [
33
+ "flex",
34
+ props.position === "top" ? "column" : "row align-items-center"
35
+ ]);
36
+ const inputCls = computed(() => [
37
+ "flex-1",
38
+ props.label ? props.position === "top" ? "margin-b-1" : "margin-l-1" : ""
39
+ ]);
40
+ const _inputProps = computed(() => ({
41
+ disabled: trueDisabled.value,
42
+ clearable: true,
43
+ ...props.inputProps
44
+ }));
45
+ watch(() => props.modelValue, (v) => {
46
+ inputVal.value = v;
47
+ });
48
+ function input(val) {
49
+ emit("update:modelValue", val);
50
+ emit("input", val);
51
+ }
52
+ function change(val) {
53
+ emit("change", val);
54
+ }
55
+ function getLinkName(item, index) {
56
+ let prefix = "";
57
+ if (props.indexType == "number") {
58
+ prefix = `\uFF08${index + 1}\uFF09`;
59
+ } else if (props.indexType == "letter") {
60
+ prefix = `\uFF08${numberToLetter(index)}\uFF09`;
61
+ }
62
+ return prefix + (item.label || item.value);
63
+ }
64
+ function select(item) {
65
+ const value = item.value || item.label;
66
+ let content = "";
67
+ if (!inputVal.value)
68
+ inputVal.value = "";
69
+ if (props.formatLabel) {
70
+ content = props.formatLabel(value);
71
+ } else if (props.replace) {
72
+ content = value;
73
+ } else {
74
+ content = inputVal.value ? `${inputVal.value}${props.split}${value}` : value;
75
+ }
76
+ inputVal.value = content;
77
+ input(content);
78
+ change(content);
79
+ }
80
+ return (_ctx, _cache) => {
81
+ return openBlock(), createElementBlock("div", {
82
+ class: normalizeClass(unref(containerCls))
83
+ }, [
84
+ createElementVNode("div", {
85
+ class: normalizeClass(unref(inputContainerCls))
86
+ }, [
87
+ renderSlot(_ctx.$slots, "title", {}, () => [
88
+ createVNode(HzztTitle, { label: _ctx.label }, null, 8, ["label"])
89
+ ]),
90
+ createVNode(unref(ElInput), mergeProps({
91
+ ref: "inputRef",
92
+ class: unref(inputCls),
93
+ modelValue: inputVal.value,
94
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
95
+ }, unref(_inputProps), {
96
+ onInput: input,
97
+ onChange: change
98
+ }), {
99
+ default: withCtx(() => [
100
+ createElementVNode("template", _hoisted_1, [
101
+ renderSlot(_ctx.$slots, "append")
102
+ ])
103
+ ]),
104
+ _: 3
105
+ }, 16, ["class", "modelValue"])
106
+ ], 2),
107
+ _ctx.options.length && !unref(trueDisabled) ? (openBlock(), createElementBlock("div", _hoisted_2, [
108
+ (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index) => {
109
+ return openBlock(), createBlock(unref(ElLink), mergeProps({
110
+ key: index,
111
+ class: "margin-r-4"
112
+ }, _ctx.customProps, {
113
+ onClick: ($event) => select(item)
114
+ }), {
115
+ default: withCtx(() => [
116
+ createTextVNode(toDisplayString(getLinkName(item, index)), 1)
117
+ ]),
118
+ _: 2
119
+ }, 1040, ["onClick"]);
120
+ }), 128))
121
+ ])) : createCommentVNode("v-if", true)
122
+ ], 2);
123
+ };
124
+ }
125
+ });
126
+ var SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "select-input.vue"]]);
48
127
 
49
- export { selectInputEmits, selectInputProps };
128
+ export { SelectInput as default };
50
129
  //# sourceMappingURL=select-input.mjs.map
@@ -1 +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 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;;;;"}
1
+ {"version":3,"file":"select-input.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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"}
@@ -1,129 +1,50 @@
1
- import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
2
- import { selectInputProps, selectInputEmits } from './select-input.mjs';
1
+ import '../../../utils/index.mjs';
3
2
  import '../../../hooks/index.mjs';
4
- import { useFormSize, useFormDisabled, ElInput, ElLink } from 'element-plus';
5
- import HzztTitle from '../../title/src/title2.mjs';
6
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
8
- import { useGlobalSize } from '../../../hooks/use-size/index.mjs';
9
- import { numberToLetter } from '../../../hooks/use-letter/index.mjs';
3
+ import '../../../constants/index.mjs';
4
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
5
+ import { useSizeProp } from '../../../hooks/use-size/index.mjs';
6
+ import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
7
+ import { isString } from '@vue/shared';
10
8
 
11
- const _hoisted_1 = { slot: "append" };
12
- const _hoisted_2 = { key: 0 };
13
- const __default__ = defineComponent({
14
- name: "HzztSelectInput"
9
+ const selectInputProps = buildProps({
10
+ modelValue: {
11
+ type: definePropType([
12
+ String,
13
+ Number
14
+ ]),
15
+ default: ""
16
+ },
17
+ indexType: {
18
+ type: String,
19
+ default: "number"
20
+ },
21
+ disabled: Boolean,
22
+ replace: Boolean,
23
+ label: String,
24
+ options: {
25
+ type: definePropType(Array),
26
+ default: () => []
27
+ },
28
+ inputProps: Object,
29
+ customProps: Object,
30
+ position: {
31
+ type: String,
32
+ default: "left"
33
+ },
34
+ formatLabel: {
35
+ type: Function
36
+ },
37
+ split: {
38
+ type: String,
39
+ default: ""
40
+ },
41
+ size: useSizeProp
15
42
  });
16
- const _sfc_main = /* @__PURE__ */ defineComponent({
17
- ...__default__,
18
- props: selectInputProps,
19
- emits: selectInputEmits,
20
- setup(__props, { emit }) {
21
- const props = __props;
22
- const inputVal = ref(props.modelValue);
23
- const nsInput = useNamespace("select-input");
24
- const formSize = useFormSize();
25
- const formDisabled = useFormDisabled();
26
- const trueSize = computed(() => props.size || formSize.value || useGlobalSize().value);
27
- const trueDisabled = computed(() => props.disabled || formDisabled.value);
28
- const containerCls = computed(() => [
29
- nsInput.b(),
30
- nsInput.m(trueSize.value)
31
- ]);
32
- const inputContainerCls = computed(() => [
33
- "flex",
34
- props.position === "top" ? "column" : "row align-items-center"
35
- ]);
36
- const inputCls = computed(() => [
37
- "flex-1",
38
- props.label ? props.position === "top" ? "margin-b-1" : "margin-l-1" : ""
39
- ]);
40
- const _inputProps = computed(() => ({
41
- disabled: trueDisabled.value,
42
- clearable: true,
43
- ...props.inputProps
44
- }));
45
- watch(() => props.modelValue, (v) => {
46
- inputVal.value = v;
47
- });
48
- function input(val) {
49
- emit("update:modelValue", val);
50
- emit("input", val);
51
- }
52
- function change(val) {
53
- emit("change", val);
54
- }
55
- function getLinkName(item, index) {
56
- let prefix = "";
57
- if (props.indexType == "number") {
58
- prefix = `\uFF08${index + 1}\uFF09`;
59
- } else if (props.indexType == "letter") {
60
- prefix = `\uFF08${numberToLetter(index)}\uFF09`;
61
- }
62
- return prefix + (item.label || item.value);
63
- }
64
- function select(item) {
65
- const value = item.value || item.label;
66
- let content = "";
67
- if (!inputVal.value)
68
- inputVal.value = "";
69
- if (props.formatLabel) {
70
- content = props.formatLabel(value);
71
- } else if (props.replace) {
72
- content = value;
73
- } else {
74
- content = inputVal.value ? `${inputVal.value}${props.split}${value}` : value;
75
- }
76
- inputVal.value = content;
77
- input(content);
78
- change(content);
79
- }
80
- return (_ctx, _cache) => {
81
- return openBlock(), createElementBlock("div", {
82
- class: normalizeClass(unref(containerCls))
83
- }, [
84
- createElementVNode("div", {
85
- class: normalizeClass(unref(inputContainerCls))
86
- }, [
87
- renderSlot(_ctx.$slots, "title", {}, () => [
88
- createVNode(HzztTitle, { label: _ctx.label }, null, 8, ["label"])
89
- ]),
90
- createVNode(unref(ElInput), mergeProps({
91
- ref: "inputRef",
92
- class: unref(inputCls),
93
- modelValue: inputVal.value,
94
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
95
- }, unref(_inputProps), {
96
- onInput: input,
97
- onChange: change
98
- }), {
99
- default: withCtx(() => [
100
- createElementVNode("template", _hoisted_1, [
101
- renderSlot(_ctx.$slots, "append")
102
- ])
103
- ]),
104
- _: 3
105
- }, 16, ["class", "modelValue"])
106
- ], 2),
107
- _ctx.options.length && !unref(trueDisabled) ? (openBlock(), createElementBlock("div", _hoisted_2, [
108
- (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index) => {
109
- return openBlock(), createBlock(unref(ElLink), mergeProps({
110
- key: index,
111
- class: "margin-r-4"
112
- }, _ctx.customProps, {
113
- onClick: ($event) => select(item)
114
- }), {
115
- default: withCtx(() => [
116
- createTextVNode(toDisplayString(getLinkName(item, index)), 1)
117
- ]),
118
- _: 2
119
- }, 1040, ["onClick"]);
120
- }), 128))
121
- ])) : createCommentVNode("v-if", true)
122
- ], 2);
123
- };
124
- }
125
- });
126
- var SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "select-input.vue"]]);
43
+ const selectInputEmits = {
44
+ [UPDATE_MODEL_EVENT]: (value) => isString(value),
45
+ input: (value) => isString(value),
46
+ change: (value) => isString(value)
47
+ };
127
48
 
128
- export { SelectInput as default };
49
+ export { selectInputEmits, selectInputProps };
129
50
  //# sourceMappingURL=select-input2.mjs.map