hzzt-plus 2.0.6 → 2.0.8
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 +74 -67
- package/dist/index.full.min.js +10 -10
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +10 -10
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +74 -67
- 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/collapse/index.d.ts +6 -0
- package/es/components/collapse/index.mjs +2 -2
- package/es/components/collapse/src/collapse.mjs +0 -88
- package/es/components/collapse/src/collapse.mjs.map +1 -1
- package/es/components/collapse/src/collapse.vue.d.ts +6 -0
- package/es/components/collapse/src/collapse2.mjs +88 -0
- package/es/components/collapse/src/collapse2.mjs.map +1 -1
- package/es/components/icon/index.d.ts +438 -3
- package/es/components/icon/index.mjs +12 -11
- package/es/components/icon/index.mjs.map +1 -1
- package/es/components/icon/src/index.mjs +13 -5
- package/es/components/icon/src/index.mjs.map +1 -1
- package/es/components/icon/src/index.vue.d.ts +6 -0
- 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 +80 -22
- package/es/components/lazy-list/src/lazy-list.mjs.map +1 -1
- package/es/components/lazy-list/src/lazy-list2.mjs +22 -80
- package/es/components/lazy-list/src/lazy-list2.mjs.map +1 -1
- package/es/components/page-size/index.d.ts +6 -0
- package/es/components/page-size/src/index.vue.d.ts +6 -0
- package/es/components/pagination/index.d.ts +6 -0
- package/es/components/pagination/src/index.vue.d.ts +6 -0
- package/es/components/quarter-picker/index.d.ts +6 -0
- package/es/components/quarter-picker/src/index.vue.d.ts +6 -0
- package/es/components/scroll/src/scroll.vue.d.ts +6 -0
- package/es/components/select/src/select.vue.d.ts +6 -0
- package/es/components/select-input/index.mjs +2 -2
- package/es/components/select-input/src/select-input.mjs +45 -124
- package/es/components/select-input/src/select-input.mjs.map +1 -1
- package/es/components/select-input/src/select-input2.mjs +124 -45
- package/es/components/select-input/src/select-input2.mjs.map +1 -1
- package/es/components/select-textarea/src/select-textarea2.mjs +1 -1
- package/es/components/tab/index.d.ts +6 -0
- package/es/components/tab/src/index.vue.d.ts +6 -0
- package/es/components/title/index.mjs +2 -2
- package/es/components/title/src/title.mjs +11 -54
- package/es/components/title/src/title.mjs.map +1 -1
- package/es/components/title/src/title2.mjs +54 -11
- package/es/components/title/src/title2.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/collapse/index.d.ts +6 -0
- package/lib/components/collapse/index.js +2 -2
- package/lib/components/collapse/src/collapse.js +0 -91
- package/lib/components/collapse/src/collapse.js.map +1 -1
- package/lib/components/collapse/src/collapse.vue.d.ts +6 -0
- package/lib/components/collapse/src/collapse2.js +91 -0
- package/lib/components/collapse/src/collapse2.js.map +1 -1
- package/lib/components/icon/index.d.ts +438 -3
- package/lib/components/icon/index.js +14 -13
- package/lib/components/icon/index.js.map +1 -1
- package/lib/components/icon/src/index.js +12 -4
- package/lib/components/icon/src/index.js.map +1 -1
- package/lib/components/icon/src/index.vue.d.ts +6 -0
- 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 +80 -23
- package/lib/components/lazy-list/src/lazy-list.js.map +1 -1
- package/lib/components/lazy-list/src/lazy-list2.js +23 -80
- package/lib/components/lazy-list/src/lazy-list2.js.map +1 -1
- package/lib/components/page-size/index.d.ts +6 -0
- package/lib/components/page-size/src/index.vue.d.ts +6 -0
- package/lib/components/pagination/index.d.ts +6 -0
- package/lib/components/pagination/src/index.vue.d.ts +6 -0
- package/lib/components/quarter-picker/index.d.ts +6 -0
- package/lib/components/quarter-picker/src/index.vue.d.ts +6 -0
- package/lib/components/scroll/src/scroll.vue.d.ts +6 -0
- package/lib/components/select/src/select.vue.d.ts +6 -0
- package/lib/components/select-input/index.js +2 -2
- package/lib/components/select-input/src/select-input.js +46 -124
- package/lib/components/select-input/src/select-input.js.map +1 -1
- package/lib/components/select-input/src/select-input2.js +124 -46
- package/lib/components/select-input/src/select-input2.js.map +1 -1
- package/lib/components/select-textarea/src/select-textarea2.js +1 -1
- package/lib/components/tab/index.d.ts +6 -0
- package/lib/components/tab/src/index.vue.d.ts +6 -0
- package/lib/components/title/index.js +2 -2
- package/lib/components/title/src/title.js +11 -54
- package/lib/components/title/src/title.js.map +1 -1
- package/lib/components/title/src/title2.js +54 -11
- package/lib/components/title/src/title2.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,129 +1,50 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { selectInputProps, selectInputEmits } from './select-input2.mjs';
|
|
1
|
+
import '../../../utils/index.mjs';
|
|
3
2
|
import '../../../hooks/index.mjs';
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
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
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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 {
|
|
49
|
+
export { selectInputEmits, selectInputProps };
|
|
129
50
|
//# sourceMappingURL=select-input.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-input.mjs","sources":["../../../../../../packages/components/select-input/src/select-input.
|
|
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,50 +1,129 @@
|
|
|
1
|
-
import '
|
|
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';
|
|
2
3
|
import '../../../hooks/index.mjs';
|
|
3
|
-
import '
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
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
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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 {
|
|
128
|
+
export { SelectInput as default };
|
|
50
129
|
//# sourceMappingURL=select-input2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-input2.mjs","sources":["../../../../../../packages/components/select-input/src/select-input.
|
|
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=\"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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"}
|
|
@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watch, openBlock, createElementBlock, n
|
|
|
2
2
|
import { selectTextareaProps, selectTextareaEmits } from './select-textarea.mjs';
|
|
3
3
|
import '../../../hooks/index.mjs';
|
|
4
4
|
import { useFormSize, useFormDisabled, ElSelectV2, ElInput } from 'element-plus';
|
|
5
|
-
import HzztTitle from '../../title/src/
|
|
5
|
+
import HzztTitle from '../../title/src/title2.mjs';
|
|
6
6
|
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
7
7
|
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
8
8
|
import { useGlobalSize } from '../../../hooks/use-size/index.mjs';
|
|
@@ -54,6 +54,8 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
|
|
|
54
54
|
type: StringConstructor;
|
|
55
55
|
default: string;
|
|
56
56
|
};
|
|
57
|
+
size: (NumberConstructor | StringConstructor)[];
|
|
58
|
+
color: StringConstructor;
|
|
57
59
|
}, {
|
|
58
60
|
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
59
61
|
name: {
|
|
@@ -64,6 +66,8 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
|
|
|
64
66
|
type: StringConstructor;
|
|
65
67
|
default: string;
|
|
66
68
|
};
|
|
69
|
+
size: (NumberConstructor | StringConstructor)[];
|
|
70
|
+
color: StringConstructor;
|
|
67
71
|
}>> & {
|
|
68
72
|
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
|
|
69
73
|
}>>;
|
|
@@ -179,6 +183,8 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
|
|
|
179
183
|
type: StringConstructor;
|
|
180
184
|
default: string;
|
|
181
185
|
};
|
|
186
|
+
size: (NumberConstructor | StringConstructor)[];
|
|
187
|
+
color: StringConstructor;
|
|
182
188
|
}>>, {
|
|
183
189
|
type: string;
|
|
184
190
|
}>;
|
|
@@ -55,6 +55,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
55
55
|
type: StringConstructor;
|
|
56
56
|
default: string;
|
|
57
57
|
};
|
|
58
|
+
size: (NumberConstructor | StringConstructor)[];
|
|
59
|
+
color: StringConstructor;
|
|
58
60
|
}, {
|
|
59
61
|
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
60
62
|
name: {
|
|
@@ -65,6 +67,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
65
67
|
type: StringConstructor;
|
|
66
68
|
default: string;
|
|
67
69
|
};
|
|
70
|
+
size: (NumberConstructor | StringConstructor)[];
|
|
71
|
+
color: StringConstructor;
|
|
68
72
|
}>> & {
|
|
69
73
|
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
|
|
70
74
|
}>>;
|
|
@@ -180,6 +184,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
180
184
|
type: StringConstructor;
|
|
181
185
|
default: string;
|
|
182
186
|
};
|
|
187
|
+
size: (NumberConstructor | StringConstructor)[];
|
|
188
|
+
color: StringConstructor;
|
|
183
189
|
}>>, {
|
|
184
190
|
type: string;
|
|
185
191
|
}>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../utils/index.mjs';
|
|
2
|
-
import HzztTitle$1 from './src/
|
|
3
|
-
export { titleProps } from './src/
|
|
2
|
+
import HzztTitle$1 from './src/title2.mjs';
|
|
3
|
+
export { titleProps } from './src/title.mjs';
|
|
4
4
|
import { withInstall } from '../../utils/vue/install.mjs';
|
|
5
5
|
|
|
6
6
|
const HzztTitle = withInstall(HzztTitle$1);
|
|
@@ -1,59 +1,16 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { titleProps } from './title2.mjs';
|
|
1
|
+
import '../../../utils/index.mjs';
|
|
3
2
|
import '../../../hooks/index.mjs';
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
7
|
-
import { useGlobalSize } from '../../../hooks/use-size/index.mjs';
|
|
3
|
+
import { buildProps } from '../../../utils/vue/props/runtime.mjs';
|
|
4
|
+
import { useSizeProp } from '../../../hooks/use-size/index.mjs';
|
|
8
5
|
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
class: "hzzt-title__line"
|
|
17
|
-
};
|
|
18
|
-
const __default__ = defineComponent({
|
|
19
|
-
name: "HzztTitle"
|
|
6
|
+
const titleProps = buildProps({
|
|
7
|
+
label: String,
|
|
8
|
+
sideline: {
|
|
9
|
+
type: Boolean,
|
|
10
|
+
default: true
|
|
11
|
+
},
|
|
12
|
+
size: useSizeProp
|
|
20
13
|
});
|
|
21
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
22
|
-
...__default__,
|
|
23
|
-
props: titleProps,
|
|
24
|
-
setup(__props) {
|
|
25
|
-
const props = __props;
|
|
26
|
-
const formSize = useFormSize();
|
|
27
|
-
const ns = useNamespace("title");
|
|
28
|
-
const trueSize = computed(() => props.size || formSize.value || useGlobalSize().value);
|
|
29
|
-
const nameKls = computed(() => {
|
|
30
|
-
return [ns.e("name"), ns.em("name", trueSize.value)];
|
|
31
|
-
});
|
|
32
|
-
const slots = useSlots();
|
|
33
|
-
const showLabel = computed(() => {
|
|
34
|
-
var _a, _b, _c;
|
|
35
|
-
return props.label || ((_c = (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b[0]) == null ? void 0 : _c.children);
|
|
36
|
-
});
|
|
37
|
-
return (_ctx, _cache) => {
|
|
38
|
-
return unref(showLabel) ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
39
|
-
createElementVNode("div", _hoisted_2, [
|
|
40
|
-
_ctx.sideline ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("v-if", true),
|
|
41
|
-
renderSlot(_ctx.$slots, "before"),
|
|
42
|
-
createElementVNode("label", {
|
|
43
|
-
class: normalizeClass(unref(nameKls))
|
|
44
|
-
}, [
|
|
45
|
-
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
46
|
-
createTextVNode(toDisplayString(_ctx.label), 1)
|
|
47
|
-
])
|
|
48
|
-
], 2),
|
|
49
|
-
renderSlot(_ctx.$slots, "after")
|
|
50
|
-
]),
|
|
51
|
-
renderSlot(_ctx.$slots, "right")
|
|
52
|
-
])) : createCommentVNode("v-if", true);
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
var HzztTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "title.vue"]]);
|
|
57
14
|
|
|
58
|
-
export {
|
|
15
|
+
export { titleProps };
|
|
59
16
|
//# sourceMappingURL=title.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"title.mjs","sources":["../../../../../../packages/components/title/src/title.
|
|
1
|
+
{"version":3,"file":"title.mjs","sources":["../../../../../../packages/components/title/src/title.ts"],"sourcesContent":["import { buildProps } from '@hzzt-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Title from './title.vue'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\n\nexport const titleProps = buildProps({\n label: String,\n sideline: {\n type: Boolean,\n default: true,\n },\n size: useSizeProp,\n} as const)\nexport type TitleProps = ExtractPropTypes<typeof titleProps>\n\nexport type TitleInstance = InstanceType<typeof Title>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE,WAAW;AACnB,CAAC;;;;"}
|