@sdata/web-vue 3.13.0 → 3.14.0
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 +141 -111
- package/dist/sd.min.css +2 -2
- package/es/_components/input-label/input-label.d.ts +2 -0
- package/es/_components/input-label/input-label.js +4 -2
- package/es/_components/input-label/style/index.css +2 -2
- package/es/_components/picker/style/index.scss +8 -2
- package/es/_components/resize-observer.js +1 -1
- package/es/_components/resize-trigger.vue_vue_type_script_setup_true_lang.js +9 -2
- package/es/_components/select-view/select-view.d.ts +2 -0
- package/es/_components/select-view/select-view.js +5 -1
- package/es/_components/select-view/style/index.css +5 -5
- package/es/_hooks/use-focus-trap.d.ts +10 -0
- package/es/_hooks/use-focus-trap.js +115 -0
- package/es/_utils/dom.js +1 -10
- package/es/_utils/keyboard.d.ts +4 -0
- package/es/_utils/keyboard.js +21 -2
- package/es/alert/alert.vue.d.ts +2 -2
- package/es/alert/alert.vue_vue_type_script_setup_true_lang.js +12 -3
- package/es/alert/index.d.ts +5 -5
- package/es/alert/style/index.css +1 -1
- package/es/alert/style/index.scss +1 -1
- package/es/anchor/anchor-link.vue_vue_type_script_setup_true_lang.js +3 -1
- package/es/anchor/anchor.vue_vue_type_script_setup_true_lang.js +2 -0
- package/es/anchor/style/index.css +1 -1
- package/es/anchor/style/index.scss +3 -1
- package/es/auto-complete/auto-complete.js +8 -0
- package/es/avatar/avatar.vue_vue_type_script_setup_true_lang.js +8 -2
- package/es/avatar/style/index.css +2 -2
- package/es/avatar/style/index.scss +2 -2
- package/es/back-top/back-top.vue_vue_type_script_setup_true_lang.js +5 -1
- package/es/back-top/style/index.css +1 -1
- package/es/back-top/style/index.scss +2 -1
- package/es/badge/badge.js +4 -1
- package/es/badge/style/index.css +3 -3
- package/es/badge/style/index.scss +3 -3
- package/es/breadcrumb/breadcrumb.js +1 -0
- package/es/button/button.vue_vue_type_script_setup_true_lang.js +10 -5
- package/es/button/style/index.css +15 -6
- package/es/button/style/index.scss +25 -7
- package/es/calendar/style/event.scss +2 -2
- package/es/calendar/style/index.css +2 -2
- package/es/card/style/index.css +3 -3
- package/es/card/style/index.scss +3 -3
- package/es/carousel/carousel-arrow.vue.d.ts +4 -4
- package/es/carousel/carousel-arrow.vue_vue_type_script_setup_true_lang.js +20 -4
- package/es/carousel/carousel-indicator.vue_vue_type_script_setup_true_lang.js +23 -4
- package/es/carousel/carousel-item.vue_vue_type_script_setup_true_lang.js +8 -1
- package/es/carousel/carousel.js +18 -1
- package/es/carousel/style/index.css +1 -1
- package/es/carousel/style/index.scss +1 -1
- package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js +11 -2
- package/es/cascader/style/index.css +2 -2
- package/es/cascader/style/index.scss +3 -1
- package/es/checkbox/checkbox-group.js +4 -1
- package/es/checkbox/checkbox.d.ts +9 -0
- package/es/checkbox/checkbox.js +14 -0
- package/es/checkbox/index.d.ts +15 -0
- package/es/checkbox/style/index.css +1 -1
- package/es/checkbox/style/index.scss +1 -1
- package/es/collapse/collapse-item.js +21 -3
- package/es/collapse/context.d.ts +1 -1
- package/es/color-picker/color-picker.js +6 -0
- package/es/copy/copy.vue_vue_type_script_setup_true_lang.js +10 -2
- package/es/date-picker/panels/body.vue_vue_type_script_setup_true_lang.js +14 -1
- package/es/date-picker/picker.vue_vue_type_script_setup_true_lang.js +1 -0
- package/es/date-picker/style/index.css +5 -5
- package/es/date-picker/style/index.scss +4 -3
- package/es/drawer/drawer.vue.d.ts +1 -1
- package/es/drawer/drawer.vue_vue_type_script_setup_true_lang.js +28 -7
- package/es/drawer/index.d.ts +3 -3
- package/es/dropdown/dropdown-option.vue_vue_type_script_setup_true_lang.js +5 -1
- package/es/dropdown/dropdown-panel.vue.d.ts +9 -0
- package/es/dropdown/dropdown-panel.vue_vue_type_script_setup_true_lang.js +75 -2
- package/es/dropdown/dropdown-submenu.vue_vue_type_script_setup_true_lang.js +5 -2
- package/es/dropdown/dropdown.vue_vue_type_script_setup_true_lang.js +4 -2
- package/es/dropdown/style/index.css +1 -1
- package/es/dropdown/style/index.scss +3 -1
- package/es/file-previewer/file-previewer.vue.d.ts +1 -1
- package/es/file-previewer/file-previewer.vue_vue_type_script_setup_true_lang.js +7 -3
- package/es/file-previewer/index.d.ts +3 -3
- package/es/form/context.d.ts +1 -0
- package/es/form/form-item.vue_vue_type_script_setup_true_lang.js +6 -2
- package/es/form/style/index.css +2 -2
- package/es/form/style/index.scss +2 -2
- package/es/image/preview.vue.d.ts +1 -1
- package/es/image/preview.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/index.css +141 -111
- package/es/input/input.js +16 -2
- package/es/input/style/index.css +2 -2
- package/es/input/style/input.scss +4 -4
- package/es/input-number/input-number.js +5 -1
- package/es/input-number/style/index.css +3 -3
- package/es/input-number/style/index.scss +5 -1
- package/es/input-tag/index.d.ts +3 -0
- package/es/input-tag/input-tag.d.ts +2 -0
- package/es/input-tag/input-tag.js +34 -30
- package/es/input-tag/style/index.css +8 -8
- package/es/input-tag/style/index.scss +11 -5
- package/es/layout/sider.vue_vue_type_script_setup_true_lang.js +31 -6
- package/es/layout/style/index.css +2 -2
- package/es/layout/style/index.scss +4 -2
- package/es/link/style/index.css +1 -1
- package/es/link/style/index.scss +3 -1
- package/es/mention/mention.js +8 -0
- package/es/menu/base-menu.vue_vue_type_script_setup_true_lang.js +29 -3
- package/es/menu/item.js +14 -1
- package/es/menu/style/index.css +6 -6
- package/es/menu/style/index.scss +5 -3
- package/es/message/style/index.css +3 -3
- package/es/message/style/index.scss +5 -3
- package/es/modal/index.d.ts +3 -3
- package/es/modal/modal.vue.d.ts +1 -1
- package/es/modal/modal.vue_vue_type_script_setup_true_lang.js +28 -13
- package/es/modal/style/index.css +2 -2
- package/es/modal/style/index.scss +3 -2
- package/es/notification/style/index.css +3 -3
- package/es/notification/style/index.scss +11 -3
- package/es/page-header/page-header.vue.d.ts +6 -6
- package/es/page-header/page-header.vue_vue_type_script_setup_true_lang.js +12 -1
- package/es/pagination/page-item-ellipsis.vue_vue_type_script_setup_true_lang.js +12 -2
- package/es/pagination/page-item-step.vue.d.ts +2 -2
- package/es/pagination/page-item-step.vue_vue_type_script_setup_true_lang.js +19 -2
- package/es/pagination/page-item.vue.d.ts +2 -2
- package/es/pagination/page-item.vue_vue_type_script_setup_true_lang.js +21 -3
- package/es/pagination/pagination.js +5 -1
- package/es/pagination/style/index.css +6 -1
- package/es/pagination/style/index.scss +9 -3
- package/es/popconfirm/popconfirm.vue_vue_type_script_setup_true_lang.js +2 -0
- package/es/popover/popover.vue_vue_type_script_setup_true_lang.js +2 -0
- package/es/progress/style/index.css +2 -2
- package/es/progress/style/index.scss +5 -3
- package/es/qr-code/qr-code-status.vue_vue_type_script_setup_true_lang.js +5 -1
- package/es/qr-code/qr-code.vue_vue_type_script_setup_true_lang.js +11 -6
- package/es/radio/context.d.ts +1 -0
- package/es/radio/radio-group.js +6 -2
- package/es/radio/radio.js +1 -0
- package/es/radio/style/index.css +2 -2
- package/es/radio/style/index.scss +4 -2
- package/es/rate/rate.js +25 -1
- package/es/resize-box/resize-box.vue.d.ts +4 -4
- package/es/resize-box/resize-box.vue_vue_type_script_setup_true_lang.js +30 -1
- package/es/result/result.vue_vue_type_script_setup_true_lang.js +7 -4
- package/es/select/index.d.ts +124 -0
- package/es/select/select-dropdown.vue_vue_type_script_setup_true_lang.js +4 -1
- package/es/select/select.d.ts +62 -0
- package/es/select/select.js +18 -2
- package/es/select/style/index.css +1 -1
- package/es/select/style/index.scss +3 -1
- package/es/selectable-card/style/index.css +2 -2
- package/es/selectable-card/style/index.scss +5 -5
- package/es/skeleton/skeleton.vue_vue_type_script_setup_true_lang.js +5 -1
- package/es/slider/slider-button.vue.d.ts +2 -0
- package/es/slider/slider-button.vue_vue_type_script_setup_true_lang.js +7 -2
- package/es/slider/slider.vue_vue_type_script_setup_true_lang.js +23 -2
- package/es/slider/style/index.css +1 -1
- package/es/slider/style/index.scss +3 -1
- package/es/spin/spin.js +7 -2
- package/es/spin/style/index.css +1 -1
- package/es/spin/style/index.scss +1 -1
- package/es/split/split.vue.d.ts +4 -4
- package/es/split/split.vue_vue_type_script_setup_true_lang.js +27 -3
- package/es/steps/context.d.ts +1 -0
- package/es/steps/step.vue_vue_type_script_setup_true_lang.js +15 -2
- package/es/steps/steps.vue_vue_type_script_setup_true_lang.js +6 -1
- package/es/steps/style/index.css +1 -1
- package/es/steps/style/index.scss +1 -1
- package/es/style/animation/index.scss +1 -0
- package/es/style/animation/reduced-motion.scss +22 -0
- package/es/style/animation/zoom.scss +7 -6
- package/es/style/icon.scss +9 -1
- package/es/switch/style/index.css +1 -1
- package/es/switch/style/index.scss +4 -1
- package/es/switch/switch.vue_vue_type_script_setup_true_lang.js +6 -1
- package/es/table/style/index.css +8 -8
- package/es/table/style/index.scss +11 -8
- package/es/table/table-operation-td.d.ts +15 -0
- package/es/table/table-tbody.js +4 -1
- package/es/table/table-td.js +2 -1
- package/es/table/table-th.js +4 -2
- package/es/table/table-thead.js +4 -1
- package/es/table/table-tr.js +4 -1
- package/es/table/table.js +6 -2
- package/es/tabs/context.d.ts +1 -0
- package/es/tabs/style/index.css +5 -5
- package/es/tabs/style/index.scss +7 -7
- package/es/tabs/tab-pane.vue_vue_type_script_setup_true_lang.js +21 -2
- package/es/tabs/tabs-nav.js +34 -1
- package/es/tabs/tabs-tab.vue_vue_type_script_setup_true_lang.js +27 -4
- package/es/tabs/tabs.js +4 -2
- package/es/tag/index.d.ts +5 -5
- package/es/tag/style/index.css +1 -1
- package/es/tag/style/index.scss +3 -1
- package/es/tag/tag.vue.d.ts +2 -2
- package/es/tag/tag.vue_vue_type_script_setup_true_lang.js +19 -2
- package/es/textarea/style/index.css +2 -2
- package/es/textarea/textarea.vue_vue_type_script_setup_true_lang.js +15 -3
- package/es/time-picker/time-column.vue_vue_type_script_setup_true_lang.js +11 -3
- package/es/time-picker/time-picker.vue_vue_type_script_setup_true_lang.js +4 -1
- package/es/tooltip/tooltip.vue_vue_type_script_setup_true_lang.js +1 -0
- package/es/transfer/style/index.css +1 -1
- package/es/transfer/style/index.scss +1 -1
- package/es/transfer/transfer-list-item.js +16 -2
- package/es/tree/base-node.vue_vue_type_script_setup_true_lang.js +27 -7
- package/es/tree/context.d.ts +2 -0
- package/es/tree/style/index.css +1 -1
- package/es/tree/style/index.scss +1 -1
- package/es/tree/tree.vue_vue_type_script_setup_true_lang.js +81 -2
- package/es/tree-select/tree-select.vue_vue_type_script_setup_true_lang.js +10 -1
- package/es/trigger/index.d.ts +45 -0
- package/es/trigger/trigger.d.ts +27 -0
- package/es/trigger/trigger.js +47 -5
- package/es/typography/edit-content.vue_vue_type_script_setup_true_lang.js +11 -8
- package/es/typography/operations.vue_vue_type_script_setup_true_lang.js +38 -6
- package/es/typography/style/index.css +2 -2
- package/es/typography/style/index.scss +2 -2
- package/es/upload/style/index.css +9 -9
- package/es/upload/style/index.scss +15 -9
- package/es/upload/upload-list-item.js +18 -5
- package/es/upload/upload-picture-item.js +25 -3
- package/es/verification-code/verification-code.js +6 -1
- package/json/vetur-attributes.json +15 -0
- package/json/vetur-tags.json +6 -2
- package/json/web-types.json +33 -1
- package/package.json +1 -1
package/es/select/index.d.ts
CHANGED
|
@@ -359,6 +359,18 @@ declare const Select: {
|
|
|
359
359
|
type: NumberConstructor;
|
|
360
360
|
default: number;
|
|
361
361
|
};
|
|
362
|
+
escToClose: {
|
|
363
|
+
type: BooleanConstructor;
|
|
364
|
+
default: boolean;
|
|
365
|
+
};
|
|
366
|
+
ariaHasPopup: {
|
|
367
|
+
type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
|
|
368
|
+
default: undefined;
|
|
369
|
+
};
|
|
370
|
+
ariaDescribedbyPopup: {
|
|
371
|
+
type: BooleanConstructor;
|
|
372
|
+
default: boolean;
|
|
373
|
+
};
|
|
362
374
|
}>> & Readonly<{
|
|
363
375
|
onHide?: (() => any) | undefined;
|
|
364
376
|
onResize?: (() => any) | undefined;
|
|
@@ -400,6 +412,9 @@ declare const Select: {
|
|
|
400
412
|
preventFocus: boolean;
|
|
401
413
|
scrollToClose: boolean;
|
|
402
414
|
scrollToCloseDistance: number;
|
|
415
|
+
escToClose: boolean;
|
|
416
|
+
ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
|
|
417
|
+
ariaDescribedbyPopup: boolean;
|
|
403
418
|
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
404
419
|
P: {};
|
|
405
420
|
B: {};
|
|
@@ -550,6 +565,18 @@ declare const Select: {
|
|
|
550
565
|
type: NumberConstructor;
|
|
551
566
|
default: number;
|
|
552
567
|
};
|
|
568
|
+
escToClose: {
|
|
569
|
+
type: BooleanConstructor;
|
|
570
|
+
default: boolean;
|
|
571
|
+
};
|
|
572
|
+
ariaHasPopup: {
|
|
573
|
+
type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
|
|
574
|
+
default: undefined;
|
|
575
|
+
};
|
|
576
|
+
ariaDescribedbyPopup: {
|
|
577
|
+
type: BooleanConstructor;
|
|
578
|
+
default: boolean;
|
|
579
|
+
};
|
|
553
580
|
}>> & Readonly<{
|
|
554
581
|
onHide?: (() => any) | undefined;
|
|
555
582
|
onResize?: (() => any) | undefined;
|
|
@@ -585,6 +612,9 @@ declare const Select: {
|
|
|
585
612
|
preventFocus: boolean;
|
|
586
613
|
scrollToClose: boolean;
|
|
587
614
|
scrollToCloseDistance: number;
|
|
615
|
+
escToClose: boolean;
|
|
616
|
+
ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
|
|
617
|
+
ariaDescribedbyPopup: boolean;
|
|
588
618
|
}>;
|
|
589
619
|
__isFragment?: never;
|
|
590
620
|
__isTeleport?: never;
|
|
@@ -732,6 +762,18 @@ declare const Select: {
|
|
|
732
762
|
type: NumberConstructor;
|
|
733
763
|
default: number;
|
|
734
764
|
};
|
|
765
|
+
escToClose: {
|
|
766
|
+
type: BooleanConstructor;
|
|
767
|
+
default: boolean;
|
|
768
|
+
};
|
|
769
|
+
ariaHasPopup: {
|
|
770
|
+
type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
|
|
771
|
+
default: undefined;
|
|
772
|
+
};
|
|
773
|
+
ariaDescribedbyPopup: {
|
|
774
|
+
type: BooleanConstructor;
|
|
775
|
+
default: boolean;
|
|
776
|
+
};
|
|
735
777
|
}>> & Readonly<{
|
|
736
778
|
onHide?: (() => any) | undefined;
|
|
737
779
|
onResize?: (() => any) | undefined;
|
|
@@ -773,6 +815,9 @@ declare const Select: {
|
|
|
773
815
|
preventFocus: boolean;
|
|
774
816
|
scrollToClose: boolean;
|
|
775
817
|
scrollToCloseDistance: number;
|
|
818
|
+
escToClose: boolean;
|
|
819
|
+
ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
|
|
820
|
+
ariaDescribedbyPopup: boolean;
|
|
776
821
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
777
822
|
install: (app: App, options?: SDOptions) => void;
|
|
778
823
|
};
|
|
@@ -838,6 +883,7 @@ declare const Select: {
|
|
|
838
883
|
type: BooleanConstructor;
|
|
839
884
|
default: boolean;
|
|
840
885
|
};
|
|
886
|
+
inputAttrs: import("vue").PropType<Record<string, unknown>>;
|
|
841
887
|
}>, {
|
|
842
888
|
inputRef: import("vue").ComputedRef<HTMLInputElement>;
|
|
843
889
|
handleFocus: (ev: FocusEvent) => void;
|
|
@@ -908,6 +954,7 @@ declare const Select: {
|
|
|
908
954
|
type: BooleanConstructor;
|
|
909
955
|
default: boolean;
|
|
910
956
|
};
|
|
957
|
+
inputAttrs: import("vue").PropType<Record<string, unknown>>;
|
|
911
958
|
}>> & Readonly<{
|
|
912
959
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
913
960
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
@@ -949,6 +996,10 @@ declare const Select: {
|
|
|
949
996
|
type: BooleanConstructor;
|
|
950
997
|
default: boolean;
|
|
951
998
|
};
|
|
999
|
+
tabindex: {
|
|
1000
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
1001
|
+
default: undefined;
|
|
1002
|
+
};
|
|
952
1003
|
uninjectGroupContext: {
|
|
953
1004
|
type: BooleanConstructor;
|
|
954
1005
|
default: boolean;
|
|
@@ -964,6 +1015,7 @@ declare const Select: {
|
|
|
964
1015
|
modelValue: boolean | (string | number | boolean)[];
|
|
965
1016
|
defaultChecked: boolean;
|
|
966
1017
|
indeterminate: boolean;
|
|
1018
|
+
tabindex: string | number;
|
|
967
1019
|
uninjectGroupContext: boolean;
|
|
968
1020
|
}, true, {}, {}, {
|
|
969
1021
|
IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1066,6 +1118,10 @@ declare const Select: {
|
|
|
1066
1118
|
type: BooleanConstructor;
|
|
1067
1119
|
default: boolean;
|
|
1068
1120
|
};
|
|
1121
|
+
tabindex: {
|
|
1122
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
1123
|
+
default: undefined;
|
|
1124
|
+
};
|
|
1069
1125
|
uninjectGroupContext: {
|
|
1070
1126
|
type: BooleanConstructor;
|
|
1071
1127
|
default: boolean;
|
|
@@ -1078,6 +1134,7 @@ declare const Select: {
|
|
|
1078
1134
|
modelValue: boolean | (string | number | boolean)[];
|
|
1079
1135
|
defaultChecked: boolean;
|
|
1080
1136
|
indeterminate: boolean;
|
|
1137
|
+
tabindex: string | number;
|
|
1081
1138
|
uninjectGroupContext: boolean;
|
|
1082
1139
|
}>;
|
|
1083
1140
|
__isFragment?: never;
|
|
@@ -1103,6 +1160,10 @@ declare const Select: {
|
|
|
1103
1160
|
type: BooleanConstructor;
|
|
1104
1161
|
default: boolean;
|
|
1105
1162
|
};
|
|
1163
|
+
tabindex: {
|
|
1164
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
1165
|
+
default: undefined;
|
|
1166
|
+
};
|
|
1106
1167
|
uninjectGroupContext: {
|
|
1107
1168
|
type: BooleanConstructor;
|
|
1108
1169
|
default: boolean;
|
|
@@ -1118,6 +1179,7 @@ declare const Select: {
|
|
|
1118
1179
|
modelValue: boolean | (string | number | boolean)[];
|
|
1119
1180
|
defaultChecked: boolean;
|
|
1120
1181
|
indeterminate: boolean;
|
|
1182
|
+
tabindex: string | number;
|
|
1121
1183
|
uninjectGroupContext: boolean;
|
|
1122
1184
|
}, {}, string, {}, {
|
|
1123
1185
|
IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1819,6 +1881,18 @@ declare const Select: {
|
|
|
1819
1881
|
type: NumberConstructor;
|
|
1820
1882
|
default: number;
|
|
1821
1883
|
};
|
|
1884
|
+
escToClose: {
|
|
1885
|
+
type: BooleanConstructor;
|
|
1886
|
+
default: boolean;
|
|
1887
|
+
};
|
|
1888
|
+
ariaHasPopup: {
|
|
1889
|
+
type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
|
|
1890
|
+
default: undefined;
|
|
1891
|
+
};
|
|
1892
|
+
ariaDescribedbyPopup: {
|
|
1893
|
+
type: BooleanConstructor;
|
|
1894
|
+
default: boolean;
|
|
1895
|
+
};
|
|
1822
1896
|
}>> & Readonly<{
|
|
1823
1897
|
onHide?: (() => any) | undefined;
|
|
1824
1898
|
onResize?: (() => any) | undefined;
|
|
@@ -1860,6 +1934,9 @@ declare const Select: {
|
|
|
1860
1934
|
preventFocus: boolean;
|
|
1861
1935
|
scrollToClose: boolean;
|
|
1862
1936
|
scrollToCloseDistance: number;
|
|
1937
|
+
escToClose: boolean;
|
|
1938
|
+
ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
|
|
1939
|
+
ariaDescribedbyPopup: boolean;
|
|
1863
1940
|
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
1864
1941
|
P: {};
|
|
1865
1942
|
B: {};
|
|
@@ -2010,6 +2087,18 @@ declare const Select: {
|
|
|
2010
2087
|
type: NumberConstructor;
|
|
2011
2088
|
default: number;
|
|
2012
2089
|
};
|
|
2090
|
+
escToClose: {
|
|
2091
|
+
type: BooleanConstructor;
|
|
2092
|
+
default: boolean;
|
|
2093
|
+
};
|
|
2094
|
+
ariaHasPopup: {
|
|
2095
|
+
type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
|
|
2096
|
+
default: undefined;
|
|
2097
|
+
};
|
|
2098
|
+
ariaDescribedbyPopup: {
|
|
2099
|
+
type: BooleanConstructor;
|
|
2100
|
+
default: boolean;
|
|
2101
|
+
};
|
|
2013
2102
|
}>> & Readonly<{
|
|
2014
2103
|
onHide?: (() => any) | undefined;
|
|
2015
2104
|
onResize?: (() => any) | undefined;
|
|
@@ -2045,6 +2134,9 @@ declare const Select: {
|
|
|
2045
2134
|
preventFocus: boolean;
|
|
2046
2135
|
scrollToClose: boolean;
|
|
2047
2136
|
scrollToCloseDistance: number;
|
|
2137
|
+
escToClose: boolean;
|
|
2138
|
+
ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
|
|
2139
|
+
ariaDescribedbyPopup: boolean;
|
|
2048
2140
|
}>;
|
|
2049
2141
|
__isFragment?: never;
|
|
2050
2142
|
__isTeleport?: never;
|
|
@@ -2192,6 +2284,18 @@ declare const Select: {
|
|
|
2192
2284
|
type: NumberConstructor;
|
|
2193
2285
|
default: number;
|
|
2194
2286
|
};
|
|
2287
|
+
escToClose: {
|
|
2288
|
+
type: BooleanConstructor;
|
|
2289
|
+
default: boolean;
|
|
2290
|
+
};
|
|
2291
|
+
ariaHasPopup: {
|
|
2292
|
+
type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
|
|
2293
|
+
default: undefined;
|
|
2294
|
+
};
|
|
2295
|
+
ariaDescribedbyPopup: {
|
|
2296
|
+
type: BooleanConstructor;
|
|
2297
|
+
default: boolean;
|
|
2298
|
+
};
|
|
2195
2299
|
}>> & Readonly<{
|
|
2196
2300
|
onHide?: (() => any) | undefined;
|
|
2197
2301
|
onResize?: (() => any) | undefined;
|
|
@@ -2233,6 +2337,9 @@ declare const Select: {
|
|
|
2233
2337
|
preventFocus: boolean;
|
|
2234
2338
|
scrollToClose: boolean;
|
|
2235
2339
|
scrollToCloseDistance: number;
|
|
2340
|
+
escToClose: boolean;
|
|
2341
|
+
ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
|
|
2342
|
+
ariaDescribedbyPopup: boolean;
|
|
2236
2343
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
2237
2344
|
install: (app: App, options?: SDOptions) => void;
|
|
2238
2345
|
};
|
|
@@ -2298,6 +2405,7 @@ declare const Select: {
|
|
|
2298
2405
|
type: BooleanConstructor;
|
|
2299
2406
|
default: boolean;
|
|
2300
2407
|
};
|
|
2408
|
+
inputAttrs: import("vue").PropType<Record<string, unknown>>;
|
|
2301
2409
|
}>, {
|
|
2302
2410
|
inputRef: import("vue").ComputedRef<HTMLInputElement>;
|
|
2303
2411
|
handleFocus: (ev: FocusEvent) => void;
|
|
@@ -2368,6 +2476,7 @@ declare const Select: {
|
|
|
2368
2476
|
type: BooleanConstructor;
|
|
2369
2477
|
default: boolean;
|
|
2370
2478
|
};
|
|
2479
|
+
inputAttrs: import("vue").PropType<Record<string, unknown>>;
|
|
2371
2480
|
}>> & Readonly<{
|
|
2372
2481
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
2373
2482
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
@@ -2409,6 +2518,10 @@ declare const Select: {
|
|
|
2409
2518
|
type: BooleanConstructor;
|
|
2410
2519
|
default: boolean;
|
|
2411
2520
|
};
|
|
2521
|
+
tabindex: {
|
|
2522
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
2523
|
+
default: undefined;
|
|
2524
|
+
};
|
|
2412
2525
|
uninjectGroupContext: {
|
|
2413
2526
|
type: BooleanConstructor;
|
|
2414
2527
|
default: boolean;
|
|
@@ -2424,6 +2537,7 @@ declare const Select: {
|
|
|
2424
2537
|
modelValue: boolean | (string | number | boolean)[];
|
|
2425
2538
|
defaultChecked: boolean;
|
|
2426
2539
|
indeterminate: boolean;
|
|
2540
|
+
tabindex: string | number;
|
|
2427
2541
|
uninjectGroupContext: boolean;
|
|
2428
2542
|
}, true, {}, {}, {
|
|
2429
2543
|
IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -2526,6 +2640,10 @@ declare const Select: {
|
|
|
2526
2640
|
type: BooleanConstructor;
|
|
2527
2641
|
default: boolean;
|
|
2528
2642
|
};
|
|
2643
|
+
tabindex: {
|
|
2644
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
2645
|
+
default: undefined;
|
|
2646
|
+
};
|
|
2529
2647
|
uninjectGroupContext: {
|
|
2530
2648
|
type: BooleanConstructor;
|
|
2531
2649
|
default: boolean;
|
|
@@ -2538,6 +2656,7 @@ declare const Select: {
|
|
|
2538
2656
|
modelValue: boolean | (string | number | boolean)[];
|
|
2539
2657
|
defaultChecked: boolean;
|
|
2540
2658
|
indeterminate: boolean;
|
|
2659
|
+
tabindex: string | number;
|
|
2541
2660
|
uninjectGroupContext: boolean;
|
|
2542
2661
|
}>;
|
|
2543
2662
|
__isFragment?: never;
|
|
@@ -2563,6 +2682,10 @@ declare const Select: {
|
|
|
2563
2682
|
type: BooleanConstructor;
|
|
2564
2683
|
default: boolean;
|
|
2565
2684
|
};
|
|
2685
|
+
tabindex: {
|
|
2686
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
2687
|
+
default: undefined;
|
|
2688
|
+
};
|
|
2566
2689
|
uninjectGroupContext: {
|
|
2567
2690
|
type: BooleanConstructor;
|
|
2568
2691
|
default: boolean;
|
|
@@ -2578,6 +2701,7 @@ declare const Select: {
|
|
|
2578
2701
|
modelValue: boolean | (string | number | boolean)[];
|
|
2579
2702
|
defaultChecked: boolean;
|
|
2580
2703
|
indeterminate: boolean;
|
|
2704
|
+
tabindex: string | number;
|
|
2581
2705
|
uninjectGroupContext: boolean;
|
|
2582
2706
|
}, {}, string, {}, {
|
|
2583
2707
|
IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -76,7 +76,10 @@ var select_dropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
76
76
|
"disable-horizontal": "",
|
|
77
77
|
onScroll: handleScroll
|
|
78
78
|
}), {
|
|
79
|
-
default: withCtx(() => [createElementVNode("ul", {
|
|
79
|
+
default: withCtx(() => [createElementVNode("ul", {
|
|
80
|
+
role: "listbox",
|
|
81
|
+
class: normalizeClass(`${unref(prefixCls)}-list`)
|
|
82
|
+
}, [renderSlot(_ctx.$slots, "default")], 2)]),
|
|
80
83
|
_: 3
|
|
81
84
|
}, 16, ["class"])), [[vShow, !__props.loading && !__props.empty]]) : createCommentVNode("", true),
|
|
82
85
|
_ctx.$slots.footer && (!__props.empty || __props.showFooterOnEmpty) ? (openBlock(), createElementBlock("div", {
|
package/es/select/select.d.ts
CHANGED
|
@@ -510,6 +510,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
510
510
|
type: NumberConstructor;
|
|
511
511
|
default: number;
|
|
512
512
|
};
|
|
513
|
+
escToClose: {
|
|
514
|
+
type: BooleanConstructor;
|
|
515
|
+
default: boolean;
|
|
516
|
+
};
|
|
517
|
+
ariaHasPopup: {
|
|
518
|
+
type: PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
|
|
519
|
+
default: undefined;
|
|
520
|
+
};
|
|
521
|
+
ariaDescribedbyPopup: {
|
|
522
|
+
type: BooleanConstructor;
|
|
523
|
+
default: boolean;
|
|
524
|
+
};
|
|
513
525
|
}>> & Readonly<{
|
|
514
526
|
onHide?: (() => any) | undefined;
|
|
515
527
|
onResize?: (() => any) | undefined;
|
|
@@ -551,6 +563,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
551
563
|
preventFocus: boolean;
|
|
552
564
|
scrollToClose: boolean;
|
|
553
565
|
scrollToCloseDistance: number;
|
|
566
|
+
escToClose: boolean;
|
|
567
|
+
ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
|
|
568
|
+
ariaDescribedbyPopup: boolean;
|
|
554
569
|
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
555
570
|
P: {};
|
|
556
571
|
B: {};
|
|
@@ -701,6 +716,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
701
716
|
type: NumberConstructor;
|
|
702
717
|
default: number;
|
|
703
718
|
};
|
|
719
|
+
escToClose: {
|
|
720
|
+
type: BooleanConstructor;
|
|
721
|
+
default: boolean;
|
|
722
|
+
};
|
|
723
|
+
ariaHasPopup: {
|
|
724
|
+
type: PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
|
|
725
|
+
default: undefined;
|
|
726
|
+
};
|
|
727
|
+
ariaDescribedbyPopup: {
|
|
728
|
+
type: BooleanConstructor;
|
|
729
|
+
default: boolean;
|
|
730
|
+
};
|
|
704
731
|
}>> & Readonly<{
|
|
705
732
|
onHide?: (() => any) | undefined;
|
|
706
733
|
onResize?: (() => any) | undefined;
|
|
@@ -736,6 +763,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
736
763
|
preventFocus: boolean;
|
|
737
764
|
scrollToClose: boolean;
|
|
738
765
|
scrollToCloseDistance: number;
|
|
766
|
+
escToClose: boolean;
|
|
767
|
+
ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
|
|
768
|
+
ariaDescribedbyPopup: boolean;
|
|
739
769
|
}>;
|
|
740
770
|
__isFragment?: never;
|
|
741
771
|
__isTeleport?: never;
|
|
@@ -883,6 +913,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
883
913
|
type: NumberConstructor;
|
|
884
914
|
default: number;
|
|
885
915
|
};
|
|
916
|
+
escToClose: {
|
|
917
|
+
type: BooleanConstructor;
|
|
918
|
+
default: boolean;
|
|
919
|
+
};
|
|
920
|
+
ariaHasPopup: {
|
|
921
|
+
type: PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
|
|
922
|
+
default: undefined;
|
|
923
|
+
};
|
|
924
|
+
ariaDescribedbyPopup: {
|
|
925
|
+
type: BooleanConstructor;
|
|
926
|
+
default: boolean;
|
|
927
|
+
};
|
|
886
928
|
}>> & Readonly<{
|
|
887
929
|
onHide?: (() => any) | undefined;
|
|
888
930
|
onResize?: (() => any) | undefined;
|
|
@@ -924,6 +966,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
924
966
|
preventFocus: boolean;
|
|
925
967
|
scrollToClose: boolean;
|
|
926
968
|
scrollToCloseDistance: number;
|
|
969
|
+
escToClose: boolean;
|
|
970
|
+
ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
|
|
971
|
+
ariaDescribedbyPopup: boolean;
|
|
927
972
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
928
973
|
install: (app: import("vue").App, options?: import("../_utils/types.ts").SDOptions) => void;
|
|
929
974
|
};
|
|
@@ -989,6 +1034,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
989
1034
|
type: BooleanConstructor;
|
|
990
1035
|
default: boolean;
|
|
991
1036
|
};
|
|
1037
|
+
inputAttrs: PropType<Record<string, unknown>>;
|
|
992
1038
|
}>, {
|
|
993
1039
|
inputRef: import("vue").ComputedRef<HTMLInputElement>;
|
|
994
1040
|
handleFocus: (ev: FocusEvent) => void;
|
|
@@ -1059,6 +1105,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1059
1105
|
type: BooleanConstructor;
|
|
1060
1106
|
default: boolean;
|
|
1061
1107
|
};
|
|
1108
|
+
inputAttrs: PropType<Record<string, unknown>>;
|
|
1062
1109
|
}>> & Readonly<{
|
|
1063
1110
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
1064
1111
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
@@ -1100,6 +1147,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1100
1147
|
type: BooleanConstructor;
|
|
1101
1148
|
default: boolean;
|
|
1102
1149
|
};
|
|
1150
|
+
tabindex: {
|
|
1151
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
1152
|
+
default: undefined;
|
|
1153
|
+
};
|
|
1103
1154
|
uninjectGroupContext: {
|
|
1104
1155
|
type: BooleanConstructor;
|
|
1105
1156
|
default: boolean;
|
|
@@ -1115,6 +1166,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1115
1166
|
modelValue: boolean | (string | number | boolean)[];
|
|
1116
1167
|
defaultChecked: boolean;
|
|
1117
1168
|
indeterminate: boolean;
|
|
1169
|
+
tabindex: string | number;
|
|
1118
1170
|
uninjectGroupContext: boolean;
|
|
1119
1171
|
}, true, {}, {}, {
|
|
1120
1172
|
IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1217,6 +1269,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1217
1269
|
type: BooleanConstructor;
|
|
1218
1270
|
default: boolean;
|
|
1219
1271
|
};
|
|
1272
|
+
tabindex: {
|
|
1273
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
1274
|
+
default: undefined;
|
|
1275
|
+
};
|
|
1220
1276
|
uninjectGroupContext: {
|
|
1221
1277
|
type: BooleanConstructor;
|
|
1222
1278
|
default: boolean;
|
|
@@ -1229,6 +1285,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1229
1285
|
modelValue: boolean | (string | number | boolean)[];
|
|
1230
1286
|
defaultChecked: boolean;
|
|
1231
1287
|
indeterminate: boolean;
|
|
1288
|
+
tabindex: string | number;
|
|
1232
1289
|
uninjectGroupContext: boolean;
|
|
1233
1290
|
}>;
|
|
1234
1291
|
__isFragment?: never;
|
|
@@ -1254,6 +1311,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1254
1311
|
type: BooleanConstructor;
|
|
1255
1312
|
default: boolean;
|
|
1256
1313
|
};
|
|
1314
|
+
tabindex: {
|
|
1315
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
1316
|
+
default: undefined;
|
|
1317
|
+
};
|
|
1257
1318
|
uninjectGroupContext: {
|
|
1258
1319
|
type: BooleanConstructor;
|
|
1259
1320
|
default: boolean;
|
|
@@ -1269,6 +1330,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1269
1330
|
modelValue: boolean | (string | number | boolean)[];
|
|
1270
1331
|
defaultChecked: boolean;
|
|
1271
1332
|
indeterminate: boolean;
|
|
1333
|
+
tabindex: string | number;
|
|
1272
1334
|
uninjectGroupContext: boolean;
|
|
1273
1335
|
}, {}, string, {}, {
|
|
1274
1336
|
IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
package/es/select/select.js
CHANGED
|
@@ -17,7 +17,7 @@ import Checkbox from "../checkbox/index.js";
|
|
|
17
17
|
import select_view_default from "../_components/select-view/select-view.js";
|
|
18
18
|
import { useAllowSearch } from "../_hooks/use-allow-search.js";
|
|
19
19
|
import { debounce } from "../_utils/debounce.js";
|
|
20
|
-
import { computed, createVNode, defineComponent, isVNode, mergeProps, nextTick, ref, toRef, toRefs, watch, watchEffect } from "vue";
|
|
20
|
+
import { computed, createVNode, defineComponent, getCurrentInstance, isVNode, mergeProps, nextTick, ref, toRef, toRefs, watch, watchEffect } from "vue";
|
|
21
21
|
//#region components/select/select.tsx
|
|
22
22
|
function _isSlot(s) {
|
|
23
23
|
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
|
@@ -453,10 +453,14 @@ var select_default = /* @__PURE__ */ defineComponent({
|
|
|
453
453
|
};
|
|
454
454
|
const optionPrefixCls = getPrefixCls("select-option");
|
|
455
455
|
const groupPrefixCls = getPrefixCls("select-group");
|
|
456
|
+
const optionInstanceUid = getCurrentInstance().uid;
|
|
457
|
+
const optionId = (key) => `${optionPrefixCls}-${optionInstanceUid}-${key}`;
|
|
456
458
|
const renderOption = (optionInfo) => {
|
|
457
459
|
let _slot;
|
|
458
460
|
if (isGroupOptionInfo(optionInfo)) return createVNode("li", {
|
|
459
461
|
"key": optionInfo.key,
|
|
462
|
+
"role": "group",
|
|
463
|
+
"aria-label": optionInfo.label,
|
|
460
464
|
"class": groupPrefixCls
|
|
461
465
|
}, [createVNode("div", { "class": `${groupPrefixCls}-title` }, [renderOptionEllipsis(optionInfo.label)]), optionInfo.options.map((child) => renderOption(child))]);
|
|
462
466
|
if (!isValidOption(optionInfo, {
|
|
@@ -489,6 +493,10 @@ var select_default = /* @__PURE__ */ defineComponent({
|
|
|
489
493
|
},
|
|
490
494
|
"key": optionInfo.key,
|
|
491
495
|
"class": cls,
|
|
496
|
+
"role": "option",
|
|
497
|
+
"id": optionId(optionInfo.key),
|
|
498
|
+
"aria-selected": isSelected,
|
|
499
|
+
"aria-disabled": optionInfo.disabled || void 0,
|
|
492
500
|
"onClick": handleClick,
|
|
493
501
|
"onMouseenter": handleMouseEnter,
|
|
494
502
|
"onMouseleave": handleMouseLeave
|
|
@@ -544,6 +552,12 @@ var select_default = /* @__PURE__ */ defineComponent({
|
|
|
544
552
|
return (_selectViewRef$value2 = selectViewRef.value) === null || _selectViewRef$value2 === void 0 || (_selectViewRef$value3 = _selectViewRef$value2.blur) === null || _selectViewRef$value3 === void 0 ? void 0 : _selectViewRef$value3.call(_selectViewRef$value2);
|
|
545
553
|
}
|
|
546
554
|
});
|
|
555
|
+
const comboboxInputAttrs = computed(() => ({
|
|
556
|
+
"role": "combobox",
|
|
557
|
+
"aria-expanded": computedPopupVisible.value,
|
|
558
|
+
"aria-autocomplete": mergedAllowSearch.value ? "list" : "none",
|
|
559
|
+
"aria-activedescendant": activeKey.value ? optionId(activeKey.value) : void 0
|
|
560
|
+
}));
|
|
547
561
|
return () => createVNode(Tooltip, {
|
|
548
562
|
"popupVisible": tipVisible.value,
|
|
549
563
|
"content": readonlyTipText.value,
|
|
@@ -557,6 +571,7 @@ var select_default = /* @__PURE__ */ defineComponent({
|
|
|
557
571
|
"preventFocus": true,
|
|
558
572
|
"autoFitPopupWidth": true,
|
|
559
573
|
"autoFitTransformOrigin": true,
|
|
574
|
+
"aria-has-popup": "listbox",
|
|
560
575
|
"disabled": mergedDisabled.value,
|
|
561
576
|
"popupVisible": computedPopupVisible.value,
|
|
562
577
|
"unmountOnClose": props.unmountOnClose,
|
|
@@ -584,7 +599,8 @@ var select_default = /* @__PURE__ */ defineComponent({
|
|
|
584
599
|
"placeholder": props.placeholder,
|
|
585
600
|
"bordered": props.bordered,
|
|
586
601
|
"size": mergedSize.value,
|
|
587
|
-
"tagNowrap": props.tagNowrap
|
|
602
|
+
"tagNowrap": props.tagNowrap,
|
|
603
|
+
"inputAttrs": comboboxInputAttrs.value
|
|
588
604
|
}, {
|
|
589
605
|
onInputValueChange: handleInputValueChange,
|
|
590
606
|
onKeydown: handleKeyDown
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
.sd-select-dropdown .sd-select-option-active, .sd-select-dropdown .sd-select-option:not(.sd-select-dropdown .sd-select-option-disabled):hover {
|
|
86
86
|
color: var(--sd-color-text-1);
|
|
87
87
|
background-color: var(--sd-color-fill-2);
|
|
88
|
-
transition:
|
|
88
|
+
transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
89
89
|
}
|
|
90
90
|
.sd-select-dropdown .sd-select-option-disabled {
|
|
91
91
|
color: var(--sd-color-text-4);
|
|
@@ -78,7 +78,9 @@ $select-prefix-cls: string.unquote('#{theme.$prefix}-select');
|
|
|
78
78
|
&:not(#{&}-disabled):hover {
|
|
79
79
|
color: $select-popup-option-color-text_hover;
|
|
80
80
|
background-color: $select-popup-option-color-bg_hover;
|
|
81
|
-
transition:
|
|
81
|
+
transition:
|
|
82
|
+
color theme.$transition-duration-1 theme.$transition-timing-function-standard,
|
|
83
|
+
background-color theme.$transition-duration-1 theme.$transition-timing-function-standard;
|
|
82
84
|
}
|
|
83
85
|
|
|
84
86
|
// disabled
|
|
@@ -23,13 +23,13 @@
|
|
|
23
23
|
border: 1px solid var(--sd-color-neutral-3);
|
|
24
24
|
border-radius: var(--sd-border-radius-large);
|
|
25
25
|
cursor: pointer;
|
|
26
|
-
transition: color 0.2s cubic-bezier(0, 0, 1, 1), background-color 0.2s cubic-bezier(0, 0, 1, 1), border-color 0.2s cubic-bezier(0, 0, 1, 1), box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
|
|
26
|
+
transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), box-shadow 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
27
27
|
}
|
|
28
28
|
.sd-selectable-card::after {
|
|
29
29
|
position: absolute;
|
|
30
30
|
background: transparent;
|
|
31
31
|
border-radius: inherit;
|
|
32
|
-
transition: background 0.2s cubic-bezier(0, 0, 1, 1);
|
|
32
|
+
transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
33
33
|
content: "";
|
|
34
34
|
pointer-events: none;
|
|
35
35
|
inset: 0;
|
|
@@ -23,16 +23,16 @@ $colors:
|
|
|
23
23
|
border-radius: $selectable-card-border-radius;
|
|
24
24
|
cursor: pointer;
|
|
25
25
|
transition:
|
|
26
|
-
color theme.$transition-duration-2 theme.$transition-timing-function-
|
|
27
|
-
background-color theme.$transition-duration-2 theme.$transition-timing-function-
|
|
28
|
-
border-color theme.$transition-duration-2 theme.$transition-timing-function-
|
|
29
|
-
box-shadow theme.$transition-duration-2 theme.$transition-timing-function-
|
|
26
|
+
color theme.$transition-duration-2 theme.$transition-timing-function-standard,
|
|
27
|
+
background-color theme.$transition-duration-2 theme.$transition-timing-function-standard,
|
|
28
|
+
border-color theme.$transition-duration-2 theme.$transition-timing-function-standard,
|
|
29
|
+
box-shadow theme.$transition-duration-2 theme.$transition-timing-function-standard;
|
|
30
30
|
|
|
31
31
|
&::after {
|
|
32
32
|
position: absolute;
|
|
33
33
|
background: transparent;
|
|
34
34
|
border-radius: inherit;
|
|
35
|
-
transition: background theme.$transition-duration-2 theme.$transition-timing-function-
|
|
35
|
+
transition: background theme.$transition-duration-2 theme.$transition-timing-function-standard;
|
|
36
36
|
content: '';
|
|
37
37
|
pointer-events: none;
|
|
38
38
|
inset: 0;
|
|
@@ -2,6 +2,7 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
|
|
|
2
2
|
import { getPrefixCls } from "../_utils/global-config.js";
|
|
3
3
|
import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
|
|
4
4
|
//#region components/skeleton/skeleton.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var _hoisted_1 = ["aria-busy"];
|
|
5
6
|
var skeleton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Skeleton" }), {}, {
|
|
6
7
|
__name: "skeleton",
|
|
7
8
|
props: {
|
|
@@ -27,7 +28,10 @@ var skeleton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
|
|
|
27
28
|
const prefixCls = getPrefixCls("skeleton");
|
|
28
29
|
const cls = computed(() => [prefixCls, { [`${prefixCls}-animation`]: props.animation }]);
|
|
29
30
|
return (_ctx, _cache) => {
|
|
30
|
-
return openBlock(), createElementBlock("div", {
|
|
31
|
+
return openBlock(), createElementBlock("div", {
|
|
32
|
+
class: normalizeClass(cls.value),
|
|
33
|
+
"aria-busy": __props.loading || void 0
|
|
34
|
+
}, [__props.loading ? renderSlot(_ctx.$slots, "default", { key: 0 }) : renderSlot(_ctx.$slots, "content", { key: 1 })], 10, _hoisted_1);
|
|
31
35
|
};
|
|
32
36
|
}
|
|
33
37
|
}));
|
|
@@ -29,6 +29,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
29
29
|
default: boolean;
|
|
30
30
|
};
|
|
31
31
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
32
|
+
keydown: (_e: KeyboardEvent) => any;
|
|
32
33
|
movestart: () => any;
|
|
33
34
|
moving: (_x: number, _y: number) => any;
|
|
34
35
|
moveend: () => any;
|
|
@@ -61,6 +62,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
61
62
|
default: boolean;
|
|
62
63
|
};
|
|
63
64
|
}>> & Readonly<{
|
|
65
|
+
onKeydown?: ((_e: KeyboardEvent) => any) | undefined;
|
|
64
66
|
onMovestart?: (() => any) | undefined;
|
|
65
67
|
onMoving?: ((_x: number, _y: number) => any) | undefined;
|
|
66
68
|
onMoveend?: (() => any) | undefined;
|