ep-craft 0.1.37 → 0.1.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/badge/index.js +6 -5
- package/dist/components/calendar/EpCalendar.vue.d.ts +50 -0
- package/dist/components/calendar/EpCalendar.vue.js +154 -0
- package/dist/components/calendar/EpCalendar2.vue.js +4 -0
- package/dist/components/calendar/EpDateTable.vue.d.ts +27 -0
- package/dist/components/calendar/EpDateTable.vue.js +89 -0
- package/dist/components/calendar/EpDateTable2.vue.js +4 -0
- package/dist/components/calendar/EpSelectController.vue.d.ts +8 -0
- package/dist/components/calendar/EpSelectController.vue.js +88 -0
- package/dist/components/calendar/EpSelectController2.vue.js +4 -0
- package/dist/components/calendar/calendar.d.ts +54 -0
- package/dist/components/calendar/calendar.js +45 -0
- package/dist/components/calendar/date-table.d.ts +53 -0
- package/dist/components/calendar/date-table.js +41 -0
- package/dist/components/calendar/index.d.ts +13 -2
- package/dist/components/calendar/index.js +9 -4
- package/dist/components/calendar/instance.d.ts +5 -0
- package/dist/components/calendar/select-controller.d.ts +31 -0
- package/dist/components/calendar/select-controller.js +21 -0
- package/dist/components/calendar/use-calendar.d.ts +13 -0
- package/dist/components/calendar/use-calendar.js +84 -0
- package/dist/components/calendar/use-date-table.d.ts +18 -0
- package/dist/components/calendar/use-date-table.js +99 -0
- package/dist/components/carousel/EpCarousel.vue.d.ts +1 -1
- package/dist/components/cascader/EpCascader.vue.d.ts +4 -4
- package/dist/components/config-provider/index.js +5 -4
- package/dist/components/config-provider/src/config-provider-props.d.ts +3 -6
- package/dist/components/config-provider/src/config-provider-props.js +1 -1
- package/dist/components/config-provider/src/hooks/use-global-config.js +75 -47
- package/dist/components/date-picker-panel/src/composables/use-basic-date-table.d.ts +1 -1
- package/dist/components/date-picker-panel/src/date-picker-panel.d.ts +1 -1
- package/dist/components/dialog/EpDialog.vue.d.ts +61 -0
- package/dist/components/dialog/EpDialog.vue.js +214 -0
- package/dist/components/dialog/EpDialog2.vue.js +4 -0
- package/dist/components/dialog/EpDialogContent.vue.d.ts +31 -0
- package/dist/components/dialog/EpDialogContent.vue.js +108 -0
- package/dist/components/dialog/EpDialogContent2.vue.js +4 -0
- package/dist/components/dialog/constants.d.ts +12 -0
- package/dist/components/dialog/constants.js +5 -0
- package/dist/components/dialog/dialog-content.d.ts +84 -0
- package/dist/components/dialog/dialog-content.js +90 -0
- package/dist/components/dialog/dialog.d.ts +173 -0
- package/dist/components/dialog/dialog.js +156 -0
- package/dist/components/dialog/index.d.ts +20 -2
- package/dist/components/dialog/index.js +24 -4
- package/dist/components/dialog/instance.d.ts +2 -0
- package/dist/components/dialog/use-dialog.d.ts +35 -0
- package/dist/components/dialog/use-dialog.js +176 -0
- package/dist/components/drawer/EpDrawer.vue.d.ts +67 -0
- package/dist/components/drawer/EpDrawer.vue.js +234 -0
- package/dist/components/drawer/EpDrawer2.vue.js +4 -0
- package/dist/components/drawer/drawer.d.ts +105 -0
- package/dist/components/drawer/drawer.js +42 -0
- package/dist/components/drawer/index.d.ts +14 -2
- package/dist/components/drawer/index.js +9 -4
- package/dist/components/drawer/instance.d.ts +2 -0
- package/dist/components/drawer/useResizable.d.ts +7 -0
- package/dist/components/drawer/useResizable.js +50 -0
- package/dist/components/dropdown/src/dropdown-item-impl2.vue.js +2 -2
- package/dist/components/dropdown/src/dropdown-item2.vue.js +2 -2
- package/dist/components/dropdown/src/dropdown-menu2.vue.js +2 -2
- package/dist/components/dropdown/src/dropdown2.vue.js +2 -2
- package/dist/components/empty/index.js +2 -1
- package/dist/components/form/index.js +11 -9
- package/dist/components/form/src/form-item.js +5 -5
- package/dist/components/form/src/form.js +5 -6
- package/dist/components/form-item/index.js +6 -5
- package/dist/components/infinite-scroll/index.d.ts +26 -0
- package/dist/components/infinite-scroll/index.js +15 -0
- package/dist/components/infinite-scroll/src/index.d.ts +20 -0
- package/dist/components/infinite-scroll/src/index.js +109 -0
- package/dist/components/loading/index.d.ts +15 -0
- package/dist/components/loading/index.js +13 -0
- package/dist/components/loading/src/directive.d.ts +13 -0
- package/dist/components/loading/src/directive.js +62 -0
- package/dist/components/loading/src/loading.d.ts +34 -0
- package/dist/components/loading/src/loading.js +121 -0
- package/dist/components/loading/src/service.d.ts +8 -0
- package/dist/components/loading/src/service.js +67 -0
- package/dist/components/loading/src/types.d.ts +47 -0
- package/dist/components/message/index.d.ts +3 -0
- package/dist/components/message/index.js +18 -0
- package/dist/components/message/src/instance.d.ts +18 -0
- package/dist/components/message/src/instance.js +18 -0
- package/dist/components/message/src/message.d.ts +175 -0
- package/dist/components/message/src/message.js +160 -0
- package/dist/components/message/src/message.vue.d.ts +38 -0
- package/dist/components/message/src/message.vue.js +156 -0
- package/dist/components/message/src/message2.vue.js +4 -0
- package/dist/components/message/src/method.d.ts +5 -0
- package/dist/components/message/src/method.js +123 -0
- package/dist/components/message-box/index.d.ts +6 -0
- package/dist/components/message-box/index.js +9 -0
- package/dist/components/message-box/src/index.vue.d.ts +5517 -0
- package/dist/components/message-box/src/index.vue.js +203 -0
- package/dist/components/message-box/src/index2.vue.js +237 -0
- package/dist/components/message-box/src/message-box.type.d.ts +167 -0
- package/dist/components/message-box/src/messageBox.d.ts +3 -0
- package/dist/components/message-box/src/messageBox.js +102 -0
- package/dist/components/notification/index.d.ts +3 -0
- package/dist/components/notification/index.js +15 -0
- package/dist/components/notification/src/notification.d.ts +157 -0
- package/dist/components/notification/src/notification.js +127 -0
- package/dist/components/notification/src/notification.vue.d.ts +34 -0
- package/dist/components/notification/src/notification.vue.js +146 -0
- package/dist/components/notification/src/notification2.vue.js +4 -0
- package/dist/components/notification/src/notify.d.ts +15 -0
- package/dist/components/notification/src/notify.js +100 -0
- package/dist/components/option/index.js +3 -3
- package/dist/components/overlay/index.d.ts +8 -0
- package/dist/components/overlay/overlay.d.ts +73 -0
- package/dist/components/overlay/overlay.js +80 -0
- package/dist/components/page-header/EpPageHeader.vue.d.ts +30 -0
- package/dist/components/page-header/EpPageHeader.vue.js +109 -0
- package/dist/components/page-header/EpPageHeader2.vue.js +4 -0
- package/dist/components/page-header/index.d.ts +13 -2
- package/dist/components/page-header/index.js +9 -4
- package/dist/components/page-header/instance.d.ts +2 -0
- package/dist/components/page-header/page-header.d.ts +26 -0
- package/dist/components/page-header/page-header.js +33 -0
- package/dist/components/popconfirm/EpPopconfirm.vue.d.ts +36 -0
- package/dist/components/popconfirm/EpPopconfirm.vue.js +146 -0
- package/dist/components/popconfirm/EpPopconfirm2.vue.js +4 -0
- package/dist/components/popconfirm/index.d.ts +14 -2
- package/dist/components/popconfirm/index.js +9 -4
- package/dist/components/popconfirm/instance.d.ts +2 -0
- package/dist/components/popconfirm/popconfirm.d.ts +106 -0
- package/dist/components/popconfirm/popconfirm.js +103 -0
- package/dist/components/progress/src/progress.vue.d.ts +1 -1
- package/dist/components/roving-focus-group/index.js +2 -2
- package/dist/components/roving-focus-group/src/roving-focus-group.vue.js +19 -11
- package/dist/components/roving-focus-group/src/roving-focus-group2.vue.js +11 -19
- package/dist/components/roving-focus-group/src/roving-focus-item.vue.js +76 -18
- package/dist/components/roving-focus-group/src/roving-focus-item2.vue.js +18 -76
- package/dist/components/select/index.d.ts +21 -21
- package/dist/components/select/select.vue.d.ts +7 -7
- package/dist/components/select/select2.vue.js +12 -12
- package/dist/components/select/src/option.vue.js +5 -5
- package/dist/components/select-v2/src/select.vue.d.ts +8 -8
- package/dist/components/table-v2/index.d.ts +21 -2
- package/dist/components/table-v2/index.js +11 -4
- package/dist/components/table-v2/src/EpTableV2.d.ts +359 -0
- package/dist/components/table-v2/src/EpTableV2.js +287 -0
- package/dist/components/table-v2/src/cell.d.ts +27 -0
- package/dist/components/table-v2/src/common.d.ts +42 -0
- package/dist/components/table-v2/src/common.js +38 -0
- package/dist/components/table-v2/src/components/cell.d.ts +4 -0
- package/dist/components/table-v2/src/components/cell.js +20 -0
- package/dist/components/table-v2/src/components/expand-icon.d.ts +15 -0
- package/dist/components/table-v2/src/components/expand-icon.js +30 -0
- package/dist/components/table-v2/src/components/header-cell.d.ts +4 -0
- package/dist/components/table-v2/src/components/header-cell.js +15 -0
- package/dist/components/table-v2/src/components/header-row.d.ts +59 -0
- package/dist/components/table-v2/src/components/header-row.js +41 -0
- package/dist/components/table-v2/src/components/header.d.ts +105 -0
- package/dist/components/table-v2/src/components/header.js +98 -0
- package/dist/components/table-v2/src/components/index.d.ts +11 -0
- package/dist/components/table-v2/src/components/row.d.ts +166 -0
- package/dist/components/table-v2/src/components/row.js +176 -0
- package/dist/components/table-v2/src/components/sort-icon.d.ts +9 -0
- package/dist/components/table-v2/src/components/sort-icon.js +21 -0
- package/dist/components/table-v2/src/composables/index.d.ts +11 -0
- package/dist/components/table-v2/src/composables/use-columns.d.ts +128 -0
- package/dist/components/table-v2/src/composables/use-columns.js +73 -0
- package/dist/components/table-v2/src/composables/use-data.d.ts +14 -0
- package/dist/components/table-v2/src/composables/use-data.js +33 -0
- package/dist/components/table-v2/src/composables/use-row.d.ts +31 -0
- package/dist/components/table-v2/src/composables/use-row.js +83 -0
- package/dist/components/table-v2/src/composables/use-scrollbar.d.ts +31 -0
- package/dist/components/table-v2/src/composables/use-scrollbar.js +53 -0
- package/dist/components/table-v2/src/composables/use-styles.d.ts +23 -0
- package/dist/components/table-v2/src/composables/use-styles.js +66 -0
- package/dist/components/table-v2/src/composables/utils.d.ts +3 -0
- package/dist/components/table-v2/src/composables/utils.js +19 -0
- package/dist/components/table-v2/src/constants.d.ts +18 -0
- package/dist/components/table-v2/src/constants.js +12 -0
- package/dist/components/table-v2/src/grid.d.ts +105 -0
- package/dist/components/table-v2/src/grid.js +56 -0
- package/dist/components/table-v2/src/header-cell.d.ts +13 -0
- package/dist/components/table-v2/src/header-row.d.ts +26 -0
- package/dist/components/table-v2/src/header-row.js +20 -0
- package/dist/components/table-v2/src/header.d.ts +44 -0
- package/dist/components/table-v2/src/header.js +35 -0
- package/dist/components/table-v2/src/private.d.ts +1 -0
- package/dist/components/table-v2/src/private.js +4 -0
- package/dist/components/table-v2/src/renderers/cell.d.ts +11 -0
- package/dist/components/table-v2/src/renderers/cell.js +101 -0
- package/dist/components/table-v2/src/renderers/empty.d.ts +7 -0
- package/dist/components/table-v2/src/renderers/empty.js +15 -0
- package/dist/components/table-v2/src/renderers/footer.d.ts +7 -0
- package/dist/components/table-v2/src/renderers/footer.js +14 -0
- package/dist/components/table-v2/src/renderers/header-cell.d.ts +14 -0
- package/dist/components/table-v2/src/renderers/header-cell.js +77 -0
- package/dist/components/table-v2/src/renderers/header.d.ts +9 -0
- package/dist/components/table-v2/src/renderers/header.js +53 -0
- package/dist/components/table-v2/src/renderers/left-table.d.ts +8 -0
- package/dist/components/table-v2/src/renderers/left-table.js +22 -0
- package/dist/components/table-v2/src/renderers/main-table.d.ts +8 -0
- package/dist/components/table-v2/src/renderers/main-table.js +21 -0
- package/dist/components/table-v2/src/renderers/overlay.d.ts +3 -0
- package/dist/components/table-v2/src/renderers/overlay.js +14 -0
- package/dist/components/table-v2/src/renderers/right-table.d.ts +8 -0
- package/dist/components/table-v2/src/renderers/right-table.js +22 -0
- package/dist/components/table-v2/src/renderers/row.d.ts +11 -0
- package/dist/components/table-v2/src/renderers/row.js +98 -0
- package/dist/components/table-v2/src/row.d.ts +101 -0
- package/dist/components/table-v2/src/row.js +53 -0
- package/dist/components/table-v2/src/table-grid.d.ts +236 -0
- package/dist/components/table-v2/src/table-grid.js +240 -0
- package/dist/components/table-v2/src/table.d.ts +194 -0
- package/dist/components/table-v2/src/table.js +134 -0
- package/dist/components/table-v2/src/tokens.d.ts +9 -0
- package/dist/components/table-v2/src/tokens.js +5 -0
- package/dist/components/table-v2/src/types.d.ts +99 -0
- package/dist/components/table-v2/src/use-table.d.ts +98 -0
- package/dist/components/table-v2/src/use-table.js +162 -0
- package/dist/components/table-v2/src/utils.d.ts +8 -0
- package/dist/components/table-v2/src/utils.js +15 -0
- package/dist/components/time-picker/src/time-picker-com/panel-time-pick.vue.d.ts +2 -2
- package/dist/components/time-picker/src/time-picker-com/panel-time-range.vue.d.ts +2 -2
- package/dist/components/tour/EpTour.vue.d.ts +1 -1
- package/dist/components/tree-select/src/tree-select.vue.d.ts +10 -10
- package/dist/components/tree-v2/EpTreeNode.vue.d.ts +17 -0
- package/dist/components/tree-v2/EpTreeNode.vue.js +127 -0
- package/dist/components/tree-v2/EpTreeNode2.vue.js +4 -0
- package/dist/components/tree-v2/EpTreeV2.vue.d.ts +61 -0
- package/dist/components/tree-v2/EpTreeV2.vue.js +168 -0
- package/dist/components/tree-v2/EpTreeV22.vue.js +4 -0
- package/dist/components/tree-v2/composables/useCheck.d.ts +15 -0
- package/dist/components/tree-v2/composables/useCheck.js +142 -0
- package/dist/components/tree-v2/composables/useFilter.d.ts +8 -0
- package/dist/components/tree-v2/composables/useFilter.js +50 -0
- package/dist/components/tree-v2/composables/useTree.d.ts +404 -0
- package/dist/components/tree-v2/composables/useTree.js +228 -0
- package/dist/components/tree-v2/index.d.ts +11 -2
- package/dist/components/tree-v2/index.js +5 -2
- package/dist/components/tree-v2/instance.d.ts +2 -0
- package/dist/components/tree-v2/tree-node-content.d.ts +20 -0
- package/dist/components/tree-v2/tree-node-content.js +33 -0
- package/dist/components/tree-v2/types.d.ts +97 -0
- package/dist/components/tree-v2/virtual-tree.d.ts +122 -0
- package/dist/components/tree-v2/virtual-tree.js +140 -0
- package/dist/components/virtual-list/src/builders/build-grid.d.ts +211 -0
- package/dist/components/virtual-list/src/builders/build-grid.js +449 -0
- package/dist/components/virtual-list/src/components/dynamic-size-grid.d.ts +212 -0
- package/dist/components/virtual-list/src/components/dynamic-size-grid.js +200 -0
- package/dist/components/virtual-list/src/components/fixed-size-grid.d.ts +199 -0
- package/dist/components/virtual-list/src/components/fixed-size-grid.js +126 -0
- package/dist/components/virtual-list/src/hooks/use-grid-touch.d.ts +8 -0
- package/dist/components/virtual-list/src/hooks/use-grid-touch.js +40 -0
- package/dist/components/virtual-list/src/hooks/use-grid-wheel.d.ts +13 -0
- package/dist/components/virtual-list/src/hooks/use-grid-wheel.js +30 -0
- package/dist/components/virtual-list/src/props.js +16 -17
- package/dist/components/virtual-list/src/utils.js +14 -13
- package/dist/components/watermark/EpWatermark.vue.d.ts +18 -0
- package/dist/components/watermark/EpWatermark.vue.js +174 -0
- package/dist/components/watermark/EpWatermark2.vue.js +4 -0
- package/dist/components/watermark/index.d.ts +13 -2
- package/dist/components/watermark/index.js +8 -4
- package/dist/components/watermark/instance.d.ts +2 -0
- package/dist/components/watermark/useClips.d.ts +6 -0
- package/dist/components/watermark/useClips.js +91 -0
- package/dist/components/watermark/utils.d.ts +8 -0
- package/dist/components/watermark/utils.js +21 -0
- package/dist/components/watermark/watermark.d.ts +71 -0
- package/dist/components/watermark/watermark.js +60 -0
- package/dist/constants/date.js +9 -0
- package/dist/directives/index.d.ts +11 -0
- package/dist/directives/index.js +25 -0
- package/dist/directives/trap-focus/index.js +40 -0
- package/dist/ep-craft.js +410 -373
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/use-draggable/index.d.ts +6 -0
- package/dist/hooks/use-draggable/index.js +51 -0
- package/dist/hooks/use-locale/index.js +12 -12
- package/dist/hooks/use-namespace/index.js +23 -23
- package/dist/hooks/use-same-target/index.d.ts +5 -0
- package/dist/hooks/use-same-target/index.js +20 -0
- package/dist/hooks/use-z-index/index.js +15 -15
- package/dist/index.d.ts +32 -2
- package/dist/utils/dom/aria.js +16 -12
- package/dist/utils/vue/icon.js +10 -6
- package/dist/utils/vue/install.js +23 -20
- package/dist/vendored-components.d.ts +1 -1
- package/dist/vendored-components.js +23 -3
- package/package.json +1 -1
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
import type { AppContext, ExtractPublicPropTypes, VNode } from 'vue';
|
|
2
|
+
import type { IconPropType, Mutable } from '@element-plus/utils';
|
|
3
|
+
import type MessageConstructor from './message.vue';
|
|
4
|
+
export interface MessageProps {
|
|
5
|
+
/**
|
|
6
|
+
* @description custom class name for Message
|
|
7
|
+
*/
|
|
8
|
+
customClass?: string;
|
|
9
|
+
/**
|
|
10
|
+
* @description whether `message` is treated as HTML string
|
|
11
|
+
*/
|
|
12
|
+
dangerouslyUseHTMLString?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* @description display duration, millisecond. If set to 0, it will not turn off automatically
|
|
15
|
+
*/
|
|
16
|
+
duration?: number;
|
|
17
|
+
/**
|
|
18
|
+
* @description custom icon component, overrides `type`
|
|
19
|
+
*/
|
|
20
|
+
icon?: IconPropType;
|
|
21
|
+
/**
|
|
22
|
+
* @description message dom id
|
|
23
|
+
*/
|
|
24
|
+
id?: string;
|
|
25
|
+
/**
|
|
26
|
+
* @description message text
|
|
27
|
+
*/
|
|
28
|
+
message?: string | VNode | (() => VNode);
|
|
29
|
+
/**
|
|
30
|
+
* @description callback function when closed with the message instance as the parameter
|
|
31
|
+
*/
|
|
32
|
+
onClose?: () => void;
|
|
33
|
+
/**
|
|
34
|
+
* @description whether to show a close button
|
|
35
|
+
*/
|
|
36
|
+
showClose?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* @description message type
|
|
39
|
+
*/
|
|
40
|
+
type?: MessageType;
|
|
41
|
+
/**
|
|
42
|
+
* @description whether message is plain
|
|
43
|
+
*/
|
|
44
|
+
plain?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* @description set the distance to the top of viewport
|
|
47
|
+
*/
|
|
48
|
+
offset?: number;
|
|
49
|
+
/**
|
|
50
|
+
* @description message placement position
|
|
51
|
+
*/
|
|
52
|
+
placement?: MessagePlacement;
|
|
53
|
+
/**
|
|
54
|
+
* @description message element zIndex value
|
|
55
|
+
*/
|
|
56
|
+
zIndex?: number;
|
|
57
|
+
/**
|
|
58
|
+
* @description merge messages with the same content, type of VNode message is not supported
|
|
59
|
+
*/
|
|
60
|
+
grouping?: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* @description The number of repetitions, similar to badge, is used as the initial number when used with `grouping`
|
|
63
|
+
*/
|
|
64
|
+
repeatNum?: number;
|
|
65
|
+
}
|
|
66
|
+
export declare const messageTypes: readonly ["primary", "success", "info", "warning", "error"];
|
|
67
|
+
export declare const messagePlacement: readonly ["top", "top-left", "top-right", "bottom", "bottom-left", "bottom-right"];
|
|
68
|
+
export declare const MESSAGE_DEFAULT_PLACEMENT = "top";
|
|
69
|
+
export type MessageType = (typeof messageTypes)[number];
|
|
70
|
+
export type MessagePlacement = (typeof messagePlacement)[number];
|
|
71
|
+
/** @deprecated please use `MessageType` instead */
|
|
72
|
+
export type messageType = MessageType;
|
|
73
|
+
export interface MessageConfigContext {
|
|
74
|
+
max?: number;
|
|
75
|
+
grouping?: boolean;
|
|
76
|
+
duration?: number;
|
|
77
|
+
offset?: number;
|
|
78
|
+
showClose?: boolean;
|
|
79
|
+
plain?: boolean;
|
|
80
|
+
placement?: string;
|
|
81
|
+
}
|
|
82
|
+
export declare const messageDefaults: Mutable<{
|
|
83
|
+
readonly customClass: "";
|
|
84
|
+
readonly dangerouslyUseHTMLString: false;
|
|
85
|
+
readonly duration: 3000;
|
|
86
|
+
readonly icon: undefined;
|
|
87
|
+
readonly id: "";
|
|
88
|
+
readonly message: "";
|
|
89
|
+
readonly onClose: undefined;
|
|
90
|
+
readonly showClose: false;
|
|
91
|
+
readonly type: "info";
|
|
92
|
+
readonly plain: false;
|
|
93
|
+
readonly offset: 16;
|
|
94
|
+
readonly placement: undefined;
|
|
95
|
+
readonly zIndex: 0;
|
|
96
|
+
readonly grouping: false;
|
|
97
|
+
readonly repeatNum: 1;
|
|
98
|
+
readonly appendTo: HTMLElement;
|
|
99
|
+
}>;
|
|
100
|
+
/**
|
|
101
|
+
* @deprecated Removed after 3.0.0, Use `MessageProps` instead.
|
|
102
|
+
*/
|
|
103
|
+
export declare const messageProps: {
|
|
104
|
+
readonly customClass: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
105
|
+
readonly dangerouslyUseHTMLString: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
106
|
+
readonly duration: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3000, boolean>;
|
|
107
|
+
readonly icon: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, undefined, boolean>;
|
|
108
|
+
readonly id: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
109
|
+
readonly message: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
110
|
+
[key: string]: any;
|
|
111
|
+
}> | (() => VNode)) | (() => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
112
|
+
[key: string]: any;
|
|
113
|
+
}> | (() => VNode)) | (((new (...args: any[]) => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
114
|
+
[key: string]: any;
|
|
115
|
+
}> | (() => VNode)) | (() => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
116
|
+
[key: string]: any;
|
|
117
|
+
}> | (() => VNode))) | null)[], unknown, unknown, "", boolean>;
|
|
118
|
+
readonly onClose: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => () => void) | (() => () => void) | {
|
|
119
|
+
(): () => void;
|
|
120
|
+
new (): any;
|
|
121
|
+
readonly prototype: any;
|
|
122
|
+
} | (((new (...args: any[]) => () => void) | (() => () => void) | {
|
|
123
|
+
(): () => void;
|
|
124
|
+
new (): any;
|
|
125
|
+
readonly prototype: any;
|
|
126
|
+
}) | null)[], unknown, unknown, undefined, boolean>;
|
|
127
|
+
readonly showClose: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
128
|
+
readonly type: import("@element-plus/utils").EpPropFinalized<StringConstructor, "error" | "primary" | "success" | "warning" | "info", unknown, "info", boolean>;
|
|
129
|
+
readonly plain: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
130
|
+
readonly offset: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
|
|
131
|
+
readonly placement: import("@element-plus/utils").EpPropFinalized<StringConstructor, "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;
|
|
132
|
+
readonly zIndex: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
|
|
133
|
+
readonly grouping: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
134
|
+
readonly repeatNum: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
|
|
135
|
+
};
|
|
136
|
+
/**
|
|
137
|
+
* @deprecated Removed after 3.0.0, Use `MessageProps` instead.
|
|
138
|
+
*/
|
|
139
|
+
export type MessagePropsPublic = ExtractPublicPropTypes<typeof messageProps>;
|
|
140
|
+
export declare const messageEmits: {
|
|
141
|
+
destroy: () => boolean;
|
|
142
|
+
};
|
|
143
|
+
export type MessageEmits = typeof messageEmits;
|
|
144
|
+
export type MessageInstance = InstanceType<typeof MessageConstructor> & unknown;
|
|
145
|
+
export type MessageOptions = Partial<Mutable<Omit<MessageProps, 'id'> & {
|
|
146
|
+
appendTo?: HTMLElement | string;
|
|
147
|
+
}>>;
|
|
148
|
+
export type MessageParams = MessageOptions | MessageOptions['message'];
|
|
149
|
+
export type MessageParamsNormalized = Omit<MessageProps, 'id'> & {
|
|
150
|
+
/**
|
|
151
|
+
* @description set the root element for the message, default to `document.body`
|
|
152
|
+
*/
|
|
153
|
+
appendTo: HTMLElement;
|
|
154
|
+
};
|
|
155
|
+
export type MessageOptionsWithType = Omit<MessageOptions, 'type'>;
|
|
156
|
+
export type MessageParamsWithType = MessageOptionsWithType | MessageOptions['message'];
|
|
157
|
+
export interface MessageHandler {
|
|
158
|
+
/**
|
|
159
|
+
* @description close the Message
|
|
160
|
+
*/
|
|
161
|
+
close: () => void;
|
|
162
|
+
}
|
|
163
|
+
export type MessageFn = {
|
|
164
|
+
(options?: MessageParams, appContext?: null | AppContext): MessageHandler;
|
|
165
|
+
closeAll(type?: MessageType): void;
|
|
166
|
+
closeAllByPlacement(position: MessagePlacement): void;
|
|
167
|
+
};
|
|
168
|
+
export type MessageTypedFn = (options?: MessageParamsWithType, appContext?: null | AppContext) => MessageHandler;
|
|
169
|
+
export type Message = MessageFn & {
|
|
170
|
+
primary: MessageTypedFn;
|
|
171
|
+
success: MessageTypedFn;
|
|
172
|
+
warning: MessageTypedFn;
|
|
173
|
+
info: MessageTypedFn;
|
|
174
|
+
error: MessageTypedFn;
|
|
175
|
+
};
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
import "@vue/shared";
|
|
2
|
+
import "lodash-unified";
|
|
3
|
+
import { isClient as o } from "@vueuse/core";
|
|
4
|
+
import { mutable as s } from "../../../utils/typescript.js";
|
|
5
|
+
import { iconPropType as a } from "../../../utils/vue/icon.js";
|
|
6
|
+
import "vue";
|
|
7
|
+
import { buildProps as n, definePropType as t } from "../../../utils/vue/props/runtime.js";
|
|
8
|
+
const p = [
|
|
9
|
+
"primary",
|
|
10
|
+
"success",
|
|
11
|
+
"info",
|
|
12
|
+
"warning",
|
|
13
|
+
"error"
|
|
14
|
+
], l = [
|
|
15
|
+
"top",
|
|
16
|
+
"top-left",
|
|
17
|
+
"top-right",
|
|
18
|
+
"bottom",
|
|
19
|
+
"bottom-left",
|
|
20
|
+
"bottom-right"
|
|
21
|
+
], y = "top", e = s({
|
|
22
|
+
customClass: "",
|
|
23
|
+
dangerouslyUseHTMLString: !1,
|
|
24
|
+
duration: 3e3,
|
|
25
|
+
icon: void 0,
|
|
26
|
+
id: "",
|
|
27
|
+
message: "",
|
|
28
|
+
onClose: void 0,
|
|
29
|
+
showClose: !1,
|
|
30
|
+
type: "info",
|
|
31
|
+
plain: !1,
|
|
32
|
+
offset: 16,
|
|
33
|
+
placement: void 0,
|
|
34
|
+
zIndex: 0,
|
|
35
|
+
grouping: !1,
|
|
36
|
+
repeatNum: 1,
|
|
37
|
+
appendTo: o ? document.body : void 0
|
|
38
|
+
}), c = n({
|
|
39
|
+
/**
|
|
40
|
+
* @description custom class name for Message
|
|
41
|
+
*/
|
|
42
|
+
customClass: {
|
|
43
|
+
type: String,
|
|
44
|
+
default: e.customClass
|
|
45
|
+
},
|
|
46
|
+
/**
|
|
47
|
+
* @description whether `message` is treated as HTML string
|
|
48
|
+
*/
|
|
49
|
+
dangerouslyUseHTMLString: {
|
|
50
|
+
type: Boolean,
|
|
51
|
+
default: e.dangerouslyUseHTMLString
|
|
52
|
+
},
|
|
53
|
+
/**
|
|
54
|
+
* @description display duration, millisecond. If set to 0, it will not turn off automatically
|
|
55
|
+
*/
|
|
56
|
+
duration: {
|
|
57
|
+
type: Number,
|
|
58
|
+
default: e.duration
|
|
59
|
+
},
|
|
60
|
+
/**
|
|
61
|
+
* @description custom icon component, overrides `type`
|
|
62
|
+
*/
|
|
63
|
+
icon: {
|
|
64
|
+
type: a,
|
|
65
|
+
default: e.icon
|
|
66
|
+
},
|
|
67
|
+
/**
|
|
68
|
+
* @description message dom id
|
|
69
|
+
*/
|
|
70
|
+
id: {
|
|
71
|
+
type: String,
|
|
72
|
+
default: e.id
|
|
73
|
+
},
|
|
74
|
+
/**
|
|
75
|
+
* @description message text
|
|
76
|
+
*/
|
|
77
|
+
message: {
|
|
78
|
+
type: t([
|
|
79
|
+
String,
|
|
80
|
+
Object,
|
|
81
|
+
Function
|
|
82
|
+
]),
|
|
83
|
+
default: e.message
|
|
84
|
+
},
|
|
85
|
+
/**
|
|
86
|
+
* @description callback function when closed with the message instance as the parameter
|
|
87
|
+
*/
|
|
88
|
+
onClose: {
|
|
89
|
+
type: t(Function),
|
|
90
|
+
default: e.onClose
|
|
91
|
+
},
|
|
92
|
+
/**
|
|
93
|
+
* @description whether to show a close button
|
|
94
|
+
*/
|
|
95
|
+
showClose: {
|
|
96
|
+
type: Boolean,
|
|
97
|
+
default: e.showClose
|
|
98
|
+
},
|
|
99
|
+
/**
|
|
100
|
+
* @description message type
|
|
101
|
+
*/
|
|
102
|
+
type: {
|
|
103
|
+
type: String,
|
|
104
|
+
values: p,
|
|
105
|
+
default: e.type
|
|
106
|
+
},
|
|
107
|
+
/**
|
|
108
|
+
* @description whether message is plain
|
|
109
|
+
*/
|
|
110
|
+
plain: {
|
|
111
|
+
type: Boolean,
|
|
112
|
+
default: e.plain
|
|
113
|
+
},
|
|
114
|
+
/**
|
|
115
|
+
* @description set the distance to the top of viewport
|
|
116
|
+
*/
|
|
117
|
+
offset: {
|
|
118
|
+
type: Number,
|
|
119
|
+
default: e.offset
|
|
120
|
+
},
|
|
121
|
+
/**
|
|
122
|
+
* @description message placement position
|
|
123
|
+
*/
|
|
124
|
+
placement: {
|
|
125
|
+
type: String,
|
|
126
|
+
values: l,
|
|
127
|
+
default: e.placement
|
|
128
|
+
},
|
|
129
|
+
/**
|
|
130
|
+
* @description message element zIndex value
|
|
131
|
+
*/
|
|
132
|
+
zIndex: {
|
|
133
|
+
type: Number,
|
|
134
|
+
default: e.zIndex
|
|
135
|
+
},
|
|
136
|
+
/**
|
|
137
|
+
* @description merge messages with the same content, type of VNode message is not supported
|
|
138
|
+
*/
|
|
139
|
+
grouping: {
|
|
140
|
+
type: Boolean,
|
|
141
|
+
default: e.grouping
|
|
142
|
+
},
|
|
143
|
+
/**
|
|
144
|
+
* @description The number of repetitions, similar to badge, is used as the initial number when used with `grouping`
|
|
145
|
+
*/
|
|
146
|
+
repeatNum: {
|
|
147
|
+
type: Number,
|
|
148
|
+
default: e.repeatNum
|
|
149
|
+
}
|
|
150
|
+
}), b = {
|
|
151
|
+
destroy: () => !0
|
|
152
|
+
};
|
|
153
|
+
export {
|
|
154
|
+
y as MESSAGE_DEFAULT_PLACEMENT,
|
|
155
|
+
e as messageDefaults,
|
|
156
|
+
b as messageEmits,
|
|
157
|
+
l as messagePlacement,
|
|
158
|
+
c as messageProps,
|
|
159
|
+
p as messageTypes
|
|
160
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { MessageProps } from './message';
|
|
2
|
+
declare function close(): void;
|
|
3
|
+
declare var __VLS_23: {};
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
5
|
+
default?: (props: typeof __VLS_23) => any;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_component: import("vue").DefineComponent<MessageProps, {
|
|
8
|
+
visible: import("vue").Ref<boolean, boolean>;
|
|
9
|
+
bottom: import("vue").ComputedRef<number>;
|
|
10
|
+
close: typeof close;
|
|
11
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
12
|
+
destroy: () => void;
|
|
13
|
+
}, string, import("vue").PublicProps, Readonly<MessageProps> & Readonly<{
|
|
14
|
+
onDestroy?: (() => any) | undefined;
|
|
15
|
+
}>, {
|
|
16
|
+
icon: import("@element-plus/utils").IconPropType;
|
|
17
|
+
zIndex: number;
|
|
18
|
+
offset: number;
|
|
19
|
+
id: string;
|
|
20
|
+
type: import("./message").MessageType;
|
|
21
|
+
onClose: () => void;
|
|
22
|
+
message: string | import("vue").VNode | (() => import("vue").VNode);
|
|
23
|
+
placement: import("./message").MessagePlacement;
|
|
24
|
+
duration: number;
|
|
25
|
+
plain: boolean;
|
|
26
|
+
customClass: string;
|
|
27
|
+
dangerouslyUseHTMLString: boolean;
|
|
28
|
+
showClose: boolean;
|
|
29
|
+
grouping: boolean;
|
|
30
|
+
repeatNum: number;
|
|
31
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
32
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
import { defineComponent as P, ref as p, computed as a, onMounted as Z, watch as j, openBlock as l, createBlock as m, Transition as W, unref as o, withCtx as g, withDirectives as q, createElementVNode as J, normalizeStyle as K, normalizeClass as i, createCommentVNode as C, resolveDynamicComponent as Q, createElementBlock as M, renderSlot as X, createTextVNode as Y, toDisplayString as _, withModifiers as ee, createVNode as te, vShow as oe, mergeDefaults as ne, nextTick as se } from "vue";
|
|
2
|
+
import { useEventListener as ae, useResizeObserver as le, useTimeoutFn as ie } from "@vueuse/core";
|
|
3
|
+
import "@vue/shared";
|
|
4
|
+
import { omit as re } from "lodash-unified";
|
|
5
|
+
import { getEventCode as ue } from "../../../utils/dom/event.js";
|
|
6
|
+
import { TypeComponentsMap as S, TypeComponents as me } from "../../../utils/vue/icon.js";
|
|
7
|
+
import { EVENT_CODE as ce } from "../../../constants/aria.js";
|
|
8
|
+
import { EpBadge as fe } from "../../badge/index.js";
|
|
9
|
+
import "../../config-provider/index.js";
|
|
10
|
+
import { ElIcon as x } from "../../icon/index.js";
|
|
11
|
+
import { messageEmits as de, MESSAGE_DEFAULT_PLACEMENT as pe, messageDefaults as ve } from "./message.js";
|
|
12
|
+
import { getLastOffset as ye, getOffsetOrSpace as ge } from "./instance.js";
|
|
13
|
+
import { useGlobalComponentSettings as Ce } from "../../config-provider/src/hooks/use-global-config.js";
|
|
14
|
+
const Ee = ["id"], Te = ["innerHTML"], Ie = /* @__PURE__ */ P({
|
|
15
|
+
name: "ElMessage",
|
|
16
|
+
__name: "message",
|
|
17
|
+
props: /* @__PURE__ */ ne({
|
|
18
|
+
customClass: {},
|
|
19
|
+
dangerouslyUseHTMLString: { type: Boolean },
|
|
20
|
+
duration: {},
|
|
21
|
+
icon: {},
|
|
22
|
+
id: {},
|
|
23
|
+
message: { type: [String, Object, Function] },
|
|
24
|
+
onClose: { type: Function },
|
|
25
|
+
showClose: { type: Boolean },
|
|
26
|
+
type: {},
|
|
27
|
+
plain: { type: Boolean },
|
|
28
|
+
offset: {},
|
|
29
|
+
placement: {},
|
|
30
|
+
zIndex: {},
|
|
31
|
+
grouping: { type: Boolean },
|
|
32
|
+
repeatNum: {}
|
|
33
|
+
}, re(ve, "appendTo")),
|
|
34
|
+
emits: de,
|
|
35
|
+
setup(n, { expose: L, emit: w }) {
|
|
36
|
+
const { Close: N } = me, e = n, z = w, E = p(!1), { ns: t, zIndex: D } = Ce("message"), { currentZIndex: O, nextZIndex: I } = D, v = p(), c = p(!1), T = p(0);
|
|
37
|
+
let f;
|
|
38
|
+
const $ = a(
|
|
39
|
+
() => e.type ? e.type === "error" ? "danger" : e.type : "info"
|
|
40
|
+
), V = a(() => {
|
|
41
|
+
const s = e.type;
|
|
42
|
+
return { [t.bm("icon", s)]: s && S[s] };
|
|
43
|
+
}), h = a(
|
|
44
|
+
() => e.icon || S[e.type] || ""
|
|
45
|
+
), r = a(() => e.placement || pe), A = a(() => ye(e.id, r.value)), b = a(() => Math.max(
|
|
46
|
+
ge(e.id, e.offset, r.value) + A.value,
|
|
47
|
+
e.offset
|
|
48
|
+
)), F = a(() => T.value + b.value), H = a(() => r.value.includes("left") ? t.is("left") : r.value.includes("right") ? t.is("right") : t.is("center")), k = a(
|
|
49
|
+
() => r.value.startsWith("top") ? "top" : "bottom"
|
|
50
|
+
), R = a(() => ({
|
|
51
|
+
[k.value]: `${b.value}px`,
|
|
52
|
+
zIndex: O.value
|
|
53
|
+
}));
|
|
54
|
+
function y() {
|
|
55
|
+
e.duration !== 0 && ({ stop: f } = ie(() => {
|
|
56
|
+
d();
|
|
57
|
+
}, e.duration));
|
|
58
|
+
}
|
|
59
|
+
function B() {
|
|
60
|
+
f == null || f();
|
|
61
|
+
}
|
|
62
|
+
function d() {
|
|
63
|
+
c.value = !1, se(() => {
|
|
64
|
+
var s;
|
|
65
|
+
E.value || ((s = e.onClose) == null || s.call(e), z("destroy"));
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
function U(s) {
|
|
69
|
+
ue(s) === ce.esc && d();
|
|
70
|
+
}
|
|
71
|
+
return Z(() => {
|
|
72
|
+
y(), I(), c.value = !0;
|
|
73
|
+
}), j(
|
|
74
|
+
() => e.repeatNum,
|
|
75
|
+
() => {
|
|
76
|
+
B(), y();
|
|
77
|
+
}
|
|
78
|
+
), ae(document, "keydown", U), le(v, () => {
|
|
79
|
+
T.value = v.value.getBoundingClientRect().height;
|
|
80
|
+
}), L({
|
|
81
|
+
visible: c,
|
|
82
|
+
bottom: F,
|
|
83
|
+
close: d
|
|
84
|
+
}), (s, u) => (l(), m(W, {
|
|
85
|
+
name: o(t).b("fade"),
|
|
86
|
+
onBeforeEnter: u[0] || (u[0] = (G) => E.value = !0),
|
|
87
|
+
onBeforeLeave: n.onClose,
|
|
88
|
+
onAfterLeave: u[1] || (u[1] = (G) => s.$emit("destroy"))
|
|
89
|
+
}, {
|
|
90
|
+
default: g(() => [
|
|
91
|
+
q(J("div", {
|
|
92
|
+
id: n.id,
|
|
93
|
+
ref_key: "messageRef",
|
|
94
|
+
ref: v,
|
|
95
|
+
class: i([
|
|
96
|
+
o(t).b(),
|
|
97
|
+
{ [o(t).m(n.type)]: n.type },
|
|
98
|
+
o(t).is("closable", n.showClose),
|
|
99
|
+
o(t).is("plain", n.plain),
|
|
100
|
+
o(t).is("bottom", k.value === "bottom"),
|
|
101
|
+
H.value,
|
|
102
|
+
n.customClass
|
|
103
|
+
]),
|
|
104
|
+
style: K(R.value),
|
|
105
|
+
role: "alert",
|
|
106
|
+
onMouseenter: B,
|
|
107
|
+
onMouseleave: y
|
|
108
|
+
}, [
|
|
109
|
+
n.repeatNum > 1 ? (l(), m(o(fe), {
|
|
110
|
+
key: 0,
|
|
111
|
+
value: n.repeatNum,
|
|
112
|
+
type: $.value,
|
|
113
|
+
class: i(o(t).e("badge"))
|
|
114
|
+
}, null, 8, ["value", "type", "class"])) : C("", !0),
|
|
115
|
+
h.value ? (l(), m(o(x), {
|
|
116
|
+
key: 1,
|
|
117
|
+
class: i([o(t).e("icon"), V.value])
|
|
118
|
+
}, {
|
|
119
|
+
default: g(() => [
|
|
120
|
+
(l(), m(Q(h.value)))
|
|
121
|
+
]),
|
|
122
|
+
_: 1
|
|
123
|
+
}, 8, ["class"])) : C("", !0),
|
|
124
|
+
!n.dangerouslyUseHTMLString || s.$slots.default ? (l(), M("p", {
|
|
125
|
+
key: 2,
|
|
126
|
+
class: i(o(t).e("content"))
|
|
127
|
+
}, [
|
|
128
|
+
X(s.$slots, "default", {}, () => [
|
|
129
|
+
Y(_(n.message), 1)
|
|
130
|
+
])
|
|
131
|
+
], 2)) : (l(), M("p", {
|
|
132
|
+
key: 3,
|
|
133
|
+
class: i(o(t).e("content")),
|
|
134
|
+
innerHTML: n.message
|
|
135
|
+
}, null, 10, Te)),
|
|
136
|
+
n.showClose ? (l(), m(o(x), {
|
|
137
|
+
key: 4,
|
|
138
|
+
class: i(o(t).e("closeBtn")),
|
|
139
|
+
onClick: ee(d, ["stop"])
|
|
140
|
+
}, {
|
|
141
|
+
default: g(() => [
|
|
142
|
+
te(o(N))
|
|
143
|
+
]),
|
|
144
|
+
_: 1
|
|
145
|
+
}, 8, ["class"])) : C("", !0)
|
|
146
|
+
], 46, Ee), [
|
|
147
|
+
[oe, c.value]
|
|
148
|
+
])
|
|
149
|
+
]),
|
|
150
|
+
_: 3
|
|
151
|
+
}, 8, ["name", "onBeforeLeave"]));
|
|
152
|
+
}
|
|
153
|
+
});
|
|
154
|
+
export {
|
|
155
|
+
Ie as default
|
|
156
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { Message, MessagePlacement, MessageType } from './message';
|
|
2
|
+
export declare function closeAll(type?: MessageType): void;
|
|
3
|
+
export declare function closeAllByPlacement(placement: MessagePlacement): void;
|
|
4
|
+
declare const _default: Message;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { isVNode as C, createVNode as A, render as E } from "vue";
|
|
2
|
+
import { isNumber as d, isBoolean as f, isElement as b } from "../../../utils/types.js";
|
|
3
|
+
import "lodash-unified";
|
|
4
|
+
import { isClient as v } from "@vueuse/core";
|
|
5
|
+
import { debugWarn as x } from "../../../utils/error.js";
|
|
6
|
+
import { isString as g, isFunction as u, hasOwn as M } from "@vue/shared";
|
|
7
|
+
import "@element-plus/icons-vue";
|
|
8
|
+
import "../../config-provider/index.js";
|
|
9
|
+
import _ from "./message.vue.js";
|
|
10
|
+
import { MESSAGE_DEFAULT_PLACEMENT as m, messageDefaults as P, messagePlacement as w, messageTypes as N } from "./message.js";
|
|
11
|
+
import { getOrCreatePlacementInstances as F, placementInstances as i } from "./instance.js";
|
|
12
|
+
import { messageConfig as s } from "../../config-provider/src/config-provider.js";
|
|
13
|
+
let S = 1;
|
|
14
|
+
const B = (e) => {
|
|
15
|
+
if (!e.appendTo)
|
|
16
|
+
e.appendTo = document.body;
|
|
17
|
+
else if (g(e.appendTo)) {
|
|
18
|
+
let n = document.querySelector(e.appendTo);
|
|
19
|
+
b(n) || (x(
|
|
20
|
+
"ElMessage",
|
|
21
|
+
"the appendTo option is not an HTMLElement. Falling back to document.body."
|
|
22
|
+
), n = document.body), e.appendTo = n;
|
|
23
|
+
}
|
|
24
|
+
}, D = (e) => {
|
|
25
|
+
!e.placement && g(s.placement) && s.placement && (e.placement = s.placement), e.placement || (e.placement = m), w.includes(e.placement) || (x(
|
|
26
|
+
"ElMessage",
|
|
27
|
+
`Invalid placement: ${e.placement}. Falling back to '${m}'.`
|
|
28
|
+
), e.placement = m);
|
|
29
|
+
}, y = (e) => {
|
|
30
|
+
const o = !e || g(e) || C(e) || u(e) ? { message: e } : e, n = {
|
|
31
|
+
...P,
|
|
32
|
+
...o
|
|
33
|
+
};
|
|
34
|
+
return B(n), D(n), f(s.grouping) && !n.grouping && (n.grouping = s.grouping), d(s.duration) && n.duration === 3e3 && (n.duration = s.duration), d(s.offset) && n.offset === 16 && (n.offset = s.offset), f(s.showClose) && !n.showClose && (n.showClose = s.showClose), f(s.plain) && !n.plain && (n.plain = s.plain), n;
|
|
35
|
+
}, I = (e) => {
|
|
36
|
+
const o = e.props.placement || m, n = i[o], t = n.indexOf(e);
|
|
37
|
+
if (t === -1) return;
|
|
38
|
+
n.splice(t, 1);
|
|
39
|
+
const { handler: c } = e;
|
|
40
|
+
c.close();
|
|
41
|
+
}, L = ({ appendTo: e, ...o }, n) => {
|
|
42
|
+
const t = `message_${S++}`, c = o.onClose, l = document.createElement("div"), a = {
|
|
43
|
+
...o,
|
|
44
|
+
// now the zIndex will be used inside the message.vue component instead of here.
|
|
45
|
+
// zIndex: nextIndex() + options.zIndex
|
|
46
|
+
id: t,
|
|
47
|
+
onClose: () => {
|
|
48
|
+
c == null || c(), I(T);
|
|
49
|
+
},
|
|
50
|
+
// clean message element preventing mem leak
|
|
51
|
+
onDestroy: () => {
|
|
52
|
+
E(null, l);
|
|
53
|
+
}
|
|
54
|
+
}, p = A(
|
|
55
|
+
_,
|
|
56
|
+
a,
|
|
57
|
+
u(a.message) || C(a.message) ? {
|
|
58
|
+
default: u(a.message) ? a.message : () => a.message
|
|
59
|
+
} : null
|
|
60
|
+
);
|
|
61
|
+
p.appContext = n || r._context, E(p, l), e.appendChild(l.firstElementChild);
|
|
62
|
+
const h = p.component, T = {
|
|
63
|
+
id: t,
|
|
64
|
+
vnode: p,
|
|
65
|
+
vm: h,
|
|
66
|
+
handler: {
|
|
67
|
+
// instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
|
|
68
|
+
// for out component, so that all closing steps will not be skipped.
|
|
69
|
+
close: () => {
|
|
70
|
+
h.exposed.close();
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
props: p.component.props
|
|
74
|
+
};
|
|
75
|
+
return T;
|
|
76
|
+
}, r = (e = {}, o) => {
|
|
77
|
+
if (!v) return { close: () => {
|
|
78
|
+
} };
|
|
79
|
+
const n = y(e), t = F(
|
|
80
|
+
n.placement || m
|
|
81
|
+
);
|
|
82
|
+
if (n.grouping && t.length) {
|
|
83
|
+
const l = t.find(
|
|
84
|
+
({ vnode: a }) => {
|
|
85
|
+
var p;
|
|
86
|
+
return ((p = a.props) == null ? void 0 : p.message) === n.message;
|
|
87
|
+
}
|
|
88
|
+
);
|
|
89
|
+
if (l)
|
|
90
|
+
return l.props.repeatNum += 1, l.props.type = n.type, l.handler;
|
|
91
|
+
}
|
|
92
|
+
if (d(s.max) && t.length >= s.max)
|
|
93
|
+
return { close: () => {
|
|
94
|
+
} };
|
|
95
|
+
const c = L(n, o);
|
|
96
|
+
return t.push(c), c.handler;
|
|
97
|
+
};
|
|
98
|
+
N.forEach((e) => {
|
|
99
|
+
r[e] = (o = {}, n) => {
|
|
100
|
+
const t = y(o);
|
|
101
|
+
return r({ ...t, type: e }, n);
|
|
102
|
+
};
|
|
103
|
+
});
|
|
104
|
+
function O(e) {
|
|
105
|
+
for (const o in i)
|
|
106
|
+
if (M(i, o)) {
|
|
107
|
+
const n = [...i[o]];
|
|
108
|
+
for (const t of n)
|
|
109
|
+
(!e || e === t.props.type) && t.handler.close();
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
function $(e) {
|
|
113
|
+
if (!i[e]) return;
|
|
114
|
+
[...i[e]].forEach((n) => n.handler.close());
|
|
115
|
+
}
|
|
116
|
+
r.closeAll = O;
|
|
117
|
+
r.closeAllByPlacement = $;
|
|
118
|
+
r._context = null;
|
|
119
|
+
export {
|
|
120
|
+
O as closeAll,
|
|
121
|
+
$ as closeAllByPlacement,
|
|
122
|
+
r as default
|
|
123
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import MessageBox from './src/messageBox';
|
|
2
|
+
import type { SFCWithInstall } from '@element-plus/utils';
|
|
3
|
+
declare const _MessageBox: SFCWithInstall<typeof MessageBox>;
|
|
4
|
+
export default _MessageBox;
|
|
5
|
+
export declare const EpMessageBox: SFCWithInstall<import(".").IElMessageBox>;
|
|
6
|
+
export * from './src/message-box.type';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import r from "./src/messageBox.js";
|
|
2
|
+
const o = r;
|
|
3
|
+
o.install = (e) => {
|
|
4
|
+
o._context = e._context, e.config.globalProperties.$msgbox = o, e.config.globalProperties.$messageBox = o, e.config.globalProperties.$alert = o.alert, e.config.globalProperties.$confirm = o.confirm, e.config.globalProperties.$prompt = o.prompt;
|
|
5
|
+
};
|
|
6
|
+
const s = o;
|
|
7
|
+
export {
|
|
8
|
+
s as EpMessageBox
|
|
9
|
+
};
|