@vunk/form 2.19.19 → 2.19.21
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/components/ai-provider/index.cjs +1 -0
- package/components/ai-provider/index.d.ts +7 -0
- package/components/ai-provider/index.mjs +61 -0
- package/components/ai-provider/src/ctx.d.ts +8 -0
- package/components/ai-provider/src/index.vue.d.ts +23 -0
- package/components/ai-provider/src/types.d.ts +56 -0
- package/components/ai-provider/src/use.d.ts +3 -0
- package/components/api-tables-select/index.cjs +1 -1
- package/components/api-tables-select/index.mjs +1 -1
- package/components/api-tables-select/src/ctx.d.ts +57 -57
- package/components/api-tables-select/src/index.vue.d.ts +46 -419
- package/components/button/index.cjs +1 -1
- package/components/button/index.mjs +12 -12
- package/components/button/src/ctx.d.ts +7 -2
- package/components/button/src/index.vue.d.ts +36 -14
- package/components/card-input-collection/index.cjs +1 -1
- package/components/card-input-collection/index.mjs +136 -141
- package/components/card-input-collection/src/core.vue.d.ts +18 -7
- package/components/card-input-collection/src/ctx.d.ts +7 -2
- package/components/card-input-collection/src/index.vue.d.ts +18 -7
- package/components/cascader/index.cjs +1 -1
- package/components/cascader/index.mjs +38 -39
- package/components/cascader/src/ctx.d.ts +8 -3
- package/components/cascader/src/index.vue.d.ts +19 -8
- package/components/checkbox/src/ctx.d.ts +8 -3
- package/components/checkbox/src/index.vue.d.ts +43 -21
- package/components/{cloneDeep-DE0l40hv.mjs → cloneDeep-2YeQ7w2t.mjs} +10 -10
- package/components/cloneDeep-Btpy0oPF.js +1 -0
- package/components/collapse/index.cjs +1 -1
- package/components/collapse/index.mjs +19 -22
- package/components/collapse-item/index.cjs +1 -1
- package/components/collapse-item/index.mjs +21 -21
- package/components/collapse-item/src/index.vue.d.ts +2 -2
- package/components/color-picker/index.cjs +1 -1
- package/components/color-picker/index.mjs +26 -27
- package/components/color-picker/src/ctx.d.ts +7 -2
- package/components/color-picker/src/index.vue.d.ts +17 -6
- package/components/{style.css → components.css} +1 -1
- package/components/date-picker/index.cjs +1 -1
- package/components/date-picker/index.mjs +40 -41
- package/components/date-picker/src/ctx.d.ts +8 -3
- package/components/date-picker/src/index.vue.d.ts +17 -6
- package/components/date-picker-range/index.cjs +1 -1
- package/components/date-picker-range/index.mjs +17 -17
- package/components/date-picker-range/src/ctx.d.ts +14 -9
- package/components/date-picker-range/src/index.vue.d.ts +48 -26
- package/components/dialog/index.cjs +1 -1
- package/components/dialog/index.mjs +41 -52
- package/components/dialog/src/ctx.d.ts +1 -1
- package/components/dialog/src/index.vue.d.ts +1 -1
- package/components/dialog-input-collection/index.cjs +1 -1
- package/components/dialog-input-collection/index.mjs +124 -122
- package/components/dialog-input-collection/src/ctx.d.ts +7 -2
- package/components/dialog-input-collection/src/dialog-form.vue.d.ts +1 -1
- package/components/dialog-input-collection/src/index.vue.d.ts +17 -6
- package/components/download-plus/index.cjs +1 -1
- package/components/download-plus/index.mjs +193 -202
- package/components/download-plus/src/ctx.d.ts +7 -2
- package/components/download-plus/src/index.vue.d.ts +32 -10
- package/components/editable-text/index.cjs +1 -1
- package/components/editable-text/index.mjs +72 -75
- package/components/editable-text/src/ctx.d.ts +7 -2
- package/components/editable-text/src/index.vue.d.ts +18 -7
- package/components/el-slider/index.cjs +1 -1
- package/components/el-slider/index.mjs +230 -233
- package/components/el-slider/src/composables/index.cjs +1 -1
- package/components/el-slider/src/composables/index.mjs +1 -1
- package/components/el-slider/src/slider-core.vue.d.ts +3 -3
- package/components/esri-input-geojson/index.cjs +1 -5
- package/components/esri-input-geojson/index.mjs +59 -68
- package/components/esri-input-geojson/src/append.vue.d.ts +2 -2
- package/components/esri-input-geojson/src/ctx.d.ts +9 -4
- package/components/esri-input-geojson/src/index.vue.d.ts +65 -30
- package/components/fieldset/src/index.vue.d.ts +1 -1
- package/components/form/index.cjs +1 -1
- package/components/form/index.mjs +96 -101
- package/components/form/src/ctx.d.ts +2 -2
- package/components/form/src/index.vue.d.ts +4 -4
- package/components/form/src/use.d.ts +2 -2
- package/components/form-item/index.cjs +1 -1
- package/components/form-item/index.mjs +179 -107
- package/components/form-item/src/core.vue.d.ts +7 -3
- package/components/form-item/src/ctx.d.ts +7 -1
- package/components/form-item/src/index.vue.d.ts +13 -2
- package/components/form-item/src/use.d.ts +11 -0
- package/components/form-item-renderer/index.cjs +1 -1
- package/components/form-item-renderer/index.d.ts +1 -0
- package/components/form-item-renderer/index.mjs +85 -78
- package/components/form-item-renderer/src/use.d.ts +3 -0
- package/components/forms-provider/index.cjs +1 -1
- package/components/forms-provider/index.mjs +18 -21
- package/components/index-BIo_4rr_.mjs +18620 -0
- package/components/index-Bc7UifHG.js +1 -0
- package/components/index-D0D9ABpH.js +108 -0
- package/components/{index-CeHbpfCD.mjs → index-DCNYT7Wv.mjs} +0 -1
- package/components/information-collection/index.cjs +1 -1
- package/components/information-collection/index.mjs +32 -38
- package/components/information-collection/src/ctx.d.ts +7 -2
- package/components/information-collection/src/index.vue.d.ts +17 -6
- package/components/information-tag/index.cjs +1 -1
- package/components/information-tag/index.mjs +9 -12
- package/components/information-tag/src/index.vue.d.ts +1 -1
- package/components/input/index.cjs +1 -1
- package/components/input/index.mjs +27 -27
- package/components/input/src/ctx.d.ts +9 -4
- package/components/input/src/index.vue.d.ts +35 -13
- package/components/input-array/index.cjs +1 -1
- package/components/input-array/index.mjs +71 -74
- package/components/input-array/src/ctx.d.ts +7 -2
- package/components/input-array/src/index.vue.d.ts +18 -7
- package/components/input-collection/index.cjs +1 -1
- package/components/input-collection/index.mjs +121 -126
- package/components/input-collection/src/core.vue.d.ts +17 -6
- package/components/input-collection/src/ctx.d.ts +7 -2
- package/components/input-collection/src/index.vue.d.ts +17 -6
- package/components/input-file/src/index.vue.d.ts +19 -8
- package/components/input-link/index.cjs +1 -1
- package/components/input-link/index.mjs +1 -1
- package/components/input-link/src/ctx.d.ts +7 -2
- package/components/input-link/src/index.vue.d.ts +54 -21
- package/components/input-number/index.cjs +1 -1
- package/components/input-number/index.mjs +30 -33
- package/components/input-number/src/ctx.d.ts +8 -3
- package/components/input-number/src/index.vue.d.ts +33 -11
- package/components/input-tag/index.cjs +1 -1
- package/components/input-tag/index.mjs +24 -24
- package/components/input-tag/src/ctx.d.ts +9 -4
- package/components/input-tag/src/index.vue.d.ts +33 -11
- package/components/monaco-editor/src/ctx.d.ts +8 -3
- package/components/monaco-editor/src/index.vue.d.ts +38 -16
- package/components/radio/src/ctx.d.ts +7 -2
- package/components/radio/src/index.vue.d.ts +40 -18
- package/components/radio/src/wraper.vue.d.ts +22 -11
- package/components/renderer-data/index.cjs +1 -1
- package/components/renderer-data/index.mjs +14 -17
- package/components/select/index.cjs +1 -1
- package/components/select/index.mjs +165 -112
- package/components/select/src/core.vue.d.ts +107 -70
- package/components/select/src/ctx.d.ts +16 -4
- package/components/select/src/index.vue.d.ts +62 -42
- package/components/slider/index.cjs +1 -1
- package/components/slider/index.mjs +30 -31
- package/components/slider/src/ctx.d.ts +7 -2
- package/components/slider/src/index.vue.d.ts +18 -7
- package/components/switch/src/ctx.d.ts +7 -2
- package/components/switch/src/index.vue.d.ts +18 -7
- package/components/tables-select/index.cjs +1 -1
- package/components/tables-select/index.mjs +4 -4
- package/components/tables-select/src/ctx.d.ts +68 -68
- package/components/tables-select/src/index.vue.d.ts +52 -420
- package/components/template-instances-provider/index.cjs +1 -1
- package/components/template-instances-provider/index.mjs +11 -17
- package/components/templates-default/src/index.vue.d.ts +413 -185
- package/components/templates-esri/src/index.vue.d.ts +65 -30
- package/components/templates-variant/src/index.vue.d.ts +48 -26
- package/components/time-picker/index.cjs +1 -1
- package/components/time-picker/index.mjs +38 -39
- package/components/time-picker/src/ctx.d.ts +8 -3
- package/components/time-picker/src/index.vue.d.ts +17 -6
- package/components/upload/index.cjs +1 -1
- package/components/upload/index.mjs +244 -253
- package/components/upload/src/ctx.d.ts +8 -3
- package/components/upload/src/file.vue.d.ts +3 -3
- package/components/upload/src/index.vue.d.ts +37 -15
- package/components/upload/src/wraper.vue.d.ts +19 -8
- package/components/upload-plus/index.cjs +7 -15
- package/components/upload-plus/index.mjs +1879 -1897
- package/components/upload-plus/src/ctx.d.ts +7 -2
- package/components/upload-plus/src/index.vue.d.ts +18 -7
- package/components/use-watch-C3iIa2DX.js +1 -0
- package/components/use-watch-Dp64x0si.mjs +411 -0
- package/components/van-cascader/src/ctx.d.ts +7 -2
- package/components/van-cascader/src/index.vue.d.ts +19 -8
- package/components/var-datetime-picker/src/ctx.d.ts +7 -2
- package/components/var-datetime-picker/src/index.vue.d.ts +30 -8
- package/components/vditor/src/ctx.d.ts +7 -2
- package/components/vditor/src/index.vue.d.ts +41 -19
- package/composables/element-plus/index.cjs +1 -1
- package/composables/element-plus/index.mjs +10 -10
- package/composables/form-mitt/index.mjs +1 -1
- package/composables/index.cjs +1 -1
- package/composables/index.mjs +53 -53
- package/index.css +1 -1
- package/locale/index.cjs +1 -1
- package/locale/index.mjs +8 -5
- package/locale/lang/ar.d.ts +1 -0
- package/locale/lang/en.d.ts +1 -0
- package/locale/lang/zh-cn.d.ts +1 -0
- package/package.json +9 -1
- package/shared/element-plus/ctx.d.ts +16 -16
- package/shared/types/source/index.d.ts +5 -0
- package/shared/upload/index.cjs +1 -1
- package/shared/upload/index.mjs +166 -165
- package/components/cloneDeep-DaYwfXwD.js +0 -1
- package/components/index-BBriTmQP.js +0 -1
- package/components/use-watch-Bfrz9pv_.js +0 -1
- package/components/use-watch-t49wP7jy.mjs +0 -414
|
@@ -24,6 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
24
24
|
default: undefined;
|
|
25
25
|
};
|
|
26
26
|
required: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
27
|
+
error: StringConstructor;
|
|
28
|
+
prop: null;
|
|
27
29
|
labelPosition: {
|
|
28
30
|
type: import("vue").PropType<"left" | "right" | "top" | "start" | "end">;
|
|
29
31
|
default: undefined;
|
|
@@ -61,12 +63,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
61
63
|
type: BooleanConstructor;
|
|
62
64
|
default: boolean;
|
|
63
65
|
};
|
|
64
|
-
prop: null;
|
|
65
66
|
defaultModelValue: null;
|
|
66
67
|
labelTipProps: {
|
|
67
68
|
type: import("vue").PropType<import("element-plus").UseTooltipProps>;
|
|
68
69
|
default: () => {};
|
|
69
70
|
};
|
|
71
|
+
ai: {
|
|
72
|
+
type: import("vue").PropType<import("../../ai-provider").AiConfig>;
|
|
73
|
+
default: undefined;
|
|
74
|
+
};
|
|
75
|
+
aiOutput: null;
|
|
70
76
|
label: StringConstructor;
|
|
71
77
|
labelWidth: {
|
|
72
78
|
readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
|
|
@@ -80,7 +86,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
80
86
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
81
87
|
__epPropKey: true;
|
|
82
88
|
};
|
|
83
|
-
error: StringConstructor;
|
|
84
89
|
validateStatus: {
|
|
85
90
|
readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
|
|
86
91
|
readonly required: false;
|
|
@@ -196,6 +201,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
196
201
|
default: undefined;
|
|
197
202
|
};
|
|
198
203
|
required: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
204
|
+
error: StringConstructor;
|
|
205
|
+
prop: null;
|
|
199
206
|
labelPosition: {
|
|
200
207
|
type: import("vue").PropType<"left" | "right" | "top" | "start" | "end">;
|
|
201
208
|
default: undefined;
|
|
@@ -233,12 +240,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
233
240
|
type: BooleanConstructor;
|
|
234
241
|
default: boolean;
|
|
235
242
|
};
|
|
236
|
-
prop: null;
|
|
237
243
|
defaultModelValue: null;
|
|
238
244
|
labelTipProps: {
|
|
239
245
|
type: import("vue").PropType<import("element-plus").UseTooltipProps>;
|
|
240
246
|
default: () => {};
|
|
241
247
|
};
|
|
248
|
+
ai: {
|
|
249
|
+
type: import("vue").PropType<import("../../ai-provider").AiConfig>;
|
|
250
|
+
default: undefined;
|
|
251
|
+
};
|
|
252
|
+
aiOutput: null;
|
|
242
253
|
label: StringConstructor;
|
|
243
254
|
labelWidth: {
|
|
244
255
|
readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
|
|
@@ -252,7 +263,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
252
263
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
253
264
|
__epPropKey: true;
|
|
254
265
|
};
|
|
255
|
-
error: StringConstructor;
|
|
256
266
|
validateStatus: {
|
|
257
267
|
readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
|
|
258
268
|
readonly required: false;
|
|
@@ -266,8 +276,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
266
276
|
"onUpdate:fileStatus"?: ((...args: any[]) => any) | undefined;
|
|
267
277
|
}>, {
|
|
268
278
|
required: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
269
|
-
labelPosition: "
|
|
270
|
-
formItemSize: "
|
|
279
|
+
labelPosition: "start" | "left" | "right" | "top" | "end";
|
|
280
|
+
formItemSize: "small" | "default" | "large";
|
|
271
281
|
formItemSlots: import("../../form-item/src/types").FormItemSlots;
|
|
272
282
|
inline: boolean;
|
|
273
283
|
readonly: boolean;
|
|
@@ -275,6 +285,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
275
285
|
labelTip: string;
|
|
276
286
|
information: boolean;
|
|
277
287
|
labelTipProps: import("element-plus").UseTooltipProps;
|
|
288
|
+
ai: import("../../ai-provider").AiConfig;
|
|
278
289
|
inlineMessage: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
279
290
|
showMessage: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
280
291
|
url: string;
|
|
@@ -327,6 +338,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
327
338
|
type: import("vue").PropType<import("element-plus").UseTooltipProps>;
|
|
328
339
|
default: () => {};
|
|
329
340
|
};
|
|
341
|
+
ai: {
|
|
342
|
+
type: import("vue").PropType<import("../../ai-provider").AiConfig>;
|
|
343
|
+
default: undefined;
|
|
344
|
+
};
|
|
345
|
+
aiOutput: null;
|
|
330
346
|
label: StringConstructor;
|
|
331
347
|
labelWidth: {
|
|
332
348
|
readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
|
|
@@ -403,6 +419,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
403
419
|
type: import("vue").PropType<import("element-plus").UseTooltipProps>;
|
|
404
420
|
default: () => {};
|
|
405
421
|
};
|
|
422
|
+
ai: {
|
|
423
|
+
type: import("vue").PropType<import("../../ai-provider").AiConfig>;
|
|
424
|
+
default: undefined;
|
|
425
|
+
};
|
|
426
|
+
aiOutput: null;
|
|
406
427
|
label: StringConstructor;
|
|
407
428
|
labelWidth: {
|
|
408
429
|
readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
|
|
@@ -435,8 +456,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
435
456
|
};
|
|
436
457
|
}, "size">>> & Readonly<{}>, {
|
|
437
458
|
required: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
438
|
-
labelPosition: "
|
|
439
|
-
formItemSize: "
|
|
459
|
+
labelPosition: "start" | "left" | "right" | "top" | "end";
|
|
460
|
+
formItemSize: "small" | "default" | "large";
|
|
440
461
|
formItemSlots: import("../../form-item/src/types").FormItemSlots;
|
|
441
462
|
inline: boolean;
|
|
442
463
|
readonly: boolean;
|
|
@@ -444,6 +465,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
444
465
|
labelTip: string;
|
|
445
466
|
information: boolean;
|
|
446
467
|
labelTipProps: import("element-plus").UseTooltipProps;
|
|
468
|
+
ai: import("../../ai-provider").AiConfig;
|
|
447
469
|
inlineMessage: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
448
470
|
showMessage: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
449
471
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -556,9 +578,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
556
578
|
};
|
|
557
579
|
}) & import("vue").ObjectPlugin & {
|
|
558
580
|
setPropsDefaults: (defaults: {
|
|
559
|
-
readonly size?: "" | "
|
|
581
|
+
readonly size?: "" | "small" | "default" | "large" | (() => "" | "small" | "default" | "large") | undefined;
|
|
560
582
|
readonly disabled?: boolean | (() => boolean) | undefined;
|
|
561
|
-
readonly type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger" |
|
|
583
|
+
readonly type?: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger" | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | undefined;
|
|
562
584
|
readonly icon?: string | import("vue").FunctionalComponent<any, {}, any, {}> | {
|
|
563
585
|
new (...args: any[]): any;
|
|
564
586
|
__isFragment?: never;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@vunk/form/components/form-item"),q=require("element-plus"),B=require("@vunk/form"),S=require("@vunk/core/composables"),T=require("@vunk/form/components/form-item-renderer"),g=require("@vunk/form/components/templates-default"),E=require("@vunk/form/components/renderer-data"),N=require("@vunk/core"),y=require("@vunk/plus/components/avatar"),s=require("../index-Bc7UifHG.js"),P=require("@vunk/plus/components/text"),w={...n._VkfFormItemCtx.props,modelValue:null,iconSize:{type:Number,default:22},readonly:{type:Boolean,default:void 0},editable:{type:Boolean,default:void 0},edit:{type:Object,default:void 0},textProps:{type:Object,default:()=>({})},showEditIcon:{type:Boolean,default:!1},clickOutsideToClose:{type:Boolean,default:!0},validate:{type:Function,default:void 0}},D={"update:editable":null,"update:modelValue":null,checked:u=>u||!0},R={class:"vkf-editable-text-actions"},h=e.defineComponent({name:"VkfEditableText",inheritAttrs:!1,__name:"index",props:w,emits:D,setup(u,{emit:b}){const o=u,a=b,_=e.useId(),l=S.useModelComputed({key:"editable",default:!1},o,a),f=e.computed(()=>o.prop??_),p=n._VkfFormItemCtx.createBindProps(o,[]),m=B.useComputedReadonly(o),k=e.ref(),d=e.ref(),C=e.computed(()=>[{templateType:"VkfInput",...p.value,inline:!0,onBlur:o.clickOutsideToClose?c:void 0,onKeydown:r=>{r.key==="Enter"?c():r.key==="Escape"&&V(),r.stopPropagation()},...o.edit,prop:f.value,elRef:r=>{o.edit?.elRef?.(r),d.value=r}}]),x=e.computed(()=>{const t={};return N.setData(t,{k:f.value,v:o.modelValue}),t}),I=({v:t})=>{a("update:modelValue",t)},v=e.ref(o.modelValue);function i(){v.value=o.modelValue,l.value=!0,e.nextTick(()=>{const t=k.value?.$el.querySelector("input, textarea");t&&t.focus()})}function c(){const t=()=>{l.value=!1,a("checked",o.modelValue)},r=()=>{console.warn("Validation failed, editable text remains open.")};o.validate?o.validate(o.modelValue).then(t).catch(r):d.value?.validate?d.value.validate().then(t).catch(r):t()}function V(){a("update:modelValue",v.value),l.value=!1}return(t,r)=>e.unref(m)||!e.unref(l)?(e.openBlock(),e.createBlock(e.unref(n.VkfFormItem),e.mergeProps({key:0},{...e.unref(p),...t.$attrs},{class:"vkf-editable-text"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"text",{handleEdit:i},()=>[e.createVNode(e.unref(P.VkText),e.mergeProps(t.textProps,{onDblclick:i}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.modelValue),1)]),_:1},16)]),!e.unref(m)&&t.showEditIcon?(e.openBlock(),e.createBlock(e.unref(q.ElIcon),{key:0,color:"var(--el-color-primary)",class:"vk-editable-text-edit",onClick:i},{default:e.withCtx(()=>[e.createVNode(e.unref(s.edit_pen_default))]),_:1})):e.createCommentVNode("",!0)]),_:3},16)):(e.openBlock(),e.createBlock(e.unref(E.VkfRendererData),{key:1,data:x.value,onSetData:I},{default:e.withCtx(()=>[e.createVNode(e.unref(n.VkfFormItem),e.mergeProps({ref_key:"formItemContainerRef",ref:k,class:"vk-editable-text-edit-x"},t.$attrs),{default:e.withCtx(()=>[e.createVNode(e.unref(T.VkfFormItemRenderer),{source:C.value},{placeholder:e.withCtx(()=>[e.createVNode(e.unref(g.VkfTemplatesDefault))]),_:1},8,["source"]),e.createElementVNode("div",R,[e.createVNode(e.unref(y.VkAvatar),{icon:e.unref(s.select_default),size:t.iconSize,color:"var(--el-color-primary)",onClick:c},null,8,["icon","size"]),e.createVNode(e.unref(y.VkAvatar),{icon:e.unref(s.close_bold_default),size:t.iconSize,color:"var(--el-color-danger)",onClick:V},null,8,["icon","size"])])]),_:1},16)]),_:1},8,["data"]))}}),z=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfEditableText=h;exports.__VkfEditableText=z;exports.default=h;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { _VkfFormItemCtx as
|
|
3
|
-
import { ElIcon as
|
|
4
|
-
import { useComputedReadonly as
|
|
5
|
-
import { useModelComputed as
|
|
6
|
-
import { VkfFormItemRenderer as
|
|
7
|
-
import { VkfTemplatesDefault as
|
|
8
|
-
import { VkfRendererData as
|
|
9
|
-
import { setData as
|
|
10
|
-
import { VkAvatar as
|
|
11
|
-
import { e as
|
|
12
|
-
import { VkText as
|
|
13
|
-
const
|
|
14
|
-
...
|
|
1
|
+
import { defineComponent as R, useId as g, computed as f, ref as m, unref as t, openBlock as p, createBlock as k, mergeProps as v, withCtx as r, renderSlot as P, createVNode as l, createTextVNode as O, toDisplayString as w, createCommentVNode as N, createElementVNode as j, nextTick as F } from "vue";
|
|
2
|
+
import { _VkfFormItemCtx as E, VkfFormItem as x } from "@vunk/form/components/form-item";
|
|
3
|
+
import { ElIcon as $ } from "element-plus";
|
|
4
|
+
import { useComputedReadonly as A } from "@vunk/form";
|
|
5
|
+
import { useModelComputed as M } from "@vunk/core/composables";
|
|
6
|
+
import { VkfFormItemRenderer as q } from "@vunk/form/components/form-item-renderer";
|
|
7
|
+
import { VkfTemplatesDefault as K } from "@vunk/form/components/templates-default";
|
|
8
|
+
import { VkfRendererData as G } from "@vunk/form/components/renderer-data";
|
|
9
|
+
import { setData as H } from "@vunk/core";
|
|
10
|
+
import { VkAvatar as I } from "@vunk/plus/components/avatar";
|
|
11
|
+
import { e as J, s as L, c as Q } from "../index-DCNYT7Wv.mjs";
|
|
12
|
+
import { VkText as U } from "@vunk/plus/components/text";
|
|
13
|
+
const W = {
|
|
14
|
+
...E.props,
|
|
15
15
|
/**
|
|
16
16
|
* @description model;
|
|
17
17
|
*/
|
|
@@ -69,129 +69,126 @@ const Y = {
|
|
|
69
69
|
type: Function,
|
|
70
70
|
default: void 0
|
|
71
71
|
}
|
|
72
|
-
},
|
|
72
|
+
}, X = {
|
|
73
73
|
"update:editable": null,
|
|
74
74
|
"update:modelValue": null,
|
|
75
|
-
checked: (
|
|
76
|
-
},
|
|
75
|
+
checked: (d) => d || !0
|
|
76
|
+
}, Y = {
|
|
77
77
|
class: "vkf-editable-text-actions"
|
|
78
|
-
},
|
|
78
|
+
}, ce = /* @__PURE__ */ R({
|
|
79
79
|
name: "VkfEditableText",
|
|
80
80
|
inheritAttrs: !1,
|
|
81
81
|
__name: "index",
|
|
82
|
-
props:
|
|
83
|
-
emits:
|
|
84
|
-
setup(
|
|
85
|
-
emit:
|
|
82
|
+
props: W,
|
|
83
|
+
emits: X,
|
|
84
|
+
setup(d, {
|
|
85
|
+
emit: S
|
|
86
86
|
}) {
|
|
87
|
-
const o =
|
|
87
|
+
const o = d, n = S, T = g(), i = M({
|
|
88
88
|
key: "editable",
|
|
89
89
|
default: !1
|
|
90
|
-
}, o,
|
|
90
|
+
}, o, n), y = f(() => o.prop ?? T), V = E.createBindProps(o, []), b = A(o), h = m(), s = m(), B = f(() => [{
|
|
91
91
|
templateType: "VkfInput",
|
|
92
|
-
...
|
|
92
|
+
...V.value,
|
|
93
93
|
inline: !0,
|
|
94
|
-
onBlur: o.clickOutsideToClose ?
|
|
94
|
+
onBlur: o.clickOutsideToClose ? c : void 0,
|
|
95
95
|
onKeydown: (a) => {
|
|
96
|
-
a.key === "Enter" ?
|
|
96
|
+
a.key === "Enter" ? c() : a.key === "Escape" && C(), a.stopPropagation();
|
|
97
97
|
},
|
|
98
98
|
...o.edit,
|
|
99
|
-
prop:
|
|
99
|
+
prop: y.value,
|
|
100
100
|
elRef: (a) => {
|
|
101
|
-
|
|
102
|
-
(I = (l = o.edit) == null ? void 0 : l.elRef) == null || I.call(l, a), u.value = a;
|
|
101
|
+
o.edit?.elRef?.(a), s.value = a;
|
|
103
102
|
}
|
|
104
|
-
}]),
|
|
103
|
+
}]), z = f(() => {
|
|
105
104
|
const e = {};
|
|
106
|
-
return
|
|
107
|
-
k:
|
|
105
|
+
return H(e, {
|
|
106
|
+
k: y.value,
|
|
108
107
|
v: o.modelValue
|
|
109
108
|
}), e;
|
|
110
|
-
}),
|
|
109
|
+
}), D = ({
|
|
111
110
|
v: e
|
|
112
111
|
}) => {
|
|
113
|
-
|
|
114
|
-
},
|
|
115
|
-
function
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
const e = (a = _.value) == null ? void 0 : a.$el.querySelector("input, textarea");
|
|
112
|
+
n("update:modelValue", e);
|
|
113
|
+
}, _ = m(o.modelValue);
|
|
114
|
+
function u() {
|
|
115
|
+
_.value = o.modelValue, i.value = !0, F(() => {
|
|
116
|
+
const e = h.value?.$el.querySelector("input, textarea");
|
|
119
117
|
e && e.focus();
|
|
120
118
|
});
|
|
121
119
|
}
|
|
122
|
-
function
|
|
123
|
-
var l;
|
|
120
|
+
function c() {
|
|
124
121
|
const e = () => {
|
|
125
|
-
|
|
122
|
+
i.value = !1, n("checked", o.modelValue);
|
|
126
123
|
}, a = () => {
|
|
127
124
|
console.warn("Validation failed, editable text remains open.");
|
|
128
125
|
};
|
|
129
|
-
o.validate ? o.validate(o.modelValue).then(e).catch(a) :
|
|
126
|
+
o.validate ? o.validate(o.modelValue).then(e).catch(a) : s.value?.validate ? s.value.validate().then(e).catch(a) : e();
|
|
130
127
|
}
|
|
131
|
-
function
|
|
132
|
-
|
|
128
|
+
function C() {
|
|
129
|
+
n("update:modelValue", _.value), i.value = !1;
|
|
133
130
|
}
|
|
134
|
-
return (e, a) => t(
|
|
131
|
+
return (e, a) => t(b) || !t(i) ? (p(), k(t(x), v({
|
|
135
132
|
key: 0
|
|
136
133
|
}, {
|
|
137
|
-
...t(
|
|
134
|
+
...t(V),
|
|
138
135
|
...e.$attrs
|
|
139
136
|
}, {
|
|
140
137
|
class: "vkf-editable-text"
|
|
141
138
|
}), {
|
|
142
|
-
default:
|
|
143
|
-
handleEdit:
|
|
144
|
-
}, () => [
|
|
145
|
-
onDblclick:
|
|
139
|
+
default: r(() => [P(e.$slots, "text", {
|
|
140
|
+
handleEdit: u
|
|
141
|
+
}, () => [l(t(U), v(e.textProps, {
|
|
142
|
+
onDblclick: u
|
|
146
143
|
}), {
|
|
147
|
-
default:
|
|
144
|
+
default: r(() => [O(w(e.modelValue), 1)]),
|
|
148
145
|
_: 1
|
|
149
|
-
}, 16)]), !t(
|
|
146
|
+
}, 16)]), !t(b) && e.showEditIcon ? (p(), k(t($), {
|
|
150
147
|
key: 0,
|
|
151
148
|
color: "var(--el-color-primary)",
|
|
152
149
|
class: "vk-editable-text-edit",
|
|
153
|
-
onClick:
|
|
150
|
+
onClick: u
|
|
154
151
|
}, {
|
|
155
|
-
default:
|
|
152
|
+
default: r(() => [l(t(J))]),
|
|
156
153
|
_: 1
|
|
157
|
-
})) :
|
|
154
|
+
})) : N("", !0)]),
|
|
158
155
|
_: 3
|
|
159
|
-
}, 16)) : (
|
|
156
|
+
}, 16)) : (p(), k(t(G), {
|
|
160
157
|
key: 1,
|
|
161
|
-
data:
|
|
162
|
-
onSetData:
|
|
158
|
+
data: z.value,
|
|
159
|
+
onSetData: D
|
|
163
160
|
}, {
|
|
164
|
-
default:
|
|
161
|
+
default: r(() => [l(t(x), v({
|
|
165
162
|
ref_key: "formItemContainerRef",
|
|
166
|
-
ref:
|
|
163
|
+
ref: h,
|
|
167
164
|
class: "vk-editable-text-edit-x"
|
|
168
165
|
}, e.$attrs), {
|
|
169
|
-
default:
|
|
170
|
-
source:
|
|
166
|
+
default: r(() => [l(t(q), {
|
|
167
|
+
source: B.value
|
|
171
168
|
}, {
|
|
172
|
-
placeholder:
|
|
169
|
+
placeholder: r(() => [l(t(K))]),
|
|
173
170
|
_: 1
|
|
174
|
-
}, 8, ["source"]),
|
|
175
|
-
icon: t(
|
|
171
|
+
}, 8, ["source"]), j("div", Y, [l(t(I), {
|
|
172
|
+
icon: t(L),
|
|
176
173
|
size: e.iconSize,
|
|
177
174
|
color: "var(--el-color-primary)",
|
|
178
|
-
onClick:
|
|
179
|
-
}, null, 8, ["icon", "size"]),
|
|
180
|
-
icon: t(
|
|
175
|
+
onClick: c
|
|
176
|
+
}, null, 8, ["icon", "size"]), l(t(I), {
|
|
177
|
+
icon: t(Q),
|
|
181
178
|
size: e.iconSize,
|
|
182
179
|
color: "var(--el-color-danger)",
|
|
183
|
-
onClick:
|
|
180
|
+
onClick: C
|
|
184
181
|
}, null, 8, ["icon", "size"])])]),
|
|
185
182
|
_: 1
|
|
186
183
|
}, 16)]),
|
|
187
184
|
_: 1
|
|
188
185
|
}, 8, ["data"]));
|
|
189
186
|
}
|
|
190
|
-
}),
|
|
187
|
+
}), fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
191
188
|
__proto__: null
|
|
192
189
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
193
190
|
export {
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
191
|
+
ce as VkfEditableText,
|
|
192
|
+
fe as __VkfEditableText,
|
|
193
|
+
ce as default
|
|
197
194
|
};
|
|
@@ -58,6 +58,8 @@ export declare const props: {
|
|
|
58
58
|
default: undefined;
|
|
59
59
|
};
|
|
60
60
|
required: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
61
|
+
error: StringConstructor;
|
|
62
|
+
prop: null;
|
|
61
63
|
labelPosition: {
|
|
62
64
|
type: PropType<"left" | "right" | "top" | "start" | "end">;
|
|
63
65
|
default: undefined;
|
|
@@ -91,12 +93,16 @@ export declare const props: {
|
|
|
91
93
|
type: BooleanConstructor;
|
|
92
94
|
default: boolean;
|
|
93
95
|
};
|
|
94
|
-
prop: null;
|
|
95
96
|
defaultModelValue: null;
|
|
96
97
|
labelTipProps: {
|
|
97
98
|
type: PropType<import("element-plus").UseTooltipProps>;
|
|
98
99
|
default: () => {};
|
|
99
100
|
};
|
|
101
|
+
ai: {
|
|
102
|
+
type: PropType<import("../../ai-provider").AiConfig>;
|
|
103
|
+
default: undefined;
|
|
104
|
+
};
|
|
105
|
+
aiOutput: null;
|
|
100
106
|
label: StringConstructor;
|
|
101
107
|
labelWidth: {
|
|
102
108
|
readonly type: PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
|
|
@@ -110,7 +116,6 @@ export declare const props: {
|
|
|
110
116
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
111
117
|
__epPropKey: true;
|
|
112
118
|
};
|
|
113
|
-
error: StringConstructor;
|
|
114
119
|
validateStatus: {
|
|
115
120
|
readonly type: PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
|
|
116
121
|
readonly required: false;
|
|
@@ -40,6 +40,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
40
40
|
default: undefined;
|
|
41
41
|
};
|
|
42
42
|
required: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
43
|
+
error: StringConstructor;
|
|
44
|
+
prop: null;
|
|
43
45
|
labelPosition: {
|
|
44
46
|
type: import("vue").PropType<"left" | "right" | "top" | "start" | "end">;
|
|
45
47
|
default: undefined;
|
|
@@ -73,12 +75,16 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
73
75
|
type: BooleanConstructor;
|
|
74
76
|
default: boolean;
|
|
75
77
|
};
|
|
76
|
-
prop: null;
|
|
77
78
|
defaultModelValue: null;
|
|
78
79
|
labelTipProps: {
|
|
79
80
|
type: import("vue").PropType<import("element-plus").UseTooltipProps>;
|
|
80
81
|
default: () => {};
|
|
81
82
|
};
|
|
83
|
+
ai: {
|
|
84
|
+
type: import("vue").PropType<import("../../ai-provider").AiConfig>;
|
|
85
|
+
default: undefined;
|
|
86
|
+
};
|
|
87
|
+
aiOutput: null;
|
|
82
88
|
label: StringConstructor;
|
|
83
89
|
labelWidth: {
|
|
84
90
|
readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
|
|
@@ -92,7 +98,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
92
98
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
93
99
|
__epPropKey: true;
|
|
94
100
|
};
|
|
95
|
-
error: StringConstructor;
|
|
96
101
|
validateStatus: {
|
|
97
102
|
readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
|
|
98
103
|
readonly required: false;
|
|
@@ -141,6 +146,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
141
146
|
default: undefined;
|
|
142
147
|
};
|
|
143
148
|
required: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
149
|
+
error: StringConstructor;
|
|
150
|
+
prop: null;
|
|
144
151
|
labelPosition: {
|
|
145
152
|
type: import("vue").PropType<"left" | "right" | "top" | "start" | "end">;
|
|
146
153
|
default: undefined;
|
|
@@ -174,12 +181,16 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
174
181
|
type: BooleanConstructor;
|
|
175
182
|
default: boolean;
|
|
176
183
|
};
|
|
177
|
-
prop: null;
|
|
178
184
|
defaultModelValue: null;
|
|
179
185
|
labelTipProps: {
|
|
180
186
|
type: import("vue").PropType<import("element-plus").UseTooltipProps>;
|
|
181
187
|
default: () => {};
|
|
182
188
|
};
|
|
189
|
+
ai: {
|
|
190
|
+
type: import("vue").PropType<import("../../ai-provider").AiConfig>;
|
|
191
|
+
default: undefined;
|
|
192
|
+
};
|
|
193
|
+
aiOutput: null;
|
|
183
194
|
label: StringConstructor;
|
|
184
195
|
labelWidth: {
|
|
185
196
|
readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
|
|
@@ -193,7 +204,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
193
204
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
194
205
|
__epPropKey: true;
|
|
195
206
|
};
|
|
196
|
-
error: StringConstructor;
|
|
197
207
|
validateStatus: {
|
|
198
208
|
readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
|
|
199
209
|
readonly required: false;
|
|
@@ -208,9 +218,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
208
218
|
onChecked?: ((v: string) => any) | undefined;
|
|
209
219
|
"onUpdate:editable"?: ((...args: any[]) => any) | undefined;
|
|
210
220
|
}>, {
|
|
221
|
+
validate: (text: string) => Promise<any>;
|
|
211
222
|
required: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
212
|
-
labelPosition: "
|
|
213
|
-
formItemSize: "
|
|
223
|
+
labelPosition: "start" | "left" | "right" | "top" | "end";
|
|
224
|
+
formItemSize: "small" | "default" | "large";
|
|
214
225
|
formItemSlots: import("../../form-item/src/types").FormItemSlots;
|
|
215
226
|
inline: boolean;
|
|
216
227
|
readonly: boolean;
|
|
@@ -218,10 +229,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
218
229
|
labelTip: string;
|
|
219
230
|
information: boolean;
|
|
220
231
|
labelTipProps: import("element-plus").UseTooltipProps;
|
|
232
|
+
ai: import("../../ai-provider").AiConfig;
|
|
221
233
|
inlineMessage: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
222
234
|
showMessage: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
223
235
|
editable: boolean;
|
|
224
|
-
validate: (text: string) => Promise<any>;
|
|
225
236
|
edit: Record<string, any>;
|
|
226
237
|
iconSize: number;
|
|
227
238
|
textProps: Record<string, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../use-watch-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../use-watch-C3iIa2DX.js"),i=require("element-plus");require("@vunk/shared/function");const Y={modelValue:{type:[Number,Array],default:0},id:{type:String,default:void 0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:[Number,String],default:1},showInput:Boolean,showInputControls:{type:Boolean,default:!0},size:{type:String,default:""},inputSize:{type:String,default:""},showStops:Boolean,showTooltip:{type:Boolean,default:!0},formatTooltip:{type:Function,default:void 0},disabled:{type:Boolean,default:void 0},range:Boolean,vertical:Boolean,height:String,rangeStartLabel:{type:String,default:void 0},rangeEndLabel:{type:String,default:void 0},formatValueText:{type:Function,default:void 0},tooltipClass:{type:String,default:void 0},placement:{type:String,default:"top"},marks:{type:Object},validateEvent:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},ariaLabel:String},W=r=>typeof r=="number"||Array.isArray(r)&&r.every(u=>typeof u=="number"),G={[i.UPDATE_MODEL_EVENT]:W,[i.INPUT_EVENT]:W,[i.CHANGE_EVENT]:W};var oe="top",se="bottom",ie="right",ue="left",de="auto",pe=[oe,se,ie,ue],me="start",ce="end",fe=[].concat(pe,[de]).reduce(function(r,u){return r.concat([u,u+"-"+me,u+"-"+ce])},[]);const ve={modelValue:{type:Number,default:0},vertical:Boolean,tooltipClass:String,placement:{type:String,values:fe,default:"top"}},ye={[i.UPDATE_MODEL_EVENT]:r=>typeof r=="number"},be=["tabindex"],X=e.defineComponent({name:"ElSliderButton",__name:"button",props:ve,emits:ye,setup(r,{expose:u,emit:E}){const t=r,N=E,l=i.useNamespace("slider"),C=e.computed(()=>t.placement||"top"),w=e.reactive({hovering:!1,dragging:!1,isClick:!1,startX:0,currentX:0,startY:0,currentY:0,startPosition:0,newPosition:0,oldValue:t.modelValue}),p=e.computed(()=>L.value?F.value:!1),{disabled:v,button:y,tooltip:D,showTooltip:L,persistent:F,tooltipVisible:f,wrapperStyle:T,formatValue:M,handleMouseEnter:b,handleMouseLeave:g,onButtonDown:k,onKeyDown:S,setPosition:I}=d.useSliderButton(t,w,N),{hovering:h,dragging:m}=e.toRefs(w);return u({onButtonDown:k,onKeyDown:S,setPosition:I,hovering:h,dragging:m}),(R,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"button",ref:y,class:e.normalizeClass([e.unref(l).e("button-wrapper"),{hover:e.unref(h),dragging:e.unref(m)}]),style:e.normalizeStyle(e.unref(T)),tabindex:e.unref(v)?void 0:0,onMouseenter:n[0]||(n[0]=(...o)=>e.unref(b)&&e.unref(b)(...o)),onMouseleave:n[1]||(n[1]=(...o)=>e.unref(g)&&e.unref(g)(...o)),onMousedown:n[2]||(n[2]=(...o)=>e.unref(k)&&e.unref(k)(...o)),onFocus:n[3]||(n[3]=(...o)=>e.unref(b)&&e.unref(b)(...o)),onBlur:n[4]||(n[4]=(...o)=>e.unref(g)&&e.unref(g)(...o)),onKeydown:n[5]||(n[5]=(...o)=>e.unref(S)&&e.unref(S)(...o))},[e.createVNode(e.unref(i.ElTooltip),{ref_key:"tooltip",ref:D,visible:e.unref(f),placement:C.value,"fallback-placements":["top","bottom","right","left"],"stop-popper-mouse-event":!1,"popper-class":R.tooltipClass,disabled:!e.unref(L),persistent:p.value},{content:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(e.unref(M)),1)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).e("button"),{hover:e.unref(h),dragging:e.unref(m)}])},null,2)]),_:1},8,["visible","placement","popper-class","disabled","persistent"])],46,be))}}),ge={mark:{type:[String,Object],default:void 0}},ke=e.defineComponent({name:"ElSliderMarker",props:ge,setup(r){const u=i.useNamespace("slider"),E=e.computed(()=>typeof r.mark=="string"?r.mark:r.mark.label),t=e.computed(()=>typeof r.mark=="string"?void 0:r.mark.style);return()=>e.h("div",{class:u.e("marks-text"),style:t.value},E.value)}}),Se=["id","role","aria-label","aria-labelledby"],Be={key:1},H=e.defineComponent({name:"VkfSliderCore",__name:"slider-core",props:{...Y,isRtl:{type:Boolean,default:!1}},emits:G,setup(r,{expose:u,emit:E}){const t=r,N=E,l=i.useNamespace("slider"),{t:C}=i.useLocale(),w=a=>typeof a=="number",p=e.reactive({firstValue:0,secondValue:0,oldValue:0,dragging:!1,sliderSize:1}),v=e.computed(()=>t.isRtl),{elFormItem:y,slider:D,firstButton:L,secondButton:F,sliderDisabled:f,minValue:T,maxValue:M,runwayStyle:b,barStyle:g,resetSize:k,emitChange:S,onSliderWrapperPrevent:I,onSliderClick:h,onSliderDown:m,onSliderMarkerDown:R,setFirstValue:n,setSecondValue:o}=d.useSlide(t,p,N,v),{stops:J,getStopStyle:U}=d.useStops(t,p,T,M,v),{inputId:$,isLabeledByFormItem:P}=i.useFormItemInputId(t,{formItemContext:y}),O=i.useFormSize(),Q=e.computed(()=>t.inputSize||O.value),A=e.computed(()=>t.showInput&&!t.range&&t.step!=="mark"),q=e.computed(()=>t.ariaLabel||C("el.slider.defaultLabel",{min:t.min,max:t.max})),Z=e.computed(()=>t.range?t.rangeStartLabel||C("el.slider.defaultRangeStartLabel"):q.value),_=e.computed(()=>t.formatValueText?t.formatValueText(B.value):`${B.value}`),ee=e.computed(()=>t.rangeEndLabel||C("el.slider.defaultRangeEndLabel")),te=e.computed(()=>t.formatValueText?t.formatValueText(z.value):`${z.value}`),ae=e.computed(()=>[l.b(),l.m(O.value),l.is("vertical",t.vertical),l.is("rtl",v.value),{[l.m("with-input")]:A.value}]),x=d.useMarks(t);d.useWatch(t,p,T,M,N,y);const re=e.computed(()=>w(t.step)?t.step:1),j=e.computed(()=>{const a=w(t.step)?t.step:1,V=[t.min,t.max,a].map(s=>{const c=`${s}`.split(".")[1];return c?c.length:0});return Math.max.apply(null,V)}),{sliderWrapper:K}=d.useLifecycle(t,p,k),{firstValue:B,secondValue:z,sliderSize:le}=e.toRefs(p),ne=a=>{p.dragging=a};return d.useEventListener(K,"touchstart",I,{passive:!1}),d.useEventListener(K,"touchmove",I,{passive:!1}),e.provide(d.sliderContextKey,{...e.toRefs(t),sliderSize:le,disabled:f,precision:j,markList:x,emitChange:S,resetSize:k,updateDragging:ne,isRtl:v}),u({onSliderClick:h}),(a,V)=>(e.openBlock(),e.createElementBlock("div",{id:a.range?e.unref($):void 0,ref_key:"sliderWrapper",ref:K,class:e.normalizeClass(ae.value),role:a.range?"group":void 0,"aria-label":a.range&&!e.unref(P)?q.value:void 0,"aria-labelledby":a.range&&e.unref(P)?e.unref(y)?.labelId:void 0},[e.createElementVNode("div",{ref_key:"slider",ref:D,class:e.normalizeClass([e.unref(l).e("runway"),{"show-input":A.value},e.unref(l).is("disabled",e.unref(f))]),style:e.normalizeStyle(e.unref(b)),onMousedown:V[0]||(V[0]=(...s)=>e.unref(m)&&e.unref(m)(...s)),onTouchstartPassive:V[1]||(V[1]=(...s)=>e.unref(m)&&e.unref(m)(...s))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("bar")),style:e.normalizeStyle(e.unref(g))},null,6),e.createVNode(X,{id:a.range?void 0:e.unref($),ref_key:"firstButton",ref:L,"model-value":e.unref(B),vertical:a.vertical,"tooltip-class":a.tooltipClass,placement:a.placement,role:"slider","aria-label":a.range||!e.unref(P)?Z.value:void 0,"aria-labelledby":!a.range&&e.unref(P)?e.unref(y)?.labelId:void 0,"aria-valuemin":a.min,"aria-valuemax":a.range?e.unref(z):a.max,"aria-valuenow":e.unref(B),"aria-valuetext":_.value,"aria-orientation":a.vertical?"vertical":"horizontal","aria-disabled":e.unref(f),"onUpdate:modelValue":e.unref(n)},null,8,["id","model-value","vertical","tooltip-class","placement","aria-label","aria-labelledby","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","onUpdate:modelValue"]),a.range?(e.openBlock(),e.createBlock(X,{key:0,ref_key:"secondButton",ref:F,"model-value":e.unref(z),vertical:a.vertical,"tooltip-class":a.tooltipClass,placement:a.placement,role:"slider","aria-label":ee.value,"aria-valuemin":e.unref(B),"aria-valuemax":a.max,"aria-valuenow":e.unref(z),"aria-valuetext":te.value,"aria-orientation":a.vertical?"vertical":"horizontal","aria-disabled":e.unref(f),"onUpdate:modelValue":e.unref(o)},null,8,["model-value","vertical","tooltip-class","placement","aria-label","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","onUpdate:modelValue"])):e.createCommentVNode("",!0),a.showStops?(e.openBlock(),e.createElementBlock("div",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(J),(s,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:e.normalizeClass(e.unref(l).e("stop")),style:e.normalizeStyle(e.unref(U)(s))},null,6))),128))])):e.createCommentVNode("",!0),e.unref(x).length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(x),(s,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,style:e.normalizeStyle(e.unref(U)(s.position)),class:e.normalizeClass([e.unref(l).e("stop"),e.unref(l).e("marks-stop")])},null,6))),128))]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("marks"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(x),(s,c)=>(e.openBlock(),e.createBlock(e.unref(ke),{key:c,mark:s.mark,style:e.normalizeStyle(e.unref(U)(s.position)),onMousedown:e.withModifiers(Ve=>e.unref(R)(s.position),["stop"])},null,8,["mark","style","onMousedown"]))),128))],2)],64)):e.createCommentVNode("",!0)],38),A.value?(e.openBlock(),e.createBlock(e.unref(i.ElInputNumber),{key:0,ref:"input","model-value":e.unref(B),class:e.normalizeClass(e.unref(l).e("input")),step:re.value,disabled:e.unref(f),controls:a.showInputControls,min:a.min,max:a.max,precision:j.value,size:Q.value,"onUpdate:modelValue":e.unref(n),onChange:e.unref(S)},null,8,["model-value","class","step","disabled","controls","min","max","precision","size","onUpdate:modelValue","onChange"])):e.createCommentVNode("",!0)],10,Se))}});exports.sliderContextKey=d.sliderContextKey;exports.SliderCore=H;exports.default=H;exports.sliderEmits=G;exports.sliderProps=Y;
|