element-pe 2.0.7 → 2.0.8

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item.mjs","sources":["../../../../../../../packages/components/menu/src/utils/menu-item.ts"],"sourcesContent":["import { triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport SubMenu from './submenu'\n\nclass MenuItem {\n  public submenu: SubMenu = null\n  constructor(public domNode: HTMLElement) {\n    this.submenu = null\n    this.init()\n  }\n\n  init(): void {\n    this.domNode.setAttribute('tabindex', '0')\n    const menuChild = this.domNode.querySelector('.el-menu')\n    if (menuChild) {\n      this.submenu = new SubMenu(this, menuChild)\n    }\n    this.addListeners()\n  }\n\n  addListeners(): void {\n    this.domNode.addEventListener('keydown', (event: KeyboardEvent) => {\n      let prevDef = false\n      switch (event.code) {\n        case EVENT_CODE.down: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu && this.submenu.gotoSubIndex(0)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.up: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu &&\n            this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.tab: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseleave')\n          break\n        }\n        case EVENT_CODE.enter:\n        case EVENT_CODE.space: {\n          prevDef = true\n          ;(event.currentTarget as HTMLElement).click()\n          break\n        }\n      }\n      if (prevDef) {\n        event.preventDefault()\n      }\n    })\n  }\n}\n\nexport default MenuItem\n"],"names":[],"mappings":";;;;;;AAGA,MAAM,QAAQ,CAAC;AACf,EAAE,WAAW,CAAC,OAAO,EAAE;AACvB,IAAI,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AAC3B,IAAI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACxB,IAAI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACxB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;AAChB,GAAG;AACH,EAAE,IAAI,GAAG;AACT,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;AAC/C,IAAI,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;AAC7D,IAAI,IAAI,SAAS,EAAE;AACnB,MAAM,IAAI,CAAC,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAClD,KAAK;AACL,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;AACxB,GAAG;AACH,EAAE,YAAY,GAAG;AACjB,IAAI,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,KAAK;AACxD,MAAM,IAAI,OAAO,GAAG,KAAK,CAAC;AAC1B,MAAM,QAAQ,KAAK,CAAC,IAAI;AACxB,QAAQ,KAAK,UAAU,CAAC,IAAI,EAAE;AAC9B,UAAU,YAAY,CAAC,KAAK,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;AAC1D,UAAU,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;AACvD,UAAU,OAAO,GAAG,IAAI,CAAC;AACzB,UAAU,MAAM;AAChB,SAAS;AACT,QAAQ,KAAK,UAAU,CAAC,EAAE,EAAE;AAC5B,UAAU,YAAY,CAAC,KAAK,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;AAC1D,UAAU,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAC1F,UAAU,OAAO,GAAG,IAAI,CAAC;AACzB,UAAU,MAAM;AAChB,SAAS;AACT,QAAQ,KAAK,UAAU,CAAC,GAAG,EAAE;AAC7B,UAAU,YAAY,CAAC,KAAK,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;AAC1D,UAAU,MAAM;AAChB,SAAS;AACT,QAAQ,KAAK,UAAU,CAAC,KAAK,CAAC;AAC9B,QAAQ,KAAK,UAAU,CAAC,KAAK,EAAE;AAC/B,UAAU,OAAO,GAAG,IAAI,CAAC;AACzB,UAAU,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;AACtC,UAAU,MAAM;AAChB,SAAS;AACT,OAAO;AACP,MAAM,IAAI,OAAO,EAAE;AACnB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG;AACH;;;;"}
+{"version":3,"file":"menu-item.mjs","sources":["../../../../../../../packages/components/menu/src/utils/menu-item.ts"],"sourcesContent":["import { triggerEvent } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport SubMenu from './submenu'\n\nclass MenuItem {\n  public submenu: SubMenu = null\n  constructor(public domNode: HTMLElement, namespace: string) {\n    this.submenu = null\n    this.init(namespace)\n  }\n\n  init(namespace: string): void {\n    this.domNode.setAttribute('tabindex', '0')\n    const menuChild = this.domNode.querySelector(`.${namespace}-menu`)\n    if (menuChild) {\n      this.submenu = new SubMenu(this, menuChild)\n    }\n    this.addListeners()\n  }\n\n  addListeners(): void {\n    this.domNode.addEventListener('keydown', (event: KeyboardEvent) => {\n      let prevDef = false\n      switch (event.code) {\n        case EVENT_CODE.down: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu && this.submenu.gotoSubIndex(0)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.up: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter')\n          this.submenu &&\n            this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1)\n          prevDef = true\n          break\n        }\n        case EVENT_CODE.tab: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseleave')\n          break\n        }\n        case EVENT_CODE.enter:\n        case EVENT_CODE.space: {\n          prevDef = true\n          ;(event.currentTarget as HTMLElement).click()\n          break\n        }\n      }\n      if (prevDef) {\n        event.preventDefault()\n      }\n    })\n  }\n}\n\nexport default MenuItem\n"],"names":[],"mappings":";;;;;;AAGA,MAAM,QAAQ,CAAC;AACf,EAAE,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE;AAClC,IAAI,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AAC3B,IAAI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACxB,IAAI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACxB,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACzB,GAAG;AACH,EAAE,IAAI,CAAC,SAAS,EAAE;AAClB,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;AAC/C,IAAI,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;AACvE,IAAI,IAAI,SAAS,EAAE;AACnB,MAAM,IAAI,CAAC,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAClD,KAAK;AACL,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;AACxB,GAAG;AACH,EAAE,YAAY,GAAG;AACjB,IAAI,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,KAAK;AACxD,MAAM,IAAI,OAAO,GAAG,KAAK,CAAC;AAC1B,MAAM,QAAQ,KAAK,CAAC,IAAI;AACxB,QAAQ,KAAK,UAAU,CAAC,IAAI,EAAE;AAC9B,UAAU,YAAY,CAAC,KAAK,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;AAC1D,UAAU,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;AACvD,UAAU,OAAO,GAAG,IAAI,CAAC;AACzB,UAAU,MAAM;AAChB,SAAS;AACT,QAAQ,KAAK,UAAU,CAAC,EAAE,EAAE;AAC5B,UAAU,YAAY,CAAC,KAAK,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;AAC1D,UAAU,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAC1F,UAAU,OAAO,GAAG,IAAI,CAAC;AACzB,UAAU,MAAM;AAChB,SAAS;AACT,QAAQ,KAAK,UAAU,CAAC,GAAG,EAAE;AAC7B,UAAU,YAAY,CAAC,KAAK,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;AAC1D,UAAU,MAAM;AAChB,SAAS;AACT,QAAQ,KAAK,UAAU,CAAC,KAAK,CAAC;AAC9B,QAAQ,KAAK,UAAU,CAAC,KAAK,EAAE;AAC/B,UAAU,OAAO,GAAG,IAAI,CAAC;AACzB,UAAU,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;AACtC,UAAU,MAAM;AAChB,SAAS;AACT,OAAO;AACP,MAAM,IAAI,OAAO,EAAE;AACnB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG;AACH;;;;"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, computed, watch, nextTick, onMounted, onBeforeUnmount, toRefs, resolveComponent, resolveDirective, openBlock, createBlock, Transition, withCtx, withDirectives, createVNode, createElementVNode, createElementBlock, normalizeClass, normalizeStyle, withModifiers, resolveDynamicComponent, createCommentVNode, toDisplayString, withKeys, renderSlot, vShow, createTextVNode } from 'vue';
+import { defineComponent, ref, reactive, computed, watch, nextTick, onMounted, onBeforeUnmount, toRefs, resolveComponent, resolveDirective, openBlock, createBlock, Transition, withCtx, withDirectives, createVNode, createElementVNode, normalizeClass, createElementBlock, normalizeStyle, withModifiers, resolveDynamicComponent, createCommentVNode, toDisplayString, withKeys, renderSlot, vShow, createTextVNode } from 'vue';
 import { ElButton } from '../../button/index.mjs';
 import '../../../directives/index.mjs';
 import '../../../hooks/index.mjs';
@@ -12,6 +12,7 @@ import TrapFocus from '../../../directives/trap-focus/index.mjs';
 import { TypeComponents, TypeComponentsMap } from '../../../utils/vue/icon.mjs';
 import { isValidComponentSize } from '../../../utils/vue/validator.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
 import { useSize } from '../../../hooks/use-common-props/index.mjs';
 import { useDraggable } from '../../../hooks/use-draggable/index.mjs';
@@ -83,6 +84,7 @@ const _sfc_main = defineComponent({
   emits: ["vanish", "action"],
   setup(props, { emit }) {
     const { t } = useLocale();
+    const ns = useNamespace("message-box");
     const visible = ref(false);
     const { nextZIndex } = useZIndex();
     const state = reactive({
@@ -121,7 +123,7 @@ const _sfc_main = defineComponent({
     });
     const typeClass = computed(() => {
       const type = state.type;
-      return type && TypeComponentsMap[type] ? `el-message-box-icon--${type}` : "";
+      return { [ns.bm("icon", type)]: type && TypeComponentsMap[type] };
     });
     const btnSize = useSize(computed(() => props.buttonSize), { prop: true, form: true, formItem: true });
     const iconComponent = computed(() => state.icon || TypeComponentsMap[state.type] || "");
@@ -253,6 +255,7 @@ const _sfc_main = defineComponent({
     useRestoreActive(visible);
     return {
       ...toRefs(state),
+      ns,
       overlayEvent,
       visible,
       hasMessage,
@@ -274,22 +277,8 @@ const _sfc_main = defineComponent({
   }
 });
 const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = {
-  key: 0,
-  ref: "headerRef",
-  class: "el-message-box__header"
-};
-const _hoisted_3 = { class: "el-message-box__title" };
-const _hoisted_4 = { class: "el-message-box__content" };
-const _hoisted_5 = { class: "el-message-box__container" };
-const _hoisted_6 = {
-  key: 1,
-  class: "el-message-box__message"
-};
-const _hoisted_7 = { key: 0 };
-const _hoisted_8 = ["innerHTML"];
-const _hoisted_9 = { class: "el-message-box__input" };
-const _hoisted_10 = { class: "el-message-box__btns" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_close = resolveComponent("close");
@@ -304,12 +293,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       withDirectives(createVNode(_component_el_overlay, {
         "z-index": _ctx.zIndex,
-        "overlay-class": ["is-message-box", _ctx.modalClass],
+        "overlay-class": [_ctx.ns.is("message-box"), _ctx.modalClass],
         mask: _ctx.modal
       }, {
         default: withCtx(() => [
           createElementVNode("div", {
-            class: "el-overlay-message-box",
+            class: normalizeClass(`${_ctx.ns.namespace.value}-overlay-message-box`),
             onClick: _cache[8] || (_cache[8] = (...args) => _ctx.overlayEvent.onClick && _ctx.overlayEvent.onClick(...args)),
             onMousedown: _cache[9] || (_cache[9] = (...args) => _ctx.overlayEvent.onMousedown && _ctx.overlayEvent.onMousedown(...args)),
             onMouseup: _cache[10] || (_cache[10] = (...args) => _ctx.overlayEvent.onMouseup && _ctx.overlayEvent.onMouseup(...args))
@@ -320,19 +309,26 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               "aria-label": _ctx.title || "dialog",
               "aria-modal": "true",
               class: normalizeClass([
-                "el-message-box",
+                _ctx.ns.b(),
                 _ctx.customClass,
-                { "el-message-box--center": _ctx.center, "is-draggable": _ctx.draggable }
+                _ctx.ns.is("draggable", _ctx.draggable),
+                { [_ctx.ns.m("center")]: _ctx.center }
               ]),
               style: normalizeStyle(_ctx.customStyle),
               onClick: _cache[7] || (_cache[7] = withModifiers(() => {
               }, ["stop"]))
             }, [
-              _ctx.title !== null && _ctx.title !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [
-                createElementVNode("div", _hoisted_3, [
+              _ctx.title !== null && _ctx.title !== void 0 ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                ref: "headerRef",
+                class: normalizeClass(_ctx.ns.e("header"))
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(_ctx.ns.e("title"))
+                }, [
                   _ctx.iconComponent && _ctx.center ? (openBlock(), createBlock(_component_el_icon, {
                     key: 0,
-                    class: normalizeClass(["el-message-box__status", _ctx.typeClass])
+                    class: normalizeClass([_ctx.ns.e("status"), _ctx.typeClass])
                   }, {
                     default: withCtx(() => [
                       (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
@@ -340,44 +336,55 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     _: 1
                   }, 8, ["class"])) : createCommentVNode("v-if", true),
                   createElementVNode("span", null, toDisplayString(_ctx.title), 1)
-                ]),
+                ], 2),
                 _ctx.showClose ? (openBlock(), createElementBlock("button", {
                   key: 0,
                   type: "button",
-                  class: "el-message-box__headerbtn",
+                  class: normalizeClass(_ctx.ns.e("headerbtn")),
                   "aria-label": "Close",
                   onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel")),
                   onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"]))
                 }, [
-                  createVNode(_component_el_icon, { class: "el-message-box__close" }, {
+                  createVNode(_component_el_icon, {
+                    class: normalizeClass(_ctx.ns.e("close"))
+                  }, {
                     default: withCtx(() => [
                       createVNode(_component_close)
                     ]),
                     _: 1
-                  })
-                ], 32)) : createCommentVNode("v-if", true)
-              ], 512)) : createCommentVNode("v-if", true),
-              createElementVNode("div", _hoisted_4, [
-                createElementVNode("div", _hoisted_5, [
+                  }, 8, ["class"])
+                ], 34)) : createCommentVNode("v-if", true)
+              ], 2)) : createCommentVNode("v-if", true),
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.ns.e("content"))
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(_ctx.ns.e("container"))
+                }, [
                   _ctx.iconComponent && !_ctx.center && _ctx.hasMessage ? (openBlock(), createBlock(_component_el_icon, {
                     key: 0,
-                    class: normalizeClass(["el-message-box__status", _ctx.typeClass])
+                    class: normalizeClass([_ctx.ns.e("status"), _ctx.typeClass])
                   }, {
                     default: withCtx(() => [
                       (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
                     ]),
                     _: 1
                   }, 8, ["class"])) : createCommentVNode("v-if", true),
-                  _ctx.hasMessage ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                  _ctx.hasMessage ? (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: normalizeClass(_ctx.ns.e("message"))
+                  }, [
                     renderSlot(_ctx.$slots, "default", {}, () => [
-                      !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock("p", {
+                      !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock("p", {
                         key: 1,
                         innerHTML: _ctx.message
-                      }, null, 8, _hoisted_8))
+                      }, null, 8, _hoisted_3))
                     ])
-                  ])) : createCommentVNode("v-if", true)
-                ]),
-                withDirectives(createElementVNode("div", _hoisted_9, [
+                  ], 2)) : createCommentVNode("v-if", true)
+                ], 2),
+                withDirectives(createElementVNode("div", {
+                  class: normalizeClass(_ctx.ns.e("input"))
+                }, [
                   createVNode(_component_el_input, {
                     ref: "inputRef",
                     modelValue: _ctx.inputValue,
@@ -388,16 +395,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     onKeydown: withKeys(_ctx.handleInputEnter, ["enter"])
                   }, null, 8, ["modelValue", "type", "placeholder", "class", "onKeydown"]),
                   createElementVNode("div", {
-                    class: "el-message-box__errormsg",
+                    class: normalizeClass(_ctx.ns.e("errormsg")),
                     style: normalizeStyle({
                       visibility: !!_ctx.editorErrorMessage ? "visible" : "hidden"
                     })
-                  }, toDisplayString(_ctx.editorErrorMessage), 5)
-                ], 512), [
+                  }, toDisplayString(_ctx.editorErrorMessage), 7)
+                ], 2), [
                   [vShow, _ctx.showInput]
                 ])
-              ]),
-              createElementVNode("div", _hoisted_10, [
+              ], 2),
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.ns.e("btns"))
+              }, [
                 _ctx.showCancelButton ? (openBlock(), createBlock(_component_el_button, {
                   key: 0,
                   loading: _ctx.cancelButtonLoading,
@@ -430,11 +439,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, 8, ["loading", "class", "round", "disabled", "size"]), [
                   [vShow, _ctx.showConfirmButton]
                 ])
-              ])
+              ], 2)
             ], 14, _hoisted_1)), [
               [_directive_trap_focus]
             ])
-          ], 32)
+          ], 34)
         ]),
         _: 3
       }, 8, ["z-index", "overlay-class", "mask"]), [

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

@@ -1 +1 @@
-{"version":3,"file":"index.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    >\n      <div\n        class=\"el-overlay-message-box\"\n        @click=\"overlayEvent.onClick\"\n        @mousedown=\"overlayEvent.onMousedown\"\n        @mouseup=\"overlayEvent.onMouseup\"\n      >\n        <div\n          ref=\"rootRef\"\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, 'is-draggable': draggable },\n          ]\"\n          :style=\"customStyle\"\n          @click.stop=\"\"\n        >\n          <div\n            v-if=\"title !== null && title !== undefined\"\n            ref=\"headerRef\"\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\">\n                <close />\n              </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\" />\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.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=\"btnSize\"\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=\"btnSize\"\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      </div>\n    </el-overlay>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport { TrapFocus } from '@element-plus/directives'\nimport {\n  useDraggable,\n  useLocale,\n  useLockscreen,\n  useModal,\n  usePreventGlobal,\n  useRestoreActive,\n  useSameTarget,\n  useSize,\n  useZIndex,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  isValidComponentSize,\n  off,\n  on,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\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    draggable: 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    const { nextZIndex } = useZIndex()\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: 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 btnSize = useSize(\n      computed(() => props.buttonSize),\n      { prop: true, form: true, formItem: true }\n    )\n\n    const iconComponent = computed(\n      () => state.icon || TypeComponentsMap[state.type] || ''\n    )\n    const hasMessage = computed(() => !!state.message)\n    const rootRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const inputRef = ref<HTMLElement>()\n    const confirmRef = ref<HTMLElement>()\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 = 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    const draggable = computed(() => props.draggable)\n    useDraggable(rootRef, headerRef, draggable)\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 overlayEvent = useSameTarget(handleWrapperClick)\n\n    const handleInputEnter = (e: KeyboardEvent) => {\n      if (state.inputType !== 'textarea') {\n        e.preventDefault()\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      overlayEvent,\n      visible,\n      hasMessage,\n      typeClass,\n      btnSize,\n      iconComponent,\n      confirmButtonClasses,\n      rootRef,\n      headerRef,\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":["_resolveComponent","_resolveDirective","_openBlock","_withCtx","_withDirectives","_createVNode","_createElementVNode","_createElementBlock","_normalizeClass","_normalizeStyle","_withModifiers","_createCommentVNode","_toDisplayString","_createBlock","_renderSlot","_withKeys"],"mappings":"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"}
+{"version":3,"file":"index.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=\"[ns.is('message-box'), modalClass]\"\n      :mask=\"modal\"\n    >\n      <div\n        :class=\"`${ns.namespace.value}-overlay-message-box`\"\n        @click=\"overlayEvent.onClick\"\n        @mousedown=\"overlayEvent.onMousedown\"\n        @mouseup=\"overlayEvent.onMouseup\"\n      >\n        <div\n          ref=\"rootRef\"\n          v-trap-focus\n          role=\"dialog\"\n          :aria-label=\"title || 'dialog'\"\n          aria-modal=\"true\"\n          :class=\"[\n            ns.b(),\n            customClass,\n            ns.is('draggable', draggable),\n            { [ns.m('center')]: center },\n          ]\"\n          :style=\"customStyle\"\n          @click.stop=\"\"\n        >\n          <div\n            v-if=\"title !== null && title !== undefined\"\n            ref=\"headerRef\"\n            :class=\"ns.e('header')\"\n          >\n            <div :class=\"ns.e('title')\">\n              <el-icon\n                v-if=\"iconComponent && center\"\n                :class=\"[ns.e('status'), 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=\"ns.e('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=\"ns.e('close')\">\n                <close />\n              </el-icon>\n            </button>\n          </div>\n          <div :class=\"ns.e('content')\">\n            <div :class=\"ns.e('container')\">\n              <el-icon\n                v-if=\"iconComponent && !center && hasMessage\"\n                :class=\"[ns.e('status'), typeClass]\"\n              >\n                <component :is=\"iconComponent\" />\n              </el-icon>\n              <div v-if=\"hasMessage\" :class=\"ns.e('message')\">\n                <slot>\n                  <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n                  <p v-else v-html=\"message\" />\n                </slot>\n              </div>\n            </div>\n            <div v-show=\"showInput\" :class=\"ns.e('input')\">\n              <el-input\n                ref=\"inputRef\"\n                v-model=\"inputValue\"\n                :type=\"inputType\"\n                :placeholder=\"inputPlaceholder\"\n                :class=\"{ invalid: validateError }\"\n                @keydown.enter=\"handleInputEnter\"\n              />\n              <div\n                :class=\"ns.e('errormsg')\"\n                :style=\"{\n                  visibility: !!editorErrorMessage ? 'visible' : 'hidden',\n                }\"\n              >\n                {{ editorErrorMessage }}\n              </div>\n            </div>\n          </div>\n          <div :class=\"ns.e('btns')\">\n            <el-button\n              v-if=\"showCancelButton\"\n              :loading=\"cancelButtonLoading\"\n              :class=\"[cancelButtonClass]\"\n              :round=\"roundButton\"\n              :size=\"btnSize\"\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=\"btnSize\"\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      </div>\n    </el-overlay>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport { TrapFocus } from '@element-plus/directives'\nimport {\n  useDraggable,\n  useLocale,\n  useLockscreen,\n  useModal,\n  useNamespace,\n  usePreventGlobal,\n  useRestoreActive,\n  useSameTarget,\n  useSize,\n  useZIndex,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  isValidComponentSize,\n  off,\n  on,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\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    draggable: 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 ns = useNamespace('message-box')\n    const visible = ref(false)\n    const { nextZIndex } = useZIndex()\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: nextZIndex(),\n    })\n\n    const typeClass = computed(() => {\n      const type = state.type\n      return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n    })\n\n    const btnSize = useSize(\n      computed(() => props.buttonSize),\n      { prop: true, form: true, formItem: true }\n    )\n\n    const iconComponent = computed(\n      () => state.icon || TypeComponentsMap[state.type] || ''\n    )\n    const hasMessage = computed(() => !!state.message)\n    const rootRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const inputRef = ref<HTMLElement>()\n    const confirmRef = ref<HTMLElement>()\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 = 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    const draggable = computed(() => props.draggable)\n    useDraggable(rootRef, headerRef, draggable)\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 overlayEvent = useSameTarget(handleWrapperClick)\n\n    const handleInputEnter = (e: KeyboardEvent) => {\n      if (state.inputType !== 'textarea') {\n        e.preventDefault()\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      ns,\n      overlayEvent,\n      visible,\n      hasMessage,\n      typeClass,\n      btnSize,\n      iconComponent,\n      confirmButtonClasses,\n      rootRef,\n      headerRef,\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":["_resolveComponent","_resolveDirective","_openBlock","_withCtx","_withDirectives","_createVNode","_createElementVNode","_normalizeClass","_createElementBlock","_normalizeStyle","_withModifiers","_createBlock","_createCommentVNode","_toDisplayString","_withKeys","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4KA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EACN,UAAY,EAAA;AAAA,IACV,SAAA;AAAA,GACF;AAAA,EACA,UAAY,EAAA;AAAA,IACV,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACG,GAAA,cAAA;AAAA,GACL;AAAA,EACA,YAAc,EAAA,KAAA;AAAA,EACd,KAAO,EAAA;AAAA,IACL,UAAY,EAAA;AAAA,MACV,IAAM,EAAA,MAAA;AAAA,MACN,SAAW,EAAA,oBAAA;AAAA,KACb;AAAA,IACA,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,OAAA;AAAA,MACN,OAAS,EAAA,IAAA;AAAA,KACX;AAAA,IACA,UAAY,EAAA;AAAA,MACV,IAAM,EAAA,OAAA;AAAA,MACN,OAAS,EAAA,IAAA;AAAA,KACX;AAAA,IACA,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,OAAA;AAAA,MACN,OAAS,EAAA,IAAA;AAAA,KACX;AAAA,IACA,iBAAmB,EAAA;AAAA,MACjB,IAAM,EAAA,OAAA;AAAA,MACN,OAAS,EAAA,IAAA;AAAA,KACX;AAAA,IACA,kBAAoB,EAAA;AAAA,MAClB,IAAM,EAAA,OAAA;AAAA,MACN,OAAS,EAAA,IAAA;AAAA,KACX;AAAA,IACA,iBAAmB,EAAA;AAAA,MACjB,IAAM,EAAA,OAAA;AAAA,MACN,OAAS,EAAA,IAAA;AAAA,KACX;AAAA,IACA,MAAQ,EAAA,OAAA;AAAA,IACR,SAAW,EAAA,OAAA;AAAA,IACX,WAAa,EAAA;AAAA,MACX,OAAS,EAAA,KAAA;AAAA,MACT,IAAM,EAAA,OAAA;AAAA,KACR;AAAA,IACA,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,EAAA;AAAA,KACX;AAAA,GACF;AAAA,EACA,KAAA,EAAO,CAAC,QAAA,EAAU,QAAQ,CAAA;AAAA,EAC1B,KAAA,CAAM,KAAO,EAAA,EAAE,IAAQ,EAAA,EAAA;AAErB,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,aAAa,CAAA,CAAA;AACrC,IAAM,MAAA,OAAA,GAAU,IAAI,KAAK,CAAA,CAAA;AACzB,IAAM,MAAA,EAAE,eAAe,SAAU,EAAA,CAAA;AAEjC,IAAA,MAAM,QAAQ,QAA0B,CAAA;AAAA,MACtC,WAAa,EAAA,IAAA;AAAA,MACb,QAAU,EAAA,IAAA;AAAA,MACV,gBAAkB,EAAA,EAAA;AAAA,MAClB,iBAAmB,EAAA,EAAA;AAAA,MACnB,iBAAmB,EAAA,EAAA;AAAA,MACnB,kBAAoB,EAAA,EAAA;AAAA,MACpB,WAAa,EAAA,EAAA;AAAA,MACb,aAAa,EAAC;AAAA,MACd,wBAA0B,EAAA,KAAA;AAAA,MAC1B,yBAA2B,EAAA,KAAA;AAAA,MAC3B,IAAM,EAAA,EAAA;AAAA,MACN,YAAc,EAAA,IAAA;AAAA,MACd,gBAAkB,EAAA,EAAA;AAAA,MAClB,SAAW,EAAA,MAAA;AAAA,MACX,UAAY,EAAA,IAAA;AAAA,MACZ,cAAgB,EAAA,IAAA;AAAA,MAChB,iBAAmB,EAAA,EAAA;AAAA,MACnB,OAAS,EAAA,IAAA;AAAA,MACT,SAAW,EAAA,IAAA;AAAA,MACX,UAAY,EAAA,EAAA;AAAA,MACZ,gBAAkB,EAAA,KAAA;AAAA,MAClB,iBAAmB,EAAA,IAAA;AAAA,MACnB,IAAM,EAAA,EAAA;AAAA,MACN,KAAO,EAAA,KAAA,CAAA;AAAA,MACP,SAAW,EAAA,KAAA;AAAA,MACX,MAAQ,EAAA,EAAA;AAAA,MACR,oBAAsB,EAAA,KAAA;AAAA,MACtB,mBAAqB,EAAA,KAAA;AAAA,MACrB,qBAAuB,EAAA,KAAA;AAAA,MACvB,kBAAoB,EAAA,EAAA;AAAA,MAIpB,aAAe,EAAA,KAAA;AAAA,MACf,QAAQ,UAAW,EAAA;AAAA,KACpB,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAO,OAAA,EAAA,CAAG,GAAG,EAAG,CAAA,MAAA,EAAQ,IAAI,CAAI,GAAA,IAAA,IAAQ,kBAAkB,IAAM,CAAA,EAAA,CAAA;AAAA,KACjE,CAAA,CAAA;AAED,IAAA,MAAM,OAAU,GAAA,OAAA,CACd,QAAS,CAAA,MAAM,MAAM,UAAU,CAAA,EAC/B,EAAE,IAAA,EAAM,IAAM,EAAA,IAAA,EAAM,IAAM,EAAA,QAAA,EAAU,MACtC,CAAA,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,SACpB,MAAM,KAAA,CAAM,QAAQ,iBAAkB,CAAA,KAAA,CAAM,SAAS,EACvD,CAAA,CAAA;AACA,IAAA,MAAM,aAAa,QAAS,CAAA,MAAM,CAAC,CAAC,MAAM,OAAO,CAAA,CAAA;AACjD,IAAA,MAAM,UAAU,GAAiB,EAAA,CAAA;AACjC,IAAA,MAAM,YAAY,GAAiB,EAAA,CAAA;AACnC,IAAA,MAAM,WAAW,GAAiB,EAAA,CAAA;AAClC,IAAA,MAAM,aAAa,GAAiB,EAAA,CAAA;AAEpC,IAAA,MAAM,oBAAuB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,kBAAkB,CAAA,CAAA;AAEpE,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,UACZ,EAAA,OAAO,GAAQ,KAAA;AACb,MAAA,MAAM,QAAS,EAAA,CAAA;AACf,MAAA,IAAI,KAAM,CAAA,OAAA,KAAY,QAAY,IAAA,GAAA,KAAQ,IAAM,EAAA;AAC9C,QAAS,QAAA,EAAA,CAAA;AAAA,OACX;AAAA,KAEF,EAAA,EAAE,SAAW,EAAA,IAAA,EACf,CAAA,CAAA;AAEA,IAAA,KAAA,CACE,MAAM,OAAA,CAAQ,KACd,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,IAAI,KAAM,CAAA,OAAA,KAAY,OAAW,IAAA,KAAA,CAAM,YAAY,SAAW,EAAA;AAC5D,UAAS,QAAA,EAAA,CAAE,KAAK,MAAM;AACpB,YAAW,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAAoB,YAChC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,UAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAAA,WACH,CAAA,CAAA;AACA,SAAA;AAA0B,QAC5B,KAAA,CAAA,MAAA,GAAA,UAAA,EAAA,CAAA;AACA,OAAA;AAAgC,MAAA,IAAA,KAAA,CAAA,OAAA,KAAA,QAAA;AAChC,QAAA,OAAS;AACP,MAAS,IAAA,GAAA,EAAA;AACP,QAAA,QAAa,EAAA,CAAA,IAAA,CAAA,MAAA;AACX,UAAA,IAAA,QAAA,CAAA,KAAgB,IAAQ,QAAA,CAAA,KAAA,CAAA,GAAA,EAAA;AAAA,YAC1B,eAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AAAA,WACD;AAAA,SACI,CAAA,CAAA;AACL,OAAA,MAAA;AACA,QAAA,KAAA,CAAM,kBAAgB,GAAA,EAAA,CAAA;AAAA,QACxB,KAAA,CAAA,aAAA,GAAA,KAAA,CAAA;AAAA,OAEJ;AAEA,KAAA,CAAA,CAAA;AACA,IAAa,MAAA,SAAA,GAAA,eAAoB,KAAS,CAAA,SAAA,CAAA,CAAA;AAE1C,IAAA,YAAsB,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,CAAA;AACpB,IAAA,SAAe,CAAA,YAAA;AACf,MAAA,cAA6B,EAAA,CAAA;AAC3B,MAAG,IAAA,KAAA,CAAA,iBAAsB,EAAO;AAAA,QAClC,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,OAAA,CAAA,CAAA;AAAA,OACD;AAED,KAAA,CAAA,CAAA;AACE,IAAA,eAA6B,CAAA,MAAA;AAC3B,MAAI,IAAA,KAAA,CAAA,mBAA6B;AAAA,QACnC,GAAA,CAAA,MAAA,EAAA,YAAA,EAAA,OAAA,CAAA,CAAA;AAAA,OACD;AAED,KAAmB,CAAA,CAAA;AACjB,IAAA,SAAa,OAAA,GAAA;AAAO,MAAA,IAAA,CAAA,OAAA,CAAA,KAAA;AACpB,QAAA,OAAgB;AAChB,MAAA,OAAA,CAAA,KAAe,GAAA,KAAA,CAAA;AACb,MAAA,QAAU,CAAA,MAAA;AAAQ,QAAK,IAAA,KAAA,CAAA,MAAA;AAAsB,UAC9C,IAAA,CAAA,QAAA,EAAA,KAAA,CAAA,MAAA,CAAA,CAAA;AAAA,OACH,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,MAAI,kBAAyB,GAAA,MAAA;AAC3B,MAAa,IAAA,KAAA,CAAA,iBAAkC,EAAA;AAAkB,QACnE,YAAA,CAAA,KAAA,CAAA,yBAAA,GAAA,OAAA,GAAA,QAAA,CAAA,CAAA;AAAA,OACF;AAEA,KAAM,CAAA;AAEN,IAAM,MAAA,YAAA,GAAA,aAAyC,CAAA,kBAAA,CAAA,CAAA;AAC7C,IAAI,MAAA,oBAAoB,CAAY,KAAA;AAClC,MAAA,IAAE,KAAe,CAAA,SAAA,KAAA,UAAA,EAAA;AACjB,QAAA,CAAA,CAAA;AAA6B,QAC/B,OAAA,YAAA,CAAA,SAAA,CAAA,CAAA;AAAA,OACF;AAEA,KAAM,CAAA;AACJ,IAAA,MAAI,YAAkB,GAAA,CAAA,MAAA,KAAA;AACpB,MAAA,IAAA,EAAA,CAAA;AAAA,MACF,IAAA,KAAA,CAAA,OAAA,KAAA,QAAA,IAAA,MAAA,KAAA,SAAA,IAAA,CAAA,QAAA,EAAA,EAAA;AAEA,QAAA,OAAe;AAEf,OAAA;AACE,MAAM,KAAA,CAAA,MAAA,GAAA,MAAA,CAAc;AAAsB,MAC5C,IAAO,KAAA,CAAA,WAAA,EAAA;AACL,QAAQ,CAAA,EAAA,GAAA,KAAA,CAAA,WAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,CAAA,CAAA;AAAA,OACV,MAAA;AAAA,QACF,OAAA,EAAA,CAAA;AAEA,OAAA;AACE,KAAI,CAAA;AACF,IAAA,MAAA;AACA,MAAA,IAAA,kBAAoB,QAAC,EAAA;AACnB,QAAA,MAAA,YACE,GAAA,KAAA,CAAA,YAA2B,CAAA;AAC7B,QAAA,IAAA,YAAsB,IAAA,CAAA,YAAA,CAAA,IAAA,CAAA,KAAA,CAAA,UAAA,IAAA,EAAA,CAAA,EAAA;AACtB,UAAO,KAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,iBAAA,IAAA,CAAA,CAAA,qBAAA,CAAA,CAAA;AAAA,UACT,KAAA,CAAA,aAAA,GAAA,IAAA,CAAA;AACA,UAAA;AACA,SAAI;AACF,QAAM,MAAA,cAAA,GAAA,KAAgC,CAAA,cAAA,CAAA;AACtC,QAAA,IAAA,qBAAuB,KAAO,UAAA,EAAA;AAC5B,UAAA,MAAA,cACE,GAAA,cAA2B,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAC7B,UAAA,IAAA,cAAsB,KAAA,KAAA,EAAA;AACtB,YAAO,KAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,iBAAA,IAAA,CAAA,CAAA,qBAAA,CAAA,CAAA;AAAA,YACT,KAAA,CAAA,aAAA,GAAA,IAAA,CAAA;AACA,YAAI,OAAA;AACF,WAAA;AACA,UAAA,IAAA,OAAsB,cAAA,KAAA,QAAA,EAAA;AACtB,YAAO,KAAA,CAAA,kBAAA,GAAA,cAAA,CAAA;AAAA,YACT,KAAA,CAAA,aAAA,GAAA,IAAA,CAAA;AAAA,YACF,OAAA,KAAA,CAAA;AAAA,WACF;AACA,SAAA;AACA,OAAA;AACA,MAAO,KAAA,CAAA,kBAAA,GAAA,EAAA,CAAA;AAAA,MACT,KAAA,CAAA,aAAA,GAAA,KAAA,CAAA;AAEA,MAAA;AACE,KAAM,CAAA;AACN,IAAQ,MAAA,wBAA6B;AAAA,MACvC,MAAA,SAAA,GAAA,QAAA,CAAA,KAAA,CAAA,KAAA,CAAA;AAEA,MAAA,sBAA0B,IAAA,SAAA,CAAA,QAAA,CAAA;AACxB,KAAA,CAAA;AAAoB,IACtB,MAAA,WAAA,GAAA,MAAA;AAQA,MAAA,YAA8B,CAAA,OAAA,CAAA,CAAA;AAC5B,KACE,CAAA;AAAA,IACE,IAAA,KAAA,CAAA,kBAAA,EAAA;AAAA,MACF,QAEF,CAAA;AAAA,QACK,WAAA;AACL,OAAA,EAAA,OAAA,CAAA,CAAA;AAIA,KACF,MAAA;AAGA,MAAA,gBAAsB,CAAA,OAAA,EAAA,SAAA,EAAA,CAAA,CAAA,KAAA,CAAA,CAAA,IAAA,KAAA,UAAA,CAAA,GAAA,CAAA,CAAA;AACpB,KAAA;AAAqB,IACvB,IAAA,KAAA,CAAA,UAAA,EAAA;AAGA,MAAA,aAAA,CAAA,OAAwB,CAAA,CAAA;AAExB,KAAO;AAAA,IAAA,gBACU,CAAA,OAAA,CAAA,CAAA;AAAA,IACf,OAAA;AAAA,MACA,GAAA,MAAA,CAAA,KAAA,CAAA;AAAA,MACA,EAAA;AAAA,MACA,YAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,oBAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,kBAAA;AAAA,MACA,gBAAA;AAAA,MACF,YAAA;AAAA,MACF,CAAA;AACF,KAAC,CAAA;;;;;;;;;;;6BA/Vc,GAAAA,gBAAA,CAAA,YAAA,CAAA,CAAA;AAAA,EAAA,MA3HI,qBAAA,GAAAC,gBAAA,CAAA,YAAA,CAAA,CAAA;AAAA,EAAkB,OAAAC;AAAkB,IAAA,IAAA,EAAA,gBAAA;wBA0HtC,CAAA,EAAA,CAAA,KAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,KAAA,IAAA,CAAA,KAAA,CAAA,QAAA,CAAA,CAAA;AAAA,GAAA,EAAA;AAAA,IAAA,OAvHD,EAAAC,OAAA,CAAA,MAAA;AAAA,MAAAC,cACI,CAAAC,WAAM,CAAA,qBAA6B,EAAA;AAAA,QAChD,SAAM,EAAA,IAAA,CAAA,MAAA;AAAA,QAAA,eAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,aAAA,CAAA,EAAA,IAAA,CAAA,UAAA,CAAA;;AAoHD,OAAA,EAAA;AAAA,QAAA,OAjHE,EAAAF,OAAA,CAAA,MAAA;AAAuB,UAAAG,kBACvB,CAAA,KAAA,EAAA;AAAsB,YAC3B,KAAS,EAAAC,cAAA,CAAA,CAAA,EAAA,IAAA,CAAA,EAAA,CAAA,SAAA,CAAA,KAAA,CAAA,oBAAe,CAAA,CAAA;AAAW,YACnC,OAAO,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAE,CAAa,YAAA,CAAA,OAAA,IAAA,IAAA,CAAA,oBAAS,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,YAAA,WAAA,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,YAAA,CAAA,WAAA,IAAA,IAAA,CAAA,YAAA,CAAA,WAAA,CAAA,GAAA,IAAA,CAAA,CAAA;4CA6G1B,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,YAAA,CAAA,SAAA,IAAA,IAAA,CAAA,YAAA,CAAA,SAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,WAAA,EAAA;AA1GA,YAAAH,cAEC,EAAAF,SAAA,EAAA,EAAAM,kBAAA,CAAA,KAAA,EAAA;AAAA,cACJ,cAAY;AAAK,cAClB,IAAW,EAAA,QAAA;AAAA,cACV,YAAK,EAAA,IAAA,CAAA,KAAA,IAAA,QAAA;AAAA,cAAA,YAAoB,EAAA,MAAA;AAAA,cAAgB,KAAA,EAAAD,cAAA,CAAA;AAAA,gBAAyB,IAAA,CAAA,EAAA,CAAG,CAAE,EAAA;AAAuB,gBAAkB,IAAA,CAAA,WAAI;AAAmB,gBAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,WAAA,EAAA,IAAA,CAAA,SAAA,CAAA;AAMvI,gBAAA,EAAA,CAAA,kBAAO,CAAW,GAAA,IAAA,CAAA,MAAA,EAAA;AAAA;AACnB,cAAc,KAAA,EAAAE,cAAA,CAAA,IAAA,CAAA,WAAA,CAAA;AAAA,cAAA,OAAA,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAC,aAAA,CAAA,MAAA;eAGD,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AA6BP,aAAA,EAAA;kBA5BA,CAAA,KAAA,KAAA,IAAA,IAAA,IAAA,CAAA,KAAA,KAAA,KAAA,CAAA,IAAAR,SAAA,EAAA,EAAAM,kBAAA,CAAA,KAAA,EAAA;AAAA,gBACH,GAAA,EAAA,CAAA;AAAW,gBAAA,GAAA,EAAA,WAAA;gBAEZ,KAQM,EAAAD,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA;AAAA,eARA,EAAA;AAAW,gBAAAD,kBAAA,CAAA,KAAA,EAAA;AAEP,kBAAA,KAAA,EAAAC,cAAiB;AAIf,iBAAA,EAAA;AAHP,kBAAA,IAAA,CAAA,aAAQ,IAAA,IAAA,CAAA,MAAA,IAAIL,SAAY,EAAS,EAAAS,WAAA,CAAA,kBAAA,EAAA;AAAA,oBAAA,GAAA,EAAA,CAAA;yCAED,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,EAAA,IAAA,CAAA,SAAA,CAAA,CAAA;AAAA,mBAAjC,EAAA;AAA6B,oBAAA,OAAA,EAAAR,OAAA,CAAA,MAAA;;;AAE/B,oBAAA,CAAA,EAAA,CAAA;AAAc,mBAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAAS,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAGR,kBAAAN,kBAAA,CAAA,MAAA,EAAA,IAcC,EAAAO,eAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,iBAAA,EAAA,CAAA,CAAA;oBAbF,CAAA,SAAA,IAAAX,SAAA,EAAA,EAAAM,kBAAA,CAAA,QAAA,EAAA;AAAA,kBACJ,GAAA,EAAA,CAAA;AAAW,kBACZ,IAAW,EAAA,QAAA;AAAA,kBACV,KAAA,EAAAD,cAAwB,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA;AAAsC,kBAG9D,YAAwC,EAAA,OAAA;;kBAIzC,SAEU,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAO,QAAA,CAAAJ,aAAA,CAAA,CAAA,MAAA,KAAA,IAAA,CAAA,YAAA,CAAA,IAAA,CAAA,yBAAA,GAAA,OAAA,GAAA,QAAA,CAAA,EAAA,CAAA,SAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AAAA,iBAFA,EAAA;AAAW,kBAAAL,WAAA,CAAA,kBAAA,EAAA;yCACV,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;AAAA,mBAAA,EAAA;AAAA,oBAAA,OAAA,EAAAF,OAAA,CAAA,MAAA;;;;;iBAqCT,EAAA,EAAA,CAAA,IAAAS,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,eAjCA,EAAA,CAAA,CAAA,IAAKA,kBAAE,CAAA,MAAI,EAAA,IAAA,CAAA;AAAA,cAAAN,kBAAA,CAAA,KAAA,EAAA;gBACf,KAaM,EAAAC,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,eAbA,EAAA;AAAW,gBAAAD,kBAAA,CAAA,KAAA,EAAA;kBAEP,KAAa,EAAAC,cAAA,CAAK,IAAU,CAAA,EAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA;AAI1B,iBAAA,EAAA;AAHP,kBAAA,IAAA,CAAA,aAAQ,IAAA,CAAA,IAAA,CAAA,MAAG,IAAC,IAAA,CAAA,UAAqB,IAAAL,SAAA,EAAA,EAAAS,WAAA,CAAA,kBAAA,EAAA;AAAA,oBAAA,GAAA,EAAA,CAAA;yCAED,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,EAAA,IAAA,CAAA,SAAA,CAAA,CAAA;AAAA,mBAAjC,EAAA;AAA6B,oBAAA,OAAA,EAAAR,OAAA,CAAA,MAAA;;;AAEpB,oBAAA,CAAA,EAAA,CAAA;AAKL,mBAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAAS,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;sBALuB,CAAA,UAAA,IAAAV,aAAKM,kBAAC,CAAA,KAAA,EAAA;AAAA,oBAAA,GAAA,EAAA,CAAA;AACjC,oBAAA,KAAA,EAAAD,kCAGO,CAAA,CAAA;AAAA,mBAAA,EAAA;AADwB,oBAAAQ,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EAAA,EAAA,MAAA;2BAAX,CAAA,wBAAA,IAAAb,SAAA,EAAA,EAAAM,kBAAA,CAAA,GAAA,EAAA,UAAA,EAAAK,eAAA,CAAA,IAAA,CAAA,OAAA,CAAA,EAAA,CAAA,CAAA,KAAAX,SAAA,EAAA,EAAAM,kBAAA,CAAA,GAAA,EAAA;AAAA,wBAAA,GAAA,EAAA,CAAA;;;;6CAqBlB,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,iBAjBmB,EAAA,CAAA,CAAA;AAAW,gBAAAJ,cAAA,CAAAE,kBAAA,CAAA,KAAA,EAAA;kBAClC,KAOE,EAAAC,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;AAAA,iBAAA,EAAA;AANI,kBACKF,WAAA,CAAA,mBAAA,EAAA;AAAA,oBAAU,GAAA,EAAA,UAAA;AAAA,oBAClB,UAAM,EAAA,IAAA,CAAA,UAAA;AAAA,oBACN,qBAAa,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,KAAA,IAAA,CAAA,UAAA,GAAA,MAAA,CAAA;AAAA,oBACb,IAAA,EAAA;AAA+B,oBAC/B,WAAO,uBAAwB;AAAA,oBAAA,KAAA,EAAAE,cAAA,CAAA,EAAA,OAAA,EAAA,IAAA,CAAA,aAAA,EAAA,CAAA;oBAS5B,SAAA,EAAAO,QAAA,CAAA,IAAA,CAAA,gBAAA,EAAA,CAAA,OAAA,CAAA,CAAA;AAAA,mBANH,EAAA,IAAA,EAAK,CAAE,EAAA,CAAA,YAAA,EAAA,MAAG,EAAC,aAAA,EAAA,OAAA,EAAA,WAAA,CAAA,CAAA;AAAA,kBAAAR,kBACN,CAAA,KAAA,EAAA;AAAA,oBAAA,KAAA,EAAAC,cAAsD,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;AAAA,oBAAA,KAAA,EAAAE,cAAA,CAAA;wCAIvC,CAAA,kBAAA,GAAA,SAAA,GAAA,QAAA;AAAA,qBAAA,CAAA;oCAfH,CAAA,IAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,CAAA;AAAA,iBAAA,EAAA,CAAA,CAAA,EAAA;;iBA6ClB,CAAA;AAAA,eA1BA,EAAA,CAAA,CAAA;AAAW,cAAAH,kBAAA,CAAA,KAAA,EAAA;AAEP,gBAAA,KAAA,EAAAC,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MADR,CAUY,CAAA;AAAA,eAAA,EAAA;oBARA,CAAA,gBAAA,IAAAL,SAAA,EAAA,EAAAS,WAAA,CAAA,oBAAA,EAAA;AAAA,kBACT,GAAA,EAAA,CAAA;AAAyB,kBACzB,OAAO,EAAA,IAAA,CAAA,mBAAA;AAAA,kBACP,KAAM,EAAAJ,cAAA,CAAA,CAAA,IAAA,CAAA,iBAAA,CAAA,CAAA;AAAA,kBACN,KAAA,EAAA;AAAmB,kBACnB,IAAA,EAAA,IAAA,CAAO;AAA4B,kBAAA,OAAA,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,KAAA,IAAA,CAAA,YAAA,CAAA,QAAA,CAAA,CAAA;oCAEpC,CAAmD,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAO,QAAA,CAAAJ,aAAA,CAAA,CAAA,MAAA,KAAA,IAAA,CAAA,YAAA,CAAA,QAAA,CAAA,EAAA,CAAA,SAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AAAA,iBAAA,EAAA;AAA3B,kBAAA,OAAA,EAAAP,OAAA,CAAA,MAAA;;;;AAed,iBAAA,EAXN,CAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,CAAA,CAAA,IAAAS,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,gBAAAR,cACC,CAAAC,WAAA,CAAA,oBAAA,EAAA;AAAA,kBACJ,GAAS,EAAA,YAAA;AAAA,kBACT,IAAA,EAAA;AAA4B,kBAC5B,OAAO,EAAA,IAAA,CAAA,oBAAA;AAAA,kBACP,KAAU,EAAAE,cAAA,CAAA,CAAA,IAAA,CAAA,oBAAA,CAAA,CAAA;AAAA,kBACV,KAAM,EAAA,IAAA,CAAA,WAAA;AAAA,kBACN,QAAA;AAAmB,kBACnB,IAAA,EAAA,IAAA,CAAO;AAA4B,kBAAA,OAAA,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,KAAA,IAAA,CAAA,YAAA,CAAA,SAAA,CAAA,CAAA;oCAEpC,CAAqD,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAO,QAAA,CAAAJ,aAAA,CAAA,CAAA,MAAA,KAAA,IAAA,CAAA,YAAA,CAAA,SAAA,CAAA,EAAA,CAAA,SAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AAAA,iBAAA,EAAA;AAA5B,kBAAA,OAAA,EAAAP,OAAA,CAAA,MAAA;;;;AAXA,iBAAA,EAAA,CAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,CAAA,CAAA,EAAA;;;;;;;;;;AAxGlB,OAAA,EAAA,CAAA,EAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA,CAAA,EAAA;;;;;;;;;;;"}

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

@@ -44,6 +44,20 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+    };
     overlayEvent: {
         onClick: (e: MouseEvent) => void;
         onMousedown: (e: MouseEvent) => void;
@@ -51,7 +65,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     visible: import("vue").Ref<boolean>;
     hasMessage: import("vue").ComputedRef<boolean>;
-    typeClass: import("vue").ComputedRef<string>;
+    typeClass: import("vue").ComputedRef<{
+        [x: string]: "" | import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    }>;
     btnSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     iconComponent: import("vue").ComputedRef<any>;
     confirmButtonClasses: import("vue").ComputedRef<string>;

package/es/components/page-header/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import PageHeader from './src/page-header.mjs';
-export { pageHeaderEmits, pageHeaderProps } from './src/page-header2.mjs';
+import PageHeader from './src/page-header2.mjs';
+export { pageHeaderEmits, pageHeaderProps } from './src/page-header.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElPageHeader = withInstall(PageHeader);

package/es/components/page-header/src/page-header.mjs

@@ -1,65 +1,22 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import '../../../hooks/index.mjs';
-import { pageHeaderProps, pageHeaderEmits } from './page-header2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { Back } from '@element-plus/icons-vue';
+import { buildProps } from '../../../utils/vue/props.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
 
-const __default__ = {
-  name: "ElPageHeader"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: pageHeaderProps,
-  emits: pageHeaderEmits,
-  setup(__props, { emit }) {
-    const { t } = useLocale();
-    const ns = useNamespace("page-header");
-    function handleClick() {
-      emit("back");
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b())
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("left")),
-          onClick: handleClick
-        }, [
-          _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(unref(ns).e("icon"))
-          }, [
-            renderSlot(_ctx.$slots, "icon", {}, () => [
-              _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-                ]),
-                _: 1
-              })) : createCommentVNode("v-if", true)
-            ])
-          ], 2)) : createCommentVNode("v-if", true),
-          createElementVNode("div", {
-            class: normalizeClass(unref(ns).e("title"))
-          }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title || unref(t)("el.pageHeader.title")), 1)
-            ])
-          ], 2)
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("content"))
-        }, [
-          renderSlot(_ctx.$slots, "content", {}, () => [
-            createTextVNode(toDisplayString(_ctx.content), 1)
-          ])
-        ], 2)
-      ], 2);
-    };
+const pageHeaderProps = buildProps({
+  icon: {
+    type: iconPropType,
+    default: () => Back
+  },
+  title: String,
+  content: {
+    type: String,
+    default: ""
   }
 });
-var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/page-header/src/page-header.vue"]]);
+const pageHeaderEmits = {
+  back: () => true
+};
 
-export { PageHeader as default };
+export { pageHeaderEmits, pageHeaderProps };
 //# sourceMappingURL=page-header.mjs.map

package/es/components/page-header/src/page-header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.mjs","sources":["../../../../../../packages/components/page-header/src/page-header.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('left')\" @click=\"handleClick\">\n      <div v-if=\"icon || $slots.icon\" :class=\"ns.e('icon')\">\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\">\n            <component :is=\"icon\" />\n          </el-icon>\n        </slot>\n      </div>\n      <div :class=\"ns.e('title')\">\n        <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n      </div>\n    </div>\n    <div :class=\"ns.e('content')\">\n      <slot name=\"content\">{{ content }}</slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\ndefineOptions({\n  name: 'ElPageHeader',\n})\ndefineProps(pageHeaderProps)\nconst emit = defineEmits(pageHeaderEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('page-header')\n\nfunction handleClick() {\n  emit('back')\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA+BA,IAAA,MAAA,EAAA,MAAA,SAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,aAAA,aAAA,CAAA,CAAA;AAEA,IAAA,SAAA,WAAA,GAAA;AACA,MAAA,IAAA,CAAA,MAAA,CAAA,CAAA;AAAA,KACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"page-header.mjs","sources":["../../../../../../packages/components/page-header/src/page-header.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport { Back } from '@element-plus/icons-vue'\nimport type { ExtractPropTypes } from 'vue'\nimport type PageHeader from './page-header.vue'\n\nexport const pageHeaderProps = buildProps({\n  icon: {\n    type: iconPropType,\n    default: () => Back,\n  },\n  title: String,\n  content: {\n    type: String,\n    default: '',\n  },\n} as const)\nexport type PageHeaderProps = ExtractPropTypes<typeof pageHeaderProps>\n\nexport const pageHeaderEmits = {\n  back: () => true,\n}\nexport type PageHeaderEmits = typeof pageHeaderEmits\n\nexport type PageHeaderInstance = InstanceType<typeof PageHeader>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,MAAM,IAAI;AACvB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB;;;;"}

package/es/components/page-header/src/page-header2.mjs

@@ -1,22 +1,65 @@
-import '../../../utils/index.mjs';
-import { Back } from '@element-plus/icons-vue';
-import { buildProps } from '../../../utils/vue/props.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../hooks/index.mjs';
+import { pageHeaderProps, pageHeaderEmits } from './page-header.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const pageHeaderProps = buildProps({
-  icon: {
-    type: iconPropType,
-    default: () => Back
-  },
-  title: String,
-  content: {
-    type: String,
-    default: ""
+const __default__ = {
+  name: "ElPageHeader"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: pageHeaderProps,
+  emits: pageHeaderEmits,
+  setup(__props, { emit }) {
+    const { t } = useLocale();
+    const ns = useNamespace("page-header");
+    function handleClick() {
+      emit("back");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("left")),
+          onClick: handleClick
+        }, [
+          _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ns).e("icon"))
+          }, [
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true)
+            ])
+          ], 2)) : createCommentVNode("v-if", true),
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e("title"))
+          }, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title || unref(t)("el.pageHeader.title")), 1)
+            ])
+          ], 2)
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("content"))
+        }, [
+          renderSlot(_ctx.$slots, "content", {}, () => [
+            createTextVNode(toDisplayString(_ctx.content), 1)
+          ])
+        ], 2)
+      ], 2);
+    };
   }
 });
-const pageHeaderEmits = {
-  back: () => true
-};
+var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/page-header/src/page-header.vue"]]);
 
-export { pageHeaderEmits, pageHeaderProps };
+export { PageHeader as default };
 //# sourceMappingURL=page-header2.mjs.map

package/es/components/page-header/src/page-header2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"page-header2.mjs","sources":["../../../../../../packages/components/page-header/src/page-header.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport { Back } from '@element-plus/icons-vue'\nimport type { ExtractPropTypes } from 'vue'\nimport type PageHeader from './page-header.vue'\n\nexport const pageHeaderProps = buildProps({\n  icon: {\n    type: iconPropType,\n    default: () => Back,\n  },\n  title: String,\n  content: {\n    type: String,\n    default: '',\n  },\n} as const)\nexport type PageHeaderProps = ExtractPropTypes<typeof pageHeaderProps>\n\nexport const pageHeaderEmits = {\n  back: () => true,\n}\nexport type PageHeaderEmits = typeof pageHeaderEmits\n\nexport type PageHeaderInstance = InstanceType<typeof PageHeader>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,MAAM,IAAI;AACvB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB;;;;"}
+{"version":3,"file":"page-header2.mjs","sources":["../../../../../../packages/components/page-header/src/page-header.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('left')\" @click=\"handleClick\">\n      <div v-if=\"icon || $slots.icon\" :class=\"ns.e('icon')\">\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\">\n            <component :is=\"icon\" />\n          </el-icon>\n        </slot>\n      </div>\n      <div :class=\"ns.e('title')\">\n        <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n      </div>\n    </div>\n    <div :class=\"ns.e('content')\">\n      <slot name=\"content\">{{ content }}</slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\ndefineOptions({\n  name: 'ElPageHeader',\n})\ndefineProps(pageHeaderProps)\nconst emit = defineEmits(pageHeaderEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('page-header')\n\nfunction handleClick() {\n  emit('back')\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA+BA,IAAA,MAAA,EAAA,MAAA,SAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,aAAA,aAAA,CAAA,CAAA;AAEA,IAAA,SAAA,WAAA,GAAA;AACA,MAAA,IAAA,CAAA,MAAA,CAAA,CAAA;AAAA,KACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}