element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/es/components/menu/src/menu-item.vue_vue_type_script_lang.mjs

@@ -0,0 +1,62 @@
+import { defineComponent, getCurrentInstance, inject, toRef, computed, reactive, onMounted, onBeforeUnmount } from 'vue';
+import _Tooltip from '../../tooltip/index.mjs';
+import '../../popper/index.mjs';
+import { throwError } from '../../../utils/error.mjs';
+import useMenu from './use-menu.mjs';
+import { menuItemProps, menuItemEmits } from './menu-item.mjs';
+import { Effect } from '../../popper/src/use-popper/defaults.mjs';
+
+const COMPONENT_NAME = "ElMenuItem";
+var script = defineComponent({
+  name: COMPONENT_NAME,
+  components: {
+    ElTooltip: _Tooltip
+  },
+  props: menuItemProps,
+  emits: menuItemEmits,
+  setup(props, { emit }) {
+    const instance = getCurrentInstance();
+    const rootMenu = inject("rootMenu");
+    if (!rootMenu)
+      throwError(COMPONENT_NAME, "can not inject root menu");
+    const { parentMenu, paddingStyle, indexPath } = useMenu(instance, toRef(props, "index"));
+    const subMenu = inject(`subMenu:${parentMenu.value.uid}`);
+    if (!subMenu)
+      throwError(COMPONENT_NAME, "can not inject sub menu");
+    const active = computed(() => props.index === rootMenu.activeIndex);
+    const item = reactive({
+      index: props.index,
+      indexPath,
+      active
+    });
+    const handleClick = () => {
+      if (!props.disabled) {
+        rootMenu.handleMenuItemClick({
+          index: props.index,
+          indexPath: indexPath.value,
+          route: props.route
+        });
+        emit("click", item);
+      }
+    };
+    onMounted(() => {
+      subMenu.addSubMenu(item);
+      rootMenu.addMenuItem(item);
+    });
+    onBeforeUnmount(() => {
+      subMenu.removeSubMenu(item);
+      rootMenu.removeMenuItem(item);
+    });
+    return {
+      Effect,
+      parentMenu,
+      rootMenu,
+      paddingStyle,
+      active,
+      handleClick
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=menu-item.vue_vue_type_script_lang.mjs.map

package/es/components/menu/src/menu-item.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/menu/src/menu-item.vue"],"sourcesContent":["<template>\n  <li\n    class=\"el-menu-item\"\n    role=\"menuitem\"\n    tabindex=\"-1\"\n    :style=\"paddingStyle\"\n    :class=\"{\n      'is-active': active,\n      'is-disabled': disabled,\n    }\"\n    @click=\"handleClick\"\n  >\n    <el-tooltip\n      v-if=\"\n        parentMenu.type.name === 'ElMenu' &&\n        rootMenu.props.collapse &&\n        $slots.title\n      \"\n      :effect=\"Effect.DARK\"\n      placement=\"right\"\n    >\n      <template #content>\n        <slot name=\"title\" />\n      </template>\n      <div\n        :style=\"{\n          position: 'absolute',\n          left: 0,\n          top: 0,\n          height: '100%',\n          width: '100%',\n          display: 'inline-block',\n          boxSizing: 'border-box',\n          padding: '0 20px',\n        }\"\n      >\n        <slot />\n      </div>\n    </el-tooltip>\n    <template v-else>\n      <slot />\n      <slot name=\"title\" />\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  onBeforeUnmount,\n  inject,\n  getCurrentInstance,\n  toRef,\n  reactive,\n} from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { Effect } from '@element-plus/components/popper'\nimport { throwError } from '@element-plus/utils/error'\nimport useMenu from './use-menu'\nimport { menuItemEmits, menuItemProps } from './menu-item'\n\nimport type { MenuItemRegistered, MenuProvider, SubMenuProvider } from './types'\n\nconst COMPONENT_NAME = 'ElMenuItem'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElTooltip,\n  },\n\n  props: menuItemProps,\n  emits: menuItemEmits,\n\n  setup(props, { emit }) {\n    const instance = getCurrentInstance()!\n    const rootMenu = inject<MenuProvider>('rootMenu')\n    if (!rootMenu) throwError(COMPONENT_NAME, 'can not inject root menu')\n\n    const { parentMenu, paddingStyle, indexPath } = useMenu(\n      instance,\n      toRef(props, 'index')\n    )\n\n    const subMenu = inject<SubMenuProvider>(`subMenu:${parentMenu.value.uid}`)\n    if (!subMenu) throwError(COMPONENT_NAME, 'can not inject sub menu')\n\n    const active = computed(() => props.index === rootMenu.activeIndex)\n    const item: MenuItemRegistered = reactive({\n      index: props.index,\n      indexPath,\n      active,\n    })\n\n    const handleClick = () => {\n      if (!props.disabled) {\n        rootMenu.handleMenuItemClick({\n          index: props.index,\n          indexPath: indexPath.value,\n          route: props.route,\n        })\n        emit('click', item)\n      }\n    }\n\n    onMounted(() => {\n      subMenu.addSubMenu(item)\n      rootMenu.addMenuItem(item)\n    })\n\n    onBeforeUnmount(() => {\n      subMenu.removeSubMenu(item)\n      rootMenu.removeMenuItem(item)\n    })\n\n    return {\n      Effect,\n      parentMenu,\n      rootMenu,\n      paddingStyle,\n      active,\n\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["ElTooltip"],"mappings":";;;;;;;;AAiEA,MAAM,iBAAiB;AACvB,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVA;AAAA;AAAA,EAGF,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,WAAW;AACjB,UAAM,WAAW,OAAqB;AACtC,QAAI,CAAC;AAAU,iBAAW,gBAAgB;AAE1C,UAAM,EAAE,YAAY,cAAc,cAAc,QAC9C,UACA,MAAM,OAAO;AAGf,UAAM,UAAU,OAAwB,WAAW,WAAW,MAAM;AACpE,QAAI,CAAC;AAAS,iBAAW,gBAAgB;AAEzC,UAAM,SAAS,SAAS,MAAM,MAAM,UAAU,SAAS;AACvD,UAAM,OAA2B,SAAS;AAAA,MACxC,OAAO,MAAM;AAAA,MACb;AAAA,MACA;AAAA;AAGF,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,MAAM,UAAU;AACnB,iBAAS,oBAAoB;AAAA,UAC3B,OAAO,MAAM;AAAA,UACb,WAAW,UAAU;AAAA,UACrB,OAAO,MAAM;AAAA;AAEf,aAAK,SAAS;AAAA;AAAA;AAIlB,cAAU,MAAM;AACd,cAAQ,WAAW;AACnB,eAAS,YAAY;AAAA;AAGvB,oBAAgB,MAAM;AACpB,cAAQ,cAAc;AACtB,eAAS,eAAe;AAAA;AAG1B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;"}

package/es/components/menu/src/menu-item.vue_vue_type_template_id_aa755baa_lang.mjs

@@ -0,0 +1,47 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, withCtx, renderSlot, createElementVNode, Fragment } from 'vue';
+
+const _hoisted_1 = { style: {
+  position: "absolute",
+  left: 0,
+  top: 0,
+  height: "100%",
+  width: "100%",
+  display: "inline-block",
+  boxSizing: "border-box",
+  padding: "0 20px"
+} };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass(["el-menu-item", {
+      "is-active": _ctx.active,
+      "is-disabled": _ctx.disabled
+    }]),
+    role: "menuitem",
+    tabindex: "-1",
+    style: normalizeStyle(_ctx.paddingStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    _ctx.parentMenu.type.name === "ElMenu" && _ctx.rootMenu.props.collapse && _ctx.$slots.title ? (openBlock(), createBlock(_component_el_tooltip, {
+      key: 0,
+      effect: _ctx.Effect.DARK,
+      placement: "right"
+    }, {
+      content: withCtx(() => [
+        renderSlot(_ctx.$slots, "title")
+      ]),
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ]),
+      _: 3
+    }, 8, ["effect"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+      renderSlot(_ctx.$slots, "default"),
+      renderSlot(_ctx.$slots, "title")
+    ], 64))
+  ], 6);
+}
+
+export { render };
+//# sourceMappingURL=menu-item.vue_vue_type_template_id_aa755baa_lang.mjs.map

package/es/components/menu/src/menu-item.vue_vue_type_template_id_aa755baa_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.vue_vue_type_template_id_aa755baa_lang.mjs","sources":["../../../../../../packages/components/menu/src/menu-item.vue?vue&type=template&id=aa755baa&lang.js"],"sourcesContent":["<template>\n  <li\n    class=\"el-menu-item\"\n    role=\"menuitem\"\n    tabindex=\"-1\"\n    :style=\"paddingStyle\"\n    :class=\"{\n      'is-active': active,\n      'is-disabled': disabled,\n    }\"\n    @click=\"handleClick\"\n  >\n    <el-tooltip\n      v-if=\"\n        parentMenu.type.name === 'ElMenu' &&\n        rootMenu.props.collapse &&\n        $slots.title\n      \"\n      :effect=\"Effect.DARK\"\n      placement=\"right\"\n    >\n      <template #content>\n        <slot name=\"title\" />\n      </template>\n      <div\n        :style=\"{\n          position: 'absolute',\n          left: 0,\n          top: 0,\n          height: '100%',\n          width: '100%',\n          display: 'inline-block',\n          boxSizing: 'border-box',\n          padding: '0 20px',\n        }\"\n      >\n        <slot />\n      </div>\n    </el-tooltip>\n    <template v-else>\n      <slot />\n      <slot name=\"title\" />\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  onBeforeUnmount,\n  inject,\n  getCurrentInstance,\n  toRef,\n  reactive,\n} from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { Effect } from '@element-plus/components/popper'\nimport { throwError } from '@element-plus/utils/error'\nimport useMenu from './use-menu'\nimport { menuItemEmits, menuItemProps } from './menu-item'\n\nimport type { MenuItemRegistered, MenuProvider, SubMenuProvider } from './types'\n\nconst COMPONENT_NAME = 'ElMenuItem'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElTooltip,\n  },\n\n  props: menuItemProps,\n  emits: menuItemEmits,\n\n  setup(props, { emit }) {\n    const instance = getCurrentInstance()!\n    const rootMenu = inject<MenuProvider>('rootMenu')\n    if (!rootMenu) throwError(COMPONENT_NAME, 'can not inject root menu')\n\n    const { parentMenu, paddingStyle, indexPath } = useMenu(\n      instance,\n      toRef(props, 'index')\n    )\n\n    const subMenu = inject<SubMenuProvider>(`subMenu:${parentMenu.value.uid}`)\n    if (!subMenu) throwError(COMPONENT_NAME, 'can not inject sub menu')\n\n    const active = computed(() => props.index === rootMenu.activeIndex)\n    const item: MenuItemRegistered = reactive({\n      index: props.index,\n      indexPath,\n      active,\n    })\n\n    const handleClick = () => {\n      if (!props.disabled) {\n        rootMenu.handleMenuItemClick({\n          index: props.index,\n          indexPath: indexPath.value,\n          route: props.route,\n        })\n        emit('click', item)\n      }\n    }\n\n    onMounted(() => {\n      subMenu.addSubMenu(item)\n      rootMenu.addMenuItem(item)\n    })\n\n    onBeforeUnmount(() => {\n      subMenu.removeSubMenu(item)\n      rootMenu.removeMenuItem(item)\n    })\n\n    return {\n      Effect,\n      parentMenu,\n      rootMenu,\n      paddingStyle,\n      active,\n\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_renderSlot","_createElementVNode"],"mappings":";;qBAyBS,OAAO;AAAA;;;;;;;;;;;sBAxBdA;IACE,uBAAM;;;;IACN,MAAK;AAAA,IACL,UAAS;AAAA,IACR,sBAAO;IAKP,gDAAO;;gHAERC;;MAMG,QAAQ,YAAO;AAAA,MAChB,WAAU;AAAA;MAEC,iBACT;QAAAC;;uBAEF;QAAAC,0BAAA;UAYED;;;;uCAGJF;MACEE;MACAA;;;;;;;"}

package/es/components/menu/src/menu-item2.mjs

@@ -1,6 +1,6 @@
-import script from './menu-item.vue_vue&type=script&lang.mjs';
-export { default } from './menu-item.vue_vue&type=script&lang.mjs';
-import { render } from './menu-item.vue_vue&type=template&id=aa755baa&lang.mjs';
+import script from './menu-item.vue_vue_type_script_lang.mjs';
+export { default } from './menu-item.vue_vue_type_script_lang.mjs';
+import { render } from './menu-item.vue_vue_type_template_id_aa755baa_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/menu/src/menu-item.vue";

package/es/components/menu/src/menu.mjs

@@ -10,7 +10,7 @@ import SubMenu from './sub-menu.mjs';
 import { useMenuCssVar } from './use-menu-css-var.mjs';
 import { isString, isObject } from '@vue/shared';
 import Resize from '../../../directives/resize/index.mjs';
-import script from './menu-collapse-transition.vue_vue&type=script&lang.mjs';
+import script from './menu-collapse-transition.vue_vue_type_script_lang.mjs';
 
 const menuProps = buildProps({
   mode: {

package/es/components/menu/src/use-menu-css-var.d.ts

@@ -2,7 +2,7 @@ import type { MenuProps } from './menu';
 export declare const useMenuCssVar: (props: MenuProps) => import("vue").ComputedRef<{
     '--el-menu-text-color': string;
     '--el-menu-hover-text-color': string;
-    '--el-menu-background-color': string;
-    '--el-menu-hover-background-color': string;
+    '--el-menu-bg-color': string;
+    '--el-menu-hover-bg-color': string;
     '--el-menu-active-color': string;
 }>;

package/es/components/menu/src/use-menu-css-var.mjs

@@ -6,8 +6,8 @@ const useMenuCssVar = (props) => {
     return {
       "--el-menu-text-color": props.textColor || "",
       "--el-menu-hover-text-color": props.textColor || "",
-      "--el-menu-background-color": props.backgroundColor || "",
-      "--el-menu-hover-background-color": useMenuColor(props).value || "",
+      "--el-menu-bg-color": props.backgroundColor || "",
+      "--el-menu-hover-bg-color": useMenuColor(props).value || "",
       "--el-menu-active-color": props.activeTextColor || ""
     };
   });

package/es/components/menu/src/use-menu-css-var.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-menu-css-var.mjs","sources":["../../../../../../packages/components/menu/src/use-menu-css-var.ts"],"sourcesContent":["import { computed } from 'vue'\nimport useMenuColor from './use-menu-color'\n\nimport type { MenuProps } from './menu'\n\nexport const useMenuCssVar = (props: MenuProps) => {\n  return computed(() => {\n    return {\n      '--el-menu-text-color': props.textColor || '',\n      '--el-menu-hover-text-color': props.textColor || '',\n      '--el-menu-background-color': props.backgroundColor || '',\n      '--el-menu-hover-background-color': useMenuColor(props).value || '',\n      '--el-menu-active-color': props.activeTextColor || '',\n    }\n  })\n}\n"],"names":[],"mappings":";;;MAKa,gBAAgB,CAAC,UAAqB;AACjD,SAAO,SAAS,MAAM;AACpB,WAAO;AAAA,MACL,wBAAwB,MAAM,aAAa;AAAA,MAC3C,8BAA8B,MAAM,aAAa;AAAA,MACjD,8BAA8B,MAAM,mBAAmB;AAAA,MACvD,oCAAoC,aAAa,OAAO,SAAS;AAAA,MACjE,0BAA0B,MAAM,mBAAmB;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"use-menu-css-var.mjs","sources":["../../../../../../packages/components/menu/src/use-menu-css-var.ts"],"sourcesContent":["import { computed } from 'vue'\nimport useMenuColor from './use-menu-color'\n\nimport type { MenuProps } from './menu'\n\nexport const useMenuCssVar = (props: MenuProps) => {\n  return computed(() => {\n    return {\n      '--el-menu-text-color': props.textColor || '',\n      '--el-menu-hover-text-color': props.textColor || '',\n      '--el-menu-bg-color': props.backgroundColor || '',\n      '--el-menu-hover-bg-color': useMenuColor(props).value || '',\n      '--el-menu-active-color': props.activeTextColor || '',\n    }\n  })\n}\n"],"names":[],"mappings":";;;MAKa,gBAAgB,CAAC,UAAqB;AACjD,SAAO,SAAS,MAAM;AACpB,WAAO;AAAA,MACL,wBAAwB,MAAM,aAAa;AAAA,MAC3C,8BAA8B,MAAM,aAAa;AAAA,MACjD,sBAAsB,MAAM,mBAAmB;AAAA,MAC/C,4BAA4B,aAAa,OAAO,SAAS;AAAA,MACzD,0BAA0B,MAAM,mBAAmB;AAAA;AAAA;AAAA;;;;"}

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

@@ -5,7 +5,7 @@ import isServer from '../../../utils/isServer.mjs';
 import { debugWarn } from '../../../utils/error.mjs';
 import './message2.mjs';
 import { messageTypes } from './message.mjs';
-import script from './message.vue_vue&type=script&lang.mjs';
+import script from './message.vue_vue_type_script_lang.mjs';
 
 const instances = [];
 let seed = 1;

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

@@ -0,0 +1,78 @@
+import { defineComponent, ref, computed, onMounted, watch } from 'vue';
+import { useTimeoutFn, useEventListener } from '@vueuse/core';
+import { EVENT_CODE } from '../../../utils/aria.mjs';
+import { ElBadge } from '../../badge/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { TypeComponents, TypeComponentsMap } from '../../../utils/icon.mjs';
+import { messageProps, messageEmits } from './message.mjs';
+
+var script = defineComponent({
+  name: "ElMessage",
+  components: {
+    ElBadge,
+    ElIcon,
+    ...TypeComponents
+  },
+  props: messageProps,
+  emits: messageEmits,
+  setup(props) {
+    const visible = ref(false);
+    let stopTimer = void 0;
+    const typeClass = computed(() => {
+      const type = props.type;
+      return type && TypeComponentsMap[type] ? `el-message-icon--${type}` : "";
+    });
+    const iconComponent = computed(() => {
+      return props.icon || TypeComponentsMap[props.type] || "";
+    });
+    const customStyle = computed(() => ({
+      top: `${props.offset}px`,
+      zIndex: props.zIndex
+    }));
+    function startTimer() {
+      if (props.duration > 0) {
+        ;
+        ({ stop: stopTimer } = useTimeoutFn(() => {
+          if (visible.value)
+            close();
+        }, props.duration));
+      }
+    }
+    function clearTimer() {
+      stopTimer == null ? void 0 : stopTimer();
+    }
+    function close() {
+      visible.value = false;
+    }
+    function keydown({ code }) {
+      if (code === EVENT_CODE.esc) {
+        if (visible.value) {
+          close();
+        }
+      } else {
+        startTimer();
+      }
+    }
+    onMounted(() => {
+      startTimer();
+      visible.value = true;
+    });
+    watch(() => props.repeatNum, () => {
+      clearTimer();
+      startTimer();
+    });
+    useEventListener(document, "keydown", keydown);
+    return {
+      typeClass,
+      iconComponent,
+      customStyle,
+      visible,
+      close,
+      clearTimer,
+      startTimer
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=message.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n  <transition\n    name=\"el-message-fade\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[\n        'el-message',\n        type && !icon ? `el-message--${type}` : '',\n        center ? 'is-center' : '',\n        showClose ? 'is-closable' : '',\n        customClass,\n      ]\"\n      :style=\"customStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n    >\n      <el-badge\n        v-if=\"repeatNum > 1\"\n        :value=\"repeatNum\"\n        :type=\"type ?? 'info'\"\n        class=\"el-message__badge\"\n      >\n      </el-badge>\n      <el-icon v-if=\"iconComponent\" class=\"el-message__icon\" :class=\"typeClass\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <slot>\n        <p v-if=\"!dangerouslyUseHTMLString\" class=\"el-message__content\">\n          {{ message }}\n        </p>\n        <!-- Caution here, message could've been compromised, never use user's input as message -->\n        <p v-else class=\"el-message__content\" v-html=\"message\"></p>\n      </slot>\n      <el-icon\n        v-if=\"showClose\"\n        class=\"el-message__closeBtn\"\n        @click.stop=\"close\"\n      >\n        <close />\n      </el-icon>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted, watch } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport ElBadge from '@element-plus/components/badge'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\n\nimport { messageEmits, messageProps } from './message'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElMessage',\n\n  components: {\n    ElBadge,\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: messageProps,\n  emits: messageEmits,\n\n  setup(props) {\n    const visible = ref(false)\n    let stopTimer: (() => void) | undefined = undefined\n\n    const typeClass = computed(() => {\n      const type = props.type\n      return type && TypeComponentsMap[type] ? `el-message-icon--${type}` : ''\n    })\n\n    const iconComponent = computed(() => {\n      return props.icon || TypeComponentsMap[props.type] || ''\n    })\n\n    const customStyle = computed<CSSProperties>(() => ({\n      top: `${props.offset}px`,\n      zIndex: props.zIndex,\n    }))\n\n    function startTimer() {\n      if (props.duration > 0) {\n        ;({ stop: stopTimer } = useTimeoutFn(() => {\n          if (visible.value) close()\n        }, props.duration))\n      }\n    }\n\n    function clearTimer() {\n      stopTimer?.()\n    }\n\n    function close() {\n      visible.value = false\n    }\n\n    function keydown({ code }: KeyboardEvent) {\n      if (code === EVENT_CODE.esc) {\n        // press esc to close the message\n        if (visible.value) {\n          close()\n        }\n      } else {\n        startTimer() // resume timer\n      }\n    }\n\n    onMounted(() => {\n      startTimer()\n      visible.value = true\n    })\n\n    watch(\n      () => props.repeatNum,\n      () => {\n        clearTimer()\n        startTimer()\n      }\n    )\n\n    useEventListener(document, 'keydown', keydown)\n\n    return {\n      typeClass,\n      iconComponent,\n      customStyle,\n      visible,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;AA4DA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,OACG;AAAA;AAAA,EAGL,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,UAAU,IAAI;AACpB,QAAI,YAAsC;AAE1C,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,OAAO,MAAM;AACnB,aAAO,QAAQ,kBAAkB,QAAQ,oBAAoB,SAAS;AAAA;AAGxE,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,QAAQ,kBAAkB,MAAM,SAAS;AAAA;AAGxD,UAAM,cAAc,SAAwB;AAAO,MACjD,KAAK,GAAG,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA;AAGhB,0BAAsB;AACpB,UAAI,MAAM,WAAW,GAAG;AACtB;AAAC,QAAC,GAAE,MAAM,cAAc,aAAa,MAAM;AACzC,cAAI,QAAQ;AAAO;AAAA,WAClB,MAAM;AAAA;AAAA;AAIb,0BAAsB;AACpB;AAAA;AAGF,qBAAiB;AACf,cAAQ,QAAQ;AAAA;AAGlB,qBAAiB,EAAE,QAAuB;AACxC,UAAI,SAAS,WAAW,KAAK;AAE3B,YAAI,QAAQ,OAAO;AACjB;AAAA;AAAA,aAEG;AACL;AAAA;AAAA;AAIJ,cAAU,MAAM;AACd;AACA,cAAQ,QAAQ;AAAA;AAGlB,UACE,MAAM,MAAM,WACZ,MAAM;AACJ;AACA;AAAA;AAIJ,qBAAiB,UAAU,WAAW;AAEtC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,79 @@
+import { resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode, resolveDynamicComponent, renderSlot, createElementBlock, toDisplayString, Fragment, withModifiers, createVNode, vShow } from 'vue';
+
+const _hoisted_1 = ["id"];
+const _hoisted_2 = {
+  key: 0,
+  class: "el-message__content"
+};
+const _hoisted_3 = ["innerHTML"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_badge = resolveComponent("el-badge");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_close = resolveComponent("close");
+  return openBlock(), createBlock(Transition, {
+    name: "el-message-fade",
+    onBeforeLeave: _ctx.onClose,
+    onAfterLeave: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("destroy"))
+  }, {
+    default: withCtx(() => {
+      var _a;
+      return [
+        withDirectives(createElementVNode("div", {
+          id: _ctx.id,
+          class: normalizeClass([
+            "el-message",
+            _ctx.type && !_ctx.icon ? `el-message--${_ctx.type}` : "",
+            _ctx.center ? "is-center" : "",
+            _ctx.showClose ? "is-closable" : "",
+            _ctx.customClass
+          ]),
+          style: normalizeStyle(_ctx.customStyle),
+          role: "alert",
+          onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.clearTimer && _ctx.clearTimer(...args)),
+          onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.startTimer && _ctx.startTimer(...args))
+        }, [
+          _ctx.repeatNum > 1 ? (openBlock(), createBlock(_component_el_badge, {
+            key: 0,
+            value: _ctx.repeatNum,
+            type: (_a = _ctx.type) != null ? _a : "info",
+            class: "el-message__badge"
+          }, null, 8, ["value", "type"])) : createCommentVNode("v-if", true),
+          _ctx.iconComponent ? (openBlock(), createBlock(_component_el_icon, {
+            key: 1,
+            class: normalizeClass(["el-message__icon", _ctx.typeClass])
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+            ]),
+            _: 1
+          }, 8, ["class"])) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+              createElementVNode("p", {
+                class: "el-message__content",
+                innerHTML: _ctx.message
+              }, null, 8, _hoisted_3)
+            ], 2112))
+          ]),
+          _ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
+            key: 2,
+            class: "el-message__closeBtn",
+            onClick: withModifiers(_ctx.close, ["stop"])
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_close)
+            ]),
+            _: 1
+          }, 8, ["onClick"])) : createCommentVNode("v-if", true)
+        ], 46, _hoisted_1), [
+          [vShow, _ctx.visible]
+        ])
+      ];
+    }),
+    _: 3
+  }, 8, ["onBeforeLeave"]);
+}
+
+export { render };
+//# sourceMappingURL=message.vue_vue_type_template_id_031967c2_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.vue_vue_type_template_id_031967c2_lang.mjs","sources":["../../../../../../packages/components/message/src/message.vue?vue&type=template&id=031967c2&lang.js"],"sourcesContent":["<template>\n  <transition\n    name=\"el-message-fade\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[\n        'el-message',\n        type && !icon ? `el-message--${type}` : '',\n        center ? 'is-center' : '',\n        showClose ? 'is-closable' : '',\n        customClass,\n      ]\"\n      :style=\"customStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n    >\n      <el-badge\n        v-if=\"repeatNum > 1\"\n        :value=\"repeatNum\"\n        :type=\"type ?? 'info'\"\n        class=\"el-message__badge\"\n      >\n      </el-badge>\n      <el-icon v-if=\"iconComponent\" class=\"el-message__icon\" :class=\"typeClass\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <slot>\n        <p v-if=\"!dangerouslyUseHTMLString\" class=\"el-message__content\">\n          {{ message }}\n        </p>\n        <!-- Caution here, message could've been compromised, never use user's input as message -->\n        <p v-else class=\"el-message__content\" v-html=\"message\"></p>\n      </slot>\n      <el-icon\n        v-if=\"showClose\"\n        class=\"el-message__closeBtn\"\n        @click.stop=\"close\"\n      >\n        <close />\n      </el-icon>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted, watch } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport ElBadge from '@element-plus/components/badge'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\n\nimport { messageEmits, messageProps } from './message'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElMessage',\n\n  components: {\n    ElBadge,\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: messageProps,\n  emits: messageEmits,\n\n  setup(props) {\n    const visible = ref(false)\n    let stopTimer: (() => void) | undefined = undefined\n\n    const typeClass = computed(() => {\n      const type = props.type\n      return type && TypeComponentsMap[type] ? `el-message-icon--${type}` : ''\n    })\n\n    const iconComponent = computed(() => {\n      return props.icon || TypeComponentsMap[props.type] || ''\n    })\n\n    const customStyle = computed<CSSProperties>(() => ({\n      top: `${props.offset}px`,\n      zIndex: props.zIndex,\n    }))\n\n    function startTimer() {\n      if (props.duration > 0) {\n        ;({ stop: stopTimer } = useTimeoutFn(() => {\n          if (visible.value) close()\n        }, props.duration))\n      }\n    }\n\n    function clearTimer() {\n      stopTimer?.()\n    }\n\n    function close() {\n      visible.value = false\n    }\n\n    function keydown({ code }: KeyboardEvent) {\n      if (code === EVENT_CODE.esc) {\n        // press esc to close the message\n        if (visible.value) {\n          close()\n        }\n      } else {\n        startTimer() // resume timer\n      }\n    }\n\n    onMounted(() => {\n      startTimer()\n      visible.value = true\n    })\n\n    watch(\n      () => props.repeatNum,\n      () => {\n        clearTimer()\n        startTimer()\n      }\n    )\n\n    useEventListener(document, 'keydown', keydown)\n\n    return {\n      typeClass,\n      iconComponent,\n      customStyle,\n      visible,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementVNode","_renderSlot","_createElementBlock","_createCommentVNode","_createVNode"],"mappings":";;;;;EAgC4C,OAAM;AAAA;;;;;;sBA/BhDA;IACE,MAAK;AAAA,IACJ,eAAc;IACd,oDAAa;;qBAEd;;;uBAAAC;UAEG,IAAI;UACJ;;;;;;;UAOA,sBAAO;UACR,MAAK;AAAA,UACJ,qDAAY;UACZ,qDAAY;;UAGL,mCADRD;;YAEG,OAAO;YACP,MAAM,oBAAA;YACP,OAAM;AAAA;UAGO,mCAAfA;;YAA8B,uBAAM,oBAA2B;;6BAC7D;4BAAAA,oCAAgB;;;;UAElBE,uCAAA;aACY,8CAAVC,wBAAA,4BACK,mCAGLA;cADAC;cACAH;gBAAU,OAAM;AAAA,gBAAsB,WAAQ;;;;UAGxC,+BADRD;;YAEE,OAAM;AAAA,YACL,uBAAY;;6BAEb;cAAAK;;;;;kBApCM;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
-import script from './message.vue_vue&type=script&lang.mjs';
-export { default } from './message.vue_vue&type=script&lang.mjs';
-import { render } from './message.vue_vue&type=template&id=031967c2&lang.mjs';
+import script from './message.vue_vue_type_script_lang.mjs';
+export { default } from './message.vue_vue_type_script_lang.mjs';
+import { render } from './message.vue_vue_type_template_id_031967c2_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/message/src/message.vue";

package/es/components/message-box/src/index.mjs

@@ -1,6 +1,6 @@
-import script from './index.vue_vue&type=script&lang.mjs';
-export { default } from './index.vue_vue&type=script&lang.mjs';
-import { render } from './index.vue_vue&type=template&id=7035e868&lang.mjs';
+import script from './index.vue_vue_type_script_lang.mjs';
+export { default } from './index.vue_vue_type_script_lang.mjs';
+import { render } from './index.vue_vue_type_template_id_7035e868_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/message-box/src/index.vue";

package/es/components/message-box/src/index.vue.d.ts

@@ -1761,7 +1761,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly ignoreCase: boolean;
         readonly multiline: boolean;
         lastIndex: number;
-        compile: () => RegExp;
+        compile: (pattern: string, flags?: string | undefined) => RegExp;
         readonly flags: string;
         readonly sticky: boolean;
         readonly unicode: boolean;
@@ -1773,7 +1773,6 @@ declare const _default: import("vue").DefineComponent<{
         };
         [Symbol.search]: (string: string) => number;
         [Symbol.split]: (string: string, limit?: number | undefined) => string[];
-        [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
     }>;
     inputValidator: import("vue").Ref<import("./message-box.type").MessageBoxInputValidator>;
     inputErrorMessage: import("vue").Ref<string>;