beyond-webui 1.1.28 → 1.1.30

package/es/components/link/src/link2.mjs

@@ -1,55 +1,26 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import '../../../hooks/index.mjs';
-import { linkProps, linkEmits } from './link.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
 
-const _hoisted_1 = ["href"];
-const __default__ = defineComponent({
-  name: "ElLink"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: linkProps,
-  emits: linkEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const ns = useNamespace("link");
-    const linkKls = computed(() => [
-      ns.b(),
-      ns.m(props.type),
-      ns.is("disabled", props.disabled),
-      ns.is("underline", props.underline && !props.disabled)
-    ]);
-    function handleClick(event) {
-      if (!props.disabled)
-        emit("click", event);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("a", {
-        class: normalizeClass(unref(linkKls)),
-        href: _ctx.disabled || !_ctx.href ? void 0 : _ctx.href,
-        onClick: handleClick
-      }, [
-        _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-          ]),
-          _: 1
-        })) : createCommentVNode("v-if", true),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
-          key: 1,
-          class: normalizeClass(unref(ns).e("inner"))
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)) : createCommentVNode("v-if", true),
-        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1);
-    };
+const linkProps = buildProps({
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "info", "danger", "default"],
+    default: "default"
+  },
+  underline: {
+    type: Boolean,
+    default: true
+  },
+  disabled: { type: Boolean, default: false },
+  href: { type: String, default: "" },
+  icon: {
+    type: iconPropType
   }
 });
-var Link = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\link\\src\\link.vue"]]);
+const linkEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-export { Link as default };
+export { linkEmits, linkProps };
 //# sourceMappingURL=link2.mjs.map

package/es/components/link/src/link2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"link2.mjs","sources":["../../../../../../packages/components/link/src/link.vue"],"sourcesContent":["<template>\n  <a\n    :class=\"linkKls\"\n    :href=\"disabled || !href ? undefined : href\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n    <span v-if=\"$slots.default\" :class=\"ns.e('inner')\">\n      <slot />\n    </span>\n\n    <slot v-if=\"$slots.icon\" name=\"icon\" />\n  </a>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { linkEmits, linkProps } from './link'\n\ndefineOptions({\n  name: 'ElLink',\n})\nconst props = defineProps(linkProps)\nconst emit = defineEmits(linkEmits)\n\nconst ns = useNamespace('link')\n\nconst linkKls = computed(() => [\n  ns.b(),\n  ns.m(props.type),\n  ns.is('disabled', props.disabled),\n  ns.is('underline', props.underline && !props.disabled),\n])\n\nfunction handleClick(event: MouseEvent) {\n  if (!props.disabled) emit('click', event)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;mCAqBc,CAAA;AAAA,EACZ,IAAM,EAAA,QAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,MAAM,CAAA,CAAA;AAE9B,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAAA,MAC7B,GAAG,CAAE,EAAA;AAAA,MACL,EAAA,CAAG,CAAE,CAAA,KAAA,CAAM,IAAI,CAAA;AAAA,MACf,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MAChC,GAAG,EAAG,CAAA,WAAA,EAAa,MAAM,SAAa,IAAA,CAAC,MAAM,QAAQ,CAAA;AAAA,KACtD,CAAA,CAAA;AAED,IAAA,SAAA,WAAA,CAAqB,KAAmB,EAAA;AACtC,MAAA,IAAI,CAAC,KAAM,CAAA,QAAA;AAAU,QAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAAA,KAC1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"link2.mjs","sources":["../../../../../../packages/components/link/src/link.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Link from './link.vue'\n\nexport const linkProps = buildProps({\n  /**\n   * @description type\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger', 'default'],\n    default: 'default',\n  },\n  /**\n   * @description whether the component has underline\n   */\n  underline: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the component is disabled\n   */\n  disabled: { type: Boolean, default: false },\n  /**\n   * @description same as native hyperlink's `href`\n   */\n  href: { type: String, default: '' },\n  /**\n   * @description icon component\n   */\n  icon: {\n    type: iconPropType,\n  },\n} as const)\nexport type LinkProps = ExtractPropTypes<typeof linkProps>\n\nexport const linkEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type LinkEmits = typeof linkEmits\n\nexport type LinkInstance = InstanceType<typeof Link>\n"],"names":[],"mappings":";;;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC;AAC1E,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;AAC7C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}

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

@@ -4,14 +4,14 @@ export declare const ElMenu: import("beyond-webui/es/utils").SFCWithInstall<impo
     readonly defaultOpeneds: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
     readonly collapseTransition: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly ellipsis: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperEffect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "dark" | "light", unknown, "dark", boolean>;
+    readonly popperEffect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "light" | "dark", unknown, "dark", boolean>;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -24,14 +24,14 @@ export declare const ElMenu: import("beyond-webui/es/utils").SFCWithInstall<impo
     readonly defaultOpeneds: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
     readonly collapseTransition: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly ellipsis: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperEffect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "dark" | "light", unknown, "dark", boolean>;
+    readonly popperEffect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "light" | "dark", unknown, "dark", boolean>;
 }>> & {
     onClose?: ((index: string, indexPath: string[]) => any) | undefined;
     onSelect?: ((index: string, indexPath: string[], item: import("./src/types").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => any) | undefined;
@@ -42,9 +42,9 @@ export declare const ElMenu: import("beyond-webui/es/utils").SFCWithInstall<impo
     readonly mode: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
     readonly defaultActive: string;
     readonly defaultOpeneds: string[];
-    readonly menuTrigger: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
+    readonly menuTrigger: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown>;
     readonly collapseTransition: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly popperEffect: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "dark" | "light", unknown>;
+    readonly popperEffect: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>;
     readonly uniqueOpened: boolean;
     readonly router: boolean;
 }>> & {
@@ -218,8 +218,8 @@ export declare const ElMenu: import("beyond-webui/es/utils").SFCWithInstall<impo
             __epPropKey: true;
         };
     }>>, {
-        readonly disabled: boolean;
         readonly teleported: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly disabled: boolean;
         readonly showTimeout: number;
         readonly hideTimeout: number;
         readonly popperAppendToBody: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -397,8 +397,8 @@ export declare const ElSubMenu: import("beyond-webui/es/utils").SFCWithInstall<i
         __epPropKey: true;
     };
 }>>, {
-    readonly disabled: boolean;
     readonly teleported: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly disabled: boolean;
     readonly showTimeout: number;
     readonly hideTimeout: number;
     readonly popperAppendToBody: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/menu/src/menu.d.ts

@@ -7,14 +7,14 @@ export declare const menuProps: {
     readonly defaultOpeneds: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
     readonly collapseTransition: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly ellipsis: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperEffect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "dark" | "light", unknown, "dark", boolean>;
+    readonly popperEffect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "light" | "dark", unknown, "dark", boolean>;
 };
 export declare type MenuProps = ExtractPropTypes<typeof menuProps>;
 export declare const menuEmits: {
@@ -29,14 +29,14 @@ declare const _default: import("vue").DefineComponent<{
     readonly defaultOpeneds: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
     readonly collapseTransition: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly ellipsis: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperEffect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "dark" | "light", unknown, "dark", boolean>;
+    readonly popperEffect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "light" | "dark", unknown, "dark", boolean>;
 }, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -49,14 +49,14 @@ declare const _default: import("vue").DefineComponent<{
     readonly defaultOpeneds: import("beyond-webui/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
     readonly collapseTransition: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly ellipsis: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperEffect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "dark" | "light", unknown, "dark", boolean>;
+    readonly popperEffect: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "light" | "dark", unknown, "dark", boolean>;
 }>> & {
     onClose?: ((index: string, indexPath: string[]) => any) | undefined;
     onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
@@ -67,9 +67,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly mode: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
     readonly defaultActive: string;
     readonly defaultOpeneds: string[];
-    readonly menuTrigger: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
+    readonly menuTrigger: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown>;
     readonly collapseTransition: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly popperEffect: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "dark" | "light", unknown>;
+    readonly popperEffect: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>;
     readonly uniqueOpened: boolean;
     readonly router: boolean;
 }>;

package/es/components/menu/src/sub-menu.d.ts

@@ -118,8 +118,8 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
 }>>, {
-    readonly disabled: boolean;
     readonly teleported: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly disabled: boolean;
     readonly showTimeout: number;
     readonly hideTimeout: number;
     readonly popperAppendToBody: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/message/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
 import message from './src/method.mjs';
-export { messageDefaults, messageEmits, messageProps, messageTypes } from './src/message.mjs';
+export { messageDefaults, messageEmits, messageProps, messageTypes } from './src/message2.mjs';
 import { withInstallFunction } from '../../utils/vue/install.mjs';
 
 const ElMessage = withInstallFunction(message, "$message");

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

@@ -48,7 +48,7 @@ export declare const messageProps: {
         __epPropKey: true;
     };
     readonly showClose: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
+    readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
     readonly offset: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
     readonly zIndex: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     readonly grouping: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;

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

@@ -1,98 +1,205 @@
-import { isClient } from '@vueuse/core';
+import { createElementVNode, defineComponent, ref, computed, onMounted, watch, openBlock, createBlock, Transition, unref, withCtx, withDirectives, normalizeClass, normalizeStyle, createCommentVNode, createElementBlock, resolveDynamicComponent, renderSlot, toDisplayString, Fragment, withModifiers, vShow } from 'vue';
+import { useTimeoutFn, useEventListener, useResizeObserver } from '@vueuse/core';
 import '../../../utils/index.mjs';
-import { mutable } from '../../../utils/typescript.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
+import '../../../constants/index.mjs';
+import { ElBadge } from '../../badge/index.mjs';
+import '../../config-provider/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { messageProps, messageEmits } from './message2.mjs';
+import { getLastOffset, getOffsetOrSpace } from './instance.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { TypeComponents, TypeComponentsMap } from '../../../utils/vue/icon.mjs';
+import { useGlobalComponentSettings } from '../../config-provider/src/hooks/use-global-config.mjs';
+import { EVENT_CODE } from '../../../constants/aria.mjs';
 
-const messageTypes = ["success", "info", "warning", "error"];
-const messageDefaults = mutable({
-  customClass: "",
-  center: false,
-  dangerouslyUseHTMLString: false,
-  duration: 3e3,
-  icon: void 0,
-  closeIcon: void 0,
-  id: "",
-  message: "",
-  onClose: void 0,
-  showClose: false,
-  type: "info",
-  offset: 16,
-  zIndex: 0,
-  grouping: false,
-  repeatNum: 1,
-  appendTo: isClient ? document.body : void 0
+const _hoisted_1 = ["id"];
+const _hoisted_2 = {
+  key: 0,
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("g", { "clip-path": "url(#clip0_391_15356)" }, [
+  /* @__PURE__ */ createElementVNode("path", { d: "M6.475 17.1576C6.14433 17.1583 5.81677 17.0936 5.51116 16.9674C5.20555 16.8411 4.9279 16.6557 4.69417 16.4218L0 11.7276L1.18667 10.5401L5.88083 15.2343C6.03835 15.3917 6.25191 15.4801 6.47458 15.4801C6.69726 15.4801 6.91082 15.3917 7.06833 15.2343L18.8133 3.48926L20 4.67676L8.255 16.4218C8.02142 16.6556 7.74392 16.8411 7.43844 16.9673C7.13297 17.0936 6.80555 17.1583 6.475 17.1576Z" })
+], -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("defs", null, [
+  /* @__PURE__ */ createElementVNode("clipPath", { id: "clip0_391_15356" }, [
+    /* @__PURE__ */ createElementVNode("rect", {
+      width: "20",
+      height: "20"
+    })
+  ])
+], -1);
+const _hoisted_5 = [
+  _hoisted_3,
+  _hoisted_4
+];
+const _hoisted_6 = {
+  key: 1,
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("path", { d: "M10 20C8.02219 20 6.08879 19.4135 4.4443 18.3147C2.79981 17.2159 1.51809 15.6541 0.761209 13.8268C0.00433286 11.9996 -0.193701 9.98891 0.192152 8.0491C0.578004 6.10929 1.53041 4.32746 2.92894 2.92894C4.32746 1.53041 6.10929 0.578004 8.0491 0.192152C9.98891 -0.193701 11.9996 0.00433286 13.8268 0.761209C15.6541 1.51809 17.2159 2.79981 18.3147 4.4443C19.4135 6.08879 20 8.02219 20 10C19.9971 12.6513 18.9426 15.1932 17.0679 17.0679C15.1932 18.9426 12.6513 19.9971 10 20ZM10 1.66667C8.35183 1.66667 6.74066 2.15541 5.37025 3.07109C3.99984 3.98677 2.93174 5.28826 2.30101 6.81098C1.67028 8.33369 1.50525 10.0092 1.82679 11.6258C2.14834 13.2423 2.94201 14.7271 4.10745 15.8926C5.27289 17.058 6.75774 17.8517 8.37425 18.1732C9.99076 18.4948 11.6663 18.3297 13.189 17.699C14.7118 17.0683 16.0132 16.0002 16.9289 14.6298C17.8446 13.2593 18.3333 11.6482 18.3333 10C18.3309 7.79061 17.4522 5.67241 15.8899 4.11013C14.3276 2.54785 12.2094 1.6691 10 1.66667Z" }, null, -1);
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M10.8346 5H9.16797V11.6667H10.8346V5ZM10.8346 13.3333H9.16797V15H10.8346V13.3333Z"
+}, null, -1);
+const _hoisted_9 = [
+  _hoisted_7,
+  _hoisted_8
+];
+const _hoisted_10 = ["innerHTML"];
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("svg", {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ createElementVNode("path", { d: "M15.5885 5.5891L14.4102 4.41077L9.99932 8.8216L5.58849 4.41077L4.41016 5.5891L8.82099 9.99993L4.41016 14.4108L5.58849 15.5891L9.99932 11.1783L14.4102 15.5891L15.5885 14.4108L11.1777 9.99993L15.5885 5.5891Z" })
+], -1);
+const __default__ = defineComponent({
+  name: "ElMessage"
 });
-const messageProps = buildProps({
-  customClass: {
-    type: String,
-    default: messageDefaults.customClass
-  },
-  center: {
-    type: Boolean,
-    default: messageDefaults.center
-  },
-  dangerouslyUseHTMLString: {
-    type: Boolean,
-    default: messageDefaults.dangerouslyUseHTMLString
-  },
-  duration: {
-    type: Number,
-    default: messageDefaults.duration
-  },
-  icon: {
-    type: iconPropType,
-    default: messageDefaults.icon
-  },
-  closeIcon: {
-    type: iconPropType,
-    default: messageDefaults.icon
-  },
-  id: {
-    type: String,
-    default: messageDefaults.id
-  },
-  message: {
-    type: definePropType([
-      String,
-      Object,
-      Function
-    ]),
-    default: messageDefaults.message
-  },
-  onClose: {
-    type: definePropType(Function),
-    required: false
-  },
-  showClose: {
-    type: Boolean,
-    default: messageDefaults.showClose
-  },
-  type: {
-    type: String,
-    values: messageTypes,
-    default: messageDefaults.type
-  },
-  offset: {
-    type: Number,
-    default: messageDefaults.offset
-  },
-  zIndex: {
-    type: Number,
-    default: messageDefaults.zIndex
-  },
-  grouping: {
-    type: Boolean,
-    default: messageDefaults.grouping
-  },
-  repeatNum: {
-    type: Number,
-    default: messageDefaults.repeatNum
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: messageProps,
+  emits: messageEmits,
+  setup(__props, { expose }) {
+    const props = __props;
+    const { Close } = TypeComponents;
+    const { ns, zIndex } = useGlobalComponentSettings("message");
+    const { currentZIndex, nextZIndex } = zIndex;
+    const messageRef = ref();
+    const visible = ref(false);
+    const height = ref(0);
+    let stopTimer = void 0;
+    const badgeType = computed(() => props.type ? props.type === "error" ? "danger" : props.type : "info");
+    const typeClass = computed(() => {
+      const type = props.type;
+      return { [ns.bm("icon", type)]: type && TypeComponentsMap[type] };
+    });
+    const iconComponent = computed(() => props.icon || TypeComponentsMap[props.type] || "");
+    const closeIconComponent = computed(() => props.closeIcon || Close || "");
+    const lastOffset = computed(() => getLastOffset(props.id));
+    const offset = computed(() => getOffsetOrSpace(props.id, props.offset) + lastOffset.value);
+    const bottom = computed(() => height.value + offset.value);
+    const customStyle = computed(() => ({
+      top: `${offset.value}px`,
+      zIndex: currentZIndex.value
+    }));
+    function startTimer() {
+      if (props.duration === 0)
+        return;
+      ({ stop: stopTimer } = useTimeoutFn(() => {
+        close();
+      }, props.duration));
+    }
+    function clearTimer() {
+      stopTimer == null ? void 0 : stopTimer();
+    }
+    function close() {
+      visible.value = false;
+    }
+    function keydown({ code }) {
+      if (code === EVENT_CODE.esc) {
+        close();
+      }
+    }
+    onMounted(() => {
+      startTimer();
+      nextZIndex();
+      visible.value = true;
+    });
+    watch(() => props.repeatNum, () => {
+      clearTimer();
+      startTimer();
+    });
+    useEventListener(document, "keydown", keydown);
+    useResizeObserver(messageRef, () => {
+      height.value = messageRef.value.getBoundingClientRect().height;
+    });
+    expose({
+      visible,
+      bottom,
+      close
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: unref(ns).b("fade"),
+        onBeforeLeave: _ctx.onClose,
+        onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("destroy")),
+        persisted: ""
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            id: _ctx.id,
+            ref_key: "messageRef",
+            ref: messageRef,
+            class: normalizeClass([
+              unref(ns).b(),
+              { [unref(ns).m(_ctx.type)]: _ctx.type },
+              unref(ns).is("center", _ctx.center),
+              unref(ns).is("closable", _ctx.showClose),
+              _ctx.customClass
+            ]),
+            style: normalizeStyle(unref(customStyle)),
+            role: "alert",
+            onMouseenter: clearTimer,
+            onMouseleave: startTimer
+          }, [
+            _ctx.repeatNum > 1 ? (openBlock(), createBlock(unref(ElBadge), {
+              key: 0,
+              value: _ctx.repeatNum,
+              type: unref(badgeType),
+              class: normalizeClass(unref(ns).e("badge"))
+            }, null, 8, ["value", "type", "class"])) : createCommentVNode("v-if", true),
+            unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
+              key: 1,
+              class: normalizeClass([unref(ns).e("icon"), unref(typeClass)]),
+              size: "20px"
+            }, {
+              default: withCtx(() => [
+                _ctx.type === "success" ? (openBlock(), createElementBlock("svg", _hoisted_2, _hoisted_5)) : _ctx.type === "error" ? (openBlock(), createElementBlock("svg", _hoisted_6, _hoisted_9)) : (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent)), { key: 2 }))
+              ]),
+              _: 1
+            }, 8, ["class"])) : createCommentVNode("v-if", true),
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", {
+                key: 0,
+                class: normalizeClass(unref(ns).e("content"))
+              }, toDisplayString(_ctx.message), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+                createElementVNode("p", {
+                  class: normalizeClass(unref(ns).e("content")),
+                  innerHTML: _ctx.message
+                }, null, 10, _hoisted_10)
+              ], 2112))
+            ]),
+            _ctx.showClose ? (openBlock(), createBlock(unref(ElIcon), {
+              key: 2,
+              class: normalizeClass(unref(ns).e("closeBtn")),
+              size: "20px",
+              onClick: withModifiers(close, ["stop"])
+            }, {
+              default: withCtx(() => [
+                _hoisted_11
+              ]),
+              _: 1
+            }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
+          ], 46, _hoisted_1), [
+            [vShow, visible.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name", "onBeforeLeave"]);
+    };
   }
 });
-const messageEmits = {
-  destroy: () => true
-};
+var MessageConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\message\\src\\message.vue"]]);
 
-export { messageDefaults, messageEmits, messageProps, messageTypes };
+export { MessageConstructor as default };
 //# sourceMappingURL=message.mjs.map