@element-plus/nightly 0.0.20260521 → 0.0.20260523

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"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        role=\"dialog\"\n        :aria-label=\"title\"\n        aria-modal=\"true\"\n        :aria-describedby=\"!showInput ? contentId : undefined\"\n        :class=\"`${ns.namespace.value}-overlay-message-box`\"\n        @click=\"overlayEvent.onClick\"\n        @mousedown=\"overlayEvent.onMousedown\"\n        @mouseup=\"overlayEvent.onMouseup\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"rootRef\"\n          :focus-start-el=\"focusStartRef\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"rootRef\"\n            :class=\"[\n              ns.b(),\n              customClass,\n              ns.is('draggable', draggable),\n              ns.is('dragging', isDragging),\n              { [ns.m('center')]: center },\n            ]\"\n            :style=\"customStyle\"\n            tabindex=\"-1\"\n            @click.stop=\"\"\n          >\n            <div\n              v-if=\"title !== null && title !== undefined\"\n              ref=\"headerRef\"\n              :class=\"[ns.e('header'), { 'show-close': showClose }]\"\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=\"t('el.messagebox.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                  <component :is=\"closeIcon || 'close'\" />\n                </el-icon>\n              </button>\n            </div>\n            <div :id=\"contentId\" :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                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-if=\"!dangerouslyUseHTMLString\"\n                      :for=\"showInput ? inputId : undefined\"\n                      v-text=\"message\"\n                    />\n                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-else\n                      :for=\"showInput ? inputId : undefined\"\n                      v-html=\"message\"\n                    />\n                  </slot>\n                </div>\n              </div>\n              <div v-show=\"showInput\" :class=\"ns.e('input')\">\n                <el-input\n                  :id=\"inputId\"\n                  ref=\"inputRef\"\n                  v-model=\"inputValue\"\n                  :type=\"inputType\"\n                  :placeholder=\"inputPlaceholder\"\n                  :aria-invalid=\"validateError\"\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                :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n                :text=\"cancelButtonType === 'text'\"\n                :loading=\"cancelButtonLoading\"\n                :loading-icon=\"cancelButtonLoadingIcon\"\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=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n                :text=\"confirmButtonType === 'text'\"\n                :loading=\"confirmButtonLoading\"\n                :loading-icon=\"confirmButtonLoadingIcon\"\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        </el-focus-trap>\n      </div>\n    </el-overlay>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  markRaw,\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  useId,\n  useLockscreen,\n  useSameTarget,\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  isFunction,\n  isString,\n  isValidComponentSize,\n} from '@element-plus/utils'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\n\nimport type { ComponentPublicInstance, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n  Action,\n  MessageBoxState,\n  MessageBoxType,\n} from './message-box.type'\nimport type { InputInstance } from '@element-plus/components/input'\n\nexport default defineComponent({\n  name: 'ElMessageBox',\n  directives: {\n    TrapFocus,\n  },\n  components: {\n    ElButton,\n    ElFocusTrap,\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    overflow: Boolean,\n    roundButton: Boolean,\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 {\n      locale,\n      zIndex,\n      ns,\n      size: btnSize,\n    } = useGlobalComponentSettings(\n      'message-box',\n      computed(() => props.buttonSize)\n    )\n\n    const { t } = locale\n    const { nextZIndex } = zIndex\n\n    const visible = ref(false)\n    // s represents state\n    const state = reactive<MessageBoxState>({\n      // autofocus element when open message-box\n      autofocus: true,\n      beforeClose: null,\n      callback: null,\n      cancelButtonText: '',\n      cancelButtonClass: '',\n      confirmButtonText: '',\n      confirmButtonClass: '',\n      cancelButtonType: '',\n      confirmButtonType: 'primary',\n      customClass: '',\n      customStyle: {},\n      dangerouslyUseHTMLString: false,\n      distinguishCancelAndClose: false,\n      icon: '',\n      closeIcon: '',\n      inputPattern: null,\n      inputPlaceholder: '',\n      inputType: 'text',\n      inputValue: '',\n      inputValidator: undefined,\n      inputErrorMessage: '',\n      message: '',\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      confirmButtonLoadingIcon: markRaw(Loading),\n      cancelButtonLoadingIcon: markRaw(Loading),\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 contentId = useId()\n    const inputId = useId()\n\n    const iconComponent = computed(() => {\n      const type = state.type\n      return state.icon || (type && TypeComponentsMap[type]) || ''\n    })\n    const hasMessage = computed(() => !!state.message)\n    const rootRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const focusStartRef = ref<HTMLElement>()\n    const inputRef = ref<InputInstance>()\n    const confirmRef = ref<ComponentPublicInstance>()\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) {\n          validate()\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => visible.value,\n      (val) => {\n        if (val) {\n          if (props.boxType !== 'prompt') {\n            if (state.autofocus) {\n              focusStartRef.value = confirmRef.value?.$el ?? rootRef.value\n            } else {\n              focusStartRef.value = rootRef.value\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              if (state.autofocus) {\n                focusStartRef.value = getInputElement() ?? rootRef.value\n              } else {\n                focusStartRef.value = rootRef.value\n              }\n            }\n          })\n        } else {\n          state.editorErrorMessage = ''\n          state.validateError = false\n        }\n      }\n    )\n\n    const draggable = computed(() => props.draggable)\n    const overflow = computed(() => props.overflow)\n    const { isDragging } = useDraggable(rootRef, headerRef, draggable, overflow)\n\n    onMounted(async () => {\n      await nextTick()\n      if (props.closeOnHashChange) {\n        window.addEventListener('hashchange', doClose)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (props.closeOnHashChange) {\n        window.removeEventListener('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 | Event) => {\n      if (state.inputType !== 'textarea' && !inputRef.value?.isComposing) {\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 (isFunction(inputValidator)) {\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 (isString(validateResult)) {\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 like this\n    // to dispatch, it could callout another message box.\n    const onCloseRequested = () => {\n      if (props.closeOnPressEscape) {\n        handleClose()\n      }\n    }\n\n    // locks the screen to prevent scroll\n    if (props.lockScroll) {\n      useLockscreen(visible, { ns })\n    }\n\n    return {\n      ...toRefs(state),\n      ns,\n      overlayEvent,\n      visible,\n      hasMessage,\n      typeClass,\n      contentId,\n      inputId,\n      btnSize,\n      iconComponent,\n      confirmButtonClasses,\n      rootRef,\n      focusStartRef,\n      headerRef,\n      inputRef,\n      isDragging,\n      confirmRef,\n      doClose, // for outside usage\n      handleClose, // for out side usage\n      onCloseRequested,\n      handleWrapperClick,\n      handleInputEnter,\n      handleAction,\n      t,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"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        role=\"dialog\"\n        :aria-label=\"title\"\n        aria-modal=\"true\"\n        :aria-describedby=\"!showInput ? contentId : undefined\"\n        :class=\"`${ns.namespace.value}-overlay-message-box`\"\n        @click=\"overlayEvent.onClick\"\n        @mousedown=\"overlayEvent.onMousedown\"\n        @mouseup=\"overlayEvent.onMouseup\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"rootRef\"\n          :focus-start-el=\"focusStartRef\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"rootRef\"\n            :class=\"[\n              ns.b(),\n              customClass,\n              ns.is('draggable', draggable),\n              ns.is('dragging', isDragging),\n              { [ns.m('center')]: center },\n            ]\"\n            :style=\"customStyle\"\n            tabindex=\"-1\"\n            @click.stop=\"\"\n          >\n            <div\n              v-if=\"title !== null && title !== undefined\"\n              ref=\"headerRef\"\n              :class=\"[ns.e('header'), { 'show-close': showClose }]\"\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=\"t('el.messagebox.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                  <component :is=\"closeIcon || 'close'\" />\n                </el-icon>\n              </button>\n            </div>\n            <div :id=\"contentId\" :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                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-if=\"!dangerouslyUseHTMLString\"\n                      :for=\"showInput ? inputId : undefined\"\n                      v-text=\"message\"\n                    />\n                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-else\n                      :for=\"showInput ? inputId : undefined\"\n                      v-html=\"message\"\n                    />\n                  </slot>\n                </div>\n              </div>\n              <div v-show=\"showInput\" :class=\"ns.e('input')\">\n                <el-input\n                  :id=\"inputId\"\n                  ref=\"inputRef\"\n                  v-model=\"inputValue\"\n                  :type=\"inputType\"\n                  :placeholder=\"inputPlaceholder\"\n                  :aria-invalid=\"validateError\"\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\n              v-if=\"showCancelButton || showConfirmButton\"\n              :class=\"ns.e('btns')\"\n            >\n              <el-button\n                v-if=\"showCancelButton\"\n                :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n                :text=\"cancelButtonType === 'text'\"\n                :loading=\"cancelButtonLoading\"\n                :loading-icon=\"cancelButtonLoadingIcon\"\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=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n                :text=\"confirmButtonType === 'text'\"\n                :loading=\"confirmButtonLoading\"\n                :loading-icon=\"confirmButtonLoadingIcon\"\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        </el-focus-trap>\n      </div>\n    </el-overlay>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  markRaw,\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  useId,\n  useLockscreen,\n  useSameTarget,\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  isFunction,\n  isString,\n  isValidComponentSize,\n} from '@element-plus/utils'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\n\nimport type { ComponentPublicInstance, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n  Action,\n  MessageBoxState,\n  MessageBoxType,\n} from './message-box.type'\nimport type { InputInstance } from '@element-plus/components/input'\n\nexport default defineComponent({\n  name: 'ElMessageBox',\n  directives: {\n    TrapFocus,\n  },\n  components: {\n    ElButton,\n    ElFocusTrap,\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    overflow: Boolean,\n    roundButton: Boolean,\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 {\n      locale,\n      zIndex,\n      ns,\n      size: btnSize,\n    } = useGlobalComponentSettings(\n      'message-box',\n      computed(() => props.buttonSize)\n    )\n\n    const { t } = locale\n    const { nextZIndex } = zIndex\n\n    const visible = ref(false)\n    // s represents state\n    const state = reactive<MessageBoxState>({\n      // autofocus element when open message-box\n      autofocus: true,\n      beforeClose: null,\n      callback: null,\n      cancelButtonText: '',\n      cancelButtonClass: '',\n      confirmButtonText: '',\n      confirmButtonClass: '',\n      cancelButtonType: '',\n      confirmButtonType: 'primary',\n      customClass: '',\n      customStyle: {},\n      dangerouslyUseHTMLString: false,\n      distinguishCancelAndClose: false,\n      icon: '',\n      closeIcon: '',\n      inputPattern: null,\n      inputPlaceholder: '',\n      inputType: 'text',\n      inputValue: '',\n      inputValidator: undefined,\n      inputErrorMessage: '',\n      message: '',\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      confirmButtonLoadingIcon: markRaw(Loading),\n      cancelButtonLoadingIcon: markRaw(Loading),\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 contentId = useId()\n    const inputId = useId()\n\n    const iconComponent = computed(() => {\n      const type = state.type\n      return state.icon || (type && TypeComponentsMap[type]) || ''\n    })\n    const hasMessage = computed(() => !!state.message)\n    const rootRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const focusStartRef = ref<HTMLElement>()\n    const inputRef = ref<InputInstance>()\n    const confirmRef = ref<ComponentPublicInstance>()\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) {\n          validate()\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => visible.value,\n      (val) => {\n        if (val) {\n          if (props.boxType !== 'prompt') {\n            if (state.autofocus) {\n              focusStartRef.value = confirmRef.value?.$el ?? rootRef.value\n            } else {\n              focusStartRef.value = rootRef.value\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              if (state.autofocus) {\n                focusStartRef.value = getInputElement() ?? rootRef.value\n              } else {\n                focusStartRef.value = rootRef.value\n              }\n            }\n          })\n        } else {\n          state.editorErrorMessage = ''\n          state.validateError = false\n        }\n      }\n    )\n\n    const draggable = computed(() => props.draggable)\n    const overflow = computed(() => props.overflow)\n    const { isDragging } = useDraggable(rootRef, headerRef, draggable, overflow)\n\n    onMounted(async () => {\n      await nextTick()\n      if (props.closeOnHashChange) {\n        window.addEventListener('hashchange', doClose)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (props.closeOnHashChange) {\n        window.removeEventListener('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 | Event) => {\n      if (state.inputType !== 'textarea' && !inputRef.value?.isComposing) {\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 (isFunction(inputValidator)) {\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 (isString(validateResult)) {\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 like this\n    // to dispatch, it could callout another message box.\n    const onCloseRequested = () => {\n      if (props.closeOnPressEscape) {\n        handleClose()\n      }\n    }\n\n    // locks the screen to prevent scroll\n    if (props.lockScroll) {\n      useLockscreen(visible, { ns })\n    }\n\n    return {\n      ...toRefs(state),\n      ns,\n      overlayEvent,\n      visible,\n      hasMessage,\n      typeClass,\n      contentId,\n      inputId,\n      btnSize,\n      iconComponent,\n      confirmButtonClasses,\n      rootRef,\n      focusStartRef,\n      headerRef,\n      inputRef,\n      isDragging,\n      confirmRef,\n      doClose, // for outside usage\n      handleClose, // for out side usage\n      onCloseRequested,\n      handleWrapperClick,\n      handleInputEnter,\n      handleAction,\n      t,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}

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

@@ -4031,8 +4031,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   dangerouslyUseHTMLString: _$vue.Ref<boolean, boolean>;
   confirmButtonText: _$vue.Ref<string, string>;
   cancelButtonText: _$vue.Ref<string, string>;
-  confirmButtonType: _$vue.Ref<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
-  cancelButtonType: _$vue.Ref<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
+  confirmButtonType: _$vue.Ref<"" | "default" | "info" | "primary" | "success" | "warning" | "danger" | "text", "" | "default" | "info" | "primary" | "success" | "warning" | "danger" | "text">;
+  cancelButtonType: _$vue.Ref<"" | "default" | "info" | "primary" | "success" | "warning" | "danger" | "text", "" | "default" | "info" | "primary" | "success" | "warning" | "danger" | "text">;
   confirmButtonLoading: _$vue.Ref<boolean, boolean>;
   cancelButtonLoading: _$vue.Ref<boolean, boolean>;
   confirmButtonLoadingIcon: _$vue.Ref<string | _$vue.FunctionalComponent<any, {}, any, {}> | {
@@ -4601,20 +4601,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
+      type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "danger" | "text">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
       click: (evt: MouseEvent) => void;
     }, _$vue.PublicProps, {
       type: ButtonType;
-      text: boolean;
       disabled: boolean;
-      round: boolean;
-      dashed: boolean;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
       plain: boolean;
+      text: boolean;
+      round: boolean;
+      dashed: boolean;
       autoInsertSpace: boolean;
       tag: string | _$vue.Component;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -4629,18 +4629,18 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
+      type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "danger" | "text">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, {
       type: ButtonType;
-      text: boolean;
       disabled: boolean;
-      round: boolean;
-      dashed: boolean;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
       plain: boolean;
+      text: boolean;
+      round: boolean;
+      dashed: boolean;
       autoInsertSpace: boolean;
       tag: string | _$vue.Component;
     }>;
@@ -4652,20 +4652,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }>, {
     ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
     size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-    type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
+    type: _$vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "danger" | "text">;
     disabled: _$vue.ComputedRef<boolean>;
     shouldAddSpace: _$vue.ComputedRef<boolean>;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
     click: (evt: MouseEvent) => void;
   }, string, {
     type: ButtonType;
-    text: boolean;
     disabled: boolean;
-    round: boolean;
-    dashed: boolean;
     nativeType: ButtonNativeType;
     loadingIcon: IconPropType;
     plain: boolean;
+    text: boolean;
+    round: boolean;
+    dashed: boolean;
     autoInsertSpace: boolean;
     tag: string | _$vue.Component;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
@@ -4680,14 +4680,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     setPropsDefaults: (defaults: {
       readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
       readonly disabled?: boolean | (() => boolean) | undefined;
-      readonly type?: "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger" | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | undefined;
+      readonly type?: "" | "default" | "info" | "primary" | "success" | "warning" | "danger" | "text" | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "danger" | "text") | undefined;
       readonly icon?: string | _$vue.FunctionalComponent<any, {}, any, {}> | {
         new (...args: any[]): any;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
       } | (() => (IconPropType | undefined) & {}) | undefined;
-      readonly nativeType?: "button" | "reset" | "submit" | (() => "button" | "reset" | "submit") | undefined;
+      readonly nativeType?: "button" | "submit" | "reset" | (() => "button" | "submit" | "reset") | undefined;
       readonly loading?: boolean | (() => boolean) | undefined;
       readonly loadingIcon?: string | _$vue.FunctionalComponent<any, {}, any, {}> | {
         new (...args: any[]): any;
@@ -4744,7 +4744,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }>, {
     loop: boolean;
     trapped: boolean;
-    focusStartEl: HTMLElement | "first" | "container";
+    focusStartEl: HTMLElement | "container" | "first";
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
   ElInput: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<InputProps> & Readonly<{
@@ -4754,8 +4754,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onFocus?: ((evt: FocusEvent) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
-      onMouseleave?: ((evt: MouseEvent) => any) | undefined;
       onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+      onMouseleave?: ((evt: MouseEvent) => any) | undefined;
       onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
       onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
       onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
@@ -4780,8 +4780,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       clear: (evt: MouseEvent | undefined) => void;
       focus: (evt: FocusEvent) => void;
       blur: (evt: FocusEvent) => void;
-      mouseleave: (evt: MouseEvent) => void;
       mouseenter: (evt: MouseEvent) => void;
+      mouseleave: (evt: MouseEvent) => void;
       keydown: (evt: Event | KeyboardEvent) => void;
       compositionstart: (evt: CompositionEvent) => void;
       compositionupdate: (evt: CompositionEvent) => void;
@@ -4790,12 +4790,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       type: InputType;
       disabled: boolean;
       modelValue: string | number | null;
+      clearIcon: IconPropType;
+      validateEvent: boolean;
+      tabindex: string | number;
       modelModifiers: InputModelModifiers;
       autocomplete: string;
-      clearIcon: IconPropType;
       wordLimitPosition: "inside" | "outside";
-      tabindex: string | number;
-      validateEvent: boolean;
       inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       rows: number;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -4812,8 +4812,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onFocus?: ((evt: FocusEvent) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
-      onMouseleave?: ((evt: MouseEvent) => any) | undefined;
       onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+      onMouseleave?: ((evt: MouseEvent) => any) | undefined;
       onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
       onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
       onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
@@ -4835,12 +4835,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       type: InputType;
       disabled: boolean;
       modelValue: string | number | null;
+      clearIcon: IconPropType;
+      validateEvent: boolean;
+      tabindex: string | number;
       modelModifiers: InputModelModifiers;
       autocomplete: string;
-      clearIcon: IconPropType;
       wordLimitPosition: "inside" | "outside";
-      tabindex: string | number;
-      validateEvent: boolean;
       inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       rows: number;
     }>;
@@ -4854,8 +4854,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
-    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
     onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
@@ -4880,8 +4880,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     clear: (evt: MouseEvent | undefined) => void;
     focus: (evt: FocusEvent) => void;
     blur: (evt: FocusEvent) => void;
-    mouseleave: (evt: MouseEvent) => void;
     mouseenter: (evt: MouseEvent) => void;
+    mouseleave: (evt: MouseEvent) => void;
     keydown: (evt: Event | KeyboardEvent) => void;
     compositionstart: (evt: CompositionEvent) => void;
     compositionupdate: (evt: CompositionEvent) => void;
@@ -4890,12 +4890,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     type: InputType;
     disabled: boolean;
     modelValue: string | number | null;
+    clearIcon: IconPropType;
+    validateEvent: boolean;
+    tabindex: string | number;
     modelModifiers: InputModelModifiers;
     autocomplete: string;
-    clearIcon: IconPropType;
     wordLimitPosition: "inside" | "outside";
-    tabindex: string | number;
-    validateEvent: boolean;
     inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     rows: number;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.mjs","names":[],"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        role=\"dialog\"\n        :aria-label=\"title\"\n        aria-modal=\"true\"\n        :aria-describedby=\"!showInput ? contentId : undefined\"\n        :class=\"`${ns.namespace.value}-overlay-message-box`\"\n        @click=\"overlayEvent.onClick\"\n        @mousedown=\"overlayEvent.onMousedown\"\n        @mouseup=\"overlayEvent.onMouseup\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"rootRef\"\n          :focus-start-el=\"focusStartRef\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"rootRef\"\n            :class=\"[\n              ns.b(),\n              customClass,\n              ns.is('draggable', draggable),\n              ns.is('dragging', isDragging),\n              { [ns.m('center')]: center },\n            ]\"\n            :style=\"customStyle\"\n            tabindex=\"-1\"\n            @click.stop=\"\"\n          >\n            <div\n              v-if=\"title !== null && title !== undefined\"\n              ref=\"headerRef\"\n              :class=\"[ns.e('header'), { 'show-close': showClose }]\"\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=\"t('el.messagebox.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                  <component :is=\"closeIcon || 'close'\" />\n                </el-icon>\n              </button>\n            </div>\n            <div :id=\"contentId\" :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                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-if=\"!dangerouslyUseHTMLString\"\n                      :for=\"showInput ? inputId : undefined\"\n                      v-text=\"message\"\n                    />\n                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-else\n                      :for=\"showInput ? inputId : undefined\"\n                      v-html=\"message\"\n                    />\n                  </slot>\n                </div>\n              </div>\n              <div v-show=\"showInput\" :class=\"ns.e('input')\">\n                <el-input\n                  :id=\"inputId\"\n                  ref=\"inputRef\"\n                  v-model=\"inputValue\"\n                  :type=\"inputType\"\n                  :placeholder=\"inputPlaceholder\"\n                  :aria-invalid=\"validateError\"\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                :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n                :text=\"cancelButtonType === 'text'\"\n                :loading=\"cancelButtonLoading\"\n                :loading-icon=\"cancelButtonLoadingIcon\"\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=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n                :text=\"confirmButtonType === 'text'\"\n                :loading=\"confirmButtonLoading\"\n                :loading-icon=\"confirmButtonLoadingIcon\"\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        </el-focus-trap>\n      </div>\n    </el-overlay>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  markRaw,\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  useId,\n  useLockscreen,\n  useSameTarget,\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  isFunction,\n  isString,\n  isValidComponentSize,\n} from '@element-plus/utils'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\n\nimport type { ComponentPublicInstance, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n  Action,\n  MessageBoxState,\n  MessageBoxType,\n} from './message-box.type'\nimport type { InputInstance } from '@element-plus/components/input'\n\nexport default defineComponent({\n  name: 'ElMessageBox',\n  directives: {\n    TrapFocus,\n  },\n  components: {\n    ElButton,\n    ElFocusTrap,\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    overflow: Boolean,\n    roundButton: Boolean,\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 {\n      locale,\n      zIndex,\n      ns,\n      size: btnSize,\n    } = useGlobalComponentSettings(\n      'message-box',\n      computed(() => props.buttonSize)\n    )\n\n    const { t } = locale\n    const { nextZIndex } = zIndex\n\n    const visible = ref(false)\n    // s represents state\n    const state = reactive<MessageBoxState>({\n      // autofocus element when open message-box\n      autofocus: true,\n      beforeClose: null,\n      callback: null,\n      cancelButtonText: '',\n      cancelButtonClass: '',\n      confirmButtonText: '',\n      confirmButtonClass: '',\n      cancelButtonType: '',\n      confirmButtonType: 'primary',\n      customClass: '',\n      customStyle: {},\n      dangerouslyUseHTMLString: false,\n      distinguishCancelAndClose: false,\n      icon: '',\n      closeIcon: '',\n      inputPattern: null,\n      inputPlaceholder: '',\n      inputType: 'text',\n      inputValue: '',\n      inputValidator: undefined,\n      inputErrorMessage: '',\n      message: '',\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      confirmButtonLoadingIcon: markRaw(Loading),\n      cancelButtonLoadingIcon: markRaw(Loading),\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 contentId = useId()\n    const inputId = useId()\n\n    const iconComponent = computed(() => {\n      const type = state.type\n      return state.icon || (type && TypeComponentsMap[type]) || ''\n    })\n    const hasMessage = computed(() => !!state.message)\n    const rootRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const focusStartRef = ref<HTMLElement>()\n    const inputRef = ref<InputInstance>()\n    const confirmRef = ref<ComponentPublicInstance>()\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) {\n          validate()\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => visible.value,\n      (val) => {\n        if (val) {\n          if (props.boxType !== 'prompt') {\n            if (state.autofocus) {\n              focusStartRef.value = confirmRef.value?.$el ?? rootRef.value\n            } else {\n              focusStartRef.value = rootRef.value\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              if (state.autofocus) {\n                focusStartRef.value = getInputElement() ?? rootRef.value\n              } else {\n                focusStartRef.value = rootRef.value\n              }\n            }\n          })\n        } else {\n          state.editorErrorMessage = ''\n          state.validateError = false\n        }\n      }\n    )\n\n    const draggable = computed(() => props.draggable)\n    const overflow = computed(() => props.overflow)\n    const { isDragging } = useDraggable(rootRef, headerRef, draggable, overflow)\n\n    onMounted(async () => {\n      await nextTick()\n      if (props.closeOnHashChange) {\n        window.addEventListener('hashchange', doClose)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (props.closeOnHashChange) {\n        window.removeEventListener('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 | Event) => {\n      if (state.inputType !== 'textarea' && !inputRef.value?.isComposing) {\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 (isFunction(inputValidator)) {\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 (isString(validateResult)) {\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 like this\n    // to dispatch, it could callout another message box.\n    const onCloseRequested = () => {\n      if (props.closeOnPressEscape) {\n        handleClose()\n      }\n    }\n\n    // locks the screen to prevent scroll\n    if (props.lockScroll) {\n      useLockscreen(visible, { ns })\n    }\n\n    return {\n      ...toRefs(state),\n      ns,\n      overlayEvent,\n      visible,\n      hasMessage,\n      typeClass,\n      contentId,\n      inputId,\n      btnSize,\n      iconComponent,\n      confirmButtonClasses,\n      rootRef,\n      focusStartRef,\n      headerRef,\n      inputRef,\n      isDragging,\n      confirmRef,\n      doClose, // for outside usage\n      handleClose, // for out side usage\n      onCloseRequested,\n      handleWrapperClick,\n      handleInputEnter,\n      handleAction,\n      t,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;AAsMA,IAAA,yCAAe,gBAAgB;CAC7B,MAAM;CACN,YAAY,EACV,WACD;CACD,YAAY;EACV;EACA,aAAA;EACA;EACA;EACA;EACA,GAAG;EACJ;CACD,cAAc;CACd,OAAO;EACL,YAAY;GACV,MAAM;GACN,WAAW;GACZ;EACD,OAAO;GACL,MAAM;GACN,SAAS;GACV;EACD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EACD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EACD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EACD,oBAAoB;GAClB,MAAM;GACN,SAAS;GACV;EACD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EACD,QAAQ;EACR,WAAW;EACX,UAAU;EACV,aAAa;EACb,WAAW;GACT,MAAM;GACN,SAAS;GACV;EACD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EACF;CACD,OAAO,CAAC,UAAU,SAAS;CAC3B,MAAM,OAAO,EAAE,QAAQ;EAErB,MAAM,EACJ,QACA,QACA,IACA,MAAM,YACJ,2BACF,eACA,eAAe,MAAM,WAAU,CACjC;EAEA,MAAM,EAAE,MAAM;EACd,MAAM,EAAE,eAAe;EAEvB,MAAM,UAAU,IAAI,MAAK;EAEzB,MAAM,QAAQ,SAA0B;GAEtC,WAAW;GACX,aAAa;GACb,UAAU;GACV,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,oBAAoB;GACpB,kBAAkB;GAClB,mBAAmB;GACnB,aAAa;GACb,aAAa,EAAE;GACf,0BAA0B;GAC1B,2BAA2B;GAC3B,MAAM;GACN,WAAW;GACX,cAAc;GACd,kBAAkB;GAClB,WAAW;GACX,YAAY;GACZ,gBAAgB,KAAA;GAChB,mBAAmB;GACnB,SAAS;GACT,WAAW;GACX,YAAY;GACZ,kBAAkB;GAClB,mBAAmB;GACnB,MAAM;GACN,OAAO,KAAA;GACP,WAAW;GACX,QAAQ;GACR,sBAAsB;GACtB,qBAAqB;GACrB,0BAA0B,QAAQ,QAAQ;GAC1C,yBAAyB,QAAQ,QAAQ;GACzC,uBAAuB;GACvB,oBAAoB;GAIpB,eAAe;GACf,QAAQ,YAAY;GACrB,CAAA;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,OAAO,MAAM;GACnB,OAAO,GAAG,GAAG,GAAG,QAAQ,KAAK,GAAG,QAAQ,kBAAkB,OAAM;IACjE;EAED,MAAM,YAAY,OAAM;EACxB,MAAM,UAAU,OAAM;EAEtB,MAAM,gBAAgB,eAAe;GACnC,MAAM,OAAO,MAAM;GACnB,OAAO,MAAM,QAAS,QAAQ,kBAAkB,SAAU;IAC3D;EACD,MAAM,aAAa,eAAe,CAAC,CAAC,MAAM,QAAO;EACjD,MAAM,UAAU,KAAiB;EACjC,MAAM,YAAY,KAAiB;EACnC,MAAM,gBAAgB,KAAiB;EACvC,MAAM,WAAW,KAAmB;EACpC,MAAM,aAAa,KAA6B;EAEhD,MAAM,uBAAuB,eAAe,MAAM,mBAAkB;EAEpE,YACQ,MAAM,YACZ,OAAO,QAAQ;GACb,MAAM,UAAS;GACf,IAAI,MAAM,YAAY,YAAY,KAChC,UAAS;KAGb,EAAE,WAAW,MAAK,CACpB;EAEA,YACQ,QAAQ,QACb,QAAQ;GACP,IAAI,KAAK;IACP,IAAI,MAAM,YAAY,UACpB,IAAI,MAAM,WACR,cAAc,QAAQ,WAAW,OAAO,OAAO,QAAQ;SAEvD,cAAc,QAAQ,QAAQ;IAGlC,MAAM,SAAS,YAAW;;GAE5B,IAAI,MAAM,YAAY,UAAU;GAChC,IAAI,KACF,UAAU,CAAC,WAAW;IACpB,IAAI,SAAS,SAAS,SAAS,MAAM,KACnC,IAAI,MAAM,WACR,cAAc,QAAQ,iBAAgB,IAAK,QAAQ;SAEnD,cAAc,QAAQ,QAAQ;KAGnC;QACI;IACL,MAAM,qBAAqB;IAC3B,MAAM,gBAAgB;;IAG5B;EAIA,MAAM,EAAE,eAAe,aAAa,SAAS,WAF3B,eAAe,MAAM,UAE0B,EADhD,eAAe,MAAM,SACqC,CAAA;EAE3E,UAAU,YAAY;GACpB,MAAM,UAAS;GACf,IAAI,MAAM,mBACR,OAAO,iBAAiB,cAAc,QAAO;IAEhD;EAED,sBAAsB;GACpB,IAAI,MAAM,mBACR,OAAO,oBAAoB,cAAc,QAAO;IAEnD;EAED,SAAS,UAAU;GACjB,IAAI,CAAC,QAAQ,OAAO;GACpB,QAAQ,QAAQ;GAChB,eAAe;IACb,IAAI,MAAM,QAAQ,KAAK,UAAU,MAAM,OAAM;KAC9C;;EAGH,MAAM,2BAA2B;GAC/B,IAAI,MAAM,mBACR,aAAa,MAAM,4BAA4B,UAAU,SAAQ;;EAIrE,MAAM,eAAe,cAAc,mBAAkB;EAErD,MAAM,oBAAoB,MAA6B;GACrD,IAAI,MAAM,cAAc,cAAc,CAAC,SAAS,OAAO,aAAa;IAClE,EAAE,gBAAe;IACjB,OAAO,aAAa,UAAS;;;EAIjC,MAAM,gBAAgB,WAAmB;GACvC,IAAI,MAAM,YAAY,YAAY,WAAW,aAAa,CAAC,UAAU,EACnE;GAGF,MAAM,SAAS;GAEf,IAAI,MAAM,aACR,MAAM,cAAc,QAAQ,OAAO,QAAO;QAE1C,SAAQ;;EAIZ,MAAM,iBAAiB;GACrB,IAAI,MAAM,YAAY,UAAU;IAC9B,MAAM,eAAe,MAAM;IAC3B,IAAI,gBAAgB,CAAC,aAAa,KAAK,MAAM,cAAc,GAAG,EAAE;KAC9D,MAAM,qBACJ,MAAM,qBAAqB,EAAE,sBAAqB;KACpD,MAAM,gBAAgB;KACtB,OAAO;;IAET,MAAM,iBAAiB,MAAM;IAC7B,IAAI,WAAW,eAAe,EAAE;KAC9B,MAAM,iBAAiB,eAAe,MAAM,WAAU;KACtD,IAAI,mBAAmB,OAAO;MAC5B,MAAM,qBACJ,MAAM,qBAAqB,EAAE,sBAAqB;MACpD,MAAM,gBAAgB;MACtB,OAAO;;KAET,IAAI,SAAS,eAAe,EAAE;MAC5B,MAAM,qBAAqB;MAC3B,MAAM,gBAAgB;MACtB,OAAO;;;;GAIb,MAAM,qBAAqB;GAC3B,MAAM,gBAAgB;GACtB,OAAO;;EAGT,MAAM,wBAAwB;GAC5B,MAAM,YAAY,SAAS,OAAO;GAClC,OAAQ,WAAW,SAAS,WAAW;;EAGzC,MAAM,oBAAoB;GACxB,aAAa,QAAO;;EAStB,MAAM,yBAAyB;GAC7B,IAAI,MAAM,oBACR,aAAY;;EAKhB,IAAI,MAAM,YACR,cAAc,SAAS,EAAE,IAAI,CAAA;EAG/B,OAAO;GACL,GAAG,OAAO,MAAM;GAChB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACF;;CAEH,CAAA"}
+{"version":3,"file":"index.vue_vue_type_script_lang.mjs","names":[],"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        role=\"dialog\"\n        :aria-label=\"title\"\n        aria-modal=\"true\"\n        :aria-describedby=\"!showInput ? contentId : undefined\"\n        :class=\"`${ns.namespace.value}-overlay-message-box`\"\n        @click=\"overlayEvent.onClick\"\n        @mousedown=\"overlayEvent.onMousedown\"\n        @mouseup=\"overlayEvent.onMouseup\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"rootRef\"\n          :focus-start-el=\"focusStartRef\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"rootRef\"\n            :class=\"[\n              ns.b(),\n              customClass,\n              ns.is('draggable', draggable),\n              ns.is('dragging', isDragging),\n              { [ns.m('center')]: center },\n            ]\"\n            :style=\"customStyle\"\n            tabindex=\"-1\"\n            @click.stop=\"\"\n          >\n            <div\n              v-if=\"title !== null && title !== undefined\"\n              ref=\"headerRef\"\n              :class=\"[ns.e('header'), { 'show-close': showClose }]\"\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=\"t('el.messagebox.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                  <component :is=\"closeIcon || 'close'\" />\n                </el-icon>\n              </button>\n            </div>\n            <div :id=\"contentId\" :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                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-if=\"!dangerouslyUseHTMLString\"\n                      :for=\"showInput ? inputId : undefined\"\n                      v-text=\"message\"\n                    />\n                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-else\n                      :for=\"showInput ? inputId : undefined\"\n                      v-html=\"message\"\n                    />\n                  </slot>\n                </div>\n              </div>\n              <div v-show=\"showInput\" :class=\"ns.e('input')\">\n                <el-input\n                  :id=\"inputId\"\n                  ref=\"inputRef\"\n                  v-model=\"inputValue\"\n                  :type=\"inputType\"\n                  :placeholder=\"inputPlaceholder\"\n                  :aria-invalid=\"validateError\"\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\n              v-if=\"showCancelButton || showConfirmButton\"\n              :class=\"ns.e('btns')\"\n            >\n              <el-button\n                v-if=\"showCancelButton\"\n                :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n                :text=\"cancelButtonType === 'text'\"\n                :loading=\"cancelButtonLoading\"\n                :loading-icon=\"cancelButtonLoadingIcon\"\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=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n                :text=\"confirmButtonType === 'text'\"\n                :loading=\"confirmButtonLoading\"\n                :loading-icon=\"confirmButtonLoadingIcon\"\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        </el-focus-trap>\n      </div>\n    </el-overlay>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  markRaw,\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  useId,\n  useLockscreen,\n  useSameTarget,\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  isFunction,\n  isString,\n  isValidComponentSize,\n} from '@element-plus/utils'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\n\nimport type { ComponentPublicInstance, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n  Action,\n  MessageBoxState,\n  MessageBoxType,\n} from './message-box.type'\nimport type { InputInstance } from '@element-plus/components/input'\n\nexport default defineComponent({\n  name: 'ElMessageBox',\n  directives: {\n    TrapFocus,\n  },\n  components: {\n    ElButton,\n    ElFocusTrap,\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    overflow: Boolean,\n    roundButton: Boolean,\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 {\n      locale,\n      zIndex,\n      ns,\n      size: btnSize,\n    } = useGlobalComponentSettings(\n      'message-box',\n      computed(() => props.buttonSize)\n    )\n\n    const { t } = locale\n    const { nextZIndex } = zIndex\n\n    const visible = ref(false)\n    // s represents state\n    const state = reactive<MessageBoxState>({\n      // autofocus element when open message-box\n      autofocus: true,\n      beforeClose: null,\n      callback: null,\n      cancelButtonText: '',\n      cancelButtonClass: '',\n      confirmButtonText: '',\n      confirmButtonClass: '',\n      cancelButtonType: '',\n      confirmButtonType: 'primary',\n      customClass: '',\n      customStyle: {},\n      dangerouslyUseHTMLString: false,\n      distinguishCancelAndClose: false,\n      icon: '',\n      closeIcon: '',\n      inputPattern: null,\n      inputPlaceholder: '',\n      inputType: 'text',\n      inputValue: '',\n      inputValidator: undefined,\n      inputErrorMessage: '',\n      message: '',\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      confirmButtonLoadingIcon: markRaw(Loading),\n      cancelButtonLoadingIcon: markRaw(Loading),\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 contentId = useId()\n    const inputId = useId()\n\n    const iconComponent = computed(() => {\n      const type = state.type\n      return state.icon || (type && TypeComponentsMap[type]) || ''\n    })\n    const hasMessage = computed(() => !!state.message)\n    const rootRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const focusStartRef = ref<HTMLElement>()\n    const inputRef = ref<InputInstance>()\n    const confirmRef = ref<ComponentPublicInstance>()\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) {\n          validate()\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => visible.value,\n      (val) => {\n        if (val) {\n          if (props.boxType !== 'prompt') {\n            if (state.autofocus) {\n              focusStartRef.value = confirmRef.value?.$el ?? rootRef.value\n            } else {\n              focusStartRef.value = rootRef.value\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              if (state.autofocus) {\n                focusStartRef.value = getInputElement() ?? rootRef.value\n              } else {\n                focusStartRef.value = rootRef.value\n              }\n            }\n          })\n        } else {\n          state.editorErrorMessage = ''\n          state.validateError = false\n        }\n      }\n    )\n\n    const draggable = computed(() => props.draggable)\n    const overflow = computed(() => props.overflow)\n    const { isDragging } = useDraggable(rootRef, headerRef, draggable, overflow)\n\n    onMounted(async () => {\n      await nextTick()\n      if (props.closeOnHashChange) {\n        window.addEventListener('hashchange', doClose)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (props.closeOnHashChange) {\n        window.removeEventListener('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 | Event) => {\n      if (state.inputType !== 'textarea' && !inputRef.value?.isComposing) {\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 (isFunction(inputValidator)) {\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 (isString(validateResult)) {\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 like this\n    // to dispatch, it could callout another message box.\n    const onCloseRequested = () => {\n      if (props.closeOnPressEscape) {\n        handleClose()\n      }\n    }\n\n    // locks the screen to prevent scroll\n    if (props.lockScroll) {\n      useLockscreen(visible, { ns })\n    }\n\n    return {\n      ...toRefs(state),\n      ns,\n      overlayEvent,\n      visible,\n      hasMessage,\n      typeClass,\n      contentId,\n      inputId,\n      btnSize,\n      iconComponent,\n      confirmButtonClasses,\n      rootRef,\n      focusStartRef,\n      headerRef,\n      inputRef,\n      isDragging,\n      confirmRef,\n      doClose, // for outside usage\n      handleClose, // for out side usage\n      onCloseRequested,\n      handleWrapperClick,\n      handleInputEnter,\n      handleAction,\n      t,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;AAyMA,IAAA,yCAAe,gBAAgB;CAC7B,MAAM;CACN,YAAY,EACV,WACD;CACD,YAAY;EACV;EACA,aAAA;EACA;EACA;EACA;EACA,GAAG;EACJ;CACD,cAAc;CACd,OAAO;EACL,YAAY;GACV,MAAM;GACN,WAAW;GACZ;EACD,OAAO;GACL,MAAM;GACN,SAAS;GACV;EACD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EACD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EACD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EACD,oBAAoB;GAClB,MAAM;GACN,SAAS;GACV;EACD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EACD,QAAQ;EACR,WAAW;EACX,UAAU;EACV,aAAa;EACb,WAAW;GACT,MAAM;GACN,SAAS;GACV;EACD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EACF;CACD,OAAO,CAAC,UAAU,SAAS;CAC3B,MAAM,OAAO,EAAE,QAAQ;EAErB,MAAM,EACJ,QACA,QACA,IACA,MAAM,YACJ,2BACF,eACA,eAAe,MAAM,WAAU,CACjC;EAEA,MAAM,EAAE,MAAM;EACd,MAAM,EAAE,eAAe;EAEvB,MAAM,UAAU,IAAI,MAAK;EAEzB,MAAM,QAAQ,SAA0B;GAEtC,WAAW;GACX,aAAa;GACb,UAAU;GACV,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,oBAAoB;GACpB,kBAAkB;GAClB,mBAAmB;GACnB,aAAa;GACb,aAAa,EAAE;GACf,0BAA0B;GAC1B,2BAA2B;GAC3B,MAAM;GACN,WAAW;GACX,cAAc;GACd,kBAAkB;GAClB,WAAW;GACX,YAAY;GACZ,gBAAgB,KAAA;GAChB,mBAAmB;GACnB,SAAS;GACT,WAAW;GACX,YAAY;GACZ,kBAAkB;GAClB,mBAAmB;GACnB,MAAM;GACN,OAAO,KAAA;GACP,WAAW;GACX,QAAQ;GACR,sBAAsB;GACtB,qBAAqB;GACrB,0BAA0B,QAAQ,QAAQ;GAC1C,yBAAyB,QAAQ,QAAQ;GACzC,uBAAuB;GACvB,oBAAoB;GAIpB,eAAe;GACf,QAAQ,YAAY;GACrB,CAAA;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,OAAO,MAAM;GACnB,OAAO,GAAG,GAAG,GAAG,QAAQ,KAAK,GAAG,QAAQ,kBAAkB,OAAM;IACjE;EAED,MAAM,YAAY,OAAM;EACxB,MAAM,UAAU,OAAM;EAEtB,MAAM,gBAAgB,eAAe;GACnC,MAAM,OAAO,MAAM;GACnB,OAAO,MAAM,QAAS,QAAQ,kBAAkB,SAAU;IAC3D;EACD,MAAM,aAAa,eAAe,CAAC,CAAC,MAAM,QAAO;EACjD,MAAM,UAAU,KAAiB;EACjC,MAAM,YAAY,KAAiB;EACnC,MAAM,gBAAgB,KAAiB;EACvC,MAAM,WAAW,KAAmB;EACpC,MAAM,aAAa,KAA6B;EAEhD,MAAM,uBAAuB,eAAe,MAAM,mBAAkB;EAEpE,YACQ,MAAM,YACZ,OAAO,QAAQ;GACb,MAAM,UAAS;GACf,IAAI,MAAM,YAAY,YAAY,KAChC,UAAS;KAGb,EAAE,WAAW,MAAK,CACpB;EAEA,YACQ,QAAQ,QACb,QAAQ;GACP,IAAI,KAAK;IACP,IAAI,MAAM,YAAY,UACpB,IAAI,MAAM,WACR,cAAc,QAAQ,WAAW,OAAO,OAAO,QAAQ;SAEvD,cAAc,QAAQ,QAAQ;IAGlC,MAAM,SAAS,YAAW;;GAE5B,IAAI,MAAM,YAAY,UAAU;GAChC,IAAI,KACF,UAAU,CAAC,WAAW;IACpB,IAAI,SAAS,SAAS,SAAS,MAAM,KACnC,IAAI,MAAM,WACR,cAAc,QAAQ,iBAAgB,IAAK,QAAQ;SAEnD,cAAc,QAAQ,QAAQ;KAGnC;QACI;IACL,MAAM,qBAAqB;IAC3B,MAAM,gBAAgB;;IAG5B;EAIA,MAAM,EAAE,eAAe,aAAa,SAAS,WAF3B,eAAe,MAAM,UAE0B,EADhD,eAAe,MAAM,SACqC,CAAA;EAE3E,UAAU,YAAY;GACpB,MAAM,UAAS;GACf,IAAI,MAAM,mBACR,OAAO,iBAAiB,cAAc,QAAO;IAEhD;EAED,sBAAsB;GACpB,IAAI,MAAM,mBACR,OAAO,oBAAoB,cAAc,QAAO;IAEnD;EAED,SAAS,UAAU;GACjB,IAAI,CAAC,QAAQ,OAAO;GACpB,QAAQ,QAAQ;GAChB,eAAe;IACb,IAAI,MAAM,QAAQ,KAAK,UAAU,MAAM,OAAM;KAC9C;;EAGH,MAAM,2BAA2B;GAC/B,IAAI,MAAM,mBACR,aAAa,MAAM,4BAA4B,UAAU,SAAQ;;EAIrE,MAAM,eAAe,cAAc,mBAAkB;EAErD,MAAM,oBAAoB,MAA6B;GACrD,IAAI,MAAM,cAAc,cAAc,CAAC,SAAS,OAAO,aAAa;IAClE,EAAE,gBAAe;IACjB,OAAO,aAAa,UAAS;;;EAIjC,MAAM,gBAAgB,WAAmB;GACvC,IAAI,MAAM,YAAY,YAAY,WAAW,aAAa,CAAC,UAAU,EACnE;GAGF,MAAM,SAAS;GAEf,IAAI,MAAM,aACR,MAAM,cAAc,QAAQ,OAAO,QAAO;QAE1C,SAAQ;;EAIZ,MAAM,iBAAiB;GACrB,IAAI,MAAM,YAAY,UAAU;IAC9B,MAAM,eAAe,MAAM;IAC3B,IAAI,gBAAgB,CAAC,aAAa,KAAK,MAAM,cAAc,GAAG,EAAE;KAC9D,MAAM,qBACJ,MAAM,qBAAqB,EAAE,sBAAqB;KACpD,MAAM,gBAAgB;KACtB,OAAO;;IAET,MAAM,iBAAiB,MAAM;IAC7B,IAAI,WAAW,eAAe,EAAE;KAC9B,MAAM,iBAAiB,eAAe,MAAM,WAAU;KACtD,IAAI,mBAAmB,OAAO;MAC5B,MAAM,qBACJ,MAAM,qBAAqB,EAAE,sBAAqB;MACpD,MAAM,gBAAgB;MACtB,OAAO;;KAET,IAAI,SAAS,eAAe,EAAE;MAC5B,MAAM,qBAAqB;MAC3B,MAAM,gBAAgB;MACtB,OAAO;;;;GAIb,MAAM,qBAAqB;GAC3B,MAAM,gBAAgB;GACtB,OAAO;;EAGT,MAAM,wBAAwB;GAC5B,MAAM,YAAY,SAAS,OAAO;GAClC,OAAQ,WAAW,SAAS,WAAW;;EAGzC,MAAM,oBAAoB;GACxB,aAAa,QAAO;;EAStB,MAAM,yBAAyB;GAC7B,IAAI,MAAM,oBACR,aAAY;;EAKhB,IAAI,MAAM,YACR,cAAc,SAAS,EAAE,IAAI,CAAA;EAG/B,OAAO;GACL,GAAG,OAAO,MAAM;GAChB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACF;;CAEH,CAAA"}

package/es/components/notification/src/notification.vue.d.ts

@@ -21,11 +21,11 @@ declare const __VLS_base: _$vue.DefineComponent<NotificationProps, {
   offset: number;
   position: NotificationPosition;
   title: string;
-  id: string;
+  duration: number;
   onClick: () => void;
+  id: string;
   closeIcon: IconPropType;
   showClose: boolean;
-  duration: number;
   customClass: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/page-header/src/page-header.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_base: _$vue.DefineComponent<PageHeaderProps, {}, {}, {}, {},
 }, string, _$vue.PublicProps, Readonly<PageHeaderProps> & Readonly<{
   onBack?: (() => any) | undefined;
 }>, {
-  content: string;
   icon: IconPropType;
+  content: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/pagination/src/pagination.d.ts

@@ -136,9 +136,9 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
 }>, {
   readonly small: boolean;
   readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly popperClass: string;
   readonly disabled: boolean;
   readonly layout: string;
-  readonly popperClass: string;
   readonly background: boolean;
   readonly pagerCount: number;
   readonly pageSizes: number[];

package/es/components/popconfirm/src/popconfirm.d.ts

@@ -79,8 +79,8 @@ declare const popconfirmProps: {
   readonly title: StringConstructor;
   readonly confirmButtonText: StringConstructor;
   readonly cancelButtonText: StringConstructor;
-  readonly confirmButtonType: EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "primary", boolean>;
-  readonly cancelButtonType: EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "text", boolean>;
+  readonly confirmButtonType: EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "danger" | "text", unknown, "primary", boolean>;
+  readonly cancelButtonType: EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "danger" | "text", unknown, "text", boolean>;
   readonly icon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, () => _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
   readonly iconColor: EpPropFinalized<StringConstructor, unknown, unknown, "#f90", boolean>;
   readonly hideIcon: BooleanConstructor;

package/es/components/popover/src/popover.d.ts

@@ -112,9 +112,9 @@ interface PopoverProps {
  * @deprecated Removed after 3.0.0, Use `PopoverProps` instead.
  */
 declare const popoverProps: {
-  readonly trigger: EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
   readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
   readonly disabled: BooleanConstructor;
   readonly visible: EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | (((new (...args: any[]) => boolean) | (() => boolean | null)) | null)[], unknown, unknown, null, boolean>;
   readonly transition: StringConstructor;

package/es/components/popover/src/popover.vue.d.ts

@@ -33,21 +33,21 @@ declare const __VLS_base: _$vue.DefineComponent<PopoverProps, {
   offset: number;
   teleported: boolean;
   effect: PopperEffect;
-  tabindex: string | number;
-  visible: boolean | null;
-  content: string;
-  enterable: boolean;
-  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  placement: Placement;
-  popperOptions: Partial<Options>;
-  showArrow: boolean;
-  persistent: boolean;
   showAfter: number;
   hideAfter: number;
   autoClose: number;
+  placement: Placement;
+  popperOptions: Partial<Options>;
+  enterable: boolean;
+  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  visible: boolean | null;
+  content: string;
+  persistent: boolean;
+  width: string | number;
+  showArrow: boolean;
   trigger: Arrayable<TooltipTriggerType>;
   triggerKeys: string[];
-  width: string | number;
+  tabindex: string | number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/popper/src/composables/use-content.d.ts

@@ -51,11 +51,11 @@ declare const usePopperContent: (props: PopperContentProps) => {
         popperEscapeOffsets: _$_popperjs_core0.SideObject;
       };
       offset?: {
+        left?: _$_popperjs_core0.Offsets | undefined;
+        right?: _$_popperjs_core0.Offsets | undefined;
         top?: _$_popperjs_core0.Offsets | undefined;
         auto?: _$_popperjs_core0.Offsets | undefined;
         bottom?: _$_popperjs_core0.Offsets | undefined;
-        left?: _$_popperjs_core0.Offsets | undefined;
-        right?: _$_popperjs_core0.Offsets | undefined;
         "auto-start"?: _$_popperjs_core0.Offsets | undefined;
         "auto-end"?: _$_popperjs_core0.Offsets | undefined;
         "top-start"?: _$_popperjs_core0.Offsets | undefined;

package/es/components/popper/src/composables/use-focus-trap.d.ts

@@ -4,7 +4,7 @@ import { SetupContext } from "vue";
 
 //#region ../../packages/components/popper/src/composables/use-focus-trap.d.ts
 declare const usePopperContentFocusTrap: (props: PopperContentProps, emit: SetupContext<PopperContentEmits>["emit"]) => {
-  focusStartRef: _$vue.Ref<HTMLElement | "first" | "container" | undefined, HTMLElement | "first" | "container" | undefined>;
+  focusStartRef: _$vue.Ref<HTMLElement | "container" | "first" | undefined, HTMLElement | "container" | "first" | undefined>;
   trapped: _$vue.Ref<boolean, boolean>;
   onFocusAfterReleased: (event: CustomEvent) => void;
   onFocusAfterTrapped: () => void;

package/es/components/popper/src/content.vue.d.ts

@@ -30,33 +30,33 @@ declare const __VLS_base: _$vue.DefineComponent<PopperContentProps, {
   close: () => void;
   focus: () => void;
   blur: () => void;
-  mouseleave: (evt: MouseEvent) => void;
   mouseenter: (evt: MouseEvent) => void;
+  mouseleave: (evt: MouseEvent) => void;
 }, string, _$vue.PublicProps, Readonly<PopperContentProps> & Readonly<{
   onClose?: (() => any) | undefined;
   onFocus?: (() => any) | undefined;
   onBlur?: (() => any) | undefined;
-  onMouseleave?: ((evt: MouseEvent) => any) | undefined;
   onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+  onMouseleave?: ((evt: MouseEvent) => any) | undefined;
 }>, {
   offset: number;
   effect: PopperEffect;
-  visible: boolean;
-  style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  enterable: boolean;
-  pure: boolean;
-  focusOnShow: boolean;
-  trapping: boolean;
-  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  stopPopperMouseEvent: boolean;
-  virtualTriggering: boolean;
-  loop: boolean;
   boundariesPadding: number;
   gpuAcceleration: boolean;
   placement: Placement$1;
   popperOptions: Partial<Options$1>;
   strategy: "fixed" | "absolute";
   arrowOffset: number;
+  style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  enterable: boolean;
+  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  stopPopperMouseEvent: boolean;
+  loop: boolean;
+  visible: boolean;
+  pure: boolean;
+  focusOnShow: boolean;
+  trapping: boolean;
+  virtualTriggering: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/popper/src/popper.d.ts

@@ -22,7 +22,7 @@ interface PopperProps {
  * @deprecated Removed after 3.0.0, Use `PopperProps` instead.
  */
 declare const popperProps: {
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "dialog" | "tree" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `PopperProps` instead.
@@ -31,7 +31,7 @@ type PopperPropsPublic = ExtractPublicPropTypes<typeof popperProps>;
 type PopperInstance = InstanceType<typeof _default> & unknown;
 /** @deprecated use `popperProps` instead, and it will be deprecated in the next major version */
 declare const usePopperProps: {
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "dialog" | "tree" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
 };
 /** @deprecated use `PopperProps` instead, and it will be deprecated in the next major version */
 type UsePopperProps = PopperProps;