beyond-webui 1.1.38 → 1.1.39
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/index.css +1 -1
- package/dist/index.full.js +2 -1
- package/dist/index.full.min.js +1 -1
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +8 -8
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +2 -1
- package/es/components/alert/index.d.ts +4 -4
- package/es/components/alert/index.mjs +2 -2
- package/es/components/alert/src/alert.d.ts +1 -1
- package/es/components/alert/src/alert.mjs +36 -96
- package/es/components/alert/src/alert.mjs.map +1 -1
- package/es/components/alert/src/alert.vue.d.ts +4 -4
- package/es/components/alert/src/alert2.mjs +96 -36
- package/es/components/alert/src/alert2.mjs.map +1 -1
- package/es/components/autocomplete/index.d.ts +72 -72
- package/es/components/autocomplete/src/autocomplete.mjs +2 -1
- package/es/components/autocomplete/src/autocomplete.mjs.map +1 -1
- package/es/components/autocomplete/src/autocomplete.vue.d.ts +72 -72
- package/es/components/autocomplete/src/autocomplete2.mjs +1 -1
- package/es/components/avatar/index.mjs +2 -2
- package/es/components/avatar/src/avatar.mjs +67 -32
- package/es/components/avatar/src/avatar.mjs.map +1 -1
- package/es/components/avatar/src/avatar2.mjs +32 -67
- package/es/components/avatar/src/avatar2.mjs.map +1 -1
- package/es/components/badge/index.mjs +2 -2
- package/es/components/badge/src/badge.mjs +17 -55
- package/es/components/badge/src/badge.mjs.map +1 -1
- package/es/components/badge/src/badge2.mjs +55 -17
- package/es/components/badge/src/badge2.mjs.map +1 -1
- package/es/components/breadcrumb/index.mjs +4 -4
- package/es/components/breadcrumb/src/breadcrumb-item.mjs +56 -11
- package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
- package/es/components/breadcrumb/src/breadcrumb-item2.mjs +11 -56
- package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
- package/es/components/breadcrumb/src/breadcrumb.mjs +36 -11
- package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
- package/es/components/breadcrumb/src/breadcrumb2.mjs +11 -36
- package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
- package/es/components/button/index.d.ts +5 -5
- package/es/components/button/index.mjs +2 -2
- package/es/components/button/src/button-group.mjs +1 -1
- package/es/components/button/src/button.d.ts +1 -1
- package/es/components/button/src/button.mjs +57 -76
- package/es/components/button/src/button.mjs.map +1 -1
- package/es/components/button/src/button.vue.d.ts +5 -5
- package/es/components/button/src/button2.mjs +76 -57
- package/es/components/button/src/button2.mjs.map +1 -1
- package/es/components/button/src/use-button.d.ts +1 -1
- package/es/components/calendar/index.d.ts +5 -5
- package/es/components/calendar/src/calendar.mjs +1 -1
- package/es/components/calendar/src/calendar.vue.d.ts +5 -5
- package/es/components/calendar/src/date-table.mjs +33 -87
- package/es/components/calendar/src/date-table.mjs.map +1 -1
- package/es/components/calendar/src/date-table2.mjs +87 -33
- package/es/components/calendar/src/date-table2.mjs.map +1 -1
- package/es/components/calendar/src/use-date-table.mjs +1 -1
- package/es/components/carousel/index.d.ts +5 -5
- package/es/components/carousel/index.mjs +2 -2
- package/es/components/carousel/src/carousel.d.ts +1 -1
- package/es/components/carousel/src/carousel.mjs +159 -56
- package/es/components/carousel/src/carousel.mjs.map +1 -1
- package/es/components/carousel/src/carousel.vue.d.ts +5 -5
- package/es/components/carousel/src/carousel2.mjs +56 -159
- package/es/components/carousel/src/carousel2.mjs.map +1 -1
- package/es/components/cascader/index.d.ts +142 -142
- package/es/components/cascader/index.mjs +2 -2
- package/es/components/cascader/src/cascader.mjs +61 -619
- package/es/components/cascader/src/cascader.mjs.map +1 -1
- package/es/components/cascader/src/cascader.vue.d.ts +71 -71
- package/es/components/cascader/src/cascader2.mjs +619 -61
- package/es/components/cascader/src/cascader2.mjs.map +1 -1
- package/es/components/check-tag/index.mjs +2 -2
- package/es/components/check-tag/src/check-tag.mjs +12 -30
- package/es/components/check-tag/src/check-tag.mjs.map +1 -1
- package/es/components/check-tag/src/check-tag2.mjs +30 -12
- package/es/components/check-tag/src/check-tag2.mjs.map +1 -1
- package/es/components/checkbox/index.mjs +2 -2
- package/es/components/checkbox/src/checkbox-button.mjs +1 -1
- package/es/components/checkbox/src/checkbox.mjs +49 -117
- package/es/components/checkbox/src/checkbox.mjs.map +1 -1
- package/es/components/checkbox/src/checkbox2.mjs +117 -49
- package/es/components/checkbox/src/checkbox2.mjs.map +1 -1
- package/es/components/col/index.mjs +2 -2
- package/es/components/col/src/col.mjs +43 -66
- package/es/components/col/src/col.mjs.map +1 -1
- package/es/components/col/src/col2.mjs +66 -43
- package/es/components/col/src/col2.mjs.map +1 -1
- package/es/components/collapse/index.mjs +2 -2
- package/es/components/collapse/src/collapse.mjs +30 -17
- package/es/components/collapse/src/collapse.mjs.map +1 -1
- package/es/components/collapse/src/collapse2.mjs +17 -30
- package/es/components/collapse/src/collapse2.mjs.map +1 -1
- package/es/components/color-picker/index.d.ts +37 -37
- package/es/components/color-picker/index.mjs +2 -2
- package/es/components/color-picker/src/color-picker.mjs +321 -38
- package/es/components/color-picker/src/color-picker.mjs.map +1 -1
- package/es/components/color-picker/src/color-picker.vue.d.ts +37 -37
- package/es/components/color-picker/src/color-picker2.mjs +38 -321
- package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
- package/es/components/color-picker/src/components/predefine.mjs +1 -1
- package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +19 -19
- package/es/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +19 -19
- package/es/components/date-picker/src/panel-utils.d.ts +38 -38
- package/es/components/descriptions/src/description2.mjs +1 -1
- package/es/components/descriptions/src/descriptions-row.mjs +7 -64
- package/es/components/descriptions/src/descriptions-row.mjs.map +1 -1
- package/es/components/descriptions/src/descriptions-row2.mjs +64 -7
- package/es/components/descriptions/src/descriptions-row2.mjs.map +1 -1
- package/es/components/dialog/index.d.ts +1 -1
- package/es/components/dialog/src/dialog-content.mjs +95 -37
- package/es/components/dialog/src/dialog-content.mjs.map +1 -1
- package/es/components/dialog/src/dialog-content2.mjs +37 -95
- package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
- package/es/components/dialog/src/dialog.mjs +1 -1
- package/es/components/dialog/src/dialog.vue.d.ts +1 -1
- package/es/components/dialog/src/dialog2.mjs +1 -1
- package/es/components/divider/index.mjs +2 -2
- package/es/components/divider/src/divider.mjs +17 -35
- package/es/components/divider/src/divider.mjs.map +1 -1
- package/es/components/divider/src/divider2.mjs +35 -17
- package/es/components/divider/src/divider2.mjs.map +1 -1
- package/es/components/dropdown/index.d.ts +14 -14
- package/es/components/dropdown/index.mjs +2 -2
- package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
- package/es/components/dropdown/src/dropdown-item-impl.vue.d.ts +1 -1
- package/es/components/dropdown/src/dropdown-item.mjs +1 -1
- package/es/components/dropdown/src/dropdown-item.vue.d.ts +1 -1
- package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
- package/es/components/dropdown/src/dropdown.mjs +97 -307
- package/es/components/dropdown/src/dropdown.mjs.map +1 -1
- package/es/components/dropdown/src/dropdown.vue.d.ts +12 -12
- package/es/components/dropdown/src/dropdown2.mjs +307 -97
- package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
- package/es/components/focus-trap/src/focus-trap.vue.d.ts +1 -1
- package/es/components/form/index.d.ts +12 -12
- package/es/components/form/index.mjs +2 -2
- package/es/components/form/src/form-item.d.ts +1 -1
- package/es/components/form/src/form-item.mjs +43 -317
- package/es/components/form/src/form-item.mjs.map +1 -1
- package/es/components/form/src/form-item.vue.d.ts +5 -5
- package/es/components/form/src/form-item2.mjs +317 -43
- package/es/components/form/src/form-item2.mjs.map +1 -1
- package/es/components/icon/index.mjs +2 -2
- package/es/components/icon/src/icon.mjs +8 -36
- package/es/components/icon/src/icon.mjs.map +1 -1
- package/es/components/icon/src/icon2.mjs +36 -8
- package/es/components/icon/src/icon2.mjs.map +1 -1
- package/es/components/image/index.d.ts +1 -1
- package/es/components/image/src/image.vue.d.ts +1 -1
- package/es/components/image-viewer/index.mjs +2 -2
- package/es/components/image-viewer/src/image-viewer.mjs +39 -396
- package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
- package/es/components/image-viewer/src/image-viewer2.mjs +396 -39
- package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
- package/es/components/index.mjs +42 -42
- package/es/components/input/index.d.ts +14 -14
- package/es/components/input/index.mjs +2 -2
- package/es/components/input/src/input.mjs +143 -552
- package/es/components/input/src/input.mjs.map +1 -1
- package/es/components/input/src/input.vue.d.ts +14 -14
- package/es/components/input/src/input2.mjs +552 -143
- package/es/components/input/src/input2.mjs.map +1 -1
- package/es/components/input-number/index.d.ts +52 -52
- package/es/components/input-number/src/input-number.vue.d.ts +52 -52
- package/es/components/menu/index.d.ts +3 -3
- package/es/components/menu/src/menu.d.ts +4 -4
- package/es/components/message/src/message.d.ts +1 -1
- package/es/components/message/src/message.vue.d.ts +4 -4
- package/es/components/notification/index.mjs +1 -1
- package/es/components/notification/src/notification.d.ts +1 -1
- package/es/components/notification/src/notification.mjs +69 -147
- package/es/components/notification/src/notification.mjs.map +1 -1
- package/es/components/notification/src/notification.vue.d.ts +4 -4
- package/es/components/notification/src/notification2.mjs +147 -69
- package/es/components/notification/src/notification2.mjs.map +1 -1
- package/es/components/notification/src/notify.mjs +2 -2
- package/es/components/pagination/src/components/jumper.vue.d.ts +14 -14
- package/es/components/pagination/src/components/next.mjs +58 -19
- package/es/components/pagination/src/components/next.mjs.map +1 -1
- package/es/components/pagination/src/components/next2.mjs +19 -58
- package/es/components/pagination/src/components/next2.mjs.map +1 -1
- package/es/components/pagination/src/components/prev.mjs +58 -18
- package/es/components/pagination/src/components/prev.mjs.map +1 -1
- package/es/components/pagination/src/components/prev2.mjs +18 -58
- package/es/components/pagination/src/components/prev2.mjs.map +1 -1
- package/es/components/pagination/src/components/sizes.mjs +22 -68
- package/es/components/pagination/src/components/sizes.mjs.map +1 -1
- package/es/components/pagination/src/components/sizes.vue.d.ts +14 -14
- package/es/components/pagination/src/components/sizes2.mjs +68 -22
- package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
- package/es/components/pagination/src/pagination.mjs +3 -3
- package/es/components/popconfirm/index.d.ts +23 -23
- package/es/components/popconfirm/index.mjs +2 -2
- package/es/components/popconfirm/src/popconfirm.mjs +47 -110
- package/es/components/popconfirm/src/popconfirm.mjs.map +1 -1
- package/es/components/popconfirm/src/popconfirm.vue.d.ts +23 -23
- package/es/components/popconfirm/src/popconfirm2.mjs +110 -47
- package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
- package/es/components/popover/index.d.ts +18 -18
- package/es/components/popover/src/popover.vue.d.ts +18 -18
- package/es/components/popover/src/popover2.mjs +2 -2
- package/es/components/popper/index.mjs +6 -6
- package/es/components/popper/src/arrow.mjs +37 -8
- package/es/components/popper/src/arrow.mjs.map +1 -1
- package/es/components/popper/src/arrow2.mjs +8 -37
- package/es/components/popper/src/arrow2.mjs.map +1 -1
- package/es/components/popper/src/content.vue.d.ts +6 -6
- package/es/components/popper/src/popper.mjs +25 -32
- package/es/components/popper/src/popper.mjs.map +1 -1
- package/es/components/popper/src/popper2.mjs +32 -25
- package/es/components/popper/src/popper2.mjs.map +1 -1
- package/es/components/popper/src/trigger.mjs +119 -31
- package/es/components/popper/src/trigger.mjs.map +1 -1
- package/es/components/popper/src/trigger2.mjs +31 -119
- package/es/components/popper/src/trigger2.mjs.map +1 -1
- package/es/components/progress/index.mjs +2 -2
- package/es/components/progress/src/progress.mjs +57 -202
- package/es/components/progress/src/progress.mjs.map +1 -1
- package/es/components/progress/src/progress2.mjs +202 -57
- package/es/components/progress/src/progress2.mjs.map +1 -1
- package/es/components/radio/index.mjs +2 -2
- package/es/components/radio/src/radio-button.mjs +9 -64
- package/es/components/radio/src/radio-button.mjs.map +1 -1
- package/es/components/radio/src/radio-button2.mjs +64 -9
- package/es/components/radio/src/radio-button2.mjs.map +1 -1
- package/es/components/result/index.d.ts +4 -4
- package/es/components/result/src/result.d.ts +1 -1
- package/es/components/result/src/result.vue.d.ts +4 -4
- package/es/components/roving-focus-group/src/roving-focus-item.vue.d.ts +1 -1
- package/es/components/row/index.mjs +2 -2
- package/es/components/row/src/row.mjs +45 -30
- package/es/components/row/src/row.mjs.map +1 -1
- package/es/components/row/src/row2.mjs +30 -45
- package/es/components/row/src/row2.mjs.map +1 -1
- package/es/components/scrollbar/index.mjs +3 -3
- package/es/components/scrollbar/src/bar2.mjs +1 -1
- package/es/components/scrollbar/src/scrollbar.mjs +46 -174
- package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
- package/es/components/scrollbar/src/scrollbar2.mjs +174 -46
- package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
- package/es/components/scrollbar/src/thumb.mjs +11 -130
- package/es/components/scrollbar/src/thumb.mjs.map +1 -1
- package/es/components/scrollbar/src/thumb2.mjs +130 -11
- package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
- package/es/components/select/index.d.ts +14 -14
- package/es/components/select/src/select.mjs +2 -2
- package/es/components/select/src/select.vue.d.ts +14 -14
- package/es/components/select/src/useSelect.d.ts +12 -12
- package/es/components/select-v2/index.d.ts +30 -30
- package/es/components/select-v2/src/defaults.mjs +1 -1
- package/es/components/select-v2/src/option-item.vue.d.ts +1 -1
- package/es/components/select-v2/src/select.vue.d.ts +15 -15
- package/es/components/select-v2/src/useSelect.d.ts +13 -13
- package/es/components/slider/index.d.ts +82 -82
- package/es/components/slider/index.mjs +2 -2
- package/es/components/slider/src/button.vue.d.ts +6 -6
- package/es/components/slider/src/composables/use-slide.d.ts +24 -24
- package/es/components/slider/src/slider.mjs +91 -233
- package/es/components/slider/src/slider.mjs.map +1 -1
- package/es/components/slider/src/slider.vue.d.ts +82 -82
- package/es/components/slider/src/slider2.mjs +233 -91
- package/es/components/slider/src/slider2.mjs.map +1 -1
- package/es/components/statistic/index.mjs +2 -2
- package/es/components/statistic/src/statistic.mjs +25 -70
- package/es/components/statistic/src/statistic.mjs.map +1 -1
- package/es/components/statistic/src/statistic2.mjs +70 -25
- package/es/components/statistic/src/statistic2.mjs.map +1 -1
- package/es/components/steps/index.d.ts +16 -16
- package/es/components/steps/index.mjs +2 -2
- package/es/components/steps/src/item.d.ts +1 -1
- package/es/components/steps/src/item.mjs +19 -188
- package/es/components/steps/src/item.mjs.map +1 -1
- package/es/components/steps/src/item.vue.d.ts +4 -4
- package/es/components/steps/src/item2.mjs +188 -19
- package/es/components/steps/src/item2.mjs.map +1 -1
- package/es/components/steps/src/steps.d.ts +2 -2
- package/es/components/steps/src/steps.vue.d.ts +8 -8
- package/es/components/table/index.d.ts +1 -1
- package/es/components/table/src/filter-panel.vue.d.ts +12 -12
- package/es/components/table/src/table.vue.d.ts +1 -1
- package/es/components/tabs/index.mjs +3 -3
- package/es/components/tabs/src/tab-bar.mjs +7 -75
- package/es/components/tabs/src/tab-bar.mjs.map +1 -1
- package/es/components/tabs/src/tab-bar2.mjs +75 -7
- package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
- package/es/components/tabs/src/tab-nav.mjs +1 -1
- package/es/components/tabs/src/tab-pane.mjs +72 -13
- package/es/components/tabs/src/tab-pane.mjs.map +1 -1
- package/es/components/tabs/src/tab-pane2.mjs +13 -72
- package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
- package/es/components/tag/index.d.ts +1 -1
- package/es/components/tag/index.mjs +2 -2
- package/es/components/tag/src/tag.mjs +94 -33
- package/es/components/tag/src/tag.mjs.map +1 -1
- package/es/components/tag/src/tag.vue.d.ts +1 -1
- package/es/components/tag/src/tag2.mjs +33 -94
- package/es/components/tag/src/tag2.mjs.map +1 -1
- package/es/components/text/index.mjs +2 -2
- package/es/components/text/src/text.mjs +35 -22
- package/es/components/text/src/text.mjs.map +1 -1
- package/es/components/text/src/text2.mjs +22 -35
- package/es/components/text/src/text2.mjs.map +1 -1
- package/es/components/time-picker/src/common/picker.vue.d.ts +37 -37
- package/es/components/time-select/index.d.ts +62 -62
- package/es/components/time-select/src/time-select.vue.d.ts +31 -31
- package/es/components/tooltip/index.d.ts +6 -6
- package/es/components/tooltip/index.mjs +3 -3
- package/es/components/tooltip/src/content.mjs +31 -177
- package/es/components/tooltip/src/content.mjs.map +1 -1
- package/es/components/tooltip/src/content.vue.d.ts +6 -6
- package/es/components/tooltip/src/content2.mjs +177 -31
- package/es/components/tooltip/src/content2.mjs.map +1 -1
- package/es/components/tooltip/src/tooltip.mjs +169 -31
- package/es/components/tooltip/src/tooltip.mjs.map +1 -1
- package/es/components/tooltip/src/tooltip.vue.d.ts +6 -6
- package/es/components/tooltip/src/tooltip2.mjs +31 -169
- package/es/components/tooltip/src/tooltip2.mjs.map +1 -1
- package/es/components/tooltip/src/trigger.mjs +1 -1
- package/es/components/tooltip/src/trigger2.mjs +1 -1
- package/es/components/tooltip-v2/index.d.ts +4 -4
- package/es/components/tooltip-v2/index.mjs +3 -3
- package/es/components/tooltip-v2/src/content.mjs +112 -50
- package/es/components/tooltip-v2/src/content.mjs.map +1 -1
- package/es/components/tooltip-v2/src/content2.mjs +50 -112
- package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/tooltip.mjs +20 -73
- package/es/components/tooltip-v2/src/tooltip.mjs.map +1 -1
- package/es/components/tooltip-v2/src/tooltip.vue.d.ts +4 -4
- package/es/components/tooltip-v2/src/tooltip2.mjs +73 -20
- package/es/components/tooltip-v2/src/tooltip2.mjs.map +1 -1
- package/es/components/transfer/index.d.ts +75 -75
- package/es/components/transfer/src/composables/use-check.mjs +1 -1
- package/es/components/transfer/src/transfer-panel.mjs +19 -128
- package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
- package/es/components/transfer/src/transfer-panel.vue.d.ts +14 -14
- package/es/components/transfer/src/transfer-panel2.mjs +128 -19
- package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
- package/es/components/transfer/src/transfer.vue.d.ts +75 -75
- package/es/components/transfer/src/transfer2.mjs +1 -1
- package/es/components/tree-v2/index.d.ts +1 -1
- package/es/components/tree-v2/src/tree-node.vue.d.ts +1 -1
- package/es/components/tree-v2/src/tree.vue.d.ts +1 -1
- package/es/components/upload/index.d.ts +5 -5
- package/es/components/upload/index.mjs +3 -3
- package/es/components/upload/src/upload-content.mjs +1 -1
- package/es/components/upload/src/upload-content.vue.d.ts +1 -1
- package/es/components/upload/src/upload-content2.mjs +2 -2
- package/es/components/upload/src/upload-dragger.mjs +72 -11
- package/es/components/upload/src/upload-dragger.mjs.map +1 -1
- package/es/components/upload/src/upload-dragger2.mjs +11 -72
- package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
- package/es/components/upload/src/upload-list.mjs +1 -1
- package/es/components/upload/src/upload.mjs +119 -105
- package/es/components/upload/src/upload.mjs.map +1 -1
- package/es/components/upload/src/upload.vue.d.ts +5 -5
- package/es/components/upload/src/upload2.mjs +105 -119
- package/es/components/upload/src/upload2.mjs.map +1 -1
- package/es/components/upload/src/use-handlers.mjs +1 -1
- package/es/index.mjs +42 -42
- package/lib/components/alert/index.d.ts +4 -4
- package/lib/components/alert/index.js +2 -2
- package/lib/components/alert/src/alert.d.ts +1 -1
- package/lib/components/alert/src/alert.js +37 -95
- package/lib/components/alert/src/alert.js.map +1 -1
- package/lib/components/alert/src/alert.vue.d.ts +4 -4
- package/lib/components/alert/src/alert2.js +95 -37
- package/lib/components/alert/src/alert2.js.map +1 -1
- package/lib/components/autocomplete/index.d.ts +72 -72
- package/lib/components/autocomplete/src/autocomplete.js +2 -1
- package/lib/components/autocomplete/src/autocomplete.js.map +1 -1
- package/lib/components/autocomplete/src/autocomplete.vue.d.ts +72 -72
- package/lib/components/autocomplete/src/autocomplete2.js +1 -1
- package/lib/components/avatar/index.js +2 -2
- package/lib/components/avatar/src/avatar.js +67 -33
- package/lib/components/avatar/src/avatar.js.map +1 -1
- package/lib/components/avatar/src/avatar2.js +33 -67
- package/lib/components/avatar/src/avatar2.js.map +1 -1
- package/lib/components/badge/index.js +2 -2
- package/lib/components/badge/src/badge.js +17 -55
- package/lib/components/badge/src/badge.js.map +1 -1
- package/lib/components/badge/src/badge2.js +55 -17
- package/lib/components/badge/src/badge2.js.map +1 -1
- package/lib/components/breadcrumb/index.js +4 -4
- package/lib/components/breadcrumb/src/breadcrumb-item.js +56 -11
- package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
- package/lib/components/breadcrumb/src/breadcrumb-item2.js +11 -56
- package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
- package/lib/components/breadcrumb/src/breadcrumb.js +36 -11
- package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
- package/lib/components/breadcrumb/src/breadcrumb2.js +11 -36
- package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
- package/lib/components/button/index.d.ts +5 -5
- package/lib/components/button/index.js +2 -2
- package/lib/components/button/src/button-group.js +1 -1
- package/lib/components/button/src/button.d.ts +1 -1
- package/lib/components/button/src/button.js +60 -76
- package/lib/components/button/src/button.js.map +1 -1
- package/lib/components/button/src/button.vue.d.ts +5 -5
- package/lib/components/button/src/button2.js +76 -60
- package/lib/components/button/src/button2.js.map +1 -1
- package/lib/components/button/src/use-button.d.ts +1 -1
- package/lib/components/calendar/index.d.ts +5 -5
- package/lib/components/calendar/src/calendar.js +1 -1
- package/lib/components/calendar/src/calendar.vue.d.ts +5 -5
- package/lib/components/calendar/src/date-table.js +37 -87
- package/lib/components/calendar/src/date-table.js.map +1 -1
- package/lib/components/calendar/src/date-table2.js +87 -37
- package/lib/components/calendar/src/date-table2.js.map +1 -1
- package/lib/components/calendar/src/use-date-table.js +1 -1
- package/lib/components/carousel/index.d.ts +5 -5
- package/lib/components/carousel/index.js +2 -2
- package/lib/components/carousel/src/carousel.d.ts +1 -1
- package/lib/components/carousel/src/carousel.js +159 -57
- package/lib/components/carousel/src/carousel.js.map +1 -1
- package/lib/components/carousel/src/carousel.vue.d.ts +5 -5
- package/lib/components/carousel/src/carousel2.js +57 -159
- package/lib/components/carousel/src/carousel2.js.map +1 -1
- package/lib/components/cascader/index.d.ts +142 -142
- package/lib/components/cascader/index.js +2 -2
- package/lib/components/cascader/src/cascader.js +62 -619
- package/lib/components/cascader/src/cascader.js.map +1 -1
- package/lib/components/cascader/src/cascader.vue.d.ts +71 -71
- package/lib/components/cascader/src/cascader2.js +619 -62
- package/lib/components/cascader/src/cascader2.js.map +1 -1
- package/lib/components/check-tag/index.js +2 -2
- package/lib/components/check-tag/src/check-tag.js +13 -30
- package/lib/components/check-tag/src/check-tag.js.map +1 -1
- package/lib/components/check-tag/src/check-tag2.js +30 -13
- package/lib/components/check-tag/src/check-tag2.js.map +1 -1
- package/lib/components/checkbox/index.js +2 -2
- package/lib/components/checkbox/src/checkbox-button.js +1 -1
- package/lib/components/checkbox/src/checkbox.js +50 -117
- package/lib/components/checkbox/src/checkbox.js.map +1 -1
- package/lib/components/checkbox/src/checkbox2.js +117 -50
- package/lib/components/checkbox/src/checkbox2.js.map +1 -1
- package/lib/components/col/index.js +2 -2
- package/lib/components/col/src/col.js +43 -66
- package/lib/components/col/src/col.js.map +1 -1
- package/lib/components/col/src/col2.js +66 -43
- package/lib/components/col/src/col2.js.map +1 -1
- package/lib/components/collapse/index.js +2 -2
- package/lib/components/collapse/src/collapse.js +30 -19
- package/lib/components/collapse/src/collapse.js.map +1 -1
- package/lib/components/collapse/src/collapse2.js +19 -30
- package/lib/components/collapse/src/collapse2.js.map +1 -1
- package/lib/components/color-picker/index.d.ts +37 -37
- package/lib/components/color-picker/index.js +2 -2
- package/lib/components/color-picker/src/color-picker.js +319 -38
- package/lib/components/color-picker/src/color-picker.js.map +1 -1
- package/lib/components/color-picker/src/color-picker.vue.d.ts +37 -37
- package/lib/components/color-picker/src/color-picker2.js +38 -319
- package/lib/components/color-picker/src/color-picker2.js.map +1 -1
- package/lib/components/color-picker/src/components/predefine.js +1 -1
- package/lib/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +19 -19
- package/lib/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +19 -19
- package/lib/components/date-picker/src/panel-utils.d.ts +38 -38
- package/lib/components/descriptions/src/description2.js +1 -1
- package/lib/components/descriptions/src/descriptions-row.js +7 -64
- package/lib/components/descriptions/src/descriptions-row.js.map +1 -1
- package/lib/components/descriptions/src/descriptions-row2.js +64 -7
- package/lib/components/descriptions/src/descriptions-row2.js.map +1 -1
- package/lib/components/dialog/index.d.ts +1 -1
- package/lib/components/dialog/src/dialog-content.js +94 -37
- package/lib/components/dialog/src/dialog-content.js.map +1 -1
- package/lib/components/dialog/src/dialog-content2.js +37 -94
- package/lib/components/dialog/src/dialog-content2.js.map +1 -1
- package/lib/components/dialog/src/dialog.js +1 -1
- package/lib/components/dialog/src/dialog.vue.d.ts +1 -1
- package/lib/components/dialog/src/dialog2.js +1 -1
- package/lib/components/divider/index.js +2 -2
- package/lib/components/divider/src/divider.js +17 -35
- package/lib/components/divider/src/divider.js.map +1 -1
- package/lib/components/divider/src/divider2.js +35 -17
- package/lib/components/divider/src/divider2.js.map +1 -1
- package/lib/components/dropdown/index.d.ts +14 -14
- package/lib/components/dropdown/index.js +2 -2
- package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
- package/lib/components/dropdown/src/dropdown-item-impl.vue.d.ts +1 -1
- package/lib/components/dropdown/src/dropdown-item.js +1 -1
- package/lib/components/dropdown/src/dropdown-item.vue.d.ts +1 -1
- package/lib/components/dropdown/src/dropdown-menu.js +1 -1
- package/lib/components/dropdown/src/dropdown.js +106 -307
- package/lib/components/dropdown/src/dropdown.js.map +1 -1
- package/lib/components/dropdown/src/dropdown.vue.d.ts +12 -12
- package/lib/components/dropdown/src/dropdown2.js +307 -106
- package/lib/components/dropdown/src/dropdown2.js.map +1 -1
- package/lib/components/focus-trap/src/focus-trap.vue.d.ts +1 -1
- package/lib/components/form/index.d.ts +12 -12
- package/lib/components/form/index.js +2 -2
- package/lib/components/form/src/form-item.d.ts +1 -1
- package/lib/components/form/src/form-item.js +44 -321
- package/lib/components/form/src/form-item.js.map +1 -1
- package/lib/components/form/src/form-item.vue.d.ts +5 -5
- package/lib/components/form/src/form-item2.js +321 -44
- package/lib/components/form/src/form-item2.js.map +1 -1
- package/lib/components/icon/index.js +2 -2
- package/lib/components/icon/src/icon.js +8 -36
- package/lib/components/icon/src/icon.js.map +1 -1
- package/lib/components/icon/src/icon2.js +36 -8
- package/lib/components/icon/src/icon2.js.map +1 -1
- package/lib/components/image/index.d.ts +1 -1
- package/lib/components/image/src/image.vue.d.ts +1 -1
- package/lib/components/image-viewer/index.js +2 -2
- package/lib/components/image-viewer/src/image-viewer.js +40 -396
- package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
- package/lib/components/image-viewer/src/image-viewer2.js +396 -40
- package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
- package/lib/components/index.js +42 -42
- package/lib/components/input/index.d.ts +14 -14
- package/lib/components/input/index.js +2 -2
- package/lib/components/input/src/input.js +143 -551
- package/lib/components/input/src/input.js.map +1 -1
- package/lib/components/input/src/input.vue.d.ts +14 -14
- package/lib/components/input/src/input2.js +551 -143
- package/lib/components/input/src/input2.js.map +1 -1
- package/lib/components/input-number/index.d.ts +52 -52
- package/lib/components/input-number/src/input-number.vue.d.ts +52 -52
- package/lib/components/menu/index.d.ts +3 -3
- package/lib/components/menu/src/menu.d.ts +4 -4
- package/lib/components/message/src/message.d.ts +1 -1
- package/lib/components/message/src/message.vue.d.ts +4 -4
- package/lib/components/notification/index.js +1 -1
- package/lib/components/notification/src/notification.d.ts +1 -1
- package/lib/components/notification/src/notification.js +70 -146
- package/lib/components/notification/src/notification.js.map +1 -1
- package/lib/components/notification/src/notification.vue.d.ts +4 -4
- package/lib/components/notification/src/notification2.js +146 -70
- package/lib/components/notification/src/notification2.js.map +1 -1
- package/lib/components/notification/src/notify.js +2 -2
- package/lib/components/pagination/src/components/jumper.vue.d.ts +14 -14
- package/lib/components/pagination/src/components/next.js +58 -19
- package/lib/components/pagination/src/components/next.js.map +1 -1
- package/lib/components/pagination/src/components/next2.js +19 -58
- package/lib/components/pagination/src/components/next2.js.map +1 -1
- package/lib/components/pagination/src/components/prev.js +58 -19
- package/lib/components/pagination/src/components/prev.js.map +1 -1
- package/lib/components/pagination/src/components/prev2.js +19 -58
- package/lib/components/pagination/src/components/prev2.js.map +1 -1
- package/lib/components/pagination/src/components/sizes.js +22 -68
- package/lib/components/pagination/src/components/sizes.js.map +1 -1
- package/lib/components/pagination/src/components/sizes.vue.d.ts +14 -14
- package/lib/components/pagination/src/components/sizes2.js +68 -22
- package/lib/components/pagination/src/components/sizes2.js.map +1 -1
- package/lib/components/pagination/src/pagination.js +3 -3
- package/lib/components/popconfirm/index.d.ts +23 -23
- package/lib/components/popconfirm/index.js +2 -2
- package/lib/components/popconfirm/src/popconfirm.js +48 -110
- package/lib/components/popconfirm/src/popconfirm.js.map +1 -1
- package/lib/components/popconfirm/src/popconfirm.vue.d.ts +23 -23
- package/lib/components/popconfirm/src/popconfirm2.js +110 -48
- package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
- package/lib/components/popover/index.d.ts +18 -18
- package/lib/components/popover/src/popover.vue.d.ts +18 -18
- package/lib/components/popover/src/popover2.js +2 -2
- package/lib/components/popper/index.js +6 -6
- package/lib/components/popper/src/arrow.js +37 -9
- package/lib/components/popper/src/arrow.js.map +1 -1
- package/lib/components/popper/src/arrow2.js +9 -37
- package/lib/components/popper/src/arrow2.js.map +1 -1
- package/lib/components/popper/src/content.vue.d.ts +6 -6
- package/lib/components/popper/src/popper.js +28 -32
- package/lib/components/popper/src/popper.js.map +1 -1
- package/lib/components/popper/src/popper2.js +32 -28
- package/lib/components/popper/src/popper2.js.map +1 -1
- package/lib/components/popper/src/trigger.js +119 -32
- package/lib/components/popper/src/trigger.js.map +1 -1
- package/lib/components/popper/src/trigger2.js +32 -119
- package/lib/components/popper/src/trigger2.js.map +1 -1
- package/lib/components/progress/index.js +2 -2
- package/lib/components/progress/src/progress.js +57 -202
- package/lib/components/progress/src/progress.js.map +1 -1
- package/lib/components/progress/src/progress2.js +202 -57
- package/lib/components/progress/src/progress2.js.map +1 -1
- package/lib/components/radio/index.js +2 -2
- package/lib/components/radio/src/radio-button.js +9 -64
- package/lib/components/radio/src/radio-button.js.map +1 -1
- package/lib/components/radio/src/radio-button2.js +64 -9
- package/lib/components/radio/src/radio-button2.js.map +1 -1
- package/lib/components/result/index.d.ts +4 -4
- package/lib/components/result/src/result.d.ts +1 -1
- package/lib/components/result/src/result.vue.d.ts +4 -4
- package/lib/components/roving-focus-group/src/roving-focus-item.vue.d.ts +1 -1
- package/lib/components/row/index.js +2 -2
- package/lib/components/row/src/row.js +45 -32
- package/lib/components/row/src/row.js.map +1 -1
- package/lib/components/row/src/row2.js +32 -45
- package/lib/components/row/src/row2.js.map +1 -1
- package/lib/components/scrollbar/index.js +3 -3
- package/lib/components/scrollbar/src/bar2.js +1 -1
- package/lib/components/scrollbar/src/scrollbar.js +47 -174
- package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
- package/lib/components/scrollbar/src/scrollbar2.js +174 -47
- package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
- package/lib/components/scrollbar/src/thumb.js +11 -130
- package/lib/components/scrollbar/src/thumb.js.map +1 -1
- package/lib/components/scrollbar/src/thumb2.js +130 -11
- package/lib/components/scrollbar/src/thumb2.js.map +1 -1
- package/lib/components/select/index.d.ts +14 -14
- package/lib/components/select/src/select.js +2 -2
- package/lib/components/select/src/select.vue.d.ts +14 -14
- package/lib/components/select/src/useSelect.d.ts +12 -12
- package/lib/components/select-v2/index.d.ts +30 -30
- package/lib/components/select-v2/src/defaults.js +1 -1
- package/lib/components/select-v2/src/option-item.vue.d.ts +1 -1
- package/lib/components/select-v2/src/select.vue.d.ts +15 -15
- package/lib/components/select-v2/src/useSelect.d.ts +13 -13
- package/lib/components/slider/index.d.ts +82 -82
- package/lib/components/slider/index.js +2 -2
- package/lib/components/slider/src/button.vue.d.ts +6 -6
- package/lib/components/slider/src/composables/use-slide.d.ts +24 -24
- package/lib/components/slider/src/slider.js +92 -233
- package/lib/components/slider/src/slider.js.map +1 -1
- package/lib/components/slider/src/slider.vue.d.ts +82 -82
- package/lib/components/slider/src/slider2.js +233 -92
- package/lib/components/slider/src/slider2.js.map +1 -1
- package/lib/components/statistic/index.js +2 -2
- package/lib/components/statistic/src/statistic.js +25 -70
- package/lib/components/statistic/src/statistic.js.map +1 -1
- package/lib/components/statistic/src/statistic2.js +70 -25
- package/lib/components/statistic/src/statistic2.js.map +1 -1
- package/lib/components/steps/index.d.ts +16 -16
- package/lib/components/steps/index.js +2 -2
- package/lib/components/steps/src/item.d.ts +1 -1
- package/lib/components/steps/src/item.js +19 -188
- package/lib/components/steps/src/item.js.map +1 -1
- package/lib/components/steps/src/item.vue.d.ts +4 -4
- package/lib/components/steps/src/item2.js +188 -19
- package/lib/components/steps/src/item2.js.map +1 -1
- package/lib/components/steps/src/steps.d.ts +2 -2
- package/lib/components/steps/src/steps.vue.d.ts +8 -8
- package/lib/components/table/index.d.ts +1 -1
- package/lib/components/table/src/filter-panel.vue.d.ts +12 -12
- package/lib/components/table/src/table.vue.d.ts +1 -1
- package/lib/components/tabs/index.js +3 -3
- package/lib/components/tabs/src/tab-bar.js +7 -75
- package/lib/components/tabs/src/tab-bar.js.map +1 -1
- package/lib/components/tabs/src/tab-bar2.js +75 -7
- package/lib/components/tabs/src/tab-bar2.js.map +1 -1
- package/lib/components/tabs/src/tab-nav.js +1 -1
- package/lib/components/tabs/src/tab-pane.js +72 -13
- package/lib/components/tabs/src/tab-pane.js.map +1 -1
- package/lib/components/tabs/src/tab-pane2.js +13 -72
- package/lib/components/tabs/src/tab-pane2.js.map +1 -1
- package/lib/components/tag/index.d.ts +1 -1
- package/lib/components/tag/index.js +2 -2
- package/lib/components/tag/src/tag.js +94 -34
- package/lib/components/tag/src/tag.js.map +1 -1
- package/lib/components/tag/src/tag.vue.d.ts +1 -1
- package/lib/components/tag/src/tag2.js +34 -94
- package/lib/components/tag/src/tag2.js.map +1 -1
- package/lib/components/text/index.js +2 -2
- package/lib/components/text/src/text.js +35 -22
- package/lib/components/text/src/text.js.map +1 -1
- package/lib/components/text/src/text2.js +22 -35
- package/lib/components/text/src/text2.js.map +1 -1
- package/lib/components/time-picker/src/common/picker.vue.d.ts +37 -37
- package/lib/components/time-select/index.d.ts +62 -62
- package/lib/components/time-select/src/time-select.vue.d.ts +31 -31
- package/lib/components/tooltip/index.d.ts +6 -6
- package/lib/components/tooltip/index.js +3 -3
- package/lib/components/tooltip/src/content.js +31 -177
- package/lib/components/tooltip/src/content.js.map +1 -1
- package/lib/components/tooltip/src/content.vue.d.ts +6 -6
- package/lib/components/tooltip/src/content2.js +177 -31
- package/lib/components/tooltip/src/content2.js.map +1 -1
- package/lib/components/tooltip/src/tooltip.js +167 -33
- package/lib/components/tooltip/src/tooltip.js.map +1 -1
- package/lib/components/tooltip/src/tooltip.vue.d.ts +6 -6
- package/lib/components/tooltip/src/tooltip2.js +33 -167
- package/lib/components/tooltip/src/tooltip2.js.map +1 -1
- package/lib/components/tooltip/src/trigger.js +1 -1
- package/lib/components/tooltip/src/trigger2.js +1 -1
- package/lib/components/tooltip-v2/index.d.ts +4 -4
- package/lib/components/tooltip-v2/index.js +3 -3
- package/lib/components/tooltip-v2/src/content.js +112 -50
- package/lib/components/tooltip-v2/src/content.js.map +1 -1
- package/lib/components/tooltip-v2/src/content2.js +50 -112
- package/lib/components/tooltip-v2/src/content2.js.map +1 -1
- package/lib/components/tooltip-v2/src/tooltip.js +20 -73
- package/lib/components/tooltip-v2/src/tooltip.js.map +1 -1
- package/lib/components/tooltip-v2/src/tooltip.vue.d.ts +4 -4
- package/lib/components/tooltip-v2/src/tooltip2.js +73 -20
- package/lib/components/tooltip-v2/src/tooltip2.js.map +1 -1
- package/lib/components/transfer/index.d.ts +75 -75
- package/lib/components/transfer/src/composables/use-check.js +1 -1
- package/lib/components/transfer/src/transfer-panel.js +21 -128
- package/lib/components/transfer/src/transfer-panel.js.map +1 -1
- package/lib/components/transfer/src/transfer-panel.vue.d.ts +14 -14
- package/lib/components/transfer/src/transfer-panel2.js +128 -21
- package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
- package/lib/components/transfer/src/transfer.vue.d.ts +75 -75
- package/lib/components/transfer/src/transfer2.js +1 -1
- package/lib/components/tree-v2/index.d.ts +1 -1
- package/lib/components/tree-v2/src/tree-node.vue.d.ts +1 -1
- package/lib/components/tree-v2/src/tree.vue.d.ts +1 -1
- package/lib/components/upload/index.d.ts +5 -5
- package/lib/components/upload/index.js +3 -3
- package/lib/components/upload/src/upload-content.js +1 -1
- package/lib/components/upload/src/upload-content.vue.d.ts +1 -1
- package/lib/components/upload/src/upload-content2.js +2 -2
- package/lib/components/upload/src/upload-dragger.js +72 -12
- package/lib/components/upload/src/upload-dragger.js.map +1 -1
- package/lib/components/upload/src/upload-dragger2.js +12 -72
- package/lib/components/upload/src/upload-dragger2.js.map +1 -1
- package/lib/components/upload/src/upload-list.js +1 -1
- package/lib/components/upload/src/upload.js +119 -108
- package/lib/components/upload/src/upload.js.map +1 -1
- package/lib/components/upload/src/upload.vue.d.ts +5 -5
- package/lib/components/upload/src/upload2.js +108 -119
- package/lib/components/upload/src/upload2.js.map +1 -1
- package/lib/components/upload/src/use-handlers.js +1 -1
- package/lib/index.js +42 -42
- package/package.json +1 -1
- package/theme-chalk/el-select-dropdown.css +1 -1
- package/theme-chalk/el-select.css +1 -1
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/src/select-dropdown.scss +1 -1
|
@@ -1,176 +1,38 @@
|
|
|
1
|
-
import { defineComponent, ref, unref, toRef, computed, provide, readonly, watch, onDeactivated, openBlock, createBlock, withCtx, createVNode, renderSlot, createCommentVNode, createElementBlock, toDisplayString } from 'vue';
|
|
2
|
-
import { ElPopper } from '../../popper/index.mjs';
|
|
3
1
|
import '../../../utils/index.mjs';
|
|
4
2
|
import '../../../hooks/index.mjs';
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import { useDelayedToggle } from '../../../hooks/use-delayed-toggle/index.mjs';
|
|
13
|
-
import { isBoolean } from '../../../utils/types.mjs';
|
|
14
|
-
import ElPopperArrow from '../../popper/src/arrow2.mjs';
|
|
3
|
+
import '../../popper/index.mjs';
|
|
4
|
+
import { useTooltipContentProps } from './content.mjs';
|
|
5
|
+
import { useTooltipTriggerProps } from './trigger2.mjs';
|
|
6
|
+
import { createModelToggleComposable } from '../../../hooks/use-model-toggle/index.mjs';
|
|
7
|
+
import { buildProps } from '../../../utils/vue/props/runtime.mjs';
|
|
8
|
+
import { popperProps } from '../../popper/src/popper.mjs';
|
|
9
|
+
import { popperArrowProps } from '../../popper/src/arrow2.mjs';
|
|
15
10
|
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
});
|
|
21
|
-
const
|
|
22
|
-
...
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
const contentRef = ref();
|
|
31
|
-
const updatePopper = () => {
|
|
32
|
-
var _a;
|
|
33
|
-
const popperComponent = unref(popperRef);
|
|
34
|
-
if (popperComponent) {
|
|
35
|
-
(_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
const open = ref(false);
|
|
39
|
-
const toggleReason = ref();
|
|
40
|
-
const { show, hide, hasUpdateHandler } = useTooltipModelToggle({
|
|
41
|
-
indicator: open,
|
|
42
|
-
toggleReason
|
|
43
|
-
});
|
|
44
|
-
const { onOpen, onClose } = useDelayedToggle({
|
|
45
|
-
showAfter: toRef(props, "showAfter"),
|
|
46
|
-
hideAfter: toRef(props, "hideAfter"),
|
|
47
|
-
autoClose: toRef(props, "autoClose"),
|
|
48
|
-
open: show,
|
|
49
|
-
close: hide
|
|
50
|
-
});
|
|
51
|
-
const controlled = computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
|
|
52
|
-
provide(TOOLTIP_INJECTION_KEY, {
|
|
53
|
-
controlled,
|
|
54
|
-
id,
|
|
55
|
-
open: readonly(open),
|
|
56
|
-
trigger: toRef(props, "trigger"),
|
|
57
|
-
onOpen: (event) => {
|
|
58
|
-
onOpen(event);
|
|
59
|
-
},
|
|
60
|
-
onClose: (event) => {
|
|
61
|
-
onClose(event);
|
|
62
|
-
},
|
|
63
|
-
onToggle: (event) => {
|
|
64
|
-
if (unref(open)) {
|
|
65
|
-
onClose(event);
|
|
66
|
-
} else {
|
|
67
|
-
onOpen(event);
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
onShow: () => {
|
|
71
|
-
emit("show", toggleReason.value);
|
|
72
|
-
},
|
|
73
|
-
onHide: () => {
|
|
74
|
-
emit("hide", toggleReason.value);
|
|
75
|
-
},
|
|
76
|
-
onBeforeShow: () => {
|
|
77
|
-
emit("before-show", toggleReason.value);
|
|
78
|
-
},
|
|
79
|
-
onBeforeHide: () => {
|
|
80
|
-
emit("before-hide", toggleReason.value);
|
|
81
|
-
},
|
|
82
|
-
updatePopper
|
|
83
|
-
});
|
|
84
|
-
watch(() => props.disabled, (disabled) => {
|
|
85
|
-
if (disabled && open.value) {
|
|
86
|
-
open.value = false;
|
|
87
|
-
}
|
|
88
|
-
});
|
|
89
|
-
const isFocusInsideContent = () => {
|
|
90
|
-
var _a, _b;
|
|
91
|
-
const popperContent = (_b = (_a = contentRef.value) == null ? void 0 : _a.contentRef) == null ? void 0 : _b.popperContentRef;
|
|
92
|
-
return popperContent && popperContent.contains(document.activeElement);
|
|
93
|
-
};
|
|
94
|
-
onDeactivated(() => open.value && hide());
|
|
95
|
-
expose({
|
|
96
|
-
popperRef,
|
|
97
|
-
contentRef,
|
|
98
|
-
isFocusInsideContent,
|
|
99
|
-
updatePopper,
|
|
100
|
-
onOpen,
|
|
101
|
-
onClose,
|
|
102
|
-
hide
|
|
103
|
-
});
|
|
104
|
-
return (_ctx, _cache) => {
|
|
105
|
-
return openBlock(), createBlock(unref(ElPopper), {
|
|
106
|
-
ref_key: "popperRef",
|
|
107
|
-
ref: popperRef,
|
|
108
|
-
role: _ctx.role
|
|
109
|
-
}, {
|
|
110
|
-
default: withCtx(() => [
|
|
111
|
-
createVNode(ElTooltipTrigger, {
|
|
112
|
-
disabled: _ctx.disabled,
|
|
113
|
-
trigger: _ctx.trigger,
|
|
114
|
-
"trigger-keys": _ctx.triggerKeys,
|
|
115
|
-
"virtual-ref": _ctx.virtualRef,
|
|
116
|
-
"virtual-triggering": _ctx.virtualTriggering
|
|
117
|
-
}, {
|
|
118
|
-
default: withCtx(() => [
|
|
119
|
-
_ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
|
|
120
|
-
]),
|
|
121
|
-
_: 3
|
|
122
|
-
}, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
|
|
123
|
-
createVNode(ElTooltipContent, {
|
|
124
|
-
ref_key: "contentRef",
|
|
125
|
-
ref: contentRef,
|
|
126
|
-
"aria-label": _ctx.ariaLabel,
|
|
127
|
-
"boundaries-padding": _ctx.boundariesPadding,
|
|
128
|
-
content: _ctx.content,
|
|
129
|
-
disabled: _ctx.disabled,
|
|
130
|
-
effect: _ctx.effect,
|
|
131
|
-
enterable: _ctx.enterable,
|
|
132
|
-
"fallback-placements": _ctx.fallbackPlacements,
|
|
133
|
-
"hide-after": _ctx.hideAfter,
|
|
134
|
-
"gpu-acceleration": _ctx.gpuAcceleration,
|
|
135
|
-
offset: _ctx.offset,
|
|
136
|
-
persistent: _ctx.persistent,
|
|
137
|
-
"popper-class": _ctx.popperClass,
|
|
138
|
-
"popper-style": _ctx.popperStyle,
|
|
139
|
-
placement: _ctx.placement,
|
|
140
|
-
"popper-options": _ctx.popperOptions,
|
|
141
|
-
pure: _ctx.pure,
|
|
142
|
-
"raw-content": _ctx.rawContent,
|
|
143
|
-
"reference-el": _ctx.referenceEl,
|
|
144
|
-
"trigger-target-el": _ctx.triggerTargetEl,
|
|
145
|
-
"show-after": _ctx.showAfter,
|
|
146
|
-
strategy: _ctx.strategy,
|
|
147
|
-
teleported: _ctx.teleported,
|
|
148
|
-
transition: _ctx.transition,
|
|
149
|
-
"virtual-triggering": _ctx.virtualTriggering,
|
|
150
|
-
"z-index": _ctx.zIndex,
|
|
151
|
-
"append-to": _ctx.appendTo
|
|
152
|
-
}, {
|
|
153
|
-
default: withCtx(() => [
|
|
154
|
-
renderSlot(_ctx.$slots, "content", {}, () => [
|
|
155
|
-
_ctx.rawContent ? (openBlock(), createElementBlock("span", {
|
|
156
|
-
key: 0,
|
|
157
|
-
innerHTML: _ctx.content
|
|
158
|
-
}, null, 8, _hoisted_1)) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.content), 1))
|
|
159
|
-
]),
|
|
160
|
-
_ctx.showArrow ? (openBlock(), createBlock(unref(ElPopperArrow), {
|
|
161
|
-
key: 0,
|
|
162
|
-
"arrow-offset": _ctx.arrowOffset
|
|
163
|
-
}, null, 8, ["arrow-offset"])) : createCommentVNode("v-if", true)
|
|
164
|
-
]),
|
|
165
|
-
_: 3
|
|
166
|
-
}, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
|
|
167
|
-
]),
|
|
168
|
-
_: 3
|
|
169
|
-
}, 8, ["role"]);
|
|
170
|
-
};
|
|
11
|
+
const {
|
|
12
|
+
useModelToggleProps: useTooltipModelToggleProps,
|
|
13
|
+
useModelToggleEmits: useTooltipModelToggleEmits,
|
|
14
|
+
useModelToggle: useTooltipModelToggle
|
|
15
|
+
} = createModelToggleComposable("visible");
|
|
16
|
+
const useTooltipProps = buildProps({
|
|
17
|
+
...popperProps,
|
|
18
|
+
...useTooltipModelToggleProps,
|
|
19
|
+
...useTooltipContentProps,
|
|
20
|
+
...useTooltipTriggerProps,
|
|
21
|
+
...popperArrowProps,
|
|
22
|
+
showArrow: {
|
|
23
|
+
type: Boolean,
|
|
24
|
+
default: false
|
|
171
25
|
}
|
|
172
26
|
});
|
|
173
|
-
|
|
27
|
+
const tooltipEmits = [
|
|
28
|
+
...useTooltipModelToggleEmits,
|
|
29
|
+
"before-show",
|
|
30
|
+
"before-hide",
|
|
31
|
+
"show",
|
|
32
|
+
"hide",
|
|
33
|
+
"open",
|
|
34
|
+
"close"
|
|
35
|
+
];
|
|
174
36
|
|
|
175
|
-
export {
|
|
37
|
+
export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps };
|
|
176
38
|
//# sourceMappingURL=tooltip2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.
|
|
1
|
+
{"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { createModelToggleComposable } from '@element-plus/hooks'\nimport { popperArrowProps, popperProps } from '@element-plus/components/popper'\nimport { useTooltipContentProps } from './content'\nimport { useTooltipTriggerProps } from './trigger'\nimport type Tooltip from './tooltip.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const {\n useModelToggleProps: useTooltipModelToggleProps,\n useModelToggleEmits: useTooltipModelToggleEmits,\n useModelToggle: useTooltipModelToggle,\n} = createModelToggleComposable('visible' as const)\n\nexport const useTooltipProps = buildProps({\n ...popperProps,\n ...useTooltipModelToggleProps,\n ...useTooltipContentProps,\n ...useTooltipTriggerProps,\n ...popperArrowProps,\n /**\n * @description whether the tooltip content has an arrow\n */\n showArrow: {\n type: Boolean,\n default: false,\n },\n})\n\nexport const tooltipEmits = [\n ...useTooltipModelToggleEmits,\n 'before-show',\n 'before-hide',\n 'show',\n 'hide',\n 'open',\n 'close',\n]\n\nexport type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps>\n\nexport type TooltipInstance = InstanceType<typeof Tooltip>\n"],"names":[],"mappings":";;;;;;;;;;AAKY,MAAC;AACb,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,cAAc,EAAE,qBAAqB;AACvC,CAAC,GAAG,2BAA2B,CAAC,SAAS,EAAE;AAC/B,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,GAAG,WAAW;AAChB,EAAE,GAAG,0BAA0B;AAC/B,EAAE,GAAG,sBAAsB;AAC3B,EAAE,GAAG,sBAAsB;AAC3B,EAAE,GAAG,gBAAgB;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,YAAY,GAAG;AAC5B,EAAE,GAAG,0BAA0B;AAC/B,EAAE,aAAa;AACf,EAAE,aAAa;AACf,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,OAAO;AACT;;;;"}
|
|
@@ -8,7 +8,7 @@ import { whenTrigger } from './utils.mjs';
|
|
|
8
8
|
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
9
9
|
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
10
10
|
import { composeEventHandlers } from '../../../utils/dom/event.mjs';
|
|
11
|
-
import ElPopperTrigger from '../../popper/src/
|
|
11
|
+
import ElPopperTrigger from '../../popper/src/trigger.mjs';
|
|
12
12
|
|
|
13
13
|
const __default__ = defineComponent({
|
|
14
14
|
name: "ElTooltipTrigger"
|
|
@@ -2,7 +2,7 @@ import '../../../utils/index.mjs';
|
|
|
2
2
|
import '../../popper/index.mjs';
|
|
3
3
|
import '../../../constants/index.mjs';
|
|
4
4
|
import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
|
|
5
|
-
import { popperTriggerProps } from '../../popper/src/
|
|
5
|
+
import { popperTriggerProps } from '../../popper/src/trigger2.mjs';
|
|
6
6
|
import { EVENT_CODE } from '../../../constants/aria.mjs';
|
|
7
7
|
|
|
8
8
|
const useTooltipTriggerProps = buildProps({
|
|
@@ -223,8 +223,8 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
|
|
|
223
223
|
readonly style?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
|
|
224
224
|
readonly ariaLabel?: string | undefined;
|
|
225
225
|
readonly teleported?: boolean | undefined;
|
|
226
|
-
readonly onBlur?: ((e: Event) => boolean | void) | undefined;
|
|
227
226
|
readonly onFocus?: ((e: Event) => boolean | void) | undefined;
|
|
227
|
+
readonly onBlur?: ((e: Event) => boolean | void) | undefined;
|
|
228
228
|
readonly open?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
229
229
|
readonly onClick?: ((e: Event) => boolean | void) | undefined;
|
|
230
230
|
readonly showArrow?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
@@ -254,8 +254,8 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
|
|
|
254
254
|
readonly style?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
|
|
255
255
|
readonly ariaLabel?: string | undefined;
|
|
256
256
|
readonly teleported?: boolean | undefined;
|
|
257
|
-
readonly onBlur?: ((e: Event) => boolean | void) | undefined;
|
|
258
257
|
readonly onFocus?: ((e: Event) => boolean | void) | undefined;
|
|
258
|
+
readonly onBlur?: ((e: Event) => boolean | void) | undefined;
|
|
259
259
|
readonly open?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
260
260
|
readonly onClick?: ((e: Event) => boolean | void) | undefined;
|
|
261
261
|
readonly showArrow?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
@@ -285,8 +285,8 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
|
|
|
285
285
|
readonly style?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
|
|
286
286
|
readonly ariaLabel?: string | undefined;
|
|
287
287
|
readonly teleported?: boolean | undefined;
|
|
288
|
-
readonly onBlur?: ((e: Event) => boolean | void) | undefined;
|
|
289
288
|
readonly onFocus?: ((e: Event) => boolean | void) | undefined;
|
|
289
|
+
readonly onBlur?: ((e: Event) => boolean | void) | undefined;
|
|
290
290
|
readonly open?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
291
291
|
readonly onClick?: ((e: Event) => boolean | void) | undefined;
|
|
292
292
|
readonly showArrow?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
@@ -316,8 +316,8 @@ export declare const ElTooltipV2: import("beyond-webui/es/utils").SFCWithInstall
|
|
|
316
316
|
readonly style?: import("beyond-webui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
|
|
317
317
|
readonly ariaLabel?: string | undefined;
|
|
318
318
|
readonly teleported?: boolean | undefined;
|
|
319
|
-
readonly onBlur?: ((e: Event) => boolean | void) | undefined;
|
|
320
319
|
readonly onFocus?: ((e: Event) => boolean | void) | undefined;
|
|
320
|
+
readonly onBlur?: ((e: Event) => boolean | void) | undefined;
|
|
321
321
|
readonly open?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
322
322
|
readonly onClick?: ((e: Event) => boolean | void) | undefined;
|
|
323
323
|
readonly showArrow?: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import '../../utils/index.mjs';
|
|
2
|
-
import TooltipV2 from './src/
|
|
2
|
+
import TooltipV2 from './src/tooltip2.mjs';
|
|
3
3
|
export { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './src/arrow2.mjs';
|
|
4
|
-
export { tooltipV2ContentProps } from './src/
|
|
4
|
+
export { tooltipV2ContentProps } from './src/content2.mjs';
|
|
5
5
|
export { tooltipV2RootProps } from './src/root.mjs';
|
|
6
|
-
export { tooltipV2Props } from './src/
|
|
6
|
+
export { tooltipV2Props } from './src/tooltip.mjs';
|
|
7
7
|
export { tooltipV2TriggerProps } from './src/trigger.mjs';
|
|
8
8
|
export { TOOLTIP_V2_OPEN, tooltipV2ContentKey, tooltipV2RootKey } from './src/constants.mjs';
|
|
9
9
|
import { withInstall } from '../../utils/vue/install.mjs';
|
|
@@ -1,55 +1,117 @@
|
|
|
1
|
-
import '
|
|
2
|
-
import {
|
|
1
|
+
import { defineComponent, inject, ref, computed, unref, watch, onMounted, provide, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createVNode, withCtx, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
|
|
2
|
+
import { offset } from '@floating-ui/dom';
|
|
3
|
+
import '../../../hooks/index.mjs';
|
|
4
|
+
import '../../visual-hidden/index.mjs';
|
|
5
|
+
import { tooltipV2RootKey, tooltipV2ContentKey } from './constants.mjs';
|
|
6
|
+
import { tooltipV2ContentProps } from './content2.mjs';
|
|
7
|
+
import { tooltipV2CommonProps } from './common.mjs';
|
|
8
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
9
|
+
import { useFloating, arrowMiddleware } from '../../../hooks/use-floating/index.mjs';
|
|
10
|
+
import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
|
|
11
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
12
|
+
import ElVisuallyHidden from '../../visual-hidden/src/visual-hidden2.mjs';
|
|
3
13
|
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
"
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
14
|
+
const _hoisted_1 = ["data-side"];
|
|
15
|
+
const __default__ = defineComponent({
|
|
16
|
+
name: "ElTooltipV2Content"
|
|
17
|
+
});
|
|
18
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
19
|
+
...__default__,
|
|
20
|
+
props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
|
|
21
|
+
setup(__props) {
|
|
22
|
+
const props = __props;
|
|
23
|
+
const { triggerRef, contentId } = inject(tooltipV2RootKey);
|
|
24
|
+
const placement = ref(props.placement);
|
|
25
|
+
const strategy = ref(props.strategy);
|
|
26
|
+
const arrowRef = ref(null);
|
|
27
|
+
const { referenceRef, contentRef, middlewareData, x, y, update } = useFloating({
|
|
28
|
+
placement,
|
|
29
|
+
strategy,
|
|
30
|
+
middleware: computed(() => {
|
|
31
|
+
const middleware = [offset(props.offset)];
|
|
32
|
+
if (props.showArrow) {
|
|
33
|
+
middleware.push(arrowMiddleware({
|
|
34
|
+
arrowRef
|
|
35
|
+
}));
|
|
36
|
+
}
|
|
37
|
+
return middleware;
|
|
38
|
+
})
|
|
39
|
+
});
|
|
40
|
+
const zIndex = useZIndex().nextZIndex();
|
|
41
|
+
const ns = useNamespace("tooltip-v2");
|
|
42
|
+
const side = computed(() => {
|
|
43
|
+
return placement.value.split("-")[0];
|
|
44
|
+
});
|
|
45
|
+
const contentStyle = computed(() => {
|
|
46
|
+
return {
|
|
47
|
+
position: unref(strategy),
|
|
48
|
+
top: `${unref(y) || 0}px`,
|
|
49
|
+
left: `${unref(x) || 0}px`,
|
|
50
|
+
zIndex
|
|
51
|
+
};
|
|
52
|
+
});
|
|
53
|
+
const arrowStyle = computed(() => {
|
|
54
|
+
if (!props.showArrow)
|
|
55
|
+
return {};
|
|
56
|
+
const { arrow } = unref(middlewareData);
|
|
57
|
+
return {
|
|
58
|
+
[`--${ns.namespace.value}-tooltip-v2-arrow-x`]: `${arrow == null ? void 0 : arrow.x}px` || "",
|
|
59
|
+
[`--${ns.namespace.value}-tooltip-v2-arrow-y`]: `${arrow == null ? void 0 : arrow.y}px` || ""
|
|
60
|
+
};
|
|
61
|
+
});
|
|
62
|
+
const contentClass = computed(() => [
|
|
63
|
+
ns.e("content"),
|
|
64
|
+
ns.is("dark", props.effect === "dark"),
|
|
65
|
+
ns.is(unref(strategy)),
|
|
66
|
+
props.contentClass
|
|
67
|
+
]);
|
|
68
|
+
watch(arrowRef, () => update());
|
|
69
|
+
watch(() => props.placement, (val) => placement.value = val);
|
|
70
|
+
onMounted(() => {
|
|
71
|
+
watch(() => props.reference || triggerRef.value, (el) => {
|
|
72
|
+
referenceRef.value = el || void 0;
|
|
73
|
+
}, {
|
|
74
|
+
immediate: true
|
|
75
|
+
});
|
|
76
|
+
});
|
|
77
|
+
provide(tooltipV2ContentKey, { arrowRef });
|
|
78
|
+
return (_ctx, _cache) => {
|
|
79
|
+
return openBlock(), createElementBlock("div", {
|
|
80
|
+
ref_key: "contentRef",
|
|
81
|
+
ref: contentRef,
|
|
82
|
+
style: normalizeStyle(unref(contentStyle)),
|
|
83
|
+
"data-tooltip-v2-root": ""
|
|
84
|
+
}, [
|
|
85
|
+
!_ctx.nowrap ? (openBlock(), createElementBlock("div", {
|
|
86
|
+
key: 0,
|
|
87
|
+
"data-side": unref(side),
|
|
88
|
+
class: normalizeClass(unref(contentClass))
|
|
89
|
+
}, [
|
|
90
|
+
renderSlot(_ctx.$slots, "default", {
|
|
91
|
+
contentStyle: unref(contentStyle),
|
|
92
|
+
contentClass: unref(contentClass)
|
|
93
|
+
}),
|
|
94
|
+
createVNode(unref(ElVisuallyHidden), {
|
|
95
|
+
id: unref(contentId),
|
|
96
|
+
role: "tooltip"
|
|
97
|
+
}, {
|
|
98
|
+
default: withCtx(() => [
|
|
99
|
+
_ctx.ariaLabel ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
100
|
+
createTextVNode(toDisplayString(_ctx.ariaLabel), 1)
|
|
101
|
+
], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 })
|
|
102
|
+
]),
|
|
103
|
+
_: 3
|
|
104
|
+
}, 8, ["id"]),
|
|
105
|
+
renderSlot(_ctx.$slots, "arrow", {
|
|
106
|
+
style: normalizeStyle(unref(arrowStyle)),
|
|
107
|
+
side: unref(side)
|
|
108
|
+
})
|
|
109
|
+
], 10, _hoisted_1)) : createCommentVNode("v-if", true)
|
|
110
|
+
], 4);
|
|
111
|
+
};
|
|
51
112
|
}
|
|
52
113
|
});
|
|
114
|
+
var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\tooltip-v2\\src\\content.vue"]]);
|
|
53
115
|
|
|
54
|
-
export {
|
|
116
|
+
export { TooltipV2Content as default };
|
|
55
117
|
//# sourceMappingURL=content.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/content.
|
|
1
|
+
{"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/content.vue"],"sourcesContent":["<template>\n <div ref=\"contentRef\" :style=\"contentStyle\" data-tooltip-v2-root>\n <div v-if=\"!nowrap\" :data-side=\"side\" :class=\"contentClass\">\n <slot :content-style=\"contentStyle\" :content-class=\"contentClass\" />\n <el-visually-hidden :id=\"contentId\" role=\"tooltip\">\n <template v-if=\"ariaLabel\">\n {{ ariaLabel }}\n </template>\n <slot v-else />\n </el-visually-hidden>\n <slot name=\"arrow\" :style=\"arrowStyle\" :side=\"side\" />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, onMounted, provide, ref, unref, watch } from 'vue'\nimport { offset } from '@floating-ui/dom'\nimport {\n arrowMiddleware,\n useFloating,\n useNamespace,\n useZIndex,\n} from '@element-plus/hooks'\nimport ElVisuallyHidden from '@element-plus/components/visual-hidden'\nimport { tooltipV2ContentKey, tooltipV2RootKey } from './constants'\nimport { tooltipV2ContentProps } from './content'\nimport { tooltipV2CommonProps } from './common'\n\nimport type { CSSProperties } from 'vue'\nimport type { Middleware } from '@floating-ui/dom'\n\ndefineOptions({\n name: 'ElTooltipV2Content',\n})\n\nconst props = defineProps({ ...tooltipV2ContentProps, ...tooltipV2CommonProps })\n\nconst { triggerRef, contentId } = inject(tooltipV2RootKey)!\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nconst { referenceRef, contentRef, middlewareData, x, y, update } = useFloating({\n placement,\n strategy,\n middleware: computed(() => {\n const middleware: Middleware[] = [offset(props.offset)]\n\n if (props.showArrow) {\n middleware.push(\n arrowMiddleware({\n arrowRef,\n })\n )\n }\n\n return middleware\n }),\n})\n\nconst zIndex = useZIndex().nextZIndex()\n\nconst ns = useNamespace('tooltip-v2')\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n return {\n position: unref(strategy),\n top: `${unref(y) || 0}px`,\n left: `${unref(x) || 0}px`,\n zIndex,\n }\n})\n\nconst arrowStyle = computed<CSSProperties>(() => {\n if (!props.showArrow) return {}\n\n const { arrow } = unref(middlewareData)\n\n return {\n [`--${ns.namespace.value}-tooltip-v2-arrow-x`]: `${arrow?.x}px` || '',\n [`--${ns.namespace.value}-tooltip-v2-arrow-y`]: `${arrow?.y}px` || '',\n }\n})\n\nconst contentClass = computed(() => [\n ns.e('content'),\n ns.is('dark', props.effect === 'dark'),\n ns.is(unref(strategy)),\n props.contentClass,\n])\n\nwatch(arrowRef, () => update())\n\nwatch(\n () => props.placement,\n (val) => (placement.value = val)\n)\n\nonMounted(() => {\n watch(\n () => props.reference || triggerRef.value,\n (el) => {\n referenceRef.value = el || undefined\n },\n {\n immediate: true,\n }\n )\n})\n\nprovide(tooltipV2ContentKey, { arrowRef })\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;mCAgCc,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAA,MAAM,EAAE,UAAA,EAAY,SAAc,EAAA,GAAA,MAAA,CAAO,gBAAgB,CAAA,CAAA;AAEzD,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,QAAA,GAAW,IAAwB,IAAI,CAAA,CAAA;AAE7C,IAAA,MAAM,EAAE,YAAc,EAAA,UAAA,EAAY,gBAAgB,CAAG,EAAA,CAAA,EAAG,WAAW,WAAY,CAAA;AAAA,MAC7E,SAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA,EAAY,SAAS,MAAM;AACzB,QAAA,MAAM,UAA2B,GAAA,CAAC,MAAO,CAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAEtD,QAAA,IAAI,MAAM,SAAW,EAAA;AACnB,UAAA,UAAA,CAAW,KACT,eAAgB,CAAA;AAAA,YACd,QAAA;AAAA,WACD,CACH,CAAA,CAAA;AAAA,SACF;AAEA,QAAO,OAAA,UAAA,CAAA;AAAA,OACR,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,SAAU,EAAA,CAAE,UAAW,EAAA,CAAA;AAEtC,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AAEpC,IAAM,MAAA,IAAA,GAAO,SAAS,MAAM;AAC1B,MAAA,OAAO,SAAU,CAAA,KAAA,CAAM,KAAM,CAAA,GAAG,CAAE,CAAA,CAAA,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,SAAwB,MAAM;AACjD,MAAO,OAAA;AAAA,QACL,QAAA,EAAU,MAAM,QAAQ,CAAA;AAAA,QACxB,GAAK,EAAA,CAAA,EAAG,KAAM,CAAA,CAAC,CAAK,IAAA,CAAA,CAAA,EAAA,CAAA;AAAA,QACpB,IAAM,EAAA,CAAA,EAAG,KAAM,CAAA,CAAC,CAAK,IAAA,CAAA,CAAA,EAAA,CAAA;AAAA,QACrB,MAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,SAAwB,MAAM;AAC/C,MAAA,IAAI,CAAC,KAAM,CAAA,SAAA;AAAW,QAAA,OAAO,EAAC,CAAA;AAE9B,MAAM,MAAA,EAAE,KAAU,EAAA,GAAA,KAAA,CAAM,cAAc,CAAA,CAAA;AAEtC,MAAO,OAAA;AAAA,QACL,CAAC,CAAK,EAAA,EAAA,EAAA,CAAG,UAAU,KAA6B,CAAA,mBAAA,CAAA,GAAA,CAAA,EAAG,SAAgB,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,CAAA,IAAA,EAAA;AAAA,QACnE,CAAC,CAAK,EAAA,EAAA,EAAA,CAAG,UAAU,KAA6B,CAAA,mBAAA,CAAA,GAAA,CAAA,EAAG,SAAgB,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,CAAA,IAAA,EAAA;AAAA,OACrE,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAAA,MAClC,EAAA,CAAG,EAAE,SAAS,CAAA;AAAA,MACd,EAAG,CAAA,EAAA,CAAG,MAAQ,EAAA,KAAA,CAAM,WAAW,MAAM,CAAA;AAAA,MACrC,EAAG,CAAA,EAAA,CAAG,KAAM,CAAA,QAAQ,CAAC,CAAA;AAAA,MACrB,KAAM,CAAA,YAAA;AAAA,KACP,CAAA,CAAA;AAED,IAAM,KAAA,CAAA,QAAA,EAAU,MAAM,MAAA,EAAQ,CAAA,CAAA;AAE9B,IAAA,KAAA,CACE,MAAM,KAAM,CAAA,SAAA,EACZ,CAAC,GAAS,KAAA,SAAA,CAAU,QAAQ,GAC9B,CAAA,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,KAAA,CACE,MAAM,KAAM,CAAA,SAAA,IAAa,UAAW,CAAA,KAAA,EACpC,CAAC,EAAO,KAAA;AACN,QAAA,YAAA,CAAa,QAAQ,EAAM,IAAA,KAAA,CAAA,CAAA;AAAA,OAE7B,EAAA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OAEf,CAAA,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAQ,OAAA,CAAA,mBAAA,EAAqB,EAAE,QAAA,EAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|