element-pe 2.3.15 → 2.3.16
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 +26 -13
- package/dist/index.full.min.js +6 -6
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +1 -1
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +26 -13
- package/es/components/affix/index.mjs +2 -2
- package/es/components/affix/src/affix.mjs +120 -24
- package/es/components/affix/src/affix.mjs.map +1 -1
- package/es/components/affix/src/affix2.mjs +24 -120
- package/es/components/affix/src/affix2.mjs.map +1 -1
- package/es/components/autocomplete/src/autocomplete.mjs +1 -1
- package/es/components/backtop/index.mjs +2 -2
- package/es/components/backtop/src/backtop.mjs +58 -23
- package/es/components/backtop/src/backtop.mjs.map +1 -1
- package/es/components/backtop/src/backtop2.mjs +23 -58
- 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 -10
- package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
- package/es/components/breadcrumb/src/breadcrumb2.mjs +10 -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 +29 -6
- package/es/components/button/src/button-group.mjs.map +1 -1
- package/es/components/button/src/button-group2.mjs +6 -29
- package/es/components/button/src/button-group2.mjs.map +1 -1
- package/es/components/calendar/index.mjs +2 -2
- package/es/components/calendar/src/calendar.mjs +16 -134
- package/es/components/calendar/src/calendar.mjs.map +1 -1
- package/es/components/calendar/src/calendar2.mjs +134 -16
- package/es/components/calendar/src/calendar2.mjs.map +1 -1
- package/es/components/carousel/index.mjs +2 -2
- package/es/components/carousel/src/carousel-item.mjs +7 -69
- package/es/components/carousel/src/carousel-item.mjs.map +1 -1
- package/es/components/carousel/src/carousel-item2.mjs +69 -7
- package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
- package/es/components/cascader/index.mjs +2 -2
- package/es/components/cascader/src/cascader.mjs +656 -95
- package/es/components/cascader/src/cascader.mjs.map +1 -1
- package/es/components/cascader/src/cascader2.mjs +95 -656
- package/es/components/cascader/src/cascader2.mjs.map +1 -1
- package/es/components/checkbox/index.mjs +2 -2
- package/es/components/checkbox/src/checkbox-button.mjs +1 -1
- package/es/components/checkbox/src/checkbox.mjs +123 -64
- package/es/components/checkbox/src/checkbox.mjs.map +1 -1
- package/es/components/checkbox/src/checkbox2.mjs +64 -123
- package/es/components/checkbox/src/checkbox2.mjs.map +1 -1
- package/es/components/collapse/index.mjs +2 -2
- package/es/components/collapse/src/collapse.mjs +16 -28
- package/es/components/collapse/src/collapse.mjs.map +1 -1
- package/es/components/collapse/src/collapse2.mjs +28 -16
- package/es/components/collapse/src/collapse2.mjs.map +1 -1
- package/es/components/color-picker/index.mjs +2 -2
- package/es/components/color-picker/src/color-picker.mjs +55 -427
- package/es/components/color-picker/src/color-picker.mjs.map +1 -1
- package/es/components/color-picker/src/color-picker2.mjs +427 -55
- package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
- package/es/components/color-picker/src/components/predefine.mjs +1 -1
- package/es/components/countdown/index.mjs +2 -2
- package/es/components/countdown/src/countdown.mjs +21 -80
- package/es/components/countdown/src/countdown.mjs.map +1 -1
- package/es/components/countdown/src/countdown2.mjs +80 -21
- package/es/components/countdown/src/countdown2.mjs.map +1 -1
- package/es/components/descriptions/index.mjs +2 -2
- package/es/components/descriptions/src/description.mjs +132 -28
- package/es/components/descriptions/src/description.mjs.map +1 -1
- package/es/components/descriptions/src/description2.mjs +28 -132
- package/es/components/descriptions/src/description2.mjs.map +1 -1
- package/es/components/divider/index.mjs +2 -2
- package/es/components/divider/src/divider.mjs +34 -16
- package/es/components/divider/src/divider.mjs.map +1 -1
- package/es/components/divider/src/divider2.mjs +16 -34
- package/es/components/divider/src/divider2.mjs.map +1 -1
- package/es/components/dropdown/index.mjs +2 -2
- package/es/components/dropdown/src/dropdown-item-impl.mjs +7 -4
- package/es/components/dropdown/src/dropdown-item-impl.mjs.map +1 -1
- package/es/components/dropdown/src/dropdown-item-impl.vue.d.ts +3 -3
- package/es/components/dropdown/src/dropdown-item.mjs +7 -4
- package/es/components/dropdown/src/dropdown-item.mjs.map +1 -1
- package/es/components/dropdown/src/dropdown-item.vue.d.ts +0 -15
- package/es/components/dropdown/src/dropdown-menu.mjs +9 -5
- package/es/components/dropdown/src/dropdown-menu.mjs.map +1 -1
- package/es/components/dropdown/src/dropdown-menu.vue.d.ts +4 -4
- package/es/components/dropdown/src/dropdown.mjs +120 -302
- package/es/components/dropdown/src/dropdown.mjs.map +1 -1
- package/es/components/dropdown/src/dropdown2.mjs +302 -120
- package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
- package/es/components/empty/index.mjs +2 -2
- package/es/components/empty/src/empty.mjs +11 -52
- package/es/components/empty/src/empty.mjs.map +1 -1
- package/es/components/empty/src/empty2.mjs +52 -11
- package/es/components/empty/src/empty2.mjs.map +1 -1
- package/es/components/form/index.mjs +4 -4
- package/es/components/form/src/form-item.mjs +50 -330
- package/es/components/form/src/form-item.mjs.map +1 -1
- package/es/components/form/src/form-item2.mjs +330 -50
- package/es/components/form/src/form-item2.mjs.map +1 -1
- package/es/components/form/src/form.mjs +154 -57
- package/es/components/form/src/form.mjs.map +1 -1
- package/es/components/form/src/form2.mjs +57 -154
- package/es/components/form/src/form2.mjs.map +1 -1
- package/es/components/image/index.mjs +2 -2
- package/es/components/image/src/image.mjs +71 -226
- package/es/components/image/src/image.mjs.map +1 -1
- package/es/components/image/src/image2.mjs +226 -71
- package/es/components/image/src/image2.mjs.map +1 -1
- package/es/components/index.mjs +44 -44
- package/es/components/input-tag/src/input-tag.mjs +1 -1
- package/es/components/mention/index.mjs +2 -2
- package/es/components/mention/src/mention.mjs +62 -282
- package/es/components/mention/src/mention.mjs.map +1 -1
- package/es/components/mention/src/mention2.mjs +282 -62
- package/es/components/mention/src/mention2.mjs.map +1 -1
- package/es/components/menu/index.mjs +4 -4
- package/es/components/menu/src/menu-item-group.mjs +4 -33
- package/es/components/menu/src/menu-item-group.mjs.map +1 -1
- package/es/components/menu/src/menu-item-group2.mjs +33 -4
- package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
- package/es/components/menu/src/menu-item.mjs +15 -97
- package/es/components/menu/src/menu-item.mjs.map +1 -1
- package/es/components/menu/src/menu-item2.mjs +97 -15
- package/es/components/menu/src/menu-item2.mjs.map +1 -1
- package/es/components/notification/index.mjs +1 -1
- package/es/components/notification/src/notification.mjs +144 -68
- package/es/components/notification/src/notification.mjs.map +1 -1
- package/es/components/notification/src/notification2.mjs +68 -144
- package/es/components/notification/src/notification2.mjs.map +1 -1
- package/es/components/notification/src/notify.mjs +2 -2
- package/es/components/page-header/index.mjs +2 -2
- package/es/components/page-header/src/page-header.mjs +16 -97
- package/es/components/page-header/src/page-header.mjs.map +1 -1
- package/es/components/page-header/src/page-header2.mjs +97 -16
- package/es/components/page-header/src/page-header2.mjs.map +1 -1
- package/es/components/pagination/src/components/jumper.mjs +58 -7
- package/es/components/pagination/src/components/jumper.mjs.map +1 -1
- package/es/components/pagination/src/components/jumper2.mjs +7 -58
- package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
- package/es/components/pagination/src/components/next.mjs +18 -35
- package/es/components/pagination/src/components/next.mjs.map +1 -1
- package/es/components/pagination/src/components/next2.mjs +35 -18
- package/es/components/pagination/src/components/next2.mjs.map +1 -1
- package/es/components/pagination/src/components/sizes.mjs +23 -72
- package/es/components/pagination/src/components/sizes.mjs.map +1 -1
- package/es/components/pagination/src/components/sizes2.mjs +72 -23
- package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
- package/es/components/pagination/src/pagination.mjs +3 -3
- package/es/components/popconfirm/src/popconfirm2.mjs +1 -1
- package/es/components/popover/index.mjs +2 -2
- package/es/components/popover/src/popover.mjs +110 -64
- package/es/components/popover/src/popover.mjs.map +1 -1
- package/es/components/popover/src/popover2.mjs +64 -110
- package/es/components/popover/src/popover2.mjs.map +1 -1
- package/es/components/popper/index.mjs +6 -6
- package/es/components/popper/src/arrow.mjs +37 -7
- package/es/components/popper/src/arrow.mjs.map +1 -1
- package/es/components/popper/src/arrow2.mjs +7 -37
- package/es/components/popper/src/arrow2.mjs.map +1 -1
- package/es/components/popper/src/popper.mjs +22 -32
- package/es/components/popper/src/popper.mjs.map +1 -1
- package/es/components/popper/src/popper2.mjs +32 -22
- package/es/components/popper/src/popper2.mjs.map +1 -1
- package/es/components/popper/src/trigger.mjs +31 -128
- package/es/components/popper/src/trigger.mjs.map +1 -1
- package/es/components/popper/src/trigger2.mjs +128 -31
- package/es/components/popper/src/trigger2.mjs.map +1 -1
- package/es/components/resizable-columns/index.mjs +2 -2
- package/es/components/resizable-columns/src/resizable-columns.mjs +20 -261
- package/es/components/resizable-columns/src/resizable-columns.mjs.map +1 -1
- package/es/components/resizable-columns/src/resizable-columns2.mjs +261 -20
- package/es/components/resizable-columns/src/resizable-columns2.mjs.map +1 -1
- package/es/components/result/index.mjs +2 -2
- package/es/components/result/src/result.mjs +62 -28
- package/es/components/result/src/result.mjs.map +1 -1
- package/es/components/result/src/result2.mjs +28 -62
- package/es/components/result/src/result2.mjs.map +1 -1
- package/es/components/roving-focus-group/src/roving-focus-item.mjs +6 -3
- package/es/components/roving-focus-group/src/roving-focus-item.mjs.map +1 -1
- package/es/components/roving-focus-group/src/roving-focus-item.vue.d.ts +0 -5
- package/es/components/row/index.mjs +2 -2
- package/es/components/row/src/row.mjs +28 -44
- package/es/components/row/src/row.mjs.map +1 -1
- package/es/components/row/src/row2.mjs +44 -28
- package/es/components/row/src/row2.mjs.map +1 -1
- package/es/components/scrollbar/index.mjs +3 -3
- package/es/components/scrollbar/src/bar2.mjs +1 -1
- package/es/components/scrollbar/src/scrollbar.mjs +55 -171
- package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
- package/es/components/scrollbar/src/scrollbar2.mjs +171 -55
- package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
- package/es/components/scrollbar/src/thumb.mjs +11 -132
- package/es/components/scrollbar/src/thumb.mjs.map +1 -1
- package/es/components/scrollbar/src/thumb2.mjs +132 -11
- 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 +2 -2
- package/es/components/skeleton/index.mjs +2 -2
- package/es/components/skeleton/src/skeleton.mjs +48 -21
- package/es/components/skeleton/src/skeleton.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton2.mjs +21 -48
- package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
- package/es/components/slider/index.mjs +2 -2
- package/es/components/slider/src/button.mjs +91 -19
- package/es/components/slider/src/button.mjs.map +1 -1
- package/es/components/slider/src/button2.mjs +19 -91
- package/es/components/slider/src/button2.mjs.map +1 -1
- package/es/components/slider/src/slider.mjs +97 -242
- package/es/components/slider/src/slider.mjs.map +1 -1
- package/es/components/slider/src/slider2.mjs +242 -97
- package/es/components/slider/src/slider2.mjs.map +1 -1
- package/es/components/statistic/index.mjs +2 -2
- package/es/components/statistic/src/statistic.mjs +25 -69
- package/es/components/statistic/src/statistic.mjs.map +1 -1
- package/es/components/statistic/src/statistic2.mjs +69 -25
- package/es/components/statistic/src/statistic2.mjs.map +1 -1
- package/es/components/steps/index.mjs +4 -4
- package/es/components/steps/src/item.mjs +19 -191
- package/es/components/steps/src/item.mjs.map +1 -1
- package/es/components/steps/src/item2.mjs +191 -19
- package/es/components/steps/src/item2.mjs.map +1 -1
- package/es/components/steps/src/steps.mjs +38 -35
- package/es/components/steps/src/steps.mjs.map +1 -1
- package/es/components/steps/src/steps2.mjs +35 -38
- package/es/components/steps/src/steps2.mjs.map +1 -1
- package/es/components/tabs/index.mjs +2 -2
- package/es/components/tabs/src/tab-pane.mjs +14 -74
- package/es/components/tabs/src/tab-pane.mjs.map +1 -1
- package/es/components/tabs/src/tab-pane2.mjs +74 -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 +27 -102
- package/es/components/tag/src/tag.mjs.map +1 -1
- package/es/components/tag/src/tag2.mjs +102 -27
- 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 +8 -18
- package/es/components/teleport/src/teleport.mjs.map +1 -1
- package/es/components/teleport/src/teleport2.mjs +18 -8
- package/es/components/teleport/src/teleport2.mjs.map +1 -1
- package/es/components/tooltip/index.mjs +1 -1
- package/es/components/tooltip/src/content.mjs +28 -193
- package/es/components/tooltip/src/content.mjs.map +1 -1
- package/es/components/tooltip/src/content2.mjs +193 -28
- package/es/components/tooltip/src/content2.mjs.map +1 -1
- package/es/components/tooltip/src/tooltip.mjs +3 -3
- package/es/components/tooltip/src/tooltip2.mjs +2 -2
- package/es/components/tooltip/src/trigger.mjs +1 -1
- package/es/components/tooltip/src/trigger2.mjs +1 -1
- package/es/components/tooltip-v2/index.mjs +6 -6
- package/es/components/tooltip-v2/src/arrow.mjs +37 -21
- package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
- package/es/components/tooltip-v2/src/arrow2.mjs +21 -37
- package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/content.mjs +48 -111
- package/es/components/tooltip-v2/src/content.mjs.map +1 -1
- package/es/components/tooltip-v2/src/content2.mjs +111 -48
- package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/root.mjs +80 -17
- package/es/components/tooltip-v2/src/root.mjs.map +1 -1
- package/es/components/tooltip-v2/src/root2.mjs +17 -80
- package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/tooltip.mjs +21 -82
- package/es/components/tooltip-v2/src/tooltip.mjs.map +1 -1
- package/es/components/tooltip-v2/src/tooltip2.mjs +82 -21
- package/es/components/tooltip-v2/src/tooltip2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/trigger.mjs +90 -12
- package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
- package/es/components/tooltip-v2/src/trigger2.mjs +12 -90
- package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
- package/es/components/tour/index.mjs +2 -2
- package/es/components/tour/src/step.mjs +46 -169
- package/es/components/tour/src/step.mjs.map +1 -1
- package/es/components/tour/src/step2.mjs +169 -46
- package/es/components/tour/src/step2.mjs.map +1 -1
- package/es/components/transfer/src/composables/use-check.mjs +1 -1
- package/es/components/transfer/src/transfer-panel.mjs +19 -130
- package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
- package/es/components/transfer/src/transfer-panel2.mjs +130 -19
- package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
- package/es/components/transfer/src/transfer.mjs +1 -1
- package/es/components/upload/index.mjs +3 -3
- package/es/components/upload/src/upload-content.mjs +1 -1
- package/es/components/upload/src/upload-content2.mjs +1 -1
- package/es/components/upload/src/upload-list.mjs +176 -28
- package/es/components/upload/src/upload-list.mjs.map +1 -1
- package/es/components/upload/src/upload-list2.mjs +28 -176
- package/es/components/upload/src/upload-list2.mjs.map +1 -1
- package/es/components/upload/src/upload.mjs +125 -98
- package/es/components/upload/src/upload.mjs.map +1 -1
- package/es/components/upload/src/upload2.mjs +98 -125
- package/es/components/upload/src/upload2.mjs.map +1 -1
- package/es/components/upload/src/use-handlers.mjs +1 -1
- package/es/index.mjs +44 -44
- package/lib/components/affix/index.js +2 -2
- package/lib/components/affix/src/affix.js +120 -25
- package/lib/components/affix/src/affix.js.map +1 -1
- package/lib/components/affix/src/affix2.js +25 -120
- package/lib/components/affix/src/affix2.js.map +1 -1
- package/lib/components/autocomplete/src/autocomplete.js +1 -1
- package/lib/components/backtop/index.js +2 -2
- package/lib/components/backtop/src/backtop.js +58 -24
- package/lib/components/backtop/src/backtop.js.map +1 -1
- package/lib/components/backtop/src/backtop2.js +24 -58
- 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 -10
- package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
- package/lib/components/breadcrumb/src/breadcrumb2.js +10 -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 +29 -6
- package/lib/components/button/src/button-group.js.map +1 -1
- package/lib/components/button/src/button-group2.js +6 -29
- package/lib/components/button/src/button-group2.js.map +1 -1
- package/lib/components/calendar/index.js +2 -2
- package/lib/components/calendar/src/calendar.js +17 -134
- package/lib/components/calendar/src/calendar.js.map +1 -1
- package/lib/components/calendar/src/calendar2.js +134 -17
- package/lib/components/calendar/src/calendar2.js.map +1 -1
- package/lib/components/carousel/index.js +2 -2
- package/lib/components/carousel/src/carousel-item.js +7 -69
- package/lib/components/carousel/src/carousel-item.js.map +1 -1
- package/lib/components/carousel/src/carousel-item2.js +69 -7
- package/lib/components/carousel/src/carousel-item2.js.map +1 -1
- package/lib/components/cascader/index.js +2 -2
- package/lib/components/cascader/src/cascader.js +656 -96
- package/lib/components/cascader/src/cascader.js.map +1 -1
- package/lib/components/cascader/src/cascader2.js +96 -656
- package/lib/components/cascader/src/cascader2.js.map +1 -1
- package/lib/components/checkbox/index.js +2 -2
- package/lib/components/checkbox/src/checkbox-button.js +1 -1
- package/lib/components/checkbox/src/checkbox.js +123 -65
- package/lib/components/checkbox/src/checkbox.js.map +1 -1
- package/lib/components/checkbox/src/checkbox2.js +65 -123
- package/lib/components/checkbox/src/checkbox2.js.map +1 -1
- package/lib/components/collapse/index.js +2 -2
- package/lib/components/collapse/src/collapse.js +18 -28
- package/lib/components/collapse/src/collapse.js.map +1 -1
- package/lib/components/collapse/src/collapse2.js +28 -18
- package/lib/components/collapse/src/collapse2.js.map +1 -1
- package/lib/components/color-picker/index.js +2 -2
- package/lib/components/color-picker/src/color-picker.js +57 -427
- package/lib/components/color-picker/src/color-picker.js.map +1 -1
- package/lib/components/color-picker/src/color-picker2.js +427 -57
- package/lib/components/color-picker/src/color-picker2.js.map +1 -1
- package/lib/components/color-picker/src/components/predefine.js +1 -1
- package/lib/components/countdown/index.js +2 -2
- package/lib/components/countdown/src/countdown.js +22 -80
- package/lib/components/countdown/src/countdown.js.map +1 -1
- package/lib/components/countdown/src/countdown2.js +80 -22
- package/lib/components/countdown/src/countdown2.js.map +1 -1
- package/lib/components/descriptions/index.js +2 -2
- package/lib/components/descriptions/src/description.js +132 -28
- package/lib/components/descriptions/src/description.js.map +1 -1
- package/lib/components/descriptions/src/description2.js +28 -132
- package/lib/components/descriptions/src/description2.js.map +1 -1
- package/lib/components/divider/index.js +2 -2
- package/lib/components/divider/src/divider.js +34 -16
- package/lib/components/divider/src/divider.js.map +1 -1
- package/lib/components/divider/src/divider2.js +16 -34
- package/lib/components/divider/src/divider2.js.map +1 -1
- package/lib/components/dropdown/index.js +2 -2
- package/lib/components/dropdown/src/dropdown-item-impl.js +7 -4
- package/lib/components/dropdown/src/dropdown-item-impl.js.map +1 -1
- package/lib/components/dropdown/src/dropdown-item-impl.vue.d.ts +3 -3
- package/lib/components/dropdown/src/dropdown-item.js +7 -4
- package/lib/components/dropdown/src/dropdown-item.js.map +1 -1
- package/lib/components/dropdown/src/dropdown-item.vue.d.ts +0 -15
- package/lib/components/dropdown/src/dropdown-menu.js +9 -5
- package/lib/components/dropdown/src/dropdown-menu.js.map +1 -1
- package/lib/components/dropdown/src/dropdown-menu.vue.d.ts +4 -4
- package/lib/components/dropdown/src/dropdown.js +129 -302
- package/lib/components/dropdown/src/dropdown.js.map +1 -1
- package/lib/components/dropdown/src/dropdown2.js +302 -129
- package/lib/components/dropdown/src/dropdown2.js.map +1 -1
- package/lib/components/empty/index.js +2 -2
- package/lib/components/empty/src/empty.js +11 -52
- package/lib/components/empty/src/empty.js.map +1 -1
- package/lib/components/empty/src/empty2.js +52 -11
- package/lib/components/empty/src/empty2.js.map +1 -1
- package/lib/components/form/index.js +4 -4
- package/lib/components/form/src/form-item.js +51 -334
- package/lib/components/form/src/form-item.js.map +1 -1
- package/lib/components/form/src/form-item2.js +334 -51
- package/lib/components/form/src/form-item2.js.map +1 -1
- package/lib/components/form/src/form.js +153 -58
- package/lib/components/form/src/form.js.map +1 -1
- package/lib/components/form/src/form2.js +58 -153
- package/lib/components/form/src/form2.js.map +1 -1
- package/lib/components/image/index.js +2 -2
- package/lib/components/image/src/image.js +71 -225
- package/lib/components/image/src/image.js.map +1 -1
- package/lib/components/image/src/image2.js +225 -71
- package/lib/components/image/src/image2.js.map +1 -1
- package/lib/components/index.js +44 -44
- package/lib/components/input-tag/src/input-tag.js +1 -1
- package/lib/components/mention/index.js +2 -2
- package/lib/components/mention/src/mention.js +62 -281
- package/lib/components/mention/src/mention.js.map +1 -1
- package/lib/components/mention/src/mention2.js +281 -62
- package/lib/components/mention/src/mention2.js.map +1 -1
- package/lib/components/menu/index.js +4 -4
- package/lib/components/menu/src/menu-item-group.js +4 -33
- package/lib/components/menu/src/menu-item-group.js.map +1 -1
- package/lib/components/menu/src/menu-item-group2.js +33 -4
- package/lib/components/menu/src/menu-item-group2.js.map +1 -1
- package/lib/components/menu/src/menu-item.js +16 -97
- package/lib/components/menu/src/menu-item.js.map +1 -1
- package/lib/components/menu/src/menu-item2.js +97 -16
- package/lib/components/menu/src/menu-item2.js.map +1 -1
- package/lib/components/notification/index.js +1 -1
- package/lib/components/notification/src/notification.js +143 -69
- package/lib/components/notification/src/notification.js.map +1 -1
- package/lib/components/notification/src/notification2.js +69 -143
- package/lib/components/notification/src/notification2.js.map +1 -1
- package/lib/components/notification/src/notify.js +2 -2
- package/lib/components/page-header/index.js +2 -2
- package/lib/components/page-header/src/page-header.js +17 -97
- package/lib/components/page-header/src/page-header.js.map +1 -1
- package/lib/components/page-header/src/page-header2.js +97 -17
- package/lib/components/page-header/src/page-header2.js.map +1 -1
- package/lib/components/pagination/src/components/jumper.js +58 -7
- package/lib/components/pagination/src/components/jumper.js.map +1 -1
- package/lib/components/pagination/src/components/jumper2.js +7 -58
- package/lib/components/pagination/src/components/jumper2.js.map +1 -1
- package/lib/components/pagination/src/components/next.js +18 -35
- package/lib/components/pagination/src/components/next.js.map +1 -1
- package/lib/components/pagination/src/components/next2.js +35 -18
- package/lib/components/pagination/src/components/next2.js.map +1 -1
- package/lib/components/pagination/src/components/sizes.js +23 -72
- package/lib/components/pagination/src/components/sizes.js.map +1 -1
- package/lib/components/pagination/src/components/sizes2.js +72 -23
- package/lib/components/pagination/src/components/sizes2.js.map +1 -1
- package/lib/components/pagination/src/pagination.js +3 -3
- package/lib/components/popconfirm/src/popconfirm2.js +1 -1
- package/lib/components/popover/index.js +2 -2
- package/lib/components/popover/src/popover.js +110 -65
- package/lib/components/popover/src/popover.js.map +1 -1
- package/lib/components/popover/src/popover2.js +65 -110
- package/lib/components/popover/src/popover2.js.map +1 -1
- package/lib/components/popper/index.js +6 -6
- package/lib/components/popper/src/arrow.js +37 -8
- package/lib/components/popper/src/arrow.js.map +1 -1
- package/lib/components/popper/src/arrow2.js +8 -37
- package/lib/components/popper/src/arrow2.js.map +1 -1
- package/lib/components/popper/src/popper.js +25 -32
- package/lib/components/popper/src/popper.js.map +1 -1
- package/lib/components/popper/src/popper2.js +32 -25
- package/lib/components/popper/src/popper2.js.map +1 -1
- package/lib/components/popper/src/trigger.js +32 -128
- package/lib/components/popper/src/trigger.js.map +1 -1
- package/lib/components/popper/src/trigger2.js +128 -32
- package/lib/components/popper/src/trigger2.js.map +1 -1
- package/lib/components/resizable-columns/index.js +2 -2
- package/lib/components/resizable-columns/src/resizable-columns.js +20 -261
- package/lib/components/resizable-columns/src/resizable-columns.js.map +1 -1
- package/lib/components/resizable-columns/src/resizable-columns2.js +261 -20
- package/lib/components/resizable-columns/src/resizable-columns2.js.map +1 -1
- package/lib/components/result/index.js +2 -2
- package/lib/components/result/src/result.js +62 -30
- package/lib/components/result/src/result.js.map +1 -1
- package/lib/components/result/src/result2.js +30 -62
- package/lib/components/result/src/result2.js.map +1 -1
- package/lib/components/roving-focus-group/src/roving-focus-item.js +6 -3
- package/lib/components/roving-focus-group/src/roving-focus-item.js.map +1 -1
- package/lib/components/roving-focus-group/src/roving-focus-item.vue.d.ts +0 -5
- package/lib/components/row/index.js +2 -2
- package/lib/components/row/src/row.js +30 -44
- package/lib/components/row/src/row.js.map +1 -1
- package/lib/components/row/src/row2.js +44 -30
- package/lib/components/row/src/row2.js.map +1 -1
- package/lib/components/scrollbar/index.js +3 -3
- package/lib/components/scrollbar/src/bar2.js +1 -1
- package/lib/components/scrollbar/src/scrollbar.js +56 -171
- package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
- package/lib/components/scrollbar/src/scrollbar2.js +171 -56
- package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
- package/lib/components/scrollbar/src/thumb.js +11 -132
- package/lib/components/scrollbar/src/thumb.js.map +1 -1
- package/lib/components/scrollbar/src/thumb2.js +132 -11
- 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 +2 -2
- package/lib/components/skeleton/index.js +2 -2
- package/lib/components/skeleton/src/skeleton.js +48 -21
- package/lib/components/skeleton/src/skeleton.js.map +1 -1
- package/lib/components/skeleton/src/skeleton2.js +21 -48
- package/lib/components/skeleton/src/skeleton2.js.map +1 -1
- package/lib/components/slider/index.js +2 -2
- package/lib/components/slider/src/button.js +91 -20
- package/lib/components/slider/src/button.js.map +1 -1
- package/lib/components/slider/src/button2.js +20 -91
- package/lib/components/slider/src/button2.js.map +1 -1
- package/lib/components/slider/src/slider.js +98 -242
- package/lib/components/slider/src/slider.js.map +1 -1
- package/lib/components/slider/src/slider2.js +242 -98
- package/lib/components/slider/src/slider2.js.map +1 -1
- package/lib/components/statistic/index.js +2 -2
- package/lib/components/statistic/src/statistic.js +25 -69
- package/lib/components/statistic/src/statistic.js.map +1 -1
- package/lib/components/statistic/src/statistic2.js +69 -25
- package/lib/components/statistic/src/statistic2.js.map +1 -1
- package/lib/components/steps/index.js +4 -4
- package/lib/components/steps/src/item.js +19 -191
- package/lib/components/steps/src/item.js.map +1 -1
- package/lib/components/steps/src/item2.js +191 -19
- package/lib/components/steps/src/item2.js.map +1 -1
- package/lib/components/steps/src/steps.js +38 -36
- package/lib/components/steps/src/steps.js.map +1 -1
- package/lib/components/steps/src/steps2.js +36 -38
- package/lib/components/steps/src/steps2.js.map +1 -1
- package/lib/components/tabs/index.js +2 -2
- package/lib/components/tabs/src/tab-pane.js +14 -74
- package/lib/components/tabs/src/tab-pane.js.map +1 -1
- package/lib/components/tabs/src/tab-pane2.js +74 -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 +28 -102
- package/lib/components/tag/src/tag.js.map +1 -1
- package/lib/components/tag/src/tag2.js +102 -28
- 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 +8 -18
- package/lib/components/teleport/src/teleport.js.map +1 -1
- package/lib/components/teleport/src/teleport2.js +18 -8
- package/lib/components/teleport/src/teleport2.js.map +1 -1
- package/lib/components/tooltip/index.js +1 -1
- package/lib/components/tooltip/src/content.js +28 -193
- package/lib/components/tooltip/src/content.js.map +1 -1
- package/lib/components/tooltip/src/content2.js +193 -28
- package/lib/components/tooltip/src/content2.js.map +1 -1
- package/lib/components/tooltip/src/tooltip.js +3 -3
- package/lib/components/tooltip/src/tooltip2.js +2 -2
- package/lib/components/tooltip/src/trigger.js +1 -1
- package/lib/components/tooltip/src/trigger2.js +1 -1
- package/lib/components/tooltip-v2/index.js +6 -6
- package/lib/components/tooltip-v2/src/arrow.js +37 -22
- package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
- package/lib/components/tooltip-v2/src/arrow2.js +22 -37
- package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
- package/lib/components/tooltip-v2/src/content.js +48 -111
- package/lib/components/tooltip-v2/src/content.js.map +1 -1
- package/lib/components/tooltip-v2/src/content2.js +111 -48
- package/lib/components/tooltip-v2/src/content2.js.map +1 -1
- package/lib/components/tooltip-v2/src/root.js +80 -17
- package/lib/components/tooltip-v2/src/root.js.map +1 -1
- package/lib/components/tooltip-v2/src/root2.js +17 -80
- package/lib/components/tooltip-v2/src/root2.js.map +1 -1
- package/lib/components/tooltip-v2/src/tooltip.js +21 -82
- package/lib/components/tooltip-v2/src/tooltip.js.map +1 -1
- package/lib/components/tooltip-v2/src/tooltip2.js +82 -21
- package/lib/components/tooltip-v2/src/tooltip2.js.map +1 -1
- package/lib/components/tooltip-v2/src/trigger.js +90 -12
- package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
- package/lib/components/tooltip-v2/src/trigger2.js +12 -90
- package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
- package/lib/components/tour/index.js +2 -2
- package/lib/components/tour/src/step.js +46 -168
- package/lib/components/tour/src/step.js.map +1 -1
- package/lib/components/tour/src/step2.js +168 -46
- package/lib/components/tour/src/step2.js.map +1 -1
- package/lib/components/transfer/src/composables/use-check.js +1 -1
- package/lib/components/transfer/src/transfer-panel.js +21 -130
- package/lib/components/transfer/src/transfer-panel.js.map +1 -1
- package/lib/components/transfer/src/transfer-panel2.js +130 -21
- package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
- package/lib/components/transfer/src/transfer.js +1 -1
- package/lib/components/upload/index.js +3 -3
- package/lib/components/upload/src/upload-content.js +1 -1
- package/lib/components/upload/src/upload-content2.js +1 -1
- package/lib/components/upload/src/upload-list.js +176 -29
- package/lib/components/upload/src/upload-list.js.map +1 -1
- package/lib/components/upload/src/upload-list2.js +29 -176
- package/lib/components/upload/src/upload-list2.js.map +1 -1
- package/lib/components/upload/src/upload.js +125 -101
- package/lib/components/upload/src/upload.js.map +1 -1
- package/lib/components/upload/src/upload2.js +101 -125
- package/lib/components/upload/src/upload2.js.map +1 -1
- package/lib/components/upload/src/use-handlers.js +1 -1
- package/lib/index.js +44 -44
- package/package.json +1 -1
- package/web-types.json +1 -1
|
@@ -2,269 +2,28 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var constants = require('./constants.js');
|
|
7
|
-
var resizableColumns = require('./resizable-columns2.js');
|
|
8
|
-
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
9
|
-
var useGlobalConfig = require('../../config-provider/src/hooks/use-global-config.js');
|
|
10
|
-
var index = require('../../../hooks/use-namespace/index.js');
|
|
11
|
-
var index$1 = require('../../../hooks/use-ordered-children/index.js');
|
|
5
|
+
var runtime = require('../../../utils/vue/props/runtime.js');
|
|
12
6
|
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
});
|
|
32
|
-
const handleCollapse = (column) => {
|
|
33
|
-
if (!column.collapsed) {
|
|
34
|
-
for (let rIndex = column.index + 1; rIndex < columns.value.length; rIndex++) {
|
|
35
|
-
const rColumn = columns.value[rIndex];
|
|
36
|
-
if (!rColumn.collapsed) {
|
|
37
|
-
rColumn.left = rColumn.left - column.width;
|
|
38
|
-
rColumn.width = rColumn.width + column.width;
|
|
39
|
-
break;
|
|
40
|
-
} else {
|
|
41
|
-
rColumn.left = rColumn.left - column.width;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
column.collapsed = true;
|
|
45
|
-
emit("collapse", column.index);
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
const handleExpand = (column) => {
|
|
49
|
-
if (column.collapsed) {
|
|
50
|
-
column.collapsed = false;
|
|
51
|
-
const rightColumn = columns.value[column.index + 1];
|
|
52
|
-
rightColumn.left = rightColumn.left + column.width;
|
|
53
|
-
rightColumn.width = rightColumn.width > column.width + MIN_WIDTH ? rightColumn.width - column.width : MIN_WIDTH;
|
|
54
|
-
const allOtherColumns = columns.value.slice(column.index + 2);
|
|
55
|
-
const otherWidth = (parentWidth.value - rightColumn.left - rightColumn.width) / allOtherColumns.length;
|
|
56
|
-
allOtherColumns.forEach((item, index) => {
|
|
57
|
-
item.left = index * otherWidth + rightColumn.left + rightColumn.width;
|
|
58
|
-
item.width = otherWidth;
|
|
59
|
-
});
|
|
60
|
-
emit("expand", column.index);
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
const initColumnSize = () => {
|
|
64
|
-
let remainWidth = parentWidth.value;
|
|
65
|
-
const usedWidth = {};
|
|
66
|
-
columns.value.forEach((item, index) => {
|
|
67
|
-
if (item.props.width && !forEditor.value) {
|
|
68
|
-
let uWidth;
|
|
69
|
-
if (item.props.width.endsWith("px")) {
|
|
70
|
-
uWidth = Number.parseInt(item.props.width.slice(0, Math.max(0, item.props.width.length - 2)));
|
|
71
|
-
} else if (item.props.width.endsWith("%")) {
|
|
72
|
-
uWidth = Number.parseInt(item.props.width.slice(0, Math.max(0, item.props.width.length - 1))) / 100 * parentWidth.value;
|
|
73
|
-
}
|
|
74
|
-
if (uWidth > 0) {
|
|
75
|
-
usedWidth[String(index)] = uWidth;
|
|
76
|
-
remainWidth -= uWidth;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
|
-
let passedWidth = 0;
|
|
81
|
-
columns.value.forEach((item, index) => {
|
|
82
|
-
if (item.props.maxWidth) {
|
|
83
|
-
if (item.props.maxWidth.endsWith("px")) {
|
|
84
|
-
item.maxWidth = Number.parseInt(item.props.maxWidth.slice(0, Math.max(0, item.props.maxWidth.length - 2)));
|
|
85
|
-
} else if (item.props.maxWidth.endsWith("%")) {
|
|
86
|
-
item.maxWidth = Number.parseInt(item.props.maxWidth.slice(0, Math.max(0, item.props.maxWidth.length - 1))) / 100 * parentWidth.value;
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
item.left = passedWidth;
|
|
90
|
-
if (columns.value.length === 1) {
|
|
91
|
-
item.width = parentWidth.value;
|
|
92
|
-
} else {
|
|
93
|
-
if (usedWidth[String(index)]) {
|
|
94
|
-
item.width = usedWidth[String(index)];
|
|
95
|
-
} else {
|
|
96
|
-
item.width = remainWidth / (columns.value.length - Object.keys(usedWidth).length);
|
|
97
|
-
usedWidth[String(index)] = item.width;
|
|
98
|
-
remainWidth -= item.width;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
passedWidth += item.width;
|
|
102
|
-
item.index = index;
|
|
103
|
-
item.collapsed = false;
|
|
104
|
-
});
|
|
105
|
-
};
|
|
106
|
-
vue.provide(constants.resizableColumnsRootContextKey, {
|
|
107
|
-
props,
|
|
108
|
-
columns,
|
|
109
|
-
registerColumn,
|
|
110
|
-
unregisterColumn,
|
|
111
|
-
handleCollapse,
|
|
112
|
-
handleExpand,
|
|
113
|
-
initColumnSize
|
|
114
|
-
});
|
|
115
|
-
const resizeConfig = vue.reactive({
|
|
116
|
-
last: {
|
|
117
|
-
pos: 0,
|
|
118
|
-
index: 0
|
|
119
|
-
}
|
|
120
|
-
});
|
|
121
|
-
vue.onMounted(() => {
|
|
122
|
-
if (columnsContainer.value) {
|
|
123
|
-
const resizeObserver = new ResizeObserver((entries) => {
|
|
124
|
-
for (const entry of entries) {
|
|
125
|
-
const width = props.direction === "horizontal" ? entry.contentRect.width : entry.contentRect.height;
|
|
126
|
-
parentWidth.value = width;
|
|
127
|
-
initColumnSize();
|
|
128
|
-
}
|
|
129
|
-
});
|
|
130
|
-
resizeObserver.observe(columnsContainer.value);
|
|
131
|
-
}
|
|
132
|
-
});
|
|
133
|
-
const handleMousedown = (e) => {
|
|
134
|
-
if (forEditor.value) {
|
|
135
|
-
return;
|
|
136
|
-
}
|
|
137
|
-
const index = e.target.dataset.index;
|
|
138
|
-
if (index !== null && index !== void 0) {
|
|
139
|
-
if (columns.value[index].collapsed) {
|
|
140
|
-
return;
|
|
141
|
-
}
|
|
142
|
-
document.onselectstart = () => false;
|
|
143
|
-
document.ondragstart = () => false;
|
|
144
|
-
resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX;
|
|
145
|
-
resizeConfig.last.index = Number.parseInt(index);
|
|
146
|
-
document.addEventListener("mousemove", handleMousemove);
|
|
147
|
-
document.addEventListener("mouseup", handleMouseup);
|
|
148
|
-
}
|
|
149
|
-
};
|
|
150
|
-
const handleMousemove = (e) => {
|
|
151
|
-
const index = resizeConfig.last.index;
|
|
152
|
-
let offsetX = (isVertical.value ? e.clientY : e.clientX) - resizeConfig.last.pos;
|
|
153
|
-
let leftIndex = index;
|
|
154
|
-
while (leftIndex >= 0 && columns.value[leftIndex].width <= MIN_WIDTH) {
|
|
155
|
-
leftIndex--;
|
|
156
|
-
}
|
|
157
|
-
let rightIndex = index + 1;
|
|
158
|
-
while (rightIndex < columns.value.length && columns.value[rightIndex].width <= MIN_WIDTH) {
|
|
159
|
-
rightIndex++;
|
|
160
|
-
}
|
|
161
|
-
if (leftIndex < 0 && offsetX < 0) {
|
|
162
|
-
return;
|
|
163
|
-
}
|
|
164
|
-
if (rightIndex >= columns.value.length && offsetX > 0) {
|
|
165
|
-
return;
|
|
166
|
-
}
|
|
167
|
-
if (offsetX < 0) {
|
|
168
|
-
const newLeftWidth = columns.value[leftIndex].width + offsetX;
|
|
169
|
-
const newRightWidth = columns.value[leftIndex + 1].width - offsetX;
|
|
170
|
-
const rightMaxWidth = columns.value[leftIndex + 1].maxWidth;
|
|
171
|
-
if (newLeftWidth <= MIN_WIDTH) {
|
|
172
|
-
offsetX = MIN_WIDTH - columns.value[leftIndex].width;
|
|
173
|
-
columns.value[leftIndex].width = MIN_WIDTH;
|
|
174
|
-
} else if (rightMaxWidth > 0 && newRightWidth > rightMaxWidth) {
|
|
175
|
-
offsetX = rightMaxWidth - columns.value[leftIndex + 1].width;
|
|
176
|
-
columns.value[leftIndex].width = columns.value[leftIndex].width + offsetX;
|
|
177
|
-
} else {
|
|
178
|
-
columns.value[leftIndex].width = newLeftWidth;
|
|
179
|
-
}
|
|
180
|
-
for (let i = index; i > leftIndex; i--) {
|
|
181
|
-
columns.value[i].left = columns.value[i].left + offsetX;
|
|
182
|
-
}
|
|
183
|
-
columns.value[index + 1].width = columns.value[index + 1].width - offsetX;
|
|
184
|
-
columns.value[index + 1].left = columns.value[index + 1].left + offsetX;
|
|
185
|
-
resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX;
|
|
186
|
-
} else if (offsetX > 0) {
|
|
187
|
-
const newRightWidth = columns.value[rightIndex].width - offsetX;
|
|
188
|
-
const newLeftWidth = columns.value[rightIndex - 1].width + offsetX;
|
|
189
|
-
const leftMaxWidth = columns.value[rightIndex - 1].maxWidth;
|
|
190
|
-
if (newRightWidth <= MIN_WIDTH) {
|
|
191
|
-
offsetX = columns.value[rightIndex].width - MIN_WIDTH;
|
|
192
|
-
columns.value[rightIndex].width = MIN_WIDTH;
|
|
193
|
-
} else if (leftMaxWidth > 0 && newLeftWidth > leftMaxWidth) {
|
|
194
|
-
offsetX = leftMaxWidth - columns.value[rightIndex - 1].width;
|
|
195
|
-
columns.value[rightIndex].width = columns.value[rightIndex].width - offsetX;
|
|
196
|
-
} else {
|
|
197
|
-
columns.value[rightIndex].width = newRightWidth;
|
|
198
|
-
}
|
|
199
|
-
for (let i = index + 1; i <= rightIndex; i++) {
|
|
200
|
-
columns.value[i].left = columns.value[i].left + offsetX;
|
|
201
|
-
}
|
|
202
|
-
columns.value[index].width = columns.value[index].width + offsetX;
|
|
203
|
-
resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX;
|
|
204
|
-
}
|
|
205
|
-
};
|
|
206
|
-
const handleMouseup = () => {
|
|
207
|
-
document.onselectstart = null;
|
|
208
|
-
document.ondragstart = null;
|
|
209
|
-
document.removeEventListener("mousemove", handleMousemove);
|
|
210
|
-
document.removeEventListener("mousemove", handleMouseup);
|
|
211
|
-
};
|
|
212
|
-
const setColumnWidth = (columnIndex, width) => {
|
|
213
|
-
setTimeout(() => {
|
|
214
|
-
let remainWidth = parentWidth.value;
|
|
215
|
-
columns.value.forEach((item, index) => {
|
|
216
|
-
if (columnIndex === index) {
|
|
217
|
-
if (width.endsWith("px")) {
|
|
218
|
-
item.width = Number.parseInt(width.slice(0, Math.max(0, width.length - 2)));
|
|
219
|
-
} else if (width && width.endsWith("%")) {
|
|
220
|
-
item.width = Number.parseInt(width.slice(0, Math.max(0, width.length - 1))) / 100 * parentWidth.value;
|
|
221
|
-
} else {
|
|
222
|
-
item.width = remainWidth / (columns.value.length - index);
|
|
223
|
-
}
|
|
224
|
-
} else {
|
|
225
|
-
item.width = remainWidth / (columns.value.length - index);
|
|
226
|
-
}
|
|
227
|
-
item.left = parentWidth.value - remainWidth;
|
|
228
|
-
remainWidth -= item.width;
|
|
229
|
-
});
|
|
230
|
-
});
|
|
231
|
-
};
|
|
232
|
-
const toggleColumnCollapse = (columnIndex, collapse) => {
|
|
233
|
-
setTimeout(() => {
|
|
234
|
-
if (columnIndex >= 0 && columnIndex < columns.value.length - 1) {
|
|
235
|
-
const column = columns.value[columnIndex];
|
|
236
|
-
if (column) {
|
|
237
|
-
const toCol = collapse !== void 0 ? collapse : !column.collapsed;
|
|
238
|
-
if (toCol) {
|
|
239
|
-
handleCollapse(column);
|
|
240
|
-
} else {
|
|
241
|
-
handleExpand(column);
|
|
242
|
-
}
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
});
|
|
246
|
-
};
|
|
247
|
-
return {
|
|
248
|
-
ns,
|
|
249
|
-
columnsContainer,
|
|
250
|
-
columnsKls,
|
|
251
|
-
handleMousedown,
|
|
252
|
-
setColumnWidth,
|
|
253
|
-
toggleColumnCollapse
|
|
254
|
-
};
|
|
7
|
+
const resizableColumnsProps = runtime.buildProps({
|
|
8
|
+
collapsable: {
|
|
9
|
+
type: Boolean,
|
|
10
|
+
default: true
|
|
11
|
+
},
|
|
12
|
+
showCollapse: {
|
|
13
|
+
type: Boolean,
|
|
14
|
+
default: true
|
|
15
|
+
},
|
|
16
|
+
widget: String,
|
|
17
|
+
minWidth: {
|
|
18
|
+
type: Number,
|
|
19
|
+
default: 50
|
|
20
|
+
},
|
|
21
|
+
direction: {
|
|
22
|
+
type: String,
|
|
23
|
+
values: ["horizontal", "vertical"],
|
|
24
|
+
default: "horizontal"
|
|
255
25
|
}
|
|
256
26
|
});
|
|
257
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
258
|
-
return vue.openBlock(), vue.createElementBlock("div", {
|
|
259
|
-
ref: "columnsContainer",
|
|
260
|
-
class: vue.normalizeClass(_ctx.columnsKls),
|
|
261
|
-
widget: _ctx.widget,
|
|
262
|
-
onMousedown: _ctx.handleMousedown
|
|
263
|
-
}, [
|
|
264
|
-
vue.renderSlot(_ctx.$slots, "default")
|
|
265
|
-
], 42, ["widget", "onMousedown"]);
|
|
266
|
-
}
|
|
267
|
-
var ResizableColumns = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "resizable-columns.vue"]]);
|
|
268
27
|
|
|
269
|
-
exports
|
|
28
|
+
exports.resizableColumnsProps = resizableColumnsProps;
|
|
270
29
|
//# sourceMappingURL=resizable-columns.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizable-columns.js","sources":["../../../../../../packages/components/resizable-columns/src/resizable-columns.vue"],"sourcesContent":["<template>\n <div\n ref=\"columnsContainer\"\n :class=\"columnsKls\"\n :widget=\"widget\"\n @mousedown=\"handleMousedown\"\n >\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n getCurrentInstance,\n onMounted,\n provide,\n reactive,\n ref\n} from 'vue'\nimport { useNamespace, useOrderedChildren } from '../../../hooks'\nimport { resizableColumnsRootContextKey } from './constants'\nimport { resizableColumnsProps } from './resizable-columns'\nimport type { ResizableColumnContext } from './constants'\nimport { useGlobalConfig } from '../../config-provider'\n\nexport default defineComponent({\n name: 'ElResizableColumns',\n props: resizableColumnsProps,\n emits: ['collapse', 'expand'],\n setup(props, { emit }) {\n const forEditor = useGlobalConfig('forEditor')\n const ns = useNamespace('resizable-columns')\n const MIN_WIDTH = props.minWidth > 0 ? props.minWidth : 50\n const columnsContainer = ref(null)\n const parentWidth = ref(0)\n\n const {\n children: columns,\n addChild: registerColumn,\n removeChild: unregisterColumn,\n } = useOrderedChildren<ResizableColumnContext>(\n getCurrentInstance()!,\n 'ElResizableColumn'\n )\n\n const isVertical = computed(() => props.direction === 'vertical')\n const columnsKls = computed(() => {\n return [ns.b(), props.direction === 'vertical' ? 'is-vertical' : 'is-horizontal']\n })\n\n const handleCollapse = (column: ResizableColumnContext) => {\n if (!column.collapsed) {\n for (let rIndex = column.index! + 1; rIndex < columns.value.length; rIndex++) {\n const rColumn = columns.value[rIndex]\n if (!rColumn.collapsed) {\n rColumn.left = rColumn.left! - column.width!\n rColumn.width = rColumn.width! + column.width!\n break\n } else {\n rColumn.left = rColumn.left! - column.width!\n }\n }\n\n column.collapsed = true\n emit('collapse', column.index)\n }\n }\n const handleExpand = (column: ResizableColumnContext) => {\n if (column.collapsed) {\n column.collapsed = false\n const rightColumn = columns.value[column.index! + 1]\n rightColumn.left = rightColumn.left! + column.width!\n rightColumn.width = rightColumn.width! > column.width! + MIN_WIDTH ? rightColumn.width! - column.width! : MIN_WIDTH\n\n const allOtherColumns = columns.value.slice(column.index! + 2)\n const otherWidth = (parentWidth.value! - rightColumn.left! - rightColumn.width!) / allOtherColumns.length\n allOtherColumns.forEach((item, index) => {\n item.left = index * otherWidth + rightColumn.left! + rightColumn.width!\n item.width = otherWidth\n })\n\n emit('expand', column.index)\n }\n }\n\n const initColumnSize = () => {\n let remainWidth = parentWidth.value\n const usedWidth = {} as any\n columns.value.forEach((item, index) => {\n if (item.props.width && !forEditor.value) {\n let uWidth: any\n if (item.props.width.endsWith('px')) {\n uWidth = Number.parseInt(\n item.props.width.slice(0, Math.max(0, item.props.width.length - 2))\n )\n } else if (item.props.width.endsWith('%')) {\n uWidth =\n (Number.parseInt(\n item.props.width.slice(\n 0,\n Math.max(0, item.props.width.length - 1)\n )\n ) /\n 100) *\n parentWidth.value\n }\n if (uWidth > 0) {\n usedWidth[String(index)] = uWidth\n remainWidth -= uWidth as any\n }\n }\n })\n\n let passedWidth = 0\n columns.value.forEach((item, index) => {\n if (item.props.maxWidth) {\n if (item.props.maxWidth.endsWith('px')) {\n item.maxWidth = Number.parseInt(\n item.props.maxWidth.slice(\n 0,\n Math.max(0, item.props.maxWidth.length - 2)\n )\n )\n } else if (item.props.maxWidth.endsWith('%')) {\n item.maxWidth =\n (Number.parseInt(\n item.props.maxWidth.slice(\n 0,\n Math.max(0, item.props.maxWidth.length - 1)\n )\n ) /\n 100) *\n parentWidth.value\n }\n }\n\n item.left = passedWidth\n if (columns.value.length === 1) {\n item.width = parentWidth.value\n } else {\n if (usedWidth[String(index)]) {\n item.width = usedWidth[String(index)]\n } else {\n item.width = remainWidth / (columns.value.length - Object.keys(usedWidth).length)\n usedWidth[String(index)] = item.width\n remainWidth -= item.width\n }\n }\n passedWidth += item.width!\n item.index = index\n item.collapsed = false\n })\n }\n\n provide(resizableColumnsRootContextKey, {\n props,\n columns,\n registerColumn,\n unregisterColumn,\n handleCollapse,\n handleExpand,\n initColumnSize\n })\n\n const resizeConfig = reactive({\n last: {\n pos: 0, // 上一次鼠标位置\n index: 0, // 上一个调整宽度的resizer的序号\n },\n })\n\n onMounted(() => {\n // 初始化layout参数\n if (columnsContainer.value) {\n // 监听外层容器 dom resize,更新layout中每个panel的width和left\n const resizeObserver = new ResizeObserver((entries) => {\n for (const entry of entries) {\n const width = props.direction === 'horizontal' ? entry.contentRect.width : entry.contentRect.height\n parentWidth.value = width\n initColumnSize()\n }\n })\n resizeObserver.observe(columnsContainer.value)\n }\n })\n\n const handleMousedown = (e: any) => {\n if (forEditor.value) {\n return\n }\n const index = e.target.dataset.index\n if (index !== null && index !== undefined) {\n if (columns.value[index].collapsed) {\n return\n }\n\n // 禁止文字选择\n document.onselectstart = () => false\n // 禁止元素拖拽\n document.ondragstart = () => false\n resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX\n resizeConfig.last.index = Number.parseInt(index)\n document.addEventListener('mousemove', handleMousemove)\n document.addEventListener('mouseup', handleMouseup)\n }\n }\n\n const handleMousemove = (e: any) => {\n // 当前resizer的序号\n const index = resizeConfig.last.index\n let offsetX = (isVertical.value ? e.clientY : e.clientX) - resizeConfig.last.pos\n // 找到左边可以调整宽度的panel\n let leftIndex = index\n while (leftIndex >= 0 && columns.value[leftIndex].width! <= MIN_WIDTH) {\n leftIndex--\n }\n let rightIndex = index + 1\n while (\n rightIndex < columns.value.length &&\n columns.value[rightIndex].width! <= MIN_WIDTH\n ) {\n rightIndex++\n }\n // 当左侧panel全部已经最小化则暂停\n if (leftIndex < 0 && offsetX < 0) {\n return\n }\n // 当右侧panel全部已经最小化则暂停\n if (rightIndex >= columns.value.length && offsetX > 0) {\n return\n }\n if (offsetX < 0) {\n // resizer左侧panel宽度\n const newLeftWidth = columns.value[leftIndex].width! + offsetX\n const newRightWidth = columns.value[leftIndex + 1].width! - offsetX\n const rightMaxWidth = columns.value[leftIndex + 1].maxWidth\n\n if (newLeftWidth <= MIN_WIDTH) {\n offsetX = MIN_WIDTH - columns.value[leftIndex].width!\n columns.value[leftIndex].width = MIN_WIDTH\n } else if (rightMaxWidth > 0 && newRightWidth > rightMaxWidth) {\n offsetX = rightMaxWidth - columns.value[leftIndex + 1].width!\n columns.value[leftIndex].width =\n columns.value[leftIndex].width! + offsetX\n } else {\n columns.value[leftIndex].width = newLeftWidth\n }\n\n // 修改被折叠的中间panel(最小宽度)的位置,要放在修改offset的语句后面\n for (let i = index; i > leftIndex; i--) {\n columns.value[i].left = columns.value[i].left! + offsetX\n }\n columns.value[index + 1].width =\n columns.value[index + 1].width! - offsetX\n columns.value[index + 1].left = columns.value[index + 1].left! + offsetX\n resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX\n } else if (offsetX > 0) {\n // resizer右侧panel宽度\n const newRightWidth = columns.value[rightIndex].width! - offsetX\n const newLeftWidth = columns.value[rightIndex - 1].width! + offsetX\n const leftMaxWidth = columns.value[rightIndex - 1].maxWidth\n\n if (newRightWidth <= MIN_WIDTH) {\n // 要和上面反过来,因为这边的offset要是>0的\n offsetX = columns.value[rightIndex].width! - MIN_WIDTH\n columns.value[rightIndex].width = MIN_WIDTH\n } else if (leftMaxWidth > 0 && newLeftWidth > leftMaxWidth) {\n offsetX = leftMaxWidth - columns.value[rightIndex - 1].width!\n columns.value[rightIndex].width =\n columns.value[rightIndex].width! - offsetX\n } else {\n columns.value[rightIndex].width = newRightWidth\n }\n // 修改被折叠的中间panel(最小宽度)的位置\n for (let i = index + 1; i <= rightIndex; i++) {\n columns.value[i].left = columns.value[i].left! + offsetX\n }\n columns.value[index].width = columns.value[index].width! + offsetX\n resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX\n }\n }\n\n const handleMouseup = () => {\n // 允许文字选择\n document.onselectstart = null\n // 允许元素拖拽\n document.ondragstart = null\n document.removeEventListener('mousemove', handleMousemove)\n document.removeEventListener('mousemove', handleMouseup)\n }\n\n const setColumnWidth = (columnIndex: number, width: string) => {\n setTimeout(() => {\n let remainWidth = parentWidth.value\n columns.value.forEach((item, index) => {\n if (columnIndex === index) {\n if (width.endsWith('px')) {\n item.width = Number.parseInt(\n width.slice(0, Math.max(0, width.length - 2))\n )\n } else if (width && width.endsWith('%')) {\n item.width =\n (Number.parseInt(width.slice(0, Math.max(0, width.length - 1))) /\n 100) *\n parentWidth.value\n } else {\n item.width = remainWidth / (columns.value.length - index)\n }\n } else {\n item.width = remainWidth / (columns.value.length - index)\n }\n\n item.left = parentWidth.value - remainWidth\n remainWidth -= item.width\n })\n })\n }\n\n const toggleColumnCollapse = (columnIndex: number, collapse?: boolean) => {\n setTimeout(() => {\n if (columnIndex >= 0 && columnIndex < columns.value.length - 1) {\n const column = columns.value[columnIndex]\n if (column) {\n const toCol = collapse !== undefined ? collapse : !column.collapsed\n if (toCol) {\n handleCollapse(column)\n } else {\n handleExpand(column)\n }\n }\n }\n })\n }\n\n return {\n ns,\n columnsContainer,\n columnsKls,\n\n handleMousedown,\n setColumnWidth,\n toggleColumnCollapse,\n }\n },\n})\n</script>\n"],"names":["defineComponent","resizableColumnsProps","useGlobalConfig","useNamespace","ref","useOrderedChildren","getCurrentInstance","computed","provide","resizableColumnsRootContextKey","reactive","onMounted","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_export_sfc"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"resizable-columns.js","sources":["../../../../../../packages/components/resizable-columns/src/resizable-columns.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type ResizableColumns from './resizable-columns.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const resizableColumnsProps = buildProps({\n collapsable: {\n type: Boolean,\n default: true\n },\n showCollapse: {\n type: Boolean,\n default: true\n },\n widget: String,\n minWidth: {\n type: Number,\n default: 50\n },\n direction: {\n type: String,\n values: ['horizontal', 'vertical'],\n default: 'horizontal'\n },\n} as const)\nexport type ResizableColumnsProps = ExtractPropTypes<typeof resizableColumnsProps>\nexport type ResizableColumnsInstance = InstanceType<typeof ResizableColumns>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,qBAAqB,GAAGA,kBAAU,CAAC;AAChD,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,CAAC;;;;"}
|
|
@@ -2,28 +2,269 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
var constants = require('./constants.js');
|
|
7
|
+
var resizableColumns = require('./resizable-columns.js');
|
|
8
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
9
|
+
var useGlobalConfig = require('../../config-provider/src/hooks/use-global-config.js');
|
|
10
|
+
var index = require('../../../hooks/use-namespace/index.js');
|
|
11
|
+
var index$1 = require('../../../hooks/use-ordered-children/index.js');
|
|
6
12
|
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
13
|
+
const _sfc_main = vue.defineComponent({
|
|
14
|
+
name: "ElResizableColumns",
|
|
15
|
+
props: resizableColumns.resizableColumnsProps,
|
|
16
|
+
emits: ["collapse", "expand"],
|
|
17
|
+
setup(props, { emit }) {
|
|
18
|
+
const forEditor = useGlobalConfig.useGlobalConfig("forEditor");
|
|
19
|
+
const ns = index.useNamespace("resizable-columns");
|
|
20
|
+
const MIN_WIDTH = props.minWidth > 0 ? props.minWidth : 50;
|
|
21
|
+
const columnsContainer = vue.ref(null);
|
|
22
|
+
const parentWidth = vue.ref(0);
|
|
23
|
+
const {
|
|
24
|
+
children: columns,
|
|
25
|
+
addChild: registerColumn,
|
|
26
|
+
removeChild: unregisterColumn
|
|
27
|
+
} = index$1.useOrderedChildren(vue.getCurrentInstance(), "ElResizableColumn");
|
|
28
|
+
const isVertical = vue.computed(() => props.direction === "vertical");
|
|
29
|
+
const columnsKls = vue.computed(() => {
|
|
30
|
+
return [ns.b(), props.direction === "vertical" ? "is-vertical" : "is-horizontal"];
|
|
31
|
+
});
|
|
32
|
+
const handleCollapse = (column) => {
|
|
33
|
+
if (!column.collapsed) {
|
|
34
|
+
for (let rIndex = column.index + 1; rIndex < columns.value.length; rIndex++) {
|
|
35
|
+
const rColumn = columns.value[rIndex];
|
|
36
|
+
if (!rColumn.collapsed) {
|
|
37
|
+
rColumn.left = rColumn.left - column.width;
|
|
38
|
+
rColumn.width = rColumn.width + column.width;
|
|
39
|
+
break;
|
|
40
|
+
} else {
|
|
41
|
+
rColumn.left = rColumn.left - column.width;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
column.collapsed = true;
|
|
45
|
+
emit("collapse", column.index);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
const handleExpand = (column) => {
|
|
49
|
+
if (column.collapsed) {
|
|
50
|
+
column.collapsed = false;
|
|
51
|
+
const rightColumn = columns.value[column.index + 1];
|
|
52
|
+
rightColumn.left = rightColumn.left + column.width;
|
|
53
|
+
rightColumn.width = rightColumn.width > column.width + MIN_WIDTH ? rightColumn.width - column.width : MIN_WIDTH;
|
|
54
|
+
const allOtherColumns = columns.value.slice(column.index + 2);
|
|
55
|
+
const otherWidth = (parentWidth.value - rightColumn.left - rightColumn.width) / allOtherColumns.length;
|
|
56
|
+
allOtherColumns.forEach((item, index) => {
|
|
57
|
+
item.left = index * otherWidth + rightColumn.left + rightColumn.width;
|
|
58
|
+
item.width = otherWidth;
|
|
59
|
+
});
|
|
60
|
+
emit("expand", column.index);
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
const initColumnSize = () => {
|
|
64
|
+
let remainWidth = parentWidth.value;
|
|
65
|
+
const usedWidth = {};
|
|
66
|
+
columns.value.forEach((item, index) => {
|
|
67
|
+
if (item.props.width && !forEditor.value) {
|
|
68
|
+
let uWidth;
|
|
69
|
+
if (item.props.width.endsWith("px")) {
|
|
70
|
+
uWidth = Number.parseInt(item.props.width.slice(0, Math.max(0, item.props.width.length - 2)));
|
|
71
|
+
} else if (item.props.width.endsWith("%")) {
|
|
72
|
+
uWidth = Number.parseInt(item.props.width.slice(0, Math.max(0, item.props.width.length - 1))) / 100 * parentWidth.value;
|
|
73
|
+
}
|
|
74
|
+
if (uWidth > 0) {
|
|
75
|
+
usedWidth[String(index)] = uWidth;
|
|
76
|
+
remainWidth -= uWidth;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
let passedWidth = 0;
|
|
81
|
+
columns.value.forEach((item, index) => {
|
|
82
|
+
if (item.props.maxWidth) {
|
|
83
|
+
if (item.props.maxWidth.endsWith("px")) {
|
|
84
|
+
item.maxWidth = Number.parseInt(item.props.maxWidth.slice(0, Math.max(0, item.props.maxWidth.length - 2)));
|
|
85
|
+
} else if (item.props.maxWidth.endsWith("%")) {
|
|
86
|
+
item.maxWidth = Number.parseInt(item.props.maxWidth.slice(0, Math.max(0, item.props.maxWidth.length - 1))) / 100 * parentWidth.value;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
item.left = passedWidth;
|
|
90
|
+
if (columns.value.length === 1) {
|
|
91
|
+
item.width = parentWidth.value;
|
|
92
|
+
} else {
|
|
93
|
+
if (usedWidth[String(index)]) {
|
|
94
|
+
item.width = usedWidth[String(index)];
|
|
95
|
+
} else {
|
|
96
|
+
item.width = remainWidth / (columns.value.length - Object.keys(usedWidth).length);
|
|
97
|
+
usedWidth[String(index)] = item.width;
|
|
98
|
+
remainWidth -= item.width;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
passedWidth += item.width;
|
|
102
|
+
item.index = index;
|
|
103
|
+
item.collapsed = false;
|
|
104
|
+
});
|
|
105
|
+
};
|
|
106
|
+
vue.provide(constants.resizableColumnsRootContextKey, {
|
|
107
|
+
props,
|
|
108
|
+
columns,
|
|
109
|
+
registerColumn,
|
|
110
|
+
unregisterColumn,
|
|
111
|
+
handleCollapse,
|
|
112
|
+
handleExpand,
|
|
113
|
+
initColumnSize
|
|
114
|
+
});
|
|
115
|
+
const resizeConfig = vue.reactive({
|
|
116
|
+
last: {
|
|
117
|
+
pos: 0,
|
|
118
|
+
index: 0
|
|
119
|
+
}
|
|
120
|
+
});
|
|
121
|
+
vue.onMounted(() => {
|
|
122
|
+
if (columnsContainer.value) {
|
|
123
|
+
const resizeObserver = new ResizeObserver((entries) => {
|
|
124
|
+
for (const entry of entries) {
|
|
125
|
+
const width = props.direction === "horizontal" ? entry.contentRect.width : entry.contentRect.height;
|
|
126
|
+
parentWidth.value = width;
|
|
127
|
+
initColumnSize();
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
resizeObserver.observe(columnsContainer.value);
|
|
131
|
+
}
|
|
132
|
+
});
|
|
133
|
+
const handleMousedown = (e) => {
|
|
134
|
+
if (forEditor.value) {
|
|
135
|
+
return;
|
|
136
|
+
}
|
|
137
|
+
const index = e.target.dataset.index;
|
|
138
|
+
if (index !== null && index !== void 0) {
|
|
139
|
+
if (columns.value[index].collapsed) {
|
|
140
|
+
return;
|
|
141
|
+
}
|
|
142
|
+
document.onselectstart = () => false;
|
|
143
|
+
document.ondragstart = () => false;
|
|
144
|
+
resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX;
|
|
145
|
+
resizeConfig.last.index = Number.parseInt(index);
|
|
146
|
+
document.addEventListener("mousemove", handleMousemove);
|
|
147
|
+
document.addEventListener("mouseup", handleMouseup);
|
|
148
|
+
}
|
|
149
|
+
};
|
|
150
|
+
const handleMousemove = (e) => {
|
|
151
|
+
const index = resizeConfig.last.index;
|
|
152
|
+
let offsetX = (isVertical.value ? e.clientY : e.clientX) - resizeConfig.last.pos;
|
|
153
|
+
let leftIndex = index;
|
|
154
|
+
while (leftIndex >= 0 && columns.value[leftIndex].width <= MIN_WIDTH) {
|
|
155
|
+
leftIndex--;
|
|
156
|
+
}
|
|
157
|
+
let rightIndex = index + 1;
|
|
158
|
+
while (rightIndex < columns.value.length && columns.value[rightIndex].width <= MIN_WIDTH) {
|
|
159
|
+
rightIndex++;
|
|
160
|
+
}
|
|
161
|
+
if (leftIndex < 0 && offsetX < 0) {
|
|
162
|
+
return;
|
|
163
|
+
}
|
|
164
|
+
if (rightIndex >= columns.value.length && offsetX > 0) {
|
|
165
|
+
return;
|
|
166
|
+
}
|
|
167
|
+
if (offsetX < 0) {
|
|
168
|
+
const newLeftWidth = columns.value[leftIndex].width + offsetX;
|
|
169
|
+
const newRightWidth = columns.value[leftIndex + 1].width - offsetX;
|
|
170
|
+
const rightMaxWidth = columns.value[leftIndex + 1].maxWidth;
|
|
171
|
+
if (newLeftWidth <= MIN_WIDTH) {
|
|
172
|
+
offsetX = MIN_WIDTH - columns.value[leftIndex].width;
|
|
173
|
+
columns.value[leftIndex].width = MIN_WIDTH;
|
|
174
|
+
} else if (rightMaxWidth > 0 && newRightWidth > rightMaxWidth) {
|
|
175
|
+
offsetX = rightMaxWidth - columns.value[leftIndex + 1].width;
|
|
176
|
+
columns.value[leftIndex].width = columns.value[leftIndex].width + offsetX;
|
|
177
|
+
} else {
|
|
178
|
+
columns.value[leftIndex].width = newLeftWidth;
|
|
179
|
+
}
|
|
180
|
+
for (let i = index; i > leftIndex; i--) {
|
|
181
|
+
columns.value[i].left = columns.value[i].left + offsetX;
|
|
182
|
+
}
|
|
183
|
+
columns.value[index + 1].width = columns.value[index + 1].width - offsetX;
|
|
184
|
+
columns.value[index + 1].left = columns.value[index + 1].left + offsetX;
|
|
185
|
+
resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX;
|
|
186
|
+
} else if (offsetX > 0) {
|
|
187
|
+
const newRightWidth = columns.value[rightIndex].width - offsetX;
|
|
188
|
+
const newLeftWidth = columns.value[rightIndex - 1].width + offsetX;
|
|
189
|
+
const leftMaxWidth = columns.value[rightIndex - 1].maxWidth;
|
|
190
|
+
if (newRightWidth <= MIN_WIDTH) {
|
|
191
|
+
offsetX = columns.value[rightIndex].width - MIN_WIDTH;
|
|
192
|
+
columns.value[rightIndex].width = MIN_WIDTH;
|
|
193
|
+
} else if (leftMaxWidth > 0 && newLeftWidth > leftMaxWidth) {
|
|
194
|
+
offsetX = leftMaxWidth - columns.value[rightIndex - 1].width;
|
|
195
|
+
columns.value[rightIndex].width = columns.value[rightIndex].width - offsetX;
|
|
196
|
+
} else {
|
|
197
|
+
columns.value[rightIndex].width = newRightWidth;
|
|
198
|
+
}
|
|
199
|
+
for (let i = index + 1; i <= rightIndex; i++) {
|
|
200
|
+
columns.value[i].left = columns.value[i].left + offsetX;
|
|
201
|
+
}
|
|
202
|
+
columns.value[index].width = columns.value[index].width + offsetX;
|
|
203
|
+
resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX;
|
|
204
|
+
}
|
|
205
|
+
};
|
|
206
|
+
const handleMouseup = () => {
|
|
207
|
+
document.onselectstart = null;
|
|
208
|
+
document.ondragstart = null;
|
|
209
|
+
document.removeEventListener("mousemove", handleMousemove);
|
|
210
|
+
document.removeEventListener("mousemove", handleMouseup);
|
|
211
|
+
};
|
|
212
|
+
const setColumnWidth = (columnIndex, width) => {
|
|
213
|
+
setTimeout(() => {
|
|
214
|
+
let remainWidth = parentWidth.value;
|
|
215
|
+
columns.value.forEach((item, index) => {
|
|
216
|
+
if (columnIndex === index) {
|
|
217
|
+
if (width.endsWith("px")) {
|
|
218
|
+
item.width = Number.parseInt(width.slice(0, Math.max(0, width.length - 2)));
|
|
219
|
+
} else if (width && width.endsWith("%")) {
|
|
220
|
+
item.width = Number.parseInt(width.slice(0, Math.max(0, width.length - 1))) / 100 * parentWidth.value;
|
|
221
|
+
} else {
|
|
222
|
+
item.width = remainWidth / (columns.value.length - index);
|
|
223
|
+
}
|
|
224
|
+
} else {
|
|
225
|
+
item.width = remainWidth / (columns.value.length - index);
|
|
226
|
+
}
|
|
227
|
+
item.left = parentWidth.value - remainWidth;
|
|
228
|
+
remainWidth -= item.width;
|
|
229
|
+
});
|
|
230
|
+
});
|
|
231
|
+
};
|
|
232
|
+
const toggleColumnCollapse = (columnIndex, collapse) => {
|
|
233
|
+
setTimeout(() => {
|
|
234
|
+
if (columnIndex >= 0 && columnIndex < columns.value.length - 1) {
|
|
235
|
+
const column = columns.value[columnIndex];
|
|
236
|
+
if (column) {
|
|
237
|
+
const toCol = collapse !== void 0 ? collapse : !column.collapsed;
|
|
238
|
+
if (toCol) {
|
|
239
|
+
handleCollapse(column);
|
|
240
|
+
} else {
|
|
241
|
+
handleExpand(column);
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
});
|
|
246
|
+
};
|
|
247
|
+
return {
|
|
248
|
+
ns,
|
|
249
|
+
columnsContainer,
|
|
250
|
+
columnsKls,
|
|
251
|
+
handleMousedown,
|
|
252
|
+
setColumnWidth,
|
|
253
|
+
toggleColumnCollapse
|
|
254
|
+
};
|
|
25
255
|
}
|
|
26
256
|
});
|
|
257
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
258
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
259
|
+
ref: "columnsContainer",
|
|
260
|
+
class: vue.normalizeClass(_ctx.columnsKls),
|
|
261
|
+
widget: _ctx.widget,
|
|
262
|
+
onMousedown: _ctx.handleMousedown
|
|
263
|
+
}, [
|
|
264
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
265
|
+
], 42, ["widget", "onMousedown"]);
|
|
266
|
+
}
|
|
267
|
+
var ResizableColumns = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "resizable-columns.vue"]]);
|
|
27
268
|
|
|
28
|
-
exports
|
|
269
|
+
exports["default"] = ResizableColumns;
|
|
29
270
|
//# sourceMappingURL=resizable-columns2.js.map
|