@sdata/web-vue 3.6.0 → 3.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/sd.css +34 -9
- package/dist/sd.min.css +1 -1
- package/es/_components/select-view/style/index.css +17 -1
- package/es/cascader/cascader-panel.vue.d.ts +0 -2
- package/es/cascader/cascader-panel.vue_vue_type_script_setup_true_lang.js +6 -13
- package/es/cascader/cascader.vue.d.ts +0 -2
- package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js +5 -9
- package/es/cascader/types.d.ts +0 -4
- package/es/color-picker/color-picker.d.ts +0 -34
- package/es/color-picker/color-picker.js +6 -48
- package/es/color-picker/index.d.ts +0 -59
- package/es/color-picker/style/index.css +0 -7
- package/es/color-picker/style/index.scss +0 -11
- package/es/color-picker/style/token.scss +0 -2
- package/es/index.css +34 -9
- package/es/input-tag/input-tag.js +7 -2
- package/es/input-tag/style/index.css +17 -1
- package/es/input-tag/style/input-tag.scss +17 -1
- package/es/progress/circle.vue.d.ts +1 -1
- package/es/progress/index.d.ts +3 -3
- package/es/progress/line.vue.d.ts +1 -1
- package/es/progress/progress.vue.d.ts +1 -1
- package/es/progress/steps.vue.d.ts +1 -1
- package/es/select/index.d.ts +0 -20
- package/es/select/select.d.ts +0 -11
- package/es/select/select.js +5 -18
- package/es/tree-select/tree-select.vue.d.ts +0 -8
- package/es/tree-select/tree-select.vue_vue_type_script_setup_true_lang.js +2 -17
- package/json/vetur-attributes.json +1 -29
- package/json/vetur-tags.json +2 -10
- package/json/web-types.json +2 -66
- package/package.json +1 -1
- package/es/color-picker/input-alpha.d.ts +0 -19
- package/es/color-picker/input-hex.d.ts +0 -33
- package/es/color-picker/input-rgb.d.ts +0 -33
package/es/index.css
CHANGED
|
@@ -2677,6 +2677,12 @@ body {
|
|
|
2677
2677
|
.sd-select-view-multiple:not(.sd-select-view-focus) .sd-select-view-icon-hover:hover::before {
|
|
2678
2678
|
background-color: var(--sd-color-fill-4);
|
|
2679
2679
|
}
|
|
2680
|
+
.sd-select-view-multiple {
|
|
2681
|
+
position: relative;
|
|
2682
|
+
min-width: 0;
|
|
2683
|
+
max-width: 100%;
|
|
2684
|
+
overflow: hidden;
|
|
2685
|
+
}
|
|
2680
2686
|
.sd-select-view-multiple.sd-select-view-has-tag {
|
|
2681
2687
|
padding-right: 4px;
|
|
2682
2688
|
padding-left: 4px;
|
|
@@ -2776,6 +2782,9 @@ body {
|
|
|
2776
2782
|
.sd-select-view-multiple .sd-select-view-resize-observer {
|
|
2777
2783
|
position: absolute;
|
|
2778
2784
|
inset: 0;
|
|
2785
|
+
display: block;
|
|
2786
|
+
width: 100%;
|
|
2787
|
+
height: 100%;
|
|
2779
2788
|
visibility: hidden;
|
|
2780
2789
|
pointer-events: none;
|
|
2781
2790
|
}
|
|
@@ -2783,11 +2792,18 @@ body {
|
|
|
2783
2792
|
position: absolute;
|
|
2784
2793
|
top: 0;
|
|
2785
2794
|
left: 0;
|
|
2786
|
-
display:
|
|
2795
|
+
display: block;
|
|
2796
|
+
width: 100%;
|
|
2797
|
+
max-width: 100%;
|
|
2798
|
+
overflow: hidden;
|
|
2787
2799
|
white-space: nowrap;
|
|
2788
2800
|
visibility: hidden;
|
|
2789
2801
|
pointer-events: none;
|
|
2790
2802
|
}
|
|
2803
|
+
.sd-select-view-multiple .sd-select-view-measure .sd-select-view-tag {
|
|
2804
|
+
display: inline-flex;
|
|
2805
|
+
flex-shrink: 0;
|
|
2806
|
+
}
|
|
2791
2807
|
.sd-select-view-multiple .sd-select-view-tag-ellipsis {
|
|
2792
2808
|
display: block;
|
|
2793
2809
|
min-width: 0;
|
|
@@ -11588,6 +11604,12 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11588
11604
|
.sd-input-tag:not(.sd-input-tag-focus) .sd-input-tag-icon-hover:hover::before {
|
|
11589
11605
|
background-color: var(--sd-color-fill-4);
|
|
11590
11606
|
}
|
|
11607
|
+
.sd-input-tag {
|
|
11608
|
+
position: relative;
|
|
11609
|
+
min-width: 0;
|
|
11610
|
+
max-width: 100%;
|
|
11611
|
+
overflow: hidden;
|
|
11612
|
+
}
|
|
11591
11613
|
.sd-input-tag.sd-input-tag-has-tag {
|
|
11592
11614
|
padding-right: 4px;
|
|
11593
11615
|
padding-left: 4px;
|
|
@@ -11687,6 +11709,9 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11687
11709
|
.sd-input-tag .sd-input-tag-resize-observer {
|
|
11688
11710
|
position: absolute;
|
|
11689
11711
|
inset: 0;
|
|
11712
|
+
display: block;
|
|
11713
|
+
width: 100%;
|
|
11714
|
+
height: 100%;
|
|
11690
11715
|
visibility: hidden;
|
|
11691
11716
|
pointer-events: none;
|
|
11692
11717
|
}
|
|
@@ -11694,11 +11719,18 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
11694
11719
|
position: absolute;
|
|
11695
11720
|
top: 0;
|
|
11696
11721
|
left: 0;
|
|
11697
|
-
display:
|
|
11722
|
+
display: block;
|
|
11723
|
+
width: 100%;
|
|
11724
|
+
max-width: 100%;
|
|
11725
|
+
overflow: hidden;
|
|
11698
11726
|
white-space: nowrap;
|
|
11699
11727
|
visibility: hidden;
|
|
11700
11728
|
pointer-events: none;
|
|
11701
11729
|
}
|
|
11730
|
+
.sd-input-tag .sd-input-tag-measure .sd-input-tag-tag {
|
|
11731
|
+
display: inline-flex;
|
|
11732
|
+
flex-shrink: 0;
|
|
11733
|
+
}
|
|
11702
11734
|
.sd-input-tag .sd-input-tag-tag-ellipsis {
|
|
11703
11735
|
display: block;
|
|
11704
11736
|
min-width: 0;
|
|
@@ -16614,19 +16646,12 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
16614
16646
|
.sd-color-picker-panel .sd-color-picker-select {
|
|
16615
16647
|
width: 58px;
|
|
16616
16648
|
}
|
|
16617
|
-
.sd-color-picker-panel .sd-color-picker-input-alpha {
|
|
16618
|
-
flex: 0 0 auto;
|
|
16619
|
-
width: 52px;
|
|
16620
|
-
}
|
|
16621
16649
|
.sd-color-picker-panel .sd-color-picker-input-group {
|
|
16622
16650
|
width: 100%;
|
|
16623
16651
|
}
|
|
16624
16652
|
.sd-color-picker-panel .sd-color-picker-format-input {
|
|
16625
16653
|
min-width: 0;
|
|
16626
16654
|
}
|
|
16627
|
-
.sd-color-picker-panel .sd-color-picker-input-hex .sd-input {
|
|
16628
|
-
padding-left: 4px;
|
|
16629
|
-
}
|
|
16630
16655
|
.sd-color-picker-panel.sd-color-picker-panel-disabled .sd-color-picker-palette,
|
|
16631
16656
|
.sd-color-picker-panel.sd-color-picker-panel-disabled .sd-color-picker-control-bar,
|
|
16632
16657
|
.sd-color-picker-panel.sd-color-picker-panel-disabled .sd-color-picker-color-block,
|
|
@@ -336,6 +336,10 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
|
|
|
336
336
|
if (!measureRef.value || hiddenCount <= 0) return 0;
|
|
337
337
|
return getOuterWidth(measureRef.value.querySelector(`[data-hidden-count="${hiddenCount}"]`));
|
|
338
338
|
};
|
|
339
|
+
const isClosableTag = (item) => {
|
|
340
|
+
var _item$tagProps$closab, _item$tagProps;
|
|
341
|
+
return Boolean((_item$tagProps$closab = (_item$tagProps = item.tagProps) === null || _item$tagProps === void 0 ? void 0 : _item$tagProps.closable) !== null && _item$tagProps$closab !== void 0 ? _item$tagProps$closab : !mergedDisabled.value && !props.readonly && item.closable);
|
|
342
|
+
};
|
|
339
343
|
const syncResponsiveTags = () => {
|
|
340
344
|
var _inputRef$value$offse, _inputRef$value;
|
|
341
345
|
if (!isResponsiveMaxTagCount.value) {
|
|
@@ -534,7 +538,8 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
|
|
|
534
538
|
"key": `measure-tag-${item.value}`,
|
|
535
539
|
"class": `${prefixCls}-tag`,
|
|
536
540
|
"visible": true,
|
|
537
|
-
"nowrap": true
|
|
541
|
+
"nowrap": true,
|
|
542
|
+
"closable": isClosableTag(item)
|
|
538
543
|
}, item.tagProps), { default: () => {
|
|
539
544
|
var _ref2, _slots$tag3, _slots$tag4, _props$formatTag2;
|
|
540
545
|
return [(_ref2 = (_slots$tag3 = (_slots$tag4 = slots.tag) === null || _slots$tag4 === void 0 ? void 0 : _slots$tag4.call(slots, { data: item.raw })) !== null && _slots$tag3 !== void 0 ? _slots$tag3 : (_props$formatTag2 = props.formatTag) === null || _props$formatTag2 === void 0 ? void 0 : _props$formatTag2.call(props, item.raw)) !== null && _ref2 !== void 0 ? _ref2 : item.label];
|
|
@@ -561,7 +566,7 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
|
|
|
561
566
|
[`${prefixCls}-tag-counter`]: isOverflowCounterTag(item.value),
|
|
562
567
|
[`${prefixCls}-tag-overflow`]: isCompressedResponsiveTag(index, item.value)
|
|
563
568
|
}],
|
|
564
|
-
"closable":
|
|
569
|
+
"closable": isClosableTag(item),
|
|
565
570
|
"visible": true,
|
|
566
571
|
"nowrap": props.tagNowrap || isResponsiveMaxTagCount.value,
|
|
567
572
|
"style": getTagStyle(index)
|
|
@@ -582,6 +582,12 @@
|
|
|
582
582
|
.sd-input-tag:not(.sd-input-tag-focus) .sd-input-tag-icon-hover:hover::before {
|
|
583
583
|
background-color: var(--sd-color-fill-4);
|
|
584
584
|
}
|
|
585
|
+
.sd-input-tag {
|
|
586
|
+
position: relative;
|
|
587
|
+
min-width: 0;
|
|
588
|
+
max-width: 100%;
|
|
589
|
+
overflow: hidden;
|
|
590
|
+
}
|
|
585
591
|
.sd-input-tag.sd-input-tag-has-tag {
|
|
586
592
|
padding-right: 4px;
|
|
587
593
|
padding-left: 4px;
|
|
@@ -681,6 +687,9 @@
|
|
|
681
687
|
.sd-input-tag .sd-input-tag-resize-observer {
|
|
682
688
|
position: absolute;
|
|
683
689
|
inset: 0;
|
|
690
|
+
display: block;
|
|
691
|
+
width: 100%;
|
|
692
|
+
height: 100%;
|
|
684
693
|
visibility: hidden;
|
|
685
694
|
pointer-events: none;
|
|
686
695
|
}
|
|
@@ -688,11 +697,18 @@
|
|
|
688
697
|
position: absolute;
|
|
689
698
|
top: 0;
|
|
690
699
|
left: 0;
|
|
691
|
-
display:
|
|
700
|
+
display: block;
|
|
701
|
+
width: 100%;
|
|
702
|
+
max-width: 100%;
|
|
703
|
+
overflow: hidden;
|
|
692
704
|
white-space: nowrap;
|
|
693
705
|
visibility: hidden;
|
|
694
706
|
pointer-events: none;
|
|
695
707
|
}
|
|
708
|
+
.sd-input-tag .sd-input-tag-measure .sd-input-tag-tag {
|
|
709
|
+
display: inline-flex;
|
|
710
|
+
flex-shrink: 0;
|
|
711
|
+
}
|
|
696
712
|
.sd-input-tag .sd-input-tag-tag-ellipsis {
|
|
697
713
|
display: block;
|
|
698
714
|
min-width: 0;
|
|
@@ -75,6 +75,11 @@
|
|
|
75
75
|
@mixin input-tag-style($cls) {
|
|
76
76
|
@include input-wrapper-style($cls);
|
|
77
77
|
|
|
78
|
+
position: relative;
|
|
79
|
+
min-width: 0;
|
|
80
|
+
max-width: 100%;
|
|
81
|
+
overflow: hidden;
|
|
82
|
+
|
|
78
83
|
&.#{$cls}-has-tag {
|
|
79
84
|
padding-right: $input-tag-padding-horizontal;
|
|
80
85
|
padding-left: $input-tag-padding-horizontal;
|
|
@@ -169,6 +174,9 @@
|
|
|
169
174
|
.#{$cls}-resize-observer {
|
|
170
175
|
position: absolute;
|
|
171
176
|
inset: 0;
|
|
177
|
+
display: block;
|
|
178
|
+
width: 100%;
|
|
179
|
+
height: 100%;
|
|
172
180
|
visibility: hidden;
|
|
173
181
|
pointer-events: none;
|
|
174
182
|
}
|
|
@@ -177,10 +185,18 @@
|
|
|
177
185
|
position: absolute;
|
|
178
186
|
top: 0;
|
|
179
187
|
left: 0;
|
|
180
|
-
display:
|
|
188
|
+
display: block;
|
|
189
|
+
width: 100%;
|
|
190
|
+
max-width: 100%;
|
|
191
|
+
overflow: hidden;
|
|
181
192
|
white-space: nowrap;
|
|
182
193
|
visibility: hidden;
|
|
183
194
|
pointer-events: none;
|
|
195
|
+
|
|
196
|
+
.#{$cls}-tag {
|
|
197
|
+
display: inline-flex;
|
|
198
|
+
flex-shrink: 0;
|
|
199
|
+
}
|
|
184
200
|
}
|
|
185
201
|
|
|
186
202
|
.#{$cls}-tag-ellipsis {
|
|
@@ -81,8 +81,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
81
81
|
color: string | Record<string, any>;
|
|
82
82
|
width: number;
|
|
83
83
|
status: string;
|
|
84
|
-
showText: boolean;
|
|
85
84
|
percent: number;
|
|
85
|
+
showText: boolean;
|
|
86
86
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
87
87
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
88
88
|
declare const _default: typeof __VLS_export;
|
package/es/progress/index.d.ts
CHANGED
|
@@ -45,8 +45,8 @@ declare const Progress: {
|
|
|
45
45
|
}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
46
46
|
type: "circle" | "line";
|
|
47
47
|
animation: boolean;
|
|
48
|
-
showText: boolean;
|
|
49
48
|
percent: number;
|
|
49
|
+
showText: boolean;
|
|
50
50
|
steps: number;
|
|
51
51
|
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
52
52
|
P: {};
|
|
@@ -98,8 +98,8 @@ declare const Progress: {
|
|
|
98
98
|
}>> & Readonly<{}>, {}, {}, {}, {}, {
|
|
99
99
|
type: "circle" | "line";
|
|
100
100
|
animation: boolean;
|
|
101
|
-
showText: boolean;
|
|
102
101
|
percent: number;
|
|
102
|
+
showText: boolean;
|
|
103
103
|
steps: number;
|
|
104
104
|
}>;
|
|
105
105
|
__isFragment?: never;
|
|
@@ -148,8 +148,8 @@ declare const Progress: {
|
|
|
148
148
|
}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
149
149
|
type: "circle" | "line";
|
|
150
150
|
animation: boolean;
|
|
151
|
-
showText: boolean;
|
|
152
151
|
percent: number;
|
|
152
|
+
showText: boolean;
|
|
153
153
|
steps: number;
|
|
154
154
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
155
155
|
$slots: {
|
|
@@ -80,8 +80,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
80
80
|
color: string | Record<string, any>;
|
|
81
81
|
width: string | number;
|
|
82
82
|
animation: boolean;
|
|
83
|
-
showText: boolean;
|
|
84
83
|
percent: number;
|
|
84
|
+
showText: boolean;
|
|
85
85
|
formatText: Function;
|
|
86
86
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
87
87
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -99,8 +99,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
99
99
|
}>> & Readonly<{}>, {
|
|
100
100
|
type: "circle" | "line";
|
|
101
101
|
animation: boolean;
|
|
102
|
-
showText: boolean;
|
|
103
102
|
percent: number;
|
|
103
|
+
showText: boolean;
|
|
104
104
|
steps: number;
|
|
105
105
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
106
106
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -63,8 +63,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
63
63
|
}>> & Readonly<{}>, {
|
|
64
64
|
color: string | Record<string, any>;
|
|
65
65
|
status: string;
|
|
66
|
-
showText: boolean;
|
|
67
66
|
percent: number;
|
|
67
|
+
showText: boolean;
|
|
68
68
|
steps: number;
|
|
69
69
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
70
70
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
package/es/select/index.d.ts
CHANGED
|
@@ -7,10 +7,6 @@ declare const Select: {
|
|
|
7
7
|
type: BooleanConstructor;
|
|
8
8
|
default: boolean;
|
|
9
9
|
};
|
|
10
|
-
value: {
|
|
11
|
-
type: import("vue").PropType<import("./interface").SelectModelValue>;
|
|
12
|
-
default: undefined;
|
|
13
|
-
};
|
|
14
10
|
modelValue: {
|
|
15
11
|
type: import("vue").PropType<import("./interface").SelectModelValue>;
|
|
16
12
|
default: undefined;
|
|
@@ -159,7 +155,6 @@ declare const Select: {
|
|
|
159
155
|
"onUpdate:modelValue"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
|
|
160
156
|
onDropdownScroll?: ((_ev: Event) => any) | undefined;
|
|
161
157
|
onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
|
|
162
|
-
"onUpdate:value"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
|
|
163
158
|
"onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
|
|
164
159
|
onInputValueChange?: ((_inputValue: string) => any) | undefined;
|
|
165
160
|
onRemove?: ((_removed: import("./interface").SelectOptionValue | undefined) => any) | undefined;
|
|
@@ -168,7 +163,6 @@ declare const Select: {
|
|
|
168
163
|
onExceedLimit?: ((_value: import("./interface").SelectOptionValue | undefined, _ev: Event) => any) | undefined;
|
|
169
164
|
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
170
165
|
'update:modelValue': (_value: import("./interface").SelectModelValue) => true;
|
|
171
|
-
'update:value': (_value: import("./interface").SelectModelValue) => true;
|
|
172
166
|
'update:inputValue': (_inputValue: string) => true;
|
|
173
167
|
'update:popupVisible': (_visible: boolean) => true;
|
|
174
168
|
'update:show': (_visible: boolean) => true;
|
|
@@ -185,7 +179,6 @@ declare const Select: {
|
|
|
185
179
|
}, import("vue").PublicProps, {
|
|
186
180
|
options: import("./interface").SelectOption[];
|
|
187
181
|
error: boolean;
|
|
188
|
-
value: import("./interface").SelectModelValue;
|
|
189
182
|
popupVisible: boolean;
|
|
190
183
|
defaultPopupVisible: boolean;
|
|
191
184
|
disabled: boolean;
|
|
@@ -1268,10 +1261,6 @@ declare const Select: {
|
|
|
1268
1261
|
type: BooleanConstructor;
|
|
1269
1262
|
default: boolean;
|
|
1270
1263
|
};
|
|
1271
|
-
value: {
|
|
1272
|
-
type: import("vue").PropType<import("./interface").SelectModelValue>;
|
|
1273
|
-
default: undefined;
|
|
1274
|
-
};
|
|
1275
1264
|
modelValue: {
|
|
1276
1265
|
type: import("vue").PropType<import("./interface").SelectModelValue>;
|
|
1277
1266
|
default: undefined;
|
|
@@ -1420,7 +1409,6 @@ declare const Select: {
|
|
|
1420
1409
|
"onUpdate:modelValue"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
|
|
1421
1410
|
onDropdownScroll?: ((_ev: Event) => any) | undefined;
|
|
1422
1411
|
onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
|
|
1423
|
-
"onUpdate:value"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
|
|
1424
1412
|
"onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
|
|
1425
1413
|
onInputValueChange?: ((_inputValue: string) => any) | undefined;
|
|
1426
1414
|
onRemove?: ((_removed: import("./interface").SelectOptionValue | undefined) => any) | undefined;
|
|
@@ -1430,7 +1418,6 @@ declare const Select: {
|
|
|
1430
1418
|
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
|
|
1431
1419
|
options: import("./interface").SelectOption[];
|
|
1432
1420
|
error: boolean;
|
|
1433
|
-
value: import("./interface").SelectModelValue;
|
|
1434
1421
|
popupVisible: boolean;
|
|
1435
1422
|
defaultPopupVisible: boolean;
|
|
1436
1423
|
disabled: boolean;
|
|
@@ -1470,10 +1457,6 @@ declare const Select: {
|
|
|
1470
1457
|
type: BooleanConstructor;
|
|
1471
1458
|
default: boolean;
|
|
1472
1459
|
};
|
|
1473
|
-
value: {
|
|
1474
|
-
type: import("vue").PropType<import("./interface").SelectModelValue>;
|
|
1475
|
-
default: undefined;
|
|
1476
|
-
};
|
|
1477
1460
|
modelValue: {
|
|
1478
1461
|
type: import("vue").PropType<import("./interface").SelectModelValue>;
|
|
1479
1462
|
default: undefined;
|
|
@@ -1622,7 +1605,6 @@ declare const Select: {
|
|
|
1622
1605
|
"onUpdate:modelValue"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
|
|
1623
1606
|
onDropdownScroll?: ((_ev: Event) => any) | undefined;
|
|
1624
1607
|
onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
|
|
1625
|
-
"onUpdate:value"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
|
|
1626
1608
|
"onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
|
|
1627
1609
|
onInputValueChange?: ((_inputValue: string) => any) | undefined;
|
|
1628
1610
|
onRemove?: ((_removed: import("./interface").SelectOptionValue | undefined) => any) | undefined;
|
|
@@ -1631,7 +1613,6 @@ declare const Select: {
|
|
|
1631
1613
|
onExceedLimit?: ((_value: import("./interface").SelectOptionValue | undefined, _ev: Event) => any) | undefined;
|
|
1632
1614
|
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
1633
1615
|
'update:modelValue': (_value: import("./interface").SelectModelValue) => true;
|
|
1634
|
-
'update:value': (_value: import("./interface").SelectModelValue) => true;
|
|
1635
1616
|
'update:inputValue': (_inputValue: string) => true;
|
|
1636
1617
|
'update:popupVisible': (_visible: boolean) => true;
|
|
1637
1618
|
'update:show': (_visible: boolean) => true;
|
|
@@ -1648,7 +1629,6 @@ declare const Select: {
|
|
|
1648
1629
|
}, string, {
|
|
1649
1630
|
options: import("./interface").SelectOption[];
|
|
1650
1631
|
error: boolean;
|
|
1651
|
-
value: import("./interface").SelectModelValue;
|
|
1652
1632
|
popupVisible: boolean;
|
|
1653
1633
|
defaultPopupVisible: boolean;
|
|
1654
1634
|
disabled: boolean;
|
package/es/select/select.d.ts
CHANGED
|
@@ -10,10 +10,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
10
10
|
type: BooleanConstructor;
|
|
11
11
|
default: boolean;
|
|
12
12
|
};
|
|
13
|
-
value: {
|
|
14
|
-
type: PropType<SelectModelValue>;
|
|
15
|
-
default: undefined;
|
|
16
|
-
};
|
|
17
13
|
modelValue: {
|
|
18
14
|
type: PropType<SelectModelValue>;
|
|
19
15
|
default: undefined;
|
|
@@ -155,7 +151,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
155
151
|
};
|
|
156
152
|
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
157
153
|
'update:modelValue': (_value: SelectModelValue) => true;
|
|
158
|
-
'update:value': (_value: SelectModelValue) => true;
|
|
159
154
|
'update:inputValue': (_inputValue: string) => true;
|
|
160
155
|
'update:popupVisible': (_visible: boolean) => true;
|
|
161
156
|
'update:show': (_visible: boolean) => true;
|
|
@@ -174,10 +169,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
174
169
|
type: BooleanConstructor;
|
|
175
170
|
default: boolean;
|
|
176
171
|
};
|
|
177
|
-
value: {
|
|
178
|
-
type: PropType<SelectModelValue>;
|
|
179
|
-
default: undefined;
|
|
180
|
-
};
|
|
181
172
|
modelValue: {
|
|
182
173
|
type: PropType<SelectModelValue>;
|
|
183
174
|
default: undefined;
|
|
@@ -326,7 +317,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
326
317
|
"onUpdate:modelValue"?: ((_value: SelectModelValue) => any) | undefined;
|
|
327
318
|
onDropdownScroll?: ((_ev: Event) => any) | undefined;
|
|
328
319
|
onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
|
|
329
|
-
"onUpdate:value"?: ((_value: SelectModelValue) => any) | undefined;
|
|
330
320
|
"onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
|
|
331
321
|
onInputValueChange?: ((_inputValue: string) => any) | undefined;
|
|
332
322
|
onRemove?: ((_removed: SelectOptionValue | undefined) => any) | undefined;
|
|
@@ -336,7 +326,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
336
326
|
}>, {
|
|
337
327
|
options: SelectOption[];
|
|
338
328
|
error: boolean;
|
|
339
|
-
value: SelectModelValue;
|
|
340
329
|
popupVisible: boolean;
|
|
341
330
|
defaultPopupVisible: boolean;
|
|
342
331
|
disabled: boolean;
|
package/es/select/select.js
CHANGED
|
@@ -41,16 +41,6 @@ var select_default = /* @__PURE__ */ defineComponent({
|
|
|
41
41
|
type: Boolean,
|
|
42
42
|
default: false
|
|
43
43
|
},
|
|
44
|
-
value: {
|
|
45
|
-
type: [
|
|
46
|
-
String,
|
|
47
|
-
Number,
|
|
48
|
-
Boolean,
|
|
49
|
-
Object,
|
|
50
|
-
Array
|
|
51
|
-
],
|
|
52
|
-
default: void 0
|
|
53
|
-
},
|
|
54
44
|
modelValue: {
|
|
55
45
|
type: [
|
|
56
46
|
String,
|
|
@@ -189,7 +179,6 @@ var select_default = /* @__PURE__ */ defineComponent({
|
|
|
189
179
|
},
|
|
190
180
|
emits: {
|
|
191
181
|
"update:modelValue": (_value) => true,
|
|
192
|
-
"update:value": (_value) => true,
|
|
193
182
|
"update:inputValue": (_inputValue) => true,
|
|
194
183
|
"update:popupVisible": (_visible) => true,
|
|
195
184
|
"update:show": (_visible) => true,
|
|
@@ -205,7 +194,7 @@ var select_default = /* @__PURE__ */ defineComponent({
|
|
|
205
194
|
"exceedLimit": (_value, _ev) => true
|
|
206
195
|
},
|
|
207
196
|
setup(props, { slots, emit, attrs, expose }) {
|
|
208
|
-
const { size, disabled, error, options, filterOption, valueKey, multiple,
|
|
197
|
+
const { size, disabled, error, options, filterOption, valueKey, multiple, popupVisible, show, defaultPopupVisible, defaultShow, showExtraOptions, modelValue, fieldNames, loading, defaultActiveFirstOption, allowClear, allowSearch } = toRefs(props);
|
|
209
198
|
const prefixCls = getPrefixCls("select");
|
|
210
199
|
const selectViewRef = ref(null);
|
|
211
200
|
const { mergedSize, mergedDisabled, mergedError, eventHandlers } = useFormItem({
|
|
@@ -233,8 +222,8 @@ var select_default = /* @__PURE__ */ defineComponent({
|
|
|
233
222
|
});
|
|
234
223
|
const _value = ref(props.defaultValue);
|
|
235
224
|
const computedValueObjects = computed(() => {
|
|
236
|
-
var
|
|
237
|
-
const mergedValue = (
|
|
225
|
+
var _props$modelValue;
|
|
226
|
+
const mergedValue = (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : _value.value;
|
|
238
227
|
const valueArray = [];
|
|
239
228
|
if (isArray(mergedValue)) valueArray.push(...mergedValue);
|
|
240
229
|
else if (mergedValue || isNumber(mergedValue) || isString(mergedValue) || isBoolean(mergedValue)) valueArray.push(mergedValue);
|
|
@@ -243,9 +232,8 @@ var select_default = /* @__PURE__ */ defineComponent({
|
|
|
243
232
|
key: getKeyFromValue(item, props.valueKey)
|
|
244
233
|
}));
|
|
245
234
|
});
|
|
246
|
-
watch(
|
|
247
|
-
|
|
248
|
-
if (isUndefined(mergedValue) || isNull(mergedValue)) _value.value = multiple.value ? [] : mergedValue;
|
|
235
|
+
watch(modelValue, (nextModelValue) => {
|
|
236
|
+
if (isUndefined(nextModelValue) || isNull(nextModelValue)) _value.value = multiple.value ? [] : nextModelValue;
|
|
249
237
|
});
|
|
250
238
|
const computedValueKeys = computed(() => computedValueObjects.value.map((item) => item.key));
|
|
251
239
|
const mergedFieldNames = computed(() => _objectSpread2(_objectSpread2({}, DEFAULT_FIELD_NAMES), fieldNames.value));
|
|
@@ -337,7 +325,6 @@ var select_default = /* @__PURE__ */ defineComponent({
|
|
|
337
325
|
const nextValue = getValueFromValueKeys(valueKeys);
|
|
338
326
|
_value.value = nextValue;
|
|
339
327
|
emit("update:modelValue", nextValue);
|
|
340
|
-
emit("update:value", nextValue);
|
|
341
328
|
emit("change", nextValue);
|
|
342
329
|
(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
|
|
343
330
|
updateSelectedOption(valueKeys);
|
|
@@ -76,9 +76,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
76
76
|
modelValue: {
|
|
77
77
|
type: PropType<string | number | Array<string | number> | LabelValue | LabelValue[]>;
|
|
78
78
|
};
|
|
79
|
-
value: {
|
|
80
|
-
type: PropType<string | number | Array<string | number> | LabelValue | LabelValue[]>;
|
|
81
|
-
};
|
|
82
79
|
fieldNames: {
|
|
83
80
|
type: PropType<TreeFieldNames>;
|
|
84
81
|
};
|
|
@@ -197,7 +194,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
197
194
|
change: (_value: TreeSelectValue | undefined) => any;
|
|
198
195
|
"update:popupVisible": (_visible: boolean) => any;
|
|
199
196
|
"update:modelValue": (_value: TreeSelectValue | undefined) => any;
|
|
200
|
-
"update:value": (_value: TreeSelectValue | undefined) => any;
|
|
201
197
|
"update:inputValue": (_inputValue: string) => any;
|
|
202
198
|
inputValueChange: (_inputValue: string) => any;
|
|
203
199
|
"update:show": (_visible: boolean) => any;
|
|
@@ -254,9 +250,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
254
250
|
modelValue: {
|
|
255
251
|
type: PropType<string | number | Array<string | number> | LabelValue | LabelValue[]>;
|
|
256
252
|
};
|
|
257
|
-
value: {
|
|
258
|
-
type: PropType<string | number | Array<string | number> | LabelValue | LabelValue[]>;
|
|
259
|
-
};
|
|
260
253
|
fieldNames: {
|
|
261
254
|
type: PropType<TreeFieldNames>;
|
|
262
255
|
};
|
|
@@ -375,7 +368,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
375
368
|
onChange?: ((_value: TreeSelectValue | undefined) => any) | undefined;
|
|
376
369
|
"onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
|
|
377
370
|
"onUpdate:modelValue"?: ((_value: TreeSelectValue | undefined) => any) | undefined;
|
|
378
|
-
"onUpdate:value"?: ((_value: TreeSelectValue | undefined) => any) | undefined;
|
|
379
371
|
"onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
|
|
380
372
|
onInputValueChange?: ((_inputValue: string) => any) | undefined;
|
|
381
373
|
"onUpdate:show"?: ((_visible: boolean) => any) | undefined;
|
|
@@ -120,16 +120,6 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
|
|
|
120
120
|
Object
|
|
121
121
|
] },
|
|
122
122
|
/**
|
|
123
|
-
* @zh 绑定值,Naive 兼容别名
|
|
124
|
-
* @en Value, Naive compatibility alias
|
|
125
|
-
* */
|
|
126
|
-
value: { type: [
|
|
127
|
-
String,
|
|
128
|
-
Number,
|
|
129
|
-
Array,
|
|
130
|
-
Object
|
|
131
|
-
] },
|
|
132
|
-
/**
|
|
133
123
|
* @zh 指定节点数据中的字段名
|
|
134
124
|
* @en Specify the field name in the node data
|
|
135
125
|
* */
|
|
@@ -335,7 +325,6 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
|
|
|
335
325
|
emits: [
|
|
336
326
|
"change",
|
|
337
327
|
"update:modelValue",
|
|
338
|
-
"update:value",
|
|
339
328
|
"update:inputValue",
|
|
340
329
|
"popup-visible-change",
|
|
341
330
|
"update:popupVisible",
|
|
@@ -408,7 +397,7 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
|
|
|
408
397
|
* @en The footer of the drop-down box
|
|
409
398
|
* @slot footer
|
|
410
399
|
*/
|
|
411
|
-
const { defaultValue, modelValue, multiple, popupVisible, show, defaultPopupVisible, defaultShow, treeCheckable, treeCheckStrictly, data, options, fieldNames, disabled, labelInValue, filterTreeNode, disableFilter, dropdownStyle, treeProps, fallbackOption, selectable, checkable, checkStrategy, showPath, separator,
|
|
400
|
+
const { defaultValue, modelValue, multiple, popupVisible, show, defaultPopupVisible, defaultShow, treeCheckable, treeCheckStrictly, data, options, fieldNames, disabled, labelInValue, filterTreeNode, disableFilter, dropdownStyle, treeProps, fallbackOption, selectable, checkable, checkStrategy, showPath, separator, virtualScroll } = toRefs(props);
|
|
412
401
|
const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
|
|
413
402
|
const prefixCls = getPrefixCls("tree-select");
|
|
414
403
|
const configCtx = inject(configProviderInjectionKey, void 0);
|
|
@@ -423,10 +412,7 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
|
|
|
423
412
|
return (_props$virtualListPro = props.virtualListProps) !== null && _props$virtualListPro !== void 0 ? _props$virtualListPro : (_treeProps$value = treeProps.value) === null || _treeProps$value === void 0 ? void 0 : _treeProps$value.virtualListProps;
|
|
424
413
|
}));
|
|
425
414
|
const TreeSelectEmpty = configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 || (_configCtx$slots$empt = _configCtx$slots$empt.call(_configCtx$slots, { component: "tree-select" })) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt[0];
|
|
426
|
-
const mergedModelValue = computed(() =>
|
|
427
|
-
var _value$value;
|
|
428
|
-
return (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : modelValue.value;
|
|
429
|
-
});
|
|
415
|
+
const mergedModelValue = computed(() => modelValue.value);
|
|
430
416
|
const mergedData = computed(() => {
|
|
431
417
|
var _options$value;
|
|
432
418
|
return (_options$value = options.value) !== null && _options$value !== void 0 ? _options$value : data.value;
|
|
@@ -494,7 +480,6 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
|
|
|
494
480
|
const forEmitValue = (labelInValue.value ? localSelectedValue.value : localSelectedKeys.value) || [];
|
|
495
481
|
const emitValue = isMultiple.value ? forEmitValue : forEmitValue[0];
|
|
496
482
|
emit("update:modelValue", emitValue);
|
|
497
|
-
emit("update:value", emitValue);
|
|
498
483
|
emit("change", emitValue);
|
|
499
484
|
(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
|
|
500
485
|
});
|
|
@@ -522,7 +522,7 @@
|
|
|
522
522
|
"sd-color-picker/popup-visible-change": {
|
|
523
523
|
"description": "Triggered when the color panel is expanded and collapsed"
|
|
524
524
|
},
|
|
525
|
-
"sd-color-picker/value": {
|
|
525
|
+
"sd-color-picker/model-value": {
|
|
526
526
|
"description": "Value",
|
|
527
527
|
"type": "string"
|
|
528
528
|
},
|
|
@@ -567,31 +567,6 @@
|
|
|
567
567
|
"sd-color-picker/trigger-props": {
|
|
568
568
|
"description": "Trigger props"
|
|
569
569
|
},
|
|
570
|
-
"sd-color-picker/history-colors": {
|
|
571
|
-
"description": "Legacy history colors"
|
|
572
|
-
},
|
|
573
|
-
"sd-color-picker/preset-colors": {
|
|
574
|
-
"description": "Legacy preset colors"
|
|
575
|
-
},
|
|
576
|
-
"sd-color-picker/show-text": {
|
|
577
|
-
"description": "Legacy show text",
|
|
578
|
-
"type": "boolean"
|
|
579
|
-
},
|
|
580
|
-
"sd-color-picker/show-history": {
|
|
581
|
-
"description": "Legacy show history",
|
|
582
|
-
"type": "boolean"
|
|
583
|
-
},
|
|
584
|
-
"sd-color-picker/show-preset": {
|
|
585
|
-
"description": "Legacy show preset",
|
|
586
|
-
"type": "boolean"
|
|
587
|
-
},
|
|
588
|
-
"sd-color-picker/disabled-alpha": {
|
|
589
|
-
"description": "Legacy disable alpha",
|
|
590
|
-
"type": "boolean"
|
|
591
|
-
},
|
|
592
|
-
"sd-color-picker/select-input-props": {
|
|
593
|
-
"description": "Select input props"
|
|
594
|
-
},
|
|
595
570
|
"sd-comment/author": {
|
|
596
571
|
"description": "Display as the comment author",
|
|
597
572
|
"type": "string"
|
|
@@ -3961,9 +3936,6 @@
|
|
|
3961
3936
|
"sd-tree-select/model-value": {
|
|
3962
3937
|
"description": "Value"
|
|
3963
3938
|
},
|
|
3964
|
-
"sd-tree-select/value": {
|
|
3965
|
-
"description": "Value, Naive compatibility alias"
|
|
3966
|
-
},
|
|
3967
3939
|
"sd-tree-select/field-names": {
|
|
3968
3940
|
"description": "Specify the field name in the node data"
|
|
3969
3941
|
},
|
package/json/vetur-tags.json
CHANGED
|
@@ -249,7 +249,7 @@
|
|
|
249
249
|
"attributes": [
|
|
250
250
|
"change",
|
|
251
251
|
"popup-visible-change",
|
|
252
|
-
"value",
|
|
252
|
+
"model-value",
|
|
253
253
|
"default-value",
|
|
254
254
|
"format",
|
|
255
255
|
"size",
|
|
@@ -261,14 +261,7 @@
|
|
|
261
261
|
"swatch-colors",
|
|
262
262
|
"disabled",
|
|
263
263
|
"hide-trigger",
|
|
264
|
-
"trigger-props"
|
|
265
|
-
"history-colors",
|
|
266
|
-
"preset-colors",
|
|
267
|
-
"show-text",
|
|
268
|
-
"show-history",
|
|
269
|
-
"show-preset",
|
|
270
|
-
"disabled-alpha",
|
|
271
|
-
"select-input-props"
|
|
264
|
+
"trigger-props"
|
|
272
265
|
]
|
|
273
266
|
},
|
|
274
267
|
"sd-comment": {
|
|
@@ -1599,7 +1592,6 @@
|
|
|
1599
1592
|
"multiple",
|
|
1600
1593
|
"default-value",
|
|
1601
1594
|
"model-value",
|
|
1602
|
-
"value",
|
|
1603
1595
|
"field-names",
|
|
1604
1596
|
"data",
|
|
1605
1597
|
"options",
|