@element-plus/nightly 0.0.20260118 → 0.0.20260119

package/es/components/popper/src/content.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"content.vue2.mjs","sources":["../../../../../../packages/components/popper/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"contentRef\"\n    v-bind=\"contentAttrs\"\n    :style=\"contentStyle\"\n    :class=\"contentClass\"\n    tabindex=\"-1\"\n    @mouseenter=\"(e) => $emit('mouseenter', e)\"\n    @mouseleave=\"(e) => $emit('mouseleave', e)\"\n  >\n    <el-focus-trap\n      :loop=\"loop\"\n      :trapped=\"trapped\"\n      :trap-on-focus-in=\"true\"\n      :focus-trap-el=\"contentRef\"\n      :focus-start-el=\"focusStartRef\"\n      @focus-after-trapped=\"onFocusAfterTrapped\"\n      @focus-after-released=\"onFocusAfterReleased\"\n      @focusin=\"onFocusInTrap\"\n      @focusout-prevented=\"onFocusoutPrevented\"\n      @release-requested=\"onReleaseRequested\"\n    >\n      <slot />\n    </el-focus-trap>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, onMounted, provide, unref, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { NOOP, isElement } from '@element-plus/utils'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { formItemContextKey } from '@element-plus/components/form'\nimport { POPPER_CONTENT_INJECTION_KEY } from './constants'\nimport { popperContentEmits, popperContentProps } from './content'\nimport {\n  usePopperContent,\n  usePopperContentDOM,\n  usePopperContentFocusTrap,\n} from './composables'\n\nimport type { WatchStopHandle } from 'vue'\n\ndefineOptions({\n  name: 'ElPopperContent',\n})\n\nconst emit = defineEmits(popperContentEmits)\n\nconst props = defineProps(popperContentProps)\n\nconst {\n  focusStartRef,\n  trapped,\n\n  onFocusAfterReleased,\n  onFocusAfterTrapped,\n  onFocusInTrap,\n  onFocusoutPrevented,\n  onReleaseRequested,\n} = usePopperContentFocusTrap(props, emit)\n\nconst { attributes, arrowRef, contentRef, styles, instanceRef, role, update } =\n  usePopperContent(props)\n\nconst {\n  ariaModal,\n  arrowStyle,\n  contentAttrs,\n  contentClass,\n  contentStyle,\n  updateZIndex,\n} = usePopperContentDOM(props, {\n  styles,\n  attributes,\n  role,\n})\n\nconst formItemContext = inject(formItemContextKey, undefined)\n\nprovide(POPPER_CONTENT_INJECTION_KEY, {\n  arrowStyle,\n  arrowRef,\n})\n\nif (formItemContext) {\n  // disallow auto-id from inside popper content\n  provide(formItemContextKey, {\n    ...formItemContext,\n    addInputId: NOOP,\n    removeInputId: NOOP,\n  })\n}\n\nlet triggerTargetAriaStopWatch: WatchStopHandle | undefined = undefined\n\nconst updatePopper = (shouldUpdateZIndex = true) => {\n  update()\n  shouldUpdateZIndex && updateZIndex()\n}\n\nconst togglePopperAlive = () => {\n  updatePopper(false)\n  if (props.visible && props.focusOnShow) {\n    trapped.value = true\n  } else if (props.visible === false) {\n    trapped.value = false\n  }\n}\n\nonMounted(() => {\n  watch(\n    () => props.triggerTargetEl,\n    (triggerTargetEl, prevTriggerTargetEl) => {\n      triggerTargetAriaStopWatch?.()\n      triggerTargetAriaStopWatch = undefined\n\n      const el = unref(triggerTargetEl || contentRef.value)\n      const prevEl = unref(prevTriggerTargetEl || contentRef.value)\n\n      if (isElement(el)) {\n        triggerTargetAriaStopWatch = watch(\n          [role, () => props.ariaLabel, ariaModal, () => props.id],\n          (watches) => {\n            ;['role', 'aria-label', 'aria-modal', 'id'].forEach((key, idx) => {\n              isNil(watches[idx])\n                ? el.removeAttribute(key)\n                : el.setAttribute(key, watches[idx]!)\n            })\n          },\n          { immediate: true }\n        )\n      }\n      if (prevEl !== el && isElement(prevEl)) {\n        ;['role', 'aria-label', 'aria-modal', 'id'].forEach((key) => {\n          prevEl.removeAttribute(key)\n        })\n      }\n    },\n    { immediate: true }\n  )\n\n  watch(() => props.visible, togglePopperAlive, { immediate: true })\n})\n\nonBeforeUnmount(() => {\n  triggerTargetAriaStopWatch?.()\n  triggerTargetAriaStopWatch = undefined\n  contentRef.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description popper content element\n   */\n  popperContentRef: contentRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef: instanceRef,\n  /**\n   * @description method for updating popper\n   */\n  updatePopper,\n\n  /**\n   * @description content style\n   */\n  contentStyle,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","_unref","$emit","_createVNode","loop","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"content.vue2.mjs","sources":["../../../../../../packages/components/popper/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"contentRef\"\n    v-bind=\"contentAttrs\"\n    :style=\"contentStyle\"\n    :class=\"contentClass\"\n    tabindex=\"-1\"\n    @mouseenter=\"(e) => $emit('mouseenter', e)\"\n    @mouseleave=\"(e) => $emit('mouseleave', e)\"\n  >\n    <el-focus-trap\n      :loop=\"loop\"\n      :trapped=\"trapped\"\n      :trap-on-focus-in=\"true\"\n      :focus-trap-el=\"contentRef\"\n      :focus-start-el=\"focusStartRef\"\n      @focus-after-trapped=\"onFocusAfterTrapped\"\n      @focus-after-released=\"onFocusAfterReleased\"\n      @focusin=\"onFocusInTrap\"\n      @focusout-prevented=\"onFocusoutPrevented\"\n      @release-requested=\"onReleaseRequested\"\n    >\n      <slot />\n    </el-focus-trap>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, onMounted, provide, unref, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { NOOP, isElement } from '@element-plus/utils'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { formItemContextKey } from '@element-plus/components/form'\nimport { POPPER_CONTENT_INJECTION_KEY } from './constants'\nimport { popperContentEmits, popperContentPropsDefaults } from './content'\nimport {\n  usePopperContent,\n  usePopperContentDOM,\n  usePopperContentFocusTrap,\n} from './composables'\n\nimport type { WatchStopHandle } from 'vue'\nimport type { PopperContentProps } from './content'\n\ndefineOptions({\n  name: 'ElPopperContent',\n})\n\nconst emit = defineEmits(popperContentEmits)\n\nconst props = withDefaults(\n  defineProps<PopperContentProps>(),\n  popperContentPropsDefaults\n)\n\nconst {\n  focusStartRef,\n  trapped,\n\n  onFocusAfterReleased,\n  onFocusAfterTrapped,\n  onFocusInTrap,\n  onFocusoutPrevented,\n  onReleaseRequested,\n} = usePopperContentFocusTrap(props, emit)\n\nconst { attributes, arrowRef, contentRef, styles, instanceRef, role, update } =\n  usePopperContent(props)\n\nconst {\n  ariaModal,\n  arrowStyle,\n  contentAttrs,\n  contentClass,\n  contentStyle,\n  updateZIndex,\n} = usePopperContentDOM(props, {\n  styles,\n  attributes,\n  role,\n})\n\nconst formItemContext = inject(formItemContextKey, undefined)\n\nprovide(POPPER_CONTENT_INJECTION_KEY, {\n  arrowStyle,\n  arrowRef,\n})\n\nif (formItemContext) {\n  // disallow auto-id from inside popper content\n  provide(formItemContextKey, {\n    ...formItemContext,\n    addInputId: NOOP,\n    removeInputId: NOOP,\n  })\n}\n\nlet triggerTargetAriaStopWatch: WatchStopHandle | undefined = undefined\n\nconst updatePopper = (shouldUpdateZIndex = true) => {\n  update()\n  shouldUpdateZIndex && updateZIndex()\n}\n\nconst togglePopperAlive = () => {\n  updatePopper(false)\n  if (props.visible && props.focusOnShow) {\n    trapped.value = true\n  } else if (props.visible === false) {\n    trapped.value = false\n  }\n}\n\nonMounted(() => {\n  watch(\n    () => props.triggerTargetEl,\n    (triggerTargetEl, prevTriggerTargetEl) => {\n      triggerTargetAriaStopWatch?.()\n      triggerTargetAriaStopWatch = undefined\n\n      const el = unref(triggerTargetEl || contentRef.value)\n      const prevEl = unref(prevTriggerTargetEl || contentRef.value)\n\n      if (isElement(el)) {\n        triggerTargetAriaStopWatch = watch(\n          [role, () => props.ariaLabel, ariaModal, () => props.id],\n          (watches) => {\n            ;['role', 'aria-label', 'aria-modal', 'id'].forEach((key, idx) => {\n              isNil(watches[idx])\n                ? el.removeAttribute(key)\n                : el.setAttribute(key, watches[idx]!)\n            })\n          },\n          { immediate: true }\n        )\n      }\n      if (prevEl !== el && isElement(prevEl)) {\n        ;['role', 'aria-label', 'aria-modal', 'id'].forEach((key) => {\n          prevEl.removeAttribute(key)\n        })\n      }\n    },\n    { immediate: true }\n  )\n\n  watch(() => props.visible, togglePopperAlive, { immediate: true })\n})\n\nonBeforeUnmount(() => {\n  triggerTargetAriaStopWatch?.()\n  triggerTargetAriaStopWatch = undefined\n  contentRef.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description popper content element\n   */\n  popperContentRef: contentRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef: instanceRef,\n  /**\n   * @description method for updating popper\n   */\n  updatePopper,\n\n  /**\n   * @description content style\n   */\n  contentStyle,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","_unref","$emit","_createVNode","_renderSlot"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type Popper from './popper.vue';
 declare const effects: readonly ["light", "dark"];
 declare const triggers: readonly ["click", "contextmenu", "hover", "focus"];
@@ -9,10 +9,21 @@ export declare const Effect: {
 export declare const roleTypes: readonly ["dialog", "grid", "group", "listbox", "menu", "navigation", "tooltip", "tree"];
 export type PopperEffect = (typeof effects)[number] | (string & NonNullable<unknown>);
 export type PopperTrigger = (typeof triggers)[number];
+export interface PopperProps {
+    /**
+     * @description role determines how aria attributes are distributed
+     */
+    role?: (typeof roleTypes)[number];
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `PopperProps` instead.
+ */
 export declare const popperProps: {
     readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation", unknown, "tooltip", boolean>;
 };
-export type PopperProps = ExtractPropTypes<typeof popperProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `PopperProps` instead.
+ */
 export type PopperPropsPublic = ExtractPublicPropTypes<typeof popperProps>;
 export type PopperInstance = InstanceType<typeof Popper> & unknown;
 /** @deprecated use `popperProps` instead, and it will be deprecated in the next major version */

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

@@ -1 +1 @@
-{"version":3,"file":"popper.mjs","sources":["../../../../../../packages/components/popper/src/popper.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n\nimport { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Popper from './popper.vue'\n\nconst effects = ['light', 'dark'] as const\nconst triggers = ['click', 'contextmenu', 'hover', 'focus'] as const\n\nexport const Effect = {\n  LIGHT: 'light',\n  DARK: 'dark',\n} as const\n\nexport const roleTypes = [\n  'dialog',\n  'grid',\n  'group',\n  'listbox',\n  'menu',\n  'navigation',\n  'tooltip',\n  'tree',\n] as const\n\nexport type PopperEffect =\n  | (typeof effects)[number]\n  | (string & NonNullable<unknown>)\nexport type PopperTrigger = (typeof triggers)[number]\n\nexport const popperProps = buildProps({\n  role: {\n    type: String,\n    values: roleTypes,\n    default: 'tooltip',\n  },\n} as const)\n\nexport type PopperProps = ExtractPropTypes<typeof popperProps>\nexport type PopperPropsPublic = ExtractPublicPropTypes<typeof popperProps>\n\nexport type PopperInstance = InstanceType<typeof Popper> & unknown\n\n/** @deprecated use `popperProps` instead, and it will be deprecated in the next major version */\nexport const usePopperProps = popperProps\n\n/** @deprecated use `PopperProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperProps = PopperProps\n"],"names":[],"mappings":";;AAUO,MAAM,MAAA,GAAS;AAAA,EACpB,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM;AACR;AAEO,MAAM,SAAA,GAAY;AAAA,EACvB,QAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF;AAOO,MAAM,cAAc,UAAA,CAAW;AAAA,EACpC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,SAAA;AAAA,IACR,OAAA,EAAS;AAAA;AAEb,CAAU;AAQH,MAAM,cAAA,GAAiB;;;;"}
+{"version":3,"file":"popper.mjs","sources":["../../../../../../packages/components/popper/src/popper.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n\nimport { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Popper from './popper.vue'\n\nconst effects = ['light', 'dark'] as const\nconst triggers = ['click', 'contextmenu', 'hover', 'focus'] as const\n\nexport const Effect = {\n  LIGHT: 'light',\n  DARK: 'dark',\n} as const\n\nexport const roleTypes = [\n  'dialog',\n  'grid',\n  'group',\n  'listbox',\n  'menu',\n  'navigation',\n  'tooltip',\n  'tree',\n] as const\n\nexport type PopperEffect =\n  | (typeof effects)[number]\n  | (string & NonNullable<unknown>)\nexport type PopperTrigger = (typeof triggers)[number]\n\nexport interface PopperProps {\n  /**\n   * @description role determines how aria attributes are distributed\n   */\n  role?: (typeof roleTypes)[number]\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `PopperProps` instead.\n */\nexport const popperProps = buildProps({\n  role: {\n    type: String,\n    values: roleTypes,\n    default: 'tooltip',\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `PopperProps` instead.\n */\nexport type PopperPropsPublic = ExtractPublicPropTypes<typeof popperProps>\n\nexport type PopperInstance = InstanceType<typeof Popper> & unknown\n\n/** @deprecated use `popperProps` instead, and it will be deprecated in the next major version */\nexport const usePopperProps = popperProps\n\n/** @deprecated use `PopperProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperProps = PopperProps\n"],"names":[],"mappings":";;AAUO,MAAM,MAAA,GAAS;AAAA,EACpB,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM;AACR;AAEO,MAAM,SAAA,GAAY;AAAA,EACvB,QAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF;AAiBO,MAAM,cAAc,UAAA,CAAW;AAAA,EACpC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,SAAA;AAAA,IACR,OAAA,EAAS;AAAA;AAEb,CAAU;AAUH,MAAM,cAAA,GAAiB;;;;"}

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

@@ -1,20 +1,37 @@
 import type { ElPopperInjectionContext } from './constants';
+import type { PopperProps } from './popper';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation", unknown, "tooltip", boolean>;
-}, ElPopperInjectionContext, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation", unknown, "tooltip", boolean>;
-}>>, {
-    readonly role: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation", unknown>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<PopperProps>, {
+    role: string;
+}>, ElPopperInjectionContext, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<PopperProps>, {
+    role: string;
+}>>>, {
+    role: typeof import("./popper").roleTypes[number];
 }, {}>;
 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/popper/src/popper.vue2.mjs

@@ -1,6 +1,5 @@
 import { defineComponent, ref, computed, provide, renderSlot } from 'vue';
 import { POPPER_INJECTION_KEY } from './constants.mjs';
-import { popperProps } from './popper.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -8,7 +7,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     inheritAttrs: false
   },
   __name: "popper",
-  props: popperProps,
+  props: {
+    role: { type: null, required: false, default: "tooltip" }
+  },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const triggerRef = ref();

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

@@ -1 +1 @@
-{"version":3,"file":"popper.vue2.mjs","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from './constants'\nimport { popperProps } from './popper'\n\nimport type { Instance as PopperInstance } from '@popperjs/core'\nimport type { ElPopperInjectionContext } from './constants'\n\ndefineOptions({\n  name: 'ElPopper',\n  inheritAttrs: false,\n})\nconst props = defineProps(popperProps)\n\nconst triggerRef = ref<HTMLElement>()\nconst popperInstanceRef = ref<PopperInstance>()\nconst contentRef = ref<HTMLElement>()\nconst referenceRef = ref<HTMLElement>()\nconst role = computed(() => props.role)\n\nconst popperProvides = {\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description popper content element\n   */\n  contentRef,\n  /**\n   * @description popper reference element\n   */\n  referenceRef,\n  /**\n   * @description role determines how aria attributes are distributed\n   */\n  role,\n} as ElPopperInjectionContext\n\ndefineExpose(popperProvides)\n\nprovide(POPPER_INJECTION_KEY, popperProvides)\n</script>\n"],"names":["_renderSlot"],"mappings":";;;;;;;;;;;;AAgBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,aAAa,GAAA,EAAiB;AACpC,IAAA,MAAM,oBAAoB,GAAA,EAAoB;AAC9C,IAAA,MAAM,aAAa,GAAA,EAAiB;AACpC,IAAA,MAAM,eAAe,GAAA,EAAiB;AACtC,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,MAAM,KAAA,CAAM,IAAI,CAAA;AAEtC,IAAA,MAAM,cAAA,GAAiB;AAAA;AAAA;AAAA;AAAA,MAIrB,UAAA;AAAA;AAAA;AAAA;AAAA,MAIA,iBAAA;AAAA;AAAA;AAAA;AAAA,MAIA,UAAA;AAAA;AAAA;AAAA;AAAA,MAIA,YAAA;AAAA;AAAA;AAAA;AAAA,MAIA;AAAA,KACF;AAEA,IAAA,QAAA,CAAa,cAAc,CAAA;AAE3B,IAAA,OAAA,CAAQ,sBAAsB,cAAc,CAAA;;aAhD1CA,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;"}
+{"version":3,"file":"popper.vue2.mjs","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from './constants'\n\nimport type { Instance as PopperInstance } from '@popperjs/core'\nimport type { ElPopperInjectionContext } from './constants'\nimport type { PopperProps } from './popper'\n\ndefineOptions({\n  name: 'ElPopper',\n  inheritAttrs: false,\n})\nconst props = withDefaults(defineProps<PopperProps>(), {\n  role: 'tooltip',\n})\n\nconst triggerRef = ref<HTMLElement>()\nconst popperInstanceRef = ref<PopperInstance>()\nconst contentRef = ref<HTMLElement>()\nconst referenceRef = ref<HTMLElement>()\nconst role = computed(() => props.role)\n\nconst popperProvides = {\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description popper content element\n   */\n  contentRef,\n  /**\n   * @description popper reference element\n   */\n  referenceRef,\n  /**\n   * @description role determines how aria attributes are distributed\n   */\n  role,\n} as ElPopperInjectionContext\n\ndefineExpose(popperProvides)\n\nprovide(POPPER_INJECTION_KEY, popperProvides)\n</script>\n"],"names":["_renderSlot"],"mappings":";;;;;;;;;;;;;AAgBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,aAAa,GAAA,EAAiB;AACpC,IAAA,MAAM,oBAAoB,GAAA,EAAoB;AAC9C,IAAA,MAAM,aAAa,GAAA,EAAiB;AACpC,IAAA,MAAM,eAAe,GAAA,EAAiB;AACtC,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,MAAM,KAAA,CAAM,IAAI,CAAA;AAEtC,IAAA,MAAM,cAAA,GAAiB;AAAA;AAAA;AAAA;AAAA,MAIrB,UAAA;AAAA;AAAA;AAAA;AAAA,MAIA,iBAAA;AAAA;AAAA;AAAA;AAAA,MAIA,UAAA;AAAA;AAAA;AAAA;AAAA,MAIA,YAAA;AAAA;AAAA;AAAA;AAAA,MAIA;AAAA,KACF;AAEA,IAAA,QAAA,CAAa,cAAc,CAAA;AAE3B,IAAA,OAAA,CAAQ,sBAAsB,cAAc,CAAA;;aAlD1CA,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;"}

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

@@ -1,5 +1,23 @@
 import type { Measurable } from './constants';
 import type Trigger from './trigger.vue';
+export interface PopperTriggerProps {
+    /** @description Indicates the reference element to which the popper is attached */
+    virtualRef?: Measurable;
+    /** @description Indicates whether virtual triggering is enabled */
+    virtualTriggering?: boolean;
+    onMouseenter?: (e: MouseEvent) => void;
+    onMouseleave?: (e: MouseEvent) => void;
+    onClick?: (e: PointerEvent) => void;
+    onKeydown?: (e: KeyboardEvent) => void;
+    onFocus?: (e: FocusEvent) => void;
+    onBlur?: (e: FocusEvent) => void;
+    onContextmenu?: (e: PointerEvent) => void;
+    id?: string;
+    open?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `PopperTriggerProps` instead.
+ */
 export declare const popperTriggerProps: {
     readonly virtualRef: {
         readonly type: import("vue").PropType<Measurable>;
@@ -53,7 +71,6 @@ export declare const popperTriggerProps: {
     readonly id: StringConstructor;
     readonly open: BooleanConstructor;
 };
-export type PopperTriggerProps = typeof popperTriggerProps;
 export type PopperTriggerInstance = InstanceType<typeof Trigger> & unknown;
 /** @deprecated use `popperTriggerProps` instead, and it will be deprecated in the next major version */
 export declare const usePopperTriggerProps: {

package/es/components/popper/src/trigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/popper/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { Measurable } from './constants'\nimport type Trigger from './trigger.vue'\n\nexport const popperTriggerProps = buildProps({\n  /** @description Indicates the reference element to which the popper is attached */\n  virtualRef: {\n    type: definePropType<Measurable>(Object),\n  },\n  /** @description Indicates whether virtual triggering is enabled */\n  virtualTriggering: Boolean,\n  onMouseenter: {\n    type: definePropType<(e: MouseEvent) => void>(Function),\n  },\n  onMouseleave: {\n    type: definePropType<(e: MouseEvent) => void>(Function),\n  },\n  onClick: {\n    type: definePropType<(e: PointerEvent) => void>(Function),\n  },\n  onKeydown: {\n    type: definePropType<(e: KeyboardEvent) => void>(Function),\n  },\n  onFocus: {\n    type: definePropType<(e: FocusEvent) => void>(Function),\n  },\n  onBlur: {\n    type: definePropType<(e: FocusEvent) => void>(Function),\n  },\n  onContextmenu: {\n    type: definePropType<(e: PointerEvent) => void>(Function),\n  },\n  id: String,\n  open: Boolean,\n} as const)\n\nexport type PopperTriggerProps = typeof popperTriggerProps\n\nexport type PopperTriggerInstance = InstanceType<typeof Trigger> & unknown\n\n/** @deprecated use `popperTriggerProps` instead, and it will be deprecated in the next major version */\nexport const usePopperTriggerProps = popperTriggerProps\n\n/** @deprecated use `PopperTriggerInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowTrigger = PopperTriggerInstance\n"],"names":[],"mappings":";;AAKO,MAAM,qBAAqB,UAAA,CAAW;AAAA;AAAA,EAE3C,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,eAA2B,MAAM;AAAA,GACzC;AAAA;AAAA,EAEA,iBAAA,EAAmB,OAAA;AAAA,EACnB,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,eAAwC,QAAQ;AAAA,GACxD;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,eAAwC,QAAQ;AAAA,GACxD;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAA0C,QAAQ;AAAA,GAC1D;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,eAA2C,QAAQ;AAAA,GAC3D;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAAwC,QAAQ;AAAA,GACxD;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAAwC,QAAQ;AAAA,GACxD;AAAA,EACA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,eAA0C,QAAQ;AAAA,GAC1D;AAAA,EACA,EAAA,EAAI,MAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAU;AAOH,MAAM,qBAAA,GAAwB;;;;"}
+{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/popper/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { Measurable } from './constants'\nimport type Trigger from './trigger.vue'\n\nexport interface PopperTriggerProps {\n  /** @description Indicates the reference element to which the popper is attached */\n  virtualRef?: Measurable\n  /** @description Indicates whether virtual triggering is enabled */\n  virtualTriggering?: boolean\n  onMouseenter?: (e: MouseEvent) => void\n  onMouseleave?: (e: MouseEvent) => void\n  onClick?: (e: PointerEvent) => void\n  onKeydown?: (e: KeyboardEvent) => void\n  onFocus?: (e: FocusEvent) => void\n  onBlur?: (e: FocusEvent) => void\n  onContextmenu?: (e: PointerEvent) => void\n  id?: string\n  open?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `PopperTriggerProps` instead.\n */\nexport const popperTriggerProps = buildProps({\n  /** @description Indicates the reference element to which the popper is attached */\n  virtualRef: {\n    type: definePropType<Measurable>(Object),\n  },\n  /** @description Indicates whether virtual triggering is enabled */\n  virtualTriggering: Boolean,\n  onMouseenter: {\n    type: definePropType<(e: MouseEvent) => void>(Function),\n  },\n  onMouseleave: {\n    type: definePropType<(e: MouseEvent) => void>(Function),\n  },\n  onClick: {\n    type: definePropType<(e: PointerEvent) => void>(Function),\n  },\n  onKeydown: {\n    type: definePropType<(e: KeyboardEvent) => void>(Function),\n  },\n  onFocus: {\n    type: definePropType<(e: FocusEvent) => void>(Function),\n  },\n  onBlur: {\n    type: definePropType<(e: FocusEvent) => void>(Function),\n  },\n  onContextmenu: {\n    type: definePropType<(e: PointerEvent) => void>(Function),\n  },\n  id: String,\n  open: Boolean,\n} as const)\n\nexport type PopperTriggerInstance = InstanceType<typeof Trigger> & unknown\n\n/** @deprecated use `popperTriggerProps` instead, and it will be deprecated in the next major version */\nexport const usePopperTriggerProps = popperTriggerProps\n\n/** @deprecated use `PopperTriggerInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowTrigger = PopperTriggerInstance\n"],"names":[],"mappings":";;AAwBO,MAAM,qBAAqB,UAAA,CAAW;AAAA;AAAA,EAE3C,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,eAA2B,MAAM;AAAA,GACzC;AAAA;AAAA,EAEA,iBAAA,EAAmB,OAAA;AAAA,EACnB,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,eAAwC,QAAQ;AAAA,GACxD;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,eAAwC,QAAQ;AAAA,GACxD;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAA0C,QAAQ;AAAA,GAC1D;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,eAA2C,QAAQ;AAAA,GAC3D;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAAwC,QAAQ;AAAA,GACxD;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAAwC,QAAQ;AAAA,GACxD;AAAA,EACA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,eAA0C,QAAQ;AAAA,GAC1D;AAAA,EACA,EAAA,EAAI,MAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAU;AAKH,MAAM,qBAAA,GAAwB;;;;"}

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

@@ -1,125 +1,35 @@
+import type { PopperTriggerProps } from './trigger';
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly virtualRef: {
-        readonly type: import("vue").PropType<import("./constants").Measurable>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly virtualTriggering: BooleanConstructor;
-    readonly onMouseenter: {
-        readonly type: import("vue").PropType<(e: MouseEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly onMouseleave: {
-        readonly type: import("vue").PropType<(e: MouseEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly onClick: {
-        readonly type: import("vue").PropType<(e: PointerEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly onKeydown: {
-        readonly type: import("vue").PropType<(e: KeyboardEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly onFocus: {
-        readonly type: import("vue").PropType<(e: FocusEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly onBlur: {
-        readonly type: import("vue").PropType<(e: FocusEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly onContextmenu: {
-        readonly type: import("vue").PropType<(e: PointerEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly id: StringConstructor;
-    readonly open: BooleanConstructor;
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<PopperTriggerProps>, {}>, {
     /**
      * @description trigger element
      */
     triggerRef: import("vue").Ref<import("./constants").Measurable | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly virtualRef: {
-        readonly type: import("vue").PropType<import("./constants").Measurable>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly virtualTriggering: BooleanConstructor;
-    readonly onMouseenter: {
-        readonly type: import("vue").PropType<(e: MouseEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly onMouseleave: {
-        readonly type: import("vue").PropType<(e: MouseEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly onClick: {
-        readonly type: import("vue").PropType<(e: PointerEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly onKeydown: {
-        readonly type: import("vue").PropType<(e: KeyboardEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly onFocus: {
-        readonly type: import("vue").PropType<(e: FocusEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly onBlur: {
-        readonly type: import("vue").PropType<(e: FocusEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly onContextmenu: {
-        readonly type: import("vue").PropType<(e: PointerEvent) => void>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly id: StringConstructor;
-    readonly open: BooleanConstructor;
-}>>, {
-    readonly open: boolean;
-    readonly virtualTriggering: boolean;
-}, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<PopperTriggerProps>, {}>>>, {}, {}>;
 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/popper/src/trigger.vue2.mjs

@@ -2,7 +2,6 @@ import { defineComponent, inject, computed, onMounted, watch, onBeforeUnmount, c
 import { isNil } from 'lodash-unified';
 import { unrefElement } from '@vueuse/core';
 import { POPPER_INJECTION_KEY } from './constants.mjs';
-import { popperTriggerProps } from './trigger.mjs';
 import { useForwardRef } from '../../../hooks/use-forward-ref/index.mjs';
 import { OnlyChild } from '../../slot/src/only-child.mjs';
 import { isElement } from '../../../utils/types.mjs';
@@ -14,7 +13,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     inheritAttrs: false
   },
   __name: "trigger",
-  props: popperTriggerProps,
+  props: {
+    virtualRef: { type: Object, required: false },
+    virtualTriggering: { type: Boolean, required: false },
+    onMouseenter: { type: Function, required: false },
+    onMouseleave: { type: Function, required: false },
+    onClick: { type: Function, required: false },
+    onKeydown: { type: Function, required: false },
+    onFocus: { type: Function, required: false },
+    onBlur: { type: Function, required: false },
+    onContextmenu: { type: Function, required: false },
+    id: { type: String, required: false },
+    open: { type: Boolean, required: false }
+  },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const { role, triggerRef } = inject(POPPER_INJECTION_KEY, void 0);
@@ -143,7 +154,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       triggerRef
     });
     return (_ctx, _cache) => {
-      return !_ctx.virtualTriggering ? (openBlock(), createBlock(unref(OnlyChild), mergeProps({ key: 0 }, _ctx.$attrs, {
+      return !__props.virtualTriggering ? (openBlock(), createBlock(unref(OnlyChild), mergeProps({ key: 0 }, _ctx.$attrs, {
         "aria-controls": ariaControls.value,
         "aria-describedby": ariaDescribedby.value,
         "aria-expanded": ariaExpanded.value,

package/es/components/popper/src/trigger.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.vue2.mjs","sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-controls=\"ariaControls\"\n    :aria-describedby=\"ariaDescribedby\"\n    :aria-expanded=\"ariaExpanded\"\n    :aria-haspopup=\"ariaHaspopup\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { unrefElement } from '@vueuse/core'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { isElement, isFocusable } from '@element-plus/utils'\nimport { POPPER_INJECTION_KEY } from './constants'\nimport { popperTriggerProps } from './trigger'\n\nimport type { WatchStopHandle } from 'vue'\n\ndefineOptions({\n  name: 'ElPopperTrigger',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(popperTriggerProps)\n\nconst { role, triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n\nuseForwardRef(triggerRef)\n\nconst ariaControls = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? props.id : undefined\n})\n\nconst ariaDescribedby = computed<string | undefined>(() => {\n  if (role && role.value === 'tooltip') {\n    return props.open && props.id ? props.id : undefined\n  }\n  return undefined\n})\n\nconst ariaHaspopup = computed<string | undefined>(() => {\n  if (role && role.value !== 'tooltip') {\n    return role.value\n  }\n  return undefined\n})\n\nconst ariaExpanded = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? `${props.open}` : undefined\n})\n\nlet virtualTriggerAriaStopWatch: WatchStopHandle | undefined = undefined\n\nconst TRIGGER_ELE_EVENTS = [\n  'onMouseenter',\n  'onMouseleave',\n  'onClick',\n  'onKeydown',\n  'onFocus',\n  'onBlur',\n  'onContextmenu',\n] as const\n\nonMounted(() => {\n  watch(\n    () => props.virtualRef,\n    (virtualEl) => {\n      if (virtualEl) {\n        triggerRef.value = unrefElement(virtualEl as HTMLElement)\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    triggerRef,\n    (el, prevEl) => {\n      virtualTriggerAriaStopWatch?.()\n      virtualTriggerAriaStopWatch = undefined\n\n      if (isElement(prevEl)) {\n        TRIGGER_ELE_EVENTS.forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            // @ts-ignore\n            ;(prevEl as HTMLElement).removeEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler,\n              ['onFocus', 'onBlur'].includes(eventName)\n            )\n          }\n        })\n      }\n      if (isElement(el)) {\n        TRIGGER_ELE_EVENTS.forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            // It's not worth doing type gymnastics here\n            // @ts-ignore\n            ;(el as HTMLElement).addEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler,\n              ['onFocus', 'onBlur'].includes(eventName)\n            )\n          }\n        })\n        if (isFocusable(el as HTMLElement)) {\n          virtualTriggerAriaStopWatch = watch(\n            [ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded],\n            (watches) => {\n              ;[\n                'aria-controls',\n                'aria-describedby',\n                'aria-haspopup',\n                'aria-expanded',\n              ].forEach((key, idx) => {\n                isNil(watches[idx])\n                  ? el.removeAttribute(key)\n                  : el.setAttribute(key, watches[idx]!)\n              })\n            },\n            { immediate: true }\n          )\n        }\n      }\n      if (isElement(prevEl) && isFocusable(prevEl as HTMLElement)) {\n        ;[\n          'aria-controls',\n          'aria-describedby',\n          'aria-haspopup',\n          'aria-expanded',\n        ].forEach((key) => prevEl.removeAttribute(key))\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\nonBeforeUnmount(() => {\n  virtualTriggerAriaStopWatch?.()\n  virtualTriggerAriaStopWatch = undefined\n  if (triggerRef.value && isElement(triggerRef.value)) {\n    const el = triggerRef.value as HTMLElement\n    TRIGGER_ELE_EVENTS.forEach((eventName) => {\n      const handler = props[eventName]\n      if (handler) {\n        // @ts-ignore\n        el.removeEventListener(\n          eventName.slice(2).toLowerCase(),\n          handler,\n          ['onFocus', 'onBlur'].includes(eventName)\n        )\n      }\n    })\n    triggerRef.value = undefined\n  }\n})\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n})\n</script>\n"],"names":["virtualTriggering","_createBlock","_unref","ElOnlyChild","_mergeProps","$attrs","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"trigger.vue2.mjs","sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-controls=\"ariaControls\"\n    :aria-describedby=\"ariaDescribedby\"\n    :aria-expanded=\"ariaExpanded\"\n    :aria-haspopup=\"ariaHaspopup\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { unrefElement } from '@vueuse/core'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { isElement, isFocusable } from '@element-plus/utils'\nimport { POPPER_INJECTION_KEY } from './constants'\n\nimport type { WatchStopHandle } from 'vue'\nimport type { PopperTriggerProps } from './trigger'\n\ndefineOptions({\n  name: 'ElPopperTrigger',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<PopperTriggerProps>(), {})\n\nconst { role, triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n\nuseForwardRef(triggerRef)\n\nconst ariaControls = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? props.id : undefined\n})\n\nconst ariaDescribedby = computed<string | undefined>(() => {\n  if (role && role.value === 'tooltip') {\n    return props.open && props.id ? props.id : undefined\n  }\n  return undefined\n})\n\nconst ariaHaspopup = computed<string | undefined>(() => {\n  if (role && role.value !== 'tooltip') {\n    return role.value\n  }\n  return undefined\n})\n\nconst ariaExpanded = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? `${props.open}` : undefined\n})\n\nlet virtualTriggerAriaStopWatch: WatchStopHandle | undefined = undefined\n\nconst TRIGGER_ELE_EVENTS = [\n  'onMouseenter',\n  'onMouseleave',\n  'onClick',\n  'onKeydown',\n  'onFocus',\n  'onBlur',\n  'onContextmenu',\n] as const\n\nonMounted(() => {\n  watch(\n    () => props.virtualRef,\n    (virtualEl) => {\n      if (virtualEl) {\n        triggerRef.value = unrefElement(virtualEl as HTMLElement)\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    triggerRef,\n    (el, prevEl) => {\n      virtualTriggerAriaStopWatch?.()\n      virtualTriggerAriaStopWatch = undefined\n\n      if (isElement(prevEl)) {\n        TRIGGER_ELE_EVENTS.forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            // @ts-ignore\n            ;(prevEl as HTMLElement).removeEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler,\n              ['onFocus', 'onBlur'].includes(eventName)\n            )\n          }\n        })\n      }\n      if (isElement(el)) {\n        TRIGGER_ELE_EVENTS.forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            // It's not worth doing type gymnastics here\n            // @ts-ignore\n            ;(el as HTMLElement).addEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler,\n              ['onFocus', 'onBlur'].includes(eventName)\n            )\n          }\n        })\n        if (isFocusable(el as HTMLElement)) {\n          virtualTriggerAriaStopWatch = watch(\n            [ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded],\n            (watches) => {\n              ;[\n                'aria-controls',\n                'aria-describedby',\n                'aria-haspopup',\n                'aria-expanded',\n              ].forEach((key, idx) => {\n                isNil(watches[idx])\n                  ? el.removeAttribute(key)\n                  : el.setAttribute(key, watches[idx]!)\n              })\n            },\n            { immediate: true }\n          )\n        }\n      }\n      if (isElement(prevEl) && isFocusable(prevEl as HTMLElement)) {\n        ;[\n          'aria-controls',\n          'aria-describedby',\n          'aria-haspopup',\n          'aria-expanded',\n        ].forEach((key) => prevEl.removeAttribute(key))\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\nonBeforeUnmount(() => {\n  virtualTriggerAriaStopWatch?.()\n  virtualTriggerAriaStopWatch = undefined\n  if (triggerRef.value && isElement(triggerRef.value)) {\n    const el = triggerRef.value as HTMLElement\n    TRIGGER_ELE_EVENTS.forEach((eventName) => {\n      const handler = props[eventName]\n      if (handler) {\n        // @ts-ignore\n        el.removeEventListener(\n          eventName.slice(2).toLowerCase(),\n          handler,\n          ['onFocus', 'onBlur'].includes(eventName)\n        )\n      }\n    })\n    triggerRef.value = undefined\n  }\n})\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n})\n</script>\n"],"names":["_createBlock","_unref","ElOnlyChild","_mergeProps","$attrs","_renderSlot"],"mappings":"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"}

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

@@ -36,14 +36,14 @@ export declare const buildPopperOptions: (props: PopperCoreConfigProps, modifier
     } | {
         name: string;
         options: {
-            gpuAcceleration: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            gpuAcceleration: boolean | undefined;
             offset?: undefined;
             padding?: undefined;
             fallbackPlacements?: undefined;
         };
     })[];
-    placement: "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
-    strategy: "fixed" | "absolute";
-    onFirstUpdate?: ((arg0: Partial<import("@popperjs/core").State>) => void) | undefined;
+    placement: import("@popperjs/core").Placement | undefined;
+    strategy: import("@popperjs/core").PositioningStrategy | undefined;
+    onFirstUpdate?: (arg0: Partial<import("@popperjs/core").State>) => void;
 };
 export declare const unwrapMeasurableEl: ($el: MaybeRef<Measurable | undefined | ComponentPublicInstance>) => HTMLElement | undefined;

package/es/components/popper/src/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../../../packages/components/popper/src/utils.ts"],"sourcesContent":["import { unrefElement } from '@vueuse/core'\nimport { isClient } from '@element-plus/utils'\n\nimport type { ComponentPublicInstance } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\nimport type { Modifier } from '@popperjs/core'\nimport type { Measurable } from './constants'\nimport type { PopperCoreConfigProps } from './content'\n\nexport const buildPopperOptions = (\n  props: PopperCoreConfigProps,\n  modifiers: Modifier<any, any>[] = []\n) => {\n  const { placement, strategy, popperOptions } = props\n  const options = {\n    placement,\n    strategy,\n    ...popperOptions,\n    modifiers: [...genModifiers(props), ...modifiers],\n  }\n\n  deriveExtraModifiers(options, popperOptions?.modifiers)\n  return options\n}\n\nexport const unwrapMeasurableEl = (\n  $el: MaybeRef<Measurable | undefined | ComponentPublicInstance>\n) => {\n  if (!isClient) return\n  return unrefElement($el as HTMLElement)\n}\n\nfunction genModifiers(options: PopperCoreConfigProps) {\n  const { offset, gpuAcceleration, fallbackPlacements } = options\n  return [\n    {\n      name: 'offset',\n      options: {\n        offset: [0, offset ?? 12],\n      },\n    },\n    {\n      name: 'preventOverflow',\n      options: {\n        padding: {\n          top: 0,\n          bottom: 0,\n          left: 0,\n          right: 0,\n        },\n      },\n    },\n    {\n      name: 'flip',\n      options: {\n        padding: 5,\n        fallbackPlacements,\n      },\n    },\n    {\n      name: 'computeStyles',\n      options: {\n        gpuAcceleration,\n      },\n    },\n  ]\n}\n\nfunction deriveExtraModifiers(\n  options: any,\n  modifiers: PopperCoreConfigProps['popperOptions']['modifiers']\n) {\n  if (modifiers) {\n    options.modifiers = [...options.modifiers, ...(modifiers ?? [])]\n  }\n}\n"],"names":[],"mappings":";;AASO,MAAM,kBAAA,GAAqB,CAChC,KAAA,EACA,SAAA,GAAkC,EAAC,KAChC;AACH,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,aAAA,EAAc,GAAI,KAAA;AAC/C,EAAA,MAAM,OAAA,GAAU;AAAA,IACd,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG,aAAA;AAAA,IACH,WAAW,CAAC,GAAG,aAAa,KAAK,CAAA,EAAG,GAAG,SAAS;AAAA,GAClD;AAEA,EAAA,oBAAA,CAAqB,OAAA,EAAS,+CAAe,SAAS,CAAA;AACtD,EAAA,OAAO,OAAA;AACT;AAEO,MAAM,kBAAA,GAAqB,CAChC,GAAA,KACG;AACH,EAAA,IAAI,CAAC,QAAA,EAAU;AACf,EAAA,OAAO,aAAa,GAAkB,CAAA;AACxC;AAEA,SAAS,aAAa,OAAA,EAAgC;AACpD,EAAA,MAAM,EAAE,MAAA,EAAQ,eAAA,EAAiB,kBAAA,EAAmB,GAAI,OAAA;AACxD,EAAA,OAAO;AAAA,IACL;AAAA,MACE,IAAA,EAAM,QAAA;AAAA,MACN,OAAA,EAAS;AAAA,QACP,MAAA,EAAQ,CAAC,CAAA,EAAG,MAAA,IAAA,IAAA,GAAA,MAAA,GAAU,EAAE;AAAA;AAC1B,KACF;AAAA,IACA;AAAA,MACE,IAAA,EAAM,iBAAA;AAAA,MACN,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,UACP,GAAA,EAAK,CAAA;AAAA,UACL,MAAA,EAAQ,CAAA;AAAA,UACR,IAAA,EAAM,CAAA;AAAA,UACN,KAAA,EAAO;AAAA;AACT;AACF,KACF;AAAA,IACA;AAAA,MACE,IAAA,EAAM,MAAA;AAAA,MACN,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,CAAA;AAAA,QACT;AAAA;AACF,KACF;AAAA,IACA;AAAA,MACE,IAAA,EAAM,eAAA;AAAA,MACN,OAAA,EAAS;AAAA,QACP;AAAA;AACF;AACF,GACF;AACF;AAEA,SAAS,oBAAA,CACP,SACA,SAAA,EACA;AACA,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,OAAA,CAAQ,SAAA,GAAY,CAAC,GAAG,OAAA,CAAQ,WAAW,GAAI,SAAA,IAAA,IAAA,GAAA,SAAA,GAAa,EAAG,CAAA;AAAA,EACjE;AACF;;;;"}
+{"version":3,"file":"utils.mjs","sources":["../../../../../../packages/components/popper/src/utils.ts"],"sourcesContent":["import { unrefElement } from '@vueuse/core'\nimport { isClient } from '@element-plus/utils'\n\nimport type { ComponentPublicInstance } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\nimport type { Modifier } from '@popperjs/core'\nimport type { Measurable } from './constants'\nimport type { PopperCoreConfigProps } from './content'\n\nexport const buildPopperOptions = (\n  props: PopperCoreConfigProps,\n  modifiers: Modifier<any, any>[] = []\n) => {\n  const { placement, strategy, popperOptions } = props\n  const options = {\n    placement,\n    strategy,\n    ...popperOptions,\n    modifiers: [...genModifiers(props), ...modifiers],\n  }\n\n  deriveExtraModifiers(options, popperOptions?.modifiers)\n  return options\n}\n\nexport const unwrapMeasurableEl = (\n  $el: MaybeRef<Measurable | undefined | ComponentPublicInstance>\n) => {\n  if (!isClient) return\n  return unrefElement($el as HTMLElement)\n}\n\nfunction genModifiers(options: PopperCoreConfigProps) {\n  const { offset, gpuAcceleration, fallbackPlacements } = options\n  return [\n    {\n      name: 'offset',\n      options: {\n        offset: [0, offset ?? 12],\n      },\n    },\n    {\n      name: 'preventOverflow',\n      options: {\n        padding: {\n          top: 0,\n          bottom: 0,\n          left: 0,\n          right: 0,\n        },\n      },\n    },\n    {\n      name: 'flip',\n      options: {\n        padding: 5,\n        fallbackPlacements,\n      },\n    },\n    {\n      name: 'computeStyles',\n      options: {\n        gpuAcceleration,\n      },\n    },\n  ]\n}\n\nfunction deriveExtraModifiers(\n  options: any,\n  modifiers: NonNullable<PopperCoreConfigProps['popperOptions']>['modifiers']\n) {\n  if (modifiers) {\n    options.modifiers = [...options.modifiers, ...(modifiers ?? [])]\n  }\n}\n"],"names":[],"mappings":";;AASO,MAAM,kBAAA,GAAqB,CAChC,KAAA,EACA,SAAA,GAAkC,EAAC,KAChC;AACH,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,aAAA,EAAc,GAAI,KAAA;AAC/C,EAAA,MAAM,OAAA,GAAU;AAAA,IACd,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG,aAAA;AAAA,IACH,WAAW,CAAC,GAAG,aAAa,KAAK,CAAA,EAAG,GAAG,SAAS;AAAA,GAClD;AAEA,EAAA,oBAAA,CAAqB,OAAA,EAAS,+CAAe,SAAS,CAAA;AACtD,EAAA,OAAO,OAAA;AACT;AAEO,MAAM,kBAAA,GAAqB,CAChC,GAAA,KACG;AACH,EAAA,IAAI,CAAC,QAAA,EAAU;AACf,EAAA,OAAO,aAAa,GAAkB,CAAA;AACxC;AAEA,SAAS,aAAa,OAAA,EAAgC;AACpD,EAAA,MAAM,EAAE,MAAA,EAAQ,eAAA,EAAiB,kBAAA,EAAmB,GAAI,OAAA;AACxD,EAAA,OAAO;AAAA,IACL;AAAA,MACE,IAAA,EAAM,QAAA;AAAA,MACN,OAAA,EAAS;AAAA,QACP,MAAA,EAAQ,CAAC,CAAA,EAAG,MAAA,IAAA,IAAA,GAAA,MAAA,GAAU,EAAE;AAAA;AAC1B,KACF;AAAA,IACA;AAAA,MACE,IAAA,EAAM,iBAAA;AAAA,MACN,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,UACP,GAAA,EAAK,CAAA;AAAA,UACL,MAAA,EAAQ,CAAA;AAAA,UACR,IAAA,EAAM,CAAA;AAAA,UACN,KAAA,EAAO;AAAA;AACT;AACF,KACF;AAAA,IACA;AAAA,MACE,IAAA,EAAM,MAAA;AAAA,MACN,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,CAAA;AAAA,QACT;AAAA;AACF,KACF;AAAA,IACA;AAAA,MACE,IAAA,EAAM,eAAA;AAAA,MACN,OAAA,EAAS;AAAA,QACP;AAAA;AACF;AACF,GACF;AACF;AAEA,SAAS,oBAAA,CACP,SACA,SAAA,EACA;AACA,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,OAAA,CAAQ,SAAA,GAAY,CAAC,GAAG,OAAA,CAAQ,WAAW,GAAI,SAAA,IAAA,IAAA,GAAA,SAAA,GAAa,EAAG,CAAA;AAAA,EACjE;AACF;;;;"}

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

@@ -1,10 +1,71 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes, SVGAttributes } from 'vue';
 import type Progress from './progress.vue';
 export type ProgressColor = {
     color: string;
     percentage: number;
 };
 export type ProgressFn = (percentage: number) => string;
+export interface ProgressProps {
+    /**
+     * @description type of progress bar
+     */
+    type?: 'line' | 'circle' | 'dashboard';
+    /**
+     * @description percentage, required
+     */
+    percentage?: number;
+    /**
+     * @description the current status of progress bar
+     */
+    status?: '' | 'success' | 'exception' | 'warning';
+    /**
+     * @description set indeterminate progress
+     */
+    indeterminate?: boolean;
+    /**
+     * @description control the animation duration of indeterminate progress or striped flow progress
+     */
+    duration?: number;
+    /**
+     * @description the width of progress bar
+     */
+    strokeWidth?: number;
+    /**
+     * @description butt/circle/dashboard type shape at the end path
+     */
+    strokeLinecap?: NonNullable<SVGAttributes['stroke-linecap']>;
+    /**
+     * @description whether to place the percentage inside progress bar, only works when `type` is 'line'
+     */
+    textInside?: boolean;
+    /**
+     * @description the canvas width of circle progress bar
+     */
+    width?: number;
+    /**
+     * @description whether to show percentage
+     */
+    showText?: boolean;
+    /**
+     * @description background color of progress bar. Overrides `status` prop
+     */
+    color?: string | ProgressColor[] | ProgressFn;
+    /**
+     * @description stripe over the progress bar's color
+     */
+    striped?: boolean;
+    /**
+     * @description get the stripes to flow
+     */
+    stripedFlow?: boolean;
+    /**
+     * @description custom text format
+     */
+    format?: ProgressFn;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `ProgressProps` instead.
+ */
 export declare const progressProps: {
     readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "circle" | "line" | "dashboard", unknown, "line", boolean>;
     readonly percentage: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
@@ -29,6 +90,8 @@ export declare const progressProps: {
         readonly prototype: any;
     })[], unknown, unknown, (percentage: number) => string, boolean>;
 };
-export type ProgressProps = ExtractPropTypes<typeof progressProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `ProgressProps` instead.
+ */
 export type ProgressPropsPublic = ExtractPublicPropTypes<typeof progressProps>;
 export type ProgressInstance = InstanceType<typeof Progress> & unknown;

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

@@ -1 +1 @@
-{"version":3,"file":"progress.mjs","sources":["../../../../../../packages/components/progress/src/progress.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type {\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  SVGAttributes,\n} from 'vue'\nimport type Progress from './progress.vue'\n\nexport type ProgressColor = { color: string; percentage: number }\nexport type ProgressFn = (percentage: number) => string\n\nexport const progressProps = buildProps({\n  /**\n   * @description type of progress bar\n   */\n  type: {\n    type: String,\n    default: 'line',\n    values: ['line', 'circle', 'dashboard'],\n  },\n  /**\n   * @description percentage, required\n   */\n  percentage: {\n    type: Number,\n    default: 0,\n    validator: (val: number): boolean => val >= 0 && val <= 100,\n  },\n  /**\n   * @description the current status of progress bar\n   */\n  status: {\n    type: String,\n    default: '',\n    values: ['', 'success', 'exception', 'warning'],\n  },\n  /**\n   * @description set indeterminate progress\n   */\n  indeterminate: Boolean,\n  /**\n   * @description control the animation duration of indeterminate progress or striped flow progress\n   */\n  duration: {\n    type: Number,\n    default: 3,\n  },\n  /**\n   * @description the width of progress bar\n   */\n  strokeWidth: {\n    type: Number,\n    default: 6,\n  },\n  /**\n   * @description butt/circle/dashboard type shape at the end path\n   */\n  strokeLinecap: {\n    type: definePropType<NonNullable<SVGAttributes['stroke-linecap']>>(String),\n    default: 'round',\n  },\n  /**\n   * @description whether to place the percentage inside progress bar, only works when `type` is 'line'\n   */\n  textInside: Boolean,\n  /**\n   * @description the canvas width of circle progress bar\n   */\n  width: {\n    type: Number,\n    default: 126,\n  },\n  /**\n   * @description whether to show percentage\n   */\n  showText: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description background color of progress bar. Overrides `status` prop\n   */\n  color: {\n    type: definePropType<string | ProgressColor[] | ProgressFn>([\n      String,\n      Array,\n      Function,\n    ]),\n    default: '',\n  },\n  /**\n   * @description stripe over the progress bar's color\n   */\n  striped: Boolean,\n  /**\n   * @description get the stripes to flow\n   */\n  stripedFlow: Boolean,\n  /**\n   * @description custom text format\n   */\n  format: {\n    type: definePropType<ProgressFn>(Function),\n    default: (percentage: number): string => `${percentage}%`,\n  },\n} as const)\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>\nexport type ProgressPropsPublic = ExtractPublicPropTypes<typeof progressProps>\nexport type ProgressInstance = InstanceType<typeof Progress> & unknown\n"],"names":[],"mappings":";;AAYO,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,MAAA,EAAQ,CAAC,MAAA,EAAQ,QAAA,EAAU,WAAW;AAAA,GACxC;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,CAAA;AAAA,IACT,SAAA,EAAW,CAAC,GAAA,KAAyB,GAAA,IAAO,KAAK,GAAA,IAAO;AAAA,GAC1D;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,EAAA;AAAA,IACT,MAAA,EAAQ,CAAC,EAAA,EAAI,SAAA,EAAW,aAAa,SAAS;AAAA,GAChD;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe,OAAA;AAAA;AAAA;AAAA;AAAA,EAIf,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,eAA6D,MAAM,CAAA;AAAA,IACzE,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY,OAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,MAAM,cAAA,CAAsD;AAAA,MAC1D,MAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,EAIT,WAAA,EAAa,OAAA;AAAA;AAAA;AAAA;AAAA,EAIb,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAA2B,QAAQ,CAAA;AAAA,IACzC,OAAA,EAAS,CAAC,UAAA,KAA+B,CAAA,EAAG,UAAU,CAAA,CAAA;AAAA;AAE1D,CAAU;;;;"}
+{"version":3,"file":"progress.mjs","sources":["../../../../../../packages/components/progress/src/progress.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes, SVGAttributes } from 'vue'\nimport type Progress from './progress.vue'\n\nexport type ProgressColor = { color: string; percentage: number }\nexport type ProgressFn = (percentage: number) => string\n\nexport interface ProgressProps {\n  /**\n   * @description type of progress bar\n   */\n  type?: 'line' | 'circle' | 'dashboard'\n  /**\n   * @description percentage, required\n   */\n  percentage?: number\n  /**\n   * @description the current status of progress bar\n   */\n  status?: '' | 'success' | 'exception' | 'warning'\n  /**\n   * @description set indeterminate progress\n   */\n  indeterminate?: boolean\n  /**\n   * @description control the animation duration of indeterminate progress or striped flow progress\n   */\n  duration?: number\n  /**\n   * @description the width of progress bar\n   */\n  strokeWidth?: number\n  /**\n   * @description butt/circle/dashboard type shape at the end path\n   */\n  strokeLinecap?: NonNullable<SVGAttributes['stroke-linecap']>\n  /**\n   * @description whether to place the percentage inside progress bar, only works when `type` is 'line'\n   */\n  textInside?: boolean\n  /**\n   * @description the canvas width of circle progress bar\n   */\n  width?: number\n  /**\n   * @description whether to show percentage\n   */\n  showText?: boolean\n  /**\n   * @description background color of progress bar. Overrides `status` prop\n   */\n  color?: string | ProgressColor[] | ProgressFn\n  /**\n   * @description stripe over the progress bar's color\n   */\n  striped?: boolean\n  /**\n   * @description get the stripes to flow\n   */\n  stripedFlow?: boolean\n  /**\n   * @description custom text format\n   */\n  format?: ProgressFn\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `ProgressProps` instead.\n */\nexport const progressProps = buildProps({\n  /**\n   * @description type of progress bar\n   */\n  type: {\n    type: String,\n    default: 'line',\n    values: ['line', 'circle', 'dashboard'],\n  },\n  /**\n   * @description percentage, required\n   */\n  percentage: {\n    type: Number,\n    default: 0,\n    validator: (val: number): boolean => val >= 0 && val <= 100,\n  },\n  /**\n   * @description the current status of progress bar\n   */\n  status: {\n    type: String,\n    default: '',\n    values: ['', 'success', 'exception', 'warning'],\n  },\n  /**\n   * @description set indeterminate progress\n   */\n  indeterminate: Boolean,\n  /**\n   * @description control the animation duration of indeterminate progress or striped flow progress\n   */\n  duration: {\n    type: Number,\n    default: 3,\n  },\n  /**\n   * @description the width of progress bar\n   */\n  strokeWidth: {\n    type: Number,\n    default: 6,\n  },\n  /**\n   * @description butt/circle/dashboard type shape at the end path\n   */\n  strokeLinecap: {\n    type: definePropType<NonNullable<SVGAttributes['stroke-linecap']>>(String),\n    default: 'round',\n  },\n  /**\n   * @description whether to place the percentage inside progress bar, only works when `type` is 'line'\n   */\n  textInside: Boolean,\n  /**\n   * @description the canvas width of circle progress bar\n   */\n  width: {\n    type: Number,\n    default: 126,\n  },\n  /**\n   * @description whether to show percentage\n   */\n  showText: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description background color of progress bar. Overrides `status` prop\n   */\n  color: {\n    type: definePropType<string | ProgressColor[] | ProgressFn>([\n      String,\n      Array,\n      Function,\n    ]),\n    default: '',\n  },\n  /**\n   * @description stripe over the progress bar's color\n   */\n  striped: Boolean,\n  /**\n   * @description get the stripes to flow\n   */\n  stripedFlow: Boolean,\n  /**\n   * @description custom text format\n   */\n  format: {\n    type: definePropType<ProgressFn>(Function),\n    default: (percentage: number): string => `${percentage}%`,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `ProgressProps` instead.\n */\nexport type ProgressPropsPublic = ExtractPublicPropTypes<typeof progressProps>\nexport type ProgressInstance = InstanceType<typeof Progress> & unknown\n"],"names":[],"mappings":";;AAsEO,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,MAAA,EAAQ,CAAC,MAAA,EAAQ,QAAA,EAAU,WAAW;AAAA,GACxC;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,CAAA;AAAA,IACT,SAAA,EAAW,CAAC,GAAA,KAAyB,GAAA,IAAO,KAAK,GAAA,IAAO;AAAA,GAC1D;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,EAAA;AAAA,IACT,MAAA,EAAQ,CAAC,EAAA,EAAI,SAAA,EAAW,aAAa,SAAS;AAAA,GAChD;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe,OAAA;AAAA;AAAA;AAAA;AAAA,EAIf,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,eAA6D,MAAM,CAAA;AAAA,IACzE,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY,OAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,MAAM,cAAA,CAAsD;AAAA,MAC1D,MAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,EAIT,WAAA,EAAa,OAAA;AAAA;AAAA;AAAA;AAAA,EAIb,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAA2B,QAAQ,CAAA;AAAA,IACzC,OAAA,EAAS,CAAC,UAAA,KAA+B,CAAA,EAAG,UAAU,CAAA,CAAA;AAAA;AAE1D,CAAU;;;;"}