ep-craft 0.1.37 → 0.1.39

package/dist/components/menu/menu.d.ts

@@ -1,32 +1,32 @@
 import type { MenuItemClicked } from './types';
 import type { Component, CSSProperties, ExtractPropTypes, VNode } from 'vue';
 export declare const menuProps: {
-    readonly mode: import("@element-plus/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-    readonly defaultActive: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly defaultOpeneds: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly mode: import("../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+    readonly defaultActive: import("../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly defaultOpeneds: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("@element-plus/utils").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("../../utils/index").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
     readonly closeOnClickOutside: BooleanConstructor;
-    readonly collapseTransition: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly ellipsis: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperOffset: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly ellipsisIcon: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
-    readonly popperEffect: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
+    readonly collapseTransition: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly ellipsis: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly popperOffset: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly ellipsisIcon: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    readonly popperEffect: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
     readonly popperClass: StringConstructor;
     readonly popperStyle: {
-        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly showTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly hideTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly persistent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showTimeout: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly hideTimeout: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly persistent: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
 export type MenuProps = ExtractPropTypes<typeof menuProps>;
 export declare const menuEmits: {
@@ -36,32 +36,32 @@ export declare const menuEmits: {
 };
 export type MenuEmits = typeof menuEmits;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
-    readonly mode: import("@element-plus/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-    readonly defaultActive: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly defaultOpeneds: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly mode: import("../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+    readonly defaultActive: import("../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly defaultOpeneds: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("@element-plus/utils").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("../../utils/index").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
     readonly closeOnClickOutside: BooleanConstructor;
-    readonly collapseTransition: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly ellipsis: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperOffset: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly ellipsisIcon: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
-    readonly popperEffect: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
+    readonly collapseTransition: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly ellipsis: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly popperOffset: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly ellipsisIcon: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    readonly popperEffect: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
     readonly popperClass: StringConstructor;
     readonly popperStyle: {
-        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly showTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly hideTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly persistent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showTimeout: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly hideTimeout: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly persistent: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -69,50 +69,50 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     open: (index: string, indexPath: string[]) => boolean;
     select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<unknown>) => boolean;
 }, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
-    readonly mode: import("@element-plus/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-    readonly defaultActive: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly defaultOpeneds: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly mode: import("../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+    readonly defaultActive: import("../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly defaultOpeneds: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("@element-plus/utils").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("../../utils/index").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
     readonly closeOnClickOutside: BooleanConstructor;
-    readonly collapseTransition: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly ellipsis: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperOffset: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly ellipsisIcon: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
-    readonly popperEffect: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
+    readonly collapseTransition: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly ellipsis: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly popperOffset: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly ellipsisIcon: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    readonly popperEffect: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
     readonly popperClass: StringConstructor;
     readonly popperStyle: {
-        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly showTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly hideTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly persistent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showTimeout: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly hideTimeout: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly persistent: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
     onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
     onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<unknown> | undefined) => any) | undefined;
     onClose?: ((index: string, indexPath: string[]) => any) | undefined;
 }>, {
     readonly collapse: boolean;
-    readonly ellipsis: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly mode: import("@element-plus/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-    readonly persistent: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly ellipsis: import("../../utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly mode: import("../../utils/index").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+    readonly persistent: import("../../utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showTimeout: number;
     readonly hideTimeout: number;
     readonly defaultActive: string;
     readonly defaultOpeneds: string[];
-    readonly menuTrigger: import("@element-plus/utils").EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
-    readonly collapseTransition: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly menuTrigger: import("../../utils/index").EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
+    readonly collapseTransition: import("../../utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly popperOffset: number;
-    readonly ellipsisIcon: import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>;
-    readonly popperEffect: import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown>;
+    readonly ellipsisIcon: import("../../utils/index").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>;
+    readonly popperEffect: import("../../utils/index").EpPropMergeType<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown>;
     readonly uniqueOpened: boolean;
     readonly router: boolean;
     readonly closeOnClickOutside: boolean;

package/dist/components/message/index.d.ts

@@ -0,0 +1,3 @@
+export declare const EpMessage: import("../../utils/index").SFCInstallWithContext<import(".").Message>;
+export default EpMessage;
+export * from './src/message';

package/dist/components/message/index.js

@@ -0,0 +1,18 @@
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import "vue";
+import { withInstallFunction as e } from "../../utils/vue/install.js";
+import s from "./src/method.js";
+import { MESSAGE_DEFAULT_PLACEMENT as f, messageDefaults as l, messageEmits as c, messagePlacement as A, messageProps as M, messageTypes as P } from "./src/message.js";
+const g = e(s, "$message");
+export {
+  g as EpMessage,
+  f as MESSAGE_DEFAULT_PLACEMENT,
+  l as messageDefaults,
+  c as messageEmits,
+  A as messagePlacement,
+  M as messageProps,
+  P as messageTypes
+};

package/dist/components/message/src/instance.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentInternalInstance, VNode } from 'vue';
+import type { Mutable } from '../../../utils/index';
+import type { MessageHandler, MessagePlacement, MessageProps } from './message';
+export type MessageContext = {
+    id: string;
+    vnode: VNode;
+    handler: MessageHandler;
+    vm: ComponentInternalInstance;
+    props: Mutable<MessageProps>;
+};
+export declare const placementInstances: import("vue").ShallowReactive<Record<"bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right", MessageContext[]>>;
+export declare const getOrCreatePlacementInstances: (placement: MessagePlacement) => MessageContext[];
+export declare const getInstance: (id: string, placement: MessagePlacement) => {
+    current: MessageContext;
+    prev: MessageContext | undefined;
+};
+export declare const getLastOffset: (id: string, placement: MessagePlacement) => number;
+export declare const getOffsetOrSpace: (id: string, offset: number, placement: MessagePlacement) => number;

package/dist/components/message/src/instance.js

@@ -0,0 +1,18 @@
+import { shallowReactive as i } from "vue";
+const s = i(
+  {}
+), u = (t) => (s[t] || (s[t] = i([])), s[t]), d = (t, e) => {
+  const n = s[e] || [], c = n.findIndex((a) => a.id === t), o = n[c];
+  let r;
+  return c > 0 && (r = n[c - 1]), { current: o, prev: r };
+}, x = (t, e) => {
+  const { prev: n } = d(t, e);
+  return n ? n.vm.exposed.bottom.value : 0;
+}, p = (t, e, n) => (s[n] || []).findIndex((r) => r.id === t) > 0 ? 16 : e;
+export {
+  d as getInstance,
+  x as getLastOffset,
+  p as getOffsetOrSpace,
+  u as getOrCreatePlacementInstances,
+  s as placementInstances
+};

package/dist/components/message/src/message.d.ts

@@ -0,0 +1,175 @@
+import type { AppContext, ExtractPublicPropTypes, VNode } from 'vue';
+import type { IconPropType, Mutable } from '../../../utils/index';
+import type MessageConstructor from './message.vue';
+export interface MessageProps {
+    /**
+     * @description custom class name for Message
+     */
+    customClass?: string;
+    /**
+     * @description whether `message` is treated as HTML string
+     */
+    dangerouslyUseHTMLString?: boolean;
+    /**
+     * @description display duration, millisecond. If set to 0, it will not turn off automatically
+     */
+    duration?: number;
+    /**
+     * @description custom icon component, overrides `type`
+     */
+    icon?: IconPropType;
+    /**
+     * @description message dom id
+     */
+    id?: string;
+    /**
+     * @description message text
+     */
+    message?: string | VNode | (() => VNode);
+    /**
+     * @description callback function when closed with the message instance as the parameter
+     */
+    onClose?: () => void;
+    /**
+     * @description whether to show a close button
+     */
+    showClose?: boolean;
+    /**
+     * @description message type
+     */
+    type?: MessageType;
+    /**
+     * @description whether message is plain
+     */
+    plain?: boolean;
+    /**
+     * @description set the distance to the top of viewport
+     */
+    offset?: number;
+    /**
+     * @description message placement position
+     */
+    placement?: MessagePlacement;
+    /**
+     * @description message element zIndex value
+     */
+    zIndex?: number;
+    /**
+     * @description merge messages with the same content, type of VNode message is not supported
+     */
+    grouping?: boolean;
+    /**
+     * @description The number of repetitions, similar to badge, is used as the initial number when used with `grouping`
+     */
+    repeatNum?: number;
+}
+export declare const messageTypes: readonly ["primary", "success", "info", "warning", "error"];
+export declare const messagePlacement: readonly ["top", "top-left", "top-right", "bottom", "bottom-left", "bottom-right"];
+export declare const MESSAGE_DEFAULT_PLACEMENT = "top";
+export type MessageType = (typeof messageTypes)[number];
+export type MessagePlacement = (typeof messagePlacement)[number];
+/** @deprecated please use `MessageType` instead */
+export type messageType = MessageType;
+export interface MessageConfigContext {
+    max?: number;
+    grouping?: boolean;
+    duration?: number;
+    offset?: number;
+    showClose?: boolean;
+    plain?: boolean;
+    placement?: string;
+}
+export declare const messageDefaults: Mutable<{
+    readonly customClass: "";
+    readonly dangerouslyUseHTMLString: false;
+    readonly duration: 3000;
+    readonly icon: undefined;
+    readonly id: "";
+    readonly message: "";
+    readonly onClose: undefined;
+    readonly showClose: false;
+    readonly type: "info";
+    readonly plain: false;
+    readonly offset: 16;
+    readonly placement: undefined;
+    readonly zIndex: 0;
+    readonly grouping: false;
+    readonly repeatNum: 1;
+    readonly appendTo: HTMLElement;
+}>;
+/**
+ * @deprecated Removed after 3.0.0, Use `MessageProps` instead.
+ */
+export declare const messageProps: {
+    readonly customClass: import("../../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly dangerouslyUseHTMLString: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly duration: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 3000, boolean>;
+    readonly icon: import("../../../utils/index").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>;
+    readonly id: import("../../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly message: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | (() => VNode)) | (() => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | (() => VNode)) | (((new (...args: any[]) => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | (() => VNode)) | (() => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | (() => VNode))) | null)[], unknown, unknown, "", boolean>;
+    readonly onClose: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => () => void) | (() => () => void) | {
+        (): () => void;
+        new (): any;
+        readonly prototype: any;
+    } | (((new (...args: any[]) => () => void) | (() => () => void) | {
+        (): () => void;
+        new (): any;
+        readonly prototype: any;
+    }) | null)[], unknown, unknown, undefined, boolean>;
+    readonly showClose: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly type: import("../../../utils/index").EpPropFinalized<StringConstructor, "error" | "primary" | "success" | "warning" | "info", unknown, "info", boolean>;
+    readonly plain: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly offset: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
+    readonly placement: import("../../../utils/index").EpPropFinalized<StringConstructor, "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;
+    readonly zIndex: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly grouping: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly repeatNum: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+};
+/**
+ * @deprecated Removed after 3.0.0, Use `MessageProps` instead.
+ */
+export type MessagePropsPublic = ExtractPublicPropTypes<typeof messageProps>;
+export declare const messageEmits: {
+    destroy: () => boolean;
+};
+export type MessageEmits = typeof messageEmits;
+export type MessageInstance = InstanceType<typeof MessageConstructor> & unknown;
+export type MessageOptions = Partial<Mutable<Omit<MessageProps, 'id'> & {
+    appendTo?: HTMLElement | string;
+}>>;
+export type MessageParams = MessageOptions | MessageOptions['message'];
+export type MessageParamsNormalized = Omit<MessageProps, 'id'> & {
+    /**
+     * @description set the root element for the message, default to `document.body`
+     */
+    appendTo: HTMLElement;
+};
+export type MessageOptionsWithType = Omit<MessageOptions, 'type'>;
+export type MessageParamsWithType = MessageOptionsWithType | MessageOptions['message'];
+export interface MessageHandler {
+    /**
+     * @description close the Message
+     */
+    close: () => void;
+}
+export type MessageFn = {
+    (options?: MessageParams, appContext?: null | AppContext): MessageHandler;
+    closeAll(type?: MessageType): void;
+    closeAllByPlacement(position: MessagePlacement): void;
+};
+export type MessageTypedFn = (options?: MessageParamsWithType, appContext?: null | AppContext) => MessageHandler;
+export type Message = MessageFn & {
+    primary: MessageTypedFn;
+    success: MessageTypedFn;
+    warning: MessageTypedFn;
+    info: MessageTypedFn;
+    error: MessageTypedFn;
+};

package/dist/components/message/src/message.js

@@ -0,0 +1,160 @@
+import "@vue/shared";
+import "lodash-unified";
+import { isClient as o } from "@vueuse/core";
+import { mutable as s } from "../../../utils/typescript.js";
+import { iconPropType as a } from "../../../utils/vue/icon.js";
+import "vue";
+import { buildProps as n, definePropType as t } from "../../../utils/vue/props/runtime.js";
+const p = [
+  "primary",
+  "success",
+  "info",
+  "warning",
+  "error"
+], l = [
+  "top",
+  "top-left",
+  "top-right",
+  "bottom",
+  "bottom-left",
+  "bottom-right"
+], y = "top", e = s({
+  customClass: "",
+  dangerouslyUseHTMLString: !1,
+  duration: 3e3,
+  icon: void 0,
+  id: "",
+  message: "",
+  onClose: void 0,
+  showClose: !1,
+  type: "info",
+  plain: !1,
+  offset: 16,
+  placement: void 0,
+  zIndex: 0,
+  grouping: !1,
+  repeatNum: 1,
+  appendTo: o ? document.body : void 0
+}), c = n({
+  /**
+   * @description custom class name for Message
+   */
+  customClass: {
+    type: String,
+    default: e.customClass
+  },
+  /**
+   * @description whether `message` is treated as HTML string
+   */
+  dangerouslyUseHTMLString: {
+    type: Boolean,
+    default: e.dangerouslyUseHTMLString
+  },
+  /**
+   * @description display duration, millisecond. If set to 0, it will not turn off automatically
+   */
+  duration: {
+    type: Number,
+    default: e.duration
+  },
+  /**
+   * @description custom icon component, overrides `type`
+   */
+  icon: {
+    type: a,
+    default: e.icon
+  },
+  /**
+   * @description message dom id
+   */
+  id: {
+    type: String,
+    default: e.id
+  },
+  /**
+   * @description message text
+   */
+  message: {
+    type: t([
+      String,
+      Object,
+      Function
+    ]),
+    default: e.message
+  },
+  /**
+   * @description callback function when closed with the message instance as the parameter
+   */
+  onClose: {
+    type: t(Function),
+    default: e.onClose
+  },
+  /**
+   * @description whether to show a close button
+   */
+  showClose: {
+    type: Boolean,
+    default: e.showClose
+  },
+  /**
+   * @description message type
+   */
+  type: {
+    type: String,
+    values: p,
+    default: e.type
+  },
+  /**
+   * @description whether message is plain
+   */
+  plain: {
+    type: Boolean,
+    default: e.plain
+  },
+  /**
+   * @description set the distance to the top of viewport
+   */
+  offset: {
+    type: Number,
+    default: e.offset
+  },
+  /**
+   * @description message placement position
+   */
+  placement: {
+    type: String,
+    values: l,
+    default: e.placement
+  },
+  /**
+   * @description message element zIndex value
+   */
+  zIndex: {
+    type: Number,
+    default: e.zIndex
+  },
+  /**
+   * @description merge messages with the same content, type of VNode message is not supported
+   */
+  grouping: {
+    type: Boolean,
+    default: e.grouping
+  },
+  /**
+   * @description The number of repetitions, similar to badge, is used as the initial number when used with `grouping`
+   */
+  repeatNum: {
+    type: Number,
+    default: e.repeatNum
+  }
+}), b = {
+  destroy: () => !0
+};
+export {
+  y as MESSAGE_DEFAULT_PLACEMENT,
+  e as messageDefaults,
+  b as messageEmits,
+  l as messagePlacement,
+  c as messageProps,
+  p as messageTypes
+};

package/dist/components/message/src/message.vue.d.ts

@@ -0,0 +1,38 @@
+import type { MessageProps } from './message';
+declare function close(): void;
+declare var __VLS_23: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<MessageProps, {
+    visible: import("vue").Ref<boolean, boolean>;
+    bottom: import("vue").ComputedRef<number>;
+    close: typeof close;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    destroy: () => void;
+}, string, import("vue").PublicProps, Readonly<MessageProps> & Readonly<{
+    onDestroy?: (() => any) | undefined;
+}>, {
+    icon: import("../../../utils/index").IconPropType;
+    zIndex: number;
+    offset: number;
+    id: string;
+    type: import("./message").MessageType;
+    onClose: () => void;
+    message: string | import("vue").VNode | (() => import("vue").VNode);
+    placement: import("./message").MessagePlacement;
+    duration: number;
+    plain: boolean;
+    customClass: string;
+    dangerouslyUseHTMLString: boolean;
+    showClose: boolean;
+    grouping: boolean;
+    repeatNum: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};