hzzt-plus 2.0.9 → 2.0.11
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.
- package/dist/index.full.js +45 -25
- package/dist/index.full.min.js +6 -6
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +5 -5
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +45 -25
- package/dist/locale/en.js +1 -1
- package/dist/locale/en.min.js +1 -1
- package/dist/locale/en.min.mjs +1 -1
- package/dist/locale/en.mjs +1 -1
- package/dist/locale/zh-cn.js +1 -1
- package/dist/locale/zh-cn.min.js +1 -1
- package/dist/locale/zh-cn.min.mjs +1 -1
- package/dist/locale/zh-cn.mjs +1 -1
- package/es/components/cascader/index.mjs +2 -2
- package/es/components/cascader/src/cascader.mjs +156 -40
- package/es/components/cascader/src/cascader.mjs.map +1 -1
- package/es/components/cascader/src/cascader2.mjs +40 -156
- package/es/components/cascader/src/cascader2.mjs.map +1 -1
- package/es/components/index.mjs +3 -3
- package/es/components/lazy-list/index.mjs +2 -2
- package/es/components/lazy-list/src/lazy-list.mjs +22 -80
- package/es/components/lazy-list/src/lazy-list.mjs.map +1 -1
- package/es/components/lazy-list/src/lazy-list2.mjs +80 -22
- package/es/components/lazy-list/src/lazy-list2.mjs.map +1 -1
- package/es/components/select/index.mjs +2 -2
- package/es/components/select/src/select.mjs +213 -42
- package/es/components/select/src/select.mjs.map +1 -1
- package/es/components/select/src/select2.mjs +42 -193
- package/es/components/select/src/select2.mjs.map +1 -1
- package/es/index.mjs +3 -3
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/cascader/index.js +2 -2
- package/lib/components/cascader/src/cascader.js +155 -40
- package/lib/components/cascader/src/cascader.js.map +1 -1
- package/lib/components/cascader/src/cascader2.js +40 -155
- package/lib/components/cascader/src/cascader2.js.map +1 -1
- package/lib/components/index.js +3 -3
- package/lib/components/lazy-list/index.js +2 -2
- package/lib/components/lazy-list/src/lazy-list.js +23 -80
- package/lib/components/lazy-list/src/lazy-list.js.map +1 -1
- package/lib/components/lazy-list/src/lazy-list2.js +80 -23
- package/lib/components/lazy-list/src/lazy-list2.js.map +1 -1
- package/lib/components/select/index.js +2 -2
- package/lib/components/select/src/select.js +213 -43
- package/lib/components/select/src/select.js.map +1 -1
- package/lib/components/select/src/select2.js +43 -193
- package/lib/components/select/src/select2.js.map +1 -1
- package/lib/index.js +3 -3
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +1 -1
- package/web-types.json +1 -1
|
@@ -1,198 +1,47 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { useFormSize, useFormDisabled, ElInput, ElSelectV2 } from 'element-plus';
|
|
1
|
+
import '../../../utils/index.mjs';
|
|
2
|
+
import '../../../constants/index.mjs';
|
|
4
3
|
import '../../../hooks/index.mjs';
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
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';
|
|
9
8
|
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
const selectProps = buildProps({
|
|
10
|
+
selectProps: Object,
|
|
11
|
+
options: {
|
|
12
|
+
type: definePropType(Array),
|
|
13
|
+
default: () => []
|
|
14
|
+
},
|
|
15
|
+
modelValue: {
|
|
16
|
+
type: definePropType([
|
|
17
|
+
String
|
|
18
|
+
]),
|
|
19
|
+
default: ""
|
|
20
|
+
},
|
|
21
|
+
disabled: Boolean,
|
|
22
|
+
readonly: Boolean,
|
|
23
|
+
clearable: Boolean,
|
|
24
|
+
replace: {
|
|
25
|
+
type: Boolean,
|
|
26
|
+
default: true
|
|
27
|
+
},
|
|
28
|
+
autoPullDown: {
|
|
29
|
+
type: Boolean,
|
|
30
|
+
default: true
|
|
31
|
+
},
|
|
32
|
+
placeholder: String,
|
|
33
|
+
size: useSizeProp
|
|
13
34
|
});
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
const selectRef = ref();
|
|
25
|
-
const arrowName = ref("arrow-down");
|
|
26
|
-
const nsSelect = useNamespace("select");
|
|
27
|
-
const formSize = useFormSize();
|
|
28
|
-
const formDisabled = useFormDisabled();
|
|
29
|
-
const trueSize = computed(() => props.size || formSize.value || useGlobalSize().value);
|
|
30
|
-
const trueDisabled = computed(() => props.disabled || formDisabled.value);
|
|
31
|
-
const trueReadonly = computed(() => props.readonly || trueDisabled.value);
|
|
32
|
-
const containerCls = computed(() => [
|
|
33
|
-
"relative",
|
|
34
|
-
"line-height-1",
|
|
35
|
-
attrs.class,
|
|
36
|
-
nsSelect.b(),
|
|
37
|
-
nsSelect.m(trueSize.value)
|
|
38
|
-
]);
|
|
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
|
-
]);
|
|
48
|
-
const _inputProps = computed(() => ({
|
|
49
|
-
disabled: trueDisabled.value,
|
|
50
|
-
size: trueSize.value,
|
|
51
|
-
clearable: props.clearable,
|
|
52
|
-
placeholder: props.placeholder,
|
|
53
|
-
readonly: props.readonly,
|
|
54
|
-
...attrs,
|
|
55
|
-
class: "",
|
|
56
|
-
style: {
|
|
57
|
-
position: trueReadonly.value ? "static" : "absolute",
|
|
58
|
-
left: 0,
|
|
59
|
-
top: 0,
|
|
60
|
-
right: 0,
|
|
61
|
-
zIndex: 2
|
|
62
|
-
}
|
|
63
|
-
}));
|
|
64
|
-
const _selectProps = computed(() => ({
|
|
65
|
-
options: props.options,
|
|
66
|
-
size: trueSize.value,
|
|
67
|
-
filterable: true,
|
|
68
|
-
popperClass: "select-v2-popper-min-width-100",
|
|
69
|
-
...props.selectProps
|
|
70
|
-
}));
|
|
71
|
-
watch(() => props.modelValue, (v) => {
|
|
72
|
-
inputVal.value = v;
|
|
73
|
-
});
|
|
74
|
-
watch(() => inputVal.value, (v) => {
|
|
75
|
-
selectVal.value = v;
|
|
76
|
-
});
|
|
77
|
-
function input(str) {
|
|
78
|
-
var _a;
|
|
79
|
-
if ((_a = selectRef.value) == null ? void 0 : _a.dropdownMenuVisible) {
|
|
80
|
-
selectRef.value.states.inputValue = inputVal.value;
|
|
81
|
-
selectRef.value.debouncedOnInputChange();
|
|
82
|
-
}
|
|
83
|
-
emit("update:modelValue", str);
|
|
84
|
-
emit("input", str);
|
|
85
|
-
}
|
|
86
|
-
function change(str) {
|
|
87
|
-
emit("change", str);
|
|
88
|
-
}
|
|
89
|
-
function focus() {
|
|
90
|
-
if (selectRef.value && props.autoPullDown) {
|
|
91
|
-
setTimeout(() => {
|
|
92
|
-
selectRef.value.dropdownMenuVisible = true;
|
|
93
|
-
}, 200);
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
function keydown(e) {
|
|
97
|
-
var _a, _b;
|
|
98
|
-
const key = "key" in e && e.key;
|
|
99
|
-
if (key === "ArrowDown") {
|
|
100
|
-
emit("arrow-down", e);
|
|
101
|
-
selectRef.value.dropdownMenuVisible = false;
|
|
102
|
-
} else if (key === "ArrowUp") {
|
|
103
|
-
emit("arrow-up", e);
|
|
104
|
-
selectRef.value.dropdownMenuVisible = false;
|
|
105
|
-
} else if (key === "ArrowLeft") {
|
|
106
|
-
const index = inputRef.value.input.selectionStart;
|
|
107
|
-
if (index === 0) {
|
|
108
|
-
emit("arrow-left", e);
|
|
109
|
-
selectRef.value.dropdownMenuVisible = false;
|
|
110
|
-
}
|
|
111
|
-
} else if (key === "ArrowRight") {
|
|
112
|
-
const index = inputRef.value.input.selectionStart;
|
|
113
|
-
if (((_b = (_a = inputVal.value) == null ? void 0 : _a.length) != null ? _b : 0) === index) {
|
|
114
|
-
emit("arrow-right", e);
|
|
115
|
-
selectRef.value.dropdownMenuVisible = false;
|
|
116
|
-
}
|
|
117
|
-
} else if (key === "Enter") {
|
|
118
|
-
emit("enter", e);
|
|
119
|
-
selectRef.value.dropdownMenuVisible = false;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
function showSelect() {
|
|
123
|
-
if (selectRef.value) {
|
|
124
|
-
selectRef.value.dropdownMenuVisible = !selectRef.value.dropdownMenuVisible;
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
function selectChange(v) {
|
|
128
|
-
let str = inputVal.value || "";
|
|
129
|
-
if (props.replace) {
|
|
130
|
-
str = v;
|
|
131
|
-
} else {
|
|
132
|
-
str += v;
|
|
133
|
-
}
|
|
134
|
-
emit("update:modelValue", str);
|
|
135
|
-
emit("input", str);
|
|
136
|
-
inputVal.value = str;
|
|
137
|
-
setTimeout(() => {
|
|
138
|
-
inputRef.value.focus();
|
|
139
|
-
setTimeout(() => {
|
|
140
|
-
selectRef.value.dropdownMenuVisible = false;
|
|
141
|
-
}, 250);
|
|
142
|
-
emit("change", str);
|
|
143
|
-
});
|
|
144
|
-
}
|
|
145
|
-
function selectVisibleChange(v) {
|
|
146
|
-
arrowName.value = v ? "arrow-up" : "arrow-down";
|
|
147
|
-
}
|
|
148
|
-
return (_ctx, _cache) => {
|
|
149
|
-
return openBlock(), createElementBlock("div", {
|
|
150
|
-
class: normalizeClass(unref(containerCls)),
|
|
151
|
-
style: normalizeStyle(unref(containerStyle))
|
|
152
|
-
}, [
|
|
153
|
-
createVNode(unref(ElInput), mergeProps({
|
|
154
|
-
class: unref(inputCls),
|
|
155
|
-
modelValue: inputVal.value,
|
|
156
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
|
|
157
|
-
ref_key: "inputRef",
|
|
158
|
-
ref: inputRef
|
|
159
|
-
}, unref(_inputProps), {
|
|
160
|
-
onInput: input,
|
|
161
|
-
onChange: change,
|
|
162
|
-
onFocus: focus,
|
|
163
|
-
onKeydown: keydown
|
|
164
|
-
}), {
|
|
165
|
-
suffix: withCtx(() => [
|
|
166
|
-
!unref(trueReadonly) ? (openBlock(), createBlock(HzztIcon, {
|
|
167
|
-
key: 0,
|
|
168
|
-
class: "pointer",
|
|
169
|
-
name: arrowName.value,
|
|
170
|
-
onClick: showSelect
|
|
171
|
-
}, null, 8, ["name"])) : createCommentVNode("v-if", true)
|
|
172
|
-
]),
|
|
173
|
-
_: 1
|
|
174
|
-
}, 16, ["class", "modelValue"]),
|
|
175
|
-
!unref(trueReadonly) ? (openBlock(), createBlock(unref(ElSelectV2), mergeProps({
|
|
176
|
-
key: 0,
|
|
177
|
-
class: unref(selectCls),
|
|
178
|
-
modelValue: selectVal.value,
|
|
179
|
-
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectVal.value = $event),
|
|
180
|
-
ref_key: "selectRef",
|
|
181
|
-
ref: selectRef
|
|
182
|
-
}, unref(_selectProps), {
|
|
183
|
-
onChange: selectChange,
|
|
184
|
-
onVisibleChange: selectVisibleChange
|
|
185
|
-
}), {
|
|
186
|
-
default: withCtx(({ item }) => [
|
|
187
|
-
renderSlot(_ctx.$slots, "default", { item })
|
|
188
|
-
]),
|
|
189
|
-
_: 3
|
|
190
|
-
}, 16, ["class", "modelValue"])) : createCommentVNode("v-if", true)
|
|
191
|
-
], 6);
|
|
192
|
-
};
|
|
193
|
-
}
|
|
194
|
-
});
|
|
195
|
-
var Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "select.vue"]]);
|
|
35
|
+
const selectEmits = {
|
|
36
|
+
[UPDATE_MODEL_EVENT]: (value) => isString(value),
|
|
37
|
+
"input": (value) => isString(value),
|
|
38
|
+
"change": (value) => isString(value),
|
|
39
|
+
"arrow-down": (e) => e,
|
|
40
|
+
"arrow-up": (e) => e,
|
|
41
|
+
"arrow-left": (e) => e,
|
|
42
|
+
"arrow-right": (e) => e,
|
|
43
|
+
"enter": (e) => e
|
|
44
|
+
};
|
|
196
45
|
|
|
197
|
-
export {
|
|
46
|
+
export { selectEmits, selectProps };
|
|
198
47
|
//# sourceMappingURL=select2.mjs.map
|
|
@@ -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.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport type {ExtractPropTypes} from 'vue'\nimport type Select from './select.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\n\n\ntype OptionCommon = Record<string, any>\n\nexport type Option = OptionCommon & {\n created?: boolean\n}\n\nexport type OptionGroup = OptionCommon\n\nexport type OptionType = Option | OptionGroup\n\nexport const selectProps = buildProps({\n selectProps: Object,\n options: {\n type: definePropType<OptionType[]>(Array),\n default: () => [],\n },\n modelValue: {\n type: definePropType<string | null | undefined>([\n String,\n ]),\n default: '',\n },\n disabled: Boolean,\n readonly: Boolean,\n clearable: Boolean,\n replace: {\n type: Boolean,\n default: true,\n },\n autoPullDown: {\n type: Boolean,\n default: true,\n },\n placeholder: String,\n size: useSizeProp,\n})\n\nexport type SelectProps = ExtractPropTypes<typeof selectProps>\n\nexport const selectEmits = {\n [UPDATE_MODEL_EVENT]: (value: string | undefined) => isString(value),\n 'input': (value: string | undefined) => isString(value),\n 'change': (value: string | undefined) => isString(value),\n 'arrow-down': (e: KeyboardEvent | Event) => e,\n 'arrow-up': (e: KeyboardEvent | Event) => e,\n 'arrow-left': (e: KeyboardEvent | Event) => e,\n 'arrow-right': (e: KeyboardEvent | Event) => e,\n 'enter': (e: KeyboardEvent | Event) => e,\n}\nexport type SelectEmits = typeof selectEmits\n\n\nexport type SelectInstance = InstanceType<typeof Select>\n"],"names":[],"mappings":";;;;;;;;AAGY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC;AACzB,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,IAAI,EAAE,WAAW;AACnB,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,OAAO,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AACrC,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AACtC,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC;AACxB,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC;AACtB,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC;AACxB,EAAE,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC;AACzB,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC;AACnB;;;;"}
|
package/es/index.mjs
CHANGED
|
@@ -29,14 +29,14 @@ export { selectTextareaEmits, selectTextareaProps } from './components/select-te
|
|
|
29
29
|
export { HzztSelectTextarea } from './components/select-textarea/index.mjs';
|
|
30
30
|
export { inputRangeEmits, inputRangeProps } from './components/input-range/src/input-range.mjs';
|
|
31
31
|
export { HzztInputRange } from './components/input-range/index.mjs';
|
|
32
|
-
export { cascaderEmits, cascaderProps } from './components/cascader/src/
|
|
32
|
+
export { cascaderEmits, cascaderProps } from './components/cascader/src/cascader2.mjs';
|
|
33
33
|
export { HzztCascader } from './components/cascader/index.mjs';
|
|
34
|
-
export { selectEmits, selectProps } from './components/select/src/
|
|
34
|
+
export { selectEmits, selectProps } from './components/select/src/select2.mjs';
|
|
35
35
|
export { HzztSelect } from './components/select/index.mjs';
|
|
36
36
|
export { clickInputEmits, clickInputProps } from './components/click-input/src/click-input.mjs';
|
|
37
37
|
export { HzztClickInput } from './components/click-input/index.mjs';
|
|
38
38
|
export { HzztScroll } from './components/scroll/index.mjs';
|
|
39
|
-
export { lazyListEmits, lazyListProps } from './components/lazy-list/src/lazy-
|
|
39
|
+
export { lazyListEmits, lazyListProps } from './components/lazy-list/src/lazy-list.mjs';
|
|
40
40
|
export { HzztLazyList } from './components/lazy-list/index.mjs';
|
|
41
41
|
export { INSTALLED_KEY } from './constants/key.mjs';
|
|
42
42
|
export { componentSizeMap, componentSizes } from './constants/size.mjs';
|
package/es/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "2.0.
|
|
1
|
+
export declare const version = "2.0.9";
|
package/es/version.mjs
CHANGED
package/es/version.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.mjs","sources":["../../../packages/hzzt-plus/version.ts"],"sourcesContent":["export const version = '2.0.
|
|
1
|
+
{"version":3,"file":"version.mjs","sources":["../../../packages/hzzt-plus/version.ts"],"sourcesContent":["export const version = '2.0.9'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('../../utils/index.js');
|
|
6
|
-
var cascader$1 = require('./src/
|
|
7
|
-
var cascader = require('./src/
|
|
6
|
+
var cascader$1 = require('./src/cascader.js');
|
|
7
|
+
var cascader = require('./src/cascader2.js');
|
|
8
8
|
var install = require('../../utils/vue/install.js');
|
|
9
9
|
|
|
10
10
|
const HzztCascader = install.withInstall(cascader$1["default"]);
|
|
@@ -2,50 +2,165 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
var cascader = require('./cascader2.js');
|
|
7
|
+
var elementPlus = require('element-plus');
|
|
6
8
|
require('../../../hooks/index.js');
|
|
7
|
-
require('../../../
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
9
|
+
require('../../../utils/index.js');
|
|
10
|
+
var utils = require('./hooks/utils.js');
|
|
11
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
12
|
+
var index = require('../../../hooks/use-namespace/index.js');
|
|
13
|
+
var index$1 = require('../../../hooks/use-size/index.js');
|
|
11
14
|
var shared = require('@vue/shared');
|
|
12
15
|
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
])
|
|
40
|
-
|
|
16
|
+
const __default__ = vue.defineComponent({
|
|
17
|
+
name: "HzztCascader"
|
|
18
|
+
});
|
|
19
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
20
|
+
...__default__,
|
|
21
|
+
props: cascader.cascaderProps,
|
|
22
|
+
emits: cascader.cascaderEmits,
|
|
23
|
+
setup(__props, { emit }) {
|
|
24
|
+
const props = __props;
|
|
25
|
+
const attrs = vue.useAttrs();
|
|
26
|
+
const inputVal = vue.ref(props.modelValue);
|
|
27
|
+
const cascaderVal = vue.ref();
|
|
28
|
+
const inputRef = vue.ref();
|
|
29
|
+
const cascaderRef = vue.ref();
|
|
30
|
+
const nsCascader = index.useNamespace("cascader");
|
|
31
|
+
const formSize = elementPlus.useFormSize();
|
|
32
|
+
const formDisabled = elementPlus.useFormDisabled();
|
|
33
|
+
const trueSize = vue.computed(() => props.size || formSize.value || index$1.useGlobalSize().value);
|
|
34
|
+
const trueDisabled = vue.computed(() => props.disabled || formDisabled.value);
|
|
35
|
+
const containerCls = vue.computed(() => [
|
|
36
|
+
"relative",
|
|
37
|
+
nsCascader.b(),
|
|
38
|
+
nsCascader.m(trueSize.value)
|
|
39
|
+
]);
|
|
40
|
+
const inputCls = vue.computed(() => [
|
|
41
|
+
nsCascader.e("input")
|
|
42
|
+
]);
|
|
43
|
+
const cascaderCls = vue.computed(() => [
|
|
44
|
+
nsCascader.e("cascader")
|
|
45
|
+
]);
|
|
46
|
+
const _inputProps = vue.computed(() => ({
|
|
47
|
+
disabled: trueDisabled.value,
|
|
48
|
+
size: trueSize.value,
|
|
49
|
+
clearable: props.clearable,
|
|
50
|
+
placeholder: props.placeholder,
|
|
51
|
+
readonly: props.readonly,
|
|
52
|
+
...attrs,
|
|
53
|
+
class: "",
|
|
54
|
+
style: ""
|
|
55
|
+
}));
|
|
56
|
+
const _cascaderProps = vue.computed(() => ({
|
|
57
|
+
options: props.options,
|
|
58
|
+
disabled: trueDisabled.value,
|
|
59
|
+
size: trueSize.value,
|
|
60
|
+
clearable: props.clearable,
|
|
61
|
+
placeholder: props.placeholder,
|
|
62
|
+
props: { checkStrictly: true, expandTrigger: "hover" },
|
|
63
|
+
filterable: true,
|
|
64
|
+
separator: "/",
|
|
65
|
+
showAllLevels: true,
|
|
66
|
+
...props.cascaderProps
|
|
67
|
+
}));
|
|
68
|
+
const isMultiple = vue.computed(() => {
|
|
69
|
+
var _a;
|
|
70
|
+
return !!((_a = _cascaderProps.value.props) == null ? void 0 : _a.multiple);
|
|
71
|
+
});
|
|
72
|
+
vue.watch(() => props.modelValue, (v) => {
|
|
73
|
+
inputVal.value = v;
|
|
74
|
+
getCascaderVal();
|
|
75
|
+
});
|
|
76
|
+
vue.watch(() => props.options, (v) => {
|
|
77
|
+
if (!v)
|
|
78
|
+
return;
|
|
79
|
+
getCascaderVal();
|
|
80
|
+
});
|
|
81
|
+
getCascaderVal();
|
|
82
|
+
function input(str) {
|
|
83
|
+
emit("update:modelValue", str);
|
|
84
|
+
emit("input", str);
|
|
85
|
+
}
|
|
86
|
+
function change(str) {
|
|
87
|
+
emit("change", str);
|
|
88
|
+
}
|
|
89
|
+
function click(e) {
|
|
90
|
+
cascaderRef.value.togglePopperVisible();
|
|
91
|
+
const target = e.target;
|
|
92
|
+
target.focus();
|
|
93
|
+
}
|
|
94
|
+
function cascaderChange(val) {
|
|
95
|
+
var _a;
|
|
96
|
+
const separator = _cascaderProps.value.separator || "/";
|
|
97
|
+
const joinSeparator = (_a = props.joinSeparator) != null ? _a : ",";
|
|
98
|
+
if (isMultiple.value) {
|
|
99
|
+
const list = shared.isArray(val) ? val : [];
|
|
100
|
+
const items = list.map((item) => {
|
|
101
|
+
var _a2;
|
|
102
|
+
if (shared.isArray(item)) {
|
|
103
|
+
return _cascaderProps.value.showAllLevels === false ? String((_a2 = item[item.length - 1]) != null ? _a2 : "") : item.join(separator);
|
|
104
|
+
}
|
|
105
|
+
return String(item != null ? item : "");
|
|
106
|
+
});
|
|
107
|
+
inputVal.value = items.join(joinSeparator);
|
|
108
|
+
} else {
|
|
109
|
+
inputVal.value = val ? shared.isArray(val) ? _cascaderProps.value.showAllLevels === false ? val[val.length - 1] : val.join(separator) : [val].join(separator) : "";
|
|
110
|
+
}
|
|
111
|
+
input(inputVal.value);
|
|
112
|
+
change(inputVal.value);
|
|
113
|
+
}
|
|
114
|
+
function getCascaderVal() {
|
|
115
|
+
var _a;
|
|
116
|
+
const separator = _cascaderProps.value.separator || "/";
|
|
117
|
+
const joinSeparator = (_a = props.joinSeparator) != null ? _a : ",";
|
|
118
|
+
if (isMultiple.value) {
|
|
119
|
+
const raw = props.modelValue || "";
|
|
120
|
+
if (!raw) {
|
|
121
|
+
cascaderVal.value = [];
|
|
122
|
+
return;
|
|
123
|
+
}
|
|
124
|
+
const parts = raw.split(joinSeparator).filter((s) => s !== "");
|
|
125
|
+
if (_cascaderProps.value.showAllLevels === false) {
|
|
126
|
+
cascaderVal.value = parts.map((id) => utils.getCascaderId(id, props.options));
|
|
127
|
+
} else {
|
|
128
|
+
cascaderVal.value = parts.map((p) => p.split(separator));
|
|
129
|
+
}
|
|
130
|
+
} else if (_cascaderProps.value.showAllLevels === false) {
|
|
131
|
+
const list = utils.getCascaderId(props.modelValue, props.options);
|
|
132
|
+
cascaderVal.value = list.join(separator);
|
|
133
|
+
} else {
|
|
134
|
+
cascaderVal.value = (props.modelValue || "").split(separator);
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
return (_ctx, _cache) => {
|
|
138
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
139
|
+
class: vue.normalizeClass(vue.unref(containerCls))
|
|
140
|
+
}, [
|
|
141
|
+
vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
|
|
142
|
+
class: vue.unref(inputCls),
|
|
143
|
+
modelValue: inputVal.value,
|
|
144
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
|
|
145
|
+
ref_key: "inputRef",
|
|
146
|
+
ref: inputRef
|
|
147
|
+
}, vue.unref(_inputProps), {
|
|
148
|
+
onInput: input,
|
|
149
|
+
onClick: click,
|
|
150
|
+
onChange: change
|
|
151
|
+
}), null, 16, ["class", "modelValue"]),
|
|
152
|
+
vue.createVNode(vue.unref(elementPlus.ElCascader), vue.mergeProps({
|
|
153
|
+
class: vue.unref(cascaderCls),
|
|
154
|
+
modelValue: cascaderVal.value,
|
|
155
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => cascaderVal.value = $event),
|
|
156
|
+
ref_key: "cascaderRef",
|
|
157
|
+
ref: cascaderRef
|
|
158
|
+
}, vue.unref(_cascaderProps), { onChange: cascaderChange }), null, 16, ["class", "modelValue"])
|
|
159
|
+
], 2);
|
|
160
|
+
};
|
|
41
161
|
}
|
|
42
162
|
});
|
|
43
|
-
|
|
44
|
-
[event.UPDATE_MODEL_EVENT]: (value) => shared.isString(value),
|
|
45
|
-
input: (value) => shared.isString(value),
|
|
46
|
-
change: (value) => shared.isString(value)
|
|
47
|
-
};
|
|
163
|
+
var Cascader = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "cascader.vue"]]);
|
|
48
164
|
|
|
49
|
-
exports
|
|
50
|
-
exports.cascaderProps = cascaderProps;
|
|
165
|
+
exports["default"] = Cascader;
|
|
51
166
|
//# sourceMappingURL=cascader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cascader.js","sources":["../../../../../../packages/components/cascader/src/cascader.
|
|
1
|
+
{"version":3,"file":"cascader.js","sources":["../../../../../../packages/components/cascader/src/cascader.vue"],"sourcesContent":["<template>\n <div :class=\"containerCls\">\n <el-input\n :class=\"inputCls\"\n v-model=\"inputVal\"\n ref=\"inputRef\"\n v-bind=\"_inputProps\"\n @input=\"input\"\n @click=\"click\"\n @change=\"change\"\n >\n </el-input>\n <el-cascader :class=\"cascaderCls\" v-model=\"cascaderVal\" ref=\"cascaderRef\" v-bind=\"_cascaderProps\"\n @change=\"cascaderChange\">\n </el-cascader>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import {cascaderEmits, cascaderProps, CascaderNodeValue} from './cascader'\n import {computed, ref, useAttrs, watch} from \"vue\";\n import {CascaderProps, useFormDisabled, useFormSize, CascaderValue} from \"element-plus\";\n import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n import {isArray} from '@hzzt-plus/utils'\n import {ElInput, ElCascader} from 'element-plus'\n import {getCascaderId} from \"./hooks/utils\";\n\n defineOptions({\n name: 'HzztCascader',\n })\n\n const props = defineProps(cascaderProps)\n const emit = defineEmits(cascaderEmits)\n\n const attrs = useAttrs();\n\n const inputVal = ref(props.modelValue);\n const cascaderVal = ref();\n const inputRef = ref();\n const cascaderRef = ref();\n\n const nsCascader = useNamespace('cascader');\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 containerCls = computed(() => [\n 'relative',\n nsCascader.b(),\n nsCascader.m(trueSize.value),\n ])\n\n const inputCls = computed(() => [\n nsCascader.e('input'),\n ])\n\n const cascaderCls = computed(() => [\n nsCascader.e('cascader'),\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 }))\n\n const _cascaderProps = computed(() => ({\n options: props.options,\n disabled: trueDisabled.value,\n size: trueSize.value,\n clearable: props.clearable,\n placeholder: props.placeholder,\n props: {checkStrictly: true, expandTrigger: 'hover'} as CascaderProps,\n filterable: true,\n separator: '/',\n showAllLevels: true,\n ...props.cascaderProps,\n }))\n\n const isMultiple = computed(() => !!_cascaderProps.value.props?.multiple)\n\n watch(() => props.modelValue, (v) => {\n inputVal.value = v;\n getCascaderVal();\n })\n\n watch(() => props.options, (v) => {\n if (!v) return;\n getCascaderVal();\n })\n\n getCascaderVal();\n\n function input(str: string) {\n emit('update:modelValue', str)\n emit('input', str)\n }\n\n function change(str: string) {\n emit('change', str)\n }\n\n function click(e: MouseEvent) {\n cascaderRef.value.togglePopperVisible();\n const target = e.target as HTMLInputElement;\n target.focus();\n }\n\n function cascaderChange(val: CascaderValue) {\n const separator = _cascaderProps.value.separator || '/';\n const joinSeparator = props.joinSeparator ?? ',';\n if (isMultiple.value) {\n const list = (isArray(val) ? val : []) as Array<CascaderNodeValue | CascaderNodeValue[]>;\n const items = list.map((item) => {\n if (isArray(item)) {\n return _cascaderProps.value.showAllLevels === false\n ? String(item[item.length - 1] ?? '')\n : item.join(separator);\n }\n return String(item ?? '');\n });\n inputVal.value = items.join(joinSeparator);\n } else {\n inputVal.value = val ? isArray(val) ? _cascaderProps.value.showAllLevels === false ? (val[val.length - 1] as string) : val.join(separator) : [val].join(separator) : '';\n }\n input(inputVal.value);\n change(inputVal.value);\n }\n\n function getCascaderVal() {\n const separator = _cascaderProps.value.separator || '/';\n const joinSeparator = props.joinSeparator ?? ',';\n if (isMultiple.value) {\n const raw = props.modelValue || '';\n if (!raw) {\n cascaderVal.value = [];\n return;\n }\n const parts = raw.split(joinSeparator).filter((s) => s !== '');\n if (_cascaderProps.value.showAllLevels === false) {\n cascaderVal.value = parts.map((id) => getCascaderId(id, props.options));\n } else {\n cascaderVal.value = parts.map((p) => p.split(separator));\n }\n } else if (_cascaderProps.value.showAllLevels === false) {\n const list = getCascaderId(props.modelValue, props.options);\n cascaderVal.value = list.join(separator);\n } else {\n cascaderVal.value = (props.modelValue || '').split(separator);\n }\n }\n\n\n</script>\n"],"names":["useAttrs","ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch","isArray","getCascaderId"],"mappings":"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"}
|