@element-plus/nightly 0.0.20260118 → 0.0.20260119

package/es/components/color-picker-panel/src/components/predefine.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"predefine.vue2.mjs","sources":["../../../../../../../packages/components/color-picker-panel/src/components/predefine.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div :class=\"colorsKls\">\n      <button\n        v-for=\"(item, index) in rgbaColors\"\n        :key=\"colors[index]\"\n        type=\"button\"\n        :disabled=\"disabled\"\n        :aria-label=\"ariaLabel(item.value)\"\n        :class=\"colorSelectorKls(item)\"\n        @click=\"handleSelect(index)\"\n      >\n        <div :style=\"{ backgroundColor: item.value }\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { predefineProps } from '../props/predefine'\nimport { usePredefine, usePredefineDOM } from '../composables/use-predefine'\nimport { useLocale } from '@element-plus/hooks/use-locale'\n\ndefineOptions({\n  name: 'ElColorPredefine',\n})\n\nconst props = defineProps(predefineProps)\n\nconst { rgbaColors, handleSelect } = usePredefine(props)\nconst { rootKls, colorsKls, colorSelectorKls } = usePredefineDOM(props)\nconst { t } = useLocale()\n\nconst ariaLabel = (value: string) => {\n  return t('el.colorpicker.predefineDescription', { value })\n}\n</script>\n"],"names":["_createElementBlock","_unref","_createElementVNode","_openBlock","_Fragment","_renderList","colors","disabled","_normalizeClass","_normalizeStyle"],"mappings":";;;;;;;;;;;;;AA2BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAI,aAAa,KAAK,CAAA;AACvD,IAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,gBAAA,EAAiB,GAAI,gBAAgB,KAAK,CAAA;AACtE,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAkB;AACnC,MAAA,OAAO,CAAA,CAAE,qCAAA,EAAuC,EAAE,KAAA,EAAO,CAAA;AAAA,IAC3D,CAAA;;0BAlCEA,kBAAA;AAAA,QAcM,KAAA;AAAA,QAAA;AAAA,UAdA,KAAA,iBAAOC,KAAA,CAAA,OAAA,CAAO;AAAA;;UAClBC,kBAAA;AAAA,YAYM,KAAA;AAAA,YAAA;AAAA,cAZA,KAAA,iBAAOD,KAAA,CAAA,SAAA,CAAS;AAAA;;eACpBE,SAAA,CAAA,IAAA,CAAA,EAAAH,kBAAA;AAAA,gBAUSI,QAAA;AAAA,gBAAA,IAAA;AAAA,gBAAAC,WATiBJ,KAAA,CAAA,UAAA,CAAA,EAAU,CAA1B,MAAM,KAAA,KAAK;sCADrBD,kBAAA,CAUS,QAAA,EAAA;AAAA,oBARN,GAAA,EAAKM,IAAAA,CAAAA,MAAAA,CAAO,KAAK,CAAA;AAAA,oBAClB,IAAA,EAAK,QAAA;AAAA,oBACJ,UAAUC,IAAAA,CAAAA,QAAAA;AAAAA,oBACV,YAAA,EAAY,SAAA,CAAU,IAAA,CAAK,KAAK,CAAA;AAAA,oBAChC,OAAKC,cAAA,CAAEP,KAAA,CAAA,gBAAA,CAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,oBAC5B,SAAK,CAAA,MAAA,KAAEA,KAAA,CAAA,YAAA,EAAa,KAAK;AAAA;oBAE1BC,kBAAA;AAAA,sBAAgD,KAAA;AAAA,sBAAA;AAAA,wBAA1C,OAAKO,cAAA,CAAA,EAAA,eAAA,EAAqB,IAAA,CAAK,OAAK;AAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"predefine.vue2.mjs","sources":["../../../../../../../packages/components/color-picker-panel/src/components/predefine.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div :class=\"colorsKls\">\n      <button\n        v-for=\"(item, index) in rgbaColors\"\n        :key=\"colors[index]\"\n        type=\"button\"\n        :disabled=\"disabled\"\n        :aria-label=\"ariaLabel(item.value)\"\n        :class=\"colorSelectorKls(item)\"\n        @click=\"handleSelect(index)\"\n      >\n        <div :style=\"{ backgroundColor: item.value }\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { usePredefine, usePredefineDOM } from '../composables/use-predefine'\nimport { useLocale } from '@element-plus/hooks/use-locale'\n\nimport type { PredefineProps } from '../props/predefine'\n\ndefineOptions({\n  name: 'ElColorPredefine',\n})\n\nconst props = defineProps<PredefineProps>()\n\nconst { rgbaColors, handleSelect } = usePredefine(props)\nconst { rootKls, colorsKls, colorSelectorKls } = usePredefineDOM(props)\nconst { t } = useLocale()\n\nconst ariaLabel = (value: string) => {\n  return t('el.colorpicker.predefineDescription', { value })\n}\n</script>\n"],"names":["_createElementBlock","_unref","_createElementVNode","_openBlock","_Fragment","_renderList","_normalizeClass","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAI,aAAa,KAAK,CAAA;AACvD,IAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,gBAAA,EAAiB,GAAI,gBAAgB,KAAK,CAAA;AACtE,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAkB;AACnC,MAAA,OAAO,CAAA,CAAE,qCAAA,EAAuC,EAAE,KAAA,EAAO,CAAA;AAAA,IAC3D,CAAA;;0BAnCEA,kBAAA;AAAA,QAcM,KAAA;AAAA,QAAA;AAAA,UAdA,KAAA,iBAAOC,KAAA,CAAA,OAAA,CAAO;AAAA;;UAClBC,kBAAA;AAAA,YAYM,KAAA;AAAA,YAAA;AAAA,cAZA,KAAA,iBAAOD,KAAA,CAAA,SAAA,CAAS;AAAA;;eACpBE,SAAA,CAAA,IAAA,CAAA,EAAAH,kBAAA;AAAA,gBAUSI,QAAA;AAAA,gBAAA,IAAA;AAAA,gBAAAC,WATiBJ,KAAA,CAAA,UAAA,CAAA,EAAU,CAA1B,MAAM,KAAA,KAAK;sCADrBD,kBAAA,CAUS,QAAA,EAAA;AAAA,oBARN,GAAA,EAAK,OAAA,CAAA,MAAA,CAAO,KAAK,CAAA;AAAA,oBAClB,IAAA,EAAK,QAAA;AAAA,oBACJ,UAAU,OAAA,CAAA,QAAA;AAAA,oBACV,YAAA,EAAY,SAAA,CAAU,IAAA,CAAK,KAAK,CAAA;AAAA,oBAChC,OAAKM,cAAA,CAAEL,KAAA,CAAA,gBAAA,CAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,oBAC5B,SAAK,CAAA,MAAA,KAAEA,KAAA,CAAA,YAAA,EAAa,KAAK;AAAA;oBAE1BC,kBAAA;AAAA,sBAAgD,KAAA;AAAA,sBAAA;AAAA,wBAA1C,OAAKK,cAAA,CAAA,EAAA,eAAA,EAAqB,IAAA,CAAK,OAAK;AAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/color-picker-panel/src/components/sv-panel.vue.d.ts

@@ -1,26 +1,8 @@
-declare const __VLS_export: import("vue").DefineComponent<{
-    readonly color: {
-        readonly type: import("vue").PropType<import("../utils/color").default>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabled: BooleanConstructor;
-}, {
+declare const __VLS_export: import("vue").DefineComponent<{}, {
     /**
      * @description update sv panel manually
      */
     update: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly color: {
-        readonly type: import("vue").PropType<import("../utils/color").default>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabled: BooleanConstructor;
-}>>, {
-    readonly disabled: boolean;
-}, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/es/components/color-picker-panel/src/components/sv-panel.vue2.mjs

@@ -1,6 +1,5 @@
 import { defineComponent, computed, createElementBlock, openBlock, unref, normalizeStyle, normalizeClass, createElementVNode } from 'vue';
 import { useLocale } from '../../../../hooks/use-locale/index.mjs';
-import { svPanelProps } from '../props/sv-panel.mjs';
 import { useSvPanel, useSvPanelDOM } from '../composables/use-sv-panel.mjs';
 
 const _hoisted_1 = ["tabindex", "aria-disabled", "aria-label", "aria-valuenow", "aria-valuetext"];
@@ -9,7 +8,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElSvPanel"
   },
   __name: "sv-panel",
-  props: svPanelProps,
+  props: {
+    color: { type: Object, required: true },
+    disabled: { type: Boolean, required: false }
+  },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const {
@@ -62,8 +64,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ref: cursorRef,
             class: normalizeClass(unref(cursorKls)),
             style: normalizeStyle(unref(cursorStyle)),
-            tabindex: _ctx.disabled ? void 0 : 0,
-            "aria-disabled": _ctx.disabled,
+            tabindex: __props.disabled ? void 0 : 0,
+            "aria-disabled": __props.disabled,
             role: "slider",
             "aria-valuemin": "0,0",
             "aria-valuemax": "100,100",

package/es/components/color-picker-panel/src/components/sv-panel.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sv-panel.vue2.mjs","sources":["../../../../../../../packages/components/color-picker-panel/src/components/sv-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\" :style=\"rootStyle\" @click=\"handleClick\">\n    <div\n      ref=\"cursorRef\"\n      :class=\"cursorKls\"\n      :style=\"cursorStyle\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      role=\"slider\"\n      aria-valuemin=\"0,0\"\n      aria-valuemax=\"100,100\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"`${saturation},${brightness}`\"\n      :aria-valuetext=\"ariaValuetext\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks/use-locale'\nimport { svPanelProps } from '../props/sv-panel'\nimport { useSvPanel, useSvPanelDOM } from '../composables/use-sv-panel'\n\ndefineOptions({\n  name: 'ElSvPanel',\n})\n\nconst props = defineProps(svPanelProps)\n\nconst {\n  cursorRef,\n  cursorTop,\n  cursorLeft,\n  background,\n  saturation,\n  brightness,\n  handleClick,\n  handleDrag,\n  handleKeydown,\n} = useSvPanel(props)\n\nconst { rootKls, cursorKls, rootStyle, cursorStyle, update } = useSvPanelDOM(\n  props,\n  {\n    cursorTop,\n    cursorLeft,\n    background,\n    handleDrag,\n  }\n)\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.svLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.svDescription', {\n    saturation: saturation.value,\n    brightness: brightness.value,\n    color: props.color.value,\n  })\n})\n\ndefineExpose({\n  /**\n   * @description update sv panel manually\n   */\n  update,\n})\n</script>\n"],"names":["_createElementBlock","_unref","_createElementVNode","disabled"],"mappings":";;;;;;;;;;;;;AA6BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF,GAAI,WAAW,KAAK,CAAA;AAEpB,IAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,SAAA,EAAW,WAAA,EAAa,QAAO,GAAI,aAAA;AAAA,MAC7D,KAAA;AAAA,MACA;AAAA,QACE,SAAA;AAAA,QACA,UAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA;AACF,KACF;AAEA,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAY,QAAA,CAAS,MAAM,CAAA,CAAE,wBAAwB,CAAC,CAAA;AAC5D,IAAA,MAAM,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAA,OAAO,EAAE,8BAAA,EAAgC;AAAA,QACvC,YAAY,UAAA,CAAW,KAAA;AAAA,QACvB,YAAY,UAAA,CAAW,KAAA;AAAA,QACvB,KAAA,EAAO,MAAM,KAAA,CAAM;AAAA,OACpB,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX;AAAA,KACD,CAAA;;0BApECA,kBAAA;AAAA,QAeM,KAAA;AAAA,QAAA;AAAA,UAfA,KAAA,iBAAOC,KAAA,CAAA,OAAA,CAAO,CAAA;AAAA,UAAG,KAAA,iBAAOA,KAAA,CAAA,SAAA,CAAS,CAAA;AAAA,UAAG,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,uBAAEA,KAAA,CAAA,WAAA,KAAAA,KAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;UAC/CC,mBAaE,KAAA,EAAA;AAAA,qBAZI,WAAA;AAAA,YAAJ,GAAA,EAAI,SAAA;AAAA,YACH,KAAA,iBAAOD,KAAA,CAAA,SAAA,CAAS,CAAA;AAAA,YAChB,KAAA,iBAAOA,KAAA,CAAA,WAAA,CAAW,CAAA;AAAA,YAClB,QAAA,EAAUE,IAAAA,CAAAA,QAAAA,GAAW,MAAA,GAAS,CAAA;AAAA,YAC9B,iBAAeA,IAAAA,CAAAA,QAAAA;AAAAA,YAChB,IAAA,EAAK,QAAA;AAAA,YACL,eAAA,EAAc,KAAA;AAAA,YACd,eAAA,EAAc,SAAA;AAAA,YACb,cAAY,SAAA,CAAA,KAAA;AAAA,YACZ,eAAA,EAAa,GAAKF,KAAA,CAAA,UAAA,CAAU,CAAA,CAAA,EAAIA,KAAA,CAAA,UAAA,CAAU,CAAA,CAAA;AAAA,YAC1C,kBAAgB,aAAA,CAAA,KAAA;AAAA,YAChB,SAAA,EAAO,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,yBAAEA,KAAA,CAAA,aAAA,KAAAA,KAAA,CAAA,aAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"sv-panel.vue2.mjs","sources":["../../../../../../../packages/components/color-picker-panel/src/components/sv-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\" :style=\"rootStyle\" @click=\"handleClick\">\n    <div\n      ref=\"cursorRef\"\n      :class=\"cursorKls\"\n      :style=\"cursorStyle\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      role=\"slider\"\n      aria-valuemin=\"0,0\"\n      aria-valuemax=\"100,100\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"`${saturation},${brightness}`\"\n      :aria-valuetext=\"ariaValuetext\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks/use-locale'\nimport { useSvPanel, useSvPanelDOM } from '../composables/use-sv-panel'\n\nimport type { SvPanelProps } from '../props/sv-panel'\n\ndefineOptions({\n  name: 'ElSvPanel',\n})\n\nconst props = defineProps<SvPanelProps>()\n\nconst {\n  cursorRef,\n  cursorTop,\n  cursorLeft,\n  background,\n  saturation,\n  brightness,\n  handleClick,\n  handleDrag,\n  handleKeydown,\n} = useSvPanel(props)\n\nconst { rootKls, cursorKls, rootStyle, cursorStyle, update } = useSvPanelDOM(\n  props,\n  {\n    cursorTop,\n    cursorLeft,\n    background,\n    handleDrag,\n  }\n)\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.svLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.svDescription', {\n    saturation: saturation.value,\n    brightness: brightness.value,\n    color: props.color.value,\n  })\n})\n\ndefineExpose({\n  /**\n   * @description update sv panel manually\n   */\n  update,\n})\n</script>\n"],"names":["_createElementBlock","_unref","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;AA8BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF,GAAI,WAAW,KAAK,CAAA;AAEpB,IAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,SAAA,EAAW,WAAA,EAAa,QAAO,GAAI,aAAA;AAAA,MAC7D,KAAA;AAAA,MACA;AAAA,QACE,SAAA;AAAA,QACA,UAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA;AACF,KACF;AAEA,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAY,QAAA,CAAS,MAAM,CAAA,CAAE,wBAAwB,CAAC,CAAA;AAC5D,IAAA,MAAM,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAA,OAAO,EAAE,8BAAA,EAAgC;AAAA,QACvC,YAAY,UAAA,CAAW,KAAA;AAAA,QACvB,YAAY,UAAA,CAAW,KAAA;AAAA,QACvB,KAAA,EAAO,MAAM,KAAA,CAAM;AAAA,OACpB,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX;AAAA,KACD,CAAA;;0BArECA,kBAAA;AAAA,QAeM,KAAA;AAAA,QAAA;AAAA,UAfA,KAAA,iBAAOC,KAAA,CAAA,OAAA,CAAO,CAAA;AAAA,UAAG,KAAA,iBAAOA,KAAA,CAAA,SAAA,CAAS,CAAA;AAAA,UAAG,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,uBAAEA,KAAA,CAAA,WAAA,KAAAA,KAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;UAC/CC,mBAaE,KAAA,EAAA;AAAA,qBAZI,WAAA;AAAA,YAAJ,GAAA,EAAI,SAAA;AAAA,YACH,KAAA,iBAAOD,KAAA,CAAA,SAAA,CAAS,CAAA;AAAA,YAChB,KAAA,iBAAOA,KAAA,CAAA,WAAA,CAAW,CAAA;AAAA,YAClB,QAAA,EAAU,OAAA,CAAA,QAAA,GAAW,MAAA,GAAS,CAAA;AAAA,YAC9B,iBAAe,OAAA,CAAA,QAAA;AAAA,YAChB,IAAA,EAAK,QAAA;AAAA,YACL,eAAA,EAAc,KAAA;AAAA,YACd,eAAA,EAAc,SAAA;AAAA,YACb,cAAY,SAAA,CAAA,KAAA;AAAA,YACZ,eAAA,EAAa,GAAKA,KAAA,CAAA,UAAA,CAAU,CAAA,CAAA,EAAIA,KAAA,CAAA,UAAA,CAAU,CAAA,CAAA;AAAA,YAC1C,kBAAgB,aAAA,CAAA,KAAA;AAAA,YAChB,SAAA,EAAO,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,yBAAEA,KAAA,CAAA,aAAA,KAAAA,KAAA,CAAA,aAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;;;;;;;;;;"}

package/es/components/color-picker-panel/src/props/predefine.d.ts

@@ -1,5 +1,14 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type Color from '../utils/color';
+export interface PredefineProps {
+    colors: string[];
+    color: Color;
+    enableAlpha: boolean;
+    disabled?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `PredefineProps` instead.
+ */
 export declare const predefineProps: {
     readonly colors: {
         readonly type: import("vue").PropType<string[]>;
@@ -21,5 +30,7 @@ export declare const predefineProps: {
     };
     readonly disabled: BooleanConstructor;
 };
-export type PredefineProps = ExtractPropTypes<typeof predefineProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `PredefineProps` instead.
+ */
 export type PredefinePropsPublic = ExtractPublicPropTypes<typeof predefineProps>;

package/es/components/color-picker-panel/src/props/predefine.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"predefine.mjs","sources":["../../../../../../../packages/components/color-picker-panel/src/props/predefine.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Color from '../utils/color'\n\nexport const predefineProps = buildProps({\n  colors: {\n    type: definePropType<string[]>(Array),\n    required: true,\n  },\n  color: {\n    type: definePropType<Color>(Object),\n    required: true,\n  },\n  enableAlpha: {\n    type: Boolean,\n    required: true,\n  },\n  disabled: Boolean,\n} as const)\n\nexport type PredefineProps = ExtractPropTypes<typeof predefineProps>\nexport type PredefinePropsPublic = ExtractPublicPropTypes<typeof predefineProps>\n"],"names":[],"mappings":";;AAKO,MAAM,iBAAiB,UAAA,CAAW;AAAA,EACvC,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,QAAA,EAAU;AACZ,CAAU;;;;"}
+{"version":3,"file":"predefine.mjs","sources":["../../../../../../../packages/components/color-picker-panel/src/props/predefine.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Color from '../utils/color'\n\nexport interface PredefineProps {\n  colors: string[]\n  color: Color\n  enableAlpha: boolean\n  disabled?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `PredefineProps` instead.\n */\nexport const predefineProps = buildProps({\n  colors: {\n    type: definePropType<string[]>(Array),\n    required: true,\n  },\n  color: {\n    type: definePropType<Color>(Object),\n    required: true,\n  },\n  enableAlpha: {\n    type: Boolean,\n    required: true,\n  },\n  disabled: Boolean,\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `PredefineProps` instead.\n */\nexport type PredefinePropsPublic = ExtractPublicPropTypes<typeof predefineProps>\n"],"names":[],"mappings":";;AAeO,MAAM,iBAAiB,UAAA,CAAW;AAAA,EACvC,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,QAAA,EAAU;AACZ,CAAU;;;;"}

package/es/components/color-picker-panel/src/props/slider.d.ts

@@ -1,5 +1,15 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type Color from '../utils/color';
+export interface AlphaSliderProps {
+    color: Color;
+    vertical?: boolean;
+    disabled?: boolean;
+}
+export interface HueSliderProps extends AlphaSliderProps {
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `AlphaSliderProps` instead.
+ */
 export declare const alphaSliderProps: {
     readonly color: {
         readonly type: import("vue").PropType<Color>;
@@ -10,6 +20,9 @@ export declare const alphaSliderProps: {
     readonly vertical: BooleanConstructor;
     readonly disabled: BooleanConstructor;
 };
+/**
+ * @deprecated Removed after 3.0.0, Use `HueSliderProps` instead.
+ */
 export declare const hueSliderProps: {
     readonly color: {
         readonly type: import("vue").PropType<Color>;
@@ -20,7 +33,7 @@ export declare const hueSliderProps: {
     readonly vertical: BooleanConstructor;
     readonly disabled: BooleanConstructor;
 };
-export type AlphaSliderProps = ExtractPropTypes<typeof alphaSliderProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `AlphaSliderProps` instead.
+ */
 export type AlphaSliderPropsPublic = ExtractPublicPropTypes<typeof alphaSliderProps>;
-export type HueSliderEmits = AlphaSliderProps;
-export type HueSliderProps = AlphaSliderPropsPublic;

package/es/components/color-picker-panel/src/props/slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.mjs","sources":["../../../../../../../packages/components/color-picker-panel/src/props/slider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Color from '../utils/color'\n\nexport const alphaSliderProps = buildProps({\n  color: {\n    type: definePropType<Color>(Object),\n    required: true,\n  },\n  vertical: Boolean,\n  disabled: Boolean,\n} as const)\nexport const hueSliderProps = alphaSliderProps\n\nexport type AlphaSliderProps = ExtractPropTypes<typeof alphaSliderProps>\nexport type AlphaSliderPropsPublic = ExtractPublicPropTypes<\n  typeof alphaSliderProps\n>\nexport type HueSliderEmits = AlphaSliderProps\nexport type HueSliderProps = AlphaSliderPropsPublic\n"],"names":[],"mappings":";;AAKO,MAAM,mBAAmB,UAAA,CAAW;AAAA,EACzC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,QAAA,EAAU,OAAA;AAAA,EACV,QAAA,EAAU;AACZ,CAAU;AACH,MAAM,cAAA,GAAiB;;;;"}
+{"version":3,"file":"slider.mjs","sources":["../../../../../../../packages/components/color-picker-panel/src/props/slider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Color from '../utils/color'\n\nexport interface AlphaSliderProps {\n  color: Color\n  vertical?: boolean\n  disabled?: boolean\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface HueSliderProps extends AlphaSliderProps {}\n\n/**\n * @deprecated Removed after 3.0.0, Use `AlphaSliderProps` instead.\n */\nexport const alphaSliderProps = buildProps({\n  color: {\n    type: definePropType<Color>(Object),\n    required: true,\n  },\n  vertical: Boolean,\n  disabled: Boolean,\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `HueSliderProps` instead.\n */\nexport const hueSliderProps = alphaSliderProps\n\n/**\n * @deprecated Removed after 3.0.0, Use `AlphaSliderProps` instead.\n */\nexport type AlphaSliderPropsPublic = ExtractPublicPropTypes<\n  typeof alphaSliderProps\n>\n"],"names":[],"mappings":";;AAiBO,MAAM,mBAAmB,UAAA,CAAW;AAAA,EACzC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,QAAA,EAAU,OAAA;AAAA,EACV,QAAA,EAAU;AACZ,CAAU;AAKH,MAAM,cAAA,GAAiB;;;;"}

package/es/components/color-picker-panel/src/props/sv-panel.d.ts

@@ -1,5 +1,12 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type Color from '../utils/color';
+export interface SvPanelProps {
+    color: Color;
+    disabled?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `SvPanelProps` instead.
+ */
 export declare const svPanelProps: {
     readonly color: {
         readonly type: import("vue").PropType<Color>;
@@ -9,5 +16,7 @@ export declare const svPanelProps: {
     };
     readonly disabled: BooleanConstructor;
 };
-export type SvPanelProps = ExtractPropTypes<typeof svPanelProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `SvPanelProps` instead.
+ */
 export type SvPanelPropsPublic = ExtractPublicPropTypes<typeof svPanelProps>;

package/es/components/color-picker-panel/src/props/sv-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sv-panel.mjs","sources":["../../../../../../../packages/components/color-picker-panel/src/props/sv-panel.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Color from '../utils/color'\n\nexport const svPanelProps = buildProps({\n  color: {\n    type: definePropType<Color>(Object),\n    required: true,\n  },\n  disabled: Boolean,\n} as const)\n\nexport type SvPanelProps = ExtractPropTypes<typeof svPanelProps>\nexport type SvPanelPropsPublic = ExtractPublicPropTypes<typeof svPanelProps>\n"],"names":[],"mappings":";;AAKO,MAAM,eAAe,UAAA,CAAW;AAAA,EACrC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,QAAA,EAAU;AACZ,CAAU;;;;"}
+{"version":3,"file":"sv-panel.mjs","sources":["../../../../../../../packages/components/color-picker-panel/src/props/sv-panel.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Color from '../utils/color'\n\nexport interface SvPanelProps {\n  color: Color\n  disabled?: boolean\n}\n/**\n * @deprecated Removed after 3.0.0, Use `SvPanelProps` instead.\n */\nexport const svPanelProps = buildProps({\n  color: {\n    type: definePropType<Color>(Object),\n    required: true,\n  },\n  disabled: Boolean,\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `SvPanelProps` instead.\n */\nexport type SvPanelPropsPublic = ExtractPublicPropTypes<typeof svPanelProps>\n"],"names":[],"mappings":";;AAYO,MAAM,eAAe,UAAA,CAAW;AAAA,EACrC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,QAAA,EAAU;AACZ,CAAU;;;;"}

package/es/components/dropdown/src/dropdown-menu.vue.d.ts

@@ -9,7 +9,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     size: import("vue").ComputedRef<string> | undefined;
     rovingFocusGroupRootStyle: import("vue").Ref<import("vue").StyleValue>;
     dropdownKls: import("vue").ComputedRef<string[]>;
-    role: import("vue").ComputedRef<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation", unknown>>;
+    role: import("vue").ComputedRef<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation" | undefined>;
     triggerId: import("vue").ComputedRef<string>;
     dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance | null) => void;
     handleKeydown: (event: KeyboardEvent) => void;

package/es/components/index.mjs

@@ -168,13 +168,13 @@ export { elPaginationKey } from './pagination/src/constants.mjs';
 export { popconfirmEmits, popconfirmProps } from './popconfirm/src/popconfirm.mjs';
 export { Effect, popperProps, roleTypes, usePopperProps } from './popper/src/popper.mjs';
 export { popperTriggerProps, usePopperTriggerProps } from './popper/src/trigger.mjs';
-export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './popper/src/content.mjs';
-export { popperArrowProps, usePopperArrowProps } from './popper/src/arrow.mjs';
+export { popperContentEmits, popperContentProps, popperContentPropsDefaults, popperCoreConfigProps, popperCoreConfigPropsDefaults, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './popper/src/content.mjs';
+export { popperArrowProps, popperArrowPropsDefaults, usePopperArrowProps } from './popper/src/arrow.mjs';
 export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './popper/src/constants.mjs';
 export { progressProps } from './progress/src/progress.mjs';
-export { radioEmits, radioProps, radioPropsBase } from './radio/src/radio.mjs';
-export { radioDefaultProps, radioGroupEmits, radioGroupProps } from './radio/src/radio-group.mjs';
-export { radioButtonProps } from './radio/src/radio-button.mjs';
+export { radioEmits, radioProps, radioPropsBase, radioPropsDefaults } from './radio/src/radio.mjs';
+export { radioDefaultProps, radioGroupEmits, radioGroupProps, radioGroupPropsDefaults } from './radio/src/radio-group.mjs';
+export { radioButtonProps, radioButtonPropsDefaults } from './radio/src/radio-button.mjs';
 export { radioGroupKey } from './radio/src/constants.mjs';
 export { rateEmits, rateProps } from './rate/src/rate.mjs';
 export { IconComponentMap, IconMap, resultProps } from './result/src/result.mjs';
@@ -225,8 +225,8 @@ export { TOOLTIP_INJECTION_KEY } from './tooltip/src/constants.mjs';
 export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './transfer/src/transfer.mjs';
 export { NODE_INSTANCE_INJECTION_KEY, ROOT_TREE_INJECTION_KEY, TREE_NODE_MAP_INJECTION_KEY } from './tree/src/tokens.mjs';
 export { treeEmits, treeProps } from './tree/src/tree.mjs';
-export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './upload/src/upload.mjs';
-export { uploadContentProps } from './upload/src/upload-content.mjs';
+export { genFileId, uploadBaseProps, uploadBasePropsDefaults, uploadListTypes, uploadProps, uploadPropsDefaults } from './upload/src/upload.mjs';
+export { uploadContentProps, uploadContentPropsDefaults } from './upload/src/upload-content.mjs';
 export { uploadListEmits, uploadListProps } from './upload/src/upload-list.mjs';
 export { uploadDraggerEmits, uploadDraggerProps } from './upload/src/upload-dragger.mjs';
 export { uploadContextKey } from './upload/src/constants.mjs';

package/es/components/popper/index.mjs

@@ -4,8 +4,8 @@ export { default as ElPopperTrigger } from './src/trigger.vue2.mjs';
 export { default as ElPopperContent } from './src/content.vue2.mjs';
 export { Effect, popperProps, roleTypes, usePopperProps } from './src/popper.mjs';
 export { popperTriggerProps, usePopperTriggerProps } from './src/trigger.mjs';
-export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './src/content.mjs';
-export { popperArrowProps, usePopperArrowProps } from './src/arrow.mjs';
+export { popperContentEmits, popperContentProps, popperContentPropsDefaults, popperCoreConfigProps, popperCoreConfigPropsDefaults, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './src/content.mjs';
+export { popperArrowProps, popperArrowPropsDefaults, usePopperArrowProps } from './src/arrow.mjs';
 export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './src/constants.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 

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

@@ -1,10 +1,24 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type Arrow from './arrow.vue';
+export interface PopperArrowProps {
+    /**
+     * @description arrow offset
+     */
+    arrowOffset?: number;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `PopperArrowProps` instead.
+ */
 export declare const popperArrowProps: {
     readonly arrowOffset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
 };
-export type PopperArrowProps = ExtractPropTypes<typeof popperArrowProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `PopperArrowProps` instead.
+ */
 export type PopperArrowPropsPublic = ExtractPublicPropTypes<typeof popperArrowProps>;
+export declare const popperArrowPropsDefaults: {
+    readonly arrowOffset: 5;
+};
 export type PopperArrowInstance = InstanceType<typeof Arrow> & unknown;
 /** @deprecated use `popperArrowProps` instead, and it will be deprecated in the next major version */
 export declare const usePopperArrowProps: {

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

@@ -6,7 +6,10 @@ const popperArrowProps = buildProps({
     default: 5
   }
 });
+const popperArrowPropsDefaults = {
+  arrowOffset: 5
+};
 const usePopperArrowProps = popperArrowProps;
 
-export { popperArrowProps, usePopperArrowProps };
+export { popperArrowProps, popperArrowPropsDefaults, usePopperArrowProps };
 //# sourceMappingURL=arrow.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"arrow.mjs","sources":["../../../../../../packages/components/popper/src/arrow.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Arrow from './arrow.vue'\n\nexport const popperArrowProps = buildProps({\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n} as const)\nexport type PopperArrowProps = ExtractPropTypes<typeof popperArrowProps>\nexport type PopperArrowPropsPublic = ExtractPublicPropTypes<\n  typeof popperArrowProps\n>\n\nexport type PopperArrowInstance = InstanceType<typeof Arrow> & unknown\n\n/** @deprecated use `popperArrowProps` instead, and it will be deprecated in the next major version */\nexport const usePopperArrowProps = popperArrowProps\n\n/** @deprecated use `PopperArrowProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperArrowProps = PopperArrowProps\n\n/** @deprecated use `PopperArrowInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowInstance = PopperArrowInstance\n"],"names":[],"mappings":";;AAKO,MAAM,mBAAmB,UAAA,CAAW;AAAA,EACzC,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;AASH,MAAM,mBAAA,GAAsB;;;;"}
+{"version":3,"file":"arrow.mjs","sources":["../../../../../../packages/components/popper/src/arrow.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Arrow from './arrow.vue'\n\nexport interface PopperArrowProps {\n  /**\n   * @description arrow offset\n   */\n  arrowOffset?: number\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `PopperArrowProps` instead.\n */\nexport const popperArrowProps = buildProps({\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n} as const)\n/**\n * @deprecated Removed after 3.0.0, Use `PopperArrowProps` instead.\n */\nexport type PopperArrowPropsPublic = ExtractPublicPropTypes<\n  typeof popperArrowProps\n>\n\nexport const popperArrowPropsDefaults = {\n  arrowOffset: 5,\n} as const\n\nexport type PopperArrowInstance = InstanceType<typeof Arrow> & unknown\n\n/** @deprecated use `popperArrowProps` instead, and it will be deprecated in the next major version */\nexport const usePopperArrowProps = popperArrowProps\n\n/** @deprecated use `PopperArrowProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperArrowProps = PopperArrowProps\n\n/** @deprecated use `PopperArrowInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowInstance = PopperArrowInstance\n"],"names":[],"mappings":";;AAeO,MAAM,mBAAmB,UAAA,CAAW;AAAA,EACzC,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;AAQH,MAAM,wBAAA,GAA2B;AAAA,EACtC,WAAA,EAAa;AACf;AAKO,MAAM,mBAAA,GAAsB;;;;"}

package/es/components/popper/src/composables/use-content-dom.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-content-dom.mjs","sources":["../../../../../../../packages/components/popper/src/composables/use-content-dom.ts"],"sourcesContent":["import { computed, ref, unref } from 'vue'\nimport { useNamespace, useZIndex } from '@element-plus/hooks'\nimport { isNumber } from '@element-plus/utils'\n\nimport type { CSSProperties, StyleValue } from 'vue'\nimport type { UsePopperReturn } from '@element-plus/hooks'\nimport type { UsePopperContentReturn } from './use-content'\nimport type { PopperContentProps } from '../content'\n\nexport const usePopperContentDOM = (\n  props: PopperContentProps,\n  {\n    attributes,\n    styles,\n    role,\n  }: Pick<UsePopperReturn, 'attributes' | 'styles'> &\n    Pick<UsePopperContentReturn, 'role'>\n) => {\n  const { nextZIndex } = useZIndex()\n  const ns = useNamespace('popper')\n\n  const contentAttrs = computed(() => unref(attributes).popper)\n  const contentZIndex = ref<number>(\n    isNumber(props.zIndex) ? props.zIndex : nextZIndex()\n  )\n  const contentClass = computed(() => [\n    ns.b(),\n    ns.is('pure', props.pure),\n    ns.is(props.effect),\n    props.popperClass,\n  ])\n  const contentStyle = computed<StyleValue[]>(() => {\n    return [\n      { zIndex: unref(contentZIndex) } as CSSProperties,\n      unref(styles).popper as CSSProperties,\n      props.popperStyle || {},\n    ]\n  })\n  const ariaModal = computed<string | undefined>(() =>\n    role.value === 'dialog' ? 'false' : undefined\n  )\n  const arrowStyle = computed(\n    () => (unref(styles).arrow || {}) as CSSProperties\n  )\n\n  const updateZIndex = () => {\n    contentZIndex.value = isNumber(props.zIndex) ? props.zIndex : nextZIndex()\n  }\n\n  return {\n    ariaModal,\n    arrowStyle,\n    contentAttrs,\n    contentClass,\n    contentStyle,\n    contentZIndex,\n\n    updateZIndex,\n  }\n}\n\nexport type UsePopperContentDOMReturn = ReturnType<typeof usePopperContentDOM>\n"],"names":[],"mappings":";;;;;AASO,MAAM,mBAAA,GAAsB,CACjC,KAAA,EACA;AAAA,EACE,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,KAEG;AACH,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,SAAA,EAAU;AACjC,EAAA,MAAM,EAAA,GAAK,aAAa,QAAQ,CAAA;AAEhC,EAAA,MAAM,eAAe,QAAA,CAAS,MAAM,KAAA,CAAM,UAAU,EAAE,MAAM,CAAA;AAC5D,EAAA,MAAM,aAAA,GAAgB,GAAA;AAAA,IACpB,SAAS,KAAA,CAAM,MAAM,CAAA,GAAI,KAAA,CAAM,SAAS,UAAA;AAAW,GACrD;AACA,EAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAAA,IAClC,GAAG,CAAA,EAAE;AAAA,IACL,EAAA,CAAG,EAAA,CAAG,MAAA,EAAQ,KAAA,CAAM,IAAI,CAAA;AAAA,IACxB,EAAA,CAAG,EAAA,CAAG,KAAA,CAAM,MAAM,CAAA;AAAA,IAClB,KAAA,CAAM;AAAA,GACP,CAAA;AACD,EAAA,MAAM,YAAA,GAAe,SAAuB,MAAM;AAChD,IAAA,OAAO;AAAA,MACL,EAAE,MAAA,EAAQ,KAAA,CAAM,aAAa,CAAA,EAAE;AAAA,MAC/B,KAAA,CAAM,MAAM,CAAA,CAAE,MAAA;AAAA,MACd,KAAA,CAAM,eAAe;AAAC,KACxB;AAAA,EACF,CAAC,CAAA;AACD,EAAA,MAAM,SAAA,GAAY,QAAA;AAAA,IAA6B,MAC7C,IAAA,CAAK,KAAA,KAAU,QAAA,GAAW,OAAA,GAAU;AAAA,GACtC;AACA,EAAA,MAAM,UAAA,GAAa,QAAA;AAAA,IACjB,MAAO,KAAA,CAAM,MAAM,CAAA,CAAE,SAAS;AAAC,GACjC;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,aAAA,CAAc,QAAQ,QAAA,CAAS,KAAA,CAAM,MAAM,CAAA,GAAI,KAAA,CAAM,SAAS,UAAA,EAAW;AAAA,EAC3E,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,SAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IAEA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"use-content-dom.mjs","sources":["../../../../../../../packages/components/popper/src/composables/use-content-dom.ts"],"sourcesContent":["import { computed, ref, unref } from 'vue'\nimport { useNamespace, useZIndex } from '@element-plus/hooks'\nimport { isNumber } from '@element-plus/utils'\n\nimport type { CSSProperties, StyleValue } from 'vue'\nimport type { UsePopperReturn } from '@element-plus/hooks'\nimport type { UsePopperContentReturn } from './use-content'\nimport type { PopperContentProps } from '../content'\n\nexport const usePopperContentDOM = (\n  props: PopperContentProps,\n  {\n    attributes,\n    styles,\n    role,\n  }: Pick<UsePopperReturn, 'attributes' | 'styles'> &\n    Pick<UsePopperContentReturn, 'role'>\n) => {\n  const { nextZIndex } = useZIndex()\n  const ns = useNamespace('popper')\n\n  const contentAttrs = computed(() => unref(attributes).popper)\n  const contentZIndex = ref<number>(\n    isNumber(props.zIndex) ? props.zIndex : nextZIndex()\n  )\n  const contentClass = computed(() => [\n    ns.b(),\n    ns.is('pure', props.pure),\n    ns.is(props.effect!),\n    props.popperClass,\n  ])\n  const contentStyle = computed<StyleValue[]>(() => {\n    return [\n      { zIndex: unref(contentZIndex) } as CSSProperties,\n      unref(styles).popper as CSSProperties,\n      props.popperStyle || {},\n    ]\n  })\n  const ariaModal = computed<string | undefined>(() =>\n    role.value === 'dialog' ? 'false' : undefined\n  )\n  const arrowStyle = computed(\n    () => (unref(styles).arrow || {}) as CSSProperties\n  )\n\n  const updateZIndex = () => {\n    contentZIndex.value = isNumber(props.zIndex) ? props.zIndex : nextZIndex()\n  }\n\n  return {\n    ariaModal,\n    arrowStyle,\n    contentAttrs,\n    contentClass,\n    contentStyle,\n    contentZIndex,\n\n    updateZIndex,\n  }\n}\n\nexport type UsePopperContentDOMReturn = ReturnType<typeof usePopperContentDOM>\n"],"names":[],"mappings":";;;;;AASO,MAAM,mBAAA,GAAsB,CACjC,KAAA,EACA;AAAA,EACE,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,KAEG;AACH,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,SAAA,EAAU;AACjC,EAAA,MAAM,EAAA,GAAK,aAAa,QAAQ,CAAA;AAEhC,EAAA,MAAM,eAAe,QAAA,CAAS,MAAM,KAAA,CAAM,UAAU,EAAE,MAAM,CAAA;AAC5D,EAAA,MAAM,aAAA,GAAgB,GAAA;AAAA,IACpB,SAAS,KAAA,CAAM,MAAM,CAAA,GAAI,KAAA,CAAM,SAAS,UAAA;AAAW,GACrD;AACA,EAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAAA,IAClC,GAAG,CAAA,EAAE;AAAA,IACL,EAAA,CAAG,EAAA,CAAG,MAAA,EAAQ,KAAA,CAAM,IAAI,CAAA;AAAA,IACxB,EAAA,CAAG,EAAA,CAAG,KAAA,CAAM,MAAO,CAAA;AAAA,IACnB,KAAA,CAAM;AAAA,GACP,CAAA;AACD,EAAA,MAAM,YAAA,GAAe,SAAuB,MAAM;AAChD,IAAA,OAAO;AAAA,MACL,EAAE,MAAA,EAAQ,KAAA,CAAM,aAAa,CAAA,EAAE;AAAA,MAC/B,KAAA,CAAM,MAAM,CAAA,CAAE,MAAA;AAAA,MACd,KAAA,CAAM,eAAe;AAAC,KACxB;AAAA,EACF,CAAC,CAAA;AACD,EAAA,MAAM,SAAA,GAAY,QAAA;AAAA,IAA6B,MAC7C,IAAA,CAAK,KAAA,KAAU,QAAA,GAAW,OAAA,GAAU;AAAA,GACtC;AACA,EAAA,MAAM,UAAA,GAAa,QAAA;AAAA,IACjB,MAAO,KAAA,CAAM,MAAM,CAAA,CAAE,SAAS;AAAC,GACjC;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,aAAA,CAAc,QAAQ,QAAA,CAAS,KAAA,CAAM,MAAM,CAAA,GAAI,KAAA,CAAM,SAAS,UAAA,EAAW;AAAA,EAC3E,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,SAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IAEA;AAAA,GACF;AACF;;;;"}

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

@@ -1,15 +1,38 @@
 import type { PopperEffect } from './popper';
-import type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue';
+import type { ExtractPublicPropTypes, StyleValue } from 'vue';
 import type { Options, Placement } from '@popperjs/core';
 import type { Measurable } from './constants';
 import type Content from './content.vue';
+import type { PopperArrowProps } from './arrow';
 type ClassObjectType = Record<string, boolean>;
 type ClassType = string | ClassObjectType | ClassType[];
+declare const POSITIONING_STRATEGIES: readonly ["fixed", "absolute"];
 export interface CreatePopperInstanceParams {
     referenceEl: Measurable;
     popperContentEl: HTMLElement;
     arrowEl: HTMLElement | undefined;
 }
+export interface PopperCoreConfigProps {
+    boundariesPadding?: number;
+    fallbackPlacements?: Placement[];
+    gpuAcceleration?: boolean;
+    /**
+     * @description offset of the Tooltip
+     */
+    offset?: number;
+    /**
+     * @description position of Tooltip
+     */
+    placement?: Placement;
+    /**
+     * @description [popper.js](https://popper.js.org/docs/v2/) parameters
+     */
+    popperOptions?: Partial<Options>;
+    strategy?: (typeof POSITIONING_STRATEGIES)[number];
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `PopperCoreConfigProps` instead.
+ */
 export declare const popperCoreConfigProps: {
     readonly boundariesPadding: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     readonly fallbackPlacements: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | ((new (...args: any[]) => Placement[]) | (() => Placement[]))[], unknown, unknown, undefined, boolean>;
@@ -19,8 +42,33 @@ export declare const popperCoreConfigProps: {
     readonly popperOptions: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
     readonly strategy: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
 };
-export type PopperCoreConfigProps = ExtractPropTypes<typeof popperCoreConfigProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `PopperCoreConfigProps` instead.
+ */
 export type PopperCoreConfigPropsPublic = ExtractPublicPropTypes<typeof popperCoreConfigProps>;
+export interface PopperContentProps extends PopperCoreConfigProps, PopperArrowProps {
+    id?: string;
+    style?: StyleValue;
+    className?: ClassType;
+    effect?: PopperEffect;
+    visible?: boolean;
+    enterable?: boolean;
+    pure?: boolean;
+    focusOnShow?: boolean;
+    trapping?: boolean;
+    popperClass?: ClassType;
+    popperStyle?: StyleValue;
+    referenceEl?: HTMLElement;
+    triggerTargetEl?: HTMLElement;
+    stopPopperMouseEvent?: boolean;
+    virtualTriggering?: boolean;
+    zIndex?: number;
+    ariaLabel?: string;
+    loop?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `PopperContentProps` instead.
+ */
 export declare const popperContentProps: {
     readonly loop: BooleanConstructor;
     readonly ariaLabel: StringConstructor;
@@ -79,8 +127,38 @@ export declare const popperContentProps: {
     readonly popperOptions: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
     readonly strategy: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
 };
-export type PopperContentProps = ExtractPropTypes<typeof popperContentProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `PopperContentProps` instead.
+ */
 export type PopperContentPropsPublic = ExtractPublicPropTypes<typeof popperContentProps>;
+export declare const popperCoreConfigPropsDefaults: {
+    readonly boundariesPadding: 0;
+    readonly gpuAcceleration: true;
+    readonly offset: 12;
+    readonly placement: "bottom";
+    readonly popperOptions: () => {};
+    readonly strategy: "absolute";
+};
+export declare const popperContentPropsDefaults: {
+    readonly effect: "dark";
+    readonly enterable: true;
+    readonly stopPopperMouseEvent: true;
+    readonly visible: false;
+    readonly pure: false;
+    readonly focusOnShow: false;
+    readonly trapping: false;
+    readonly virtualTriggering: false;
+    readonly loop: false;
+    readonly style: undefined;
+    readonly popperStyle: undefined;
+    readonly arrowOffset: 5;
+    readonly boundariesPadding: 0;
+    readonly gpuAcceleration: true;
+    readonly offset: 12;
+    readonly placement: "bottom";
+    readonly popperOptions: () => {};
+    readonly strategy: "absolute";
+};
 export declare const popperContentEmits: {
     mouseenter: (evt: MouseEvent) => boolean;
     mouseleave: (evt: MouseEvent) => boolean;

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

@@ -1,5 +1,5 @@
 import { placements } from '@popperjs/core';
-import { popperArrowProps } from './arrow.mjs';
+import { popperArrowProps, popperArrowPropsDefaults } from './arrow.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
 
@@ -88,6 +88,29 @@ const popperContentProps = buildProps({
   ...useAriaProps(["ariaLabel"]),
   loop: Boolean
 });
+const popperCoreConfigPropsDefaults = {
+  boundariesPadding: 0,
+  gpuAcceleration: true,
+  offset: 12,
+  placement: "bottom",
+  popperOptions: () => ({}),
+  strategy: "absolute"
+};
+const popperContentPropsDefaults = {
+  ...popperCoreConfigPropsDefaults,
+  ...popperArrowPropsDefaults,
+  effect: "dark",
+  enterable: true,
+  stopPopperMouseEvent: true,
+  visible: false,
+  pure: false,
+  focusOnShow: false,
+  trapping: false,
+  virtualTriggering: false,
+  loop: false,
+  style: void 0,
+  popperStyle: void 0
+};
 const popperContentEmits = {
   mouseenter: (evt) => evt instanceof MouseEvent,
   mouseleave: (evt) => evt instanceof MouseEvent,
@@ -99,5 +122,5 @@ const usePopperCoreConfigProps = popperCoreConfigProps;
 const usePopperContentProps = popperContentProps;
 const usePopperContentEmits = popperContentEmits;
 
-export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps };
+export { popperContentEmits, popperContentProps, popperContentPropsDefaults, popperCoreConfigProps, popperCoreConfigPropsDefaults, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps };
 //# sourceMappingURL=content.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/popper/src/content.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { buildProps, definePropType } from '@element-plus/utils'\nimport { useAriaProps } from '@element-plus/hooks'\nimport { popperArrowProps } from './arrow'\n\nimport type { PopperEffect } from './popper'\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { Options, Placement } from '@popperjs/core'\nimport type { Measurable } from './constants'\nimport type Content from './content.vue'\n\ntype ClassObjectType = Record<string, boolean>\ntype ClassType = string | ClassObjectType | ClassType[]\n\nconst POSITIONING_STRATEGIES = ['fixed', 'absolute'] as const\n\nexport interface CreatePopperInstanceParams {\n  referenceEl: Measurable\n  popperContentEl: HTMLElement\n  arrowEl: HTMLElement | undefined\n}\n\nexport const popperCoreConfigProps = buildProps({\n  boundariesPadding: {\n    type: Number,\n    default: 0,\n  },\n  fallbackPlacements: {\n    type: definePropType<Placement[]>(Array),\n    default: undefined,\n  },\n  gpuAcceleration: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description offset of the Tooltip\n   */\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  /**\n   * @description position of Tooltip\n   */\n  placement: {\n    type: String,\n    values: placements,\n    default: 'bottom',\n  },\n  /**\n   * @description [popper.js](https://popper.js.org/docs/v2/) parameters\n   */\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}),\n  },\n  strategy: {\n    type: String,\n    values: POSITIONING_STRATEGIES,\n    default: 'absolute',\n  },\n} as const)\nexport type PopperCoreConfigProps = ExtractPropTypes<\n  typeof popperCoreConfigProps\n>\nexport type PopperCoreConfigPropsPublic = ExtractPublicPropTypes<\n  typeof popperCoreConfigProps\n>\n\nexport const popperContentProps = buildProps({\n  ...popperCoreConfigProps,\n  ...popperArrowProps,\n  id: String,\n  style: {\n    type: definePropType<StyleValue>([String, Array, Object]),\n  },\n  className: {\n    type: definePropType<ClassType>([String, Array, Object]),\n  },\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'dark',\n  },\n  visible: Boolean,\n  enterable: {\n    type: Boolean,\n    default: true,\n  },\n  pure: Boolean,\n  focusOnShow: Boolean,\n  trapping: Boolean,\n  popperClass: {\n    type: definePropType<ClassType>([String, Array, Object]),\n  },\n  popperStyle: {\n    type: definePropType<StyleValue>([String, Array, Object]),\n  },\n  referenceEl: {\n    type: definePropType<HTMLElement>(Object),\n  },\n  triggerTargetEl: {\n    type: definePropType<HTMLElement>(Object),\n  },\n  stopPopperMouseEvent: {\n    type: Boolean,\n    default: true,\n  },\n  virtualTriggering: Boolean,\n  zIndex: Number,\n  ...useAriaProps(['ariaLabel']),\n  loop: Boolean,\n} as const)\nexport type PopperContentProps = ExtractPropTypes<typeof popperContentProps>\nexport type PopperContentPropsPublic = ExtractPublicPropTypes<\n  typeof popperContentProps\n>\n\nexport const popperContentEmits = {\n  mouseenter: (evt: MouseEvent) => evt instanceof MouseEvent,\n  mouseleave: (evt: MouseEvent) => evt instanceof MouseEvent,\n  focus: () => true,\n  blur: () => true,\n  close: () => true,\n}\nexport type PopperContentEmits = typeof popperContentEmits\n\nexport type PopperContentInstance = InstanceType<typeof Content> & unknown\n\n/** @deprecated use `popperCoreConfigProps` instead, and it will be deprecated in the next major version */\nexport const usePopperCoreConfigProps = popperCoreConfigProps\n\n/** @deprecated use `popperContentProps` instead, and it will be deprecated in the next major version */\nexport const usePopperContentProps = popperContentProps\n\n/** @deprecated use `popperContentEmits` instead, and it will be deprecated in the next major version */\nexport const usePopperContentEmits = popperContentEmits\n\n/** @deprecated use `PopperCoreConfigProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperCoreConfigProps = PopperCoreConfigProps\n\n/** @deprecated use `PopperContentProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperContentProps = PopperContentProps\n\n/** @deprecated use `PopperContentInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowContent = PopperContentInstance\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/popper/src/content.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { buildProps, definePropType } from '@element-plus/utils'\nimport { useAriaProps } from '@element-plus/hooks'\nimport { popperArrowProps, popperArrowPropsDefaults } from './arrow'\n\nimport type { PopperEffect } from './popper'\nimport type { ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { Options, Placement } from '@popperjs/core'\nimport type { Measurable } from './constants'\nimport type Content from './content.vue'\nimport type { PopperArrowProps } from './arrow'\n\ntype ClassObjectType = Record<string, boolean>\ntype ClassType = string | ClassObjectType | ClassType[]\n\nconst POSITIONING_STRATEGIES = ['fixed', 'absolute'] as const\n\nexport interface CreatePopperInstanceParams {\n  referenceEl: Measurable\n  popperContentEl: HTMLElement\n  arrowEl: HTMLElement | undefined\n}\n\nexport interface PopperCoreConfigProps {\n  boundariesPadding?: number\n  fallbackPlacements?: Placement[]\n  gpuAcceleration?: boolean\n  /**\n   * @description offset of the Tooltip\n   */\n  offset?: number\n  /**\n   * @description position of Tooltip\n   */\n  placement?: Placement\n  /**\n   * @description [popper.js](https://popper.js.org/docs/v2/) parameters\n   */\n  popperOptions?: Partial<Options>\n  strategy?: (typeof POSITIONING_STRATEGIES)[number]\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `PopperCoreConfigProps` instead.\n */\nexport const popperCoreConfigProps = buildProps({\n  boundariesPadding: {\n    type: Number,\n    default: 0,\n  },\n  fallbackPlacements: {\n    type: definePropType<Placement[]>(Array),\n    default: undefined,\n  },\n  gpuAcceleration: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description offset of the Tooltip\n   */\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  /**\n   * @description position of Tooltip\n   */\n  placement: {\n    type: String,\n    values: placements,\n    default: 'bottom',\n  },\n  /**\n   * @description [popper.js](https://popper.js.org/docs/v2/) parameters\n   */\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}),\n  },\n  strategy: {\n    type: String,\n    values: POSITIONING_STRATEGIES,\n    default: 'absolute',\n  },\n} as const)\n/**\n * @deprecated Removed after 3.0.0, Use `PopperCoreConfigProps` instead.\n */\nexport type PopperCoreConfigPropsPublic = ExtractPublicPropTypes<\n  typeof popperCoreConfigProps\n>\n\nexport interface PopperContentProps\n  extends PopperCoreConfigProps, PopperArrowProps {\n  id?: string\n  style?: StyleValue\n  className?: ClassType\n  effect?: PopperEffect\n  visible?: boolean\n  enterable?: boolean\n  pure?: boolean\n  focusOnShow?: boolean\n  trapping?: boolean\n  popperClass?: ClassType\n  popperStyle?: StyleValue\n  referenceEl?: HTMLElement\n  triggerTargetEl?: HTMLElement\n  stopPopperMouseEvent?: boolean\n  virtualTriggering?: boolean\n  zIndex?: number\n  ariaLabel?: string\n  loop?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `PopperContentProps` instead.\n */\nexport const popperContentProps = buildProps({\n  ...popperCoreConfigProps,\n  ...popperArrowProps,\n  id: String,\n  style: {\n    type: definePropType<StyleValue>([String, Array, Object]),\n  },\n  className: {\n    type: definePropType<ClassType>([String, Array, Object]),\n  },\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'dark',\n  },\n  visible: Boolean,\n  enterable: {\n    type: Boolean,\n    default: true,\n  },\n  pure: Boolean,\n  focusOnShow: Boolean,\n  trapping: Boolean,\n  popperClass: {\n    type: definePropType<ClassType>([String, Array, Object]),\n  },\n  popperStyle: {\n    type: definePropType<StyleValue>([String, Array, Object]),\n  },\n  referenceEl: {\n    type: definePropType<HTMLElement>(Object),\n  },\n  triggerTargetEl: {\n    type: definePropType<HTMLElement>(Object),\n  },\n  stopPopperMouseEvent: {\n    type: Boolean,\n    default: true,\n  },\n  virtualTriggering: Boolean,\n  zIndex: Number,\n  ...useAriaProps(['ariaLabel']),\n  loop: Boolean,\n} as const)\n/**\n * @deprecated Removed after 3.0.0, Use `PopperContentProps` instead.\n */\nexport type PopperContentPropsPublic = ExtractPublicPropTypes<\n  typeof popperContentProps\n>\n\nexport const popperCoreConfigPropsDefaults = {\n  boundariesPadding: 0,\n  gpuAcceleration: true,\n  offset: 12,\n  placement: 'bottom',\n  popperOptions: () => ({}),\n  strategy: 'absolute',\n} as const\n\nexport const popperContentPropsDefaults = {\n  ...popperCoreConfigPropsDefaults,\n  ...popperArrowPropsDefaults,\n  effect: 'dark',\n  enterable: true,\n  stopPopperMouseEvent: true,\n  visible: false,\n  pure: false,\n  focusOnShow: false,\n  trapping: false,\n  virtualTriggering: false,\n  loop: false,\n  style: undefined,\n  popperStyle: undefined,\n} as const\n\nexport const popperContentEmits = {\n  mouseenter: (evt: MouseEvent) => evt instanceof MouseEvent,\n  mouseleave: (evt: MouseEvent) => evt instanceof MouseEvent,\n  focus: () => true,\n  blur: () => true,\n  close: () => true,\n}\nexport type PopperContentEmits = typeof popperContentEmits\n\nexport type PopperContentInstance = InstanceType<typeof Content> & unknown\n\n/** @deprecated use `popperCoreConfigProps` instead, and it will be deprecated in the next major version */\nexport const usePopperCoreConfigProps = popperCoreConfigProps\n\n/** @deprecated use `popperContentProps` instead, and it will be deprecated in the next major version */\nexport const usePopperContentProps = popperContentProps\n\n/** @deprecated use `popperContentEmits` instead, and it will be deprecated in the next major version */\nexport const usePopperContentEmits = popperContentEmits\n\n/** @deprecated use `PopperCoreConfigProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperCoreConfigProps = PopperCoreConfigProps\n\n/** @deprecated use `PopperContentProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperContentProps = PopperContentProps\n\n/** @deprecated use `PopperContentInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowContent = PopperContentInstance\n"],"names":[],"mappings":"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"}