hzzt-plus 2.0.0 → 2.0.2
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/attributes.json +1 -1
- package/dist/index.css +1 -1
- package/dist/index.full.js +369 -248
- package/dist/index.full.min.js +12 -12
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +16 -16
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +367 -249
- 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/component.mjs +3 -1
- package/es/component.mjs.map +1 -1
- package/es/components/index.d.ts +1 -0
- package/es/components/index.mjs +4 -2
- package/es/components/index.mjs.map +1 -1
- package/es/components/input-range/index.mjs +2 -2
- package/es/components/input-range/src/input-range.mjs +76 -26
- package/es/components/input-range/src/input-range.mjs.map +1 -1
- package/es/components/input-range/src/input-range2.mjs +26 -76
- package/es/components/input-range/src/input-range2.mjs.map +1 -1
- package/es/components/lazy-list/index.d.ts +5 -0
- package/es/components/lazy-list/index.mjs +9 -0
- package/es/components/lazy-list/index.mjs.map +1 -0
- package/es/components/lazy-list/src/lazy-list.d.ts +14 -0
- package/es/components/lazy-list/src/lazy-list.mjs +27 -0
- package/es/components/lazy-list/src/lazy-list.mjs.map +1 -0
- package/es/components/lazy-list/src/lazy-list.vue.d.ts +57 -0
- package/es/components/lazy-list/src/lazy-list2.mjs +85 -0
- package/es/components/lazy-list/src/lazy-list2.mjs.map +1 -0
- package/es/components/lazy-list/style/css.d.ts +2 -0
- package/es/components/lazy-list/style/css.mjs +3 -0
- package/es/components/lazy-list/style/css.mjs.map +1 -0
- package/es/components/lazy-list/style/index.d.ts +2 -0
- package/es/components/lazy-list/style/index.mjs +3 -0
- package/es/components/lazy-list/style/index.mjs.map +1 -0
- package/es/components/select/src/select.vue.d.ts +1 -0
- package/es/components/select/src/select2.mjs +11 -1
- package/es/components/select/src/select2.mjs.map +1 -1
- package/es/components/select-input/index.d.ts +4 -4
- package/es/components/select-input/src/select-input.d.ts +1 -1
- package/es/components/select-input/src/select-input.mjs +1 -1
- package/es/components/select-input/src/select-input.mjs.map +1 -1
- package/es/components/select-input/src/select-input.vue.d.ts +4 -4
- package/es/components/select-input/src/select-input2.mjs +2 -2
- package/es/components/select-input/src/select-input2.mjs.map +1 -1
- package/es/components/select-textarea/index.mjs +2 -2
- package/es/components/select-textarea/src/select-textarea.d.ts +2 -1
- package/es/components/select-textarea/src/select-textarea.mjs +31 -100
- package/es/components/select-textarea/src/select-textarea.mjs.map +1 -1
- package/es/components/select-textarea/src/select-textarea.vue.d.ts +14 -4
- package/es/components/select-textarea/src/select-textarea2.mjs +105 -30
- package/es/components/select-textarea/src/select-textarea2.mjs.map +1 -1
- package/es/index.mjs +4 -2
- package/es/index.mjs.map +1 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/global.d.ts +1 -0
- package/lib/component.js +3 -1
- package/lib/component.js.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.js +7 -2
- package/lib/components/index.js.map +1 -1
- package/lib/components/input-range/index.js +2 -2
- package/lib/components/input-range/src/input-range.js +76 -27
- package/lib/components/input-range/src/input-range.js.map +1 -1
- package/lib/components/input-range/src/input-range2.js +27 -76
- package/lib/components/input-range/src/input-range2.js.map +1 -1
- package/lib/components/lazy-list/index.d.ts +5 -0
- package/lib/components/lazy-list/index.js +16 -0
- package/lib/components/lazy-list/index.js.map +1 -0
- package/lib/components/lazy-list/src/lazy-list.d.ts +14 -0
- package/lib/components/lazy-list/src/lazy-list.js +32 -0
- package/lib/components/lazy-list/src/lazy-list.js.map +1 -0
- package/lib/components/lazy-list/src/lazy-list.vue.d.ts +57 -0
- package/lib/components/lazy-list/src/lazy-list2.js +89 -0
- package/lib/components/lazy-list/src/lazy-list2.js.map +1 -0
- package/lib/components/lazy-list/style/css.d.ts +2 -0
- package/lib/components/lazy-list/style/css.js +6 -0
- package/lib/components/lazy-list/style/css.js.map +1 -0
- package/lib/components/lazy-list/style/index.d.ts +2 -0
- package/lib/components/lazy-list/style/index.js +6 -0
- package/lib/components/lazy-list/style/index.js.map +1 -0
- package/lib/components/select/src/select.vue.d.ts +1 -0
- package/lib/components/select/src/select2.js +11 -1
- package/lib/components/select/src/select2.js.map +1 -1
- package/lib/components/select-input/index.d.ts +4 -4
- package/lib/components/select-input/src/select-input.d.ts +1 -1
- package/lib/components/select-input/src/select-input.js +1 -1
- package/lib/components/select-input/src/select-input.js.map +1 -1
- package/lib/components/select-input/src/select-input.vue.d.ts +4 -4
- package/lib/components/select-input/src/select-input2.js +2 -2
- package/lib/components/select-input/src/select-input2.js.map +1 -1
- package/lib/components/select-textarea/index.js +2 -2
- package/lib/components/select-textarea/src/select-textarea.d.ts +2 -1
- package/lib/components/select-textarea/src/select-textarea.js +32 -100
- package/lib/components/select-textarea/src/select-textarea.js.map +1 -1
- package/lib/components/select-textarea/src/select-textarea.vue.d.ts +14 -4
- package/lib/components/select-textarea/src/select-textarea2.js +105 -31
- package/lib/components/select-textarea/src/select-textarea2.js.map +1 -1
- package/lib/index.js +37 -32
- package/lib/index.js.map +1 -1
- 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/tags.json +1 -1
- package/theme/hzzt-lazy-list.css +1 -0
- package/theme/index.css +1 -1
- package/theme/src/index.scss +1 -0
- package/theme/src/lazy-list.scss +21 -0
- package/web-types.json +1 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('../../utils/index.js');
|
|
6
|
+
var lazyList$1 = require('./src/lazy-list2.js');
|
|
7
|
+
var lazyList = require('./src/lazy-list.js');
|
|
8
|
+
var install = require('../../utils/vue/install.js');
|
|
9
|
+
|
|
10
|
+
const HzztLazyList = install.withInstall(lazyList$1["default"]);
|
|
11
|
+
|
|
12
|
+
exports.lazyListEmits = lazyList.lazyListEmits;
|
|
13
|
+
exports.lazyListProps = lazyList.lazyListProps;
|
|
14
|
+
exports.HzztLazyList = HzztLazyList;
|
|
15
|
+
exports["default"] = HzztLazyList;
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../packages/components/lazy-list/index.ts"],"sourcesContent":["import {withInstall} from '@hzzt-plus/utils'\nimport LazyList from './src/lazy-list.vue'\nimport type {SFCWithInstall} from '@hzzt-plus/utils'\n\nexport const HzztLazyList: SFCWithInstall<typeof LazyList> = withInstall(LazyList)\nexport default HzztLazyList\n\nexport * from './src/lazy-list'\n"],"names":["withInstall","LazyList"],"mappings":";;;;;;;;;AAEY,MAAC,YAAY,GAAGA,mBAAW,CAACC,qBAAQ;;;;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ExtractPropTypes } from 'vue';
|
|
2
|
+
import type LazyList from './lazy-list.vue';
|
|
3
|
+
export declare const lazyListProps: {
|
|
4
|
+
size: import("hzzt-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
5
|
+
height: import("hzzt-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
6
|
+
data: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]) | ((new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]))[], unknown, unknown, () => never[], boolean>;
|
|
7
|
+
rowKey: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
8
|
+
};
|
|
9
|
+
export declare type LazyListProps = ExtractPropTypes<typeof lazyListProps>;
|
|
10
|
+
export declare const lazyListEmits: {
|
|
11
|
+
'row-click': (row: any) => any;
|
|
12
|
+
};
|
|
13
|
+
export declare type LazyListEmits = typeof lazyListEmits;
|
|
14
|
+
export declare type LazyListInstance = InstanceType<typeof LazyList>;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('../../../utils/index.js');
|
|
6
|
+
var runtime = require('../../../utils/vue/props/runtime.js');
|
|
7
|
+
|
|
8
|
+
const lazyListProps = runtime.buildProps({
|
|
9
|
+
size: {
|
|
10
|
+
type: Number,
|
|
11
|
+
default: 20
|
|
12
|
+
},
|
|
13
|
+
height: {
|
|
14
|
+
type: Number,
|
|
15
|
+
default: 30
|
|
16
|
+
},
|
|
17
|
+
data: {
|
|
18
|
+
type: runtime.definePropType(Array),
|
|
19
|
+
default: () => []
|
|
20
|
+
},
|
|
21
|
+
rowKey: {
|
|
22
|
+
type: String,
|
|
23
|
+
default: "id"
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
const lazyListEmits = {
|
|
27
|
+
"row-click": (row) => row
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
exports.lazyListEmits = lazyListEmits;
|
|
31
|
+
exports.lazyListProps = lazyListProps;
|
|
32
|
+
//# sourceMappingURL=lazy-list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lazy-list.js","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":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,aAAa,GAAGA,kBAAU,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,EAAEC,sBAAc,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;;;;;"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
size: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
3
|
+
height: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
4
|
+
data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]) | ((new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]))[], unknown, unknown, () => never[], boolean>;
|
|
5
|
+
rowKey: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
6
|
+
}, {
|
|
7
|
+
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
8
|
+
size: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
9
|
+
height: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
10
|
+
data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]) | ((new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]))[], unknown, unknown, () => never[], boolean>;
|
|
11
|
+
rowKey: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
12
|
+
}>> & {
|
|
13
|
+
"onRow-click"?: ((row: any) => any) | undefined;
|
|
14
|
+
}>>;
|
|
15
|
+
emit: (event: "row-click", row: any) => void;
|
|
16
|
+
totalHeight: import("vue").Ref<string>;
|
|
17
|
+
marginTop: import("vue").Ref<string>;
|
|
18
|
+
currentIndex: import("vue").Ref<number>;
|
|
19
|
+
current: import("vue").Ref<null>;
|
|
20
|
+
nsLazy: {
|
|
21
|
+
namespace: import("vue").ComputedRef<string>;
|
|
22
|
+
b: (blockSuffix?: string) => string;
|
|
23
|
+
e: (element?: string | undefined) => string;
|
|
24
|
+
m: (modifier?: string | undefined) => string;
|
|
25
|
+
be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
|
|
26
|
+
em: (element?: string | undefined, modifier?: string | undefined) => string;
|
|
27
|
+
bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
|
|
28
|
+
bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
|
|
29
|
+
is: {
|
|
30
|
+
(name: string, state: boolean | undefined): string;
|
|
31
|
+
(name: string): string;
|
|
32
|
+
};
|
|
33
|
+
cssVar: (object: Record<string, string>) => Record<string, string>;
|
|
34
|
+
cssVarName: (name: string) => string;
|
|
35
|
+
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
|
|
36
|
+
cssVarBlockName: (name: string) => string;
|
|
37
|
+
};
|
|
38
|
+
containerCls: import("vue").ComputedRef<string[]>;
|
|
39
|
+
calcList: import("vue").ComputedRef<Record<string, any>[]>;
|
|
40
|
+
scrollList: (e: Event) => void;
|
|
41
|
+
rowClick: (row: any) => void;
|
|
42
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
43
|
+
'row-click': (row: any) => any;
|
|
44
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
45
|
+
size: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
46
|
+
height: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
47
|
+
data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]) | ((new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]))[], unknown, unknown, () => never[], boolean>;
|
|
48
|
+
rowKey: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
49
|
+
}>> & {
|
|
50
|
+
"onRow-click"?: ((row: any) => any) | undefined;
|
|
51
|
+
}, {
|
|
52
|
+
size: number;
|
|
53
|
+
data: Record<string, any>[];
|
|
54
|
+
height: number;
|
|
55
|
+
rowKey: string;
|
|
56
|
+
}>;
|
|
57
|
+
export default _default;
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
var lazyList = require('./lazy-list.js');
|
|
7
|
+
require('../../../hooks/index.js');
|
|
8
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
9
|
+
var index = require('../../../hooks/use-namespace/index.js');
|
|
10
|
+
|
|
11
|
+
const _hoisted_1 = ["onClick"];
|
|
12
|
+
const __default__ = vue.defineComponent({
|
|
13
|
+
name: "HzztLazyList"
|
|
14
|
+
});
|
|
15
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
16
|
+
...__default__,
|
|
17
|
+
props: lazyList.lazyListProps,
|
|
18
|
+
emits: lazyList.lazyListEmits,
|
|
19
|
+
setup(__props, { emit }) {
|
|
20
|
+
const props = __props;
|
|
21
|
+
const totalHeight = vue.ref("100%");
|
|
22
|
+
const marginTop = vue.ref("0px");
|
|
23
|
+
const currentIndex = vue.ref(1);
|
|
24
|
+
const current = vue.ref(null);
|
|
25
|
+
const nsLazy = index.useNamespace("lazy-list");
|
|
26
|
+
const containerCls = vue.computed(() => [
|
|
27
|
+
"overflow-y-auto",
|
|
28
|
+
nsLazy.b()
|
|
29
|
+
]);
|
|
30
|
+
vue.watch(() => props.data, () => {
|
|
31
|
+
totalHeight.value = props.data.length * props.height + "px";
|
|
32
|
+
}, {
|
|
33
|
+
immediate: true
|
|
34
|
+
});
|
|
35
|
+
const calcList = vue.computed(() => props.data.slice(currentIndex.value === 1 ? 0 : (currentIndex.value - 1) * props.size - props.size / 2, (currentIndex.value + 1) * props.size + props.size / 2));
|
|
36
|
+
function scrollList(e) {
|
|
37
|
+
const target = e.target;
|
|
38
|
+
const scrollTop = target.scrollTop;
|
|
39
|
+
if (scrollTop < props.size / 2 * props.height) {
|
|
40
|
+
currentIndex.value = 1;
|
|
41
|
+
} else {
|
|
42
|
+
currentIndex.value = Math.ceil((scrollTop - props.size / 2 * props.height) / props.size / props.height);
|
|
43
|
+
}
|
|
44
|
+
if (currentIndex.value === 1) {
|
|
45
|
+
marginTop.value = "0px";
|
|
46
|
+
} else {
|
|
47
|
+
marginTop.value = ((currentIndex.value - 1) * props.size - props.size / 2) * props.height + "px";
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
function rowClick(row) {
|
|
51
|
+
current.value = row;
|
|
52
|
+
emit("row-click", row);
|
|
53
|
+
}
|
|
54
|
+
return (_ctx, _cache) => {
|
|
55
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
56
|
+
class: vue.normalizeClass(vue.unref(containerCls)),
|
|
57
|
+
onScroll: scrollList
|
|
58
|
+
}, [
|
|
59
|
+
vue.createElementVNode("div", {
|
|
60
|
+
style: vue.normalizeStyle({
|
|
61
|
+
height: totalHeight.value,
|
|
62
|
+
width: 0,
|
|
63
|
+
float: "left"
|
|
64
|
+
})
|
|
65
|
+
}, null, 4),
|
|
66
|
+
vue.createElementVNode("div", {
|
|
67
|
+
style: vue.normalizeStyle({ marginTop: marginTop.value })
|
|
68
|
+
}, [
|
|
69
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(calcList), (item) => {
|
|
70
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
71
|
+
key: item[_ctx.rowKey],
|
|
72
|
+
style: vue.normalizeStyle({
|
|
73
|
+
height: _ctx.height + "px"
|
|
74
|
+
}),
|
|
75
|
+
class: vue.normalizeClass(["hzzt-lazy-list__item", current.value === item ? "is-active" : ""]),
|
|
76
|
+
onClick: ($event) => rowClick(item)
|
|
77
|
+
}, [
|
|
78
|
+
vue.renderSlot(_ctx.$slots, "default", { data: item })
|
|
79
|
+
], 14, _hoisted_1);
|
|
80
|
+
}), 128))
|
|
81
|
+
], 4)
|
|
82
|
+
], 34);
|
|
83
|
+
};
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
var LazyList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "lazy-list.vue"]]);
|
|
87
|
+
|
|
88
|
+
exports["default"] = LazyList;
|
|
89
|
+
//# sourceMappingURL=lazy-list2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lazy-list2.js","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":["ref","useNamespace","computed","watch","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;uCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,WAAA,GAAcA,QAAI,MAAM,CAAA,CAAA;AAC9B,IAAM,MAAA,SAAA,GAAYA,QAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,YAAA,GAAeA,QAAI,CAAC,CAAA,CAAA;AAC1B,IAAM,MAAA,OAAA,GAAUA,QAAI,IAAI,CAAA,CAAA;AAExB,IAAM,MAAA,MAAA,GAASC,mBAAa,WAAW,CAAA,CAAA;AAEvC,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAAA,MAClC,iBAAA;AAAA,MACA,OAAO,CAAE,EAAA;AAAA,KACV,CAAA,CAAA;AAED,IAAMC,SAAA,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,GAAAD,YAAA,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,OAAAE,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -99,6 +99,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
99
99
|
}>;
|
|
100
100
|
input: (str: string) => void;
|
|
101
101
|
change: (str: string) => void;
|
|
102
|
+
focus: () => void;
|
|
102
103
|
keydown: (e: KeyboardEvent | Event) => void;
|
|
103
104
|
showSelect: () => void;
|
|
104
105
|
selectChange: (v: string) => void;
|
|
@@ -90,6 +90,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
90
90
|
function change(str) {
|
|
91
91
|
emit("change", str);
|
|
92
92
|
}
|
|
93
|
+
function focus() {
|
|
94
|
+
if (selectRef.value) {
|
|
95
|
+
setTimeout(() => {
|
|
96
|
+
selectRef.value.dropdownMenuVisible = true;
|
|
97
|
+
}, 200);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
93
100
|
function keydown(e) {
|
|
94
101
|
var _a, _b;
|
|
95
102
|
const key = "key" in e && e.key;
|
|
@@ -133,7 +140,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
133
140
|
inputVal.value = str;
|
|
134
141
|
setTimeout(() => {
|
|
135
142
|
inputRef.value.focus();
|
|
136
|
-
|
|
143
|
+
setTimeout(() => {
|
|
144
|
+
selectRef.value.dropdownMenuVisible = false;
|
|
145
|
+
}, 250);
|
|
137
146
|
emit("change", str);
|
|
138
147
|
});
|
|
139
148
|
}
|
|
@@ -154,6 +163,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
154
163
|
}, vue.unref(_inputProps), {
|
|
155
164
|
onInput: input,
|
|
156
165
|
onChange: change,
|
|
166
|
+
onFocus: focus,
|
|
157
167
|
onKeydown: keydown
|
|
158
168
|
}), {
|
|
159
169
|
suffix: vue.withCtx(() => [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select2.js","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n <div :class=\"containerCls\" :style=\"containerStyle\">\n <el-input\n :class=\"inputCls\"\n v-model=\"inputVal\"\n ref=\"inputRef\"\n v-bind=\"_inputProps\"\n @input=\"input\"\n @change=\"change\"\n @keydown=\"keydown\"\n >\n <template #suffix>\n <hzzt-icon v-if=\"!trueReadonly\" class=\"pointer\" :name=\"arrowName\"\n @click=\"showSelect\"></hzzt-icon>\n </template>\n </el-input>\n <el-select-v2 v-if=\"!trueReadonly\" :class=\"selectCls\" v-model=\"selectVal\" ref=\"selectRef\" v-bind=\"_selectProps\"\n @change=\"selectChange\" @visible-change=\"selectVisibleChange\">\n </el-select-v2>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import {selectEmits, selectProps} from './select'\n import {computed, ref, useAttrs, watch} from \"vue\";\n import {useFormDisabled, useFormSize} from \"element-plus\";\n import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n import {ElInput, ElSelectV2} from 'element-plus'\n import type {CSSProperties} from 'vue'\n import HzztIcon from \"@hzzt-plus/components/icon/src/index.vue\";\n\n\n defineOptions({\n name: 'HzztSelect',\n inheritAttrs: false,\n })\n\n const props = defineProps(selectProps)\n const emit = defineEmits(selectEmits)\n\n const attrs = useAttrs();\n\n const inputVal = ref(props.modelValue);\n const selectVal = ref();\n const inputRef = ref();\n const selectRef = ref();\n const arrowName = ref('arrow-down');\n\n const nsSelect = useNamespace('select');\n\n const formSize = useFormSize()\n const formDisabled = useFormDisabled()\n\n const trueSize = computed(\n () => props.size || formSize.value || useGlobalSize().value\n )\n\n const trueDisabled = computed(() => props.disabled || formDisabled.value)\n\n const trueReadonly = computed(() => props.readonly || trueDisabled.value)\n\n const containerCls = computed(() => [\n 'relative',\n 'line-height-1',\n attrs.class,\n nsSelect.b(),\n nsSelect.m(trueSize.value),\n ])\n\n const containerStyle = computed(() => attrs.style as CSSProperties)\n\n const inputCls = computed(() => [\n nsSelect.e('input'),\n 'width-100%'\n ])\n\n const selectCls = computed(() => [\n nsSelect.e('select'),\n 'width-100%'\n ])\n\n const _inputProps = computed(() => ({\n disabled: trueDisabled.value,\n size: trueSize.value,\n clearable: props.clearable,\n placeholder: props.placeholder,\n readonly: props.readonly,\n ...attrs,\n class: '',\n style: {\n position: trueReadonly.value ? 'static' : 'absolute',\n left: 0,\n top: 0,\n right: 0,\n zIndex: 2,\n },\n }))\n\n const _selectProps = computed(() => ({\n options: props.options,\n size: trueSize.value,\n filterable: true,\n popperClass: 'select-v2-popper-min-width-100',\n ...props.selectProps,\n }))\n\n watch(() => props.modelValue, (v) => {\n inputVal.value = v;\n })\n\n watch(() => inputVal.value, (v) => {\n selectVal.value = v;\n })\n\n function input(str: string) {\n if (selectRef.value?.dropdownMenuVisible) {\n selectRef.value.states.inputValue = inputVal.value;\n selectRef.value.debouncedOnInputChange();\n }\n emit('update:modelValue', str)\n emit('input', str)\n }\n\n function change(str: string) {\n emit('change', str)\n }\n\n function keydown(e: KeyboardEvent | Event) {\n const key = \"key\" in e && e.key;\n if (key === 'ArrowDown') {\n emit('arrow-down', e);\n selectRef.value.dropdownMenuVisible = false;\n } else if (key === 'ArrowUp') {\n emit('arrow-up', e);\n selectRef.value.dropdownMenuVisible = false;\n } else if (key === 'ArrowLeft') {\n const index = inputRef.value.input.selectionStart;\n if (index === 0) {\n emit('arrow-left', e);\n selectRef.value.dropdownMenuVisible = false;\n }\n } else if (key === 'ArrowRight') {\n const index = inputRef.value.input.selectionStart;\n if ((inputVal.value?.length ?? 0) === index) {\n emit('arrow-right', e);\n selectRef.value.dropdownMenuVisible = false;\n }\n } else if (key === 'Enter') {\n emit('enter', e);\n selectRef.value.dropdownMenuVisible = false;\n }\n }\n\n function showSelect() {\n if (selectRef.value) {\n selectRef.value.dropdownMenuVisible = !selectRef.value.dropdownMenuVisible;\n }\n }\n\n function selectChange(v: string) {\n 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 selectRef.value.dropdownMenuVisible = false;\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":["useAttrs","ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch"],"mappings":";;;;;;;;;;;;;uCAgCgB,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,QAAA,GAAWC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACrC,IAAA,MAAM,YAAYA,OAAI,EAAA,CAAA;AACtB,IAAA,MAAM,WAAWA,OAAI,EAAA,CAAA;AACrB,IAAA,MAAM,YAAYA,OAAI,EAAA,CAAA;AACtB,IAAM,MAAA,SAAA,GAAYA,QAAI,YAAY,CAAA,CAAA;AAElC,IAAM,MAAA,QAAA,GAAWC,mBAAa,QAAQ,CAAA,CAAA;AAEtC,IAAA,MAAM,WAAWC,uBAAY,EAAA,CAAA;AAC7B,IAAA,MAAM,eAAeC,2BAAgB,EAAA,CAAA;AAErC,IAAA,MAAM,QAAW,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,IAAA,IAAA,QAAA,CAAA,KAAA,IAAAC,qBAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAAA,kBACH,GAAAD,YAAiB,CAAA,MAAA,kBAAuB,YAAE,CAAA,KAAA,CAAA,CAAA;AAAA,IACxD,MAAA,YAAA,GAAAA,YAAA,CAAA,MAAA,KAAA,CAAA,QAAA,IAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAM,eAAeA,YAAS,CAAA,MAAM;AAEpC,MAAA;AAEA,MAAM,eAAA;AAA8B,MAClC,KAAA,CAAA,KAAA;AAAA,MACA,QAAA,CAAA,CAAA,EAAA;AAAA,MACA,QAAM,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA;AAAA,KAAA,CACN;AAAW,IACX,MAAA,cAAW,GAAcA,YAAA,CAAA,MAAA,KAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAC3B,MAAC,QAAA,GAAAA,YAAA,CAAA,MAAA;AAED,MAAA,QAAuB,CAAA,CAAA,CAAA,OAAA,CAAA;AAEvB,MAAM,YAAA;AAA0B,KAC9B,CAAA,CAAA;AAAkB,IAClB,MAAA,SAAA,GAAAA,YAAA,CAAA,MAAA;AAAA,MACD,QAAA,CAAA,CAAA,CAAA,QAAA,CAAA;AAED,MAAM,YAAA;AAA2B,KAC/B,CAAA,CAAA;AAAmB,IACnB,MAAA,WAAA,GAAAA,YAAA,CAAA,OAAA;AAAA,MACD,QAAA,EAAA,YAAA,CAAA,KAAA;AAED,MAAM,IAAA,EAAA,QAAA,CAAA;AAA8B,MAClC,WAAuB,KAAA,CAAA,SAAA;AAAA,MACvB,WAAe,EAAA,KAAA,CAAA,WAAA;AAAA,MACf,eAAiB,CAAA,QAAA;AAAA,MACjB;AAAmB,MACnB;AAAgB,MAChB,KAAG,EAAA;AAAA,QACI,QAAA,EAAA,YAAA,CAAA,KAAA,GAAA,QAAA,GAAA,UAAA;AAAA,QACA,IAAA,EAAA,CAAA;AAAA,QACL,GAAA,EAAA,CAAA;AAA0C,QAC1C,KAAM,EAAA,CAAA;AAAA,QACN,MAAK,EAAA,CAAA;AAAA,OAAA;AACE,KAAA,CAAA,CAAA,CACP;AAAQ,IACV,MAAA,YAAA,GAAAA,YAAA,CAAA,OAAA;AAAA,MACA,OAAA,EAAA,KAAA,CAAA,OAAA;AAEF,MAAM,IAAA,EAAA,QAAA,CAAA;AAA+B,MACnC,UAAe,EAAA,IAAA;AAAA,MACf,WAAe,EAAA,gCAAA;AAAA,MACf,GAAY,KAAA,CAAA,WAAA;AAAA,KAAA,CACZ,CAAa,CAAA;AAAA,IAAAE,SACV,CAAM,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACT,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAEF,KAAA,CAAA,CAAA;AACE,IAAAA,SAAA,CAAA,MAAiB,QAAA,CAAA,KAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MAClB,SAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAED,KAAA,CAAA,CAAA;AACE,IAAA,SAAA,KAAkB,CAAA,GAAA,EAAA;AAAA,MACnB,IAAA,EAAA,CAAA;AAED,MAAA,IAAA,CAAA,EAAS,YAAmB,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,mBAAA,EAAA;AAC1B,QAAI,SAAA,CAAA,YAAsC,CAAA,UAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACxC,QAAU,SAAA,CAAA,KAAA,CAAM,sBAA6B,EAAA,CAAA;AAC7C,OAAA;AAAuC,MACzC,IAAA,CAAA,mBAAA,EAAA,GAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAK;AACL,KAAA;AAAiB,IACnB,SAAA,MAAA,CAAA,GAAA,EAAA;AAEA,MAAA,IAAA,CAAA,UAA6B,GAAA,CAAA,CAAA;AAC3B,KAAA;AAAkB,IACpB,SAAA,OAAA,CAAA,CAAA,EAAA;AAEA,MAAA,IAAA,EAAA;AACE,MAAM,MAAA,GAAA,GAAM,KAAS,IAAA,CAAA,IAAK,CAAE,CAAA,GAAA,CAAA;AAC5B,MAAA,IAAI,QAAQ,WAAa,EAAA;AACvB,QAAA,IAAA,CAAK,cAAc,CAAC,CAAA,CAAA;AACpB,QAAA,SAAA,CAAU,MAAM,mBAAsB,GAAA,KAAA,CAAA;AAAA,OACxC,MAAA,IAAW,QAAQ,SAAW,EAAA;AAC5B,QAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAClB,QAAA,SAAA,CAAU,MAAM,mBAAsB,GAAA,KAAA,CAAA;AAAA,OACxC,MAAA,IAAW,QAAQ,WAAa,EAAA;AAC9B,QAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,KAAA,CAAM,KAAM,CAAA,cAAA,CAAA;AACnC,QAAA,IAAI,UAAU,CAAG,EAAA;AACf,UAAA,IAAA,CAAK,cAAc,CAAC,CAAA,CAAA;AACpB,UAAA,SAAA,CAAU,MAAM,mBAAsB,GAAA,KAAA,CAAA;AAAA,SACxC;AAAA,OACF,MAAA,IAAW,QAAQ,YAAc,EAAA;AAC/B,QAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,KAAA,CAAM,KAAM,CAAA,cAAA,CAAA;AACnC,QAAA,IAAA,CAAK,CAAS,EAAA,GAAA,CAAA,EAAA,GAAA,QAAiB,CAAA,KAAA,KAAA,IAAc,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,KAAA,IAAA,GAAA,EAAA,GAAA,CAAA,MAAA,KAAA,EAAA;AAC3C,UAAA,IAAA,CAAK,eAAe,CAAC,CAAA,CAAA;AACrB,UAAA,SAAA,CAAU,MAAM,mBAAsB,GAAA,KAAA,CAAA;AAAA,SACxC;AAAA,OACF,MAAA,IAAW,QAAQ,OAAS,EAAA;AAC1B,QAAA,IAAA,CAAK,SAAS,CAAC,CAAA,CAAA;AACf,QAAA,SAAA,CAAU,MAAM,mBAAsB,GAAA,KAAA,CAAA;AAAA,OACxC;AAAA,KACF;AAEA,IAAA,SAAS,UAAa,GAAA;AACpB,MAAA,IAAI,UAAU,KAAO,EAAA;AACnB,QAAA,SAAA,CAAU,KAAM,CAAA,mBAAA,GAAsB,CAAC,SAAA,CAAU,KAAM,CAAA,mBAAA,CAAA;AAAA,OACzD;AAAA,KACF;AAEA,IAAA,SAAS,aAAa,CAAW,EAAA;AAC/B,MAAI,IAAA,GAAA,GAAM,SAAS,KAAS,IAAA,EAAA,CAAA;AAC5B,MAAA,IAAI,MAAM,OAAS,EAAA;AACjB,QAAM,GAAA,GAAA,CAAA,CAAA;AAAA,OACD,MAAA;AACL,QAAO,GAAA,IAAA,CAAA,CAAA;AAAA,OACT;AACA,MAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AACjB,MAAA,QAAA,CAAS,KAAQ,GAAA,GAAA,CAAA;AACjB,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,QAAA,CAAS,MAAM,KAAM,EAAA,CAAA;AACrB,QAAA,SAAA,CAAU,MAAM,mBAAsB,GAAA,KAAA,CAAA;AACtC,QAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,OACnB,CAAA,CAAA;AAAA,KACH;AAEA,IAAA,SAAS,oBAAoB,CAAY,EAAA;AACvC,MAAU,SAAA,CAAA,KAAA,GAAQ,IAAI,UAAa,GAAA,YAAA,CAAA;AAAA,KACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"select2.js","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 </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) {\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":["useAttrs","ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
|
|
|
4
4
|
disabled: BooleanConstructor;
|
|
5
5
|
replace: BooleanConstructor;
|
|
6
6
|
label: StringConstructor;
|
|
7
|
-
|
|
7
|
+
options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]) | ((new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
|
|
8
8
|
inputProps: ObjectConstructor;
|
|
9
9
|
customProps: ObjectConstructor;
|
|
10
10
|
position: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
@@ -28,7 +28,7 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
|
|
|
28
28
|
disabled: BooleanConstructor;
|
|
29
29
|
replace: BooleanConstructor;
|
|
30
30
|
label: StringConstructor;
|
|
31
|
-
|
|
31
|
+
options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]) | ((new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
|
|
32
32
|
inputProps: ObjectConstructor;
|
|
33
33
|
customProps: ObjectConstructor;
|
|
34
34
|
position: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
@@ -831,7 +831,7 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
|
|
|
831
831
|
disabled: BooleanConstructor;
|
|
832
832
|
replace: BooleanConstructor;
|
|
833
833
|
label: StringConstructor;
|
|
834
|
-
|
|
834
|
+
options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]) | ((new (...args: any[]) => import("..").OptionType[]) | (() => import("..").OptionType[]))[], unknown, unknown, () => never[], boolean>;
|
|
835
835
|
inputProps: ObjectConstructor;
|
|
836
836
|
customProps: ObjectConstructor;
|
|
837
837
|
position: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
@@ -854,10 +854,10 @@ export declare const HzztSelectInput: import("hzzt-plus/es/utils").SFCWithInstal
|
|
|
854
854
|
onInput?: ((value: string | undefined) => any) | undefined;
|
|
855
855
|
}, {
|
|
856
856
|
disabled: boolean;
|
|
857
|
+
options: import("..").OptionType[];
|
|
857
858
|
modelValue: import("hzzt-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
|
|
858
859
|
replace: boolean;
|
|
859
860
|
split: string;
|
|
860
|
-
data: import("..").OptionType[];
|
|
861
861
|
position: string;
|
|
862
862
|
indexType: string;
|
|
863
863
|
}>> & Record<string, any>;
|
|
@@ -7,7 +7,7 @@ export declare const selectInputProps: {
|
|
|
7
7
|
disabled: BooleanConstructor;
|
|
8
8
|
replace: BooleanConstructor;
|
|
9
9
|
label: StringConstructor;
|
|
10
|
-
|
|
10
|
+
options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
|
|
11
11
|
inputProps: ObjectConstructor;
|
|
12
12
|
customProps: ObjectConstructor;
|
|
13
13
|
position: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-input.js","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
|
|
1
|
+
{"version":3,"file":"select-input.js","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":["buildProps","definePropType","useSizeProp","UPDATE_MODEL_EVENT","isString"],"mappings":";;;;;;;;;;;;AAGY,MAAC,gBAAgB,GAAGA,kBAAU,CAAC;AAC3C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,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,EAAEA,sBAAc,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,EAAEC,iBAAW;AACnB,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,eAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,KAAK,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACnC,EAAE,MAAM,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACpC;;;;;"}
|
|
@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
5
5
|
disabled: BooleanConstructor;
|
|
6
6
|
replace: BooleanConstructor;
|
|
7
7
|
label: StringConstructor;
|
|
8
|
-
|
|
8
|
+
options: import("../../../utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
|
|
9
9
|
inputProps: ObjectConstructor;
|
|
10
10
|
customProps: ObjectConstructor;
|
|
11
11
|
position: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
29
29
|
disabled: BooleanConstructor;
|
|
30
30
|
replace: BooleanConstructor;
|
|
31
31
|
label: StringConstructor;
|
|
32
|
-
|
|
32
|
+
options: import("../../../utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
|
|
33
33
|
inputProps: ObjectConstructor;
|
|
34
34
|
customProps: ObjectConstructor;
|
|
35
35
|
position: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
@@ -832,7 +832,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
832
832
|
disabled: BooleanConstructor;
|
|
833
833
|
replace: BooleanConstructor;
|
|
834
834
|
label: StringConstructor;
|
|
835
|
-
|
|
835
|
+
options: import("../../../utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
|
|
836
836
|
inputProps: ObjectConstructor;
|
|
837
837
|
customProps: ObjectConstructor;
|
|
838
838
|
position: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
@@ -855,10 +855,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
855
855
|
onInput?: ((value: string | undefined) => any) | undefined;
|
|
856
856
|
}, {
|
|
857
857
|
disabled: boolean;
|
|
858
|
+
options: OptionType[];
|
|
858
859
|
modelValue: import("../../../utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
|
|
859
860
|
replace: boolean;
|
|
860
861
|
split: string;
|
|
861
|
-
data: OptionType[];
|
|
862
862
|
position: string;
|
|
863
863
|
indexType: string;
|
|
864
864
|
}>;
|
|
@@ -108,8 +108,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
108
108
|
_: 3
|
|
109
109
|
}, 16, ["class", "modelValue"])
|
|
110
110
|
], 2),
|
|
111
|
-
_ctx.
|
|
112
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.
|
|
111
|
+
_ctx.options.length && !vue.unref(trueDisabled) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
|
|
112
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
|
|
113
113
|
return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElLink), vue.mergeProps({
|
|
114
114
|
key: index,
|
|
115
115
|
class: "margin-r-4"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-input2.js","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=\"
|
|
1
|
+
{"version":3,"file":"select-input2.js","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":["ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch","numberToLetter","_openBlock","_createElementBlock"],"mappings":"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"}
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('../../utils/index.js');
|
|
6
|
-
var selectTextarea$1 = require('./src/select-
|
|
7
|
-
var selectTextarea = require('./src/select-
|
|
6
|
+
var selectTextarea$1 = require('./src/select-textarea2.js');
|
|
7
|
+
var selectTextarea = require('./src/select-textarea.js');
|
|
8
8
|
var install = require('../../utils/vue/install.js');
|
|
9
9
|
|
|
10
10
|
const HzztSelectTextarea = install.withInstall(selectTextarea$1["default"]);
|
|
@@ -10,8 +10,9 @@ export declare const selectTextareaProps: {
|
|
|
10
10
|
};
|
|
11
11
|
disabled: BooleanConstructor;
|
|
12
12
|
label: StringConstructor;
|
|
13
|
-
|
|
13
|
+
options: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => OptionType[]) | (() => OptionType[]) | ((new (...args: any[]) => OptionType[]) | (() => OptionType[]))[], unknown, unknown, () => never[], boolean>;
|
|
14
14
|
inputProps: ObjectConstructor;
|
|
15
|
+
selectProps: ObjectConstructor;
|
|
15
16
|
replace: BooleanConstructor;
|
|
16
17
|
modelValue: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown, string, boolean>;
|
|
17
18
|
};
|