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

package/es/components/message-box/src/index.vue_vue&type=template&id=7035e868&lang.mjs

@@ -1,165 +0,0 @@
-import { resolveComponent, resolveDirective, openBlock, createBlock, Transition, withCtx, withDirectives, createVNode, withModifiers, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, resolveDynamicComponent, createCommentVNode, toDisplayString, withKeys, renderSlot, vShow, createTextVNode } from 'vue';
-
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = {
-  key: 0,
-  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" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_close = resolveComponent("close");
-  const _component_el_input = resolveComponent("el-input");
-  const _component_el_button = resolveComponent("el-button");
-  const _component_el_overlay = resolveComponent("el-overlay");
-  const _directive_trap_focus = resolveDirective("trap-focus");
-  return openBlock(), createBlock(Transition, {
-    name: "fade-in-linear",
-    onAfterLeave: _cache[7] || (_cache[7] = ($event) => _ctx.$emit("vanish"))
-  }, {
-    default: withCtx(() => [
-      withDirectives(createVNode(_component_el_overlay, {
-        "z-index": _ctx.zIndex,
-        "overlay-class": ["is-message-box", _ctx.modalClass],
-        mask: _ctx.modal,
-        onClick: withModifiers(_ctx.handleWrapperClick, ["self"])
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            ref: "root",
-            "aria-label": _ctx.title || "dialog",
-            "aria-modal": "true",
-            class: normalizeClass([
-              "el-message-box",
-              _ctx.customClass,
-              { "el-message-box--center": _ctx.center }
-            ]),
-            style: normalizeStyle(_ctx.customStyle)
-          }, [
-            _ctx.title !== null && _ctx.title !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              createElementVNode("div", _hoisted_3, [
-                _ctx.iconComponent && _ctx.center ? (openBlock(), createBlock(_component_el_icon, {
-                  key: 0,
-                  class: normalizeClass(["el-message-box__status", _ctx.typeClass])
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
-                  ]),
-                  _: 1
-                }, 8, ["class"])) : createCommentVNode("v-if", true),
-                createElementVNode("span", null, toDisplayString(_ctx.title), 1)
-              ]),
-              _ctx.showClose ? (openBlock(), createElementBlock("button", {
-                key: 0,
-                type: "button",
-                class: "el-message-box__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" }, {
-                  default: withCtx(() => [
-                    createVNode(_component_close)
-                  ]),
-                  _: 1
-                })
-              ], 32)) : createCommentVNode("v-if", true)
-            ])) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_4, [
-              createElementVNode("div", _hoisted_5, [
-                _ctx.iconComponent && !_ctx.center && _ctx.hasMessage ? (openBlock(), createBlock(_component_el_icon, {
-                  key: 0,
-                  class: normalizeClass(["el-message-box__status", _ctx.typeClass])
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
-                  ]),
-                  _: 1
-                }, 8, ["class"])) : createCommentVNode("v-if", true),
-                _ctx.hasMessage ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                  renderSlot(_ctx.$slots, "default", {}, () => [
-                    !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock("p", {
-                      key: 1,
-                      innerHTML: _ctx.message
-                    }, null, 8, _hoisted_8))
-                  ])
-                ])) : createCommentVNode("v-if", true)
-              ]),
-              withDirectives(createElementVNode("div", _hoisted_9, [
-                createVNode(_component_el_input, {
-                  ref: "inputRef",
-                  modelValue: _ctx.inputValue,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.inputValue = $event),
-                  type: _ctx.inputType,
-                  placeholder: _ctx.inputPlaceholder,
-                  class: normalizeClass({ invalid: _ctx.validateError }),
-                  onKeydown: withKeys(withModifiers(_ctx.handleInputEnter, ["prevent"]), ["enter"])
-                }, null, 8, ["modelValue", "type", "placeholder", "class", "onKeydown"]),
-                createElementVNode("div", {
-                  class: "el-message-box__errormsg",
-                  style: normalizeStyle({
-                    visibility: !!_ctx.editorErrorMessage ? "visible" : "hidden"
-                  })
-                }, toDisplayString(_ctx.editorErrorMessage), 5)
-              ], 512), [
-                [vShow, _ctx.showInput]
-              ])
-            ]),
-            createElementVNode("div", _hoisted_10, [
-              _ctx.showCancelButton ? (openBlock(), createBlock(_component_el_button, {
-                key: 0,
-                loading: _ctx.cancelButtonLoading,
-                class: normalizeClass([_ctx.cancelButtonClass]),
-                round: _ctx.roundButton,
-                size: _ctx.buttonSize || "small",
-                onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleAction("cancel")),
-                onKeydown: _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.handleAction("cancel"), ["prevent"]), ["enter"]))
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.cancelButtonText || _ctx.t("el.messagebox.cancel")), 1)
-                ]),
-                _: 1
-              }, 8, ["loading", "class", "round", "size"])) : createCommentVNode("v-if", true),
-              withDirectives(createVNode(_component_el_button, {
-                ref: "confirmRef",
-                loading: _ctx.confirmButtonLoading,
-                class: normalizeClass([_ctx.confirmButtonClasses]),
-                round: _ctx.roundButton,
-                disabled: _ctx.confirmButtonDisabled,
-                size: _ctx.buttonSize || "small",
-                onClick: _cache[5] || (_cache[5] = ($event) => _ctx.handleAction("confirm")),
-                onKeydown: _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => _ctx.handleAction("confirm"), ["prevent"]), ["enter"]))
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.confirmButtonText || _ctx.t("el.messagebox.confirm")), 1)
-                ]),
-                _: 1
-              }, 8, ["loading", "class", "round", "disabled", "size"]), [
-                [vShow, _ctx.showConfirmButton]
-              ])
-            ])
-          ], 14, _hoisted_1), [
-            [_directive_trap_focus]
-          ])
-        ]),
-        _: 3
-      }, 8, ["z-index", "overlay-class", "mask", "onClick"]), [
-        [vShow, _ctx.visible]
-      ])
-    ]),
-    _: 3
-  });
-}
-
-export { render };
-//# sourceMappingURL=index.vue_vue&type=template&id=7035e868&lang.mjs.map

package/es/components/message-box/src/index.vue_vue&type=template&id=7035e868&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue&type=template&id=7035e868&lang.mjs","sources":["../../../../../../packages/components/message-box/src/index.vue?vue&type=template&id=7035e868&lang.js"],"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        :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 || 'small'\"\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            :loading=\"confirmButtonLoading\"\n            :class=\"[confirmButtonClasses]\"\n            :round=\"roundButton\"\n            :disabled=\"confirmButtonDisabled\"\n            :size=\"buttonSize || 'small'\"\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  useLocaleInject,\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 } = useLocaleInject()\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(\n      () => `el-button--primary ${state.confirmButtonClass}`\n    )\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":["_createBlock","_createVNode","_createElementVNode","_createElementBlock","_renderSlot"],"mappings":";;;;;EAuBU,OAAM;AAAA;qBAED,OAAM;qBAyBR,OAAM;qBACJ,OAAM;;;EAQc,OAAM;AAAA;;;qBAOP,OAAM;sBAmB3B,OAAM;;;;;;;;sBApFjBA;IAAY,MAAK;AAAA,IAAkB,oDAAa;;qBAC9C;qBAAAC;QAEG,WAAS;QACT,oCAAkC;QAClC,MAAM;QACN,uBAAY;;yBAEb;yBAAAC;YACE,KAAI;AAAA,YAEH,cAAY;YACb,cAAW;AAAA,YACV;;;;;YAKA,sBAAO;;YAGA,uBAAkB,eAAU,uBADpCC,0BAAA;cAIED,0BAAA;gBAEU,sBAAiB,4BADzBF;;kBAEE,uBAAM,0BACE;;mCAER;kCAAAA,oCAAgB;;;;gBAElBE,iDAAS;;cAGH,+BADRC;;gBAEE,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,cAAW;AAAA,gBACV;gBAGA;;gBAIDF,kCAAS,OAAM;mCAAwB;oBAAAA,YAAS;AAAA;AAAA;;;;YAGpDC,0BAAA;cACEA,0BAAA;gBAEU,uBAAkB,eAAU,gCADpCF;;kBAEE,uBAAM,0BACE;;mCAER;kCAAAA,oCAAgB;;;;gBAEP,gCAAXG,0BAAA;kBACEC,uCAAA;qBACY,8CAAVD,oDAAuC,mCACvCA;;sBAAU,WAAQ;;;;;6BAIxBD,0BAAA;gBACED;kBACE,KAAI;AAAA,8BACK;+EAAA;kBACR,MAAM;kBACN,aAAa;kBACb,iCAAkB;kBAClB,kCAAuB;;gBAE1BC;kBACE,OAAM;AAAA,kBACL;;;mCAIE;;wBAfM;;;YAmBfA,0BAAA;cAEU,sCADRF;;gBAEG,SAAS;gBACT,uBAAQ;gBACR,OAAO;gBACP,MAAM;gBACN,+CAAO;gBACP,wEAAuB;;iCAExB;kDAAG,yBAAoB;;;;6BAEzBC;gBAEE,KAAI;AAAA,gBACH,SAAS;gBACT,uBAAQ;gBACR,OAAO;gBACP,UAAU;gBACV,MAAM;gBACN,+CAAO;gBACP,wEAAuB;;iCAExB;kDAAG,0BAAqB;;;;wBAVhB;;;;;;;;;gBA/FN;;;;;;;;;"}

package/es/components/notification/src/notification.vue_vue&type=script&lang.mjs

@@ -1,79 +0,0 @@
-import { defineComponent, ref, computed, onMounted } from 'vue';
-import { useTimeoutFn, useEventListener } from '@vueuse/core';
-import { EVENT_CODE } from '../../../utils/aria.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import { TypeComponents, TypeComponentsMap } from '../../../utils/icon.mjs';
-import { notificationProps, notificationEmits } from './notification.mjs';
-
-var script = defineComponent({
-  name: "ElNotification",
-  components: {
-    ElIcon,
-    ...TypeComponents
-  },
-  props: notificationProps,
-  emits: notificationEmits,
-  setup(props) {
-    const visible = ref(false);
-    let timer = void 0;
-    const typeClass = computed(() => {
-      const type = props.type;
-      return type && TypeComponentsMap[props.type] ? `el-notification--${type}` : "";
-    });
-    const iconComponent = computed(() => {
-      return TypeComponentsMap[props.type] || props.icon || "";
-    });
-    const horizontalClass = computed(() => props.position.endsWith("right") ? "right" : "left");
-    const verticalProperty = computed(() => props.position.startsWith("top") ? "top" : "bottom");
-    const positionStyle = computed(() => {
-      return {
-        [verticalProperty.value]: `${props.offset}px`,
-        zIndex: props.zIndex
-      };
-    });
-    function startTimer() {
-      if (props.duration > 0) {
-        ;
-        ({ stop: timer } = useTimeoutFn(() => {
-          if (visible.value)
-            close();
-        }, props.duration));
-      }
-    }
-    function clearTimer() {
-      timer == null ? void 0 : timer();
-    }
-    function close() {
-      visible.value = false;
-    }
-    function onKeydown({ code }) {
-      if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {
-        clearTimer();
-      } else if (code === EVENT_CODE.esc) {
-        if (visible.value) {
-          close();
-        }
-      } else {
-        startTimer();
-      }
-    }
-    onMounted(() => {
-      startTimer();
-      visible.value = true;
-    });
-    useEventListener(document, "keydown", onKeydown);
-    return {
-      horizontalClass,
-      typeClass,
-      iconComponent,
-      positionStyle,
-      visible,
-      close,
-      clearTimer,
-      startTimer
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=notification.vue_vue&type=script&lang.mjs.map

package/es/components/notification/src/notification.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification.vue_vue&type=script&lang.mjs","sources":["../../../../../../packages/components/notification/src/notification.vue"],"sourcesContent":["<template>\n  <transition\n    name=\"el-notification-fade\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"['el-notification', customClass, horizontalClass]\"\n      :style=\"positionStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n      @click=\"onClick\"\n    >\n      <el-icon\n        v-if=\"iconComponent\"\n        class=\"el-notification__icon\"\n        :class=\"typeClass\"\n      >\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div class=\"el-notification__group\">\n        <h2 class=\"el-notification__title\" v-text=\"title\"></h2>\n        <div\n          v-show=\"message\"\n          class=\"el-notification__content\"\n          :style=\"!!title ? undefined : { margin: 0 }\"\n        >\n          <slot>\n            <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n            <!-- Caution here, message could've been compromized, nerver use user's input as message -->\n            <!-- eslint-disable-next-line -->\n            <p v-else v-html=\"message\"></p>\n          </slot>\n        </div>\n        <el-icon\n          v-if=\"showClose\"\n          class=\"el-notification__closeBtn\"\n          @click.stop=\"close\"\n        >\n          <close />\n        </el-icon>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\nimport { notificationProps, notificationEmits } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElNotification',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: notificationProps,\n  emits: notificationEmits,\n\n  setup(props) {\n    const visible = ref(false)\n    let timer: (() => void) | undefined = undefined\n\n    const typeClass = computed(() => {\n      const type = props.type\n      return type && TypeComponentsMap[props.type]\n        ? `el-notification--${type}`\n        : ''\n    })\n\n    const iconComponent = computed(() => {\n      return TypeComponentsMap[props.type] || props.icon || ''\n    })\n\n    const horizontalClass = computed(() =>\n      props.position.endsWith('right') ? 'right' : 'left'\n    )\n\n    const verticalProperty = computed(() =>\n      props.position.startsWith('top') ? 'top' : 'bottom'\n    )\n\n    const positionStyle = computed<CSSProperties>(() => {\n      return {\n        [verticalProperty.value]: `${props.offset}px`,\n        zIndex: props.zIndex,\n      }\n    })\n\n    function startTimer() {\n      if (props.duration > 0) {\n        ;({ stop: timer } = useTimeoutFn(() => {\n          if (visible.value) close()\n        }, props.duration))\n      }\n    }\n\n    function clearTimer() {\n      timer?.()\n    }\n\n    function close() {\n      visible.value = false\n    }\n\n    function onKeydown({ code }: KeyboardEvent) {\n      if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {\n        clearTimer() // press delete/backspace clear timer\n      } else if (code === EVENT_CODE.esc) {\n        // press esc to close the notification\n        if (visible.value) {\n          close()\n        }\n      } else {\n        startTimer() // resume timer\n      }\n    }\n\n    // lifecycle\n    onMounted(() => {\n      startTimer()\n      visible.value = true\n    })\n\n    useEventListener(document, 'keydown', onKeydown)\n\n    return {\n      horizontalClass,\n      typeClass,\n      iconComponent,\n      positionStyle,\n      visible,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;AA0DA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,OACG;AAAA;AAAA,EAGL,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,UAAU,IAAI;AACpB,QAAI,QAAkC;AAEtC,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,OAAO,MAAM;AACnB,aAAO,QAAQ,kBAAkB,MAAM,QACnC,oBAAoB,SACpB;AAAA;AAGN,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,kBAAkB,MAAM,SAAS,MAAM,QAAQ;AAAA;AAGxD,UAAM,kBAAkB,SAAS,MAC/B,MAAM,SAAS,SAAS,WAAW,UAAU;AAG/C,UAAM,mBAAmB,SAAS,MAChC,MAAM,SAAS,WAAW,SAAS,QAAQ;AAG7C,UAAM,gBAAgB,SAAwB,MAAM;AAClD,aAAO;AAAA,SACJ,iBAAiB,QAAQ,GAAG,MAAM;AAAA,QACnC,QAAQ,MAAM;AAAA;AAAA;AAIlB,0BAAsB;AACpB,UAAI,MAAM,WAAW,GAAG;AACtB;AAAC,QAAC,GAAE,MAAM,UAAU,aAAa,MAAM;AACrC,cAAI,QAAQ;AAAO;AAAA,WAClB,MAAM;AAAA;AAAA;AAIb,0BAAsB;AACpB;AAAA;AAGF,qBAAiB;AACf,cAAQ,QAAQ;AAAA;AAGlB,uBAAmB,EAAE,QAAuB;AAC1C,UAAI,SAAS,WAAW,UAAU,SAAS,WAAW,WAAW;AAC/D;AAAA,iBACS,SAAS,WAAW,KAAK;AAElC,YAAI,QAAQ,OAAO;AACjB;AAAA;AAAA,aAEG;AACL;AAAA;AAAA;AAKJ,cAAU,MAAM;AACd;AACA,cAAQ,QAAQ;AAAA;AAGlB,qBAAiB,UAAU,WAAW;AAEtC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/notification/src/notification.vue_vue&type=template&id=d6b81f36&lang.mjs

@@ -1,74 +0,0 @@
-import { resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, resolveDynamicComponent, createCommentVNode, toDisplayString, renderSlot, createElementBlock, Fragment, vShow, withModifiers, createVNode } from 'vue';
-
-const _hoisted_1 = ["id"];
-const _hoisted_2 = { class: "el-notification__group" };
-const _hoisted_3 = ["textContent"];
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = ["innerHTML"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_close = resolveComponent("close");
-  return openBlock(), createBlock(Transition, {
-    name: "el-notification-fade",
-    onBeforeLeave: _ctx.onClose,
-    onAfterLeave: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("destroy"))
-  }, {
-    default: withCtx(() => [
-      withDirectives(createElementVNode("div", {
-        id: _ctx.id,
-        class: normalizeClass(["el-notification", _ctx.customClass, _ctx.horizontalClass]),
-        style: normalizeStyle(_ctx.positionStyle),
-        role: "alert",
-        onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.clearTimer && _ctx.clearTimer(...args)),
-        onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.startTimer && _ctx.startTimer(...args)),
-        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-      }, [
-        _ctx.iconComponent ? (openBlock(), createBlock(_component_el_icon, {
-          key: 0,
-          class: normalizeClass(["el-notification__icon", _ctx.typeClass])
-        }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
-          ]),
-          _: 1
-        }, 8, ["class"])) : createCommentVNode("v-if", true),
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("h2", {
-            class: "el-notification__title",
-            textContent: toDisplayString(_ctx.title)
-          }, null, 8, _hoisted_3),
-          withDirectives(createElementVNode("div", {
-            class: "el-notification__content",
-            style: normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createCommentVNode(" Caution here, message could've been compromized, nerver use user's input as message "),
-                createCommentVNode(" eslint-disable-next-line "),
-                createElementVNode("p", { innerHTML: _ctx.message }, null, 8, _hoisted_5)
-              ], 2112))
-            ])
-          ], 4), [
-            [vShow, _ctx.message]
-          ]),
-          _ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
-            key: 0,
-            class: "el-notification__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=notification.vue_vue&type=template&id=d6b81f36&lang.mjs.map

package/es/components/notification/src/notification.vue_vue&type=template&id=d6b81f36&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification.vue_vue&type=template&id=d6b81f36&lang.mjs","sources":["../../../../../../packages/components/notification/src/notification.vue?vue&type=template&id=d6b81f36&lang.js"],"sourcesContent":["<template>\n  <transition\n    name=\"el-notification-fade\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"['el-notification', customClass, horizontalClass]\"\n      :style=\"positionStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n      @click=\"onClick\"\n    >\n      <el-icon\n        v-if=\"iconComponent\"\n        class=\"el-notification__icon\"\n        :class=\"typeClass\"\n      >\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div class=\"el-notification__group\">\n        <h2 class=\"el-notification__title\" v-text=\"title\"></h2>\n        <div\n          v-show=\"message\"\n          class=\"el-notification__content\"\n          :style=\"!!title ? undefined : { margin: 0 }\"\n        >\n          <slot>\n            <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n            <!-- Caution here, message could've been compromized, nerver use user's input as message -->\n            <!-- eslint-disable-next-line -->\n            <p v-else v-html=\"message\"></p>\n          </slot>\n        </div>\n        <el-icon\n          v-if=\"showClose\"\n          class=\"el-notification__closeBtn\"\n          @click.stop=\"close\"\n        >\n          <close />\n        </el-icon>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\nimport { notificationProps, notificationEmits } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElNotification',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: notificationProps,\n  emits: notificationEmits,\n\n  setup(props) {\n    const visible = ref(false)\n    let timer: (() => void) | undefined = undefined\n\n    const typeClass = computed(() => {\n      const type = props.type\n      return type && TypeComponentsMap[props.type]\n        ? `el-notification--${type}`\n        : ''\n    })\n\n    const iconComponent = computed(() => {\n      return TypeComponentsMap[props.type] || props.icon || ''\n    })\n\n    const horizontalClass = computed(() =>\n      props.position.endsWith('right') ? 'right' : 'left'\n    )\n\n    const verticalProperty = computed(() =>\n      props.position.startsWith('top') ? 'top' : 'bottom'\n    )\n\n    const positionStyle = computed<CSSProperties>(() => {\n      return {\n        [verticalProperty.value]: `${props.offset}px`,\n        zIndex: props.zIndex,\n      }\n    })\n\n    function startTimer() {\n      if (props.duration > 0) {\n        ;({ stop: timer } = useTimeoutFn(() => {\n          if (visible.value) close()\n        }, props.duration))\n      }\n    }\n\n    function clearTimer() {\n      timer?.()\n    }\n\n    function close() {\n      visible.value = false\n    }\n\n    function onKeydown({ code }: KeyboardEvent) {\n      if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {\n        clearTimer() // press delete/backspace clear timer\n      } else if (code === EVENT_CODE.esc) {\n        // press esc to close the notification\n        if (visible.value) {\n          close()\n        }\n      } else {\n        startTimer() // resume timer\n      }\n    }\n\n    // lifecycle\n    onMounted(() => {\n      startTimer()\n      visible.value = true\n    })\n\n    useEventListener(document, 'keydown', onKeydown)\n\n    return {\n      horizontalClass,\n      typeClass,\n      iconComponent,\n      positionStyle,\n      visible,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementVNode","_toDisplayString","_renderSlot","_createElementBlock","_createCommentVNode","_createVNode"],"mappings":";;;qBAuBW,OAAM;;;;;;;sBAtBfA;IACE,MAAK;AAAA,IACJ,eAAc;IACd,oDAAa;;qBAEd;qBAAAC;QAEG,IAAI;QACJ,0CAA2B,kBAAa;QACxC,sBAAO;QACR,MAAK;AAAA,QACJ,qDAAY;QACZ,qDAAY;QACZ,gDAAO;;QAGA,mCADRD;;UAEE,uBAAM,yBACE;;2BAER;0BAAAA,oCAAgB;;;;QAElBC,0BAAA;UACEA;YAAI,OAAM;AAAA,yBAAyBC,gBAAQ;;yBAC3CD;YAEE,OAAM;AAAA,YACL,wBAAS,aAAQ;;YAElBE,uCAAA;eACY,8CAAVC,oDAAuC,mCAGvCA;gBAFAC;gBACAA;gBACAJ,0BAAU,WAAQ;;;;oBARZ;;UAYF,+BADRD;;YAEE,OAAM;AAAA,YACL,uBAAY;;6BAEb;cAAAM;;;;;;gBAnCI;;;;;;;;;"}

package/es/components/page-header/src/page-header.vue_vue&type=script&lang.mjs

@@ -1,27 +0,0 @@
-import { defineComponent } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import '../../../hooks/index.mjs';
-import { pageHeaderProps, pageHeaderEmits } from './page-header.mjs';
-import { useLocaleInject } from '../../../hooks/use-locale/index.mjs';
-
-var script = defineComponent({
-  name: "ElPageHeader",
-  components: {
-    ElIcon
-  },
-  props: pageHeaderProps,
-  emits: pageHeaderEmits,
-  setup(_, { emit }) {
-    const { t } = useLocaleInject();
-    function handleClick() {
-      emit("back");
-    }
-    return {
-      handleClick,
-      t
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=page-header.vue_vue&type=script&lang.mjs.map

package/es/components/page-header/src/page-header.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-header.vue_vue&type=script&lang.mjs","sources":["../../../../../../packages/components/page-header/src/page-header.vue"],"sourcesContent":["<template>\n  <div class=\"el-page-header\">\n    <div class=\"el-page-header__left\" @click=\"handleClick\">\n      <div v-if=\"icon || $slots.icon\" class=\"el-page-header__icon\">\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n        </slot>\n      </div>\n      <div class=\"el-page-header__title\">\n        <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n      </div>\n    </div>\n    <div class=\"el-page-header__content\">\n      <slot name=\"content\">{{ content }}</slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\nexport default defineComponent({\n  name: 'ElPageHeader',\n\n  components: {\n    ElIcon,\n  },\n\n  props: pageHeaderProps,\n  emits: pageHeaderEmits,\n\n  setup(_, { emit }) {\n    const { t } = useLocaleInject()\n\n    function handleClick() {\n      emit('back')\n    }\n\n    return {\n      handleClick,\n      t,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;AAwBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA;AAAA,EAGF,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,GAAG,EAAE,QAAQ;AACjB,UAAM,EAAE,MAAM;AAEd,2BAAuB;AACrB,WAAK;AAAA;AAGP,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/page-header/src/page-header.vue_vue&type=template&id=d12fb4b2&lang.mjs

@@ -1,42 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
-
-const _hoisted_1 = { class: "el-page-header" };
-const _hoisted_2 = {
-  key: 0,
-  class: "el-page-header__icon"
-};
-const _hoisted_3 = { class: "el-page-header__title" };
-const _hoisted_4 = { class: "el-page-header__content" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createElementVNode("div", {
-      class: "el-page-header__left",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-    }, [
-      _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [
-        renderSlot(_ctx.$slots, "icon", {}, () => [
-          _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
-            default: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true)
-        ])
-      ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_3, [
-        renderSlot(_ctx.$slots, "title", {}, () => [
-          createTextVNode(toDisplayString(_ctx.title || _ctx.t("el.pageHeader.title")), 1)
-        ])
-      ])
-    ]),
-    createElementVNode("div", _hoisted_4, [
-      renderSlot(_ctx.$slots, "content", {}, () => [
-        createTextVNode(toDisplayString(_ctx.content), 1)
-      ])
-    ])
-  ]);
-}
-
-export { render };
-//# sourceMappingURL=page-header.vue_vue&type=template&id=d12fb4b2&lang.mjs.map

package/es/components/page-header/src/page-header.vue_vue&type=template&id=d12fb4b2&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-header.vue_vue&type=template&id=d12fb4b2&lang.mjs","sources":["../../../../../../packages/components/page-header/src/page-header.vue?vue&type=template&id=d12fb4b2&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-page-header\">\n    <div class=\"el-page-header__left\" @click=\"handleClick\">\n      <div v-if=\"icon || $slots.icon\" class=\"el-page-header__icon\">\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n        </slot>\n      </div>\n      <div class=\"el-page-header__title\">\n        <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n      </div>\n    </div>\n    <div class=\"el-page-header__content\">\n      <slot name=\"content\">{{ content }}</slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\nexport default defineComponent({\n  name: 'ElPageHeader',\n\n  components: {\n    ElIcon,\n  },\n\n  props: pageHeaderProps,\n  emits: pageHeaderEmits,\n\n  setup(_, { emit }) {\n    const { t } = useLocaleInject()\n\n    function handleClick() {\n      emit('back')\n    }\n\n    return {\n      handleClick,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent"],"mappings":";;qBACO,OAAM;;;EAEyB,OAAM;AAAA;qBAKjC,OAAM;qBAIR,OAAM;;;sBAXbA,0BAAA;IACEC;MAAK,OAAM;AAAA,MAAwB,gDAAO;;MAC7B,aAAQ,YAAO,qBAA1BD,0BAAA;QACEE,oCAAA;UACiB,0BAAfC;6BAAqB;4BAAAA,YAAwBC,wBAAR;;;;;;MAGzCH,0BAAA;QACEC,qCAAA;0CAAsB,cAAS;;;;IAGnCD,0BAAA;MACEC,uCAAA;wCAAwB;;;;;;;;"}

package/es/components/pagination/src/components/jumper.vue_vue&type=script&lang.mjs

@@ -1,39 +0,0 @@
-import { defineComponent, ref, computed } from 'vue';
-import '../../../../hooks/index.mjs';
-import { ElInput } from '../../../input/index.mjs';
-import { usePagination } from '../usePagination.mjs';
-import { useLocaleInject } from '../../../../hooks/use-locale/index.mjs';
-
-var script = defineComponent({
-  name: "ElPaginationJumper",
-  components: {
-    ElInput
-  },
-  setup() {
-    const { t } = useLocaleInject();
-    const { pageCount, disabled, currentPage, changeEvent } = usePagination();
-    const userInput = ref();
-    const innerValue = computed(() => {
-      var _a;
-      return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;
-    });
-    function handleInput(val) {
-      userInput.value = +val;
-    }
-    function handleChange(val) {
-      changeEvent == null ? void 0 : changeEvent(+val);
-      userInput.value = void 0;
-    }
-    return {
-      pageCount,
-      disabled,
-      innerValue,
-      t,
-      handleInput,
-      handleChange
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=jumper.vue_vue&type=script&lang.mjs.map

package/es/components/pagination/src/components/jumper.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"jumper.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue"],"sourcesContent":["<template>\n  <span class=\"el-pagination__jump\">\n    {{ t('el.pagination.goto') }}\n    <el-input\n      size=\"mini\"\n      class=\"el-pagination__editor is-in-pagination\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    {{ t('el.pagination.pageClassifier') }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\n\nexport default defineComponent({\n  name: 'ElPaginationJumper',\n  components: {\n    ElInput,\n  },\n\n  setup() {\n    const { t } = useLocaleInject()\n    const { pageCount, disabled, currentPage, changeEvent } = usePagination()\n    const userInput = ref<number>()\n    const innerValue = computed(() => userInput.value ?? currentPage?.value)\n\n    function handleInput(val: number | string) {\n      userInput.value = +val\n    }\n\n    function handleChange(val: number | string) {\n      changeEvent?.(+val)\n      userInput.value = undefined\n    }\n\n    return {\n      pageCount,\n      disabled,\n      innerValue,\n\n      t,\n      handleInput,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;AAwBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AAAA,EAGF,QAAQ;AACN,UAAM,EAAE,MAAM;AACd,UAAM,EAAE,WAAW,UAAU,aAAa,gBAAgB;AAC1D,UAAM,YAAY;AAClB,UAAM,aAAa,SAAS,MAAG;;AAAG,6BAAU,UAAV,YAAmB,2CAAa;AAAA;AAElE,yBAAqB,KAAsB;AACzC,gBAAU,QAAQ,CAAC;AAAA;AAGrB,0BAAsB,KAAsB;AAC1C,iDAAc,CAAC;AACf,gBAAU,QAAQ;AAAA;AAGpB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/pagination/src/components/jumper.vue_vue&type=template&id=772239ce&lang.mjs

@@ -1,24 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, createTextVNode, toDisplayString, createVNode } from 'vue';
-
-const _hoisted_1 = { class: "el-pagination__jump" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_input = resolveComponent("el-input");
-  return openBlock(), createElementBlock("span", _hoisted_1, [
-    createTextVNode(toDisplayString(_ctx.t("el.pagination.goto")) + " ", 1),
-    createVNode(_component_el_input, {
-      size: "mini",
-      class: "el-pagination__editor is-in-pagination",
-      min: 1,
-      max: _ctx.pageCount,
-      disabled: _ctx.disabled,
-      "model-value": _ctx.innerValue,
-      type: "number",
-      "onUpdate:modelValue": _ctx.handleInput,
-      onChange: _ctx.handleChange
-    }, null, 8, ["max", "disabled", "model-value", "onUpdate:modelValue", "onChange"]),
-    createTextVNode(" " + toDisplayString(_ctx.t("el.pagination.pageClassifier")), 1)
-  ]);
-}
-
-export { render };
-//# sourceMappingURL=jumper.vue_vue&type=template&id=772239ce&lang.mjs.map

package/es/components/pagination/src/components/jumper.vue_vue&type=template&id=772239ce&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"jumper.vue_vue&type=template&id=772239ce&lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue?vue&type=template&id=772239ce&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-pagination__jump\">\n    {{ t('el.pagination.goto') }}\n    <el-input\n      size=\"mini\"\n      class=\"el-pagination__editor is-in-pagination\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    {{ t('el.pagination.pageClassifier') }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\n\nexport default defineComponent({\n  name: 'ElPaginationJumper',\n  components: {\n    ElInput,\n  },\n\n  setup() {\n    const { t } = useLocaleInject()\n    const { pageCount, disabled, currentPage, changeEvent } = usePagination()\n    const userInput = ref<number>()\n    const innerValue = computed(() => userInput.value ?? currentPage?.value)\n\n    function handleInput(val: number | string) {\n      userInput.value = +val\n    }\n\n    function handleChange(val: number | string) {\n      changeEvent?.(+val)\n      userInput.value = undefined\n    }\n\n    return {\n      pageCount,\n      disabled,\n      innerValue,\n\n      t,\n      handleInput,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode"],"mappings":";;qBACQ,OAAM;;;sBAAZA,2BAAA;oCACK;IACHC;MACE,MAAK;AAAA,MACL,OAAM;AAAA,MACL,KAAK;AAAA,MACL,KAAK;MACL,UAAU;MACV,eAAa;MACd,MAAK;AAAA,MACJ,uBAAoB;MACpB,UAAQ;;0CAER;;;;;;"}

package/es/components/pagination/src/components/next.vue_vue&type=script&lang.mjs

@@ -1,37 +0,0 @@
-import { defineComponent, computed } from 'vue';
-import { ElIcon } from '../../../icon/index.mjs';
-import { ArrowRight } from '@element-plus/icons';
-
-const paginationNextProps = {
-  disabled: Boolean,
-  currentPage: {
-    type: Number,
-    default: 1
-  },
-  pageCount: {
-    type: Number,
-    default: 50
-  },
-  nextText: {
-    type: String,
-    default: ""
-  }
-};
-var script = defineComponent({
-  name: "ElPaginationNext",
-  components: {
-    ElIcon,
-    ArrowRight
-  },
-  props: paginationNextProps,
-  emits: ["click"],
-  setup(props) {
-    const internalDisabled = computed(() => props.disabled || props.currentPage === props.pageCount || props.pageCount === 0);
-    return {
-      internalDisabled
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=next.vue_vue&type=script&lang.mjs.map

package/es/components/pagination/src/components/next.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"next.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-next\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"nextText\">{{ nextText }}</span>\n    <el-icon v-else><arrow-right /></el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons'\n\nconst paginationNextProps = {\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    default: 50,\n  },\n  nextText: {\n    type: String,\n    default: '',\n  },\n} as const\n\nexport default defineComponent({\n  name: 'ElPaginationNext',\n\n  components: {\n    ElIcon,\n    ArrowRight,\n  },\n  props: paginationNextProps,\n  emits: ['click'],\n\n  setup(props) {\n    const internalDisabled = computed(\n      () =>\n        props.disabled ||\n        props.currentPage === props.pageCount ||\n        props.pageCount === 0\n    )\n\n    return {\n      internalDisabled,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AAkBA,MAAM,sBAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;AAIb,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO,CAAC;AAAA,EAER,MAAM,OAAO;AACX,UAAM,mBAAmB,SACvB,MACE,MAAM,YACN,MAAM,gBAAgB,MAAM,aAC5B,MAAM,cAAc;AAGxB,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/es/components/pagination/src/components/next.vue_vue&type=template&id=93fbb39e&lang.mjs

@@ -1,25 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, createVNode } from 'vue';
-
-const _hoisted_1 = ["disabled", "aria-disabled"];
-const _hoisted_2 = { key: 0 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_arrow_right = resolveComponent("arrow-right");
-  const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock("button", {
-    type: "button",
-    class: "btn-next",
-    disabled: _ctx.internalDisabled,
-    "aria-disabled": _ctx.internalDisabled,
-    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
-  }, [
-    _ctx.nextText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.nextText), 1)) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
-      default: withCtx(() => [
-        createVNode(_component_arrow_right)
-      ]),
-      _: 1
-    }))
-  ], 8, _hoisted_1);
-}
-
-export { render };
-//# sourceMappingURL=next.vue_vue&type=template&id=93fbb39e&lang.mjs.map

package/es/components/pagination/src/components/next.vue_vue&type=template&id=93fbb39e&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"next.vue_vue&type=template&id=93fbb39e&lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.vue?vue&type=template&id=93fbb39e&lang.js"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-next\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"nextText\">{{ nextText }}</span>\n    <el-icon v-else><arrow-right /></el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons'\n\nconst paginationNextProps = {\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    default: 50,\n  },\n  nextText: {\n    type: String,\n    default: '',\n  },\n} as const\n\nexport default defineComponent({\n  name: 'ElPaginationNext',\n\n  components: {\n    ElIcon,\n    ArrowRight,\n  },\n  props: paginationNextProps,\n  emits: ['click'],\n\n  setup(props) {\n    const internalDisabled = computed(\n      () =>\n        props.disabled ||\n        props.currentPage === props.pageCount ||\n        props.pageCount === 0\n    )\n\n    return {\n      internalDisabled,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createVNode"],"mappings":";;;;;;;sBACEA;IACE,MAAK;AAAA,IACL,OAAM;AAAA,IACL,UAAU;IACV,iBAAe;IACf,+CAAO,oBAAe;AAAA;IAEX,8BAAZA,uDAAyB,oCACzBC;uBAAgB;QAAAC,YAAe;AAAA;AAAA;;;;;;;"}