element-ps 2.0.25 → 2.0.26
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.full.js +6 -117
- package/dist/index.full.min.js +8 -8
- 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 +6 -117
- package/es/components/autocomplete/src/autocomplete.mjs +1 -1
- package/es/components/backtop/index.mjs +2 -2
- package/es/components/backtop/src/backtop.mjs +18 -59
- package/es/components/backtop/src/backtop.mjs.map +1 -1
- package/es/components/backtop/src/backtop2.mjs +59 -18
- package/es/components/backtop/src/backtop2.mjs.map +1 -1
- package/es/components/breadcrumb/index.mjs +2 -2
- package/es/components/breadcrumb/src/breadcrumb.mjs +37 -12
- package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
- package/es/components/breadcrumb/src/breadcrumb2.mjs +12 -37
- package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
- package/es/components/button/index.mjs +1 -1
- package/es/components/button/src/button-group.mjs +5 -30
- package/es/components/button/src/button-group.mjs.map +1 -1
- package/es/components/button/src/button-group2.mjs +30 -5
- package/es/components/button/src/button-group2.mjs.map +1 -1
- package/es/components/carousel/index.mjs +2 -2
- package/es/components/carousel/src/carousel.mjs +43 -201
- package/es/components/carousel/src/carousel.mjs.map +1 -1
- package/es/components/carousel/src/carousel2.mjs +201 -43
- package/es/components/carousel/src/carousel2.mjs.map +1 -1
- package/es/components/cascader/src/index.mjs +2 -2
- package/es/components/cascader-panel/src/config.mjs +1 -1
- package/es/components/cascader-panel/src/index.mjs +1 -1
- package/es/components/cascader-panel/src/menu.mjs +1 -1
- package/es/components/cascader-panel/src/node.mjs +200 -120
- package/es/components/cascader-panel/src/node.mjs.map +1 -1
- package/es/components/cascader-panel/src/node2.mjs +120 -200
- package/es/components/cascader-panel/src/node2.mjs.map +1 -1
- package/es/components/cascader-panel/src/store.mjs +1 -1
- package/es/components/collapse/index.mjs +2 -2
- package/es/components/collapse/src/collapse.mjs +61 -14
- package/es/components/collapse/src/collapse.mjs.map +1 -1
- package/es/components/collapse/src/collapse2.mjs +14 -61
- package/es/components/collapse/src/collapse2.mjs.map +1 -1
- package/es/components/collection/index.mjs +1 -1
- package/es/components/collection/src/collection.mjs +10 -30
- package/es/components/collection/src/collection.mjs.map +1 -1
- package/es/components/collection/src/collection2.mjs +30 -10
- package/es/components/collection/src/collection2.mjs.map +1 -1
- package/es/components/dialog/src/dialog-content.mjs +34 -79
- package/es/components/dialog/src/dialog-content.mjs.map +1 -1
- package/es/components/dialog/src/dialog-content2.mjs +79 -34
- 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/dialog2.mjs +1 -1
- package/es/components/divider/index.mjs +2 -2
- package/es/components/divider/src/divider.mjs +34 -17
- package/es/components/divider/src/divider.mjs.map +1 -1
- package/es/components/divider/src/divider2.mjs +17 -34
- package/es/components/divider/src/divider2.mjs.map +1 -1
- package/es/components/dropdown/src/dropdown.mjs +2 -2
- package/es/components/form/index.mjs +2 -2
- package/es/components/form/src/form.mjs +45 -40
- package/es/components/form/src/form.mjs.map +1 -1
- package/es/components/form/src/form2.mjs +40 -45
- package/es/components/form/src/form2.mjs.map +1 -1
- package/es/components/image/index.d.ts +0 -5
- package/es/components/image/index.mjs +2 -2
- package/es/components/image/src/image.mjs +127 -50
- package/es/components/image/src/image.mjs.map +1 -1
- package/es/components/image/src/image.vue.d.ts +77 -82
- package/es/components/image/src/image2.mjs +49 -181
- package/es/components/image/src/image2.mjs.map +1 -1
- package/es/components/index.mjs +24 -24
- package/es/components/menu/index.mjs +4 -4
- package/es/components/menu/src/menu-item-group.mjs +56 -4
- package/es/components/menu/src/menu-item-group.mjs.map +1 -1
- package/es/components/menu/src/menu-item-group2.mjs +4 -56
- package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
- package/es/components/menu/src/menu-item.mjs +65 -15
- package/es/components/menu/src/menu-item.mjs.map +1 -1
- package/es/components/menu/src/menu-item2.mjs +15 -65
- package/es/components/menu/src/menu-item2.mjs.map +1 -1
- package/es/components/page-header/index.mjs +2 -2
- package/es/components/page-header/src/page-header.mjs +14 -55
- package/es/components/page-header/src/page-header.mjs.map +1 -1
- package/es/components/page-header/src/page-header2.mjs +55 -14
- package/es/components/page-header/src/page-header2.mjs.map +1 -1
- package/es/components/popconfirm/src/popconfirm.mjs +1 -1
- package/es/components/popover/src/popover.mjs +1 -1
- package/es/components/popper/index.mjs +4 -4
- package/es/components/popper/src/arrow.mjs +31 -7
- package/es/components/popper/src/arrow.mjs.map +1 -1
- package/es/components/popper/src/arrow2.mjs +7 -31
- package/es/components/popper/src/arrow2.mjs.map +1 -1
- package/es/components/popper/src/popper.mjs +20 -27
- package/es/components/popper/src/popper.mjs.map +1 -1
- package/es/components/popper/src/popper2.mjs +27 -20
- package/es/components/popper/src/popper2.mjs.map +1 -1
- package/es/components/radio/index.mjs +2 -2
- package/es/components/radio/src/radio-group.mjs +37 -18
- package/es/components/radio/src/radio-group.mjs.map +1 -1
- package/es/components/radio/src/radio-group2.mjs +18 -37
- package/es/components/radio/src/radio-group2.mjs.map +1 -1
- package/es/components/rate/index.mjs +2 -2
- package/es/components/rate/src/rate.mjs +169 -84
- package/es/components/rate/src/rate.mjs.map +1 -1
- package/es/components/rate/src/rate2.mjs +84 -169
- package/es/components/rate/src/rate2.mjs.map +1 -1
- package/es/components/roving-focus-group/src/roving-focus-group2.mjs +1 -1
- package/es/components/scrollbar/index.mjs +1 -1
- package/es/components/scrollbar/src/bar.mjs +22 -35
- package/es/components/scrollbar/src/bar.mjs.map +1 -1
- package/es/components/scrollbar/src/bar2.mjs +35 -22
- package/es/components/scrollbar/src/bar2.mjs.map +1 -1
- package/es/components/scrollbar/src/scrollbar2.mjs +1 -1
- package/es/components/scrollbar/src/thumb.mjs +59 -11
- package/es/components/scrollbar/src/thumb.mjs.map +1 -1
- package/es/components/scrollbar/src/thumb2.mjs +11 -59
- package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
- package/es/components/select/src/select.mjs +2 -2
- package/es/components/select-v2/src/defaults.mjs +1 -1
- package/es/components/skeleton/index.mjs +2 -2
- package/es/components/skeleton/src/skeleton-item.mjs +18 -23
- package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton-item2.mjs +23 -18
- package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton2.mjs +1 -1
- package/es/components/tabs/index.mjs +3 -3
- package/es/components/tabs/src/tab-bar.mjs +76 -7
- package/es/components/tabs/src/tab-bar.mjs.map +1 -1
- package/es/components/tabs/src/tab-bar2.mjs +7 -76
- 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 +14 -60
- package/es/components/tabs/src/tab-pane.mjs.map +1 -1
- package/es/components/tabs/src/tab-pane2.mjs +60 -14
- package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
- package/es/components/tag/index.mjs +2 -2
- package/es/components/tag/src/tag.mjs +33 -81
- package/es/components/tag/src/tag.mjs.map +1 -1
- package/es/components/tag/src/tag2.mjs +81 -33
- package/es/components/tag/src/tag2.mjs.map +1 -1
- package/es/components/teleport/index.mjs +2 -2
- package/es/components/teleport/src/teleport.mjs +18 -43
- package/es/components/teleport/src/teleport.mjs.map +1 -1
- package/es/components/teleport/src/teleport2.mjs +43 -18
- package/es/components/teleport/src/teleport2.mjs.map +1 -1
- package/es/components/timeline/index.mjs +2 -2
- package/es/components/timeline/src/timeline-item.mjs +73 -39
- package/es/components/timeline/src/timeline-item.mjs.map +1 -1
- package/es/components/timeline/src/timeline-item2.mjs +39 -73
- package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
- package/es/components/tooltip/index.mjs +2 -2
- package/es/components/tooltip/src/tooltip.mjs +51 -64
- package/es/components/tooltip/src/tooltip.mjs.map +1 -1
- package/es/components/tooltip/src/tooltip2.mjs +64 -51
- package/es/components/tooltip/src/tooltip2.mjs.map +1 -1
- package/es/components/tooltip/src/trigger.mjs +1 -1
- package/es/components/tooltip-v2/index.mjs +2 -2
- package/es/components/tooltip-v2/src/content.mjs +113 -50
- package/es/components/tooltip-v2/src/content.mjs.map +1 -1
- package/es/components/tooltip-v2/src/content2.mjs +50 -113
- package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/root.mjs +17 -81
- package/es/components/tooltip-v2/src/root.mjs.map +1 -1
- package/es/components/tooltip-v2/src/root2.mjs +81 -17
- package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/tooltip.mjs +2 -2
- package/es/components/tooltip-v2/src/tooltip2.mjs +4 -4
- package/es/components/upload/index.mjs +2 -2
- package/es/components/upload/src/upload-content.mjs +1 -1
- package/es/components/upload/src/upload-dragger.mjs +32 -11
- package/es/components/upload/src/upload-dragger.mjs.map +1 -1
- package/es/components/upload/src/upload-dragger2.mjs +11 -32
- package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
- package/es/components/upload/src/upload-list.mjs +26 -155
- package/es/components/upload/src/upload-list.mjs.map +1 -1
- package/es/components/upload/src/upload-list2.mjs +155 -26
- package/es/components/upload/src/upload-list2.mjs.map +1 -1
- package/es/components/upload/src/upload2.mjs +1 -1
- package/es/index.mjs +24 -24
- package/lib/components/autocomplete/src/autocomplete.js +1 -1
- package/lib/components/backtop/index.js +2 -2
- package/lib/components/backtop/src/backtop.js +18 -59
- package/lib/components/backtop/src/backtop.js.map +1 -1
- package/lib/components/backtop/src/backtop2.js +59 -18
- package/lib/components/backtop/src/backtop2.js.map +1 -1
- package/lib/components/breadcrumb/index.js +2 -2
- package/lib/components/breadcrumb/src/breadcrumb.js +37 -12
- package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
- package/lib/components/breadcrumb/src/breadcrumb2.js +12 -37
- package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
- package/lib/components/button/index.js +1 -1
- package/lib/components/button/src/button-group.js +5 -30
- package/lib/components/button/src/button-group.js.map +1 -1
- package/lib/components/button/src/button-group2.js +30 -5
- package/lib/components/button/src/button-group2.js.map +1 -1
- package/lib/components/carousel/index.js +2 -2
- package/lib/components/carousel/src/carousel.js +43 -201
- package/lib/components/carousel/src/carousel.js.map +1 -1
- package/lib/components/carousel/src/carousel2.js +201 -43
- package/lib/components/carousel/src/carousel2.js.map +1 -1
- package/lib/components/cascader/src/index.js +2 -2
- package/lib/components/cascader-panel/src/config.js +1 -1
- package/lib/components/cascader-panel/src/index.js +1 -1
- package/lib/components/cascader-panel/src/menu.js +1 -1
- package/lib/components/cascader-panel/src/node.js +200 -121
- package/lib/components/cascader-panel/src/node.js.map +1 -1
- package/lib/components/cascader-panel/src/node2.js +121 -200
- package/lib/components/cascader-panel/src/node2.js.map +1 -1
- package/lib/components/cascader-panel/src/store.js +1 -1
- package/lib/components/collapse/index.js +2 -2
- package/lib/components/collapse/src/collapse.js +61 -16
- package/lib/components/collapse/src/collapse.js.map +1 -1
- package/lib/components/collapse/src/collapse2.js +16 -61
- package/lib/components/collapse/src/collapse2.js.map +1 -1
- package/lib/components/collection/index.js +1 -1
- package/lib/components/collection/src/collection.js +9 -30
- package/lib/components/collection/src/collection.js.map +1 -1
- package/lib/components/collection/src/collection2.js +30 -9
- package/lib/components/collection/src/collection2.js.map +1 -1
- package/lib/components/dialog/src/dialog-content.js +33 -78
- package/lib/components/dialog/src/dialog-content.js.map +1 -1
- package/lib/components/dialog/src/dialog-content2.js +78 -33
- 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/dialog2.js +1 -1
- package/lib/components/divider/index.js +2 -2
- package/lib/components/divider/src/divider.js +34 -17
- package/lib/components/divider/src/divider.js.map +1 -1
- package/lib/components/divider/src/divider2.js +17 -34
- package/lib/components/divider/src/divider2.js.map +1 -1
- package/lib/components/dropdown/src/dropdown.js +2 -2
- package/lib/components/form/index.js +2 -2
- package/lib/components/form/src/form.js +45 -40
- package/lib/components/form/src/form.js.map +1 -1
- package/lib/components/form/src/form2.js +40 -45
- package/lib/components/form/src/form2.js.map +1 -1
- package/lib/components/image/index.d.ts +0 -5
- package/lib/components/image/index.js +2 -2
- package/lib/components/image/src/image.js +127 -50
- package/lib/components/image/src/image.js.map +1 -1
- package/lib/components/image/src/image.vue.d.ts +77 -82
- package/lib/components/image/src/image2.js +49 -181
- package/lib/components/image/src/image2.js.map +1 -1
- package/lib/components/index.js +24 -24
- package/lib/components/menu/index.js +4 -4
- package/lib/components/menu/src/menu-item-group.js +56 -4
- package/lib/components/menu/src/menu-item-group.js.map +1 -1
- package/lib/components/menu/src/menu-item-group2.js +4 -56
- package/lib/components/menu/src/menu-item-group2.js.map +1 -1
- package/lib/components/menu/src/menu-item.js +65 -16
- package/lib/components/menu/src/menu-item.js.map +1 -1
- package/lib/components/menu/src/menu-item2.js +16 -65
- package/lib/components/menu/src/menu-item2.js.map +1 -1
- package/lib/components/page-header/index.js +2 -2
- package/lib/components/page-header/src/page-header.js +14 -55
- package/lib/components/page-header/src/page-header.js.map +1 -1
- package/lib/components/page-header/src/page-header2.js +55 -14
- package/lib/components/page-header/src/page-header2.js.map +1 -1
- package/lib/components/popconfirm/src/popconfirm.js +1 -1
- package/lib/components/popover/src/popover.js +1 -1
- package/lib/components/popper/index.js +4 -4
- package/lib/components/popper/src/arrow.js +31 -7
- package/lib/components/popper/src/arrow.js.map +1 -1
- package/lib/components/popper/src/arrow2.js +7 -31
- package/lib/components/popper/src/arrow2.js.map +1 -1
- package/lib/components/popper/src/popper.js +21 -27
- package/lib/components/popper/src/popper.js.map +1 -1
- package/lib/components/popper/src/popper2.js +27 -21
- package/lib/components/popper/src/popper2.js.map +1 -1
- package/lib/components/radio/index.js +2 -2
- package/lib/components/radio/src/radio-group.js +37 -18
- package/lib/components/radio/src/radio-group.js.map +1 -1
- package/lib/components/radio/src/radio-group2.js +18 -37
- package/lib/components/radio/src/radio-group2.js.map +1 -1
- package/lib/components/rate/index.js +2 -2
- package/lib/components/rate/src/rate.js +169 -84
- package/lib/components/rate/src/rate.js.map +1 -1
- package/lib/components/rate/src/rate2.js +84 -169
- package/lib/components/rate/src/rate2.js.map +1 -1
- package/lib/components/roving-focus-group/src/roving-focus-group2.js +1 -1
- package/lib/components/scrollbar/index.js +1 -1
- package/lib/components/scrollbar/src/bar.js +22 -35
- package/lib/components/scrollbar/src/bar.js.map +1 -1
- package/lib/components/scrollbar/src/bar2.js +35 -22
- package/lib/components/scrollbar/src/bar2.js.map +1 -1
- package/lib/components/scrollbar/src/scrollbar2.js +1 -1
- package/lib/components/scrollbar/src/thumb.js +59 -11
- package/lib/components/scrollbar/src/thumb.js.map +1 -1
- package/lib/components/scrollbar/src/thumb2.js +11 -59
- package/lib/components/scrollbar/src/thumb2.js.map +1 -1
- package/lib/components/select/src/select.js +2 -2
- package/lib/components/select-v2/src/defaults.js +1 -1
- package/lib/components/skeleton/index.js +2 -2
- package/lib/components/skeleton/src/skeleton-item.js +18 -23
- package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
- package/lib/components/skeleton/src/skeleton-item2.js +23 -18
- package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
- package/lib/components/skeleton/src/skeleton2.js +1 -1
- package/lib/components/tabs/index.js +3 -3
- package/lib/components/tabs/src/tab-bar.js +76 -7
- package/lib/components/tabs/src/tab-bar.js.map +1 -1
- package/lib/components/tabs/src/tab-bar2.js +7 -76
- 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 +14 -60
- package/lib/components/tabs/src/tab-pane.js.map +1 -1
- package/lib/components/tabs/src/tab-pane2.js +60 -14
- package/lib/components/tabs/src/tab-pane2.js.map +1 -1
- package/lib/components/tag/index.js +2 -2
- package/lib/components/tag/src/tag.js +34 -81
- package/lib/components/tag/src/tag.js.map +1 -1
- package/lib/components/tag/src/tag2.js +81 -34
- package/lib/components/tag/src/tag2.js.map +1 -1
- package/lib/components/teleport/index.js +2 -2
- package/lib/components/teleport/src/teleport.js +18 -43
- package/lib/components/teleport/src/teleport.js.map +1 -1
- package/lib/components/teleport/src/teleport2.js +43 -18
- package/lib/components/teleport/src/teleport2.js.map +1 -1
- package/lib/components/timeline/index.js +2 -2
- package/lib/components/timeline/src/timeline-item.js +73 -39
- package/lib/components/timeline/src/timeline-item.js.map +1 -1
- package/lib/components/timeline/src/timeline-item2.js +39 -73
- package/lib/components/timeline/src/timeline-item2.js.map +1 -1
- package/lib/components/tooltip/index.js +2 -2
- package/lib/components/tooltip/src/tooltip.js +50 -65
- package/lib/components/tooltip/src/tooltip.js.map +1 -1
- package/lib/components/tooltip/src/tooltip2.js +65 -50
- package/lib/components/tooltip/src/tooltip2.js.map +1 -1
- package/lib/components/tooltip/src/trigger.js +1 -1
- package/lib/components/tooltip-v2/index.js +2 -2
- package/lib/components/tooltip-v2/src/content.js +113 -50
- package/lib/components/tooltip-v2/src/content.js.map +1 -1
- package/lib/components/tooltip-v2/src/content2.js +50 -113
- package/lib/components/tooltip-v2/src/content2.js.map +1 -1
- package/lib/components/tooltip-v2/src/root.js +17 -81
- package/lib/components/tooltip-v2/src/root.js.map +1 -1
- package/lib/components/tooltip-v2/src/root2.js +81 -17
- package/lib/components/tooltip-v2/src/root2.js.map +1 -1
- package/lib/components/tooltip-v2/src/tooltip.js +2 -2
- package/lib/components/tooltip-v2/src/tooltip2.js +4 -4
- package/lib/components/upload/index.js +2 -2
- package/lib/components/upload/src/upload-content.js +1 -1
- package/lib/components/upload/src/upload-dragger.js +32 -12
- package/lib/components/upload/src/upload-dragger.js.map +1 -1
- package/lib/components/upload/src/upload-dragger2.js +12 -32
- package/lib/components/upload/src/upload-dragger2.js.map +1 -1
- package/lib/components/upload/src/upload-list.js +27 -155
- package/lib/components/upload/src/upload-list.js.map +1 -1
- package/lib/components/upload/src/upload-list2.js +155 -27
- package/lib/components/upload/src/upload-list2.js.map +1 -1
- package/lib/components/upload/src/upload2.js +1 -1
- package/lib/index.js +24 -24
- package/package.json +1 -1
- package/web-types.json +1 -1
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('../../utils/index.js');
|
|
6
|
-
var tooltip$1 = require('./src/
|
|
7
|
-
var tooltip = require('./src/
|
|
6
|
+
var tooltip$1 = require('./src/tooltip.js');
|
|
7
|
+
var tooltip = require('./src/tooltip2.js');
|
|
8
8
|
var tokens = require('./src/tokens.js');
|
|
9
9
|
var install = require('../../utils/vue/install.js');
|
|
10
10
|
|
|
@@ -2,76 +2,61 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('
|
|
5
|
+
var vue = require('vue');
|
|
6
6
|
require('../../popper/index.js');
|
|
7
|
+
require('../../../utils/index.js');
|
|
7
8
|
require('../../../hooks/index.js');
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
9
|
+
var trigger = require('./trigger.js');
|
|
10
|
+
var tooltip = require('./tooltip2.js');
|
|
11
|
+
var tokens = require('./tokens.js');
|
|
12
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
13
|
+
var index = require('../../../hooks/use-model-toggle/index.js');
|
|
14
|
+
var arrow = require('../../popper/src/arrow2.js');
|
|
11
15
|
var index$1 = require('../../../hooks/use-popper-container/index.js');
|
|
12
|
-
var
|
|
16
|
+
var index$2 = require('../../../hooks/use-id/index.js');
|
|
17
|
+
var core = require('@vueuse/core');
|
|
13
18
|
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
default: "el-fade-in-linear"
|
|
39
|
-
},
|
|
40
|
-
teleported: {
|
|
41
|
-
type: Boolean,
|
|
42
|
-
default: true
|
|
43
|
-
},
|
|
44
|
-
disabled: {
|
|
45
|
-
type: Boolean
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
const useTooltipTriggerProps = props.buildProps({
|
|
49
|
-
...trigger.usePopperTriggerProps,
|
|
50
|
-
disabled: Boolean,
|
|
51
|
-
trigger: {
|
|
52
|
-
type: props.definePropType([String, Array]),
|
|
53
|
-
default: "hover"
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
const useTooltipProps = props.buildProps({
|
|
57
|
-
openDelay: {
|
|
58
|
-
type: Number
|
|
59
|
-
},
|
|
60
|
-
visibleArrow: {
|
|
61
|
-
type: Boolean,
|
|
62
|
-
default: void 0
|
|
63
|
-
},
|
|
64
|
-
hideAfter: {
|
|
65
|
-
type: Number,
|
|
66
|
-
default: 200
|
|
67
|
-
},
|
|
68
|
-
showArrow: {
|
|
69
|
-
type: Boolean,
|
|
70
|
-
default: true
|
|
19
|
+
const { useModelToggleProps } = index.createModelToggleComposable("visible");
|
|
20
|
+
const _sfc_main = vue.defineComponent({
|
|
21
|
+
name: "PsTooltip",
|
|
22
|
+
components: {
|
|
23
|
+
PsTooltipTrigger: trigger["default"]
|
|
24
|
+
},
|
|
25
|
+
props: {
|
|
26
|
+
...useModelToggleProps,
|
|
27
|
+
...tooltip.useTooltipContentProps,
|
|
28
|
+
...tooltip.useTooltipTriggerProps,
|
|
29
|
+
...arrow.usePopperArrowProps,
|
|
30
|
+
...tooltip.useTooltipProps
|
|
31
|
+
},
|
|
32
|
+
setup(props) {
|
|
33
|
+
index$1.usePopperContainer();
|
|
34
|
+
const id = index$2.useId();
|
|
35
|
+
const open = vue.ref(false);
|
|
36
|
+
const controlled = vue.computed(() => core.isBoolean(props.visible));
|
|
37
|
+
vue.provide(tokens.TOOLTIP_INJECTION_KEY, {
|
|
38
|
+
controlled,
|
|
39
|
+
id,
|
|
40
|
+
open: vue.readonly(open),
|
|
41
|
+
trigger: vue.toRef(props, "trigger")
|
|
42
|
+
});
|
|
71
43
|
}
|
|
72
44
|
});
|
|
45
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
46
|
+
const _component_ps_tooltip_trigger = vue.resolveComponent("ps-tooltip-trigger");
|
|
47
|
+
return vue.openBlock(), vue.createBlock(_component_ps_tooltip_trigger, {
|
|
48
|
+
disabled: _ctx.disabled,
|
|
49
|
+
trigger: _ctx.trigger,
|
|
50
|
+
"virtual-ref": _ctx.virtualRef,
|
|
51
|
+
"virtual-triggering": _ctx.virtualTriggering
|
|
52
|
+
}, {
|
|
53
|
+
default: vue.withCtx(() => [
|
|
54
|
+
_ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("v-if", true)
|
|
55
|
+
]),
|
|
56
|
+
_: 3
|
|
57
|
+
}, 8, ["disabled", "trigger", "virtual-ref", "virtual-triggering"]);
|
|
58
|
+
}
|
|
59
|
+
var Tooltip = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip/src/tooltip.vue"]]);
|
|
73
60
|
|
|
74
|
-
exports
|
|
75
|
-
exports.useTooltipProps = useTooltipProps;
|
|
76
|
-
exports.useTooltipTriggerProps = useTooltipTriggerProps;
|
|
61
|
+
exports["default"] = Tooltip;
|
|
77
62
|
//# sourceMappingURL=tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.
|
|
1
|
+
{"version":3,"file":"tooltip.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n <ps-tooltip-trigger\n :disabled=\"disabled\"\n :trigger=\"trigger\"\n :virtual-ref=\"virtualRef\"\n :virtual-triggering=\"virtualTriggering\"\n >\n <slot v-if=\"$slots.default\" />\n </ps-tooltip-trigger>\n</template>\n\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n provide,\n readonly,\n ref,\n toRef,\n unref,\n} from 'vue'\nimport {\n usePopperArrowProps,\n} from '@element-ps/components/popper'\n\nimport { isBoolean } from '@element-ps/utils'\nimport {\n createModelToggleComposable,\n useId,\n usePopperContainer,\n} from '@element-ps/hooks'\nimport PsTooltipTrigger from './trigger.vue'\nimport {\n useTooltipContentProps,\n useTooltipProps,\n useTooltipTriggerProps,\n} from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nconst { useModelToggleProps } = createModelToggleComposable('visible' as const)\n\nexport default defineComponent({\n name: 'PsTooltip',\n components: {\n PsTooltipTrigger,\n },\n props: {\n ...useModelToggleProps,\n ...useTooltipContentProps,\n ...useTooltipTriggerProps,\n ...usePopperArrowProps,\n ...useTooltipProps,\n },\n setup(props) {\n usePopperContainer()\n\n const id = useId()\n const open = ref(false)\n\n const controlled = computed(() => isBoolean(props.visible))\n\n provide(TOOLTIP_INJECTION_KEY, {\n controlled,\n id,\n open: readonly(open),\n trigger: toRef(props, 'trigger'),\n })\n },\n})\n</script>\n"],"names":["createModelToggleComposable","defineComponent","PsTooltipTrigger","useTooltipContentProps","useTooltipTriggerProps","usePopperArrowProps","useTooltipProps","usePopperContainer","useId","ref","computed","isBoolean","provide","TOOLTIP_INJECTION_KEY","readonly","toRef","_createBlock","_renderSlot","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;AAuCA,MAAM,EAAE,mBAAwB,EAAA,GAAAA,iCAAA,CAA4B,SAAkB,CAAA,CAAA;AAE9E,MAAK,YAAaC,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,WAAA;AAAA,EACN,UAAY,EAAA;AAAA,sBACVC,kBAAA;AAAA,GACF;AAAA,EACA,KAAO,EAAA;AAAA,IACF,GAAA,mBAAA;AAAA,IACA,GAAAC,8BAAA;AAAA,IACA,GAAAC,8BAAA;AAAA,IACA,GAAAC,yBAAA;AAAA,IACA,GAAAC,uBAAA;AAAA,GACL;AAAA,EACA,MAAM,KAAO,EAAA;AACX,IAAmBC,0BAAA,EAAA,CAAA;AAEnB,IAAA,MAAM,KAAKC,aAAM,EAAA,CAAA;AACjB,IAAM,MAAA,IAAA,GAAOC,QAAI,KAAK,CAAA,CAAA;AAEtB,IAAA,MAAM,aAAaC,YAAS,CAAA,MAAMC,cAAU,CAAA,KAAA,CAAM,OAAO,CAAC,CAAA,CAAA;AAE1D,IAAAC,WAAA,CAAQC,4BAAuB,EAAA;AAAA,MAC7B,UAAA;AAAA,MACA,EAAA;AAAA,MACA,IAAA,EAAMC,aAAS,IAAI,CAAA;AAAA,MACnB,OAAA,EAASC,SAAM,CAAA,KAAA,EAAO,SAAS,CAAA;AAAA,KAChC,CAAA,CAAA;AAAA,GACH;AACF,CAAC,CAAA,CAAA;;;0BAnECC,eAOqB,CAAA,6BAAA,EAAA;AAAA,IANlB,QAAU,EAAA,IAAA,CAAA,QAAA;AAAA,IACV,OAAS,EAAA,IAAA,CAAA,OAAA;AAAA,IACT,aAAa,EAAA,IAAA,CAAA,UAAA;AAAA,IACb,oBAAoB,EAAA,IAAA,CAAA,iBAAA;AAAA,GAAA,EAAA;yBAErB,MAA8B;AAAA,MAAlB,IAAA,CAAA,MAAA,CAAO,UAAnBC,cAA8B,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,GAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;;;;;;;;;"}
|
|
@@ -2,61 +2,76 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var vue = require('vue');
|
|
6
|
-
require('../../popper/index.js');
|
|
7
5
|
require('../../../utils/index.js');
|
|
6
|
+
require('../../popper/index.js');
|
|
8
7
|
require('../../../hooks/index.js');
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
13
|
-
var index = require('../../../hooks/use-model-toggle/index.js');
|
|
14
|
-
var arrow = require('../../popper/src/arrow.js');
|
|
8
|
+
var props = require('../../../utils/vue/props.js');
|
|
9
|
+
var index = require('../../../hooks/use-delayed-toggle/index.js');
|
|
10
|
+
var content = require('../../popper/src/content.js');
|
|
15
11
|
var index$1 = require('../../../hooks/use-popper-container/index.js');
|
|
16
|
-
var
|
|
17
|
-
var core = require('@vueuse/core');
|
|
12
|
+
var trigger = require('../../popper/src/trigger.js');
|
|
18
13
|
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
14
|
+
const triggers = ["hover", "focus", "click", "contextmenu"];
|
|
15
|
+
const useTooltipContentProps = props.buildProps({
|
|
16
|
+
...index.useDelayedToggleProps,
|
|
17
|
+
...content.usePopperContentProps,
|
|
18
|
+
appendTo: {
|
|
19
|
+
type: props.definePropType([String, Object]),
|
|
20
|
+
default: index$1.POPPER_CONTAINER_SELECTOR
|
|
21
|
+
},
|
|
22
|
+
content: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: ""
|
|
25
|
+
},
|
|
26
|
+
rawContent: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: false
|
|
29
|
+
},
|
|
30
|
+
persistent: Boolean,
|
|
31
|
+
ariaLabel: String,
|
|
32
|
+
visible: {
|
|
33
|
+
type: props.definePropType(Boolean),
|
|
34
|
+
default: null
|
|
35
|
+
},
|
|
36
|
+
transition: {
|
|
37
|
+
type: String,
|
|
38
|
+
default: "el-fade-in-linear"
|
|
39
|
+
},
|
|
40
|
+
teleported: {
|
|
41
|
+
type: Boolean,
|
|
42
|
+
default: true
|
|
43
|
+
},
|
|
44
|
+
disabled: {
|
|
45
|
+
type: Boolean
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
const useTooltipTriggerProps = props.buildProps({
|
|
49
|
+
...trigger.usePopperTriggerProps,
|
|
50
|
+
disabled: Boolean,
|
|
51
|
+
trigger: {
|
|
52
|
+
type: props.definePropType([String, Array]),
|
|
53
|
+
default: "hover"
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
const useTooltipProps = props.buildProps({
|
|
57
|
+
openDelay: {
|
|
58
|
+
type: Number
|
|
59
|
+
},
|
|
60
|
+
visibleArrow: {
|
|
61
|
+
type: Boolean,
|
|
62
|
+
default: void 0
|
|
63
|
+
},
|
|
64
|
+
hideAfter: {
|
|
65
|
+
type: Number,
|
|
66
|
+
default: 200
|
|
67
|
+
},
|
|
68
|
+
showArrow: {
|
|
69
|
+
type: Boolean,
|
|
70
|
+
default: true
|
|
43
71
|
}
|
|
44
72
|
});
|
|
45
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
46
|
-
const _component_ps_tooltip_trigger = vue.resolveComponent("ps-tooltip-trigger");
|
|
47
|
-
return vue.openBlock(), vue.createBlock(_component_ps_tooltip_trigger, {
|
|
48
|
-
disabled: _ctx.disabled,
|
|
49
|
-
trigger: _ctx.trigger,
|
|
50
|
-
"virtual-ref": _ctx.virtualRef,
|
|
51
|
-
"virtual-triggering": _ctx.virtualTriggering
|
|
52
|
-
}, {
|
|
53
|
-
default: vue.withCtx(() => [
|
|
54
|
-
_ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("v-if", true)
|
|
55
|
-
]),
|
|
56
|
-
_: 3
|
|
57
|
-
}, 8, ["disabled", "trigger", "virtual-ref", "virtual-triggering"]);
|
|
58
|
-
}
|
|
59
|
-
var Tooltip = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip/src/tooltip.vue"]]);
|
|
60
73
|
|
|
61
|
-
exports
|
|
74
|
+
exports.useTooltipContentProps = useTooltipContentProps;
|
|
75
|
+
exports.useTooltipProps = useTooltipProps;
|
|
76
|
+
exports.useTooltipTriggerProps = useTooltipTriggerProps;
|
|
62
77
|
//# sourceMappingURL=tooltip2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip2.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.
|
|
1
|
+
{"version":3,"file":"tooltip2.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\nimport {\n usePopperContentProps,\n usePopperTriggerProps,\n} from '@element-ps/components/popper'\nimport {\n POPPER_CONTAINER_SELECTOR,\n useDelayedToggleProps,\n} from '@element-ps/hooks'\nimport type Tooltip from '../src/tooltip.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst triggers = ['hover', 'focus', 'click', 'contextmenu'] as const\n\nexport type Trigger = typeof triggers[number]\n\nexport const useTooltipContentProps = buildProps({\n ...useDelayedToggleProps,\n ...usePopperContentProps,\n appendTo: {\n type: definePropType<string | HTMLElement>([String, Object]),\n default: POPPER_CONTAINER_SELECTOR,\n },\n content: {\n type: String,\n default: '',\n },\n rawContent: {\n type: Boolean,\n default: false,\n },\n persistent: Boolean,\n ariaLabel: String,\n // because model toggle prop is generated dynamically\n // so the typing cannot be evaluated by typescript as type:\n // [name]: { type: Boolean, default: null }\n // so we need to declare that again for type checking.\n visible: {\n type: definePropType<boolean | null>(Boolean),\n default: null,\n },\n transition: {\n type: String,\n default: 'el-fade-in-linear',\n },\n teleported: {\n type: Boolean,\n default: true,\n },\n disabled: {\n type: Boolean,\n },\n} as const)\n\nexport const useTooltipTriggerProps = buildProps({\n ...usePopperTriggerProps,\n disabled: Boolean,\n trigger: {\n type: definePropType<Trigger | Trigger[]>([String, Array]),\n default: 'hover',\n },\n} as const)\n\nexport const useTooltipProps = buildProps({\n openDelay: {\n type: Number,\n },\n visibleArrow: {\n type: Boolean,\n default: undefined,\n },\n hideAfter: {\n type: Number,\n default: 200,\n },\n showArrow: {\n type: Boolean,\n default: true,\n },\n})\n\nexport type PsTooltipContentProps = ExtractPropTypes<\n typeof useTooltipContentProps\n>\n\nexport type PsTooltipTriggerProps = ExtractPropTypes<\n typeof useTooltipTriggerProps\n>\n\nexport type PsTooltipProps = ExtractPropTypes<typeof useTooltipProps> &\n PsTooltipContentProps &\n PsTooltipTriggerProps\n\nexport type TooltipInstance = InstanceType<typeof Tooltip>\n"],"names":["buildProps","useDelayedToggleProps","usePopperContentProps","definePropType","POPPER_CONTAINER_SELECTOR","usePopperTriggerProps"],"mappings":";;;;;;;;;;;;;AASA,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;AAChD,MAAC,sBAAsB,GAAGA,gBAAU,CAAC;AACjD,EAAE,GAAGC,2BAAqB;AAC1B,EAAE,GAAGC,6BAAqB;AAC1B,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAEC,iCAAyB;AACtC,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAED,oBAAc,CAAC,OAAO,CAAC;AACjC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,mBAAmB;AAChC,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,sBAAsB,GAAGH,gBAAU,CAAC;AACjD,EAAE,GAAGK,6BAAqB;AAC1B,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEF,oBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAGH,gBAAU,CAAC;AAC1C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;;;"}
|
|
@@ -6,7 +6,7 @@ var vue = require('vue');
|
|
|
6
6
|
require('../../popper/index.js');
|
|
7
7
|
require('../../../hooks/index.js');
|
|
8
8
|
var tokens = require('./tokens.js');
|
|
9
|
-
var tooltip = require('./
|
|
9
|
+
var tooltip = require('./tooltip2.js');
|
|
10
10
|
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
11
11
|
var trigger = require('../../popper/src/trigger2.js');
|
|
12
12
|
var index = require('../../../hooks/use-namespace/index.js');
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
require('../../utils/index.js');
|
|
6
6
|
var tooltip$1 = require('./src/tooltip2.js');
|
|
7
7
|
var arrow = require('./src/arrow.js');
|
|
8
|
-
var content = require('./src/
|
|
9
|
-
var root = require('./src/
|
|
8
|
+
var content = require('./src/content2.js');
|
|
9
|
+
var root = require('./src/root.js');
|
|
10
10
|
var tooltip = require('./src/tooltip.js');
|
|
11
11
|
var trigger = require('./src/trigger2.js');
|
|
12
12
|
var install = require('../../utils/vue/install.js');
|
|
@@ -2,58 +2,121 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('
|
|
6
|
-
var
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
var dom = require('@floating-ui/dom');
|
|
7
|
+
require('../../../tokens/index.js');
|
|
8
|
+
require('../../../hooks/index.js');
|
|
9
|
+
require('../../visual-hidden/index.js');
|
|
10
|
+
var content = require('./content2.js');
|
|
11
|
+
var common = require('./common.js');
|
|
12
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
13
|
+
var tooltipV2 = require('../../../tokens/tooltip-v2.js');
|
|
14
|
+
var index = require('../../../hooks/use-floating/index.js');
|
|
15
|
+
var index$1 = require('../../../hooks/use-z-index/index.js');
|
|
16
|
+
var index$2 = require('../../../hooks/use-namespace/index.js');
|
|
17
|
+
var visualHidden = require('../../visual-hidden/src/visual-hidden.js');
|
|
7
18
|
|
|
8
|
-
const
|
|
9
|
-
const
|
|
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
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
19
|
+
const _hoisted_1 = ["data-side"];
|
|
20
|
+
const __default__ = {
|
|
21
|
+
name: "PsTooltipV2Content"
|
|
22
|
+
};
|
|
23
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
24
|
+
...__default__,
|
|
25
|
+
props: { ...content.tooltipV2ContentProps, ...common.tooltipV2CommonProps },
|
|
26
|
+
setup(__props) {
|
|
27
|
+
const props = __props;
|
|
28
|
+
const { triggerRef, contentId } = vue.inject(tooltipV2.tooltipV2RootKey);
|
|
29
|
+
const placement = vue.ref(props.placement);
|
|
30
|
+
const strategy = vue.ref(props.strategy);
|
|
31
|
+
const arrowRef = vue.ref(null);
|
|
32
|
+
const { referenceRef, contentRef, middlewareData, x, y, update } = index.useFloating({
|
|
33
|
+
placement,
|
|
34
|
+
strategy,
|
|
35
|
+
middleware: vue.computed(() => {
|
|
36
|
+
const middleware = [dom.offset(props.offset)];
|
|
37
|
+
if (props.showArrow) {
|
|
38
|
+
middleware.push(index.arrowMiddleware({
|
|
39
|
+
arrowRef
|
|
40
|
+
}));
|
|
41
|
+
}
|
|
42
|
+
return middleware;
|
|
43
|
+
})
|
|
44
|
+
});
|
|
45
|
+
const zIndex = index$1.useZIndex().nextZIndex();
|
|
46
|
+
const ns = index$2.useNamespace("tooltip-v2");
|
|
47
|
+
const side = vue.computed(() => {
|
|
48
|
+
return placement.value.split("-")[0];
|
|
49
|
+
});
|
|
50
|
+
const contentStyle = vue.computed(() => {
|
|
51
|
+
return {
|
|
52
|
+
position: vue.unref(strategy),
|
|
53
|
+
top: `${vue.unref(y) || 0}px`,
|
|
54
|
+
left: `${vue.unref(x) || 0}px`,
|
|
55
|
+
zIndex
|
|
56
|
+
};
|
|
57
|
+
});
|
|
58
|
+
const arrowStyle = vue.computed(() => {
|
|
59
|
+
if (!props.showArrow)
|
|
60
|
+
return {};
|
|
61
|
+
const { arrow } = vue.unref(middlewareData);
|
|
62
|
+
return {
|
|
63
|
+
[`--${ns.namespace.value}-tooltip-v2-arrow-x`]: `${arrow == null ? void 0 : arrow.x}px` || "",
|
|
64
|
+
[`--${ns.namespace.value}-tooltip-v2-arrow-y`]: `${arrow == null ? void 0 : arrow.y}px` || ""
|
|
65
|
+
};
|
|
66
|
+
});
|
|
67
|
+
const contentClass = vue.computed(() => [
|
|
68
|
+
ns.e("content"),
|
|
69
|
+
ns.is("dark", props.effect === "dark"),
|
|
70
|
+
ns.is(vue.unref(strategy)),
|
|
71
|
+
props.contentClass
|
|
72
|
+
]);
|
|
73
|
+
vue.watch(arrowRef, () => update());
|
|
74
|
+
vue.watch(() => props.placement, (val) => placement.value = val);
|
|
75
|
+
vue.onMounted(() => {
|
|
76
|
+
vue.watch(() => props.reference || triggerRef.value, (el) => {
|
|
77
|
+
referenceRef.value = el || void 0;
|
|
78
|
+
}, {
|
|
79
|
+
immediate: true
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
|
+
vue.provide(tooltipV2.tooltipV2ContentKey, { arrowRef });
|
|
83
|
+
return (_ctx, _cache) => {
|
|
84
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
85
|
+
ref_key: "contentRef",
|
|
86
|
+
ref: contentRef,
|
|
87
|
+
style: vue.normalizeStyle(vue.unref(contentStyle)),
|
|
88
|
+
"data-tooltip-v2-root": ""
|
|
89
|
+
}, [
|
|
90
|
+
!_ctx.nowrap ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
91
|
+
key: 0,
|
|
92
|
+
"data-side": vue.unref(side),
|
|
93
|
+
class: vue.normalizeClass(vue.unref(contentClass))
|
|
94
|
+
}, [
|
|
95
|
+
vue.renderSlot(_ctx.$slots, "default", {
|
|
96
|
+
contentStyle: vue.unref(contentStyle),
|
|
97
|
+
contentClass: vue.unref(contentClass)
|
|
98
|
+
}),
|
|
99
|
+
vue.createVNode(vue.unref(visualHidden["default"]), {
|
|
100
|
+
id: vue.unref(contentId),
|
|
101
|
+
role: "tooltip"
|
|
102
|
+
}, {
|
|
103
|
+
default: vue.withCtx(() => [
|
|
104
|
+
_ctx.ariaLabel ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
|
|
105
|
+
vue.createTextVNode(vue.toDisplayString(_ctx.ariaLabel), 1)
|
|
106
|
+
], 2112)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
|
|
107
|
+
]),
|
|
108
|
+
_: 3
|
|
109
|
+
}, 8, ["id"]),
|
|
110
|
+
vue.renderSlot(_ctx.$slots, "arrow", {
|
|
111
|
+
style: vue.normalizeStyle(vue.unref(arrowStyle)),
|
|
112
|
+
side: vue.unref(side)
|
|
113
|
+
})
|
|
114
|
+
], 10, _hoisted_1)) : vue.createCommentVNode("v-if", true)
|
|
115
|
+
], 4);
|
|
116
|
+
};
|
|
55
117
|
}
|
|
56
118
|
});
|
|
119
|
+
var TooltipV2Content = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip-v2/src/content.vue"]]);
|
|
57
120
|
|
|
58
|
-
exports
|
|
121
|
+
exports["default"] = TooltipV2Content;
|
|
59
122
|
//# sourceMappingURL=content.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content.js","sources":["../../../../../../packages/components/tooltip-v2/src/content.
|
|
1
|
+
{"version":3,"file":"content.js","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 <ps-visually-hidden :id=\"contentId\" role=\"tooltip\">\n <template v-if=\"ariaLabel\">\n {{ ariaLabel }}\n </template>\n <slot v-else />\n </ps-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 { tooltipV2ContentKey, tooltipV2RootKey } from '@element-ps/tokens'\nimport {\n arrowMiddleware,\n useFloating,\n useNamespace,\n useZIndex,\n} from '@element-ps/hooks'\nimport PsVisuallyHidden from '@element-ps/components/visual-hidden'\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: 'PsTooltipV2Content',\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":["inject","tooltipV2RootKey","ref","useFloating","computed","offset","arrowMiddleware","useZIndex","useNamespace","unref","watch","onMounted","provide","tooltipV2ContentKey"],"mappings":"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"}
|