@element-plus/nightly 0.0.20220119 → 0.0.20220123

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

@@ -1,62 +0,0 @@
-import { defineComponent, getCurrentInstance, inject, toRef, computed, reactive, onMounted, onBeforeUnmount } from 'vue';
-import { ElTooltip } 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/popper.mjs';
-
-const COMPONENT_NAME = "ElMenuItem";
-var script = defineComponent({
-  name: COMPONENT_NAME,
-  components: {
-    ElTooltip
-  },
-  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

@@ -1 +0,0 @@
-{"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      persistent\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":[],"mappings":";;;;;;;;AA8DA,oBAAoB,eAAe,CAAC;;AAEpC,EAAE,MAAM,cAAc;;AAEtB,IAAI,SAAS;AACb,GAAG;EACD,OAAO,aAAa;EACpB,KAAK,EAAE;OACF,CAAC,KAAK;;;IAGT,KAAK,QAAQ;MACX,UAAU,CAAC;;IAEb,MAAM,OAAO,GAAG;IAChB,IAAI,QAAQ;MACV,UAAU,CAAC,cAAc,EAAE;IAC7B,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;;MAElE,OAAO,KAAK,CAAC,KAAK;MAClB;MACA,MAAM;;;MAGN,IAAI,CAAC,KAAK,SAAS,EAAE;QACnB,QAAQ,oBAAoB,CAAC;;UAE3B,SAAS,EAAE,UAAU,KAAK;UAC1B,OAAO,KAAK,CAAC,KAAK;SACnB,CAAC,CAAC;QACH,IAAI,CAAC;OACN;KACF;;MAEC,OAAO,CAAC,UAAU,CAAC,KAAK;MACxB,QAAQ,CAAC,YAAY;;mBAER,CAAC,MAAM;aACb,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;cACpB,CAAC;;WAEJ;MACL;;;MAGA,YAAY;MACZ,MAAM;MACN,WAAW;KACZ;;;;;;"}

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

@@ -1,48 +0,0 @@
-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",
-      persistent: ""
-    }, {
-      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

@@ -1 +0,0 @@
-{"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      persistent\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":["_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAGI;;IAEC,KAAK;WAKA;;;;;;;;;;UASJA,UAAU;UACV;;UAEW;;;;;;;;;;"}

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

@@ -1,80 +0,0 @@
-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);
-    const badgeType = ref(props.type ? props.type === "error" ? "danger" : props.type : "info");
-    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,
-      badgeType,
-      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

@@ -1 +0,0 @@
-{"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=\"badgeType\"\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'\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 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 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      badgeType,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;AAwDA,EAAE,iBAAiB;AACnB,EAAE,UAAU,EAAE;;AAEd,IAAI,MAAM;;AAEV,GAAG;EACD,OAAO;;EAEP,KAAK,CAAC;IACJ,MAAM;IACN,MAAM;IACN,IAAI,SAAS,GAAG;;;MAGd,OAAO,IAAI,IAAI;KAChB,CAAC,CAAC;;MAED,OAAO;KACR,CAAC,CAAC;IACH,MAAM,cAAc,QAAQ,CAAC,OAAO;MAClC,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;;KAExB,CAAC,EAAE;;MAEF,IAAI,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAE;QACtB,CAAC;QACD,CAAC,EAAE,IAAI,WAAW,EAAE,GAAG,YAAY,OAAO;;;WAGvC,KAAK,CAAC,SAAS,EAAE;OACrB;KACF;;MAEC,SAAS,IAAI,OAAO,KAAK,CAAC,GAAG,SAAS,EAAE,CAAC;;kBAE7B,GAAG;MACf;;IAEF,SAAS,OAAO,CAAC,EAAE;MACjB,IAAI,IAAI,KAAK,WAAW;QACtB,IAAI,OAAO,CAAC,KAAK;UACf,KAAK,EAAE,CAAC;SACT;;;;KAIJ;aACQ,CAAC;;;KAGT,CAAC,CAAC;SACE,CAAC,MAAM,MAAM;;;KAGjB,CAAC,CAAC;oBACa,CAAC,QAAQ,EAAE;WACpB;eACI;;;MAGT,OAAO;eACE;MACT;;;KAGD,CAAC;;;;;;"}

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

@@ -1,76 +0,0 @@
-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(() => [
-      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: _ctx.badgeType,
-          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

@@ -1 +0,0 @@
-{"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=\"badgeType\"\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'\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 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 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      badgeType,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock"],"mappings":";;;;;;EAgC4C;;;;;;;;;wBA/B1C;;IAEG;;;;sBAGD;UAEK,SAAI;;;;;;;;QAQN,uBAAO;;QAEP;;;;;;;;;;;0BAU2BA;;;cAAE;;;8BAC5B;;;;;;;;;;;;0BAOsD;;;;SAGhD;;;;;;;;;;;"}

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

@@ -1,259 +0,0 @@
-import { defineComponent, ref, reactive, computed, watch, nextTick, onMounted, onBeforeUnmount, toRefs } from 'vue';
-import { ElButton } from '../../button/index.mjs';
-import '../../../directives/index.mjs';
-import '../../../hooks/index.mjs';
-import { ElInput } from '../../input/index.mjs';
-import { ElOverlay } from '../../overlay/index.mjs';
-import { PopupManager } from '../../../utils/popup-manager.mjs';
-import { on, off } from '../../../utils/dom.mjs';
-import { EVENT_CODE } from '../../../utils/aria.mjs';
-import { isValidComponentSize } from '../../../utils/validators.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import { TypeComponents, TypeComponentsMap } from '../../../utils/icon.mjs';
-import TrapFocus from '../../../directives/trap-focus/index.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useModal } from '../../../hooks/use-modal/index.mjs';
-import { usePreventGlobal } from '../../../hooks/use-prevent-global/index.mjs';
-import { useLockscreen } from '../../../hooks/use-lockscreen/index.mjs';
-import { useRestoreActive } from '../../../hooks/use-restore-active/index.mjs';
-
-var script = defineComponent({
-  name: "ElMessageBox",
-  directives: {
-    TrapFocus
-  },
-  components: {
-    ElButton,
-    ElInput,
-    ElOverlay,
-    ElIcon,
-    ...TypeComponents
-  },
-  inheritAttrs: false,
-  props: {
-    buttonSize: {
-      type: String,
-      validator: isValidComponentSize
-    },
-    modal: {
-      type: Boolean,
-      default: true
-    },
-    lockScroll: {
-      type: Boolean,
-      default: true
-    },
-    showClose: {
-      type: Boolean,
-      default: true
-    },
-    closeOnClickModal: {
-      type: Boolean,
-      default: true
-    },
-    closeOnPressEscape: {
-      type: Boolean,
-      default: true
-    },
-    closeOnHashChange: {
-      type: Boolean,
-      default: true
-    },
-    center: Boolean,
-    roundButton: {
-      default: false,
-      type: Boolean
-    },
-    container: {
-      type: String,
-      default: "body"
-    },
-    boxType: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["vanish", "action"],
-  setup(props, { emit }) {
-    const { t } = useLocale();
-    const visible = ref(false);
-    const state = reactive({
-      beforeClose: null,
-      callback: null,
-      cancelButtonText: "",
-      cancelButtonClass: "",
-      confirmButtonText: "",
-      confirmButtonClass: "",
-      customClass: "",
-      customStyle: {},
-      dangerouslyUseHTMLString: false,
-      distinguishCancelAndClose: false,
-      icon: "",
-      inputPattern: null,
-      inputPlaceholder: "",
-      inputType: "text",
-      inputValue: null,
-      inputValidator: null,
-      inputErrorMessage: "",
-      message: null,
-      modalFade: true,
-      modalClass: "",
-      showCancelButton: false,
-      showConfirmButton: true,
-      type: "",
-      title: void 0,
-      showInput: false,
-      action: "",
-      confirmButtonLoading: false,
-      cancelButtonLoading: false,
-      confirmButtonDisabled: false,
-      editorErrorMessage: "",
-      validateError: false,
-      zIndex: PopupManager.nextZIndex()
-    });
-    const typeClass = computed(() => {
-      const type = state.type;
-      return type && TypeComponentsMap[type] ? `el-message-box-icon--${type}` : "";
-    });
-    const iconComponent = computed(() => state.icon || TypeComponentsMap[state.type] || "");
-    const hasMessage = computed(() => !!state.message);
-    const inputRef = ref(null);
-    const confirmRef = ref(null);
-    const confirmButtonClasses = computed(() => state.confirmButtonClass);
-    watch(() => state.inputValue, async (val) => {
-      await nextTick();
-      if (props.boxType === "prompt" && val !== null) {
-        validate();
-      }
-    }, { immediate: true });
-    watch(() => visible.value, (val) => {
-      if (val) {
-        if (props.boxType === "alert" || props.boxType === "confirm") {
-          nextTick().then(() => {
-            var _a, _b, _c;
-            (_c = (_b = (_a = confirmRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.focus) == null ? void 0 : _c.call(_b);
-          });
-        }
-        state.zIndex = PopupManager.nextZIndex();
-      }
-      if (props.boxType !== "prompt")
-        return;
-      if (val) {
-        nextTick().then(() => {
-          if (inputRef.value && inputRef.value.$el) {
-            getInputElement().focus();
-          }
-        });
-      } else {
-        state.editorErrorMessage = "";
-        state.validateError = false;
-      }
-    });
-    onMounted(async () => {
-      await nextTick();
-      if (props.closeOnHashChange) {
-        on(window, "hashchange", doClose);
-      }
-    });
-    onBeforeUnmount(() => {
-      if (props.closeOnHashChange) {
-        off(window, "hashchange", doClose);
-      }
-    });
-    function doClose() {
-      if (!visible.value)
-        return;
-      visible.value = false;
-      nextTick(() => {
-        if (state.action)
-          emit("action", state.action);
-      });
-    }
-    const handleWrapperClick = () => {
-      if (props.closeOnClickModal) {
-        handleAction(state.distinguishCancelAndClose ? "close" : "cancel");
-      }
-    };
-    const handleInputEnter = () => {
-      if (state.inputType !== "textarea") {
-        return handleAction("confirm");
-      }
-    };
-    const handleAction = (action) => {
-      var _a;
-      if (props.boxType === "prompt" && action === "confirm" && !validate()) {
-        return;
-      }
-      state.action = action;
-      if (state.beforeClose) {
-        (_a = state.beforeClose) == null ? void 0 : _a.call(state, action, state, doClose);
-      } else {
-        doClose();
-      }
-    };
-    const validate = () => {
-      if (props.boxType === "prompt") {
-        const inputPattern = state.inputPattern;
-        if (inputPattern && !inputPattern.test(state.inputValue || "")) {
-          state.editorErrorMessage = state.inputErrorMessage || t("el.messagebox.error");
-          state.validateError = true;
-          return false;
-        }
-        const inputValidator = state.inputValidator;
-        if (typeof inputValidator === "function") {
-          const validateResult = inputValidator(state.inputValue);
-          if (validateResult === false) {
-            state.editorErrorMessage = state.inputErrorMessage || t("el.messagebox.error");
-            state.validateError = true;
-            return false;
-          }
-          if (typeof validateResult === "string") {
-            state.editorErrorMessage = validateResult;
-            state.validateError = true;
-            return false;
-          }
-        }
-      }
-      state.editorErrorMessage = "";
-      state.validateError = false;
-      return true;
-    };
-    const getInputElement = () => {
-      const inputRefs = inputRef.value.$refs;
-      return inputRefs.input || inputRefs.textarea;
-    };
-    const handleClose = () => {
-      handleAction("close");
-    };
-    if (props.closeOnPressEscape) {
-      useModal({
-        handleClose
-      }, visible);
-    } else {
-      usePreventGlobal(visible, "keydown", (e) => e.code === EVENT_CODE.esc);
-    }
-    if (props.lockScroll) {
-      useLockscreen(visible);
-    }
-    useRestoreActive(visible);
-    return {
-      ...toRefs(state),
-      visible,
-      hasMessage,
-      typeClass,
-      iconComponent,
-      confirmButtonClasses,
-      inputRef,
-      confirmRef,
-      doClose,
-      handleClose,
-      handleWrapperClick,
-      handleInputEnter,
-      handleAction,
-      t
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=index.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/message-box/src/index.vue"],"sourcesContent":["<template>\n  <transition name=\"fade-in-linear\" @after-leave=\"$emit('vanish')\">\n    <el-overlay\n      v-show=\"visible\"\n      :z-index=\"zIndex\"\n      :overlay-class=\"['is-message-box', modalClass]\"\n      :mask=\"modal\"\n      @click.self=\"handleWrapperClick\"\n    >\n      <div\n        ref=\"root\"\n        v-trap-focus\n        role=\"dialog\"\n        :aria-label=\"title || 'dialog'\"\n        aria-modal=\"true\"\n        :class=\"[\n          'el-message-box',\n          customClass,\n          { 'el-message-box--center': center },\n        ]\"\n        :style=\"customStyle\"\n      >\n        <div\n          v-if=\"title !== null && title !== undefined\"\n          class=\"el-message-box__header\"\n        >\n          <div class=\"el-message-box__title\">\n            <el-icon\n              v-if=\"iconComponent && center\"\n              class=\"el-message-box__status\"\n              :class=\"typeClass\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <span>{{ title }}</span>\n          </div>\n          <button\n            v-if=\"showClose\"\n            type=\"button\"\n            class=\"el-message-box__headerbtn\"\n            aria-label=\"Close\"\n            @click=\"\n              handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n            \"\n            @keydown.prevent.enter=\"\n              handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n            \"\n          >\n            <el-icon class=\"el-message-box__close\"><close /></el-icon>\n          </button>\n        </div>\n        <div class=\"el-message-box__content\">\n          <div class=\"el-message-box__container\">\n            <el-icon\n              v-if=\"iconComponent && !center && hasMessage\"\n              class=\"el-message-box__status\"\n              :class=\"typeClass\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <div v-if=\"hasMessage\" class=\"el-message-box__message\">\n              <slot>\n                <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n                <p v-else v-html=\"message\"></p>\n              </slot>\n            </div>\n          </div>\n          <div v-show=\"showInput\" class=\"el-message-box__input\">\n            <el-input\n              ref=\"inputRef\"\n              v-model=\"inputValue\"\n              :type=\"inputType\"\n              :placeholder=\"inputPlaceholder\"\n              :class=\"{ invalid: validateError }\"\n              @keydown.prevent.enter=\"handleInputEnter\"\n            />\n            <div\n              class=\"el-message-box__errormsg\"\n              :style=\"{\n                visibility: !!editorErrorMessage ? 'visible' : 'hidden',\n              }\"\n            >\n              {{ editorErrorMessage }}\n            </div>\n          </div>\n        </div>\n        <div class=\"el-message-box__btns\">\n          <el-button\n            v-if=\"showCancelButton\"\n            :loading=\"cancelButtonLoading\"\n            :class=\"[cancelButtonClass]\"\n            :round=\"roundButton\"\n            :size=\"buttonSize || ''\"\n            @click=\"handleAction('cancel')\"\n            @keydown.prevent.enter=\"handleAction('cancel')\"\n          >\n            {{ cancelButtonText || t('el.messagebox.cancel') }}\n          </el-button>\n          <el-button\n            v-show=\"showConfirmButton\"\n            ref=\"confirmRef\"\n            type=\"primary\"\n            :loading=\"confirmButtonLoading\"\n            :class=\"[confirmButtonClasses]\"\n            :round=\"roundButton\"\n            :disabled=\"confirmButtonDisabled\"\n            :size=\"buttonSize || ''\"\n            @click=\"handleAction('confirm')\"\n            @keydown.prevent.enter=\"handleAction('confirm')\"\n          >\n            {{ confirmButtonText || t('el.messagebox.confirm') }}\n          </el-button>\n        </div>\n      </div>\n    </el-overlay>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  nextTick,\n  onMounted,\n  onBeforeUnmount,\n  computed,\n  watch,\n  reactive,\n  ref,\n  toRefs,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport { TrapFocus } from '@element-plus/directives'\nimport {\n  useModal,\n  useLockscreen,\n  useLocale,\n  useRestoreActive,\n  usePreventGlobal,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { PopupManager } from '@element-plus/utils/popup-manager'\nimport { on, off } from '@element-plus/utils/dom'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\n\nimport type { ComponentPublicInstance, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\nimport type {\n  Action,\n  MessageBoxState,\n  MessageBoxType,\n} from './message-box.type'\n\nexport default defineComponent({\n  name: 'ElMessageBox',\n  directives: {\n    TrapFocus,\n  },\n  components: {\n    ElButton,\n    ElInput,\n    ElOverlay,\n    ElIcon,\n    ...TypeComponents,\n  },\n  inheritAttrs: false,\n  props: {\n    buttonSize: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    modal: {\n      type: Boolean,\n      default: true,\n    },\n    lockScroll: {\n      type: Boolean,\n      default: true,\n    },\n    showClose: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnClickModal: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnPressEscape: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnHashChange: {\n      type: Boolean,\n      default: true,\n    },\n    center: Boolean,\n    roundButton: {\n      default: false,\n      type: Boolean,\n    },\n    container: {\n      type: String, // default append to body\n      default: 'body',\n    },\n    boxType: {\n      type: String as PropType<MessageBoxType>,\n      default: '',\n    },\n  },\n  emits: ['vanish', 'action'],\n  setup(props, { emit }) {\n    // const popup = usePopup(props, doClose)\n    const { t } = useLocale()\n    const visible = ref(false)\n    // s represents state\n    const state = reactive<MessageBoxState>({\n      beforeClose: null,\n      callback: null,\n      cancelButtonText: '',\n      cancelButtonClass: '',\n      confirmButtonText: '',\n      confirmButtonClass: '',\n      customClass: '',\n      customStyle: {},\n      dangerouslyUseHTMLString: false,\n      distinguishCancelAndClose: false,\n      icon: '',\n      inputPattern: null,\n      inputPlaceholder: '',\n      inputType: 'text',\n      inputValue: null,\n      inputValidator: null,\n      inputErrorMessage: '',\n      message: null,\n      modalFade: true,\n      modalClass: '',\n      showCancelButton: false,\n      showConfirmButton: true,\n      type: '',\n      title: undefined,\n      showInput: false,\n      action: '' as Action,\n      confirmButtonLoading: false,\n      cancelButtonLoading: false,\n      confirmButtonDisabled: false,\n      editorErrorMessage: '',\n      // refer to: https://github.com/ElemeFE/element/commit/2999279ae34ef10c373ca795c87b020ed6753eed\n      // seemed ok for now without this state.\n      // isOnComposition: false, // temporary remove\n      validateError: false,\n      zIndex: PopupManager.nextZIndex(),\n    })\n\n    const typeClass = computed(() => {\n      const type = state.type\n      return type && TypeComponentsMap[type]\n        ? `el-message-box-icon--${type}`\n        : ''\n    })\n\n    const iconComponent = computed(\n      () => state.icon || TypeComponentsMap[state.type] || ''\n    )\n    const hasMessage = computed(() => !!state.message)\n    const inputRef = ref<ComponentPublicInstance>(null)\n    const confirmRef = ref<ComponentPublicInstance>(null)\n\n    const confirmButtonClasses = computed(() => state.confirmButtonClass)\n\n    watch(\n      () => state.inputValue,\n      async (val) => {\n        await nextTick()\n        if (props.boxType === 'prompt' && val !== null) {\n          validate()\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => visible.value,\n      (val) => {\n        if (val) {\n          if (props.boxType === 'alert' || props.boxType === 'confirm') {\n            nextTick().then(() => {\n              confirmRef.value?.$el?.focus?.()\n            })\n          }\n          state.zIndex = PopupManager.nextZIndex()\n        }\n        if (props.boxType !== 'prompt') return\n        if (val) {\n          nextTick().then(() => {\n            if (inputRef.value && inputRef.value.$el) {\n              getInputElement().focus()\n            }\n          })\n        } else {\n          state.editorErrorMessage = ''\n          state.validateError = false\n        }\n      }\n    )\n\n    onMounted(async () => {\n      await nextTick()\n      if (props.closeOnHashChange) {\n        on(window, 'hashchange', doClose)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (props.closeOnHashChange) {\n        off(window, 'hashchange', doClose)\n      }\n    })\n\n    function doClose() {\n      if (!visible.value) return\n      visible.value = false\n      nextTick(() => {\n        if (state.action) emit('action', state.action)\n      })\n    }\n\n    const handleWrapperClick = () => {\n      if (props.closeOnClickModal) {\n        handleAction(state.distinguishCancelAndClose ? 'close' : 'cancel')\n      }\n    }\n\n    const handleInputEnter = () => {\n      if (state.inputType !== 'textarea') {\n        return handleAction('confirm')\n      }\n    }\n\n    const handleAction = (action: Action) => {\n      if (props.boxType === 'prompt' && action === 'confirm' && !validate()) {\n        return\n      }\n\n      state.action = action\n\n      if (state.beforeClose) {\n        state.beforeClose?.(action, state, doClose)\n      } else {\n        doClose()\n      }\n    }\n\n    const validate = () => {\n      if (props.boxType === 'prompt') {\n        const inputPattern = state.inputPattern\n        if (inputPattern && !inputPattern.test(state.inputValue || '')) {\n          state.editorErrorMessage =\n            state.inputErrorMessage || t('el.messagebox.error')\n          state.validateError = true\n          return false\n        }\n        const inputValidator = state.inputValidator\n        if (typeof inputValidator === 'function') {\n          const validateResult = inputValidator(state.inputValue)\n          if (validateResult === false) {\n            state.editorErrorMessage =\n              state.inputErrorMessage || t('el.messagebox.error')\n            state.validateError = true\n            return false\n          }\n          if (typeof validateResult === 'string') {\n            state.editorErrorMessage = validateResult\n            state.validateError = true\n            return false\n          }\n        }\n      }\n      state.editorErrorMessage = ''\n      state.validateError = false\n      return true\n    }\n\n    const getInputElement = () => {\n      const inputRefs = inputRef.value.$refs\n      return (inputRefs.input || inputRefs.textarea) as HTMLElement\n    }\n\n    const handleClose = () => {\n      handleAction('close')\n    }\n\n    // when close on press escape is disabled, pressing esc should not callout\n    // any other message box and close any other dialog-ish elements\n    // e.g. Dialog has a close on press esc feature, and when it closes, it calls\n    // props.beforeClose method to make a intermediate state by callout a message box\n    // for some verification or alerting. then if we allow global event liek this\n    // to dispatch, it could callout another message box.\n    if (props.closeOnPressEscape) {\n      useModal(\n        {\n          handleClose,\n        },\n        visible\n      )\n    } else {\n      usePreventGlobal(\n        visible,\n        'keydown',\n        (e: KeyboardEvent) => e.code === EVENT_CODE.esc\n      )\n    }\n\n    // locks the screen to prevent scroll\n    if (props.lockScroll) {\n      useLockscreen(visible)\n    }\n\n    // restore to prev active element.\n    useRestoreActive(visible)\n\n    return {\n      ...toRefs(state),\n      visible,\n      hasMessage,\n      typeClass,\n      iconComponent,\n      confirmButtonClasses,\n      inputRef,\n      confirmRef,\n      doClose, // for outside usage\n      handleClose, // for out side usage\n      handleWrapperClick,\n      handleInputEnter,\n      handleAction,\n      t,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":"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"}