@element-plus/nightly 0.0.20220620 → 0.0.20220621

package/lib/components/message/src/message3.js

@@ -2,35 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var core = require('@vueuse/core');
 require('../../../utils/index2.js');
+var typescript = require('../../../utils/typescript2.js');
 var runtime = require('../../../utils/vue/props/runtime2.js');
 var icon = require('../../../utils/vue/icon2.js');
 
 const messageTypes = ["success", "info", "warning", "error"];
+const messageDefaults = typescript.mutable({
+  customClass: "",
+  center: false,
+  dangerouslyUseHTMLString: false,
+  duration: 3e3,
+  icon: "",
+  id: "",
+  message: "",
+  onClose: void 0,
+  showClose: false,
+  type: "info",
+  offset: 20,
+  zIndex: 0,
+  grouping: false,
+  repeatNum: 1,
+  appendTo: core.isClient ? document.body : void 0
+});
 const messageProps = runtime.buildProps({
   customClass: {
     type: String,
-    default: ""
+    default: messageDefaults.customClass
   },
   center: {
     type: Boolean,
-    default: false
+    default: messageDefaults.center
   },
   dangerouslyUseHTMLString: {
     type: Boolean,
-    default: false
+    default: messageDefaults.dangerouslyUseHTMLString
   },
   duration: {
     type: Number,
-    default: 3e3
+    default: messageDefaults.duration
   },
   icon: {
     type: icon.iconPropType,
-    default: ""
+    default: messageDefaults.icon
   },
   id: {
     type: String,
-    default: ""
+    default: messageDefaults.id
   },
   message: {
     type: runtime.definePropType([
@@ -38,7 +57,7 @@ const messageProps = runtime.buildProps({
       Object,
       Function
     ]),
-    default: ""
+    default: messageDefaults.message
   },
   onClose: {
     type: runtime.definePropType(Function),
@@ -46,34 +65,35 @@ const messageProps = runtime.buildProps({
   },
   showClose: {
     type: Boolean,
-    default: false
+    default: messageDefaults.showClose
   },
   type: {
     type: String,
     values: messageTypes,
-    default: "info"
+    default: messageDefaults.type
   },
   offset: {
     type: Number,
-    default: 20
+    default: messageDefaults.offset
   },
   zIndex: {
     type: Number,
-    default: 0
+    default: messageDefaults.zIndex
   },
   grouping: {
     type: Boolean,
-    default: false
+    default: messageDefaults.grouping
   },
   repeatNum: {
     type: Number,
-    default: 1
+    default: messageDefaults.repeatNum
   }
 });
 const messageEmits = {
   destroy: () => true
 };
 
+exports.messageDefaults = messageDefaults;
 exports.messageEmits = messageEmits;
 exports.messageProps = messageProps;
 exports.messageTypes = messageTypes;

package/lib/components/message/src/message3.js.map

@@ -1 +1 @@
-{"version":3,"file":"message3.js","sources":["../../../../../../packages/components/message/src/message.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport type { AppContext, ExtractPropTypes, VNode } from 'vue'\n\nexport const messageTypes = ['success', 'info', 'warning', 'error'] as const\n\nexport interface MessageConfigContext {\n  max?: number\n}\n\nexport const messageProps = buildProps({\n  customClass: {\n    type: String,\n    default: '',\n  },\n  center: {\n    type: Boolean,\n    default: false,\n  },\n  dangerouslyUseHTMLString: {\n    type: Boolean,\n    default: false,\n  },\n  duration: {\n    type: Number,\n    default: 3000,\n  },\n  icon: {\n    type: iconPropType,\n    default: '',\n  },\n  id: {\n    type: String,\n    default: '',\n  },\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: '',\n  },\n  onClose: {\n    type: definePropType<() => void>(Function),\n    required: false,\n  },\n  showClose: {\n    type: Boolean,\n    default: false,\n  },\n  type: {\n    type: String,\n    values: messageTypes,\n    default: 'info',\n  },\n  offset: {\n    type: Number,\n    default: 20,\n  },\n  zIndex: {\n    type: Number,\n    default: 0,\n  },\n  grouping: {\n    type: Boolean,\n    default: false,\n  },\n  repeatNum: {\n    type: Number,\n    default: 1,\n  },\n} as const)\nexport type MessageProps = ExtractPropTypes<typeof messageProps>\n\nexport const messageEmits = {\n  destroy: () => true,\n}\nexport type MessageEmits = typeof messageEmits\n\nexport type MessageOptions = Omit<MessageProps, 'id'> & {\n  appendTo?: HTMLElement | string\n}\nexport type MessageOptionsTyped = Omit<MessageOptions, 'type'>\n\nexport interface MessageHandle {\n  close: () => void\n}\n\nexport type MessageParams = Partial<MessageOptions> | string | VNode\nexport type MessageParamsTyped = Partial<MessageOptionsTyped> | string | VNode\n\nexport type MessageFn = ((\n  options?: MessageParams,\n  appContext?: null | AppContext\n) => MessageHandle) & {\n  closeAll(): void\n}\nexport type MessageTypedFn = (\n  options?: MessageParamsTyped,\n  appContext?: null | AppContext\n) => MessageHandle\n\nexport interface Message extends MessageFn {\n  success: MessageTypedFn\n  warning: MessageTypedFn\n  info: MessageTypedFn\n  error: MessageTypedFn\n}\n\ntype MessageQueueItem = {\n  vm: VNode\n}\n\nexport type MessageQueue = MessageQueueItem[]\n"],"names":["buildProps","iconPropType","definePropType"],"mappings":";;;;;;;;AACY,MAAC,YAAY,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE;AACxD,MAAC,YAAY,GAAGA,kBAAU,CAAC;AACvC,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,wBAAwB,EAAE;AAC5B,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,sBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,QAAQ,EAAE,KAAK;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC,EAAE;AACS,MAAC,YAAY,GAAG;AAC5B,EAAE,OAAO,EAAE,MAAM,IAAI;AACrB;;;;;;"}
+{"version":3,"file":"message3.js","sources":["../../../../../../packages/components/message/src/message.ts"],"sourcesContent":["import { isClient } from '@vueuse/core'\nimport {\n  buildProps,\n  definePropType,\n  iconPropType,\n  mutable,\n} from '@element-plus/utils'\nimport type { AppContext, ExtractPropTypes, VNode } from 'vue'\nimport type { Mutable } from '@element-plus/utils'\nimport type MessageConstructor from './message.vue'\n\nexport const messageTypes = ['success', 'info', 'warning', 'error'] as const\n\nexport interface MessageConfigContext {\n  max?: number\n}\n\nexport const messageDefaults = mutable({\n  customClass: '',\n  center: false,\n  dangerouslyUseHTMLString: false,\n  duration: 3000,\n  icon: '',\n  id: '',\n  message: '',\n  onClose: undefined,\n  showClose: false,\n  type: 'info',\n  offset: 20,\n  zIndex: 0,\n  grouping: false,\n  repeatNum: 1,\n  appendTo: isClient ? document.body : (undefined as never),\n} as const)\n\nexport const messageProps = buildProps({\n  customClass: {\n    type: String,\n    default: messageDefaults.customClass,\n  },\n  center: {\n    type: Boolean,\n    default: messageDefaults.center,\n  },\n  dangerouslyUseHTMLString: {\n    type: Boolean,\n    default: messageDefaults.dangerouslyUseHTMLString,\n  },\n  duration: {\n    type: Number,\n    default: messageDefaults.duration,\n  },\n  icon: {\n    type: iconPropType,\n    default: messageDefaults.icon,\n  },\n  id: {\n    type: String,\n    default: messageDefaults.id,\n  },\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: messageDefaults.message,\n  },\n  onClose: {\n    type: definePropType<() => void>(Function),\n    required: false,\n  },\n  showClose: {\n    type: Boolean,\n    default: messageDefaults.showClose,\n  },\n  type: {\n    type: String,\n    values: messageTypes,\n    default: messageDefaults.type,\n  },\n  offset: {\n    type: Number,\n    default: messageDefaults.offset,\n  },\n  zIndex: {\n    type: Number,\n    default: messageDefaults.zIndex,\n  },\n  grouping: {\n    type: Boolean,\n    default: messageDefaults.grouping,\n  },\n  repeatNum: {\n    type: Number,\n    default: messageDefaults.repeatNum,\n  },\n} as const)\nexport type MessageProps = ExtractPropTypes<typeof messageProps>\n\nexport const messageEmits = {\n  destroy: () => true,\n}\nexport type MessageEmits = typeof messageEmits\n\nexport type MessageInstance = InstanceType<typeof MessageConstructor>\n\nexport type MessageOptions = Partial<\n  Mutable<\n    Omit<MessageProps, 'id'> & {\n      appendTo?: HTMLElement | string\n    }\n  >\n>\nexport type MessageParams = MessageOptions | MessageOptions['message']\nexport type MessageParamsNormalized = Omit<MessageProps, 'id'> & {\n  appendTo: HTMLElement\n}\nexport type MessageOptionsWithType = Omit<MessageOptions, 'type'>\nexport type MessageParamsWithType =\n  | MessageOptionsWithType\n  | MessageOptions['message']\n\nexport interface MessageHandler {\n  close: () => void\n}\n\nexport type MessageFn = {\n  (options?: MessageParams, appContext?: null | AppContext): MessageHandler\n  closeAll(): void\n}\nexport type MessageTypedFn = (\n  options?: MessageParamsWithType,\n  appContext?: null | AppContext\n) => MessageHandler\n\nexport interface Message extends MessageFn {\n  success: MessageTypedFn\n  warning: MessageTypedFn\n  info: MessageTypedFn\n  error: MessageTypedFn\n}\n\nexport type MessageQueueItem = {\n  vnode: VNode\n  handler: MessageHandler\n  vm: MessageInstance\n}\n\nexport type MessageQueue = MessageQueueItem[]\n"],"names":["mutable","isClient","buildProps","iconPropType","definePropType"],"mappings":"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"}

package/lib/components/message/src/message4.js

@@ -6,26 +6,28 @@ var vue = require('vue');
 var core = require('@vueuse/core');
 require('../../../utils/index2.js');
 require('../../../constants/index2.js');
-var index = require('../../badge/index2.js');
-var index$1 = require('../../icon/index2.js');
+var index$1 = require('../../badge/index2.js');
+var index$2 = require('../../icon/index2.js');
 require('../../../hooks/index2.js');
 var message = require('./message3.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var icon = require('../../../utils/vue/icon2.js');
-var index$2 = require('../../../hooks/use-namespace/index2.js');
+var index = require('../../../hooks/use-namespace/index2.js');
 var aria = require('../../../constants/aria2.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElMessage",
-  components: {
-    ElBadge: index.ElBadge,
-    ElIcon: index$1.ElIcon,
-    ...icon.TypeComponents
-  },
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["innerHTML"];
+const __default__ = {
+  name: "ElMessage"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
   props: message.messageProps,
   emits: message.messageEmits,
-  setup(props) {
-    const ns = index$2.useNamespace("message");
+  setup(__props, { expose }) {
+    const props = __props;
+    const { Close } = icon.TypeComponents;
+    const ns = index.useNamespace("message");
     const visible = vue.ref(false);
     const badgeType = vue.ref(props.type ? props.type === "error" ? "danger" : props.type : "info");
     let stopTimer = void 0;
@@ -33,21 +35,17 @@ const _sfc_main = vue.defineComponent({
       const type = props.type;
       return { [ns.bm("icon", type)]: type && icon.TypeComponentsMap[type] };
     });
-    const iconComponent = vue.computed(() => {
-      return props.icon || icon.TypeComponentsMap[props.type] || "";
-    });
+    const iconComponent = vue.computed(() => props.icon || icon.TypeComponentsMap[props.type] || "");
     const customStyle = vue.computed(() => ({
       top: `${props.offset}px`,
       zIndex: props.zIndex
     }));
     function startTimer() {
-      if (props.duration > 0) {
-        ;
-        ({ stop: stopTimer } = core.useTimeoutFn(() => {
-          if (visible.value)
-            close();
-        }, props.duration));
-      }
+      if (props.duration === 0)
+        return;
+      ({ stop: stopTimer } = core.useTimeoutFn(() => {
+        close();
+      }, props.duration));
     }
     function clearTimer() {
       stopTimer == null ? void 0 : stopTimer();
@@ -57,11 +55,7 @@ const _sfc_main = vue.defineComponent({
     }
     function keydown({ code }) {
       if (code === aria.EVENT_CODE.esc) {
-        if (visible.value) {
-          close();
-        }
-      } else {
-        startTimer();
+        close();
       }
     }
     vue.onMounted(() => {
@@ -73,91 +67,79 @@ const _sfc_main = vue.defineComponent({
       startTimer();
     });
     core.useEventListener(document, "keydown", keydown);
-    return {
-      ns,
-      typeClass,
-      iconComponent,
-      customStyle,
+    expose({
       visible,
-      badgeType,
-      close,
-      clearTimer,
-      startTimer
+      close
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        name: vue.unref(ns).b("fade"),
+        onBeforeLeave: _ctx.onClose,
+        onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("destroy")),
+        persisted: ""
+      }, {
+        default: vue.withCtx(() => [
+          vue.withDirectives(vue.createElementVNode("div", {
+            id: _ctx.id,
+            class: vue.normalizeClass([
+              vue.unref(ns).b(),
+              { [vue.unref(ns).m(_ctx.type)]: _ctx.type && !_ctx.icon },
+              vue.unref(ns).is("center", _ctx.center),
+              vue.unref(ns).is("closable", _ctx.showClose),
+              _ctx.customClass
+            ]),
+            style: vue.normalizeStyle(vue.unref(customStyle)),
+            role: "alert",
+            onMouseenter: clearTimer,
+            onMouseleave: startTimer
+          }, [
+            _ctx.repeatNum > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElBadge), {
+              key: 0,
+              value: _ctx.repeatNum,
+              type: badgeType.value,
+              class: vue.normalizeClass(vue.unref(ns).e("badge"))
+            }, null, 8, ["value", "type", "class"])) : vue.createCommentVNode("v-if", true),
+            vue.unref(iconComponent) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
+              key: 1,
+              class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(typeClass)])
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
+              ]),
+              _: 1
+            }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).e("content"))
+              }, vue.toDisplayString(_ctx.message), 3)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+                vue.createElementVNode("p", {
+                  class: vue.normalizeClass(vue.unref(ns).e("content")),
+                  innerHTML: _ctx.message
+                }, null, 10, _hoisted_2)
+              ], 2112))
+            ]),
+            _ctx.showClose ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
+              key: 2,
+              class: vue.normalizeClass(vue.unref(ns).e("closeBtn")),
+              onClick: vue.withModifiers(close, ["stop"])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(Close))
+              ]),
+              _: 1
+            }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
+          ], 46, _hoisted_1), [
+            [vue.vShow, visible.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name", "onBeforeLeave"]);
     };
   }
 });
-const _hoisted_1 = ["id"];
-const _hoisted_2 = ["innerHTML"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_badge = vue.resolveComponent("el-badge");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_close = vue.resolveComponent("close");
-  return vue.openBlock(), vue.createBlock(vue.Transition, {
-    name: _ctx.ns.b("fade"),
-    onBeforeLeave: _ctx.onClose,
-    onAfterLeave: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("destroy")),
-    persisted: ""
-  }, {
-    default: vue.withCtx(() => [
-      vue.withDirectives(vue.createElementVNode("div", {
-        id: _ctx.id,
-        class: vue.normalizeClass([
-          _ctx.ns.b(),
-          { [_ctx.ns.m(_ctx.type)]: _ctx.type && !_ctx.icon },
-          _ctx.ns.is("center", _ctx.center),
-          _ctx.ns.is("closable", _ctx.showClose),
-          _ctx.customClass
-        ]),
-        style: vue.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 ? (vue.openBlock(), vue.createBlock(_component_el_badge, {
-          key: 0,
-          value: _ctx.repeatNum,
-          type: _ctx.badgeType,
-          class: vue.normalizeClass(_ctx.ns.e("badge"))
-        }, null, 8, ["value", "type", "class"])) : vue.createCommentVNode("v-if", true),
-        _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 1,
-          class: vue.normalizeClass([_ctx.ns.e("icon"), _ctx.typeClass])
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
-          ]),
-          _: 1
-        }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", {
-            key: 0,
-            class: vue.normalizeClass(_ctx.ns.e("content"))
-          }, vue.toDisplayString(_ctx.message), 3)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
-            vue.createElementVNode("p", {
-              class: vue.normalizeClass(_ctx.ns.e("content")),
-              innerHTML: _ctx.message
-            }, null, 10, _hoisted_2)
-          ], 2112))
-        ]),
-        _ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 2,
-          class: vue.normalizeClass(_ctx.ns.e("closeBtn")),
-          onClick: vue.withModifiers(_ctx.close, ["stop"])
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_close)
-          ]),
-          _: 1
-        }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-      ], 46, _hoisted_1), [
-        [vue.vShow, _ctx.visible]
-      ])
-    ]),
-    _: 3
-  }, 8, ["name", "onBeforeLeave"]);
-}
-var MessageConstructor = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/message/src/message.vue"]]);
+var MessageConstructor = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/message/src/message.vue"]]);
 
 exports["default"] = MessageConstructor;
 //# sourceMappingURL=message4.js.map

package/lib/components/message/src/message4.js.map

@@ -1 +1 @@
-{"version":3,"file":"message4.js","sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[\n        ns.b(),\n        { [ns.m(type)]: type && !icon },\n        ns.is('center', center),\n        ns.is('closable', showClose),\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=\"badgeType\"\n        :class=\"ns.e('badge')\"\n      />\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <slot>\n        <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('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=\"ns.e('content')\" v-html=\"message\" />\n      </slot>\n      <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n        <close />\n      </el-icon>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent, onMounted, ref, watch } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useNamespace } from '@element-plus/hooks'\nimport { messageEmits, messageProps } from './message'\nimport type { BadgeProps } from '@element-plus/components/badge'\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 ns = useNamespace('message')\n    const visible = ref(false)\n    const badgeType = ref<BadgeProps['type']>(\n      props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n    )\n    let stopTimer: (() => void) | undefined = undefined\n\n    const typeClass = computed(() => {\n      const type = props.type\n      return { [ns.bm('icon', type)]: type && TypeComponentsMap[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      ns,\n      typeClass,\n      iconComponent,\n      customStyle,\n      visible,\n      badgeType,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElBadge","ElIcon","TypeComponents","messageProps","messageEmits","useNamespace","ref","computed","TypeComponentsMap","useTimeoutFn","EVENT_CODE","onMounted","watch","useEventListener","_createBlock","_Transition","_withDirectives","_createElementVNode","_normalizeClass","_normalizeStyle","_createCommentVNode","_openBlock","_resolveDynamicComponent","_renderSlot","_createElementBlock","_toDisplayString","_Fragment","_withModifiers","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;AAyDA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,WAAA;AAAA,EAEN,UAAY,EAAA;AAAA,aACVC,aAAA;AAAA,YACAC,cAAA;AAAA,IACA,GAAGC,mBAAA;AAAA,GACL;AAAA,EAEA,KAAO,EAAAC,oBAAA;AAAA,EACP,KAAO,EAAAC,oBAAA;AAAA,EAEP,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAA,GAAKC,qBAAa,SAAS,CAAA,CAAA;AACjC,IAAM,MAAA,OAAA,GAAUC,QAAI,KAAK,CAAA,CAAA;AACzB,IAAM,MAAA,SAAA,GAAYA,OAChB,CAAA,KAAA,CAAM,IAAQ,GAAA,KAAA,CAAM,SAAS,OAAU,GAAA,QAAA,GAAW,KAAM,CAAA,IAAA,GAAQ,MAClE,CAAA,CAAA;AACA,IAAA,IAAI,SAAsC,GAAA,KAAA,CAAA,CAAA;AAE1C,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM;AAC/B,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAO,OAAA,EAAE,CAAC,EAAG,CAAA,EAAA,CAAG,QAAQ,IAAI,CAAA,GAAI,IAAQ,IAAAC,sBAAA,CAAkB,IAAM,CAAA,EAAA,CAAA;AAAA,KACjE,CAAA,CAAA;AAED,IAAM,MAAA,aAAA,GAAgBD,aAAS,MAAM;AACnC,MAAA,OAAO,KAAM,CAAA,IAAA,IAAQC,sBAAkB,CAAA,KAAA,CAAM,IAAS,CAAA,IAAA,EAAA,CAAA;AAAA,KACvD,CAAA,CAAA;AAED,IAAM,MAAA,WAAA,GAAcD,aAAwB,OAAO;AAAA,MACjD,GAAA,EAAK,GAAG,KAAM,CAAA,MAAA,CAAA,EAAA,CAAA;AAAA,MACd,QAAQ,KAAM,CAAA,MAAA;AAAA,KACd,CAAA,CAAA,CAAA;AAEF,IAAsB,SAAA,UAAA,GAAA;AACpB,MAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,QAAA,CAAA;AAAC,QAAC,CAAE,EAAA,IAAA,EAAM,SAAU,EAAA,GAAIE,kBAAa,MAAM;AACzC,UAAA,IAAI,OAAQ,CAAA,KAAA;AAAO,YAAM,KAAA,EAAA,CAAA;AAAA,SAC3B,EAAG,MAAM,QAAQ,CAAA,EAAA;AAAA,OACnB;AAAA,KACF;AAEA,IAAsB,SAAA,UAAA,GAAA;AACpB,MAAY,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,EAAA,CAAA;AAAA,KACd;AAEA,IAAiB,SAAA,KAAA,GAAA;AACf,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB;AAEA,IAAA,SAAA,OAAA,CAAiB,EAAE,IAAuB,EAAA,EAAA;AACxC,MAAI,IAAA,IAAA,KAASC,gBAAW,GAAK,EAAA;AAE3B,QAAA,IAAI,QAAQ,KAAO,EAAA;AACjB,UAAM,KAAA,EAAA,CAAA;AAAA,SACR;AAAA,OACK,MAAA;AACL,QAAW,UAAA,EAAA,CAAA;AAAA,OACb;AAAA,KACF;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAW,UAAA,EAAA,CAAA;AACX,MAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,CAAA;AAAA,KACjB,CAAA,CAAA;AAED,IACEC,SAAA,CAAA,MAAM,KAAM,CAAA,SAAA,EACZ,MAAM;AACJ,MAAW,UAAA,EAAA,CAAA;AACX,MAAW,UAAA,EAAA,CAAA;AAAA,KAEf,CAAA,CAAA;AAEA,IAAiBC,qBAAA,CAAA,QAAA,EAAU,WAAW,OAAO,CAAA,CAAA;AAE7C,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MAEA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;;;;0BAjJCC,eAwCa,CAAAC,cAAA,EAAA;AAAA,IAvCV,IAAA,EAAM,QAAG,CAAC,CAAA,MAAA,CAAA;AAAA,IACV,aAAc,EAAA,IAAA,CAAA,OAAA;AAAA,IACd,YAAA,EAAW,sCAAE,IAAK,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AAAA,IAHrB,SAAA,EAAA,EAAA;AAAA,GAAA,EAAA;yBAKE,MAkCM;AAAA,MAAAC,kBAAA,CAlCNC,sBAkCM,CAAA,KAAA,EAAA;AAAA,QAhCH,EAAI,EAAA,IAAA,CAAA,EAAA;AAAA,QACJ,KAAK,EAAAC,kBAAA,CAAA;AAAA,UAAY,QAAG,CAAC,EAAA;AAAA,UAAA,EAAA,CAAe,QAAG,CAAE,CAAA,IAAA,CAAA,IAAI,CAAI,GAAA,IAAA,CAAA,IAAA,IAAI,CAAK,IAAI,CAAA,IAAA,EAAA;AAAA,UAAY,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,QAAA,EAAW,IAAM,CAAA,MAAA,CAAA;AAAA,UAAW,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,UAAA,EAAa,IAAS,CAAA,SAAA,CAAA;AAAA,UAAW,IAAA,CAAA,WAAA;AAAA,SAAA,CAAA;AAOjJ,QAAA,KAAA,EAAKC,mBAAE,IAAW,CAAA,WAAA,CAAA;AAAA,QACnB,IAAK,EAAA,OAAA;AAAA,QACJ,cAAU,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,UAAA,IAAA,IAAA,CAAA,UAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,QACZ,cAAU,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,UAAA,IAAA,IAAA,CAAA,UAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,OAAA,EAAA;AAGL,QAAA,IAAA,CAAA,SAAA,GAAS,sBADjBL,eAKE,CAAA,mBAAA,EAAA;AAAA,UAAA,GAAA,EAAA,CAAA;UAHC,KAAO,EAAA,IAAA,CAAA,SAAA;AAAA,UACP,IAAM,EAAA,IAAA,CAAA,SAAA;AAAA,UACN,KAAA,EAAKI,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,OAAA,CAAA,CAAA;AAAA,SAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,CAAA,CAAA,IAAAE,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAEC,QAAA,IAAA,CAAA,aAAA,IAAAC,aAAA,EAAA,EAAfP,eAEU,CAAA,kBAAA,EAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAFqB,UAAA,KAAA,EAAKI,kBAAG,CAAA,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,MAAA,CAAA,EAAU,IAAS,CAAA,SAAA,CAAA,CAAA;AAAA,SAAA,EAAA;+BAC5D,MAAiC;AAAA,aAAjCG,aAAA,EAAA,EAAAP,eAAA,CAAiCQ,4BAAjB,IAAa,CAAA,aAAA,CAAA,CAAA;AAAA,WAAA,CAAA;;;AAE/B,QAAAC,cAAA,CAMO,4BANP,MAMO;AAAA,UAAA,CALK,kDAAVC,sBAEI,CAAA,GAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;YAFiC,KAAK,EAAAN,kBAAA,CAAE,QAAG,CAAC,CAAA,SAAA,CAAA,CAAA;AAAA,WAC3C,EAAAO,mBAAA,CAAA,IAAA,CAAA,OAAO,2BAGZD,sBAAsD,CAAAE,YAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,YADtDN,sBAAA,CAAA,sFAAA,CAAA;AAAA,YACAH,sBAAsD,CAAA,GAAA,EAAA;AAAA,cAA3C,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,SAAA,CAAA,CAAA;AAAA,cAAa,SAAQ,EAAA,IAAA,CAAA,OAAA;AAAA,aAAA,EAAA,IAAA,EAAA,EAAA,EAAA,UAAA,CAAA;;;AAE9B,QAAA,IAAA,CAAA,SAAA,IAAAG,aAAA,EAAA,EAAfP,eAEU,CAAA,kBAAA,EAAA;AAAA,UAAA,GAAA,EAAA,CAAA;UAFiB,KAAK,EAAAI,kBAAA,CAAE,QAAG,CAAC,CAAA,UAAA,CAAA,CAAA;AAAA,UAAe,OAAA,EAAKS,kBAAO,IAAK,CAAA,KAAA,EAAA,CAAA,MAAA,CAAA,CAAA;AAAA,SAAA,EAAA;+BACpE,MAAS;AAAA,YAATC,eAAS,CAAA,gBAAA,CAAA;AAAA,WAAA,CAAA;;;;oBA/BH,IAAO,CAAA,OAAA,CAAA;AAAA,OAAA,CAAA;;;;;;;;;"}
+{"version":3,"file":"message4.js","sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[\n        ns.b(),\n        { [ns.m(type)]: type && !icon },\n        ns.is('center', center),\n        ns.is('closable', showClose),\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=\"badgeType\"\n        :class=\"ns.e('badge')\"\n      />\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <slot>\n        <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('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=\"ns.e('content')\" v-html=\"message\" />\n      </slot>\n      <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n        <Close />\n      </el-icon>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, watch } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { messageEmits, messageProps } from './message'\nimport type { BadgeProps } from '@element-plus/components/badge'\nimport type { CSSProperties } from 'vue'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'ElMessage',\n})\n\nconst props = defineProps(messageProps)\ndefineEmits(messageEmits)\n\nconst ns = useNamespace('message')\nconst visible = ref(false)\nconst badgeType = ref<BadgeProps['type']>(\n  props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n)\nlet stopTimer: (() => void) | undefined = undefined\n\nconst typeClass = computed(() => {\n  const type = props.type\n  return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n})\n\nconst iconComponent = computed(\n  () => props.icon || TypeComponentsMap[props.type] || ''\n)\n\nconst customStyle = computed<CSSProperties>(() => ({\n  top: `${props.offset}px`,\n  zIndex: props.zIndex,\n}))\n\nfunction startTimer() {\n  if (props.duration === 0) return\n  ;({ stop: stopTimer } = useTimeoutFn(() => {\n    close()\n  }, props.duration))\n}\n\nfunction clearTimer() {\n  stopTimer?.()\n}\n\nfunction close() {\n  visible.value = false\n}\n\nfunction keydown({ code }: KeyboardEvent) {\n  if (code === EVENT_CODE.esc) {\n    // press esc to close the message\n    close()\n  }\n}\n\nonMounted(() => {\n  startTimer()\n  visible.value = true\n})\n\nwatch(\n  () => props.repeatNum,\n  () => {\n    clearTimer()\n    startTimer()\n  }\n)\n\nuseEventListener(document, 'keydown', keydown)\n\ndefineExpose({\n  visible,\n  close,\n})\n</script>\n"],"names":["TypeComponents","useNamespace","ref","computed","TypeComponentsMap","useTimeoutFn","EVENT_CODE","onMounted","watch","useEventListener"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,IAAA,MAAA,EAAA,KAAA,EAAA,GAAAA,mBAAA,CAAA;AASA,IAAA,MAAA,EAAA,GAAAC,mBAAA,SAAA,CAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAAC,QAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,SAAA,GAAAA,OACA,CAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,SAAA,OAAA,GAAA,QAAA,GAAA,KAAA,CAAA,IAAA,GAAA,MACA,CAAA,CAAA;AACA,IAAA,IAAA,SAAA,GAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAAC,aAAA,MAAA;AACA,MAAA,MAAA,OAAA,KAAA,CAAA,IAAA,CAAA;AACA,MAAA,OAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,IAAA,CAAA,GAAA,IAAA,IAAAC,sBAAA,CAAA,IAAA,CAAA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,aAAA,GAAAD,aACA,MAAA,KAAA,CAAA,QAAAC,sBAAA,CAAA,KAAA,CAAA,SAAA,EACA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAAD,aAAA,OAAA;AAAA,MACA,GAAA,EAAA,GAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA;AAAA,MACA,QAAA,KAAA,CAAA,MAAA;AAAA,KACA,CAAA,CAAA,CAAA;AAEA,IAAA,SAAA,UAAA,GAAA;AACA,MAAA,IAAA,MAAA,QAAA,KAAA,CAAA;AAAA,QAAA,OAAA;AACA,MAAA,CAAA,EAAA,IAAA,EAAA,SAAA,EAAA,GAAAE,kBAAA,MAAA;AACA,QAAA,KAAA,EAAA,CAAA;AAAA,OACA,EAAA,MAAA,QAAA,CAAA,EAAA;AAAA,KACA;AAEA,IAAA,SAAA,UAAA,GAAA;AACA,MAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,EAAA,CAAA;AAAA,KACA;AAEA,IAAA,SAAA,KAAA,GAAA;AACA,MAAA,OAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,KACA;AAEA,IAAA,SAAA,OAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AACA,MAAA,IAAA,IAAA,KAAAC,gBAAA,GAAA,EAAA;AAEA,QAAA,KAAA,EAAA,CAAA;AAAA,OACA;AAAA,KACA;AAEA,IAAAC,aAAA,CAAA,MAAA;AACA,MAAA,UAAA,EAAA,CAAA;AACA,MAAA,OAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IACAC,SAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EACA,MAAA;AACA,MAAA,UAAA,EAAA,CAAA;AACA,MAAA,UAAA,EAAA,CAAA;AAAA,KAEA,CAAA,CAAA;AAEA,IAAAC,qBAAA,CAAA,QAAA,EAAA,WAAA,OAAA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/tooltip/src/tooltip4.js

@@ -127,6 +127,7 @@ const _sfc_main = vue.defineComponent({
       const popperContent = (_b = (_a = contentRef.value) == null ? void 0 : _a.contentRef) == null ? void 0 : _b.popperContentRef;
       return popperContent && popperContent.contains(document.activeElement);
     };
+    vue.onDeactivated(() => open.value && hide());
     return {
       compatShowAfter,
       compatShowArrow,

package/lib/components/tooltip/src/tooltip4.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip4.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\" :role=\"role\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      ref=\"contentRef\"\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\n      :disabled=\"disabled\"\n      :effect=\"effect\"\n      :enterable=\"enterable\"\n      :fallback-placements=\"fallbackPlacements\"\n      :hide-after=\"hideAfter\"\n      :gpu-acceleration=\"gpuAcceleration\"\n      :offset=\"offset\"\n      :persistent=\"persistent\"\n      :popper-class=\"popperClass\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :trigger-target-el=\"triggerTargetEl\"\n      :show-after=\"compatShowAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :virtual-triggering=\"virtualTriggering\"\n      :z-index=\"zIndex\"\n      :append-to=\"appendTo\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\" />\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"compatShowArrow\" :arrow-offset=\"arrowOffset\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  provide,\n  readonly,\n  ref,\n  toRef,\n  unref,\n  watch,\n} from 'vue'\nimport {\n  ElPopper,\n  ElPopperArrow,\n  usePopperArrowProps,\n  usePopperProps,\n} from '@element-plus/components/popper'\n\nimport { debugWarn, isBoolean, isUndefined } from '@element-plus/utils'\nimport {\n  createModelToggleComposable,\n  useDelayedToggle,\n  useId,\n  usePopperContainer,\n} from '@element-plus/hooks'\nimport ElTooltipContent from './content.vue'\nimport ElTooltipTrigger from './trigger.vue'\nimport {\n  useTooltipContentProps,\n  useTooltipProps,\n  useTooltipTriggerProps,\n} from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nconst { useModelToggleProps, useModelToggle, useModelToggleEmits } =\n  createModelToggleComposable('visible' as const)\n\nexport default defineComponent({\n  name: 'ElTooltip',\n  components: {\n    ElPopper,\n    ElPopperArrow,\n    ElTooltipContent,\n    ElTooltipTrigger,\n  },\n  props: {\n    ...usePopperProps,\n    ...useModelToggleProps,\n    ...useTooltipContentProps,\n    ...useTooltipTriggerProps,\n    ...usePopperArrowProps,\n    ...useTooltipProps,\n  },\n  emits: [\n    ...useModelToggleEmits,\n    'before-show',\n    'before-hide',\n    'show',\n    'hide',\n    'open',\n    'close',\n  ],\n  setup(props, { emit }) {\n    usePopperContainer()\n    const compatShowAfter = computed(() => {\n      if (!isUndefined(props.openDelay)) {\n        debugWarn(\n          'ElTooltip',\n          'open-delay is about to be deprecated in the next major version, please use `show-after` instead'\n        )\n      }\n      return props.openDelay || (props.showAfter as number)\n    })\n    const compatShowArrow = computed(() => {\n      if (!isUndefined(props.visibleArrow)) {\n        debugWarn(\n          'ElTooltip',\n          '`visible-arrow` is about to be deprecated in the next major version, please use `show-arrow` instead'\n        )\n      }\n      return isBoolean(props.visibleArrow)\n        ? props.visibleArrow\n        : props.showArrow\n    })\n\n    const id = useId()\n    const popperRef = ref<InstanceType<typeof ElPopper> | null>(null)\n    const contentRef = ref<InstanceType<typeof ElTooltipContent> | null>(null)\n\n    const updatePopper = () => {\n      const popperComponent = unref(popperRef)\n      if (popperComponent) {\n        popperComponent.popperInstanceRef?.update()\n      }\n    }\n    const open = ref(false)\n    const toggleReason = ref<Event | undefined>(undefined)\n\n    const { show, hide } = useModelToggle({\n      indicator: open,\n      toggleReason,\n    })\n\n    const { onOpen, onClose } = useDelayedToggle({\n      showAfter: compatShowAfter,\n      hideAfter: toRef(props, 'hideAfter'),\n      open: show,\n      close: hide,\n    })\n\n    const controlled = computed(() => isBoolean(props.visible))\n\n    provide(TOOLTIP_INJECTION_KEY, {\n      controlled,\n      id,\n      open: readonly(open),\n      trigger: toRef(props, 'trigger'),\n      onOpen: (event?: Event) => {\n        onOpen(event)\n      },\n      onClose: (event?: Event) => {\n        onClose(event)\n      },\n      onToggle: (event?: Event) => {\n        if (unref(open)) {\n          onClose(event)\n        } else {\n          onOpen(event)\n        }\n      },\n      onShow: () => {\n        emit('show', toggleReason.value)\n      },\n      onHide: () => {\n        emit('hide', toggleReason.value)\n      },\n      onBeforeShow: () => {\n        emit('before-show', toggleReason.value)\n      },\n      onBeforeHide: () => {\n        emit('before-hide', toggleReason.value)\n      },\n      updatePopper,\n    })\n\n    watch(\n      () => props.disabled,\n      (disabled) => {\n        if (disabled && open.value) {\n          open.value = false\n        }\n      }\n    )\n\n    const isFocusInsideContent = () => {\n      const popperContent: HTMLElement | undefined =\n        contentRef.value?.contentRef?.popperContentRef\n      return popperContent && popperContent.contains(document.activeElement)\n    }\n\n    return {\n      compatShowAfter,\n      compatShowArrow,\n      popperRef,\n      contentRef,\n      open,\n      hide,\n      isFocusInsideContent,\n      updatePopper,\n      onOpen,\n      onClose,\n    }\n  },\n})\n</script>\n"],"names":["createModelToggleComposable","defineComponent","ElPopper","ElPopperArrow","ElTooltipContent","ElTooltipTrigger","usePopperProps","useTooltipContentProps","useTooltipTriggerProps","usePopperArrowProps","useTooltipProps","usePopperContainer","computed","isUndefined","debugWarn","isBoolean","useId","ref","unref","useDelayedToggle","toRef","provide","TOOLTIP_INJECTION_KEY","readonly","watch","_resolveComponent","_openBlock","_createBlock","_withCtx","_createVNode","_renderSlot","_createElementBlock","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"tooltip4.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\" :role=\"role\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      ref=\"contentRef\"\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\n      :disabled=\"disabled\"\n      :effect=\"effect\"\n      :enterable=\"enterable\"\n      :fallback-placements=\"fallbackPlacements\"\n      :hide-after=\"hideAfter\"\n      :gpu-acceleration=\"gpuAcceleration\"\n      :offset=\"offset\"\n      :persistent=\"persistent\"\n      :popper-class=\"popperClass\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :trigger-target-el=\"triggerTargetEl\"\n      :show-after=\"compatShowAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :virtual-triggering=\"virtualTriggering\"\n      :z-index=\"zIndex\"\n      :append-to=\"appendTo\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\" />\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"compatShowArrow\" :arrow-offset=\"arrowOffset\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  onDeactivated,\n  provide,\n  readonly,\n  ref,\n  toRef,\n  unref,\n  watch,\n} from 'vue'\nimport {\n  ElPopper,\n  ElPopperArrow,\n  usePopperArrowProps,\n  usePopperProps,\n} from '@element-plus/components/popper'\n\nimport { debugWarn, isBoolean, isUndefined } from '@element-plus/utils'\nimport {\n  createModelToggleComposable,\n  useDelayedToggle,\n  useId,\n  usePopperContainer,\n} from '@element-plus/hooks'\nimport ElTooltipContent from './content.vue'\nimport ElTooltipTrigger from './trigger.vue'\nimport {\n  useTooltipContentProps,\n  useTooltipProps,\n  useTooltipTriggerProps,\n} from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nconst { useModelToggleProps, useModelToggle, useModelToggleEmits } =\n  createModelToggleComposable('visible' as const)\n\nexport default defineComponent({\n  name: 'ElTooltip',\n  components: {\n    ElPopper,\n    ElPopperArrow,\n    ElTooltipContent,\n    ElTooltipTrigger,\n  },\n  props: {\n    ...usePopperProps,\n    ...useModelToggleProps,\n    ...useTooltipContentProps,\n    ...useTooltipTriggerProps,\n    ...usePopperArrowProps,\n    ...useTooltipProps,\n  },\n  emits: [\n    ...useModelToggleEmits,\n    'before-show',\n    'before-hide',\n    'show',\n    'hide',\n    'open',\n    'close',\n  ],\n  setup(props, { emit }) {\n    usePopperContainer()\n    const compatShowAfter = computed(() => {\n      if (!isUndefined(props.openDelay)) {\n        debugWarn(\n          'ElTooltip',\n          'open-delay is about to be deprecated in the next major version, please use `show-after` instead'\n        )\n      }\n      return props.openDelay || (props.showAfter as number)\n    })\n    const compatShowArrow = computed(() => {\n      if (!isUndefined(props.visibleArrow)) {\n        debugWarn(\n          'ElTooltip',\n          '`visible-arrow` is about to be deprecated in the next major version, please use `show-arrow` instead'\n        )\n      }\n      return isBoolean(props.visibleArrow)\n        ? props.visibleArrow\n        : props.showArrow\n    })\n\n    const id = useId()\n    const popperRef = ref<InstanceType<typeof ElPopper> | null>(null)\n    const contentRef = ref<InstanceType<typeof ElTooltipContent> | null>(null)\n\n    const updatePopper = () => {\n      const popperComponent = unref(popperRef)\n      if (popperComponent) {\n        popperComponent.popperInstanceRef?.update()\n      }\n    }\n    const open = ref(false)\n    const toggleReason = ref<Event | undefined>(undefined)\n\n    const { show, hide } = useModelToggle({\n      indicator: open,\n      toggleReason,\n    })\n\n    const { onOpen, onClose } = useDelayedToggle({\n      showAfter: compatShowAfter,\n      hideAfter: toRef(props, 'hideAfter'),\n      open: show,\n      close: hide,\n    })\n\n    const controlled = computed(() => isBoolean(props.visible))\n\n    provide(TOOLTIP_INJECTION_KEY, {\n      controlled,\n      id,\n      open: readonly(open),\n      trigger: toRef(props, 'trigger'),\n      onOpen: (event?: Event) => {\n        onOpen(event)\n      },\n      onClose: (event?: Event) => {\n        onClose(event)\n      },\n      onToggle: (event?: Event) => {\n        if (unref(open)) {\n          onClose(event)\n        } else {\n          onOpen(event)\n        }\n      },\n      onShow: () => {\n        emit('show', toggleReason.value)\n      },\n      onHide: () => {\n        emit('hide', toggleReason.value)\n      },\n      onBeforeShow: () => {\n        emit('before-show', toggleReason.value)\n      },\n      onBeforeHide: () => {\n        emit('before-hide', toggleReason.value)\n      },\n      updatePopper,\n    })\n\n    watch(\n      () => props.disabled,\n      (disabled) => {\n        if (disabled && open.value) {\n          open.value = false\n        }\n      }\n    )\n\n    const isFocusInsideContent = () => {\n      const popperContent: HTMLElement | undefined =\n        contentRef.value?.contentRef?.popperContentRef\n      return popperContent && popperContent.contains(document.activeElement)\n    }\n\n    onDeactivated(() => open.value && hide())\n\n    return {\n      compatShowAfter,\n      compatShowArrow,\n      popperRef,\n      contentRef,\n      open,\n      hide,\n      isFocusInsideContent,\n      updatePopper,\n      onOpen,\n      onClose,\n    }\n  },\n})\n</script>\n"],"names":["createModelToggleComposable","defineComponent","ElPopper","ElPopperArrow","ElTooltipContent","ElTooltipTrigger","usePopperProps","useTooltipContentProps","useTooltipTriggerProps","usePopperArrowProps","useTooltipProps","usePopperContainer","computed","isUndefined","debugWarn","isBoolean","useId","ref","unref","useDelayedToggle","toRef","provide","TOOLTIP_INJECTION_KEY","readonly","watch","onDeactivated","_resolveComponent","_openBlock","_createBlock","_withCtx","_createVNode","_renderSlot","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoFA,MAAM,EAAE,mBAAA,EAAqB,cAAgB,EAAA,mBAAA,EAAA,GAC3CA,kCAA4B,SAAkB,CAAA,CAAA;AAEhD,MAAK,YAAaC,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,WAAA;AAAA,EACN,UAAY,EAAA;AAAA,cACVC,gBAAA;AAAA,mBACAC,gBAAA;AAAA,sBACAC,kBAAA;AAAA,sBACAC,kBAAA;AAAA,GACF;AAAA,EACA,KAAO,EAAA;AAAA,IACL,GAAGC,qBAAA;AAAA,IACH,GAAG,mBAAA;AAAA,IACH,GAAGC,8BAAA;AAAA,IACH,GAAGC,8BAAA;AAAA,IACH,GAAGC,2BAAA;AAAA,IACH,GAAGC,uBAAA;AAAA,GACL;AAAA,EACA,KAAO,EAAA;AAAA,IACL,GAAG,mBAAA;AAAA,IACH,aAAA;AAAA,IACA,aAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,GACF;AAAA,EACA,KAAA,CAAM,KAAO,EAAA,EAAE,IAAQ,EAAA,EAAA;AACrB,IAAmBC,0BAAA,EAAA,CAAA;AACnB,IAAM,MAAA,eAAA,GAAkBC,aAAS,MAAM;AACrC,MAAA,IAAI,CAACC,iBAAA,CAAY,KAAM,CAAA,SAAS,CAAG,EAAA;AACjC,QAAAC,eAAA,CACE,aACA,iGACF,CAAA,CAAA;AAAA,OACF;AACA,MAAO,OAAA,KAAA,CAAM,aAAc,KAAM,CAAA,SAAA,CAAA;AAAA,KAClC,CAAA,CAAA;AACD,IAAM,MAAA,eAAA,GAAkBF,aAAS,MAAM;AACrC,MAAA,IAAI,CAACC,iBAAA,CAAY,KAAM,CAAA,YAAY,CAAG,EAAA;AACpC,QAAAC,eAAA,CACE,aACA,sGACF,CAAA,CAAA;AAAA,OACF;AACA,MAAA,OAAOC,eAAU,KAAM,CAAA,YAAY,CAC/B,GAAA,KAAA,CAAM,eACN,KAAM,CAAA,SAAA,CAAA;AAAA,KACX,CAAA,CAAA;AAED,IAAA,MAAM,KAAKC,aAAM,EAAA,CAAA;AACjB,IAAM,MAAA,SAAA,GAAYC,QAA0C,IAAI,CAAA,CAAA;AAChE,IAAM,MAAA,UAAA,GAAaA,QAAkD,IAAI,CAAA,CAAA;AAEzE,IAAA,MAAM,eAAe,MAAM;AACzB,MAAM,IAAA,EAAA,CAAA;AACN,MAAA,MAAqB,eAAA,GAAAC,SAAA,CAAA,SAAA,CAAA,CAAA;AACnB,MAAA,IAAA;AAA0C,QAC5C,CAAA,EAAA,GAAA,eAAA,CAAA,iBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA,CAAA;AAAA,OACF;AACA,KAAM,CAAA;AACN,IAAM,MAAA,IAAA,GAAAD,OAAA,CAAA;AAEN,IAAM,MAAA,YAAQ,GAAAA,OAAwB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,IAAA,MACzB,EAAA,IAAA,EAAA,IAAA,EAAA,GAAA,cAAA,CAAA;AAAA,MACX,SAAA,EAAA,IAAA;AAAA,MACD,YAAA;AAED,KAAM,CAAA,CAAA;AAAuC,IAAA,MAChC,EAAA,MAAA,EAAA,OAAA,EAAA,GAAAE,wBAAA,CAAA;AAAA,MACX,SAAA,EAAW,eAAwB;AAAA,MACnC,SAAM,EAAAC,SAAA,CAAA,KAAA,EAAA,WAAA,CAAA;AAAA,MACN,IAAO,EAAA,IAAA;AAAA,MACR,KAAA,EAAA,IAAA;AAED,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,UAA+B,GAAAR,YAAA,CAAA,MAAAG,cAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AAAA,IAC7BM,WAAA,CAAAC,4BAAA,EAAA;AAAA,MACA,UAAA;AAAA,MACA,EAAA;AAAmB,MACnB,IAAA,EAAAC,YAAe,CAAA,IAAA,CAAA;AAAgB,MAC/B,OAAA,EAASH,SAAkB,CAAA,KAAA,EAAA,SAAA,CAAA;AACzB,MAAA,MAAA,EAAA,CAAO,KAAK,KAAA;AAAA,QACd,MAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACA;AACE,MAAA,OAAA,EAAA,CAAQ,KAAK,KAAA;AAAA,QACf,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACA;AACE,MAAI,QAAA,EAAA,CAAA,KAAU,KAAG;AACf,QAAA,IAAAF,SAAA,CAAQ,IAAK,CAAA,EAAA;AAAA,UACR,OAAA,CAAA,KAAA,CAAA,CAAA;AACL,SAAA,MAAA;AAAY,UACd,MAAA,CAAA,KAAA,CAAA,CAAA;AAAA,SACF;AAAA;AAEE,MAAK,MAAA,EAAA,MAAA;AAA0B,QACjC,IAAA,CAAA,MAAA,EAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA;AAEE,MAAK,MAAA,EAAA,MAAA;AAA0B,QACjC,IAAA,CAAA,MAAA,EAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA;AAEE,MAAK,YAAA,EAAA,MAAA;AAAiC,QACxC,IAAA,CAAA,aAAA,EAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA;AAEE,MAAK,YAAA,EAAA,MAAA;AAAiC,QACxC,IAAA,CAAA,aAAA,EAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACA;AAAA,MACD,YAAA;AAED,KAAA,CAAA,CAAA;AAGI,IAAIM,SAAA,CAAA,MAAA,KAAA,CAAY,QAAY,EAAA,CAAA,QAAA,KAAA;AAC1B,MAAA,IAAA,QAAa,IAAA,IAAA,CAAA,KAAA,EAAA;AAAA,QACf,IAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,OAEJ;AAEA,KAAA,CAAA,CAAA;AACE,IAAM,MAAA,oBACO,GAAA,MAAA;AACb,MAAA,IAAA,EAAA,EAAwB,EAAA,CAAA;AAA6C,MACvE,MAAA,aAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,UAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,gBAAA,CAAA;AAEA,MAAA,OAAA,aAAoB,IAAc,aAAK,CAAC,QAAA,CAAA,QAAA,CAAA,aAAA,CAAA,CAAA;AAExC,KAAO,CAAA;AAAA,IACLC,iBAAA,CAAA,MAAA,IAAA,CAAA,KAAA,IAAA,IAAA,EAAA,CAAA,CAAA;AAAA,IACA,OAAA;AAAA,MACA,eAAA;AAAA,MACA,eAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,oBAAA;AAAA,MACA,YAAA;AAAA,MACF,MAAA;AAAA,MACF,OAAA;AACF,KAAC,CAAA;;;;;;;;qCAnLa,GAAAC,oBAAA,CAAA,oBAAA,CAAA,CAAA;AAAA,EAAA,MA7CG,oBAAA,GAAAA,oBAAA,CAAA,WAAA,CAAA,CAAA;AAAA,EAAA,OAAmBC,aAAA,EAAA,EAAAC,eAAA,CAAA,oBAAA,EAAA;AAAA,IAAA,GAAA,EAAA,WAAA;;AASX,GAAA,EAAA;AAAA,IAAA,OAPR,EAAAC,WAAA,CAAA,MAAA;AAAA,MAAAC,eACD,CAAA,6BAAA,EAAA;AAAA,QACT,QAAc,EAAA,IAAA,CAAA,QAAA;AAAA,QACd,OAAa,EAAA,IAAA,CAAA,OAAA;AAAA,QACb,cAAoB,EAAA,IAAA,CAAA,WAAA;AAAA,QAAA,aAAA,EAAA,IAAA,CAAA,UAAA;4BAES,EAAA,IAAA,CAAA,iBAAA;AAAA,OAAlB,EAAA;;;;QAoCO,CAAA,EAAA,CAAA;AAAA,OAAA,EAjCf,CAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,cAAA,EAAA,aAAA,EAAA,oBAAA,CAAA,CAAA;AAAA,MAAAA,eACS,CAAA,6BAAA,EAAA;AAAA,QACZ,GAAoB,EAAA,YAAA;AAAA,QACpB,YAAS,EAAA,IAAA,CAAA,SAAA;AAAA,QACT,oBAAU,EAAA,IAAA,CAAA,iBAAA;AAAA,QACV,OAAQ,EAAA,IAAA,CAAA,OAAA;AAAA,QACR,QAAW,EAAA,IAAA,CAAA,QAAA;AAAA,QACX,MAAqB,EAAA,IAAA,CAAA,MAAA;AAAA,QACrB,SAAY,EAAA,IAAA,CAAA,SAAA;AAAA,QACZ,qBAAkB,EAAA,IAAA,CAAA,kBAAA;AAAA,QAClB,YAAQ,EAAA,IAAA,CAAA,SAAA;AAAA,QACR,kBAAY,EAAA,IAAA,CAAA,eAAA;AAAA,QACZ,MAAc,EAAA,IAAA,CAAA,MAAA;AAAA,QACd,UAAc,EAAA,IAAA,CAAA,UAAA;AAAA,QACd,cAAW,EAAA,IAAA,CAAA,WAAA;AAAA,QACX,cAAgB,EAAA,IAAA,CAAA,WAAA;AAAA,QAChB,SAAM,EAAA,IAAA,CAAA,SAAA;AAAA,QACN,gBAAa,EAAA,IAAA,CAAA,aAAA;AAAA,QACb,IAAc,EAAA,IAAA,CAAA,IAAA;AAAA,QACd,aAAmB,EAAA,IAAA,CAAA,UAAA;AAAA,QACnB,cAAY,EAAA,IAAA,CAAA,WAAA;AAAA,QACZ,mBAAU,EAAA,IAAA,CAAA,eAAA;AAAA,QACV,YAAY,EAAA,IAAA,CAAA,eAAA;AAAA,QACZ,QAAY,EAAA,IAAA,CAAA,QAAA;AAAA,QACZ,UAAoB,EAAA,IAAA,CAAA,UAAA;AAAA,QACpB,UAAS,EAAA,IAAA,CAAA,UAAA;AAAA,QACT,oBAAW,EAAA,IAAA,CAAA,iBAAA;AAAA,QAAA,SAAA,EAAA,IAAA,CAAA,MAAA;0BAEZ,QAGO;AAAA,OAHP,EAAA;AAGO,QAAA;AAFsC,UAAAC,cAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EAAA,EAAA,MAAA;gBAAX,CAAA,UAAA,IAAAJ,aAAA,EAAA,EAAAK,sBAAA,CAAA,MAAA,EAAA;AAAA,cAChC,GAAA,EAAA,CAAA;AAAuB,cAAA,SAAA,EAAA,IAAA,CAAA,OAAA;AAEF,aAAA,EAAA,IAAA,EAAA,CAAA,EAAA,UAAA,CAAA,KAAAL,aAA+C,EAAA,EAAAK,sBAAA,CAAA,MAAA,EAAA,UAAA,EAAAC,mBAAA,CAAA,IAAA,CAAA,OAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAAA,WAAA,CAAA;cAAf,CAAA,eAAA,IAAAN,aAAA,EAAA,EAAAC,eAAA,CAAA,0BAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;;;;;;;;;;;;;;"}

package/lib/components/transfer/style/css.d.ts

@@ -1,6 +1,6 @@
 import 'element-plus/es/components/base/style/css';
-import 'element-plus/theme-chalk/el-transfer.css';
 import 'element-plus/es/components/input/style/css';
 import 'element-plus/es/components/button/style/css';
 import 'element-plus/es/components/checkbox/style/css';
 import 'element-plus/es/components/checkbox-group/style/css';
+import 'element-plus/theme-chalk/el-transfer.css';

package/lib/components/transfer/style/css2.js

@@ -1,10 +1,10 @@
 'use strict';
 
 require('../../base/style/css2.js');
-require('element-plus/theme-chalk/el-transfer.css');
 require('../../input/style/css2.js');
 require('../../button/style/css2.js');
 require('../../checkbox/style/css2.js');
 require('../../checkbox-group/style/css2.js');
+require('element-plus/theme-chalk/el-transfer.css');
 
 //# sourceMappingURL=css2.js.map

package/lib/components/transfer/style/index.d.ts

@@ -1,6 +1,6 @@
 import 'element-plus/es/components/base/style';
-import 'element-plus/theme-chalk/src/transfer.scss';
 import 'element-plus/es/components/input/style';
 import 'element-plus/es/components/button/style';
 import 'element-plus/es/components/checkbox/style';
 import 'element-plus/es/components/checkbox-group/style';
+import 'element-plus/theme-chalk/src/transfer.scss';

package/lib/components/transfer/style/index2.js

@@ -1,10 +1,10 @@
 'use strict';
 
 require('../../base/style/index2.js');
-require('element-plus/theme-chalk/src/transfer.scss');
 require('../../input/style/index2.js');
 require('../../button/style/index2.js');
 require('../../checkbox/style/index2.js');
 require('../../checkbox-group/style/index2.js');
+require('element-plus/theme-chalk/src/transfer.scss');
 
 //# sourceMappingURL=index2.js.map

package/lib/components/upload/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('./index2.js');
-var upload = require('./src/upload3.js');
+var upload = require('./src/upload4.js');
 var uploadContent = require('./src/upload-content3.js');
 var uploadList = require('./src/upload-list3.js');
 var uploadDragger = require('./src/upload-dragger3.js');

package/lib/components/upload/index2.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index2.js');
-var upload$1 = require('./src/upload4.js');
-var upload = require('./src/upload3.js');
+var upload$1 = require('./src/upload3.js');
+var upload = require('./src/upload4.js');
 var uploadContent = require('./src/upload-content3.js');
 var uploadList = require('./src/upload-list3.js');
 var uploadDragger = require('./src/upload-dragger3.js');

package/lib/components/upload/src/upload-content3.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var shared = require('@vue/shared');
 require('../../../utils/index2.js');
-var upload = require('./upload3.js');
+var upload = require('./upload4.js');
 var runtime = require('../../../utils/vue/props/runtime2.js');
 
 const uploadContentProps = runtime.buildProps({

package/lib/components/upload/src/upload-content4.js

@@ -7,7 +7,7 @@ require('../../../hooks/index2.js');
 require('../../../utils/index2.js');
 var uploadDragger = require('./upload-dragger4.js');
 var uploadContent = require('./upload-content3.js');
-var upload = require('./upload3.js');
+var upload = require('./upload4.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index2.js');
 var objects = require('../../../utils/objects2.js');

package/lib/components/upload/src/upload-list3.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var shared = require('@vue/shared');
 require('../../../utils/index2.js');
-var upload = require('./upload3.js');
+var upload = require('./upload4.js');
 var runtime = require('../../../utils/vue/props/runtime2.js');
 var typescript = require('../../../utils/typescript2.js');
 

package/lib/components/upload/src/upload.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var upload = require('./upload3.js');
+var upload = require('./upload4.js');