rappel-ui 1.0.28 → 1.0.29

package/es/components/index.mjs

@@ -8,29 +8,39 @@ import { ReSecondaryColor as u } from "./secondary-color/index.mjs";
 import { ReNeutralColor as d } from "./neutral-color/index.mjs";
 import { ReFilterPanel as f } from "./filter-panel/index.mjs";
 import { ReSvgIcon as p } from "./svg-icon/index.mjs";
-import { useEmits as m } from "./tooltip/src/use-emit.mjs";
-import { ReTooltip as h } from "./tooltip/index.mjs";
-import { RePopover as g } from "./popover/index.mjs";
-import { RePopconfirm as _ } from "./popconfirm/index.mjs";
+import { useTransitionEmits as m } from "./transition/src/use-transition-emit.mjs";
+import { ReTransition as h } from "./transition/index.mjs";
+import { useTooltipEmits as g } from "./tooltip/src/use-tooltip-emit.mjs";
+import { ReTooltip as _ } from "./tooltip/index.mjs";
+import { usePopoverEmits as v } from "./popover/src/use-popover-emit.mjs";
+import { RePopover as y } from "./popover/index.mjs";
+import { RePopconfirm as b } from "./popconfirm/index.mjs";
+import { createMessage as x } from "./message/src/create-message.mjs";
+import { ReMessage as S } from "./message/index.mjs";
 //#region packages/components/index.ts
-var v = e({
+var C = e({
 	ReButton: () => a,
 	ReButtonGroup: () => o,
 	ReFilterPanel: () => f,
 	ReInput: () => s,
+	ReMessage: () => S,
 	ReNeutralColor: () => d,
-	RePopconfirm: () => _,
-	RePopover: () => g,
+	RePopconfirm: () => b,
+	RePopover: () => y,
 	RePrimaryColor: () => l,
 	ReSecondaryColor: () => u,
 	ReSvgIcon: () => p,
 	ReTabs: () => c,
-	ReTooltip: () => h,
+	ReTooltip: () => _,
+	ReTransition: () => h,
 	_buttonGroupProps: () => t,
 	buttonNativeTypes: () => n,
 	buttonSizes: () => r,
 	buttonTypes: () => i,
-	useEmits: () => m
+	createMessage: () => x,
+	usePopoverEmits: () => v,
+	useTooltipEmits: () => g,
+	useTransitionEmits: () => m
 });
 //#endregion
-export { a as ReButton, o as ReButtonGroup, f as ReFilterPanel, s as ReInput, d as ReNeutralColor, _ as RePopconfirm, g as RePopover, l as RePrimaryColor, u as ReSecondaryColor, p as ReSvgIcon, c as ReTabs, h as ReTooltip, t as _buttonGroupProps, n as buttonNativeTypes, r as buttonSizes, i as buttonTypes, v as components_exports, m as useEmits };
+export { a as ReButton, o as ReButtonGroup, f as ReFilterPanel, s as ReInput, S as ReMessage, d as ReNeutralColor, b as RePopconfirm, y as RePopover, l as RePrimaryColor, u as ReSecondaryColor, p as ReSvgIcon, c as ReTabs, _ as ReTooltip, h as ReTransition, t as _buttonGroupProps, n as buttonNativeTypes, r as buttonSizes, i as buttonTypes, C as components_exports, x as createMessage, v as usePopoverEmits, g as useTooltipEmits, m as useTransitionEmits };

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

@@ -0,0 +1,4 @@
+import { CreateMessageType } from '.';
+export * from './src/types';
+export * from './src/create-message';
+export declare const ReMessage: CreateMessageType;

package/es/components/message/index.mjs

@@ -0,0 +1,6 @@
+import { createMessage as e } from "./src/create-message.mjs";
+import { useMessage as t } from "./src/use-message.mjs";
+//#region packages/components/message/index.ts
+var n = t();
+//#endregion
+export { n as ReMessage, e as createMessage };

package/es/components/message/src/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const messageTypes: readonly ["primary", "success", "warning", "error", "info"];
+export declare const verticalPlacement: readonly ["left-top", "left-bottom", "right-top", "right-bottom"];

package/es/components/message/src/constants.mjs

@@ -0,0 +1,15 @@
+//#region packages/components/message/src/constants.ts
+var e = [
+	"primary",
+	"success",
+	"warning",
+	"error",
+	"info"
+], t = [
+	"left-top",
+	"left-bottom",
+	"right-top",
+	"right-bottom"
+];
+//#endregion
+export { e as messageTypes, t as verticalPlacement };

package/es/components/message/src/create-message.d.ts

@@ -0,0 +1,2 @@
+import { CreateMessageType } from './types';
+export declare const createMessage: CreateMessageType;

package/es/components/message/src/create-message.mjs

@@ -0,0 +1,136 @@
+import { isPlainObject as e } from "../../../utils/util.mjs";
+import "../../../utils/index.mjs";
+import { useNamespace as t } from "../../../composables/use-namespace/index.mjs";
+import "../../../composables/index.mjs";
+import { messageTypes as n, verticalPlacement as r } from "./constants.mjs";
+import i from "./message.mjs";
+import { createVNode as a, nextTick as o, render as s, watch as c } from "vue";
+import { useElementSize as l } from "@vueuse/core";
+//#region packages/components/message/src/create-message.ts
+var { ng: u } = t("message"), d = 0, f = {}, p = {}, m = (e, t) => {
+	let n = p[e] || [], r = t;
+	n.forEach((e) => {
+		var t;
+		(t = e.vnode) != null && (t = t.component) != null && (t = t.exposed) != null && t.setOffset && (e.vnode.component.exposed.setOffset(r), r += e.offset);
+	});
+}, h = (e, t, n, i) => {
+	let a = n.getBoundingClientRect(), o = f[e];
+	if (!o) return;
+	let { vnode: s } = o, c = r.includes(t) ? t : t.split("-")[0];
+	switch (p[t] || (p[t] = []), c) {
+		case "left-top":
+		case "left-bottom":
+		case "right-top":
+		case "right-bottom":
+		case "top":
+		case "bottom": {
+			let n = i + a.height;
+			p[t].push({
+				offset: n,
+				id: e,
+				vnode: s
+			});
+			break;
+		}
+		case "left":
+		case "right": {
+			let n = i + a.width;
+			p[t].push({
+				offset: n,
+				id: e,
+				vnode: s
+			});
+			break;
+		}
+	}
+	m(t, i);
+}, g = (e, t) => {
+	let n = f[e];
+	if (!n || !n.placement) return;
+	let r = p[n.placement];
+	if (!r) return;
+	let i = r.findIndex((t) => t.id === e);
+	i > -1 && r.splice(i, 1), m(n.placement, t), r.length === 0 && delete p[n.placement];
+}, _ = (e, t = 20) => (p[e] || []).reduce((e, t) => e + t.offset, 0) + t, v = (e, t, n, i) => {
+	let a = p[n];
+	if (!a) return;
+	let o = a.find((e) => e.id === t);
+	if (o) {
+		let t = r.includes(n) ? n : n.split("-")[0], a = e.getBoundingClientRect();
+		switch (t) {
+			case "left-top":
+			case "left-bottom":
+			case "right-top":
+			case "right-bottom":
+			case "top":
+			case "bottom":
+				o.offset = i + a.height;
+				break;
+			case "left":
+			case "right": o.offset = i + a.width;
+		}
+		m(n, i);
+	}
+}, y = (e, t, n, r) => {
+	let { stop: i, width: a, height: o } = l(e), { stop: s } = c(() => [a.value, o.value], () => v(e, t, n, r));
+	return { stop: () => {
+		i(), s();
+	} };
+}, b = (e) => {
+	var t;
+	let n = Object.assign({}, {
+		placement: "top",
+		offset: 10
+	}, e || {}), r = document.createElement("div"), c = u(`${d++}`), l = parseFloat(n.offset), p = _(n.placement, l), m = null, v = a(i, {
+		...n,
+		id: c,
+		offset: p,
+		onBeforeEnter(t) {
+			var r;
+			o(() => {
+				h(c, n.placement, t, l), m = y(t, c, n.placement, l);
+			}), e == null || (r = e.onShow) == null || r.call(e, t);
+		},
+		onAfterEnter(t) {
+			var n;
+			e == null || (n = e.onShown) == null || n.call(e, t);
+		},
+		onBeforeLeave(t) {
+			var n;
+			e == null || (n = e.onClose) == null || n.call(e, t), g(c, l);
+		},
+		onAfterLeave(t) {
+			var n, i;
+			s(null, r), delete f[c], e == null || (n = e.onClosed) == null || n.call(e, t), m == null || (i = m.stop) == null || i.call(m);
+		}
+	});
+	return s(v, r), f[c] = {
+		id: c,
+		container: r,
+		vnode: v,
+		props: (v == null || (t = v.component) == null ? void 0 : t.props) || {},
+		placement: n.placement,
+		close() {
+			var e;
+			(e = v.component) == null || (e = e.exposed) == null || e.close();
+		},
+		show() {
+			var e;
+			(e = v.component) == null || (e = e.exposed) == null || e.show();
+		}
+	}, f[c];
+}, x = (t) => typeof t == "string" ? { content: t } : e(t) ? t : {};
+n.forEach((e) => {
+	b[e] = (t) => b({
+		...x(t),
+		type: e
+	});
+}), b.closeAll = () => {
+	Object.values(f).forEach((e) => {
+		var t;
+		e == null || (t = e.close) == null || t.call(e);
+	});
+};
+var S = b;
+//#endregion
+export { S as createMessage };

package/es/components/message/src/message.mjs

@@ -0,0 +1,5 @@
+import e from "./message.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/message/src/message.vue
+var t = e;
+//#endregion
+export { t as default };

package/{cjs/components/tooltip/src/content.vue.d.ts → es/components/message/src/message.vue.d.ts}

@@ -1,23 +1,21 @@
-import { FloatingProps } from './types';
-import { ModelRef, DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-type __VLS_Props = FloatingProps;
-declare const model: ModelRef<boolean, string, boolean, boolean>;
+import { MessageOptions } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = MessageOptions;
 type __VLS_ModelProps = {
-    modelValue?: typeof model['value'];
+    'visible'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_20: {};
+declare var __VLS_15: {}, __VLS_22: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_20) => any;
+    icon?: (props: typeof __VLS_15) => any;
+} & {
+    close?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
-    floatingRef: Readonly< ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
-    arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
+    show: () => void;
+    setOffset: (offset: number | string) => void;
+    close: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    beforeShow: (el: HTMLElement) => any;
-    show: (el: HTMLElement) => any;
-    beforeHide: (el: HTMLElement) => any;
-    hide: (el: HTMLElement) => any;
     beforeEnter: (el: HTMLElement) => any;
     enter: (el: HTMLElement, done: () => void) => any;
     enterCancelled: (el: HTMLElement) => any;
@@ -26,12 +24,9 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
     leave: (el: HTMLElement, done: () => void) => any;
     leaveCancelled: (el: HTMLElement) => any;
     afterLeave: (el: HTMLElement) => any;
-    "update:modelValue": (value: boolean) => any;
+    "update:visible": (value: boolean) => any;
+    iconUpdated: (el: HTMLElement) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onBeforeShow?: ((el: HTMLElement) => any) | undefined;
-    onShow?: ((el: HTMLElement) => any) | undefined;
-    onBeforeHide?: ((el: HTMLElement) => any) | undefined;
-    onHide?: ((el: HTMLElement) => any) | undefined;
     onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
     onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
     onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -40,7 +35,8 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
     onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
     onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
     onAfterLeave?: ((el: HTMLElement) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    onIconUpdated?: ((el: HTMLElement) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/message/src/message.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,228 @@
+import { toPx as e } from "../../../utils/util.mjs";
+import "../../../utils/index.mjs";
+import { useNamespace as t } from "../../../composables/use-namespace/index.mjs";
+import { useZIndex as n } from "../../../composables/use-z-index/index.mjs";
+import { useTheme as r } from "../../../composables/use-theme/index.mjs";
+import "../../../composables/index.mjs";
+import { ReTransition as i } from "../../transition/index.mjs";
+import { verticalPlacement as a } from "./constants.mjs";
+import { useMessageEmits as o } from "./use-message-emit.mjs";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, defineComponent as f, mergeModels as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onMounted as v, onUnmounted as y, openBlock as b, ref as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, useModel as E, watch as D, withCtx as O } from "vue";
+import { CloseShort as k, InfoCircle as A } from "@rappel-ui/svg-icons";
+//#region packages/components/message/src/message.vue?vue&type=script&setup=true&lang.ts
+var j = ["data-placement"], M = ["innerHTML"], N = f({
+	name: "ReMessage",
+	__name: "message",
+	props: p({
+		content: { default: "" },
+		isHtml: {
+			type: Boolean,
+			default: !1
+		},
+		stayDuration: { default: 3e3 },
+		theme: { default: "light" },
+		reverseTheme: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "" },
+		offset: { default: 20 },
+		zIndex: { default: () => void 0 },
+		width: { default: () => void 0 },
+		height: { default: () => void 0 },
+		maxWidth: { default: () => void 0 },
+		maxHeight: { default: () => void 0 },
+		floatingClass: { default: "" },
+		placement: { default: "top" },
+		closeIcon: { default: () => k },
+		showClose: {
+			type: Boolean,
+			default: !1
+		},
+		icon: { default: () => A },
+		showIcon: {
+			type: Boolean,
+			default: !0
+		},
+		onClose: { type: Function },
+		onClosed: { type: Function },
+		onShow: { type: Function },
+		onShown: { type: Function },
+		appendTo: { default: "body" },
+		teleported: {
+			type: Boolean,
+			default: !0
+		},
+		defer: { type: Boolean },
+		transition: { default: "" },
+		mode: {},
+		cssTransition: {
+			type: Boolean,
+			default: !0
+		},
+		cssDuration: { default: 300 },
+		appear: { type: Boolean }
+	}, {
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		visibleModifiers: {}
+	}),
+	emits: p([
+		"iconUpdated",
+		"beforeEnter",
+		"enter",
+		"enterCancelled",
+		"afterEnter",
+		"beforeLeave",
+		"leave",
+		"leaveCancelled",
+		"afterLeave"
+	], ["update:visible"]),
+	setup(f, { expose: p, emit: k }) {
+		let { beforeEnter: A, enter: N, afterEnter: P, beforeLeave: F, leave: I, afterLeave: L } = o(k), { ns: R, n: z, nm: B, is: V } = t("message"), { currentTheme: H } = r(f.theme, f.reverseTheme), U = c(() => {
+			var e;
+			return (e = f.placement) == null || (e = e.split("-")) == null ? void 0 : e[0];
+		}), W = c(() => {
+			var e;
+			return (e = f.placement) == null || (e = e.split("-")) == null ? void 0 : e[1];
+		}), G = x(f.offset);
+		D(() => f.offset, (e) => {
+			G.value = e;
+		});
+		let K = (e) => {
+			G.value = e;
+		}, q = c(() => [{
+			width: e(f.width),
+			height: e(f.height),
+			maxWidth: e(f.maxWidth),
+			maxHeight: e(f.maxHeight),
+			zIndex: Y.value,
+			[a.includes(f.placement) ? W.value : U.value]: e(G.value),
+			position: "fixed",
+			transition: `opacity ${f.cssDuration / 2}ms,
+       transform ${f.cssDuration}ms,
+        bottom ${f.cssDuration}ms,
+        top ${f.cssDuration}ms,
+        left ${f.cssDuration}ms,
+        right ${f.cssDuration}ms`
+		}]), J = E(f, "visible"), Y = x(0), { zIndex: X } = n(), { stop: Z } = D(J, (e) => {
+			e && (Y.value = f.zIndex || X.value);
+		}), Q = [
+			"top",
+			"bottom",
+			"left",
+			"right"
+		].reduce((e, t) => (e[t] = {
+			pos: t,
+			enterFrom: `${t}-enter-from`,
+			enterActive: `${t}-enter-active`,
+			enterTo: `${t}-enter-to`,
+			leaveFrom: `${t}-leave-from`,
+			leaveActive: `${t}-leave-active`,
+			leaveTo: `${t}-leave-to`
+		}, e), {}), $ = () => {
+			J.value = !1;
+			let e = null;
+			h(() => {
+				J.value = !0, e && (clearTimeout(e), e = null), e = setTimeout(() => {
+					J.value = !1, e && (clearTimeout(e), e = null);
+				}, parseFloat(String(f.cssDuration)) + parseFloat(String(f.stayDuration)));
+			});
+		};
+		return v(() => {
+			$();
+		}), y(() => {
+			Z();
+		}), p({
+			show: $,
+			setOffset: K,
+			close: () => {
+				J.value = !1;
+			}
+		}), (e, t) => (b(), l(T(i), m({
+			teleported: f.teleported,
+			"append-to": f.appendTo,
+			transition: f.transition,
+			"css-duration": f.cssDuration,
+			"css-transition": f.cssTransition,
+			"enter-from-class": T(Q)[U.value].enterFrom,
+			"enter-active-class": T(Q)[U.value].enterActive,
+			"enter-to-class": T(Q)[U.value].enterTo,
+			"leave-from-class": T(Q)[U.value].leaveFrom,
+			"leave-active-class": T(Q)[U.value].leaveActive,
+			"leave-to-class": T(Q)[U.value].leaveTo
+		}, e.$attrs, {
+			onBeforeEnter: T(A),
+			onEnter: T(N),
+			onAfterEnter: T(P),
+			onBeforeLeave: T(F),
+			onLeave: T(I),
+			onAfterLeave: T(L)
+		}), {
+			default: O(() => [J.value ? (b(), d("div", {
+				key: 0,
+				ref: "floatingRef",
+				style: _(q.value),
+				"data-placement": f.placement,
+				class: g([
+					T(z)(),
+					T(B)(f.type),
+					T(V)(T(H), !!T(H)),
+					f.floatingClass
+				])
+			}, [
+				S(e.$slots, "icon", {}, () => [f.showIcon ? (b(), d(s, { key: 0 }, [typeof f.icon == "string" ? (b(), d("i", {
+					key: 0,
+					class: g([T(R)("icon"), f.icon]),
+					"aria-hidden": "true"
+				}, null, 2)) : (b(), l(C(f.icon), {
+					key: 1,
+					class: g([T(R)("icon")]),
+					"aria-hidden": "true"
+				}, null, 8, ["class"]))], 64)) : u("", !0)]),
+				f.isHtml ? (b(), d("span", {
+					key: 0,
+					class: g([T(R)("content")]),
+					innerHTML: f.content
+				}, null, 10, M)) : (b(), d("span", {
+					key: 1,
+					class: g([T(R)("content")])
+				}, w(f.content), 3)),
+				S(e.$slots, "close", {}, () => [f.showClose ? (b(), d(s, { key: 0 }, [typeof f.closeIcon == "string" ? (b(), d("i", {
+					key: 0,
+					class: g([T(R)("close"), f.closeIcon]),
+					"aria-hidden": "true",
+					onClick: t[0] || (t[0] = (e) => J.value = !1)
+				}, null, 2)) : (b(), l(C(f.closeIcon), {
+					key: 1,
+					class: g([T(R)("close")]),
+					"aria-hidden": "true",
+					onClick: t[1] || (t[1] = (e) => J.value = !1)
+				}, null, 8, ["class"]))], 64)) : u("", !0)])
+			], 14, j)) : u("", !0)]),
+			_: 3
+		}, 16, [
+			"teleported",
+			"append-to",
+			"transition",
+			"css-duration",
+			"css-transition",
+			"enter-from-class",
+			"enter-active-class",
+			"enter-to-class",
+			"leave-from-class",
+			"leave-active-class",
+			"leave-to-class",
+			"onBeforeEnter",
+			"onEnter",
+			"onAfterEnter",
+			"onBeforeLeave",
+			"onLeave",
+			"onAfterLeave"
+		]));
+	}
+});
+//#endregion
+export { N as default };

package/es/components/message/src/types.d.ts

@@ -0,0 +1,55 @@
+import { createVNode, Component } from 'vue';
+import { TransitionEmits, TransitionProps } from '../../transition';
+import { Placement } from '../../tooltip';
+import { Theme, MaybeClass } from '../../../types';
+import { messageTypes, verticalPlacement } from './constants';
+export type MesageVerticalPlacement = (typeof verticalPlacement)[number];
+export type MessagePlacement = MesageVerticalPlacement | Placement;
+export type MessageShortType = (typeof messageTypes)[number];
+export type CreateMessageFn = (options: MessageOptionsOrString) => MessageInstance;
+export type MessageShortcuts = Record<MessageShortType, (options: MessageOptionsOrString) => MessageInstance>;
+export type CreateMessageType = CreateMessageFn & MessageShortcuts & {
+    closeAll: () => void;
+};
+export interface MessageOptions extends TransitionProps {
+    content?: string | HTMLElement;
+    isHtml?: boolean;
+    stayDuration?: number;
+    theme?: Theme;
+    reverseTheme?: boolean;
+    type?: (typeof messageTypes)[number];
+    offset?: number | string;
+    zIndex?: number;
+    width?: number | string;
+    height?: number | string;
+    maxWidth?: number | string;
+    maxHeight?: number | string;
+    floatingClass?: MaybeClass;
+    placement?: MessagePlacement;
+    closeIcon?: string | Component;
+    showClose?: boolean;
+    icon?: string | Component;
+    showIcon?: boolean;
+    onClose?: (el: HTMLElement) => void;
+    onClosed?: (el: HTMLElement) => void;
+    onShow?: (el: HTMLElement) => void;
+    onShown?: (el: HTMLElement) => void;
+}
+export type MessageOptionsOrString = MessageOptions | string;
+export interface MessageInstance {
+    id: string;
+    container: HTMLElement;
+    vnode: ReturnType<typeof createVNode>;
+    props: MessageOptions;
+    placement?: MessagePlacement;
+    close: () => void;
+    show: () => void;
+}
+export interface OffsetItem {
+    id: string;
+    offset: number;
+    vnode: ReturnType<typeof createVNode>;
+}
+export interface MessageEmits extends TransitionEmits {
+    iconUpdated: [el: HTMLElement];
+}

package/es/components/message/src/use-message-emit.d.ts

@@ -0,0 +1,12 @@
+import { EmitFn } from 'vue';
+import { MessageEmits } from './types';
+export declare function useMessageEmits(emits: EmitFn<MessageEmits>): {
+    beforeEnter: (el: any) => void;
+    enter: (el: any, done: any) => void;
+    enterCancelled: (el: any) => void;
+    afterEnter: (el: any) => void;
+    beforeLeave: (el: any) => void;
+    leave: (el: any, done: any) => void;
+    leaveCancelled: (el: any) => void;
+    afterLeave: (el: any) => void;
+};

package/es/components/message/src/use-message-emit.mjs

@@ -0,0 +1,7 @@
+import { useTransitionEmits as e } from "../../transition/src/use-transition-emit.mjs";
+//#region packages/components/message/src/use-message-emit.ts
+function t(t) {
+	return { ...e(t) };
+}
+//#endregion
+export { t as useMessageEmits };

package/es/components/message/src/use-message.d.ts

@@ -0,0 +1,2 @@
+import { CreateMessageType } from './types';
+export declare function useMessage(): CreateMessageType;

package/es/components/message/src/use-message.mjs

@@ -0,0 +1,7 @@
+import { createMessage as e } from "./create-message.mjs";
+//#region packages/components/message/src/use-message.ts
+function t() {
+	return e;
+}
+//#endregion
+export { t as useMessage };

package/es/components/message/style/css.mjs

@@ -0,0 +1,2 @@
+import '../../../../theme-chalk/base.css'
+import '../../../../theme-chalk/re-message.css'

package/es/components/message/style/index.mjs

@@ -0,0 +1,2 @@
+import '../../../../theme-chalk/src/base.scss'
+import '../../../../theme-chalk/src/message.scss'