@element-plus/nightly 0.0.20260119 → 0.0.20260120

package/es/components/notification/src/notification.vue2.mjs

@@ -1,7 +1,8 @@
-import { defineComponent, ref, computed, onMounted, createBlock, openBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeStyle, normalizeClass, createCommentVNode, resolveDynamicComponent, toDisplayString, renderSlot, createElementBlock, Fragment, vShow, withModifiers } from 'vue';
+import { defineComponent, markRaw, ref, computed, onMounted, createBlock, openBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeStyle, normalizeClass, createCommentVNode, resolveDynamicComponent, toDisplayString, renderSlot, createElementBlock, Fragment, vShow, withModifiers } from 'vue';
 import { useEventListener, useTimeoutFn } from '@vueuse/core';
 import { ElIcon } from '../../icon/index.mjs';
-import { notificationEmits, notificationProps } from './notification.mjs';
+import { notificationEmits } from './notification.mjs';
+import { Close } from '@element-plus/icons-vue';
 import { useGlobalComponentSettings } from '../../config-provider/src/hooks/use-global-config.mjs';
 import { TypeComponentsMap } from '../../../utils/vue/icon.mjs';
 import { getEventCode } from '../../../utils/dom/event.mjs';
@@ -16,7 +17,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElNotification"
   },
   __name: "notification",
-  props: notificationProps,
+  props: {
+    customClass: { type: String, required: false, default: "" },
+    dangerouslyUseHTMLString: { type: Boolean, required: false },
+    duration: { type: Number, required: false, default: 4500 },
+    icon: { type: null, required: false },
+    id: { type: String, required: false, default: "" },
+    message: { type: [String, Object, Function], required: false, default: "" },
+    offset: { type: Number, required: false, default: 0 },
+    onClick: { type: Function, required: false, default: () => void 0 },
+    onClose: { type: Function, required: true },
+    position: { type: String, required: false, default: "top-right" },
+    showClose: { type: Boolean, required: false, default: true },
+    title: { type: String, required: false, default: "" },
+    type: { type: null, required: false, default: "" },
+    zIndex: { type: Number, required: false },
+    closeIcon: { type: null, required: false, default: markRaw(Close) }
+  },
   emits: notificationEmits,
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -89,20 +106,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, {
         name: unref(ns).b("fade"),
-        onBeforeLeave: _ctx.onClose,
+        onBeforeLeave: __props.onClose,
         onAfterLeave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("destroy")),
         persisted: ""
       }, {
         default: withCtx(() => [
           withDirectives(createElementVNode("div", {
-            id: _ctx.id,
-            class: normalizeClass([unref(ns).b(), _ctx.customClass, horizontalClass.value]),
+            id: __props.id,
+            class: normalizeClass([unref(ns).b(), __props.customClass, horizontalClass.value]),
             style: normalizeStyle(positionStyle.value),
             role: "alert",
             onMouseenter: clearTimer,
             onMouseleave: startTimer,
             onClick: _cache[0] || (_cache[0] = //@ts-ignore
-            (...args) => _ctx.onClick && _ctx.onClick(...args))
+            (...args) => __props.onClick && __props.onClick(...args))
           }, [
             iconComponent.value ? (openBlock(), createBlock(unref(ElIcon), {
               key: 0,
@@ -122,20 +139,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               [
                 createElementVNode("h2", {
                   class: normalizeClass(unref(ns).e("title")),
-                  textContent: toDisplayString(_ctx.title)
+                  textContent: toDisplayString(__props.title)
                 }, null, 10, _hoisted_2),
                 withDirectives(createElementVNode(
                   "div",
                   {
                     class: normalizeClass(unref(ns).e("content")),
-                    style: normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
+                    style: normalizeStyle(!!__props.title ? void 0 : { margin: 0 })
                   },
                   [
                     renderSlot(_ctx.$slots, "default", {}, () => [
-                      !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock(
+                      !__props.dangerouslyUseHTMLString ? (openBlock(), createElementBlock(
                         "p",
                         _hoisted_3,
-                        toDisplayString(_ctx.message),
+                        toDisplayString(__props.message),
                         1
                         /* TEXT */
                       )) : (openBlock(), createElementBlock(
@@ -143,7 +160,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         { key: 1 },
                         [
                           createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
-                          createElementVNode("p", { innerHTML: _ctx.message }, null, 8, _hoisted_4)
+                          createElementVNode("p", { innerHTML: __props.message }, null, 8, _hoisted_4)
                         ],
                         2112
                         /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -153,15 +170,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   6
                   /* CLASS, STYLE */
                 ), [
-                  [vShow, _ctx.message]
+                  [vShow, __props.message]
                 ]),
-                _ctx.showClose ? (openBlock(), createBlock(unref(ElIcon), {
+                __props.showClose ? (openBlock(), createBlock(unref(ElIcon), {
                   key: 0,
                   class: normalizeClass(unref(ns).e("closeBtn")),
                   onClick: withModifiers(close, ["stop"])
                 }, {
                   default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon)))
+                    (openBlock(), createBlock(resolveDynamicComponent(__props.closeIcon)))
                   ]),
                   _: 1
                   /* STABLE */

package/es/components/notification/src/notification.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"notification.vue2.mjs","sources":["../../../../../../packages/components/notification/src/notification.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[ns.b(), customClass, horizontalClass]\"\n      :style=\"positionStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n      @click=\"onClick\"\n    >\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div :class=\"ns.e('group')\">\n        <h2 :class=\"ns.e('title')\" v-text=\"title\" />\n        <div\n          v-show=\"message\"\n          :class=\"ns.e('content')\"\n          :style=\"!!title ? undefined : { margin: 0 }\"\n        >\n          <slot>\n            <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n            <!-- Caution here, message could've been compromised, never use user's input as message -->\n            <p v-else v-html=\"message\" />\n          </slot>\n        </div>\n        <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n          <component :is=\"closeIcon\" />\n        </el-icon>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { TypeComponentsMap, getEventCode } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { notificationEmits, notificationProps } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElNotification',\n})\n\nconst props = defineProps(notificationProps)\ndefineEmits(notificationEmits)\n\nconst { ns, zIndex } = useGlobalComponentSettings('notification')\nconst { nextZIndex, currentZIndex } = zIndex\n\nconst visible = ref(false)\nlet timer: (() => void) | undefined = undefined\n\nconst typeClass = computed(() => {\n  const type = props.type\n  return type && TypeComponentsMap[props.type] ? ns.m(type) : ''\n})\n\nconst iconComponent = computed(() => {\n  if (!props.type) return props.icon\n  return TypeComponentsMap[props.type] || props.icon\n})\n\nconst horizontalClass = computed(() =>\n  props.position.endsWith('right') ? 'right' : 'left'\n)\n\nconst verticalProperty = computed(() =>\n  props.position.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst positionStyle = computed<CSSProperties>(() => {\n  return {\n    [verticalProperty.value]: `${props.offset}px`,\n    zIndex: props.zIndex ?? currentZIndex.value,\n  }\n})\n\nfunction startTimer() {\n  if (props.duration > 0) {\n    ;({ stop: timer } = useTimeoutFn(() => {\n      if (visible.value) close()\n    }, props.duration))\n  }\n}\n\nfunction clearTimer() {\n  timer?.()\n}\n\nfunction close() {\n  visible.value = false\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n\n  switch (code) {\n    case EVENT_CODE.delete:\n    case EVENT_CODE.backspace:\n      clearTimer() // press delete/backspace clear timer\n      break\n    case EVENT_CODE.esc:\n      // press esc to close the notification\n      if (visible.value) {\n        close()\n      }\n      break\n    default: // resume timer\n      startTimer()\n      break\n  }\n}\n\n// lifecycle\nonMounted(() => {\n  startTimer()\n  nextZIndex()\n  visible.value = true\n})\n\nuseEventListener(document, 'keydown', onKeydown)\n\ndefineExpose({\n  visible,\n  /** @description close notification */\n  close,\n})\n</script>\n"],"names":["_createBlock","_Transition","_unref","onClose","$emit","_createElementVNode","id","customClass","_normalizeClass","_openBlock","_resolveDynamicComponent","_toDisplayString","title","_normalizeStyle","_renderSlot","dangerouslyUseHTMLString","_createElementBlock","message","_Fragment","_createCommentVNode","showClose","closeIcon"],"mappings":"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"}
+{"version":3,"file":"notification.vue2.mjs","sources":["../../../../../../packages/components/notification/src/notification.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[ns.b(), customClass, horizontalClass]\"\n      :style=\"positionStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n      @click=\"onClick\"\n    >\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div :class=\"ns.e('group')\">\n        <h2 :class=\"ns.e('title')\" v-text=\"title\" />\n        <div\n          v-show=\"message\"\n          :class=\"ns.e('content')\"\n          :style=\"!!title ? undefined : { margin: 0 }\"\n        >\n          <slot>\n            <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n            <!-- Caution here, message could've been compromised, never use user's input as message -->\n            <p v-else v-html=\"message\" />\n          </slot>\n        </div>\n        <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n          <component :is=\"closeIcon\" />\n        </el-icon>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, markRaw, onMounted, ref } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { TypeComponentsMap, getEventCode } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { notificationEmits } from './notification'\nimport { Close } from '@element-plus/icons-vue'\n\nimport type { CSSProperties } from 'vue'\nimport type { NotificationProps } from './notification'\n\ndefineOptions({\n  name: 'ElNotification',\n})\n\nconst props = withDefaults(defineProps<NotificationProps>(), {\n  customClass: '',\n  duration: 4500,\n  id: '',\n  message: '',\n  offset: 0,\n  onClick: () => undefined,\n  position: 'top-right',\n  showClose: true,\n  title: '',\n  type: '',\n  closeIcon: markRaw(Close),\n})\ndefineEmits(notificationEmits)\n\nconst { ns, zIndex } = useGlobalComponentSettings('notification')\nconst { nextZIndex, currentZIndex } = zIndex\n\nconst visible = ref(false)\nlet timer: (() => void) | undefined = undefined\n\nconst typeClass = computed(() => {\n  const type = props.type\n  return type && TypeComponentsMap[props.type] ? ns.m(type) : ''\n})\n\nconst iconComponent = computed(() => {\n  if (!props.type) return props.icon\n  return TypeComponentsMap[props.type] || props.icon\n})\n\nconst horizontalClass = computed(() =>\n  props.position.endsWith('right') ? 'right' : 'left'\n)\n\nconst verticalProperty = computed(() =>\n  props.position.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst positionStyle = computed<CSSProperties>(() => {\n  return {\n    [verticalProperty.value]: `${props.offset}px`,\n    zIndex: props.zIndex ?? currentZIndex.value,\n  }\n})\n\nfunction startTimer() {\n  if (props.duration > 0) {\n    ;({ stop: timer } = useTimeoutFn(() => {\n      if (visible.value) close()\n    }, props.duration))\n  }\n}\n\nfunction clearTimer() {\n  timer?.()\n}\n\nfunction close() {\n  visible.value = false\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n\n  switch (code) {\n    case EVENT_CODE.delete:\n    case EVENT_CODE.backspace:\n      clearTimer() // press delete/backspace clear timer\n      break\n    case EVENT_CODE.esc:\n      // press esc to close the notification\n      if (visible.value) {\n        close()\n      }\n      break\n    default: // resume timer\n      startTimer()\n      break\n  }\n}\n\n// lifecycle\nonMounted(() => {\n  startTimer()\n  nextZIndex()\n  visible.value = true\n})\n\nuseEventListener(document, 'keydown', onKeydown)\n\ndefineExpose({\n  visible,\n  /** @description close notification */\n  close,\n})\n</script>\n"],"names":["_createBlock","_Transition","_unref","$emit","_createElementVNode","_normalizeClass","_openBlock","_resolveDynamicComponent","_toDisplayString","_normalizeStyle","_renderSlot","_createElementBlock","_Fragment","_createCommentVNode"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import type { VNode } from 'vue';
-import type { NotificationOptions, Notify } from './notification';
+import type { NotificationPosition, Notify } from './notification';
 /**
  * This function gets called when user click `x` button or press `esc` or the time reached its limitation.
  * Emitted by transition@before-leave event so that we can fetch the current notification.offsetHeight, if this was called
@@ -8,8 +8,8 @@ import type { NotificationOptions, Notify } from './notification';
  * @param {Position} position the positioning strategy
  * @param {Function} userOnClose the callback called when close passed by user
  */
-export declare function close(id: string, position: NotificationOptions['position'], userOnClose?: (vm: VNode) => void): void;
+export declare function close(id: string, position: NotificationPosition, userOnClose?: (vm: VNode) => void): void;
 export declare function closeAll(): void;
-export declare function updateOffsets(position?: NotificationOptions['position']): void;
+export declare function updateOffsets(position?: NotificationPosition): void;
 declare const _default: Notify;
 export default _default;

package/es/components/notification/src/notify.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"notify.mjs","sources":["../../../../../../packages/components/notification/src/notify.ts"],"sourcesContent":["import { createVNode, isVNode, render } from 'vue'\nimport {\n  debugWarn,\n  isClient,\n  isElement,\n  isFunction,\n  isString,\n  isUndefined,\n} from '@element-plus/utils'\nimport NotificationConstructor from './notification.vue'\nimport { notificationTypes } from './notification'\n\nimport type { Ref, VNode } from 'vue'\nimport type {\n  NotificationOptions,\n  NotificationProps,\n  NotificationQueue,\n  Notify,\n  NotifyFn,\n} from './notification'\n\n// This should be a queue but considering there were `non-autoclosable` notifications.\nconst notifications: Record<\n  NotificationOptions['position'],\n  NotificationQueue\n> = {\n  'top-left': [],\n  'top-right': [],\n  'bottom-left': [],\n  'bottom-right': [],\n}\n\n// the gap size between each notification\nconst GAP_SIZE = 16\nlet seed = 1\n\nconst notify: NotifyFn & Partial<Notify> = function (options = {}, context) {\n  if (!isClient) return { close: () => undefined }\n\n  if (isString(options) || isVNode(options)) {\n    options = { message: options }\n  }\n\n  const position = options.position || 'top-right'\n\n  let verticalOffset = options.offset || 0\n  notifications[position].forEach(({ vm }) => {\n    verticalOffset += (vm.el?.offsetHeight || 0) + GAP_SIZE\n  })\n  verticalOffset += GAP_SIZE\n\n  const id = `notification_${seed++}`\n  const userOnClose = options.onClose\n  const props: Partial<NotificationProps> = {\n    ...options,\n    offset: verticalOffset,\n    id,\n    onClose: () => {\n      close(id, position, userOnClose)\n    },\n  }\n\n  let appendTo: HTMLElement | null = document.body\n  if (isElement(options.appendTo)) {\n    appendTo = options.appendTo\n  } else if (isString(options.appendTo)) {\n    appendTo = document.querySelector(options.appendTo)\n  }\n\n  // should fallback to default value with a warning\n  if (!isElement(appendTo)) {\n    debugWarn(\n      'ElNotification',\n      'the appendTo option is not an HTMLElement. Falling back to document.body.'\n    )\n    appendTo = document.body\n  }\n\n  const container = document.createElement('div')\n\n  const vm = createVNode(\n    NotificationConstructor,\n    props,\n    isFunction(props.message)\n      ? props.message\n      : isVNode(props.message)\n        ? () => props.message\n        : null\n  )\n  vm.appContext = isUndefined(context) ? notify._context : context\n\n  // clean notification element preventing mem leak\n  vm.props!.onDestroy = () => {\n    render(null, container)\n  }\n\n  // instances will remove this item when close function gets called. So we do not need to worry about it.\n  render(vm, container)\n  notifications[position].push({ vm })\n  appendTo.appendChild(container.firstElementChild!)\n\n  return {\n    // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle\n    // for out component, so that all closing steps will not be skipped.\n    close: () => {\n      ;(vm.component!.exposed as { visible: Ref<boolean> }).visible.value =\n        false\n    },\n  }\n}\nnotificationTypes.forEach((type) => {\n  notify[type] = (options = {}, appContext) => {\n    if (isString(options) || isVNode(options)) {\n      options = {\n        message: options,\n      }\n    }\n    return notify({ ...options, type }, appContext)\n  }\n})\n\n/**\n * This function gets called when user click `x` button or press `esc` or the time reached its limitation.\n * Emitted by transition@before-leave event so that we can fetch the current notification.offsetHeight, if this was called\n * by @after-leave the DOM element will be removed from the page thus we can no longer fetch the offsetHeight.\n * @param {String} id notification id to be closed\n * @param {Position} position the positioning strategy\n * @param {Function} userOnClose the callback called when close passed by user\n */\nexport function close(\n  id: string,\n  position: NotificationOptions['position'],\n  userOnClose?: (vm: VNode) => void\n): void {\n  // maybe we can store the index when inserting the vm to notification list.\n  const orientedNotifications = notifications[position]\n  const idx = orientedNotifications.findIndex(\n    ({ vm }) => vm.component?.props.id === id\n  )\n  if (idx === -1) return\n  const { vm } = orientedNotifications[idx]\n  if (!vm) return\n  // calling user's on close function before notification gets removed from DOM.\n  userOnClose?.(vm)\n\n  // note that this is called @before-leave, that's why we were able to fetch this property.\n  const removedHeight = vm.el!.offsetHeight\n  const verticalPos = position.split('-')[0]\n  orientedNotifications.splice(idx, 1)\n  const len = orientedNotifications.length\n  if (len < 1) return\n  // starting from the removing item.\n  for (let i = idx; i < len; i++) {\n    // new position equals the current offsetTop minus removed height plus 16px(the gap size between each item)\n    const { el, component } = orientedNotifications[i].vm\n    const pos =\n      Number.parseInt(el!.style[verticalPos], 10) - removedHeight - GAP_SIZE\n    component!.props.offset = pos\n  }\n}\n\nexport function closeAll(): void {\n  // loop through all directions, close them at once.\n  for (const orientedNotifications of Object.values(notifications)) {\n    orientedNotifications.forEach(({ vm }) => {\n      // same as the previous close method, we'd like to make sure lifecycle gets handle properly.\n      ;(vm.component!.exposed as { visible: Ref<boolean> }).visible.value =\n        false\n    })\n  }\n}\n\nexport function updateOffsets(\n  position: NotificationOptions['position'] = 'top-right'\n) {\n  let verticalOffset =\n    notifications[position][0]?.vm.component?.props?.offset || 0\n\n  for (const { vm } of notifications[position]) {\n    vm.component!.props.offset = verticalOffset\n    verticalOffset += (vm.el?.offsetHeight || 0) + GAP_SIZE\n  }\n}\n\nnotify.closeAll = closeAll\nnotify.updateOffsets = updateOffsets\nnotify._context = null\n\nexport default notify as Notify\n"],"names":["vm","NotificationConstructor"],"mappings":"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"}
+{"version":3,"file":"notify.mjs","sources":["../../../../../../packages/components/notification/src/notify.ts"],"sourcesContent":["import { createVNode, isVNode, render } from 'vue'\nimport {\n  debugWarn,\n  isClient,\n  isElement,\n  isFunction,\n  isString,\n  isUndefined,\n} from '@element-plus/utils'\nimport NotificationConstructor from './notification.vue'\nimport { notificationTypes } from './notification'\n\nimport type { Ref, VNode } from 'vue'\nimport type {\n  NotificationPosition,\n  NotificationProps,\n  NotificationQueue,\n  Notify,\n  NotifyFn,\n} from './notification'\n\n// This should be a queue but considering there were `non-autoclosable` notifications.\nconst notifications: Record<NotificationPosition, NotificationQueue> = {\n  'top-left': [],\n  'top-right': [],\n  'bottom-left': [],\n  'bottom-right': [],\n}\n\n// the gap size between each notification\nconst GAP_SIZE = 16\nlet seed = 1\n\nconst notify: NotifyFn & Partial<Notify> = function (options = {}, context) {\n  if (!isClient) return { close: () => undefined }\n\n  if (isString(options) || isVNode(options)) {\n    options = { message: options }\n  }\n\n  const position = options.position || 'top-right'\n\n  let verticalOffset = options.offset || 0\n  notifications[position].forEach(({ vm }) => {\n    verticalOffset += (vm.el?.offsetHeight || 0) + GAP_SIZE\n  })\n  verticalOffset += GAP_SIZE\n\n  const id = `notification_${seed++}`\n  const userOnClose = options.onClose\n  const props: Partial<NotificationProps> = {\n    ...options,\n    offset: verticalOffset,\n    id,\n    onClose: () => {\n      close(id, position, userOnClose)\n    },\n  }\n\n  let appendTo: HTMLElement | null = document.body\n  if (isElement(options.appendTo)) {\n    appendTo = options.appendTo\n  } else if (isString(options.appendTo)) {\n    appendTo = document.querySelector(options.appendTo)\n  }\n\n  // should fallback to default value with a warning\n  if (!isElement(appendTo)) {\n    debugWarn(\n      'ElNotification',\n      'the appendTo option is not an HTMLElement. Falling back to document.body.'\n    )\n    appendTo = document.body\n  }\n\n  const container = document.createElement('div')\n\n  const vm = createVNode(\n    NotificationConstructor,\n    props,\n    isFunction(props.message)\n      ? props.message\n      : isVNode(props.message)\n        ? () => props.message\n        : null\n  )\n  vm.appContext = isUndefined(context) ? notify._context : context\n\n  // clean notification element preventing mem leak\n  vm.props!.onDestroy = () => {\n    render(null, container)\n  }\n\n  // instances will remove this item when close function gets called. So we do not need to worry about it.\n  render(vm, container)\n  notifications[position].push({ vm })\n  appendTo.appendChild(container.firstElementChild!)\n\n  return {\n    // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle\n    // for out component, so that all closing steps will not be skipped.\n    close: () => {\n      ;(vm.component!.exposed as { visible: Ref<boolean> }).visible.value =\n        false\n    },\n  }\n}\nnotificationTypes.forEach((type) => {\n  notify[type] = (options = {}, appContext) => {\n    if (isString(options) || isVNode(options)) {\n      options = {\n        message: options,\n      }\n    }\n    return notify({ ...options, type }, appContext)\n  }\n})\n\n/**\n * This function gets called when user click `x` button or press `esc` or the time reached its limitation.\n * Emitted by transition@before-leave event so that we can fetch the current notification.offsetHeight, if this was called\n * by @after-leave the DOM element will be removed from the page thus we can no longer fetch the offsetHeight.\n * @param {String} id notification id to be closed\n * @param {Position} position the positioning strategy\n * @param {Function} userOnClose the callback called when close passed by user\n */\nexport function close(\n  id: string,\n  position: NotificationPosition,\n  userOnClose?: (vm: VNode) => void\n): void {\n  // maybe we can store the index when inserting the vm to notification list.\n  const orientedNotifications = notifications[position]\n  const idx = orientedNotifications.findIndex(\n    ({ vm }) => vm.component?.props.id === id\n  )\n  if (idx === -1) return\n  const { vm } = orientedNotifications[idx]\n  if (!vm) return\n  // calling user's on close function before notification gets removed from DOM.\n  userOnClose?.(vm)\n\n  // note that this is called @before-leave, that's why we were able to fetch this property.\n  const removedHeight = vm.el!.offsetHeight\n  const verticalPos = position.split('-')[0]\n  orientedNotifications.splice(idx, 1)\n  const len = orientedNotifications.length\n  if (len < 1) return\n  // starting from the removing item.\n  for (let i = idx; i < len; i++) {\n    // new position equals the current offsetTop minus removed height plus 16px(the gap size between each item)\n    const { el, component } = orientedNotifications[i].vm\n    const pos =\n      Number.parseInt(el!.style[verticalPos], 10) - removedHeight - GAP_SIZE\n    component!.props.offset = pos\n  }\n}\n\nexport function closeAll(): void {\n  // loop through all directions, close them at once.\n  for (const orientedNotifications of Object.values(notifications)) {\n    orientedNotifications.forEach(({ vm }) => {\n      // same as the previous close method, we'd like to make sure lifecycle gets handle properly.\n      ;(vm.component!.exposed as { visible: Ref<boolean> }).visible.value =\n        false\n    })\n  }\n}\n\nexport function updateOffsets(position: NotificationPosition = 'top-right') {\n  let verticalOffset =\n    notifications[position][0]?.vm.component?.props?.offset || 0\n\n  for (const { vm } of notifications[position]) {\n    vm.component!.props.offset = verticalOffset\n    verticalOffset += (vm.el?.offsetHeight || 0) + GAP_SIZE\n  }\n}\n\nnotify.closeAll = closeAll\nnotify.updateOffsets = updateOffsets\nnotify._context = null\n\nexport default notify as Notify\n"],"names":["vm","NotificationConstructor"],"mappings":"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"}

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

@@ -1,12 +1,79 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { Component, ExtractPublicPropTypes } from 'vue';
+import type { ButtonType } from '@element-plus/nightly/es/components/button';
+import type { ElTooltipContentProps, ElTooltipTriggerProps } from '@element-plus/nightly/es/components/tooltip';
 import type Popconfirm from './popconfirm.vue';
+export interface PopconfirmProps {
+    /**
+     * @description Title
+     */
+    title?: string;
+    /**
+     * @description Confirm button text
+     */
+    confirmButtonText?: string;
+    /**
+     * @description Cancel button text
+     */
+    cancelButtonText?: string;
+    /**
+     * @description Confirm button type
+     */
+    confirmButtonType?: ButtonType;
+    /**
+     * @description Cancel button type
+     */
+    cancelButtonType?: ButtonType;
+    /**
+     * @description Icon Component
+     */
+    icon?: string | Component;
+    /**
+     * @description Icon color
+     */
+    iconColor?: string;
+    /**
+     * @description is hide Icon
+     */
+    hideIcon?: boolean;
+    /**
+     * @description delay of disappear, in millisecond
+     */
+    hideAfter?: number;
+    /**
+     * @description Tooltip theme, built-in theme: `dark` / `light`
+     */
+    effect?: ElTooltipContentProps['effect'];
+    /**
+     * @description whether popconfirm is teleported to the body
+     */
+    teleported?: ElTooltipContentProps['teleported'];
+    /**
+     * @description when popconfirm inactive and `persistent` is `false` , popconfirm will be destroyed
+     */
+    persistent?: ElTooltipContentProps['persistent'];
+    /**
+     * @description popconfirm width, min width 150px
+     */
+    width?: string | number;
+    /**
+     * @description Indicates whether virtual triggering is enabled
+     */
+    virtualTriggering?: ElTooltipTriggerProps['virtualTriggering'];
+    /**
+     * @description Indicates the reference element to which the popper is attached
+     */
+    virtualRef?: ElTooltipTriggerProps['virtualRef'];
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `PopconfirmProps` instead.
+ */
 export declare const popconfirmProps: {
     readonly title: StringConstructor;
     readonly confirmButtonText: StringConstructor;
     readonly cancelButtonText: StringConstructor;
     readonly confirmButtonType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "primary", boolean>;
     readonly cancelButtonType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "text", boolean>;
-    readonly icon: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown, () => any, boolean>;
+    readonly icon: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown, () => any, boolean>;
     readonly iconColor: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "#f90", boolean>;
     readonly hideIcon: BooleanConstructor;
     readonly hideAfter: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
@@ -39,6 +106,8 @@ export declare const popconfirmEmits: {
     cancel: (e: MouseEvent) => boolean;
 };
 export type PopconfirmEmits = typeof popconfirmEmits;
-export type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `PopconfirmProps` instead.
+ */
 export type PopconfirmPropsPublic = ExtractPublicPropTypes<typeof popconfirmProps>;
 export type PopconfirmInstance = InstanceType<typeof Popconfirm> & unknown;

package/es/components/popconfirm/src/popconfirm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.ts"],"sourcesContent":["import { buttonTypes } from '@element-plus/components/button'\nimport { QuestionFilled } from '@element-plus/icons-vue'\nimport { buildProps, iconPropType } from '@element-plus/utils'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n} from '@element-plus/components/tooltip'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Popconfirm from './popconfirm.vue'\n\nexport const popconfirmProps = buildProps({\n  /**\n   * @description Title\n   */\n  title: String,\n  /**\n   * @description Confirm button text\n   */\n  confirmButtonText: String,\n  /**\n   * @description Cancel button text\n   */\n  cancelButtonText: String,\n  /**\n   * @description Confirm button type\n   */\n  confirmButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'primary',\n  },\n  /**\n   * @description Cancel button type\n   */\n  cancelButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'text',\n  },\n  /**\n   * @description Icon Component\n   */\n  icon: {\n    type: iconPropType,\n    default: () => QuestionFilled,\n  },\n  /**\n   * @description Icon color\n   */\n  iconColor: {\n    type: String,\n    default: '#f90',\n  },\n  /**\n   * @description is hide Icon\n   */\n  hideIcon: Boolean,\n  /**\n   * @description delay of disappear, in millisecond\n   */\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    ...useTooltipContentProps.effect,\n    default: 'light',\n  },\n  /**\n   * @description whether popconfirm is teleported to the body\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description when popconfirm inactive and `persistent` is `false` , popconfirm will be destroyed\n   */\n  persistent: useTooltipContentProps.persistent,\n  /**\n   * @description popconfirm width, min width 150px\n   */\n  width: {\n    type: [String, Number],\n    default: 150,\n  },\n  virtualTriggering: useTooltipTriggerProps.virtualTriggering,\n  virtualRef: useTooltipTriggerProps.virtualRef,\n} as const)\n\nexport const popconfirmEmits = {\n  /**\n   * @description triggers when click confirm button\n   */\n  confirm: (e: MouseEvent) => e instanceof MouseEvent,\n  /**\n   * @description triggers when click cancel button\n   */\n  cancel: (e: MouseEvent) => e instanceof MouseEvent,\n}\n\nexport type PopconfirmEmits = typeof popconfirmEmits\n\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\nexport type PopconfirmPropsPublic = ExtractPublicPropTypes<\n  typeof popconfirmProps\n>\n\nexport type PopconfirmInstance = InstanceType<typeof Popconfirm> & unknown\n"],"names":[],"mappings":";;;;;;;AAWO,MAAM,kBAAkB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIxC,KAAA,EAAO,MAAA;AAAA;AAAA;AAAA;AAAA,EAIP,iBAAA,EAAmB,MAAA;AAAA;AAAA;AAAA;AAAA,EAInB,gBAAA,EAAkB,MAAA;AAAA;AAAA;AAAA;AAAA,EAIlB,iBAAA,EAAmB;AAAA,IACjB,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,WAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAA,EAAkB;AAAA,IAChB,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,WAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,YAAA;AAAA,IACN,SAAS,MAAM;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU,OAAA;AAAA;AAAA;AAAA;AAAA,EAIV,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,GAAG,sBAAA,CAAuB,MAAA;AAAA,IAC1B,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAY,sBAAA,CAAuB,UAAA;AAAA;AAAA;AAAA;AAAA,EAInC,YAAY,sBAAA,CAAuB,UAAA;AAAA;AAAA;AAAA;AAAA,EAInC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA,EACA,mBAAmB,sBAAA,CAAuB,iBAAA;AAAA,EAC1C,YAAY,sBAAA,CAAuB;AACrC,CAAU;AAEH,MAAM,eAAA,GAAkB;AAAA;AAAA;AAAA;AAAA,EAI7B,OAAA,EAAS,CAAC,CAAA,KAAkB,CAAA,YAAa,UAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,MAAA,EAAQ,CAAC,CAAA,KAAkB,CAAA,YAAa;AAC1C;;;;"}
+{"version":3,"file":"popconfirm.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.ts"],"sourcesContent":["import { buttonTypes } from '@element-plus/components/button'\nimport { QuestionFilled } from '@element-plus/icons-vue'\nimport { buildProps, iconPropType } from '@element-plus/utils'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n} from '@element-plus/components/tooltip'\n\nimport type { Component, ExtractPublicPropTypes } from 'vue'\nimport type { ButtonType } from '@element-plus/components/button'\nimport type {\n  ElTooltipContentProps,\n  ElTooltipTriggerProps,\n} from '@element-plus/components/tooltip'\nimport type Popconfirm from './popconfirm.vue'\n\nexport interface PopconfirmProps {\n  /**\n   * @description Title\n   */\n  title?: string\n  /**\n   * @description Confirm button text\n   */\n  confirmButtonText?: string\n  /**\n   * @description Cancel button text\n   */\n  cancelButtonText?: string\n  /**\n   * @description Confirm button type\n   */\n  confirmButtonType?: ButtonType\n  /**\n   * @description Cancel button type\n   */\n  cancelButtonType?: ButtonType\n  /**\n   * @description Icon Component\n   */\n  icon?: string | Component\n  /**\n   * @description Icon color\n   */\n  iconColor?: string\n  /**\n   * @description is hide Icon\n   */\n  hideIcon?: boolean\n  /**\n   * @description delay of disappear, in millisecond\n   */\n  hideAfter?: number\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect?: ElTooltipContentProps['effect']\n  /**\n   * @description whether popconfirm is teleported to the body\n   */\n  teleported?: ElTooltipContentProps['teleported']\n  /**\n   * @description when popconfirm inactive and `persistent` is `false` , popconfirm will be destroyed\n   */\n  persistent?: ElTooltipContentProps['persistent']\n  /**\n   * @description popconfirm width, min width 150px\n   */\n  width?: string | number\n  /**\n   * @description Indicates whether virtual triggering is enabled\n   */\n  virtualTriggering?: ElTooltipTriggerProps['virtualTriggering']\n  /**\n   * @description Indicates the reference element to which the popper is attached\n   */\n  virtualRef?: ElTooltipTriggerProps['virtualRef']\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `PopconfirmProps` instead.\n */\nexport const popconfirmProps = buildProps({\n  /**\n   * @description Title\n   */\n  title: String,\n  /**\n   * @description Confirm button text\n   */\n  confirmButtonText: String,\n  /**\n   * @description Cancel button text\n   */\n  cancelButtonText: String,\n  /**\n   * @description Confirm button type\n   */\n  confirmButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'primary',\n  },\n  /**\n   * @description Cancel button type\n   */\n  cancelButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'text',\n  },\n  /**\n   * @description Icon Component\n   */\n  icon: {\n    type: iconPropType,\n    default: () => QuestionFilled,\n  },\n  /**\n   * @description Icon color\n   */\n  iconColor: {\n    type: String,\n    default: '#f90',\n  },\n  /**\n   * @description is hide Icon\n   */\n  hideIcon: Boolean,\n  /**\n   * @description delay of disappear, in millisecond\n   */\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    ...useTooltipContentProps.effect,\n    default: 'light',\n  },\n  /**\n   * @description whether popconfirm is teleported to the body\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description when popconfirm inactive and `persistent` is `false` , popconfirm will be destroyed\n   */\n  persistent: useTooltipContentProps.persistent,\n  /**\n   * @description popconfirm width, min width 150px\n   */\n  width: {\n    type: [String, Number],\n    default: 150,\n  },\n  virtualTriggering: useTooltipTriggerProps.virtualTriggering,\n  virtualRef: useTooltipTriggerProps.virtualRef,\n} as const)\n\nexport const popconfirmEmits = {\n  /**\n   * @description triggers when click confirm button\n   */\n  confirm: (e: MouseEvent) => e instanceof MouseEvent,\n  /**\n   * @description triggers when click cancel button\n   */\n  cancel: (e: MouseEvent) => e instanceof MouseEvent,\n}\n\nexport type PopconfirmEmits = typeof popconfirmEmits\n\n/**\n * @deprecated Removed after 3.0.0, Use `PopconfirmProps` instead.\n */\nexport type PopconfirmPropsPublic = ExtractPublicPropTypes<\n  typeof popconfirmProps\n>\n\nexport type PopconfirmInstance = InstanceType<typeof Popconfirm> & unknown\n"],"names":[],"mappings":";;;;;;;AAkFO,MAAM,kBAAkB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIxC,KAAA,EAAO,MAAA;AAAA;AAAA;AAAA;AAAA,EAIP,iBAAA,EAAmB,MAAA;AAAA;AAAA;AAAA;AAAA,EAInB,gBAAA,EAAkB,MAAA;AAAA;AAAA;AAAA;AAAA,EAIlB,iBAAA,EAAmB;AAAA,IACjB,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,WAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAA,EAAkB;AAAA,IAChB,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,WAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,YAAA;AAAA,IACN,SAAS,MAAM;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU,OAAA;AAAA;AAAA;AAAA;AAAA,EAIV,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,GAAG,sBAAA,CAAuB,MAAA;AAAA,IAC1B,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAY,sBAAA,CAAuB,UAAA;AAAA;AAAA;AAAA;AAAA,EAInC,YAAY,sBAAA,CAAuB,UAAA;AAAA;AAAA;AAAA;AAAA,EAInC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA,EACA,mBAAmB,sBAAA,CAAuB,iBAAA;AAAA,EAC1C,YAAY,sBAAA,CAAuB;AACrC,CAAU;AAEH,MAAM,eAAA,GAAkB;AAAA;AAAA;AAAA;AAAA,EAI7B,OAAA,EAAS,CAAC,CAAA,KAAkB,CAAA,YAAa,UAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,MAAA,EAAQ,CAAC,CAAA,KAAkB,CAAA,YAAa;AAC1C;;;;"}

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

@@ -1,3 +1,4 @@
+import type { PopconfirmProps } from './popconfirm';
 declare var __VLS_22: {
     confirm: (e: MouseEvent) => void;
     cancel: (e: MouseEvent) => void;
@@ -7,87 +8,64 @@ type __VLS_Slots = {} & {
 } & {
     reference?: (props: typeof __VLS_40) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly title: StringConstructor;
-    readonly confirmButtonText: StringConstructor;
-    readonly cancelButtonText: StringConstructor;
-    readonly confirmButtonType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "primary", boolean>;
-    readonly cancelButtonType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "text", boolean>;
-    readonly icon: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown, () => any, boolean>;
-    readonly iconColor: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "#f90", boolean>;
-    readonly hideIcon: BooleanConstructor;
-    readonly hideAfter: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
-    readonly effect: {
-        readonly default: "light";
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        readonly __epPropKey: true;
-    };
-    readonly teleported: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly persistent: BooleanConstructor;
-    readonly width: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
-    readonly virtualTriggering: BooleanConstructor;
-    readonly virtualRef: {
-        readonly type: import("vue").PropType<import("element-plus").Measurable>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<PopconfirmProps>, {
+    confirmButtonType: string;
+    cancelButtonType: string;
+    icon: () => any;
+    iconColor: string;
+    hideAfter: number;
+    effect: string;
+    teleported: boolean;
+    width: number;
+}>, {
     popperRef: import("vue").ComputedRef<import("element-plus").PopperInstance | undefined>;
     hide: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: (e: MouseEvent) => void;
     confirm: (e: MouseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly title: StringConstructor;
-    readonly confirmButtonText: StringConstructor;
-    readonly cancelButtonText: StringConstructor;
-    readonly confirmButtonType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "primary", boolean>;
-    readonly cancelButtonType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "text", boolean>;
-    readonly icon: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown, () => any, boolean>;
-    readonly iconColor: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "#f90", boolean>;
-    readonly hideIcon: BooleanConstructor;
-    readonly hideAfter: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
-    readonly effect: {
-        readonly default: "light";
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        readonly __epPropKey: true;
-    };
-    readonly teleported: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly persistent: BooleanConstructor;
-    readonly width: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
-    readonly virtualTriggering: BooleanConstructor;
-    readonly virtualRef: {
-        readonly type: import("vue").PropType<import("element-plus").Measurable>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<PopconfirmProps>, {
+    confirmButtonType: string;
+    cancelButtonType: string;
+    icon: () => any;
+    iconColor: string;
+    hideAfter: number;
+    effect: string;
+    teleported: boolean;
+    width: number;
+}>>> & {
     onCancel?: ((e: MouseEvent) => any) | undefined;
     onConfirm?: ((e: MouseEvent) => any) | undefined;
 }, {
-    readonly width: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly icon: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>;
-    readonly effect: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown>;
-    readonly hideAfter: number;
-    readonly teleported: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly virtualTriggering: boolean;
-    readonly persistent: boolean;
-    readonly confirmButtonType: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
-    readonly cancelButtonType: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
-    readonly iconColor: string;
-    readonly hideIcon: boolean;
+    width: string | number;
+    icon: string | import("vue").Component;
+    effect: import("element-plus").PopperEffect;
+    hideAfter: number;
+    teleported: boolean;
+    confirmButtonType: import("@element-plus/nightly/es/components/button").ButtonType;
+    cancelButtonType: import("@element-plus/nightly/es/components/button").ButtonType;
+    iconColor: string;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/es/components/popconfirm/src/popconfirm.vue2.mjs

@@ -2,7 +2,8 @@ import { defineComponent, ref, computed, unref, createBlock, openBlock, mergePro
 import { ElButton } from '../../button/index.mjs';
 import { ElIcon } from '../../icon/index.mjs';
 import { ElTooltip } from '../../tooltip/index.mjs';
-import { popconfirmEmits, popconfirmProps } from './popconfirm.mjs';
+import { QuestionFilled } from '@element-plus/icons-vue';
+import { popconfirmEmits } from './popconfirm.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { addUnit } from '../../../utils/dom/style.mjs';
@@ -12,7 +13,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElPopconfirm"
   },
   __name: "popconfirm",
-  props: popconfirmProps,
+  props: {
+    title: { type: String, required: false },
+    confirmButtonText: { type: String, required: false },
+    cancelButtonText: { type: String, required: false },
+    confirmButtonType: { type: null, required: false, default: "primary" },
+    cancelButtonType: { type: null, required: false, default: "text" },
+    icon: { type: null, required: false, default: () => QuestionFilled },
+    iconColor: { type: String, required: false, default: "#f90" },
+    hideIcon: { type: Boolean, required: false },
+    hideAfter: { type: Number, required: false, default: 200 },
+    effect: { type: null, required: false, default: "light" },
+    teleported: { type: Boolean, required: false, default: true },
+    persistent: { type: Boolean, required: false },
+    width: { type: [String, Number], required: false, default: 150 },
+    virtualTriggering: { type: Boolean, required: false },
+    virtualRef: { type: null, required: false }
+  },
   emits: popconfirmEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -61,16 +78,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "tooltipRef",
         ref: tooltipRef,
         trigger: "click",
-        effect: _ctx.effect
+        effect: __props.effect
       }, _ctx.$attrs, {
-        "virtual-triggering": _ctx.virtualTriggering,
-        "virtual-ref": _ctx.virtualRef,
+        "virtual-triggering": __props.virtualTriggering,
+        "virtual-ref": __props.virtualRef,
         "popper-class": `${unref(ns).namespace.value}-popover`,
         "popper-style": style.value,
-        teleported: _ctx.teleported,
+        teleported: __props.teleported,
         "fallback-placements": ["bottom", "top", "right", "left"],
-        "hide-after": _ctx.hideAfter,
-        persistent: _ctx.persistent,
+        "hide-after": __props.hideAfter,
+        persistent: __props.persistent,
         loop: "",
         onShow: showPopper
       }), {
@@ -90,19 +107,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(unref(ns).e("main"))
                 },
                 [
-                  !_ctx.hideIcon && _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
+                  !__props.hideIcon && __props.icon ? (openBlock(), createBlock(unref(ElIcon), {
                     key: 0,
                     class: normalizeClass(unref(ns).e("icon")),
-                    style: normalizeStyle({ color: _ctx.iconColor })
+                    style: normalizeStyle({ color: __props.iconColor })
                   }, {
                     default: withCtx(() => [
-                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                      (openBlock(), createBlock(resolveDynamicComponent(__props.icon)))
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["class", "style"])) : createCommentVNode("v-if", true),
                   createTextVNode(
-                    " " + toDisplayString(_ctx.title),
+                    " " + toDisplayString(__props.title),
                     1
                     /* TEXT */
                   )
@@ -122,8 +139,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   }, () => [
                     createVNode(unref(ElButton), {
                       size: "small",
-                      type: _ctx.cancelButtonType === "text" ? "" : _ctx.cancelButtonType,
-                      text: _ctx.cancelButtonType === "text",
+                      type: __props.cancelButtonType === "text" ? "" : __props.cancelButtonType,
+                      text: __props.cancelButtonType === "text",
                       onClick: cancel
                     }, {
                       default: withCtx(() => [
@@ -138,8 +155,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 8, ["type", "text"]),
                     createVNode(unref(ElButton), {
                       size: "small",
-                      type: _ctx.confirmButtonType === "text" ? "" : _ctx.confirmButtonType,
-                      text: _ctx.confirmButtonType === "text",
+                      type: __props.confirmButtonType === "text" ? "" : __props.confirmButtonType,
+                      text: __props.confirmButtonType === "text",
                       onClick: confirm
                     }, {
                       default: withCtx(() => [