@sdata/web-vue 3.13.0 → 3.15.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 +167 -114
- 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 +13 -3
- package/es/_components/select-view/select-view.d.ts +2 -0
- package/es/_components/select-view/select-view.js +7 -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 +16 -4
- 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 +6 -1
- 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 +8 -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/basic-crud-table/basic-crud-modal.js +5 -0
- package/es/basic-crud-table/basic-crud-modal.vue.d.ts +264 -0
- package/es/basic-crud-table/basic-crud-modal.vue_vue_type_script_setup_true_lang.js +139 -0
- package/es/basic-crud-table/basic-crud-table.js +5 -0
- package/es/basic-crud-table/basic-crud-table.vue.d.ts +935 -0
- package/es/basic-crud-table/basic-crud-table.vue_vue_type_script_setup_true_lang.js +510 -0
- package/es/basic-crud-table/index.d.ts +2722 -0
- package/es/basic-crud-table/index.js +9 -0
- package/es/basic-crud-table/style/css.js +2 -0
- package/es/basic-crud-table/style/index.css +42 -0
- package/es/basic-crud-table/style/index.d.ts +2 -0
- package/es/basic-crud-table/style/index.js +2 -0
- package/es/basic-crud-table/style/index.scss +33 -0
- package/es/basic-crud-table/style/token.scss +8 -0
- package/es/basic-crud-table/types.d.ts +69 -0
- package/es/breadcrumb/breadcrumb-item.js +4 -2
- package/es/breadcrumb/breadcrumb.js +3 -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/components/event.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/calendar/components/headings-bar.vue_vue_type_script_setup_true_lang.js +1 -1
- 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 +25 -5
- package/es/carousel/carousel-indicator.vue_vue_type_script_setup_true_lang.js +25 -4
- package/es/carousel/carousel-item.vue_vue_type_script_setup_true_lang.js +11 -2
- package/es/carousel/carousel.js +20 -1
- package/es/carousel/style/index.css +1 -1
- package/es/carousel/style/index.scss +1 -1
- package/es/cascader/cascader-option.js +1 -1
- package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js +13 -4
- 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/color-picker/panel.js +5 -3
- package/es/components.d.ts +1 -0
- package/es/copy/copy.vue_vue_type_script_setup_true_lang.js +11 -3
- package/es/date-picker/hooks/use-provide-datepicker-transform.js +1 -1
- package/es/date-picker/panels/body.vue_vue_type_script_setup_true_lang.js +14 -1
- package/es/date-picker/panels/header.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/date-picker/picker.vue_vue_type_script_setup_true_lang.js +4 -3
- package/es/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js +2 -2
- 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 +31 -9
- package/es/drawer/index.d.ts +3 -3
- package/es/dropdown/dropdown-button.vue_vue_type_script_setup_true_lang.js +1 -1
- 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 +76 -3
- package/es/dropdown/dropdown-submenu.vue_vue_type_script_setup_true_lang.js +6 -3
- 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 +18 -10
- 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 +7 -3
- package/es/form/index.js +1 -1
- package/es/form/style/index.css +2 -2
- package/es/form/style/index.scss +2 -2
- package/es/grid/grid-col.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/grid/grid-item.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/grid/grid-row.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/grid/grid.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/image/image.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/image/preview-arrow.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/image/preview.vue.d.ts +1 -1
- package/es/image/preview.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/index.css +167 -114
- package/es/index.d.ts +2 -0
- package/es/index.js +55 -54
- package/es/index.scss +1 -0
- package/es/input/input.js +18 -2
- package/es/input/style/index.css +2 -2
- package/es/input/style/input.scss +4 -4
- package/es/input-number/input-number.js +9 -3
- 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/json-form/style/index.css +0 -3
- package/es/json-form/style/index.scss +4 -3
- package/es/json-form/utils.js +4 -4
- package/es/layout/sider.vue_vue_type_script_setup_true_lang.js +34 -7
- package/es/layout/style/index.css +2 -2
- package/es/layout/style/index.scss +4 -2
- package/es/link/link.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/link/style/index.css +1 -1
- package/es/link/style/index.scss +3 -1
- package/es/list/list.js +1 -1
- package/es/locale/interface.d.ts +39 -0
- package/es/locale/lang/ar-eg.js +38 -0
- package/es/locale/lang/de-de.js +38 -0
- package/es/locale/lang/en-us.js +38 -0
- package/es/locale/lang/es-es.js +38 -0
- package/es/locale/lang/fr-fr.js +38 -0
- package/es/locale/lang/id-id.js +38 -0
- package/es/locale/lang/it-it.js +38 -0
- package/es/locale/lang/ja-jp.js +38 -0
- package/es/locale/lang/km-kh.js +38 -0
- package/es/locale/lang/ko-kr.js +38 -0
- package/es/locale/lang/ms-my.js +38 -0
- package/es/locale/lang/nl-nl.js +38 -0
- package/es/locale/lang/pt-pt.js +38 -0
- package/es/locale/lang/ru-ru.js +38 -0
- package/es/locale/lang/th-th.js +38 -0
- package/es/locale/lang/vi-vn.js +38 -0
- package/es/locale/lang/zh-cn.js +38 -0
- package/es/locale/lang/zh-tw.js +38 -0
- 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.d.ts +1 -1
- 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 +31 -15
- 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/overflow-list/overflow-list.js +1 -1
- 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 +19 -2
- package/es/pagination/page-item-ellipsis.vue_vue_type_script_setup_true_lang.js +15 -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 +23 -4
- 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 +3 -1
- 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 +13 -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 +27 -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/sd-vue.js +54 -52
- package/es/secret/secret.vue_vue_type_script_setup_true_lang.js +3 -1
- 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 +20 -4
- 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/statistic/statistic.vue_vue_type_script_setup_true_lang.js +1 -1
- 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 +10 -2
- 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/index.d.ts +4 -4
- 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-operation-td.js +3 -3
- package/es/table/table-operation-th.js +1 -1
- package/es/table/table-tbody.js +4 -1
- package/es/table/table-td.js +2 -1
- package/es/table/table-th.d.ts +1 -1
- package/es/table/table-th.js +7 -5
- package/es/table/table-thead.js +4 -1
- package/es/table/table-tr.js +4 -1
- package/es/table/table.d.ts +1 -1
- package/es/table/table.js +8 -4
- 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-button.js +1 -1
- 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 +27 -4
- package/es/tag-group/tag-group.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/textarea/style/index.css +2 -2
- package/es/textarea/textarea.vue_vue_type_script_setup_true_lang.js +18 -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 +6 -3
- package/es/toolbar/index.d.ts +3 -3
- package/es/toolbar/toolbar.vue.d.ts +2 -2
- package/es/toolbar/toolbar.vue_vue_type_script_setup_true_lang.js +5 -5
- 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 +18 -2
- package/es/transfer/transfer.vue_vue_type_script_setup_true_lang.js +7 -5
- package/es/tree/base-node.vue_vue_type_script_setup_true_lang.js +28 -8
- package/es/tree/context.d.ts +2 -0
- package/es/tree/node-switcher.vue_vue_type_script_lang.js +1 -1
- 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 +17 -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 +27 -3
- package/es/verification-code/verification-code.js +8 -1
- package/json/vetur-attributes.json +15 -0
- package/json/vetur-tags.json +9 -2
- package/json/web-types.json +39 -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
|
@@ -12,12 +12,12 @@ import Tooltip from "../tooltip/index.js";
|
|
|
12
12
|
import { getKeyFromValue, hasEmptyStringKey, isGroupOptionInfo, isValidOption } from "./utils.js";
|
|
13
13
|
import { useSelect } from "./hooks/use-select.js";
|
|
14
14
|
import select_dropdown_default from "./select-dropdown.js";
|
|
15
|
-
import {
|
|
15
|
+
import { debounce } from "../_utils/debounce.js";
|
|
16
16
|
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
|
-
import {
|
|
20
|
-
import { computed, createVNode, defineComponent, isVNode, mergeProps, nextTick, ref, toRef, toRefs, watch, watchEffect } from "vue";
|
|
19
|
+
import { useTrigger } from "../_hooks/use-trigger.js";
|
|
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;
|