vue-devui 1.6.18 → 1.6.19
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/action-timeline/index.umd.js +1 -1
- package/alert/index.umd.js +1 -1
- package/auto-complete/index.es.js +161 -107
- package/auto-complete/index.umd.js +35 -20
- package/auto-complete/style.css +1 -1
- package/avatar/index.umd.js +3 -3
- package/badge/index.umd.js +1 -1
- package/breadcrumb/index.es.js +98 -91
- package/breadcrumb/index.umd.js +5 -1
- package/button/index.es.js +56 -46
- package/button/index.umd.js +9 -9
- package/card/index.umd.js +1 -1
- package/carousel/index.umd.js +1 -1
- package/category-search/index.es.js +335 -224
- package/category-search/index.umd.js +39 -24
- package/category-search/style.css +1 -1
- package/checkbox/index.es.js +170 -108
- package/checkbox/index.umd.js +32 -17
- package/code-editor/index.es.js +83 -62
- package/code-editor/index.umd.js +9 -9
- package/code-review/index.es.js +92 -68
- package/code-review/index.umd.js +23 -19
- package/code-review/style.css +1 -1
- package/collapse/index.es.js +3 -21
- package/collapse/index.umd.js +2 -2
- package/countdown/index.umd.js +1 -1
- package/data-grid/index.es.js +339 -220
- package/data-grid/index.umd.js +31 -16
- package/date-picker-pro/index.es.js +490 -313
- package/date-picker-pro/index.umd.js +35 -20
- package/dragdrop/index.umd.js +1 -1
- package/dragdrop-new/index.es.js +499 -555
- package/dragdrop-new/index.umd.js +3 -16
- package/drawer/index.es.js +15 -25
- package/drawer/index.umd.js +1 -1
- package/dropdown/index.es.js +98 -91
- package/dropdown/index.umd.js +5 -1
- package/echarts/index.es.js +12 -27
- package/echarts/index.umd.js +1 -1
- package/editable-select/index.es.js +104 -79
- package/editable-select/index.umd.js +10 -10
- package/editor-md/index.es.js +341 -262
- package/editor-md/index.umd.js +47 -43
- package/form/index.es.js +146 -94
- package/form/index.umd.js +27 -12
- package/fullscreen/index.umd.js +1 -1
- package/git-graph/index.es.js +96 -90
- package/git-graph/index.umd.js +14 -14
- package/grid/index.es.js +7 -20
- package/grid/index.umd.js +1 -1
- package/icon/index.umd.js +1 -1
- package/image-preview/index.es.js +12 -23
- package/image-preview/index.umd.js +5 -5
- package/input/index.es.js +148 -96
- package/input/index.umd.js +30 -15
- package/input-number/index.es.js +154 -98
- package/input-number/index.umd.js +35 -20
- package/layout/index.umd.js +1 -1
- package/loading/index.es.js +19 -38
- package/loading/index.umd.js +1 -1
- package/mention/index.es.js +143 -89
- package/mention/index.umd.js +33 -18
- package/menu/index.es.js +0 -7
- package/menu/index.umd.js +2 -2
- package/message/index.es.js +34 -34
- package/message/index.umd.js +5 -1
- package/modal/index.es.js +50 -70
- package/modal/index.umd.js +2 -2
- package/notification/index.es.js +13 -27
- package/notification/index.umd.js +3 -3
- package/overlay/index.es.js +24 -18
- package/overlay/index.umd.js +1 -1
- package/package.json +1 -1
- package/pagination/index.es.js +302 -201
- package/pagination/index.umd.js +33 -18
- package/pagination/style.css +1 -1
- package/panel/index.umd.js +1 -1
- package/popover/index.es.js +60 -22
- package/popover/index.umd.js +9 -5
- package/progress/index.umd.js +3 -3
- package/radio/index.es.js +164 -104
- package/radio/index.umd.js +34 -19
- package/radio/style.css +1 -1
- package/rate/index.umd.js +1 -1
- package/result/index.es.js +3 -3
- package/result/index.umd.js +1 -1
- package/ripple/index.es.js +5 -18
- package/ripple/index.umd.js +1 -1
- package/search/index.es.js +155 -99
- package/search/index.umd.js +30 -15
- package/select/index.es.js +239 -153
- package/select/index.umd.js +34 -19
- package/select/style.css +1 -1
- package/skeleton/index.umd.js +2 -2
- package/slider/index.es.js +15 -11
- package/slider/index.umd.js +1 -1
- package/splitter/index.es.js +93 -53
- package/splitter/index.umd.js +17 -13
- package/statistic/index.es.js +0 -21
- package/statistic/index.umd.js +1 -1
- package/status/index.umd.js +1 -1
- package/steps/index.umd.js +1 -1
- package/style.css +2 -2
- package/switch/index.es.js +140 -88
- package/switch/index.umd.js +34 -19
- package/table/index.es.js +403 -260
- package/table/index.umd.js +34 -19
- package/tabs/index.umd.js +1 -1
- package/tag/index.es.js +3 -1
- package/tag/index.umd.js +1 -1
- package/textarea/index.es.js +149 -95
- package/textarea/index.umd.js +34 -19
- package/time-picker/index.es.js +164 -109
- package/time-picker/index.umd.js +33 -18
- package/time-select/index.es.js +239 -153
- package/time-select/index.umd.js +33 -18
- package/time-select/style.css +1 -1
- package/timeline/index.umd.js +1 -1
- package/tooltip/index.es.js +60 -22
- package/tooltip/index.umd.js +8 -4
- package/tree/index.es.js +213 -136
- package/tree/index.umd.js +32 -17
- package/tree/style.css +1 -1
- package/types/accordion/src/accordion-item-hreflink.d.ts +1 -1
- package/types/accordion/src/accordion-item-routerlink.d.ts +1 -1
- package/types/accordion/src/accordion-item.d.ts +1 -1
- package/types/accordion/src/accordion-list.d.ts +1 -1
- package/types/accordion/src/accordion-menu.d.ts +1 -1
- package/types/accordion/src/accordion-types.d.ts +1 -1
- package/types/accordion/src/accordion.d.ts +1 -1
- package/types/accordion/src/accordion.type.d.ts +2 -2
- package/types/action-timeline/src/action-timeline-types.d.ts +2 -2
- package/types/action-timeline/src/action-timeline.d.ts +1 -1
- package/types/alert/src/alert-types.d.ts +2 -2
- package/types/alert/src/alert.d.ts +1 -1
- package/types/anchor/src/anchor.d.ts +1 -1
- package/types/anchor/src/utils.d.ts +1 -1
- package/types/auto-complete/src/auto-complete-types.d.ts +14 -14
- package/types/auto-complete/src/auto-complete.d.ts +1 -1
- package/types/auto-complete/src/components/dropdown.d.ts +1 -1
- package/types/auto-complete/src/composables/use-custom-template.d.ts +1 -1
- package/types/avatar/src/avatar-types.d.ts +1 -1
- package/types/avatar/src/avatar.d.ts +1 -1
- package/types/avatar/src/components/avatar-body-icon.d.ts +1 -1
- package/types/avatar/src/components/avatar-nobody-icon.d.ts +1 -1
- package/types/back-top/src/back-top-types.d.ts +3 -3
- package/types/back-top/src/back-top.d.ts +1 -1
- package/types/back-top/src/hooks/use-event-listener.d.ts +1 -1
- package/types/badge/src/badge-types.d.ts +3 -3
- package/types/badge/src/badge.d.ts +1 -1
- package/types/breadcrumb/src/breadcrumb-item-types.d.ts +1 -1
- package/types/breadcrumb/src/breadcrumb-item.d.ts +1 -1
- package/types/breadcrumb/src/breadcrumb-types.d.ts +1 -1
- package/types/breadcrumb/src/breadcrumb.d.ts +1 -1
- package/types/button/src/button-group.d.ts +1 -1
- package/types/button/src/button-types.d.ts +7 -7
- package/types/button/src/button.d.ts +1 -1
- package/types/card/src/card-types.d.ts +1 -1
- package/types/card/src/card.d.ts +1 -1
- package/types/carousel/src/carousel.d.ts +1 -1
- package/types/carousel/src/item.d.ts +1 -1
- package/types/carousel/src/types.d.ts +4 -4
- package/types/cascader/components/cascader-list/index.d.ts +1 -1
- package/types/cascader/hooks/use-cascader-item.d.ts +1 -1
- package/types/cascader/hooks/use-cascader-multiple.d.ts +1 -1
- package/types/cascader/hooks/use-cascader-options.d.ts +2 -14
- package/types/cascader/src/cascader-types.d.ts +10 -10
- package/types/cascader/src/cascader.d.ts +1 -1
- package/types/category-search/src/category-search-types.d.ts +7 -7
- package/types/category-search/src/category-search.d.ts +1 -1
- package/types/category-search/src/components/category-search-clear.d.ts +1 -1
- package/types/category-search/src/components/category-search-input.d.ts +1 -1
- package/types/category-search/src/components/category-search-more.d.ts +1 -1
- package/types/category-search/src/components/category-search-save.d.ts +1 -1
- package/types/category-search/src/components/category-search-tag-dropdown.d.ts +1 -1
- package/types/category-search/src/components/category-search-tag.d.ts +1 -1
- package/types/category-search/src/components/checkbox-menu.d.ts +1 -1
- package/types/category-search/src/components/label-menu.d.ts +1 -1
- package/types/category-search/src/components/number-range-menu.d.ts +1 -1
- package/types/category-search/src/components/radio-menu.d.ts +1 -1
- package/types/category-search/src/components/text-input-menu.d.ts +1 -1
- package/types/category-search/src/composables/use-category-search.d.ts +1 -1
- package/types/checkbox/src/checkbox-button.d.ts +1 -1
- package/types/checkbox/src/checkbox-group.d.ts +1 -1
- package/types/checkbox/src/checkbox-types.d.ts +7 -7
- package/types/checkbox/src/checkbox.d.ts +1 -1
- package/types/code-editor/src/code-editor-types.d.ts +3 -3
- package/types/code-editor/src/code-editor.d.ts +1 -1
- package/types/code-review/src/code-review-types.d.ts +6 -6
- package/types/code-review/src/code-review.d.ts +1 -1
- package/types/code-review/src/components/code-review-header.d.ts +1 -1
- package/types/code-review/src/composables/use-code-review-fold.d.ts +1 -1
- package/types/collapse/src/collapse-item.d.ts +1 -1
- package/types/collapse/src/collapse-types.d.ts +3 -3
- package/types/collapse/src/collapse.d.ts +1 -1
- package/types/color-picker/src/color-picker-types.d.ts +1 -1
- package/types/color-picker/src/color-picker.d.ts +1 -1
- package/types/color-picker/src/components/color-alpha-slider/color-alpha-slider.d.ts +1 -1
- package/types/color-picker/src/components/color-alpha-slider/color-picker-alpha-slider-types.d.ts +1 -1
- package/types/color-picker/src/components/color-basic/color-basic-types.d.ts +1 -1
- package/types/color-picker/src/components/color-basic/color-basic.d.ts +1 -1
- package/types/color-picker/src/components/color-edit/color-edit.d.ts +1 -1
- package/types/color-picker/src/components/color-edit/color-picker-edit-types.d.ts +1 -1
- package/types/color-picker/src/components/color-history/color-history.d.ts +1 -1
- package/types/color-picker/src/components/color-history/color-picker-history-types.d.ts +1 -1
- package/types/color-picker/src/components/color-hue-slider/color-hue-slider.d.ts +1 -1
- package/types/color-picker/src/components/color-hue-slider/color-picker-hue-slider-types.d.ts +1 -1
- package/types/color-picker/src/components/color-palette/color-palette.d.ts +1 -1
- package/types/color-picker/src/components/color-palette/color-picker-palette-types.d.ts +1 -1
- package/types/color-picker/src/components/color-picker-panel/color-picker-panel-types.d.ts +1 -1
- package/types/color-picker/src/components/color-picker-panel/color-picker-panel.d.ts +1 -1
- package/types/color-picker/src/utils/color-utils-types.d.ts +11 -11
- package/types/color-picker/src/utils/dom-dragger.d.ts +1 -1
- package/types/comment/src/comment-types.d.ts +1 -1
- package/types/comment/src/comment.d.ts +1 -1
- package/types/countdown/src/countdown-types.d.ts +1 -1
- package/types/countdown/src/countdown.d.ts +1 -1
- package/types/data-grid/src/components/fix-head-grid.d.ts +1 -1
- package/types/data-grid/src/components/grid-body.d.ts +1 -1
- package/types/data-grid/src/components/grid-head.d.ts +1 -1
- package/types/data-grid/src/components/grid-td.d.ts +1 -1
- package/types/data-grid/src/components/grid-th-filter.d.ts +1 -1
- package/types/data-grid/src/components/grid-th-multiple-filter.d.ts +1 -1
- package/types/data-grid/src/components/grid-th-single-filter.d.ts +1 -1
- package/types/data-grid/src/components/grid-th.d.ts +1 -1
- package/types/data-grid/src/components/normal-head-grid.d.ts +1 -1
- package/types/data-grid/src/composables/use-column-sort.d.ts +1 -1
- package/types/data-grid/src/composables/use-data-grid-tree.d.ts +4 -4
- package/types/data-grid/src/data-grid-types.d.ts +19 -19
- package/types/data-grid/src/data-grid.d.ts +1 -1
- package/types/date-picker/src/components/popup/index.d.ts +1 -3
- package/types/date-picker/src/components/timepicker/index.d.ts +1 -1
- package/types/date-picker/src/components/today-default/index.d.ts +1 -1
- package/types/date-picker/src/components/types.d.ts +16 -16
- package/types/date-picker/src/components/utils.d.ts +3 -3
- package/types/date-picker/src/components/vertical-slider/index.d.ts +1 -1
- package/types/date-picker/src/date-picker-types.d.ts +5 -5
- package/types/date-picker/src/date-picker.d.ts +1 -1
- package/types/date-picker/src/stick-slider/index.d.ts +1 -1
- package/types/date-picker/src/utils.d.ts +1 -1
- package/types/date-picker-pro/src/components/calendar-panel.d.ts +1 -1
- package/types/date-picker-pro/src/components/date-picker-panel.d.ts +1 -1
- package/types/date-picker-pro/src/components/month-calendar-panel.d.ts +1 -1
- package/types/date-picker-pro/src/components/range-date-picker-pro.d.ts +1 -1
- package/types/date-picker-pro/src/components/time-picker-panel.d.ts +1 -1
- package/types/date-picker-pro/src/components/year-calendar-panel.d.ts +1 -1
- package/types/date-picker-pro/src/date-picker-pro-types.d.ts +4 -4
- package/types/date-picker-pro/src/date-picker-pro.d.ts +1 -1
- package/types/date-picker-pro/src/range-date-picker-types.d.ts +1 -1
- package/types/dragdrop-new/src/batch-draggable.directive.d.ts +1 -1
- package/types/dragdrop-new/src/directive-base.d.ts +1 -1
- package/types/dragdrop-new/src/drag-preview-clone-dom-ref.component.d.ts +1 -1
- package/types/dragdrop-new/src/drag-preview.component.d.ts +2 -2
- package/types/dragdrop-new/src/drop-scroll-enhance.directive.d.ts +5 -5
- package/types/dragdrop-new/src/droppable.directive.d.ts +1 -1
- package/types/drawer/src/components/drawer-overlay.d.ts +1 -1
- package/types/drawer/src/drawer-types.d.ts +6 -6
- package/types/drawer/src/drawer.d.ts +1 -1
- package/types/dropdown/src/dropdown-menu-types.d.ts +5 -5
- package/types/dropdown/src/dropdown-menu.d.ts +1 -1
- package/types/dropdown/src/dropdown-types.d.ts +6 -6
- package/types/dropdown/src/dropdown.d.ts +1 -1
- package/types/echarts/src/echarts-types.d.ts +1 -1
- package/types/echarts/src/echarts.d.ts +1 -1
- package/types/editable-select/src/components/dropdown/dropdown-types.d.ts +1 -1
- package/types/editable-select/src/components/dropdown/dropdown.d.ts +1 -1
- package/types/editable-select/src/components/option/option-types.d.ts +1 -1
- package/types/editable-select/src/components/option/option.d.ts +1 -1
- package/types/editable-select/src/composables/use-select.d.ts +1 -1
- package/types/editable-select/src/editable-select-types.d.ts +4 -4
- package/types/editable-select/src/editable-select.d.ts +1 -1
- package/types/editor-md/src/components/font-color.d.ts +1 -1
- package/types/editor-md/src/components/font-size.d.ts +1 -1
- package/types/editor-md/src/components/md-render.d.ts +1 -1
- package/types/editor-md/src/components/toolbar-item.d.ts +1 -1
- package/types/editor-md/src/components/toolbar.d.ts +1 -1
- package/types/editor-md/src/editor-md-types.d.ts +5 -5
- package/types/editor-md/src/editor-md.d.ts +1 -1
- package/types/form/src/components/form-control/form-control-types.d.ts +2 -2
- package/types/form/src/components/form-control/form-control.d.ts +1 -1
- package/types/form/src/components/form-item/form-item-types.d.ts +7 -7
- package/types/form/src/components/form-item/form-item.d.ts +1 -1
- package/types/form/src/components/form-label/form-label-types.d.ts +1 -1
- package/types/form/src/components/form-label/form-label.d.ts +1 -1
- package/types/form/src/components/form-operation/form-operation.d.ts +1 -1
- package/types/form/src/form-types.d.ts +10 -10
- package/types/form/src/form.d.ts +1 -1
- package/types/fullscreen/src/fullscreen-types.d.ts +2 -2
- package/types/fullscreen/src/fullscreen.d.ts +1 -1
- package/types/gantt/src/gantt-bar/index.d.ts +1 -1
- package/types/gantt/src/gantt-bar-parent/index.d.ts +1 -1
- package/types/gantt/src/gantt-milestone/index.d.ts +1 -1
- package/types/gantt/src/gantt-milestone/milestone-icon.d.ts +1 -1
- package/types/gantt/src/gantt-scale/index.d.ts +4 -1
- package/types/gantt/src/gantt-tools/index.d.ts +1 -1
- package/types/gantt/src/gantt-types.d.ts +1 -1
- package/types/gantt/src/gantt.d.ts +1 -1
- package/types/git-graph/src/git-graph-types.d.ts +1 -1
- package/types/git-graph/src/git-graph.d.ts +1 -1
- package/types/grid/src/col.d.ts +1 -1
- package/types/grid/src/composables/use-screen.d.ts +2 -2
- package/types/grid/src/grid-types.d.ts +7 -7
- package/types/grid/src/row.d.ts +1 -1
- package/types/icon/src/icon-group.d.ts +1 -1
- package/types/icon/src/icon.d.ts +1 -1
- package/types/icon/src/svg-icon.d.ts +1 -1
- package/types/image-preview/src/image-preview-types.d.ts +1 -1
- package/types/image-preview/src/image-preview.d.ts +1 -1
- package/types/input/src/input-types.d.ts +2 -2
- package/types/input/src/input.d.ts +1 -1
- package/types/input-icon/src/input-icon.d.ts +1 -1
- package/types/input-number/src/input-number-types.d.ts +2 -2
- package/types/input-number/src/input-number.d.ts +1 -1
- package/types/layout/src/aside.d.ts +1 -1
- package/types/layout/src/content.d.ts +1 -1
- package/types/layout/src/footer.d.ts +1 -1
- package/types/layout/src/header.d.ts +1 -1
- package/types/layout/src/layout.d.ts +1 -1
- package/types/list/src/list-item.d.ts +1 -1
- package/types/list/src/list.d.ts +1 -1
- package/types/loading/src/loading-service.d.ts +1 -1
- package/types/loading/src/loading-types.d.ts +2 -2
- package/types/loading/src/loading.d.ts +52 -0
- package/types/locale/index.d.ts +1 -1
- package/types/mention/src/mention-types.d.ts +1 -1
- package/types/mention/src/mention.d.ts +1 -1
- package/types/menu/src/components/menu-item/menu-item-types.d.ts +1 -1
- package/types/menu/src/components/menu-item/menu-item.d.ts +1 -1
- package/types/menu/src/components/menu-transition/menu-transition.d.ts +1 -1
- package/types/menu/src/components/sub-menu/sub-menu-types.d.ts +1 -1
- package/types/menu/src/components/sub-menu/sub-menu.d.ts +1 -1
- package/types/menu/src/components/sub-menu/use-sub-menu.d.ts +1 -1
- package/types/menu/src/menu-types.d.ts +2 -2
- package/types/menu/src/menu.d.ts +1 -1
- package/types/message/src/instance.d.ts +2 -2
- package/types/message/src/message-icon-close.d.ts +1 -1
- package/types/message/src/message-types.d.ts +5 -5
- package/types/message/src/message.d.ts +1 -1
- package/types/modal/src/components/body.d.ts +1 -1
- package/types/modal/src/components/footer.d.ts +1 -1
- package/types/modal/src/components/header.d.ts +1 -1
- package/types/modal/src/modal-types.d.ts +4 -4
- package/types/modal/src/modal.d.ts +1 -1
- package/types/multi-auto-complete/src/multi-auto-complete-types.d.ts +1 -1
- package/types/multi-auto-complete/src/multi-auto-complete.d.ts +1 -1
- package/types/nav-sprite/src/nav-sprite-types.d.ts +1 -1
- package/types/nav-sprite/src/nav-sprite.d.ts +1 -1
- package/types/notification/src/notification-icon-close.d.ts +1 -1
- package/types/notification/src/notification-image.d.ts +1 -1
- package/types/notification/src/notification-types.d.ts +5 -5
- package/types/notification/src/notification.d.ts +1 -1
- package/types/overlay/src/base-overlay.d.ts +1 -1
- package/types/overlay/src/fixed-overlay/fixed-overlay-types.d.ts +1 -1
- package/types/overlay/src/fixed-overlay/index.d.ts +1 -1
- package/types/overlay/src/flexible-overlay/flexible-overlay-types.d.ts +6 -6
- package/types/overlay/src/flexible-overlay/index.d.ts +1 -1
- package/types/pagination/src/components/config-menu.d.ts +1 -1
- package/types/pagination/src/components/jump-page.d.ts +1 -1
- package/types/pagination/src/components/page-nums.d.ts +1 -1
- package/types/pagination/src/components/page-size.d.ts +1 -1
- package/types/pagination/src/pagination-types.d.ts +3 -3
- package/types/pagination/src/pagination.d.ts +1 -1
- package/types/panel/src/components/panel-body.d.ts +1 -1
- package/types/panel/src/components/panel-footer.d.ts +1 -1
- package/types/panel/src/components/panel-header.d.ts +1 -1
- package/types/panel/src/panel-types.d.ts +3 -3
- package/types/panel/src/panel.d.ts +1 -1
- package/types/popover/src/popover-icon.d.ts +1 -1
- package/types/popover/src/popover-types.d.ts +5 -5
- package/types/popover/src/popover.d.ts +1 -1
- package/types/progress/src/progress-types.d.ts +1 -1
- package/types/progress/src/progress.d.ts +1 -1
- package/types/quadrant-diagram/src/components/axis/index.d.ts +1 -1
- package/types/quadrant-diagram/src/components/axis/types.d.ts +1 -1
- package/types/quadrant-diagram/src/quadrant-diagram-types.d.ts +1 -1
- package/types/quadrant-diagram/src/quadrant-diagram.d.ts +1 -1
- package/types/quadrant-diagram/type.d.ts +1 -1
- package/types/radio/src/radio-button.d.ts +1 -1
- package/types/radio/src/radio-group.d.ts +1 -1
- package/types/radio/src/radio-types.d.ts +6 -6
- package/types/radio/src/radio.d.ts +1 -1
- package/types/rate/src/rate-types.d.ts +2 -2
- package/types/rate/src/rate.d.ts +3 -3
- package/types/read-tip/src/read-tip-template.d.ts +1 -1
- package/types/read-tip/src/read-tip-types.d.ts +7 -7
- package/types/read-tip/src/read-tip.d.ts +1 -1
- package/types/result/src/result-types.d.ts +2 -2
- package/types/result/src/result.d.ts +1 -1
- package/types/search/src/composables/use-search-keydown.d.ts +1 -1
- package/types/search/src/composables/use-search-keywords.d.ts +1 -1
- package/types/search/src/search-types.d.ts +3 -3
- package/types/search/src/search.d.ts +1 -1
- package/types/select/src/components/option-group.d.ts +1 -1
- package/types/select/src/components/option.d.ts +1 -1
- package/types/select/src/components/select-content.d.ts +1 -1
- package/types/select/src/select-types.d.ts +11 -11
- package/types/select/src/select.d.ts +1 -1
- package/types/select/src/utils.d.ts +1 -1
- package/types/shared/components/popper-trigger/src/popper-trigger.d.ts +1 -1
- package/types/shared/devui-api/devui-api.d.ts +1 -1
- package/types/shared/devui-api-table/devui-api-table.d.ts +1 -1
- package/types/shared/devui-api-table/devui-api-table.type.d.ts +3 -3
- package/types/shared/devui-codebox/codebox-collapse-icon.d.ts +1 -1
- package/types/shared/devui-codebox/codebox-copied-icon.d.ts +1 -1
- package/types/shared/devui-codebox/codebox-copy-icon.d.ts +1 -1
- package/types/shared/devui-codebox/devui-codebox.d.ts +1 -1
- package/types/shared/devui-highlight/devui-highlight.d.ts +1 -1
- package/types/shared/hooks/use-namespace.d.ts +1 -1
- package/types/shared/utils/use-namespace.d.ts +1 -1
- package/types/skeleton/src/components/skeleton-item-types.d.ts +3 -3
- package/types/skeleton/src/components/skeleton-item.d.ts +1 -1
- package/types/skeleton/src/skeleton-types.d.ts +1 -1
- package/types/skeleton/src/skeleton.d.ts +1 -3
- package/types/slider/src/slider-types.d.ts +1 -1
- package/types/slider/src/slider.d.ts +1 -1
- package/types/splitter/src/components/splitter-bar-types.d.ts +1 -1
- package/types/splitter/src/components/splitter-bar.d.ts +1 -1
- package/types/splitter/src/components/splitter-pane-types.d.ts +1 -1
- package/types/splitter/src/components/splitter-pane.d.ts +1 -1
- package/types/splitter/src/d-resize-directive.d.ts +1 -1
- package/types/splitter/src/splitter-store.d.ts +1 -1
- package/types/splitter/src/splitter-types.d.ts +3 -3
- package/types/splitter/src/splitter.d.ts +1 -1
- package/types/statistic/src/statistic-types.d.ts +1 -1
- package/types/statistic/src/statistic.d.ts +1 -1
- package/types/statistic/src/utils/animation.d.ts +5 -5
- package/types/statistic/src/utils/separator.d.ts +1 -1
- package/types/status/src/status-types.d.ts +1 -1
- package/types/status/src/status.d.ts +1 -1
- package/types/steps/src/step-types.d.ts +2 -2
- package/types/steps/src/step.d.ts +1 -1
- package/types/steps/src/steps-types.d.ts +2 -2
- package/types/steps/src/steps.d.ts +1 -1
- package/types/steps-guide/__tests__/steps-guide-demo.d.ts +1 -1
- package/types/steps-guide/src/steps-guide-types.d.ts +4 -4
- package/types/steps-guide/src/steps-guide.d.ts +1 -1
- package/types/sticky/src/sticky.d.ts +1 -1
- package/types/switch/src/switch-types.d.ts +3 -3
- package/types/switch/src/switch.d.ts +1 -1
- package/types/table/src/components/body/body.d.ts +1 -1
- package/types/table/src/components/body-td/body-td-types.d.ts +1 -1
- package/types/table/src/components/body-td/body-td.d.ts +1 -1
- package/types/table/src/components/colgroup/colgroup.d.ts +1 -1
- package/types/table/src/components/column/column-types.d.ts +8 -8
- package/types/table/src/components/column/column.d.ts +1 -1
- package/types/table/src/components/filter/filter-types.d.ts +1 -1
- package/types/table/src/components/filter/filter.d.ts +1 -1
- package/types/table/src/components/filter/multiple-filter.d.ts +1 -1
- package/types/table/src/components/filter/single-filter.d.ts +1 -1
- package/types/table/src/components/fix-header.d.ts +1 -1
- package/types/table/src/components/header/header.d.ts +1 -1
- package/types/table/src/components/header/header.type.d.ts +1 -1
- package/types/table/src/components/header-th/header-th-types.d.ts +1 -1
- package/types/table/src/components/header-th/header-th.d.ts +1 -1
- package/types/table/src/components/normal-header.d.ts +1 -1
- package/types/table/src/components/sort/sort-types.d.ts +1 -1
- package/types/table/src/components/sort/sort.d.ts +1 -1
- package/types/table/src/table-types.d.ts +8 -8
- package/types/table/src/table.d.ts +1 -1
- package/types/tabs/src/components/tab/tab-types.d.ts +1 -1
- package/types/tabs/src/components/tab/tab.d.ts +1 -1
- package/types/tabs/src/components/tab-nav/tab-nav.d.ts +1 -1
- package/types/tabs/src/tabs-types.d.ts +5 -5
- package/types/tabs/src/tabs.d.ts +1 -1
- package/types/tag/src/tag-types.d.ts +3 -3
- package/types/tag/src/tag.d.ts +1 -1
- package/types/tag-input/src/components/icon-remove.d.ts +1 -1
- package/types/tag-input/src/tag-input-types.d.ts +3 -3
- package/types/tag-input/src/tag-input.d.ts +1 -1
- package/types/textarea/src/textarea-types.d.ts +3 -3
- package/types/textarea/src/textarea.d.ts +1 -1
- package/types/textarea/src/utils.d.ts +1 -1
- package/types/time-picker/src/components/popup-line/index.d.ts +1 -1
- package/types/time-picker/src/components/popup-line/popup-line-types.d.ts +1 -1
- package/types/time-picker/src/components/time-popup/index.d.ts +1 -1
- package/types/time-picker/src/components/time-popup/time-popup-types.d.ts +1 -1
- package/types/time-picker/src/components/time-scroll/index.d.ts +1 -1
- package/types/time-picker/src/time-picker-types.d.ts +2 -2
- package/types/time-picker/src/time-picker.d.ts +1 -1
- package/types/time-picker/src/types.d.ts +8 -8
- package/types/time-select/src/time-select-types.d.ts +3 -3
- package/types/time-select/src/time-select.d.ts +1 -1
- package/types/timeline/src/components/timeline-item-types.d.ts +3 -3
- package/types/timeline/src/components/timeline-item.d.ts +1 -1
- package/types/timeline/src/timeline-types.d.ts +5 -5
- package/types/timeline/src/timeline.d.ts +1 -1
- package/types/tooltip/src/tooltip-types.d.ts +3 -3
- package/types/tooltip/src/tooltip.d.ts +1 -1
- package/types/transfer/src/components/transfer-body.d.ts +1 -1
- package/types/transfer/src/components/transfer-header.d.ts +1 -1
- package/types/transfer/src/components/transfer-operate.d.ts +1 -1
- package/types/transfer/src/components/transfer-panel.d.ts +1 -1
- package/types/transfer/src/composables/use-transfer-body.d.ts +80 -0
- package/types/transfer/src/composables/use-transfer-header.d.ts +1 -1
- package/types/transfer/src/composables/use-transfer-operate.d.ts +1 -1
- package/types/transfer/src/composables/use-transfer-panel.d.ts +1 -1
- package/types/transfer/src/transfer-types.d.ts +3 -3
- package/types/transfer/src/transfer.d.ts +1 -1
- package/types/tree/src/components/tree-node-content.d.ts +1 -1
- package/types/tree/src/components/tree-node-loading.d.ts +1 -1
- package/types/tree/src/components/tree-node-toggle.d.ts +1 -1
- package/types/tree/src/components/tree-node.d.ts +1 -1
- package/types/tree/src/composables/use-tree-types.d.ts +7 -7
- package/types/tree/src/tree-types.d.ts +2 -2
- package/types/tree/src/tree.d.ts +1 -1
- package/types/tree/src/utils.d.ts +1 -1
- package/types/tree-select/assets/close.d.ts +1 -1
- package/types/tree-select/assets/open.d.ts +1 -1
- package/types/tree-select/src/tree-select-types.d.ts +3 -3
- package/types/tree-select/src/tree-select.d.ts +1 -1
- package/types/upload/src/composables/use-select-files.d.ts +1 -1
- package/types/upload/src/upload-types.d.ts +4 -4
- package/types/upload/src/upload.d.ts +11 -34
- package/types/virtual-list/src/components/container.d.ts +1 -1
- package/types/virtual-list/src/components/resize-observer.d.ts +1 -1
- package/types/virtual-list/src/components/scroll-bar.d.ts +1 -1
- package/types/virtual-list/src/utils.d.ts +2 -6
- package/types/virtual-list/src/virtual-list-types.d.ts +4 -4
- package/types/virtual-list/src/virtual-list.d.ts +1 -1
- package/upload/index.es.js +28 -63
- package/upload/index.umd.js +3 -3
- package/vue-devui.es.js +3025 -2479
- package/vue-devui.umd.js +101 -99
- package/types/carousel/src/components/carousel-icons.d.ts +0 -2
- package/types/category-search/src/components/category-search-icons.d.ts +0 -4
- package/types/code-review/src/components/code-review-icons.d.ts +0 -6
- package/types/data-grid/src/components/grid-icons.d.ts +0 -4
- package/types/form/src/components/form-icons.d.ts +0 -4
- package/types/icon/src/icon-types.d.ts +0 -54
- package/types/input-number/src/input-number-icons.d.ts +0 -2
- package/types/menu/src/composables/use-layer-operate.d.ts +0 -9
- package/types/message/src/message-icons.d.ts +0 -4
- package/types/modal/src/components/modal-icons.d.ts +0 -1
- package/types/notification/src/notification-icons.d.ts +0 -4
- package/types/pagination/src/components/page-link-icons.d.ts +0 -2
- package/types/popover/src/popover-icons.d.ts +0 -4
- package/types/shared/hooks/use-demo.d.ts +0 -9
- package/types/skeleton/src/components/image-icon.d.ts +0 -1
- package/types/svg-icons/index.d.ts +0 -3
package/menu/index.es.js
CHANGED
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
-
var __publicField = (obj, key, value) => {
|
|
4
|
-
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
-
return value;
|
|
6
|
-
};
|
|
7
1
|
import { ref, defineComponent, getCurrentInstance, inject, toRefs, computed, createVNode, watch, onMounted, Transition, withDirectives, vShow, watchEffect, provide, reactive } from "vue";
|
|
8
2
|
import "clipboard";
|
|
9
3
|
function createBem(namespace, element, modifier) {
|
|
@@ -789,7 +783,6 @@ var menu = "";
|
|
|
789
783
|
const recordTable = {};
|
|
790
784
|
class Store {
|
|
791
785
|
constructor(rootName) {
|
|
792
|
-
__publicField(this, "rootMenuName");
|
|
793
786
|
this.rootMenuName = rootName;
|
|
794
787
|
}
|
|
795
788
|
on(eventName, fn) {
|
package/menu/index.umd.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var ze=Object.defineProperty;var Pe=(h,t,C)=>t in h?ze(h,t,{enumerable:!0,configurable:!0,writable:!0,value:C}):h[t]=C;var ce=(h,t,C)=>(Pe(h,typeof t!="symbol"?t+"":t,C),C);(function(h,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue"),require("clipboard")):typeof define=="function"&&define.amd?define(["exports","vue","clipboard"],t):(h=typeof globalThis!="undefined"?globalThis:h||self,t(h.index={},h.Vue))})(this,function(h,t){"use strict";function C(e,l,n){let s=e;return l&&(s+=`__${l}`),n&&(s+=`--${n}`),s}function E(e,l=!1){const n=l?`.devui-${e}`:`devui-${e}`;return{b:()=>C(n),e:f=>f?C(n,f):"",m:f=>f?C(n,"",f):"",em:(f,m)=>f&&m?C(n,f,m):""}}const J=[];let W=[];const q=t.ref(24),D=E("menu"),de=E("submenu"),_=D.b(),Q=`${D.b()}-item-horizontal-wrapper`,X=`${D.b()}-item-select`,Y=`${D.b()}-active-parent`;function ue(e){q.value=e}function fe(e){J.push(e)}function me(){W=[],J.forEach(n=>{W.push(n.el.parentElement)});const e=[...W],l=n=>{var s;return(s=/layer_(\d*)/gim.exec(n))==null?void 0:s[1]};for(;e.length;){const n=e.shift();if(n==null?void 0:n.classList.contains(_)){const s=n.children;e.unshift(...Array.from(s));continue}else{if(n.tagName==="DIV")if(n.classList.contains(`${D.b()}-item-vertical-wrapper`)||n.classList.contains(`${de.b()}-menu-item-vertical-wrapper`)){const s=n.parentElement;if(e.unshift(...Array.from(n.children)),s==null?void 0:s.classList.contains(_))n.classList.add("layer_1");else{let a=l((s==null?void 0:s.classList.value)||"");a=Number(a),n.classList.add(`layer_${a}`)}}else{const s=n.parentElement;let a=l((s==null?void 0:s.classList.value)||"");a=Number(a),n.classList.add(`layer_${a}`),n.style.paddingLeft=`${(a===2?1:a-1)*q.value}px`}if(n.tagName==="UL"){const s=n.parentElement,a=n.children;for(let f=0;f<a.length;f++)e.unshift(a[f]);const o=(s==null?void 0:s.classList.value)||"";let d=l(o);(s==null?void 0:s.classList.contains(_))?(d=1,n.classList.add(`layer_${2}`)):(n.classList.add(`layer_${Number(d)+1}`),d=Number(d)+1)}if(n.tagName==="LI"){const s=n.parentElement,a=(s==null?void 0:s.classList.value)||"";let o=l(a);l(a),o=Number(o),n.style.padding=`0 ${o*q.value}px`}}}}function pe(e){var s;const l=e;let n=null;for(let a=0;a<l.length;a++){const o=l[a];((s=o==null?void 0:o.classList)==null?void 0:s.contains(`${D.b()}-horizontal`))&&(n=o)}return n}function he(e,l){let n=l.target,s=[];const a=pe(l.composedPath());for(s=[...Array.from(a.children)],n.tagName==="SPAN"&&(n=n.parentElement);s.length;){const o=s.shift();if((o==null?void 0:o.tagName)==="UL"||(o==null?void 0:o.classList.contains(Q))){const d=o==null?void 0:o.children;s.unshift(...Array.from(d))}o!==n&&(o==null||o.classList.remove(X),o==null||o.classList.remove(Y))}}function ge(e,l){const n=[],s=l.path||l.composedPath&&l.composedPath();for(let a=0;a<s.length;a++){const o=s[a];if(!o.classList.contains(_))n.push(...Array.from(o.children));else{n.push(...Array.from(o.children));break}}for(;n.length;){const a=n.shift();((a==null?void 0:a.tagName)==="UL"||(a==null?void 0:a.classList.contains(Q)))&&n.push(...Array.from(a==null?void 0:a.children)),a!==e&&((a==null?void 0:a.tagName)==="DIV"&&n.unshift(...Array.from(a==null?void 0:a.children)),a==null||a.classList.remove(X),a==null||a.classList.remove(Y))}}function ee(e,l,n=!1){n?he(e,l):ge(e,l)}function ye(e){var s;const l=/layer_(\d{1,})/gim,n=e.className;return(s=l.exec(n))==null?void 0:s[1]}const be={disabled:{type:Boolean,default:!1},href:{type:String,default:""},route:{type:[String,Object]}},te=E("menu");function ne(e,l,n,s){const a=t.ref(!1);return n?e.includes(l)?a.value=!0:a.value=!1:e[0]===l&&!s.value?a.value=!0:a.value=!1,a.value}function ve(e){var n,s;let l=e.parentElement;for(;!l.classList.contains(te.b());)((n=l.firstElementChild)==null?void 0:n.tagName)==="DIV"&&((s=l==null?void 0:l.firstElementChild)==null||s.classList.add(`${te.b()}-active-parent`)),l=l.parentElement;return l}function we(e,l,n,s){if(n&&l){const a=e.route||s,o=l.push(a).then(d=>d);return{route:a,routerResult:o}}}const F=E("menu");function se(e){const l=e.composedPath();for(let n=0;n<l.length;n++){const s=l[n];if(s.classList.contains(`${F.b()}-horizontal`))break;if(s.classList.contains(`${F.b()}-item-horizontal-wrapper`))continue;s.tagName!=="SPAN"&&s.classList.add(`${F.b()}-item-select`)}}const P=E("menu"),j=`${P.b()}-item-select`,Le=`${P.b()}-item-disabled`;var Z=t.defineComponent({name:"DMenuItem",props:be,setup(e,l){var c,b;const n=t.getCurrentInstance(),s=String(n==null?void 0:n.vnode.key),a=t.inject("menuStore"),o=t.inject("mode"),d=t.inject("multiple"),f=t.inject("defaultIndent"),m=t.inject("isCollapsed"),v=t.inject("defaultSelectKey"),{disabled:A}=t.toRefs(e),w=t.ref(ne(v.value,s,d,A)),S=t.ref(!0),V=t.inject("rootMenuEmit"),B=t.inject("useRouter"),z=n==null?void 0:n.appContext.config.globalProperties.$router,L=t.computed(()=>({[`${P.b()}-item`]:!0,[`${P.b()}-item-isCollapsed`]:m.value,[j]:w.value,[Le]:A.value}));a.on("menuItem:clear:select",()=>{w.value=!1});const N=r=>{var u;r.stopPropagation();const i=r.currentTarget;let p;if(e.disabled&&r.preventDefault(),!e.disabled){if(!d)a.emit("menuItem:clear:select"),ee(i,r,o.value==="horizontal"),o.value==="horizontal"&&se(r),w.value=!0,p=we(e,z,B.value,s);else if(i.classList.contains(j)){V("deselect",{type:"deselect",key:s,el:i,e:r}),w.value=!1;return}else w.value=!0,i.classList.add(j);p===void 0?V("select",{type:"select",key:s,el:i,e:r}):V("select",{type:"select",key:s,el:i,e:r,route:p})}if(o.value==="vertical"){const g=r.currentTarget;ve(g)}if(o.value==="horizontal"){const g=(u=i.parentElement)==null?void 0:u.parentElement;g==null||g.classList.add(`${P.b()}-active-parent`)}},$=t.createVNode("span",{class:`${P.b()}-icon`},[(b=(c=l.slots).icon)==null?void 0:b.call(c)]),y=t.ref(null);return t.watch(A,()=>{d||(L.value[j]=!1)}),t.watch(()=>[...v.value],r=>{w.value=ne(r,s,d,A),L.value[j]=w.value}),t.onMounted(()=>{var p,u;let r="";const i=y.value;o.value==="vertical"&&(((u=(p=i.parentElement)==null?void 0:p.parentElement)==null?void 0:u.classList.contains(P.b()))?(S.value=!0,S.value&&(i.style.paddingRight="",i.style.paddingLeft=`${f}px`),t.watch(m,g=>{g?(i.style.padding!=="0"&&(r=i.style.padding),setTimeout(()=>{i.style.padding="0",i.style.width="",i.style.textAlign="center"},300),i.style.display="block"):(i.style.padding=`${r}`,i.style.textAlign="",i.style.display="flex")})):S.value=!1)}),()=>o.value==="vertical"?t.createVNode("div",{class:`${P.b()}-item-vertical-wrapper`},[t.createVNode("li",{class:L.value,onClick:N,ref:y},[l.slots.icon!==void 0&&$,e.href===""?t.createVNode(t.Transition,{name:"fade"},{default:()=>{var r,i;return[t.withDirectives(t.createVNode("span",null,[(i=(r=l.slots).default)==null?void 0:i.call(r)]),[[t.vShow,!m.value]])]}}):t.createVNode("a",{href:e.href},[t.createVNode(t.Transition,{name:"fade"},{default:()=>{var r,i;return[(i=(r=l.slots).default)==null?void 0:i.call(r)]}})])])]):t.createVNode("li",{class:L.value,onClick:N,ref:y},[l.slots.icon!==void 0&&$,e.href===""?t.createVNode(t.Transition,{name:"fade"},{default:()=>{var r,i;return[t.withDirectives(t.createVNode("span",null,[(i=(r=l.slots).default)==null?void 0:i.call(r)]),[[t.vShow,!m.value]])]}}):t.createVNode("a",{href:e.href},[t.createVNode(t.Transition,{name:"fade"},{default:()=>{var r,i;return[(i=(r=l.slots).default)==null?void 0:i.call(r)]}})])])}});function ae(e=8){const l="abcdefghijklmnopqrstuvwxyz0123456789";let n="";for(let s=0;s<e;s++)n+=l[parseInt((Math.random()*l.length).toString())];return n}function le(e){for(;e&&e.tagName!=="LI"&&e.tagName!=="UL";)e=e.parentElement;return e}const oe="0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out",T={"before-enter"(e){e.style.transition=oe,e.setAttribute("data-oldPadding",e.style.padding),e.setAttribute("data-oldMargin",e.style.margin),e.style.height="0",e.style.padding="0",e.style.margin="0"},enter(e){e.dataset.oldOverflow=e.style.overflow,e.scrollHeight!==0?e.style.height=e.scrollHeight+"px":e.style.height="",e.style.padding=e.getAttribute("data-oldPadding"),e.style.margin=e.getAttribute("data-oldMargin"),e.style.overflow="hidden"},"after-enter"(e){e.style.transition="",e.style.transition="",e.style.height="",e.style.overflow=e.getAttribute("data-overflow")},"before-leave"(e){e.dataset||(e.dataset={}),e.dataset.oldPaddingTop=e.style.paddingTop,e.dataset.oldPaddingBottom=e.style.paddingBottom,e.dataset.oldOverflow=e.style.overflow,e.style.height=e.scrollHeight+"px",e.style.overflow="hidden"},leave(e){e.scrollHeight!==0&&(e.style.transition=oe,e.style.height="0",e.style.paddingTop="0",e.style.paddingBottom="0")},"after-leave"(e){e.style.transition="",e.style.height="",e.style.overflow=e.dataset.oldOverflow,e.style.paddingTop=e.dataset.oldPaddingTop,e.style.paddingBottom=e.dataset.oldPaddingBottom}};var Ne=t.defineComponent({name:"DMenuTransition",setup(e,l){return()=>t.createVNode(t.Transition,{onBeforeEnter:n=>T["before-enter"](n),onBeforeLeave:n=>T["before-leave"](n),onEnter:n=>T.enter(n),onAfterEnter:n=>T["after-enter"](n),onLeave:n=>T.leave(n),onAfterLeave:n=>T["after-leave"](n)},{default:()=>{var n,s;return[(s=(n=l.slots).default)==null?void 0:s.call(n)]}})}});const $e={title:{type:String,default:""},disabled:{type:Boolean,default:!1}},R=E("menu"),Se=E("submenu"),I=`${R.b()}-item-horizontal-wrapper-hidden`,H=`${R.b()}-item-horizontal-wrapper-show`;function k(e,l,n){const s=l.currentTarget,a=s.parentElement,o=n.children;if(n.style.padding="0 20px !important",e==="mouseenter"){if((a==null?void 0:a.tagName)==="DIV"){n.classList.add(`${R.b()}-item-horizontal-wrapper-level`);const{width:d}=s.getClientRects()[0];n.style.top="0px",n.style.left=`${d}px`}else n.style.top="26px",n.style.left="0px";n.classList.remove(I),n.classList.add(H);for(let d=0;d<o.length;d++){const f=o[d];if(f.tagName==="UL"&&f.classList.contains(Se.b())){const m=f.getElementsByClassName(`${R.b()}-item-horizontal-wrapper`)[0];f.addEventListener("mouseenter",v=>{v.stopPropagation(),k("mouseenter",v,m),m.classList.remove(I),m.classList.add(H)}),f.addEventListener("mouseleave",v=>{v.stopPropagation(),k("mouseleave",v,m),m.classList.remove(H),m.classList.add(I)})}}}e==="mouseleave"&&(n.classList.remove(H),n.classList.add(I))}function Ce(){return t.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("path",{d:`M3.64644661,5.64644661 C3.82001296,5.47288026 4.08943736,5.45359511 4.2843055,5.58859116 L4.35355339,5.64644661
|
|
1
|
+
(function(S,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue"),require("clipboard")):typeof define=="function"&&define.amd?define(["exports","vue","clipboard"],n):(S=typeof globalThis!="undefined"?globalThis:S||self,n(S.index={},S.Vue))})(this,function(S,n){"use strict";function O(e,l,t){let s=e;return l&&(s+=`__${l}`),t&&(s+=`--${t}`),s}function C(e,l=!1){const t=l?`.devui-${e}`:`devui-${e}`;return{b:()=>O(t),e:f=>f?O(t,f):"",m:f=>f?O(t,"",f):"",em:(f,m)=>f&&m?O(t,f,m):""}}const J=[];let W=[];const q=n.ref(24),x=C("menu"),ce=C("submenu"),_=x.b(),Q=`${x.b()}-item-horizontal-wrapper`,X=`${x.b()}-item-select`,Y=`${x.b()}-active-parent`;function de(e){q.value=e}function ue(e){J.push(e)}function fe(){W=[],J.forEach(t=>{W.push(t.el.parentElement)});const e=[...W],l=t=>{var s;return(s=/layer_(\d*)/gim.exec(t))==null?void 0:s[1]};for(;e.length;){const t=e.shift();if(t!=null&&t.classList.contains(_)){const s=t.children;e.unshift(...Array.from(s));continue}else{if(t.tagName==="DIV")if(t.classList.contains(`${x.b()}-item-vertical-wrapper`)||t.classList.contains(`${ce.b()}-menu-item-vertical-wrapper`)){const s=t.parentElement;if(e.unshift(...Array.from(t.children)),s!=null&&s.classList.contains(_))t.classList.add("layer_1");else{let a=l((s==null?void 0:s.classList.value)||"");a=Number(a),t.classList.add(`layer_${a}`)}}else{const s=t.parentElement;let a=l((s==null?void 0:s.classList.value)||"");a=Number(a),t.classList.add(`layer_${a}`),t.style.paddingLeft=`${(a===2?1:a-1)*q.value}px`}if(t.tagName==="UL"){const s=t.parentElement,a=t.children;for(let f=0;f<a.length;f++)e.unshift(a[f]);const o=(s==null?void 0:s.classList.value)||"";let d=l(o);s!=null&&s.classList.contains(_)?(d=1,t.classList.add(`layer_${2}`)):(t.classList.add(`layer_${Number(d)+1}`),d=Number(d)+1)}if(t.tagName==="LI"){const s=t.parentElement,a=(s==null?void 0:s.classList.value)||"";let o=l(a);l(a),o=Number(o),t.style.padding=`0 ${o*q.value}px`}}}}function me(e){var s;const l=e;let t=null;for(let a=0;a<l.length;a++){const o=l[a];(s=o==null?void 0:o.classList)!=null&&s.contains(`${x.b()}-horizontal`)&&(t=o)}return t}function pe(e,l){let t=l.target,s=[];const a=me(l.composedPath());for(s=[...Array.from(a.children)],t.tagName==="SPAN"&&(t=t.parentElement);s.length;){const o=s.shift();if((o==null?void 0:o.tagName)==="UL"||(o==null?void 0:o.classList.contains(Q))){const d=o==null?void 0:o.children;s.unshift(...Array.from(d))}o!==t&&(o==null||o.classList.remove(X),o==null||o.classList.remove(Y))}}function he(e,l){const t=[],s=l.path||l.composedPath&&l.composedPath();for(let a=0;a<s.length;a++){const o=s[a];if(!o.classList.contains(_))t.push(...Array.from(o.children));else{t.push(...Array.from(o.children));break}}for(;t.length;){const a=t.shift();((a==null?void 0:a.tagName)==="UL"||(a==null?void 0:a.classList.contains(Q)))&&t.push(...Array.from(a==null?void 0:a.children)),a!==e&&((a==null?void 0:a.tagName)==="DIV"&&t.unshift(...Array.from(a==null?void 0:a.children)),a==null||a.classList.remove(X),a==null||a.classList.remove(Y))}}function ee(e,l,t=!1){t?pe(e,l):he(e,l)}function ge(e){var s;const l=/layer_(\d{1,})/gim,t=e.className;return(s=l.exec(t))==null?void 0:s[1]}const ye={disabled:{type:Boolean,default:!1},href:{type:String,default:""},route:{type:[String,Object]}},te=C("menu");function ne(e,l,t,s){const a=n.ref(!1);return t?e.includes(l)?a.value=!0:a.value=!1:e[0]===l&&!s.value?a.value=!0:a.value=!1,a.value}function be(e){var t,s;let l=e.parentElement;for(;!l.classList.contains(te.b());)((t=l.firstElementChild)==null?void 0:t.tagName)==="DIV"&&((s=l==null?void 0:l.firstElementChild)==null||s.classList.add(`${te.b()}-active-parent`)),l=l.parentElement;return l}function ve(e,l,t,s){if(t&&l){const a=e.route||s,o=l.push(a).then(d=>d);return{route:a,routerResult:o}}}const F=C("menu");function se(e){const l=e.composedPath();for(let t=0;t<l.length;t++){const s=l[t];if(s.classList.contains(`${F.b()}-horizontal`))break;if(s.classList.contains(`${F.b()}-item-horizontal-wrapper`))continue;s.tagName!=="SPAN"&&s.classList.add(`${F.b()}-item-select`)}}const z=C("menu"),B=`${z.b()}-item-select`,we=`${z.b()}-item-disabled`;var Z=n.defineComponent({name:"DMenuItem",props:ye,setup(e,l){var c,y;const t=n.getCurrentInstance(),s=String(t==null?void 0:t.vnode.key),a=n.inject("menuStore"),o=n.inject("mode"),d=n.inject("multiple"),f=n.inject("defaultIndent"),m=n.inject("isCollapsed"),b=n.inject("defaultSelectKey"),{disabled:V}=n.toRefs(e),v=n.ref(ne(b.value,s,d,V)),$=n.ref(!0),M=n.inject("rootMenuEmit"),k=n.inject("useRouter"),A=t==null?void 0:t.appContext.config.globalProperties.$router,w=n.computed(()=>({[`${z.b()}-item`]:!0,[`${z.b()}-item-isCollapsed`]:m.value,[B]:v.value,[we]:V.value}));a.on("menuItem:clear:select",()=>{v.value=!1});const L=r=>{var u;r.stopPropagation();const i=r.currentTarget;let p;if(e.disabled&&r.preventDefault(),!e.disabled){if(!d)a.emit("menuItem:clear:select"),ee(i,r,o.value==="horizontal"),o.value==="horizontal"&&se(r),v.value=!0,p=ve(e,A,k.value,s);else if(i.classList.contains(B)){M("deselect",{type:"deselect",key:s,el:i,e:r}),v.value=!1;return}else v.value=!0,i.classList.add(B);p===void 0?M("select",{type:"select",key:s,el:i,e:r}):M("select",{type:"select",key:s,el:i,e:r,route:p})}if(o.value==="vertical"){const h=r.currentTarget;be(h)}if(o.value==="horizontal"){const h=(u=i.parentElement)==null?void 0:u.parentElement;h==null||h.classList.add(`${z.b()}-active-parent`)}},N=n.createVNode("span",{class:`${z.b()}-icon`},[(y=(c=l.slots).icon)==null?void 0:y.call(c)]),g=n.ref(null);return n.watch(V,()=>{d||(w.value[B]=!1)}),n.watch(()=>[...b.value],r=>{v.value=ne(r,s,d,V),w.value[B]=v.value}),n.onMounted(()=>{var p,u;let r="";const i=g.value;o.value==="vertical"&&((u=(p=i.parentElement)==null?void 0:p.parentElement)!=null&&u.classList.contains(z.b())?($.value=!0,$.value&&(i.style.paddingRight="",i.style.paddingLeft=`${f}px`),n.watch(m,h=>{h?(i.style.padding!=="0"&&(r=i.style.padding),setTimeout(()=>{i.style.padding="0",i.style.width="",i.style.textAlign="center"},300),i.style.display="block"):(i.style.padding=`${r}`,i.style.textAlign="",i.style.display="flex")})):$.value=!1)}),()=>o.value==="vertical"?n.createVNode("div",{class:`${z.b()}-item-vertical-wrapper`},[n.createVNode("li",{class:w.value,onClick:L,ref:g},[l.slots.icon!==void 0&&N,e.href===""?n.createVNode(n.Transition,{name:"fade"},{default:()=>{var r,i;return[n.withDirectives(n.createVNode("span",null,[(i=(r=l.slots).default)==null?void 0:i.call(r)]),[[n.vShow,!m.value]])]}}):n.createVNode("a",{href:e.href},[n.createVNode(n.Transition,{name:"fade"},{default:()=>{var r,i;return[(i=(r=l.slots).default)==null?void 0:i.call(r)]}})])])]):n.createVNode("li",{class:w.value,onClick:L,ref:g},[l.slots.icon!==void 0&&N,e.href===""?n.createVNode(n.Transition,{name:"fade"},{default:()=>{var r,i;return[n.withDirectives(n.createVNode("span",null,[(i=(r=l.slots).default)==null?void 0:i.call(r)]),[[n.vShow,!m.value]])]}}):n.createVNode("a",{href:e.href},[n.createVNode(n.Transition,{name:"fade"},{default:()=>{var r,i;return[(i=(r=l.slots).default)==null?void 0:i.call(r)]}})])])}});function ae(e=8){const l="abcdefghijklmnopqrstuvwxyz0123456789";let t="";for(let s=0;s<e;s++)t+=l[parseInt((Math.random()*l.length).toString())];return t}function le(e){for(;e&&e.tagName!=="LI"&&e.tagName!=="UL";)e=e.parentElement;return e}const oe="0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out",D={"before-enter"(e){e.style.transition=oe,e.setAttribute("data-oldPadding",e.style.padding),e.setAttribute("data-oldMargin",e.style.margin),e.style.height="0",e.style.padding="0",e.style.margin="0"},enter(e){e.dataset.oldOverflow=e.style.overflow,e.scrollHeight!==0?e.style.height=e.scrollHeight+"px":e.style.height="",e.style.padding=e.getAttribute("data-oldPadding"),e.style.margin=e.getAttribute("data-oldMargin"),e.style.overflow="hidden"},"after-enter"(e){e.style.transition="",e.style.transition="",e.style.height="",e.style.overflow=e.getAttribute("data-overflow")},"before-leave"(e){e.dataset||(e.dataset={}),e.dataset.oldPaddingTop=e.style.paddingTop,e.dataset.oldPaddingBottom=e.style.paddingBottom,e.dataset.oldOverflow=e.style.overflow,e.style.height=e.scrollHeight+"px",e.style.overflow="hidden"},leave(e){e.scrollHeight!==0&&(e.style.transition=oe,e.style.height="0",e.style.paddingTop="0",e.style.paddingBottom="0")},"after-leave"(e){e.style.transition="",e.style.height="",e.style.overflow=e.dataset.oldOverflow,e.style.paddingTop=e.dataset.oldPaddingTop,e.style.paddingBottom=e.dataset.oldPaddingBottom}};var Le=n.defineComponent({name:"DMenuTransition",setup(e,l){return()=>n.createVNode(n.Transition,{onBeforeEnter:t=>D["before-enter"](t),onBeforeLeave:t=>D["before-leave"](t),onEnter:t=>D.enter(t),onAfterEnter:t=>D["after-enter"](t),onLeave:t=>D.leave(t),onAfterLeave:t=>D["after-leave"](t)},{default:()=>{var t,s;return[(s=(t=l.slots).default)==null?void 0:s.call(t)]}})}});const Ne={title:{type:String,default:""},disabled:{type:Boolean,default:!1}},R=C("menu"),$e=C("submenu"),I=`${R.b()}-item-horizontal-wrapper-hidden`,H=`${R.b()}-item-horizontal-wrapper-show`;function T(e,l,t){const s=l.currentTarget,a=s.parentElement,o=t.children;if(t.style.padding="0 20px !important",e==="mouseenter"){if((a==null?void 0:a.tagName)==="DIV"){t.classList.add(`${R.b()}-item-horizontal-wrapper-level`);const{width:d}=s.getClientRects()[0];t.style.top="0px",t.style.left=`${d}px`}else t.style.top="26px",t.style.left="0px";t.classList.remove(I),t.classList.add(H);for(let d=0;d<o.length;d++){const f=o[d];if(f.tagName==="UL"&&f.classList.contains($e.b())){const m=f.getElementsByClassName(`${R.b()}-item-horizontal-wrapper`)[0];f.addEventListener("mouseenter",b=>{b.stopPropagation(),T("mouseenter",b,m),m.classList.remove(I),m.classList.add(H)}),f.addEventListener("mouseleave",b=>{b.stopPropagation(),T("mouseleave",b,m),m.classList.remove(H),m.classList.add(I)})}}}e==="mouseleave"&&(t.classList.remove(H),t.classList.add(I))}function Se(){return n.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[n.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[n.createVNode("path",{d:`M3.64644661,5.64644661 C3.82001296,5.47288026 4.08943736,5.45359511 4.2843055,5.58859116 L4.35355339,5.64644661
|
|
2
2
|
L8,9.293 L11.6464466,5.64644661 C11.820013,5.47288026 12.0894374,5.45359511 12.2843055,5.58859116 L12.3535534,5.64644661
|
|
3
3
|
C12.5271197,5.82001296 12.5464049,6.08943736 12.4114088,6.2843055 L12.3535534,6.35355339 L8.35355339,10.3535534
|
|
4
4
|
C8.17998704,10.5271197 7.91056264,10.5464049 7.7156945,10.4114088 L7.64644661,10.3535534 L3.64644661,6.35355339
|
|
5
|
-
C3.45118446,6.15829124 3.45118446,5.84170876 3.64644661,5.64644661 Z`},null)])])}const K=
|
|
5
|
+
C3.45118446,6.15829124 3.45118446,5.84170876 3.64644661,5.64644661 Z`},null)])])}const K=C("menu"),P=C("submenu").b();var U=n.defineComponent({name:"DSubMenu",props:Ne,setup(e,l){const t=n.ref(!0),{vnode:{key:s}}=n.getCurrentInstance();let a=String(s);const o=n.inject("openKeys"),d=n.ref(o.value.includes(a)),f=n.inject("defaultIndent"),m=n.inject("isCollapsed"),b=n.inject("mode"),V=n.ref(null),v=n.inject("rootMenuEmit"),$=b.value==="horizontal";a==="null"&&(console.warn("[devui][menu]: Key can not be null"),a=`randomKey-${ae(16)}`);const M=c=>{c.stopPropagation();const y=le(c.target);if(!(y.classList.contains(P)&&$)&&($&&(ee(y,c,!0),se(c)),!e.disabled&&b.value!=="horizontal")){const r=le(c.target),i=o.value.indexOf(a);i>=0&&r.tagName==="UL"?o.value.splice(i,1):r.tagName==="UL"&&o.value.push(a),d.value=o.value.indexOf(a)>=0,v("submenu-change",{type:"submenu-change",state:d.value,key:a,el:y})}},k=n.ref(null);let A;const w=n.ref(null),L=n.ref(null);let N="";const g=n.ref("");return n.watchEffect(()=>{A=k.value,ue({el:w.value})},{flush:"post"}),n.watch(()=>o,c=>{c.value.includes(a)?d.value=!0:d.value=!1},{deep:!0}),n.onMounted(()=>{var r;const c=L.value,y=w.value;fe(),g.value=`layer_${(r=Array.from(y.classList).at(-1))==null?void 0:r.replace("layer_","")}`,$&&!e.disabled&&(w.value.addEventListener("mouseenter",i=>{i.stopPropagation(),T("mouseenter",i,A)}),w.value.addEventListener("mouseleave",i=>{i.stopPropagation(),T("mouseleave",i,A)})),n.watch(m,i=>{const p=Number(ge(y));Number.isNaN(p)||p>2&&(t.value=!m.value),i?(c.style.padding!=="0"&&(N=c.style.padding),setTimeout(()=>{c.style.padding="0",c.style.width="",c.style.textAlign="center"},300),c.style.display="block"):(c.style.padding=`${N}`,c.style.textAlign="",c.style.display="flex")})}),()=>{var c,y,r,i;return n.withDirectives(n.createVNode("ul",{onClick:M,class:[P,g.value,e.disabled&&`${P}-disabled`],ref:w},[n.createVNode("div",{class:[`${P}-title`],style:`padding: 0 ${f}px`,ref:L},[n.createVNode("span",{class:`${K.b()}-icon`},[(y=(c=l.slots)==null?void 0:c.icon)==null?void 0:y.call(c)]),n.withDirectives(n.createVNode("span",{class:`${P}-title-content`},[e.title]),[[n.vShow,!m.value]]),n.withDirectives(n.createVNode(Se,{class:[K.e("arrow-icon"),{"is-opened":d.value}]},null),[[n.vShow,!m.value&&s!=="overflowContainer"&&g.value!==`layer_${P}`]]),n.withDirectives(n.createVNode("i",{class:{"icon icon-chevron-up":!1,"icon icon-chevron-right":g.value===`layer_${P}`,"is-opened":d.value}},null),[[n.vShow,!m.value&&s!=="overflowContainer"]])]),$?n.withDirectives(n.createVNode("div",{class:`${K.b()}-item-horizontal-wrapper ${K.b()}-item-horizontal-wrapper-hidden`,ref:k},[(i=(r=l.slots).default)==null?void 0:i.call(r)]),[[n.vShow,!e.disabled]]):n.createVNode(Le,null,{default:()=>{var p,u;return[n.withDirectives(n.createVNode("div",{class:[`${P}-menu-item-vertical-wrapper`],ref:V},[(u=(p=l.slots).default)==null?void 0:u.call(p)]),[[n.vShow,d.value]])]}})]),[[n.vShow,t.value]])}}});const Ce={width:{type:String,default:""},collapsed:{type:Boolean,default:!1},collapsedIndent:{type:Number,default:24},indentSize:{type:Number,default:24},multiple:{type:Boolean,default:!1},openKeys:{type:Array,default:[]},defaultSelectKeys:{type:Array,default:[]},mode:{type:String,default:"vertical"},router:{type:Boolean,default:!1},disableOverflowStyle:{type:Boolean,default:!1}};var ze="";const E={};class Ee{constructor(l){this.rootMenuName=l}on(l,t){var s;(s=E==null?void 0:E[this.rootMenuName])!=null&&s[l]||Reflect.set(E[this.rootMenuName],l,[]),E[this.rootMenuName][l].push(t)}emit(l,...t){E[this.rootMenuName][l].forEach(s=>s(...t))}off(l,t){const s=E[this.rootMenuName][l].indexOf(t);s>=0&&E[this.rootMenuName][l].splice(s,1)}}function Me(e){return E[e]||Reflect.set(E,e,{}),new Ee(e)}var G=n.defineComponent({name:"DMenu",props:Ce,emits:["select","deselect","submenu-change"],setup(e,l){const t=C("menu"),{openKeys:s,mode:a,collapsed:o,defaultSelectKeys:d,router:f}=n.toRefs(e),m=ae(16),b=Me(m);n.provide("menuStore",b),n.provide("isCollapsed",o),n.provide("defaultIndent",e.indentSize),n.provide("multiple",e.multiple),n.provide("openKeys",s),n.provide("defaultSelectKey",d),n.provide("mode",a),n.provide("collapsedIndent",e.collapsedIndent),n.provide("rootMenuEmit",l.emit),n.provide("useRouter",f),de(e.indentSize);const V=n.ref(null),v=n.ref(0),$=n.ref(null),M=`${t.b()}-item-select`,k=n.computed(()=>({[`${t.b()}`]:!0,[`${t.b()}-vertical`]:a.value==="vertical",[`${t.b()}-horizontal`]:a.value==="horizontal",[`${t.b()}-collapsed`]:o.value})),A=n.reactive({[M]:!1,[`${t.b()}-overflow-container`]:!0}),w=L=>{const N=Array.from(L.children);for(const g of N)if(g.classList.contains(M)){A[M]=!0;break}else A[M]=!1};return n.onMounted(()=>{var L;if(e.mode==="horizontal"){let N=!1;const g=(L=$.value)==null?void 0:L.$el,c=V.value,y=c.children,r=g.children[1],i=new IntersectionObserver(p=>{p.forEach(u=>{if(!u.isIntersecting&&!e.disableOverflowStyle){const h=u.target.cloneNode(!0);u.target.classList.contains(`${t.b()}-overflow-container`)?N&&u.target.previousElementSibling&&r.children.length?c.appendChild(u.target.previousElementSibling):N=!0:(v.value+=1,u.target.style.visibility="hidden",g.nextSibling?c.insertBefore(u.target,g.nextSibling):c.appendChild(u.target),r.appendChild(h),w(r))}else if(!u.target.classList.contains(`${t.b()}-overflow-container`)&&u.target.style.visibility==="hidden"){i.unobserve(u.target),c.insertBefore(u.target,g),u.target.style.visibility="";const h=g.previousElementSibling;if(h&&u.boundingClientRect.width%u.target.getBoundingClientRect().width===0&&i.observe(h),h!=null&&h.classList.contains("devui-submenu")){const ie=h,re=h.children[1];ie.addEventListener("mouseenter",j=>{j.stopPropagation(),T("mouseenter",j,re)}),ie.addEventListener("mouseleave",j=>{j.stopPropagation(),T("mouseleave",j,re)})}v.value-=1,i.observe(u.target),r.lastChild&&r.removeChild(r.lastChild),w(r)}})},{root:c,threshold:1,rootMargin:"8px"});for(let p=0;p<y.length;p++)i.observe(y[p])}}),()=>{var L,N;return n.createVNode("ul",{ref:V,class:k.value,style:[e.collapsed?`width:${e.collapsedIndent*2}px`:`width: ${e.width}`]},[(N=(L=l.slots).default)==null?void 0:N.call(L),n.withDirectives(n.createVNode(U,{ref:$,key:"overflowContainer",title:"...",class:A},null),[[n.vShow,v.value>0&&a.value==="horizontal"&&!e.disableOverflowStyle]])])}}}),Ve={title:"Menu \u83DC\u5355",category:"\u5BFC\u822A",status:"100%",install(e){e.component(G.name,G),e.component(Z.name,Z),e.component(U.name,U)}};S.Menu=G,S.MenuItem=Z,S.SubMenu=U,S.default=Ve,Object.defineProperties(S,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/message/index.es.js
CHANGED
|
@@ -1,23 +1,9 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
1
|
import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, watch, Transition, shallowReactive, createApp, onUnmounted, isVNode, reactive } from "vue";
|
|
2
|
+
/**
|
|
3
|
+
* @vue/shared v3.4.27
|
|
4
|
+
* (c) 2018-present Yuxi (Evan) You and Vue contributors
|
|
5
|
+
* @license MIT
|
|
6
|
+
**/
|
|
21
7
|
const isString = (val) => typeof val === "string";
|
|
22
8
|
const DEFAULT_PREFIX = "icon";
|
|
23
9
|
const iconProps = {
|
|
@@ -383,9 +369,10 @@ var Message$1 = defineComponent({
|
|
|
383
369
|
if (!shadow.value) {
|
|
384
370
|
messageStyles["box-shadow"] = "none";
|
|
385
371
|
}
|
|
386
|
-
return
|
|
372
|
+
return {
|
|
373
|
+
...messageStyles,
|
|
387
374
|
top: `${lastOffset.value}px`
|
|
388
|
-
}
|
|
375
|
+
};
|
|
389
376
|
});
|
|
390
377
|
const renderIcon = computed(() => {
|
|
391
378
|
const iconClasses = computed(() => ({
|
|
@@ -418,7 +405,9 @@ var Message$1 = defineComponent({
|
|
|
418
405
|
}, {
|
|
419
406
|
default: () => [visible.value && createVNode("div", mergeProps({
|
|
420
407
|
"class": classes.value,
|
|
421
|
-
"style":
|
|
408
|
+
"style": {
|
|
409
|
+
...styles.value
|
|
410
|
+
},
|
|
422
411
|
"onMouseenter": interrupt,
|
|
423
412
|
"onMouseleave": removeReset
|
|
424
413
|
}, attrs), [renderIcon.value, renderText.value, renderClose.value])]
|
|
@@ -471,7 +460,10 @@ const normalizeOptions = (params) => {
|
|
|
471
460
|
const options = !params || isString(params) ? {
|
|
472
461
|
message: params
|
|
473
462
|
} : params;
|
|
474
|
-
const normalized =
|
|
463
|
+
const normalized = {
|
|
464
|
+
...defaultOptions,
|
|
465
|
+
...options
|
|
466
|
+
};
|
|
475
467
|
return normalized;
|
|
476
468
|
};
|
|
477
469
|
let seed = 0;
|
|
@@ -479,13 +471,15 @@ function open(options) {
|
|
|
479
471
|
const originOnClose = options.onClose || null;
|
|
480
472
|
const messageContent = options.message;
|
|
481
473
|
delete options.message;
|
|
482
|
-
const props = reactive(
|
|
474
|
+
const props = reactive({
|
|
475
|
+
...defaultOptions,
|
|
476
|
+
...options,
|
|
483
477
|
onClose: () => {
|
|
484
478
|
props.visible = false;
|
|
485
479
|
deleteInstance(props.id);
|
|
486
480
|
originOnClose == null ? void 0 : originOnClose();
|
|
487
481
|
}
|
|
488
|
-
})
|
|
482
|
+
});
|
|
489
483
|
seed++;
|
|
490
484
|
const id = `message_${seed}`;
|
|
491
485
|
props.id = id;
|
|
@@ -495,31 +489,37 @@ function open(options) {
|
|
|
495
489
|
}
|
|
496
490
|
function message(params) {
|
|
497
491
|
const options = normalizeOptions(params);
|
|
498
|
-
open(
|
|
492
|
+
open({
|
|
493
|
+
...options
|
|
494
|
+
});
|
|
499
495
|
}
|
|
500
496
|
function success(params) {
|
|
501
497
|
const options = normalizeOptions(params);
|
|
502
|
-
open(
|
|
498
|
+
open({
|
|
499
|
+
...options,
|
|
503
500
|
type: "success"
|
|
504
|
-
})
|
|
501
|
+
});
|
|
505
502
|
}
|
|
506
503
|
function error(params) {
|
|
507
504
|
const options = normalizeOptions(params);
|
|
508
|
-
open(
|
|
505
|
+
open({
|
|
506
|
+
...options,
|
|
509
507
|
type: "error"
|
|
510
|
-
})
|
|
508
|
+
});
|
|
511
509
|
}
|
|
512
510
|
function warning(params) {
|
|
513
511
|
const options = normalizeOptions(params);
|
|
514
|
-
open(
|
|
512
|
+
open({
|
|
513
|
+
...options,
|
|
515
514
|
type: "warning"
|
|
516
|
-
})
|
|
515
|
+
});
|
|
517
516
|
}
|
|
518
517
|
function info(params) {
|
|
519
518
|
const options = normalizeOptions(params);
|
|
520
|
-
open(
|
|
519
|
+
open({
|
|
520
|
+
...options,
|
|
521
521
|
type: "info"
|
|
522
|
-
})
|
|
522
|
+
});
|
|
523
523
|
}
|
|
524
524
|
const Message = Object.assign(message, {
|
|
525
525
|
success,
|
package/message/index.umd.js
CHANGED
|
@@ -1 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
(function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e(f.index={},f.Vue))})(this,function(f,e){"use strict";/**
|
|
2
|
+
* @vue/shared v3.4.27
|
|
3
|
+
* (c) 2018-present Yuxi (Evan) You and Vue contributors
|
|
4
|
+
* @license MIT
|
|
5
|
+
**/const P=t=>typeof t=="string",M={name:{type:String,default:""},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},T={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function b(t,n,s){let o=t;return n&&(o+=`__${n}`),s&&(o+=`--${s}`),o}function g(t,n=!1){const s=n?`.devui-${t}`:`devui-${t}`;return{b:()=>b(s),e:l=>l?b(s,l):"",m:l=>l?b(s,"",l):"",em:(l,u)=>l&&u?b(s,l,u):""}}var ce="",B=e.defineComponent({name:"DSvgIcon",props:T,setup(t){const{name:n,color:s,size:o}=e.toRefs(t),a=g("svg-icon"),r=e.computed(()=>`#icon-${n.value}`),c=e.computed(()=>typeof o.value=="number"?`${o.value}px`:o.value),l={width:c.value,height:c.value};return()=>e.createVNode("svg",{class:a.b(),style:l},[e.createVNode("use",{"xlink:href":r.value,fill:s.value},null)])}});function L(t){return/^((http|https):)?\/\//.test(t)}function k(t,n){const{component:s,name:o,size:a,color:r,classPrefix:c,rotate:l}=e.toRefs(t),u=g("icon"),p=e.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),m=s.value?e.resolveDynamicComponent(s.value):e.resolveDynamicComponent(B),d=()=>e.createVNode("img",e.mergeProps({src:o.value,alt:o.value.split("/")[o.value.split("/").length-1],class:[(l==null?void 0:l.value)==="infinite"&&u.m("spin")],style:{width:p.value||"",transform:`rotate(${l==null?void 0:l.value}deg)`,verticalAlign:"middle"}},n.attrs),null),N=()=>e.createVNode(m,e.mergeProps({name:o.value,color:r.value,size:p.value,class:[(l==null?void 0:l.value)==="infinite"&&u.m("spin")],style:{transform:`rotate(${l==null?void 0:l.value}deg)`}},n.attrs),null),V=()=>{const I=/^icon-/.test(o.value)?o.value:`${c.value}-${o.value}`;return e.createVNode("i",e.mergeProps({class:[c.value,I,(l==null?void 0:l.value)==="infinite"&&u.m("spin")],style:{fontSize:p.value,color:r.value,transform:`rotate(${l==null?void 0:l.value}deg)`}},n.attrs),null)};return{iconDom:()=>s.value?N():L(o.value)?d():V()}}var A=e.defineComponent({name:"DIcon",props:M,emits:["click"],setup(t,n){const{disabled:s,operable:o}=e.toRefs(t),{iconDom:a}=k(t,n),r=g("icon"),c=e.computed(()=>({[r.e("container")]:!0,[r.m("disabled")]:s.value,[r.m("operable")]:o.value,[r.m("no-slots")]:!Object.keys(n.slots).length})),l=u=>{s.value||n.emit("click",u)};return()=>{var u,p,m,d;return e.createVNode("div",{class:c.value,onClick:l},[(p=(u=n.slots).prefix)==null?void 0:p.call(u),a(),(d=(m=n.slots).suffix)==null?void 0:d.call(m)])}}}),re="";e.defineComponent({name:"DIconGroup",setup(t,n){const s=g("icon-group");return()=>{var o,a;return e.createVNode("div",{class:s.b()},[(a=(o=n.slots).default)==null?void 0:a.call(o)])}}});var O=e.defineComponent({emits:["click"],setup(t,{emit:n}){const s=g("message");return()=>e.createVNode("div",{class:s.e("icon-close"),onClick:o=>n("click",o)},[e.createVNode(A,{name:"close",size:"14px"},null)])}});const x={id:{type:String,default:""},visible:{type:Boolean,default:!1},message:{type:String,default:""},type:{type:String,default:"normal"},bordered:{type:Boolean,default:!0},shadow:{type:Boolean,default:!0},duration:{type:Number,default:3e3},showClose:{type:Boolean,default:!1},onClose:{type:Function}},h=g("message");function _(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:h.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"},null)])}function j(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:h.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z"},null)])}function R(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:h.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"},null)])}function E(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:h.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"},null)])}var ie="",F=e.defineComponent({name:"DMessage",inheritAttrs:!1,props:x,emits:["destroy","close"],setup(t,{emit:n,attrs:s,slots:o}){const{visible:a,message:r,type:c,bordered:l,shadow:u,showClose:p}=e.toRefs(t),m=g("message");let d=null,N;const V=()=>{n("destroy")},C=()=>{var i;d&&clearTimeout(d),d=null,(i=t.onClose)==null||i.call(t)},I=()=>{d&&t.duration&&(clearTimeout(d),d=null)},Z=()=>{if(t.visible&&t.duration){const i=t.duration-(Date.now()-N);d=setTimeout(C,i)}};e.watch(()=>t.visible,i=>{i&&(N=Date.now(),t.duration&&(d=setTimeout(C,t.duration)))});const ee=e.computed(()=>({[m.b()]:!0,[m.m(c.value)]:!0})),te=e.computed(()=>q(t.id)),ne=e.computed(()=>{const i={};return l.value||(i.border="none"),u.value||(i["box-shadow"]="none"),{...i,top:`${te.value}px`}}),oe=e.computed(()=>{const i=e.computed(()=>({[m.e("image")]:!0,[m.em("image",c.value)]:!0}));return!(!c.value||c.value==="normal")&&e.createVNode("span",{class:i.value},[c.value&&(c.value==="success"&&e.createVNode(_,null,null)||c.value==="info"&&e.createVNode(R,null,null)||c.value==="warning"&&e.createVNode(j,null,null)||c.value==="error"&&e.createVNode(E,null,null))])}),se=e.computed(()=>{var $;const i=e.computed(()=>({[m.e("content")]:!0,[m.em("content",c.value)]:!0}));return e.createVNode("span",{class:i.value},[r.value?r.value:($=o.default)==null?void 0:$.call(o)])}),le=e.computed(()=>p.value&&e.createVNode("span",{class:[m.e("close")],onClick:C},[e.createVNode(O,null,null)]));return()=>e.createVNode(e.Transition,{name:"message-fade",onAfterLeave:V},{default:()=>[a.value&&e.createVNode("div",e.mergeProps({class:ee.value,style:{...ne.value},onMouseenter:I,onMouseleave:Z},s),[oe.value,se.value,le.value])]})}});function U(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const w=e.shallowReactive([]),q=t=>w.findIndex(s=>s.id===t)*65+80,G=t=>{const n=w.findIndex(s=>s.id===t);return n!==-1&&w.splice(n,1),n},X=(t,n,s)=>{const o=document.createElement("div");o.id=t;const a=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(F,e.mergeProps(n,{id:t,onDestroy:a.unmount}),U(s)?s:{default:()=>[s]})}});return document.body.appendChild(o),a.mount(o),{id:t,props:n}},z={duration:3e3,type:"normal"},v=t=>{const n=!t||P(t)?{message:t}:t;return{...z,...n}};let S=0;function y(t){const n=t.onClose||null,s=t.message;delete t.message;const o=e.reactive({...z,...t,onClose:()=>{o.visible=!1,G(o.id),n==null||n()}});S++;const a=`message_${S}`;o.id=a;const r=X(a,o,s);w.push(r),o.visible=!0}function W(t){const n=v(t);y({...n})}function H(t){const n=v(t);y({...n,type:"success"})}function J(t){const n=v(t);y({...n,type:"error"})}function K(t){const n=v(t);y({...n,type:"warning"})}function Q(t){const n=v(t);y({...n,type:"info"})}const D=Object.assign(W,{success:H,error:J,warning:K,info:Q});var Y={title:"Message \u5168\u5C40\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(t){t.config.globalProperties.$message=D}};f.Message=D,f.default=Y,f.messageProps=x,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/modal/index.es.js
CHANGED
|
@@ -1,39 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __objRest = (source, exclude) => {
|
|
21
|
-
var target = {};
|
|
22
|
-
for (var prop in source)
|
|
23
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
-
target[prop] = source[prop];
|
|
25
|
-
if (source != null && __getOwnPropSymbols)
|
|
26
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
-
target[prop] = source[prop];
|
|
29
|
-
}
|
|
30
|
-
return target;
|
|
31
|
-
};
|
|
32
|
-
var __publicField = (obj, key, value) => {
|
|
33
|
-
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
34
|
-
return value;
|
|
35
|
-
};
|
|
36
|
-
import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, watch, onUnmounted, Transition, ref, unref, nextTick, withModifiers, onMounted, watchEffect, onBeforeUnmount, Teleport, h, render } from "vue";
|
|
1
|
+
import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, watch, onUnmounted, Transition, ref, nextTick, unref, withModifiers, onMounted, watchEffect, onBeforeUnmount, Teleport, h, render } from "vue";
|
|
37
2
|
import { offset, flip, arrow, computePosition } from "@floating-ui/dom";
|
|
38
3
|
const modalProps = {
|
|
39
4
|
modelValue: {
|
|
@@ -340,13 +305,16 @@ function useFixedOverlay(props, ctx) {
|
|
|
340
305
|
const removeBodyAdditions = () => {
|
|
341
306
|
lockScrollCb == null ? void 0 : lockScrollCb();
|
|
342
307
|
};
|
|
343
|
-
watch(
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
308
|
+
watch(
|
|
309
|
+
() => props.modelValue,
|
|
310
|
+
(val) => {
|
|
311
|
+
if (val) {
|
|
312
|
+
props.lockScroll && (lockScrollCb = lockScroll());
|
|
313
|
+
} else {
|
|
314
|
+
removeBodyAdditions();
|
|
315
|
+
}
|
|
348
316
|
}
|
|
349
|
-
|
|
317
|
+
);
|
|
350
318
|
onUnmounted(removeBodyAdditions);
|
|
351
319
|
return { onClick };
|
|
352
320
|
}
|
|
@@ -514,18 +482,21 @@ function useOverlay(props, emit) {
|
|
|
514
482
|
const originEl = (_b = (_a = props.origin) == null ? void 0 : _a.$el) != null ? _b : props.origin;
|
|
515
483
|
originEl && (originObserver == null ? void 0 : originObserver.unobserve(originEl));
|
|
516
484
|
};
|
|
517
|
-
watch(
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
485
|
+
watch(
|
|
486
|
+
() => props.modelValue,
|
|
487
|
+
() => {
|
|
488
|
+
if (props.modelValue && props.origin) {
|
|
489
|
+
nextTick(updatePosition);
|
|
490
|
+
window.addEventListener("scroll", scrollCallback, true);
|
|
491
|
+
window.addEventListener("resize", updatePosition);
|
|
492
|
+
observeOrigin();
|
|
493
|
+
} else {
|
|
494
|
+
window.removeEventListener("scroll", scrollCallback, true);
|
|
495
|
+
window.removeEventListener("resize", updatePosition);
|
|
496
|
+
unobserveOrigin();
|
|
497
|
+
}
|
|
527
498
|
}
|
|
528
|
-
|
|
499
|
+
);
|
|
529
500
|
onUnmounted(() => {
|
|
530
501
|
window.removeEventListener("scroll", scrollCallback, true);
|
|
531
502
|
window.removeEventListener("resize", updatePosition);
|
|
@@ -605,15 +576,19 @@ function useModalRender(props) {
|
|
|
605
576
|
const removeBodyAdditions = () => {
|
|
606
577
|
lockScrollCb == null ? void 0 : lockScrollCb();
|
|
607
578
|
};
|
|
608
|
-
watch(
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
579
|
+
watch(
|
|
580
|
+
() => props.modelValue,
|
|
581
|
+
(val) => {
|
|
582
|
+
if (val) {
|
|
583
|
+
props.lockScroll && (lockScrollCb = lockScroll());
|
|
584
|
+
} else {
|
|
585
|
+
removeBodyAdditions();
|
|
586
|
+
}
|
|
587
|
+
},
|
|
588
|
+
{
|
|
589
|
+
immediate: true
|
|
613
590
|
}
|
|
614
|
-
|
|
615
|
-
immediate: true
|
|
616
|
-
});
|
|
591
|
+
);
|
|
617
592
|
onUnmounted(removeBodyAdditions);
|
|
618
593
|
}
|
|
619
594
|
function addUnit(value, defaultUnit = "px") {
|
|
@@ -930,15 +905,20 @@ class ModalService extends CommonModalService {
|
|
|
930
905
|
open(props = {}) {
|
|
931
906
|
const anchor = document.createElement("div");
|
|
932
907
|
this.anchorContainer.appendChild(anchor);
|
|
933
|
-
const
|
|
908
|
+
const { header, content, footer, ...resProps } = props;
|
|
934
909
|
const renderOrigin = (propsValue, onUpdateModelValue) => {
|
|
935
|
-
return this.renderModal(
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
910
|
+
return this.renderModal(
|
|
911
|
+
anchor,
|
|
912
|
+
{
|
|
913
|
+
...propsValue,
|
|
914
|
+
modelValue: true,
|
|
915
|
+
"onUpdate:modelValue": onUpdateModelValue
|
|
916
|
+
},
|
|
917
|
+
{ header, default: content, footer }
|
|
918
|
+
);
|
|
939
919
|
};
|
|
940
920
|
const hide = () => {
|
|
941
|
-
var
|
|
921
|
+
var _a, _b, _c;
|
|
942
922
|
const innerNeedHideOrNot = (value) => {
|
|
943
923
|
if (!value) {
|
|
944
924
|
hide();
|
|
@@ -946,13 +926,13 @@ class ModalService extends CommonModalService {
|
|
|
946
926
|
};
|
|
947
927
|
renderOrigin(resProps, (value) => {
|
|
948
928
|
if (!value) {
|
|
949
|
-
this.renderModal(anchor,
|
|
929
|
+
this.renderModal(anchor, { ...resProps, modelValue: false });
|
|
950
930
|
this.renderNull(anchor);
|
|
951
931
|
} else {
|
|
952
932
|
renderOrigin(resProps, innerNeedHideOrNot);
|
|
953
933
|
}
|
|
954
934
|
});
|
|
955
|
-
(_c = (_b = (
|
|
935
|
+
(_c = (_b = (_a = vm == null ? void 0 : vm.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.handleVisibleChange) == null ? void 0 : _c.call(_b, false);
|
|
956
936
|
};
|
|
957
937
|
const needHideOrNot = (value) => {
|
|
958
938
|
if (!value) {
|
|
@@ -964,7 +944,7 @@ class ModalService extends CommonModalService {
|
|
|
964
944
|
return { hide };
|
|
965
945
|
}
|
|
966
946
|
}
|
|
967
|
-
|
|
947
|
+
ModalService.token = "MODAL_SERVICE_TOKEN";
|
|
968
948
|
var index = {
|
|
969
949
|
title: "Modal \u5F39\u7A97",
|
|
970
950
|
category: "\u53CD\u9988",
|
package/modal/index.umd.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
var he=Object.defineProperty,ve=Object.defineProperties;var we=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var U=(s,e,m)=>e in s?he(s,e,{enumerable:!0,configurable:!0,writable:!0,value:m}):s[e]=m,X=(s,e)=>{for(var m in e||(e={}))G.call(e,m)&&U(s,m,e[m]);if(I)for(var m of I(e))K.call(e,m)&&U(s,m,e[m]);return s},H=(s,e)=>ve(s,we(e));var Z=(s,e)=>{var m={};for(var E in s)G.call(s,E)&&e.indexOf(E)<0&&(m[E]=s[E]);if(s!=null&&I)for(var E of I(s))e.indexOf(E)<0&&K.call(s,E)&&(m[E]=s[E]);return m};var J=(s,e,m)=>(U(s,typeof e!="symbol"?e+"":e,m),m);(function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.index={},s.Vue,s.dom))})(this,function(s,e,m){"use strict";const E={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function},escapable:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},showAnimation:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},type:{type:String,default:""},keepLast:{type:Boolean,default:!1}},Q={name:{type:String,default:""},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},ee={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function O(o,t,n){let l=o;return t&&(l+=`__${t}`),n&&(l+=`--${n}`),l}function x(o,t=!1){const n=t?`.devui-${o}`:`devui-${o}`;return{b:()=>O(n),e:a=>a?O(n,a):"",m:a=>a?O(n,"",a):"",em:(a,d)=>a&&d?O(n,a,d):""}}var Ve="",te=e.defineComponent({name:"DSvgIcon",props:ee,setup(o){const{name:t,color:n,size:l}=e.toRefs(o),r=x("svg-icon"),i=e.computed(()=>`#icon-${t.value}`),c=e.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),a={width:c.value,height:c.value};return()=>e.createVNode("svg",{class:r.b(),style:a},[e.createVNode("use",{"xlink:href":i.value,fill:n.value},null)])}});function oe(o){return/^((http|https):)?\/\//.test(o)}function ne(o,t){const{component:n,name:l,size:r,color:i,classPrefix:c,rotate:a}=e.toRefs(o),d=x("icon"),g=e.computed(()=>typeof r.value=="number"?`${r.value}px`:r.value),w=n.value?e.resolveDynamicComponent(n.value):e.resolveDynamicComponent(te),u=()=>e.createVNode("img",e.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(a==null?void 0:a.value)==="infinite"&&d.m("spin")],style:{width:g.value||"",transform:`rotate(${a==null?void 0:a.value}deg)`,verticalAlign:"middle"}},t.attrs),null),h=()=>e.createVNode(w,e.mergeProps({name:l.value,color:i.value,size:g.value,class:[(a==null?void 0:a.value)==="infinite"&&d.m("spin")],style:{transform:`rotate(${a==null?void 0:a.value}deg)`}},t.attrs),null),b=()=>{const N=/^icon-/.test(l.value)?l.value:`${c.value}-${l.value}`;return e.createVNode("i",e.mergeProps({class:[c.value,N,(a==null?void 0:a.value)==="infinite"&&d.m("spin")],style:{fontSize:g.value,color:i.value,transform:`rotate(${a==null?void 0:a.value}deg)`}},t.attrs),null)};return{iconDom:()=>n.value?h():oe(l.value)?u():b()}}var Y=e.defineComponent({name:"DIcon",props:Q,emits:["click"],setup(o,t){const{disabled:n,operable:l}=e.toRefs(o),{iconDom:r}=ne(o,t),i=x("icon"),c=e.computed(()=>({[i.e("container")]:!0,[i.m("disabled")]:n.value,[i.m("operable")]:l.value,[i.m("no-slots")]:!Object.keys(t.slots).length})),a=d=>{n.value||t.emit("click",d)};return()=>{var d,g,w,u;return e.createVNode("div",{class:c.value,onClick:a},[(g=(d=t.slots).prefix)==null?void 0:g.call(d),r(),(u=(w=t.slots).suffix)==null?void 0:u.call(w)])}}}),Ce="";e.defineComponent({name:"DIconGroup",setup(o,t){const n=x("icon-group");return()=>{var l,r;return e.createVNode("div",{class:n.b()},[(r=(l=t.slots).default)==null?void 0:r.call(l)])}}});const le={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function j(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const o=document.documentElement.scrollTop,t=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${o}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{t?document.documentElement.setAttribute("style",t):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=o}}}function ae(o,t){let n;const l=i=>{i.preventDefault(),t.emit("click",i),o.closeOnClickOverlay&&t.emit("update:modelValue",!1)},r=()=>{n==null||n()};return e.watch(()=>o.modelValue,i=>{i?o.lockScroll&&(n=j()):r()}),e.onUnmounted(r),{onClick:l}}var Ne="";const re=e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:le,emits:["update:modelValue","click"],setup(o,t){const{modelValue:n}=e.toRefs(o),l=x("fixed-overlay"),{onClick:r}=ae(o,t);return()=>e.createVNode(e.Transition,{name:l.m("fade")},{default:()=>{var i,c;return[n.value&&e.createVNode("div",e.mergeProps({class:l.b()},t.attrs,{onClick:r}),[(c=(i=t.slots).default)==null?void 0:c.call(i)])]}})}}),ie={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1},fitOriginWidth:{type:Boolean,default:!1}};function se(o,t,n,l){let{x:r,y:i}=t;if(!o){const{width:c,height:a}=l;r&&n.includes("start")&&(r=12),r&&n.includes("end")&&(r=Math.round(c-24)),i&&n.includes("start")&&(i=10),i&&n.includes("end")&&(i=a-14)}return{x:r,y:i}}function ce(o,t){const{fitOriginWidth:n,position:l,showArrow:r}=e.toRefs(o),i=e.ref(),c=e.ref(),a=e.ref(0);let d;const g=e.computed(()=>n.value?{width:a.value+"px"}:{}),w=(y,p,v,C)=>{const{x:f,y:k}=se(o.isArrowCenter,v,p,C.getBoundingClientRect()),M={top:"bottom",right:"left",bottom:"top",left:"right"}[p.split("-")[0]];Object.assign(y.style,{left:f?`${f}px`:"",top:k?`${k}px`:"",right:"",bottom:"",[M]:"-4px"})},u=async()=>{const y=o.origin,p=e.unref(i.value),v=e.unref(c.value),[C,...f]=l.value,k=[m.offset(o.offset)];k.push(f.length?m.flip({fallbackPlacements:f}):m.flip()),r.value&&k.push(m.arrow({element:c.value}));const{x:M,y:F,placement:A,middlewareData:S}=await m.computePosition(y,p,{strategy:"fixed",placement:C,middleware:k});let $=M,T=F;t("positionChange",A),Object.assign(p.style,{top:`${T}px`,left:`${$}px`}),o.showArrow&&w(v,A,S.arrow,p)},h=y=>{var v,C;const p=y.target;(p==null?void 0:p.contains((C=(v=o.origin)==null?void 0:v.$el)!=null?C:o.origin))&&u()},b=y=>{a.value=y.getBoundingClientRect().width,u()},V=()=>{var y,p;if(n.value&&typeof window!="undefined"){const v=(p=(y=o.origin)==null?void 0:y.$el)!=null?p:o.origin;v&&(d=new window.ResizeObserver(()=>b(v)),d.observe(v))}},N=()=>{var p,v;const y=(v=(p=o.origin)==null?void 0:p.$el)!=null?v:o.origin;y&&(d==null||d.unobserve(y))};return e.watch(()=>o.modelValue,()=>{o.modelValue&&o.origin?(e.nextTick(u),window.addEventListener("scroll",h,!0),window.addEventListener("resize",u),V()):(window.removeEventListener("scroll",h,!0),window.removeEventListener("resize",u),N())}),e.onUnmounted(()=>{window.removeEventListener("scroll",h,!0),window.removeEventListener("resize",u),N()}),{arrowRef:c,overlayRef:i,styles:g,updatePosition:u}}var Ee="";e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:ie,emits:["update:modelValue","positionChange"],setup(o,{slots:t,attrs:n,emit:l,expose:r}){const i=x("flexible-overlay"),{clickEventBubble:c}=e.toRefs(o),{arrowRef:a,overlayRef:d,styles:g,updatePosition:w}=ce(o,l);return r({updatePosition:w}),()=>{var u;return o.modelValue&&e.createVNode("div",e.mergeProps({ref:d,class:i.b(),style:g.value},n,{onClick:e.withModifiers(()=>({}),[c.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(u=t.default)==null?void 0:u.call(t),o.showArrow&&e.createVNode("div",{ref:a,class:i.e("arrow")},null)])}}});const de=typeof window!="undefined";function ue(o,t){function n(){t("update:modelValue",!1),t("close")}function l(){o.beforeClose?o.beforeClose(n):n()}function r(i){i.code==="Escape"&&l()}return e.onMounted(()=>{o.escapable&&window.addEventListener("keydown",r)}),e.onUnmounted(()=>{o.escapable&&window.addEventListener("keydown",r)}),{execClose:l}}function fe(o){let t;const n=()=>{t==null||t()};e.watch(()=>o.modelValue,l=>{l?o.lockScroll&&(t=j()):n()},{immediate:!0}),e.onUnmounted(n)}function _(o,t="px"){return o?typeof o=="string"?o:typeof o=="number"?`${o}${t}`:"":""}const me=(o,t,n)=>{const l=e.ref("translate(-50%, -50%)");let r={offsetX:0,offsetY:0};const i=g=>{const w=g.clientX,u=g.clientY,{offsetX:h,offsetY:b}=r,V=o.value.getBoundingClientRect(),N=V.left,y=V.top,p=V.width,v=V.height,C=document.documentElement.clientWidth,f=document.documentElement.clientHeight,k=-N+h,M=-y+b,F=C-N-p+h,A=f-y-v+b,S=T=>{const W=Math.min(Math.max(h+T.clientX-w,k),F),q=Math.min(Math.max(b+T.clientY-u,M),A);r={offsetX:W,offsetY:q},l.value=`translate(calc(-50% + ${_(W)}), calc(-50% + ${_(q)}))`},$=()=>{document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",$)};document.addEventListener("mousemove",S),document.addEventListener("mouseup",$)},c=()=>{t.value&&o.value&&t.value.addEventListener("mousedown",i)},a=()=>{t.value&&o.value&&t.value.removeEventListener("mousedown",i)};return e.onMounted(()=>{e.watchEffect(()=>{n.value?c():a()})}),e.onBeforeUnmount(()=>{a()}),{clearPosition:()=>{r={offsetX:0,offsetY:0},l.value="translate(-50%, -50%)"},modalPosition:l}};var B=e.defineComponent({name:"DModalHeader",setup(o,{slots:t}){const n=x("modal");return()=>{var l;return e.createVNode("div",{class:n.e("header")},[(l=t.default)==null?void 0:l.call(t)])}}}),P=e.defineComponent({name:"DModalBody",setup(o,{slots:t}){const n=x("modal");return()=>{var l;return e.createVNode("div",{class:n.e("body")},[(l=t.default)==null?void 0:l.call(t)])}}});function pe(){return e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{id:"modal-close",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{transform:"translate(3.000000, 3.000000)",fill:"#71757F","fill-rule":"nonzero",id:"modal-close-road"},[e.createVNode("path",{d:`M-0.353553391,-0.353553391 C-0.179987039,-0.527119742 0.0894373624,-0.546404893 0.284305503,-0.411408841 L0.353553391,-0.353553391
|
|
1
|
+
(function(b,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(b=typeof globalThis!="undefined"?globalThis:b||self,e(b.index={},b.Vue,b.dom))})(this,function(b,e,x){"use strict";const z={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function},escapable:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},showAnimation:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},type:{type:String,default:""},keepLast:{type:Boolean,default:!1}},j={name:{type:String,default:""},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},_={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function B(o,t,n){let l=o;return t&&(l+=`__${t}`),n&&(l+=`--${n}`),l}function C(o,t=!1){const n=t?`.devui-${o}`:`devui-${o}`;return{b:()=>B(n),e:a=>a?B(n,a):"",m:a=>a?B(n,"",a):"",em:(a,c)=>a&&c?B(n,a,c):""}}var de="",W=e.defineComponent({name:"DSvgIcon",props:_,setup(o){const{name:t,color:n,size:l}=e.toRefs(o),r=C("svg-icon"),i=e.computed(()=>`#icon-${t.value}`),s=e.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),a={width:s.value,height:s.value};return()=>e.createVNode("svg",{class:r.b(),style:a},[e.createVNode("use",{"xlink:href":i.value,fill:n.value},null)])}});function q(o){return/^((http|https):)?\/\//.test(o)}function G(o,t){const{component:n,name:l,size:r,color:i,classPrefix:s,rotate:a}=e.toRefs(o),c=C("icon"),y=e.computed(()=>typeof r.value=="number"?`${r.value}px`:r.value),m=n.value?e.resolveDynamicComponent(n.value):e.resolveDynamicComponent(W),u=()=>e.createVNode("img",e.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(a==null?void 0:a.value)==="infinite"&&c.m("spin")],style:{width:y.value||"",transform:`rotate(${a==null?void 0:a.value}deg)`,verticalAlign:"middle"}},t.attrs),null),g=()=>e.createVNode(m,e.mergeProps({name:l.value,color:i.value,size:y.value,class:[(a==null?void 0:a.value)==="infinite"&&c.m("spin")],style:{transform:`rotate(${a==null?void 0:a.value}deg)`}},t.attrs),null),V=()=>{const E=/^icon-/.test(l.value)?l.value:`${s.value}-${l.value}`;return e.createVNode("i",e.mergeProps({class:[s.value,E,(a==null?void 0:a.value)==="infinite"&&c.m("spin")],style:{fontSize:y.value,color:i.value,transform:`rotate(${a==null?void 0:a.value}deg)`}},t.attrs),null)};return{iconDom:()=>n.value?g():q(l.value)?u():V()}}var F=e.defineComponent({name:"DIcon",props:j,emits:["click"],setup(o,t){const{disabled:n,operable:l}=e.toRefs(o),{iconDom:r}=G(o,t),i=C("icon"),s=e.computed(()=>({[i.e("container")]:!0,[i.m("disabled")]:n.value,[i.m("operable")]:l.value,[i.m("no-slots")]:!Object.keys(t.slots).length})),a=c=>{n.value||t.emit("click",c)};return()=>{var c,y,m,u;return e.createVNode("div",{class:s.value,onClick:a},[(y=(c=t.slots).prefix)==null?void 0:y.call(c),r(),(u=(m=t.slots).suffix)==null?void 0:u.call(m)])}}}),ue="";e.defineComponent({name:"DIconGroup",setup(o,t){const n=C("icon-group");return()=>{var l,r;return e.createVNode("div",{class:n.b()},[(r=(l=t.slots).default)==null?void 0:r.call(l)])}}});const K={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function U(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const o=document.documentElement.scrollTop,t=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${o}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{t?document.documentElement.setAttribute("style",t):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=o}}}function Z(o,t){let n;const l=i=>{i.preventDefault(),t.emit("click",i),o.closeOnClickOverlay&&t.emit("update:modelValue",!1)},r=()=>{n==null||n()};return e.watch(()=>o.modelValue,i=>{i?o.lockScroll&&(n=U()):r()}),e.onUnmounted(r),{onClick:l}}var fe="";const J=e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:K,emits:["update:modelValue","click"],setup(o,t){const{modelValue:n}=e.toRefs(o),l=C("fixed-overlay"),{onClick:r}=Z(o,t);return()=>e.createVNode(e.Transition,{name:l.m("fade")},{default:()=>{var i,s;return[n.value&&e.createVNode("div",e.mergeProps({class:l.b()},t.attrs,{onClick:r}),[(s=(i=t.slots).default)==null?void 0:s.call(i)])]}})}}),Q={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1},fitOriginWidth:{type:Boolean,default:!1}};function ee(o,t,n,l){let{x:r,y:i}=t;if(!o){const{width:s,height:a}=l;r&&n.includes("start")&&(r=12),r&&n.includes("end")&&(r=Math.round(s-24)),i&&n.includes("start")&&(i=10),i&&n.includes("end")&&(i=a-14)}return{x:r,y:i}}function te(o,t){const{fitOriginWidth:n,position:l,showArrow:r}=e.toRefs(o),i=e.ref(),s=e.ref(),a=e.ref(0);let c;const y=e.computed(()=>n.value?{width:a.value+"px"}:{}),m=(p,f,h,w)=>{const{x:d,y:N}=ee(o.isArrowCenter,h,f,w.getBoundingClientRect()),k={top:"bottom",right:"left",bottom:"top",left:"right"}[f.split("-")[0]];Object.assign(p.style,{left:d?`${d}px`:"",top:N?`${N}px`:"",right:"",bottom:"",[k]:"-4px"})},u=async()=>{const p=o.origin,f=e.unref(i.value),h=e.unref(s.value),[w,...d]=l.value,N=[x.offset(o.offset)];N.push(d.length?x.flip({fallbackPlacements:d}):x.flip()),r.value&&N.push(x.arrow({element:s.value}));const{x:k,y:R,placement:D,middlewareData:A}=await x.computePosition(p,f,{strategy:"fixed",placement:w,middleware:N});let S=k,$=R;t("positionChange",D),Object.assign(f.style,{top:`${$}px`,left:`${S}px`}),o.showArrow&&m(h,D,A.arrow,f)},g=p=>{var h,w;const f=p.target;f!=null&&f.contains((w=(h=o.origin)==null?void 0:h.$el)!=null?w:o.origin)&&u()},V=p=>{a.value=p.getBoundingClientRect().width,u()},v=()=>{var p,f;if(n.value&&typeof window!="undefined"){const h=(f=(p=o.origin)==null?void 0:p.$el)!=null?f:o.origin;h&&(c=new window.ResizeObserver(()=>V(h)),c.observe(h))}},E=()=>{var f,h;const p=(h=(f=o.origin)==null?void 0:f.$el)!=null?h:o.origin;p&&(c==null||c.unobserve(p))};return e.watch(()=>o.modelValue,()=>{o.modelValue&&o.origin?(e.nextTick(u),window.addEventListener("scroll",g,!0),window.addEventListener("resize",u),v()):(window.removeEventListener("scroll",g,!0),window.removeEventListener("resize",u),E())}),e.onUnmounted(()=>{window.removeEventListener("scroll",g,!0),window.removeEventListener("resize",u),E()}),{arrowRef:s,overlayRef:i,styles:y,updatePosition:u}}var me="";e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:Q,emits:["update:modelValue","positionChange"],setup(o,{slots:t,attrs:n,emit:l,expose:r}){const i=C("flexible-overlay"),{clickEventBubble:s}=e.toRefs(o),{arrowRef:a,overlayRef:c,styles:y,updatePosition:m}=te(o,l);return r({updatePosition:m}),()=>{var u;return o.modelValue&&e.createVNode("div",e.mergeProps({ref:c,class:i.b(),style:y.value},n,{onClick:e.withModifiers(()=>({}),[s.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(u=t.default)==null?void 0:u.call(t),o.showArrow&&e.createVNode("div",{ref:a,class:i.e("arrow")},null)])}}});const oe=typeof window!="undefined";function ne(o,t){function n(){t("update:modelValue",!1),t("close")}function l(){o.beforeClose?o.beforeClose(n):n()}function r(i){i.code==="Escape"&&l()}return e.onMounted(()=>{o.escapable&&window.addEventListener("keydown",r)}),e.onUnmounted(()=>{o.escapable&&window.addEventListener("keydown",r)}),{execClose:l}}function le(o){let t;const n=()=>{t==null||t()};e.watch(()=>o.modelValue,l=>{l?o.lockScroll&&(t=U()):n()},{immediate:!0}),e.onUnmounted(n)}function X(o,t="px"){return o?typeof o=="string"?o:typeof o=="number"?`${o}${t}`:"":""}const ae=(o,t,n)=>{const l=e.ref("translate(-50%, -50%)");let r={offsetX:0,offsetY:0};const i=y=>{const m=y.clientX,u=y.clientY,{offsetX:g,offsetY:V}=r,v=o.value.getBoundingClientRect(),E=v.left,p=v.top,f=v.width,h=v.height,w=document.documentElement.clientWidth,d=document.documentElement.clientHeight,N=-E+g,k=-p+V,R=w-E-f+g,D=d-p-h+V,A=$=>{const H=Math.min(Math.max(g+$.clientX-m,N),R),Y=Math.min(Math.max(V+$.clientY-u,k),D);r={offsetX:H,offsetY:Y},l.value=`translate(calc(-50% + ${X(H)}), calc(-50% + ${X(Y)}))`},S=()=>{document.removeEventListener("mousemove",A),document.removeEventListener("mouseup",S)};document.addEventListener("mousemove",A),document.addEventListener("mouseup",S)},s=()=>{t.value&&o.value&&t.value.addEventListener("mousedown",i)},a=()=>{t.value&&o.value&&t.value.removeEventListener("mousedown",i)};return e.onMounted(()=>{e.watchEffect(()=>{n.value?s():a()})}),e.onBeforeUnmount(()=>{a()}),{clearPosition:()=>{r={offsetX:0,offsetY:0},l.value="translate(-50%, -50%)"},modalPosition:l}};var M=e.defineComponent({name:"DModalHeader",setup(o,{slots:t}){const n=C("modal");return()=>{var l;return e.createVNode("div",{class:n.e("header")},[(l=t.default)==null?void 0:l.call(t)])}}}),O=e.defineComponent({name:"DModalBody",setup(o,{slots:t}){const n=C("modal");return()=>{var l;return e.createVNode("div",{class:n.e("body")},[(l=t.default)==null?void 0:l.call(t)])}}});function re(){return e.createVNode("svg",{width:"18px",height:"18px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{id:"modal-close",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{transform:"translate(3.000000, 3.000000)",fill:"#71757F","fill-rule":"nonzero",id:"modal-close-road"},[e.createVNode("path",{d:`M-0.353553391,-0.353553391 C-0.179987039,-0.527119742 0.0894373624,-0.546404893 0.284305503,-0.411408841 L0.353553391,-0.353553391
|
|
2
2
|
L10.3535534,9.64644661 C10.5488155,9.84170876 10.5488155,10.1582912 10.3535534,10.3535534 C10.179987,10.5271197 9.91056264,10.5464049
|
|
3
3
|
9.7156945,10.4114088 L9.64644661,10.3535534 L-0.353553391,0.353553391 C-0.548815536,0.158291245 -0.548815536,-0.158291245
|
|
4
4
|
-0.353553391,-0.353553391 Z`},null),e.createVNode("path",{d:`M9.64644661,-0.353553391 C9.84170876,-0.548815536 10.1582912,-0.548815536 10.3535534,-0.353553391 C10.5271197,-0.179987039
|
|
5
5
|
10.5464049,0.0894373624 10.4114088,0.284305503 L10.3535534,0.353553391 L0.353553391,10.3535534 C0.158291245,10.5488155
|
|
6
6
|
-0.158291245,10.5488155 -0.353553391,10.3535534 C-0.527119742,10.179987 -0.546404893,9.91056264 -0.411408841,9.7156945 L-0.353553391,9.64644661
|
|
7
|
-
L9.64644661,-0.353553391 Z`},null)])])])}var
|
|
7
|
+
L9.64644661,-0.353553391 Z`},null)])])])}var pe="",P=e.defineComponent({name:"DModal",inheritAttrs:!1,props:z,emits:["update:modelValue","close"],setup(o,{slots:t,attrs:n,emit:l}){const r=C("modal"),{modelValue:i,title:s,showClose:a,showOverlay:c,appendToBody:y,closeOnClickOverlay:m,keepLast:u}=e.toRefs(o),{execClose:g}=ne(o,l);le(o);const V=e.ref(),v=e.ref(),E=e.computed(()=>o.draggable),{clearPosition:p,modalPosition:f}=ae(V,v,E);e.watch(i,w=>{w&&!u.value&&(p(),e.nextTick(()=>{const d=document==null?void 0:document.querySelector("[autofocus]");d&&d.focus()}))});const h=()=>{const d=[{type:"success",text:"\u6210\u529F",icon:"right-o",color:"var(--devui-success)"},{type:"failed",text:"\u9519\u8BEF",icon:"error-o",color:"var(--devui-danger)"},{type:"warning",text:"\u8B66\u544A",icon:"warning-o",color:"var(--devui-warning)"},{type:"info",text:"\u4FE1\u606F",icon:"info-o",color:"var(--devui-info)"}].find(N=>N.type===o.type);return e.createVNode("div",{style:{cursor:o.draggable?"move":"default"},ref:v},[e.createVNode(M,null,{default:()=>[e.createVNode("div",{class:"type-content"},[e.createVNode("div",{class:"type-content-icon"},[e.createVNode(F,{name:d==null?void 0:d.icon,color:d==null?void 0:d.color},null)]),e.createVNode("div",{class:"type-content-text"},[d==null?void 0:d.text])])]})])};return()=>e.createVNode(e.Teleport,{to:"body",disabled:!y.value},{default:()=>[c.value&&e.createVNode(J,e.mergeProps({modelValue:i.value},{"onUpdate:modelValue":g},{class:r.e("overlay"),"lock-scroll":!1,"close-on-click-overlay":m.value,style:{zIndex:"calc(var(--devui-z-index-modal, 1050) - 1)"}}),null),e.createVNode(e.Transition,{name:o.showAnimation?r.m("wipe"):""},{default:()=>{var w;return[i.value&&e.createVNode("div",e.mergeProps({ref:V,class:r.b()},n,{onClick:d=>d.stopPropagation(),style:{transform:f.value}}),[a.value&&e.createVNode("div",{onClick:g,class:"btn-close"},[e.createVNode(F,{operable:!0,component:re()},null)]),o.type?h():e.createVNode("div",{style:{cursor:o.draggable?"move":"default"},ref:v},[t.header?t.header():s.value&&e.createVNode(M,null,{default:()=>[s.value]})]),e.createVNode(O,null,{default:()=>{var d;return[(d=t.default)==null?void 0:d.call(t)]}}),(w=t.footer)==null?void 0:w.call(t)])]}})]})}}),T=e.defineComponent({name:"DModalFooter",setup(o,{slots:t}){const n=C("modal");return()=>{var l;return e.createVNode("div",{class:n.e("footer")},[(l=t.default)==null?void 0:l.call(t)])}}});class ie{constructor(t){this.anchorContainer=t}renderModal(t,n,l){const r=e.h(this.component(),n,l);return e.render(r,t),r}renderNull(t){setTimeout(()=>{e.render(null,t)},500)}}let L;class I extends ie{component(){return P}open(t={}){const n=document.createElement("div");this.anchorContainer.appendChild(n);const{header:l,content:r,footer:i,...s}=t,a=(m,u)=>this.renderModal(n,{...m,modelValue:!0,"onUpdate:modelValue":u},{header:l,default:r,footer:i}),c=()=>{var u,g,V;const m=v=>{v||c()};a(s,v=>{v?a(s,m):(this.renderModal(n,{...s,modelValue:!1}),this.renderNull(n))}),(V=(g=(u=L==null?void 0:L.component)==null?void 0:u.exposed)==null?void 0:g.handleVisibleChange)==null||V.call(g,!1)},y=m=>{m||c()};return this.renderModal(n,{modelValue:!1}),L=a(s,y),{hide:c}}}I.token="MODAL_SERVICE_TOKEN";var se={title:"Modal \u5F39\u7A97",category:"\u53CD\u9988",status:"100%",install(o){if(o.component(P.name,P),o.component(M.name,M),o.component(O.name,O),o.component(T.name,T),!oe)return;let t=document.getElementById("d-modal-anchors-container");t||(t=document.createElement("div"),t.setAttribute("id","d-modal-anchors-container"),document.body.appendChild(t)),o.provide(I.token,new I(t))}};b.Modal=P,b.ModalBody=O,b.ModalFooter=T,b.ModalHeader=M,b.default=se,b.modalProps=z,Object.defineProperties(b,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|