rappel-ui 1.0.28 → 1.0.30

package/cjs/svg-icons/src/exclam.d.ts

@@ -6,7 +6,7 @@ export declare const Exclam: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const Exclam: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/src/help.d.ts

@@ -6,7 +6,7 @@ export declare const Help: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const Help: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/src/info-circle.d.ts

@@ -0,0 +1,43 @@
+import { DefineComponent, ExtractPropTypes, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export declare const InfoCircle: DefineComponent<ExtractPropTypes<{
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string | undefined;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string | undefined;
+    };
+    spin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string | undefined;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string | undefined;
+    };
+    spin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: string | number;
+    fill: string;
+    color: string;
+    spin: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any> | undefined;

package/cjs/svg-icons/src/info-circle.js

@@ -0,0 +1 @@
+var e=require("../create-icon.js").createIcon({name:`info-circle`,path:`M3 12A9 9 0 0 1 21 12A9 9 0 0 1 3 12M10.4894 11.7793C11.0539 11.2642 12.9614 10.1218 12.9276 10.5009C12.765 11.169 12.425 12.3958 12.0924 13.7461C11.9024 14.4937 11.4465 16.0581 11.3852 16.2957C11.2726 16.7324 11.2162 16.9405 11.1308 17.2798C11.0796 17.8528 11.8422 17.0719 12.0929 16.8945M12.5 7.2a0.5 0.5 0 0 1 1 0a0.5 0.5 0 0 1 -1 0`});exports.InfoCircle=e;

package/cjs/svg-icons/src/info-fill.d.ts

@@ -0,0 +1,43 @@
+import { DefineComponent, ExtractPropTypes, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export declare const InfoFill: DefineComponent<ExtractPropTypes<{
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string | undefined;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string | undefined;
+    };
+    spin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string | undefined;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string | undefined;
+    };
+    spin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: string | number;
+    fill: string;
+    color: string;
+    spin: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any> | undefined;

package/cjs/svg-icons/src/info-fill.js

@@ -0,0 +1 @@
+var e=require("../create-icon.js").createIcon({name:`info-fill`,path:`M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11.2462 10.3312C10.536 10.7268 9.99236 11.0966 9.61541 11.4405C9.20173 11.818 9.17325 12.4396 9.5507 12.8533C9.92815 13.267 10.5497 13.2954 10.9634 12.918C11.0385 12.8495 11.1264 12.7776 11.2271 12.7025C11.1036 13.1796 11.0017 13.5811 10.9214 13.9069C10.842 14.2196 10.6683 14.8476 10.4005 15.7907C10.2942 16.1651 10.233 16.3835 10.2169 16.446L10.0486 17.0931L9.94193 17.5104L9.93475 17.5909C9.90578 17.9154 9.96149 18.1841 10.1019 18.3969C10.2025 18.5495 10.3467 18.6733 10.5344 18.7684C10.6556 18.8299 10.7795 18.8681 10.9063 18.8833C11.136 18.9106 11.3748 18.8619 11.6227 18.7371C11.7958 18.6499 12.0325 18.4792 12.3329 18.2251C12.4141 18.1563 12.46 18.1182 12.4705 18.1108C12.9268 17.788 13.0323 17.1764 12.7111 16.7195C12.7105 16.7186 12.7099 16.7178 12.7092 16.7169C12.6028 16.5664 12.4649 16.4541 12.3115 16.3826C12.3158 16.3677 12.3201 16.3525 12.3245 16.337C12.5973 15.376 12.777 14.7254 12.8634 14.3853C12.9878 13.8804 13.1661 13.1865 13.3983 12.3036C13.5505 11.7252 13.6508 11.3364 13.6992 11.1373L13.717 11.0645L13.7236 10.9898C13.7392 10.8157 13.7189 10.6553 13.6628 10.5085C13.6119 10.3752 13.5315 10.2532 13.4215 10.1425C13.3409 10.0613 13.2522 9.99568 13.1555 9.94561C13.0294 9.88036 12.8897 9.84154 12.7363 9.82913C12.5508 9.81415 12.3454 9.84475 12.12 9.92096C11.887 9.99973 11.5958 10.1365 11.2462 10.3312ZM14.4 7.3C14.4 8.12843 13.7284 8.8 12.9 8.8C12.0716 8.8 11.4 8.12843 11.4 7.3C11.4 6.47157 12.0716 5.8 12.9 5.8C13.7284 5.8 14.4 6.47157 14.4 7.3Z`,fill:`currentColor`,fillRule:`evenodd`});exports.InfoFill=e;

package/cjs/svg-icons/src/loading.d.ts

@@ -6,7 +6,7 @@ export declare const Loading: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const Loading: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/src/more-dot-circle-horizontal.d.ts

@@ -6,7 +6,7 @@ export declare const MoreDotCircleHorizontal: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const MoreDotCircleHorizontal: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/src/more-dot-circle-outline-horizontal.d.ts

@@ -6,7 +6,7 @@ export declare const MoreDotCircleOutlineHorizontal: DefineComponent<ExtractProp
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const MoreDotCircleOutlineHorizontal: DefineComponent<ExtractProp
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/src/more-dot-circle-outline-vertical.d.ts

@@ -6,7 +6,7 @@ export declare const MoreDotCircleOutlineVertical: DefineComponent<ExtractPropTy
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const MoreDotCircleOutlineVertical: DefineComponent<ExtractPropTy
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/src/more-dot-circle.d.ts

@@ -6,7 +6,7 @@ export declare const MoreDotCircle: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const MoreDotCircle: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/src/more-dot-square-horizontal.d.ts

@@ -6,7 +6,7 @@ export declare const MoreDotSquareHorizontal: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const MoreDotSquareHorizontal: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/src/more-dot-square.d.ts

@@ -6,7 +6,7 @@ export declare const MoreDotSquare: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const MoreDotSquare: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/src/more-line.d.ts

@@ -6,7 +6,7 @@ export declare const MoreLine: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const MoreLine: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/src/search-bold.d.ts

@@ -6,7 +6,7 @@ export declare const SearchBold: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const SearchBold: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/src/search.d.ts

@@ -6,7 +6,7 @@ export declare const Search: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const Search: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/src/star-fill.d.ts

@@ -6,7 +6,7 @@ export declare const StarFill: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const StarFill: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/src/star-fill.js

@@ -1 +1 @@
-var e=require("../create-icon.js").createIcon({name:`star-fill`,path:`M12 2L14.63 9.25L22 9.64L16.26 14.51L18.18 22L12 17.77L5.82 22L7.74 14.51L2 9.64L9.37 9.25L12 2`,fill:`currentColor`});exports.StarFill=e;
+var e=require("../create-icon.js").createIcon({name:`star-fill`,path:`M12 1L15 8.86L23.41 9.29L16.86 14.58L19.05 22.71L12 18.11L4.95 22.71L7.14 14.58L0.59 9.29L9 8.86L12 1`,fill:`currentColor`});exports.StarFill=e;

package/cjs/svg-icons/src/star.d.ts

@@ -6,7 +6,7 @@ export declare const Star: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ export declare const Star: DefineComponent<ExtractPropTypes<{
     };
     color: {
         type: StringConstructor;
-        default: undefined;
+        default: string | undefined;
     };
     fill: {
         type: StringConstructor;

package/cjs/svg-icons/types.d.ts

@@ -2,4 +2,6 @@ export interface SvgIconMeta {
     name: string;
     path: string;
     fill?: string;
+    fillRule?: 'inherit' | 'nonzero' | 'evenodd';
+    color?: string;
 }

package/cjs/utils/util.d.ts

@@ -79,21 +79,21 @@ export declare function buildTree(data: any[], props?: {
 }): any[];
 /**
  * 计算半透明颜色与白色背景混合后的等效不透明颜色值
- * @param hexColor 原始十六进制颜色值 (例如 '#ac99ff')
+ * @param hexColor 原始十六进制颜色值 (例如 '#a895ff')
  * @param opacity 透明度值 (0-1之间，默认为0.9)
  * @returns 等效的不透明颜色值 (十六进制格式)
  */
 export declare function getEqualOpacityColor(hexColor: string, opacity?: number, isDark?: boolean): string;
 /**
  * 将颜色向黑色靠近（变暗）
- * @param hexColor 原始十六进制颜色值 (例如 '#ac99ff')
+ * @param hexColor 原始十六进制颜色值 (例如 '#a895ff')
  * @param factor 混合因子 (0-1, 0表示完全不改变，1表示完全变为黑色)
  * @returns 调整后的颜色值
  */
 export declare function darkenColor(hexColor: string, factor?: number): string;
 /**
  * @description 创建层次颜色数组，包含一个变暗的颜色(hover/active)和多个透明度的等值颜色值
- * @param baseColor - 基础颜色的十六进制字符串 (例如 '#ac99ff')
+ * @param baseColor - 基础颜色的十六进制字符串 (例如 '#a895ff')
  * @param isDark - 是否为暗色模式，默认为false
  * @param darkDegree - 变暗程度，默认为0.12，取值范围为0-1，0表示不变，1表示完全变为黑色
  * @param opacityLevels - 透明度数组，默认为 [0.9, 0.8, 0.7, 0.6, 0.5, 0.4, 0.3, 0.2, 0.1]

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

@@ -1,4 +1,4 @@
-export declare const buttonTypes: readonly ["primary", "success", "warning", "danger", "info", ""];
+export declare const buttonTypes: readonly ["primary", "success", "warning", "danger", "error", "info", ""];
 export declare const buttonSizes: readonly ["mini", "small", "", "large"];
 export declare const buttonNativeTypes: readonly ["button", "submit", "reset"];
 export declare const _buttonGroupProps: unique symbol;

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

@@ -4,6 +4,7 @@ var e = [
 	"success",
 	"warning",
 	"danger",
+	"error",
 	"info",
 	""
 ], t = [

package/es/components/index.d.ts

@@ -6,6 +6,8 @@ export * from './secondary-color';
 export * from './neutral-color';
 export * from './filter-panel';
 export * from './svg-icon';
+export * from './transition';
 export * from './tooltip';
 export * from './popover';
 export * from './popconfirm';
+export * from './message';

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,137 @@
+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: 16
+	}, x(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(e) {
+			var t;
+			o(() => {
+				h(c, n.placement, e, l), m = y(e, c, n.placement, l);
+			}), n == null || (t = n.onShow) == null || t.call(n, e);
+		},
+		onAfterEnter(e) {
+			var t;
+			n == null || (t = n.onShown) == null || t.call(n, e);
+		},
+		onBeforeLeave(e) {
+			var t;
+			n == null || (t = n.onClose) == null || t.call(n, e), g(c, l);
+		},
+		onAfterLeave(e) {
+			var t, i;
+			s(null, r), delete f[c], n == null || (t = n.onClosed) == null || t.call(n, e), 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,
+		actualOffset: p,
+		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 };