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
|
@@ -1,87 +1,23 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, unref, watch, onMounted, onBeforeUnmount, provide, renderSlot } from 'vue';
|
|
2
|
-
import { isNumber, useTimeoutFn } from '@vueuse/core';
|
|
3
|
-
import '../../../hooks/index.mjs';
|
|
4
1
|
import '../../../utils/index.mjs';
|
|
5
|
-
import '../../../
|
|
6
|
-
import { tooltipV2RootProps } from './root2.mjs';
|
|
7
|
-
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
8
|
-
import { isPropAbsent } from '../../../utils/types.mjs';
|
|
9
|
-
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
10
|
-
import { useId } from '../../../hooks/use-id/index.mjs';
|
|
11
|
-
import { TOOLTIP_V2_OPEN, tooltipV2RootKey } from '../../../tokens/tooltip-v2.mjs';
|
|
2
|
+
import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
|
|
12
3
|
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
(_a = props["onUpdate:open"]) == null ? void 0 : _a.call(props, open2);
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
const isOpenDelayed = computed(() => isNumber(props.delayDuration) && props.delayDuration > 0);
|
|
32
|
-
const { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(() => {
|
|
33
|
-
open.value = true;
|
|
34
|
-
}, computed(() => props.delayDuration), {
|
|
35
|
-
immediate: false
|
|
36
|
-
});
|
|
37
|
-
const ns = useNamespace("tooltip-v2");
|
|
38
|
-
const contentId = useId();
|
|
39
|
-
const onNormalOpen = () => {
|
|
40
|
-
clearTimer();
|
|
41
|
-
open.value = true;
|
|
42
|
-
};
|
|
43
|
-
const onDelayOpen = () => {
|
|
44
|
-
unref(isOpenDelayed) ? onDelayedOpen() : onNormalOpen();
|
|
45
|
-
};
|
|
46
|
-
const onOpen = onNormalOpen;
|
|
47
|
-
const onClose = () => {
|
|
48
|
-
clearTimer();
|
|
49
|
-
open.value = false;
|
|
50
|
-
};
|
|
51
|
-
const onChange = (open2) => {
|
|
52
|
-
var _a;
|
|
53
|
-
if (open2) {
|
|
54
|
-
document.dispatchEvent(new CustomEvent(TOOLTIP_V2_OPEN));
|
|
55
|
-
onOpen();
|
|
56
|
-
}
|
|
57
|
-
(_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2);
|
|
58
|
-
};
|
|
59
|
-
watch(open, onChange);
|
|
60
|
-
onMounted(() => {
|
|
61
|
-
document.addEventListener(TOOLTIP_V2_OPEN, onClose);
|
|
62
|
-
});
|
|
63
|
-
onBeforeUnmount(() => {
|
|
64
|
-
clearTimer();
|
|
65
|
-
document.removeEventListener(TOOLTIP_V2_OPEN, onClose);
|
|
66
|
-
});
|
|
67
|
-
provide(tooltipV2RootKey, {
|
|
68
|
-
contentId,
|
|
69
|
-
triggerRef,
|
|
70
|
-
ns,
|
|
71
|
-
onClose,
|
|
72
|
-
onDelayOpen,
|
|
73
|
-
onOpen
|
|
74
|
-
});
|
|
75
|
-
expose({
|
|
76
|
-
onOpen,
|
|
77
|
-
onClose
|
|
78
|
-
});
|
|
79
|
-
return (_ctx, _cache) => {
|
|
80
|
-
return renderSlot(_ctx.$slots, "default", { open: unref(open) });
|
|
81
|
-
};
|
|
4
|
+
const tooltipV2RootProps = buildProps({
|
|
5
|
+
delayDuration: {
|
|
6
|
+
type: Number,
|
|
7
|
+
default: 300
|
|
8
|
+
},
|
|
9
|
+
defaultOpen: Boolean,
|
|
10
|
+
open: {
|
|
11
|
+
type: Boolean,
|
|
12
|
+
default: void 0
|
|
13
|
+
},
|
|
14
|
+
onOpenChange: {
|
|
15
|
+
type: definePropType(Function)
|
|
16
|
+
},
|
|
17
|
+
"onUpdate:open": {
|
|
18
|
+
type: definePropType(Function)
|
|
82
19
|
}
|
|
83
20
|
});
|
|
84
|
-
var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip-v2/src/root.vue"]]);
|
|
85
21
|
|
|
86
|
-
export {
|
|
22
|
+
export { tooltipV2RootProps };
|
|
87
23
|
//# sourceMappingURL=root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"root.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.
|
|
1
|
+
{"version":3,"file":"root.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\ntype StateUpdater = (state: boolean) => void\n\nexport const tooltipV2RootProps = buildProps({\n delayDuration: {\n type: Number,\n default: 300,\n },\n defaultOpen: Boolean,\n open: {\n type: Boolean,\n default: undefined,\n },\n onOpenChange: {\n type: definePropType<StateUpdater>(Function),\n },\n 'onUpdate:open': {\n type: definePropType<StateUpdater>(Function),\n },\n} as const)\n\nexport type TooltipV2RootProps = ExtractPropTypes<typeof tooltipV2RootProps>\n"],"names":[],"mappings":";;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}
|
|
@@ -1,23 +1,87 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, unref, watch, onMounted, onBeforeUnmount, provide, renderSlot } from 'vue';
|
|
2
|
+
import { isNumber, useTimeoutFn } from '@vueuse/core';
|
|
3
|
+
import '../../../hooks/index.mjs';
|
|
1
4
|
import '../../../utils/index.mjs';
|
|
2
|
-
import
|
|
5
|
+
import '../../../tokens/index.mjs';
|
|
6
|
+
import { tooltipV2RootProps } from './root.mjs';
|
|
7
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
8
|
+
import { isPropAbsent } from '../../../utils/types.mjs';
|
|
9
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
10
|
+
import { useId } from '../../../hooks/use-id/index.mjs';
|
|
11
|
+
import { TOOLTIP_V2_OPEN, tooltipV2RootKey } from '../../../tokens/tooltip-v2.mjs';
|
|
3
12
|
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
const __default__ = {
|
|
14
|
+
name: "PsTooltipV2Root"
|
|
15
|
+
};
|
|
16
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
17
|
+
...__default__,
|
|
18
|
+
props: tooltipV2RootProps,
|
|
19
|
+
setup(__props, { expose }) {
|
|
20
|
+
const props = __props;
|
|
21
|
+
const _open = ref(props.defaultOpen);
|
|
22
|
+
const triggerRef = ref(null);
|
|
23
|
+
const open = computed({
|
|
24
|
+
get: () => isPropAbsent(props.open) ? _open.value : props.open,
|
|
25
|
+
set: (open2) => {
|
|
26
|
+
var _a;
|
|
27
|
+
_open.value = open2;
|
|
28
|
+
(_a = props["onUpdate:open"]) == null ? void 0 : _a.call(props, open2);
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const isOpenDelayed = computed(() => isNumber(props.delayDuration) && props.delayDuration > 0);
|
|
32
|
+
const { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(() => {
|
|
33
|
+
open.value = true;
|
|
34
|
+
}, computed(() => props.delayDuration), {
|
|
35
|
+
immediate: false
|
|
36
|
+
});
|
|
37
|
+
const ns = useNamespace("tooltip-v2");
|
|
38
|
+
const contentId = useId();
|
|
39
|
+
const onNormalOpen = () => {
|
|
40
|
+
clearTimer();
|
|
41
|
+
open.value = true;
|
|
42
|
+
};
|
|
43
|
+
const onDelayOpen = () => {
|
|
44
|
+
unref(isOpenDelayed) ? onDelayedOpen() : onNormalOpen();
|
|
45
|
+
};
|
|
46
|
+
const onOpen = onNormalOpen;
|
|
47
|
+
const onClose = () => {
|
|
48
|
+
clearTimer();
|
|
49
|
+
open.value = false;
|
|
50
|
+
};
|
|
51
|
+
const onChange = (open2) => {
|
|
52
|
+
var _a;
|
|
53
|
+
if (open2) {
|
|
54
|
+
document.dispatchEvent(new CustomEvent(TOOLTIP_V2_OPEN));
|
|
55
|
+
onOpen();
|
|
56
|
+
}
|
|
57
|
+
(_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2);
|
|
58
|
+
};
|
|
59
|
+
watch(open, onChange);
|
|
60
|
+
onMounted(() => {
|
|
61
|
+
document.addEventListener(TOOLTIP_V2_OPEN, onClose);
|
|
62
|
+
});
|
|
63
|
+
onBeforeUnmount(() => {
|
|
64
|
+
clearTimer();
|
|
65
|
+
document.removeEventListener(TOOLTIP_V2_OPEN, onClose);
|
|
66
|
+
});
|
|
67
|
+
provide(tooltipV2RootKey, {
|
|
68
|
+
contentId,
|
|
69
|
+
triggerRef,
|
|
70
|
+
ns,
|
|
71
|
+
onClose,
|
|
72
|
+
onDelayOpen,
|
|
73
|
+
onOpen
|
|
74
|
+
});
|
|
75
|
+
expose({
|
|
76
|
+
onOpen,
|
|
77
|
+
onClose
|
|
78
|
+
});
|
|
79
|
+
return (_ctx, _cache) => {
|
|
80
|
+
return renderSlot(_ctx.$slots, "default", { open: unref(open) });
|
|
81
|
+
};
|
|
19
82
|
}
|
|
20
83
|
});
|
|
84
|
+
var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip-v2/src/root.vue"]]);
|
|
21
85
|
|
|
22
|
-
export {
|
|
86
|
+
export { TooltipV2Root as default };
|
|
23
87
|
//# sourceMappingURL=root2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"root2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.
|
|
1
|
+
{"version":3,"file":"root2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/root.vue"],"sourcesContent":["<template>\n <slot :open=\"open\" />\n</template>\n\n<script setup lang=\"ts\">\nimport {\n computed,\n onBeforeUnmount,\n onMounted,\n provide,\n ref,\n unref,\n watch,\n} from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\nimport { useId, useNamespace } from '@element-ps/hooks'\nimport { isNumber, isPropAbsent } from '@element-ps/utils'\nimport { TOOLTIP_V2_OPEN, tooltipV2RootKey } from '@element-ps/tokens'\nimport { tooltipV2RootProps } from './root'\n\ndefineOptions({\n name: 'PsTooltipV2Root',\n})\n\nconst props = defineProps(tooltipV2RootProps)\n\n/**\n * internal open state, when no model value was provided, use this as indicator instead\n */\nconst _open = ref(props.defaultOpen)\nconst triggerRef = ref<HTMLElement | null>(null)\n\nconst open = computed<boolean>({\n get: () => (isPropAbsent(props.open) ? _open.value : props.open),\n set: (open) => {\n _open.value = open\n props['onUpdate:open']?.(open)\n },\n})\n\nconst isOpenDelayed = computed(\n () => isNumber(props.delayDuration) && props.delayDuration > 0\n)\n\nconst { start: onDelayedOpen, stop: clearTimer } = useTimeoutFn(\n () => {\n open.value = true\n },\n computed(() => props.delayDuration),\n {\n immediate: false,\n }\n)\n\nconst ns = useNamespace('tooltip-v2')\n\nconst contentId = useId()\n\nconst onNormalOpen = () => {\n clearTimer()\n open.value = true\n}\n\nconst onDelayOpen = () => {\n unref(isOpenDelayed) ? onDelayedOpen() : onNormalOpen()\n}\n\nconst onOpen = onNormalOpen\n\nconst onClose = () => {\n clearTimer()\n open.value = false\n}\n\nconst onChange = (open: boolean) => {\n if (open) {\n document.dispatchEvent(new CustomEvent(TOOLTIP_V2_OPEN))\n onOpen()\n }\n\n props.onOpenChange?.(open)\n}\n\nwatch(open, onChange)\n\nonMounted(() => {\n // Keeps only 1 tooltip open at a time\n document.addEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nonBeforeUnmount(() => {\n clearTimer()\n document.removeEventListener(TOOLTIP_V2_OPEN, onClose)\n})\n\nprovide(tooltipV2RootKey, {\n contentId,\n triggerRef,\n ns,\n\n onClose,\n onDelayOpen,\n onOpen,\n})\n\ndefineExpose({\n /**\n * @description open tooltip programmatically\n */\n onOpen,\n\n /**\n * @description close tooltip programmatically\n */\n onClose,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,MAAA,KAAA,GAAA,GAAA,CAAA,KAAA,CAAA,WAAA,CAAA,CAAA;AACA,IAAA,MAAA,UAAA,GAAA,IAAA,IAAA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAA,QAAA,CAAA;AAAA,MACA,GAAA,EAAA,MAAA,YAAA,CAAA,KAAA,CAAA,IAAA,CAAA,GAAA,KAAA,CAAA,QAAA,KAAA,CAAA,IAAA;AAAA,MACA,GAAA,EAAA,CAAA,KAAA,KAAA;AACA,QAAA,IAAA,EAAA,CAAA;AACA,QAAA,KAAA,CAAA;AAAA,QACA,CAAA,EAAA,GAAA,KAAA,CAAA,eAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OACA;AAEA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,aAAA,GAAA,QAAA,CAAA,MAAA,QAAA,CAAA,KAAA,cACA,CAAA,IAAA,KAAA,CAAA,aAAA,GAAA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,KAAA,EAAA,aAAA,EAAA,IAAA,EAAA,UAAA,EAAA,GAAA,YAAA,CAAA,MAAA;AAAA,MAEA,IAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AACA,KAAA,EACA,QAAA,CAAA,MAAA,KAAA,CAAA,aAAA,CAAA,EAAA;AAAA,MAEA,SAAA,EAAA,KAAA;AAEA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,iBAAA,CAAA,YAAA,CAAA,CAAA;AAEA,IAAA,MAAA,iBAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAA,GAAA,MAAA;AACA,MAAA,UAAA,EAAA,CAAA;AAAA,MACA,IAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAEA,KAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,MAAA;AAAA,MACA,KAAA,CAAA,aAAA,CAAA,GAAA,aAAA,EAAA,GAAA,YAAA,EAAA,CAAA;AAEA,KAAA,CAAA;AAEA,IAAA,MAAA,qBAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAA,MAAA;AACA,MAAA,UAAA,EAAA,CAAA;AAAA,MACA,IAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAEA,KAAA,CAAA;AACA,IAAA,MAAA,QAAA,GAAA,CAAA,KAAA,KAAA;AACA,MAAA,IAAA,EAAA,CAAA;AACA,MAAA,IAAA,KAAA,EAAA;AAAA,QACA,QAAA,CAAA,aAAA,CAAA,IAAA,WAAA,CAAA,eAAA,CAAA,CAAA,CAAA;AAEA,QAAA;AAAA,OACA;AAEA,MAAA,CAAA,EAAA,QAAA,CAAA,YAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAEA,KAAA,CAAA;AAEA,IAAA,KAAA,CAAA,IAAA,EAAA,QAAA,CAAA,CAAA;AAAA,IACA,SAAA,CAAA,MAAA;AAEA,MAAA,QAAA,CAAA,gBAAA,CAAA,eAAA,EAAA,OAAA,CAAA,CAAA;AACA,KAAA,CAAA,CAAA;AACA,IAAA,eAAA,CAAA,MAAA;AAAA,MACA,UAAA,EAAA,CAAA;AAEA,MAAA,QAAA,CAAA,mBAAA,CAAA,eAAA,EAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,OAAA,CAAA,gBAAA,EAAA;AAAA,MACA,SAAA;AAAA,MAEA,UAAA;AAAA,MACA,EAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAEA,MAAA,MAAA;AAAA,KAIA,CAAA,CAAA;AAAA,IAKA,MAAA,CAAA;AAAA,MACA,MAAA;;;;;;;;;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import '../../../utils/index.mjs';
|
|
2
|
-
import { tooltipV2RootProps } from './
|
|
2
|
+
import { tooltipV2RootProps } from './root.mjs';
|
|
3
3
|
import { tooltipV2TriggerProps } from './trigger2.mjs';
|
|
4
4
|
import { tooltipV2ArrowProps } from './arrow.mjs';
|
|
5
|
-
import { tooltipV2ContentProps } from './
|
|
5
|
+
import { tooltipV2ContentProps } from './content2.mjs';
|
|
6
6
|
import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
|
|
7
7
|
|
|
8
8
|
const tooltipV2Props = buildProps({
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { defineComponent, toRefs, reactive, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createVNode, mergeProps, renderSlot, Teleport, Transition, createCommentVNode, createElementBlock, Fragment } from 'vue';
|
|
2
2
|
import { pick } from 'lodash-unified';
|
|
3
3
|
import { tooltipV2ArrowProps } from './arrow.mjs';
|
|
4
|
-
import { tooltipV2ContentProps } from './
|
|
5
|
-
import { tooltipV2RootProps } from './
|
|
4
|
+
import { tooltipV2ContentProps } from './content2.mjs';
|
|
5
|
+
import { tooltipV2RootProps } from './root.mjs';
|
|
6
6
|
import { tooltipV2Props } from './tooltip.mjs';
|
|
7
7
|
import { tooltipV2TriggerProps } from './trigger2.mjs';
|
|
8
|
-
import TooltipV2Root from './
|
|
8
|
+
import TooltipV2Root from './root2.mjs';
|
|
9
9
|
import TooltipV2Arrow from './arrow2.mjs';
|
|
10
|
-
import TooltipV2Content from './
|
|
10
|
+
import TooltipV2Content from './content.mjs';
|
|
11
11
|
import TooltipV2Trigger from './trigger.mjs';
|
|
12
12
|
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
13
13
|
|
|
@@ -2,8 +2,8 @@ import '../../utils/index.mjs';
|
|
|
2
2
|
import Upload from './src/upload2.mjs';
|
|
3
3
|
export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './src/upload.mjs';
|
|
4
4
|
export { uploadContentProps } from './src/upload-content2.mjs';
|
|
5
|
-
export { uploadListEmits, uploadListProps } from './src/upload-
|
|
6
|
-
export { uploadDraggerEmits, uploadDraggerProps } from './src/upload-
|
|
5
|
+
export { uploadListEmits, uploadListProps } from './src/upload-list.mjs';
|
|
6
|
+
export { uploadDraggerEmits, uploadDraggerProps } from './src/upload-dragger2.mjs';
|
|
7
7
|
import { withInstall } from '../../utils/vue/install.mjs';
|
|
8
8
|
|
|
9
9
|
const PsUpload = withInstall(Upload);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, shallowRef, openBlock, createElementBlock, normalizeClass, unref, createBlock, withCtx, renderSlot, createElementVNode } from 'vue';
|
|
2
2
|
import '../../../hooks/index.mjs';
|
|
3
|
-
import UploadDragger from './upload-
|
|
3
|
+
import UploadDragger from './upload-dragger.mjs';
|
|
4
4
|
import { uploadContentProps } from './upload-content2.mjs';
|
|
5
5
|
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
6
6
|
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
@@ -1,16 +1,37 @@
|
|
|
1
|
-
import '
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { defineComponent, inject, ref, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
|
|
2
|
+
import '../../../hooks/index.mjs';
|
|
3
|
+
import '../../../tokens/index.mjs';
|
|
4
|
+
import { throwError } from '../../../utils/error.mjs';
|
|
5
|
+
import { uploadDraggerProps } from './upload-dragger2.mjs';
|
|
6
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
7
|
+
import { uploadContextKey } from '../../../tokens/upload.mjs';
|
|
8
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
4
9
|
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
10
|
+
const __default__ = {
|
|
11
|
+
name: "PsUploadDrag"
|
|
12
|
+
};
|
|
13
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
14
|
+
...__default__,
|
|
15
|
+
props: uploadDraggerProps,
|
|
16
|
+
setup(__props) {
|
|
17
|
+
const props = __props;
|
|
18
|
+
const COMPONENT_NAME = "PsUploadDrag";
|
|
19
|
+
const uploaderContext = inject(uploadContextKey);
|
|
20
|
+
if (!uploaderContext) {
|
|
21
|
+
throwError(COMPONENT_NAME, "usage: <ps-upload><ps-upload-dragger /></ps-upload>");
|
|
22
|
+
}
|
|
23
|
+
const ns = useNamespace("upload");
|
|
24
|
+
const dragover = ref(false);
|
|
25
|
+
return (_ctx, _cache) => {
|
|
26
|
+
return openBlock(), createElementBlock("div", {
|
|
27
|
+
class: normalizeClass([unref(ns).b("dragger"), unref(ns).is("dragover", dragover.value)])
|
|
28
|
+
}, [
|
|
29
|
+
renderSlot(_ctx.$slots, "default")
|
|
30
|
+
], 2);
|
|
31
|
+
};
|
|
9
32
|
}
|
|
10
33
|
});
|
|
11
|
-
|
|
12
|
-
file: (file) => isArray(file)
|
|
13
|
-
};
|
|
34
|
+
var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/upload/src/upload-dragger.vue"]]);
|
|
14
35
|
|
|
15
|
-
export {
|
|
36
|
+
export { UploadDragger as default };
|
|
16
37
|
//# sourceMappingURL=upload-dragger.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"upload-dragger.mjs","sources":["../../../../../../packages/components/upload/src/upload-dragger.
|
|
1
|
+
{"version":3,"file":"upload-dragger.mjs","sources":["../../../../../../packages/components/upload/src/upload-dragger.vue"],"sourcesContent":["<template>\n <div\n :class=\"[ns.b('dragger'), ns.is('dragover', dragover)]\"\n >\n <slot />\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { useNamespace } from '@element-ps/hooks'\n\nimport { uploadContextKey } from '@element-ps/tokens'\nimport { throwError } from '@element-ps/utils/error'\nimport { uploadDraggerProps } from './upload-dragger'\n\nconst COMPONENT_NAME = 'PsUploadDrag'\n\ndefineOptions({\n name: 'PsUploadDrag',\n})\n\nconst props = defineProps(uploadDraggerProps)\n\nconst uploaderContext = inject(uploadContextKey)\nif (!uploaderContext) {\n throwError(\n COMPONENT_NAME,\n 'usage: <ps-upload><ps-upload-dragger /></ps-upload>'\n )\n}\n\nconst ns = useNamespace('upload')\nconst dragover = ref(false)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAeA,IAAA,MAAA,cAAA,GAAA,cAAA,CAAA;AAQA,IAAA,MAAA,eAAA,GAAA,OAAA,gBAAA,CAAA,CAAA;AACA,IAAA,IAAA,CAAA,eAAA,EAAA;AACA,MAAA,UAAA,CACA,gBACA,qDACA,CAAA,CAAA;AAAA,KACA;AAEA,IAAA,MAAA,EAAA,GAAA,aAAA,QAAA,CAAA,CAAA;AACA,IAAA,MAAA,QAAA,GAAA,IAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;"}
|
|
@@ -1,37 +1,16 @@
|
|
|
1
|
-
import
|
|
2
|
-
import '../../../
|
|
3
|
-
import '
|
|
4
|
-
import { throwError } from '../../../utils/error.mjs';
|
|
5
|
-
import { uploadDraggerProps } from './upload-dragger.mjs';
|
|
6
|
-
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
7
|
-
import { uploadContextKey } from '../../../tokens/upload.mjs';
|
|
8
|
-
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
1
|
+
import '../../../utils/index.mjs';
|
|
2
|
+
import { buildProps } from '../../../utils/vue/props.mjs';
|
|
3
|
+
import { isArray } from '@vue/shared';
|
|
9
4
|
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
...__default__,
|
|
15
|
-
props: uploadDraggerProps,
|
|
16
|
-
setup(__props) {
|
|
17
|
-
const props = __props;
|
|
18
|
-
const COMPONENT_NAME = "PsUploadDrag";
|
|
19
|
-
const uploaderContext = inject(uploadContextKey);
|
|
20
|
-
if (!uploaderContext) {
|
|
21
|
-
throwError(COMPONENT_NAME, "usage: <ps-upload><ps-upload-dragger /></ps-upload>");
|
|
22
|
-
}
|
|
23
|
-
const ns = useNamespace("upload");
|
|
24
|
-
const dragover = ref(false);
|
|
25
|
-
return (_ctx, _cache) => {
|
|
26
|
-
return openBlock(), createElementBlock("div", {
|
|
27
|
-
class: normalizeClass([unref(ns).b("dragger"), unref(ns).is("dragover", dragover.value)])
|
|
28
|
-
}, [
|
|
29
|
-
renderSlot(_ctx.$slots, "default")
|
|
30
|
-
], 2);
|
|
31
|
-
};
|
|
5
|
+
const uploadDraggerProps = buildProps({
|
|
6
|
+
disabled: {
|
|
7
|
+
type: Boolean,
|
|
8
|
+
default: false
|
|
32
9
|
}
|
|
33
10
|
});
|
|
34
|
-
|
|
11
|
+
const uploadDraggerEmits = {
|
|
12
|
+
file: (file) => isArray(file)
|
|
13
|
+
};
|
|
35
14
|
|
|
36
|
-
export {
|
|
15
|
+
export { uploadDraggerEmits, uploadDraggerProps };
|
|
37
16
|
//# sourceMappingURL=upload-dragger2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"upload-dragger2.mjs","sources":["../../../../../../packages/components/upload/src/upload-dragger.
|
|
1
|
+
{"version":3,"file":"upload-dragger2.mjs","sources":["../../../../../../packages/components/upload/src/upload-dragger.ts"],"sourcesContent":["import { buildProps, isArray } from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type UploadDragger from './upload-dragger.vue'\n\nexport const uploadDraggerProps = buildProps({\n disabled: {\n type: Boolean,\n default: false,\n },\n} as const)\nexport type UploadDraggerProps = ExtractPropTypes<typeof uploadDraggerProps>\n\nexport const uploadDraggerEmits = {\n file: (file: File[]) => isArray(file),\n}\nexport type UploadDraggerEmits = typeof uploadDraggerEmits\n\nexport type UploadDraggerInstance = InstanceType<typeof UploadDragger>\n"],"names":[],"mappings":";;;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,IAAI,EAAE,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC;AAC/B;;;;"}
|
|
@@ -1,160 +1,31 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import '../../../
|
|
5
|
-
import {
|
|
6
|
-
import { uploadListProps } from './upload-list2.mjs';
|
|
7
|
-
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
8
|
-
import { useLocale } from '../../../hooks/use-locale/index.mjs';
|
|
9
|
-
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
1
|
+
import { NOOP } from '@vue/shared';
|
|
2
|
+
import '../../../utils/index.mjs';
|
|
3
|
+
import { uploadListTypes } from './upload.mjs';
|
|
4
|
+
import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
|
|
5
|
+
import { mutable } from '../../../utils/typescript.mjs';
|
|
10
6
|
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
class: normalizeClass([
|
|
29
|
-
unref(nsUpload).b("list"),
|
|
30
|
-
unref(nsUpload).bm("list", _ctx.listType),
|
|
31
|
-
unref(nsUpload).is("disabled", _ctx.disabled)
|
|
32
|
-
]),
|
|
33
|
-
name: unref(nsList).b()
|
|
34
|
-
}, {
|
|
35
|
-
default: withCtx(() => [
|
|
36
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.files, (file) => {
|
|
37
|
-
return openBlock(), createElementBlock("li", {
|
|
38
|
-
key: file.uid || file.name,
|
|
39
|
-
class: normalizeClass([
|
|
40
|
-
unref(nsUpload).be("list", "item"),
|
|
41
|
-
unref(nsUpload).is(file.status),
|
|
42
|
-
{ focusing: focusing.value }
|
|
43
|
-
]),
|
|
44
|
-
tabindex: "0"
|
|
45
|
-
}, [
|
|
46
|
-
renderSlot(_ctx.$slots, "default", { file }, () => [
|
|
47
|
-
_ctx.listType === "picture" || file.status !== "uploading" && _ctx.listType === "picture-card" ? (openBlock(), createElementBlock("img", {
|
|
48
|
-
key: 0,
|
|
49
|
-
class: normalizeClass(unref(nsUpload).be("list", "item-thumbnail")),
|
|
50
|
-
src: file.url,
|
|
51
|
-
alt: ""
|
|
52
|
-
}, null, 10, _hoisted_1)) : createCommentVNode("v-if", true),
|
|
53
|
-
_ctx.listType !== "picture" && (file.status === "uploading" || _ctx.listType !== "picture-card") ? (openBlock(), createElementBlock("div", {
|
|
54
|
-
key: 1,
|
|
55
|
-
class: normalizeClass(unref(nsUpload).be("list", "item-info"))
|
|
56
|
-
}, [
|
|
57
|
-
createElementVNode("a", {
|
|
58
|
-
class: normalizeClass(unref(nsUpload).be("list", "item-name"))
|
|
59
|
-
}, [
|
|
60
|
-
createVNode(unref(PsIcon), {
|
|
61
|
-
class: normalizeClass(unref(nsIcon).m("document"))
|
|
62
|
-
}, {
|
|
63
|
-
default: withCtx(() => [
|
|
64
|
-
createVNode(unref(Document))
|
|
65
|
-
]),
|
|
66
|
-
_: 1
|
|
67
|
-
}, 8, ["class"]),
|
|
68
|
-
createElementVNode("span", {
|
|
69
|
-
class: normalizeClass(unref(nsUpload).be("list", "item-file-name"))
|
|
70
|
-
}, toDisplayString(file.name), 3)
|
|
71
|
-
], 2),
|
|
72
|
-
file.status === "uploading" ? (openBlock(), createBlock(unref(PsProgress), {
|
|
73
|
-
key: 0,
|
|
74
|
-
type: _ctx.listType === "picture-card" ? "circle" : "line",
|
|
75
|
-
"stroke-width": _ctx.listType === "picture-card" ? 6 : 2,
|
|
76
|
-
percentage: Number(file.percentage),
|
|
77
|
-
style: normalizeStyle(_ctx.listType === "picture-card" ? "" : "margin-top: 0.5rem")
|
|
78
|
-
}, null, 8, ["type", "stroke-width", "percentage", "style"])) : createCommentVNode("v-if", true)
|
|
79
|
-
], 2)) : createCommentVNode("v-if", true),
|
|
80
|
-
createElementVNode("label", {
|
|
81
|
-
class: normalizeClass(unref(nsUpload).be("list", "item-status-label"))
|
|
82
|
-
}, [
|
|
83
|
-
_ctx.listType === "text" ? (openBlock(), createBlock(unref(PsIcon), {
|
|
84
|
-
key: 0,
|
|
85
|
-
class: normalizeClass([unref(nsIcon).m("upload-success"), unref(nsIcon).m("circle-check")])
|
|
86
|
-
}, {
|
|
87
|
-
default: withCtx(() => [
|
|
88
|
-
createVNode(unref(CircleCheck))
|
|
89
|
-
]),
|
|
90
|
-
_: 1
|
|
91
|
-
}, 8, ["class"])) : ["picture-card", "picture"].includes(_ctx.listType) ? (openBlock(), createBlock(unref(PsIcon), {
|
|
92
|
-
key: 1,
|
|
93
|
-
class: normalizeClass([unref(nsIcon).m("upload-success"), unref(nsIcon).m("check")])
|
|
94
|
-
}, {
|
|
95
|
-
default: withCtx(() => [
|
|
96
|
-
createVNode(unref(Check))
|
|
97
|
-
]),
|
|
98
|
-
_: 1
|
|
99
|
-
}, 8, ["class"])) : createCommentVNode("v-if", true)
|
|
100
|
-
], 2),
|
|
101
|
-
!_ctx.disabled ? (openBlock(), createBlock(unref(PsIcon), {
|
|
102
|
-
key: 2,
|
|
103
|
-
class: normalizeClass(unref(nsIcon).m("close"))
|
|
104
|
-
}, {
|
|
105
|
-
default: withCtx(() => [
|
|
106
|
-
createVNode(unref(Close))
|
|
107
|
-
]),
|
|
108
|
-
_: 1
|
|
109
|
-
}, 8, ["class"])) : createCommentVNode("v-if", true),
|
|
110
|
-
createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
|
|
111
|
-
createCommentVNode(" This is a bug which needs to be fixed "),
|
|
112
|
-
createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
|
|
113
|
-
!_ctx.disabled ? (openBlock(), createElementBlock("i", {
|
|
114
|
-
key: 3,
|
|
115
|
-
class: normalizeClass(unref(nsIcon).m("close-tip"))
|
|
116
|
-
}, toDisplayString(unref(t)("el.upload.deleteTip")), 3)) : createCommentVNode("v-if", true),
|
|
117
|
-
_ctx.listType === "picture-card" ? (openBlock(), createElementBlock("span", {
|
|
118
|
-
key: 4,
|
|
119
|
-
class: normalizeClass(unref(nsUpload).be("list", "item-actions"))
|
|
120
|
-
}, [
|
|
121
|
-
createElementVNode("span", {
|
|
122
|
-
class: normalizeClass(unref(nsUpload).be("list", "item-preview"))
|
|
123
|
-
}, [
|
|
124
|
-
createVNode(unref(PsIcon), {
|
|
125
|
-
class: normalizeClass(unref(nsIcon).m("zoom-in"))
|
|
126
|
-
}, {
|
|
127
|
-
default: withCtx(() => [
|
|
128
|
-
createVNode(unref(ZoomIn))
|
|
129
|
-
]),
|
|
130
|
-
_: 1
|
|
131
|
-
}, 8, ["class"])
|
|
132
|
-
], 2),
|
|
133
|
-
!_ctx.disabled ? (openBlock(), createElementBlock("span", {
|
|
134
|
-
key: 0,
|
|
135
|
-
class: normalizeClass(unref(nsUpload).be("list", "item-delete"))
|
|
136
|
-
}, [
|
|
137
|
-
createVNode(unref(PsIcon), {
|
|
138
|
-
class: normalizeClass(unref(nsIcon).m("delete"))
|
|
139
|
-
}, {
|
|
140
|
-
default: withCtx(() => [
|
|
141
|
-
createVNode(unref(Delete))
|
|
142
|
-
]),
|
|
143
|
-
_: 1
|
|
144
|
-
}, 8, ["class"])
|
|
145
|
-
], 2)) : createCommentVNode("v-if", true)
|
|
146
|
-
], 2)) : createCommentVNode("v-if", true)
|
|
147
|
-
])
|
|
148
|
-
], 2);
|
|
149
|
-
}), 128)),
|
|
150
|
-
renderSlot(_ctx.$slots, "append")
|
|
151
|
-
]),
|
|
152
|
-
_: 3
|
|
153
|
-
}, 8, ["class", "name"]);
|
|
154
|
-
};
|
|
7
|
+
const uploadListProps = buildProps({
|
|
8
|
+
files: {
|
|
9
|
+
type: definePropType(Array),
|
|
10
|
+
default: () => mutable([])
|
|
11
|
+
},
|
|
12
|
+
disabled: {
|
|
13
|
+
type: Boolean,
|
|
14
|
+
default: false
|
|
15
|
+
},
|
|
16
|
+
handlePreview: {
|
|
17
|
+
type: definePropType(Function),
|
|
18
|
+
default: NOOP
|
|
19
|
+
},
|
|
20
|
+
listType: {
|
|
21
|
+
type: String,
|
|
22
|
+
values: uploadListTypes,
|
|
23
|
+
default: "text"
|
|
155
24
|
}
|
|
156
25
|
});
|
|
157
|
-
|
|
26
|
+
const uploadListEmits = {
|
|
27
|
+
remove: (file) => !!file
|
|
28
|
+
};
|
|
158
29
|
|
|
159
|
-
export {
|
|
30
|
+
export { uploadListEmits, uploadListProps };
|
|
160
31
|
//# sourceMappingURL=upload-list.mjs.map
|