@element-plus/nightly 0.0.20220208 → 0.0.20220209

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

@@ -1,13 +1,13 @@
 export declare const usePopoverProps: {
     title: StringConstructor;
-    width: import("element-plus/es/utils/props").BuildPropReturn<(StringConstructor | NumberConstructor)[], number, unknown, unknown, unknown>;
+    width: import("element-plus/es/utils-v2").BuildPropReturn<(StringConstructor | NumberConstructor)[], number, unknown, unknown, unknown>;
     appendToBody: {
         type: BooleanConstructor;
         default: undefined;
     };
-    content: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
-    popperStyle: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
-    popperClass: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | {
+    content: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    popperStyle: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
+    popperClass: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<string | {
         [x: string]: any;
     } | (string | {
         [x: string]: any;
@@ -58,7 +58,7 @@ export declare const usePopoverProps: {
     } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined, unknown, unknown, unknown>;
     enterable: {
         default: boolean;
-        type: import("vue").PropType<import("element-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>>;
+        type: import("vue").PropType<import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>>;
         required: false;
         validator: ((val: unknown) => boolean) | undefined;
         __elPropsReservedKey: true;
@@ -70,5 +70,5 @@ export declare const usePopoverProps: {
         validator: ((val: unknown) => boolean) | undefined;
         __elPropsReservedKey: true;
     };
-    teleported: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    teleported: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 };

package/es/components/popover/src/popover.mjs

@@ -1,6 +1,7 @@
-import { buildProps } from '../../../utils/props.mjs';
+import '../../../utils-v2/index.mjs';
 import '../../tooltip/index.mjs';
 import { useTooltipContentProps } from '../../tooltip/src/tooltip.mjs';
+import { buildProps } from '../../../utils-v2/vue/prop.mjs';
 
 const usePopoverProps = {
   appendToBody: { type: Boolean, default: void 0 },

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

@@ -1 +1 @@
-{"version":3,"file":"popover.mjs","sources":["../../../../../../packages/components/popover/src/popover.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\n\nexport const usePopoverProps = {\n  appendToBody: { type: Boolean, default: undefined },\n  content: useTooltipContentProps.content,\n  popperStyle: useTooltipContentProps.popperStyle,\n  popperClass: useTooltipContentProps.popperClass,\n  enterable: {\n    ...useTooltipContentProps.enterable,\n    default: true,\n  },\n  effect: {\n    ...useTooltipContentProps.effect,\n    default: 'light',\n  },\n  teleported: useTooltipContentProps.teleported,\n  ...buildProps({\n    title: String,\n\n    width: {\n      type: [String, Number],\n      default: 150,\n    },\n  }),\n}\n"],"names":[],"mappings":";;;;AAEY,MAAC,eAAe,GAAG;AAC/B,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE;AAClD,EAAE,OAAO,EAAE,sBAAsB,CAAC,OAAO;AACzC,EAAE,WAAW,EAAE,sBAAsB,CAAC,WAAW;AACjD,EAAE,WAAW,EAAE,sBAAsB,CAAC,WAAW;AACjD,EAAE,SAAS,EAAE;AACb,IAAI,GAAG,sBAAsB,CAAC,SAAS;AACvC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,GAAG,sBAAsB,CAAC,MAAM;AACpC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,UAAU,EAAE,sBAAsB,CAAC,UAAU;AAC/C,EAAE,GAAG,UAAU,CAAC;AAChB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,KAAK,EAAE;AACX,MAAM,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC5B,MAAM,OAAO,EAAE,GAAG;AAClB,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"popover.mjs","sources":["../../../../../../packages/components/popover/src/popover.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils-v2'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\n\nexport const usePopoverProps = {\n  appendToBody: { type: Boolean, default: undefined },\n  content: useTooltipContentProps.content,\n  popperStyle: useTooltipContentProps.popperStyle,\n  popperClass: useTooltipContentProps.popperClass,\n  enterable: {\n    ...useTooltipContentProps.enterable,\n    default: true,\n  },\n  effect: {\n    ...useTooltipContentProps.effect,\n    default: 'light',\n  },\n  teleported: useTooltipContentProps.teleported,\n  ...buildProps({\n    title: String,\n\n    width: {\n      type: [String, Number],\n      default: 150,\n    },\n  }),\n}\n"],"names":[],"mappings":";;;;;AAEY,MAAC,eAAe,GAAG;AAC/B,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE;AAClD,EAAE,OAAO,EAAE,sBAAsB,CAAC,OAAO;AACzC,EAAE,WAAW,EAAE,sBAAsB,CAAC,WAAW;AACjD,EAAE,WAAW,EAAE,sBAAsB,CAAC,WAAW;AACjD,EAAE,SAAS,EAAE;AACb,IAAI,GAAG,sBAAsB,CAAC,SAAS;AACvC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,GAAG,sBAAsB,CAAC,MAAM;AACpC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,UAAU,EAAE,sBAAsB,CAAC,UAAU;AAC/C,EAAE,GAAG,UAAU,CAAC;AAChB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,KAAK,EAAE;AACX,MAAM,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC5B,MAAM,OAAO,EAAE,GAAG;AAClB,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

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

@@ -1,7 +1,7 @@
 export { default as ElPopperArrow } from './src/arrow.vue';
 export { default as ElPopperTrigger } from './src/trigger.vue';
 export { default as ElPopperContent } from './src/content.vue';
-export declare const ElPopper: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{}, import("./src/tokens").ElPopperInjectionContext, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>> & Record<string, any>;
+export declare const ElPopper: import("element-plus/es/utils-v2").SFCWithInstall<import("vue").DefineComponent<{}, import("./src/tokens").ElPopperInjectionContext, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>> & Record<string, any>;
 export default ElPopper;
 export * from './src/popper';
 export * from './src/tokens';

package/es/components/popper/index.mjs

@@ -1,4 +1,4 @@
-import { withInstall } from '../../utils/with-install.mjs';
+import '../../utils-v2/index.mjs';
 import Popper from './src/popper2.mjs';
 export { default as ElPopperArrow } from './src/arrow.mjs';
 export { default as ElPopperTrigger } from './src/trigger.mjs';
@@ -6,6 +6,7 @@ export { default as ElPopperContent } from './src/content.mjs';
 export { Effect, usePopperArrowProps, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps } from './src/popper.mjs';
 export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './src/tokens.mjs';
 export { useDeprecateAppendToBody } from './src/deprecation.mjs';
+import { withInstall } from '../../utils-v2/vue/install.mjs';
 
 const ElPopper = withInstall(Popper);
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/popper/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Popper from './src/popper.vue'\n\nexport { default as ElPopperArrow } from './src/arrow.vue'\nexport { default as ElPopperTrigger } from './src/trigger.vue'\nexport { default as ElPopperContent } from './src/content.vue'\n\nexport const ElPopper = withInstall(Popper)\nexport default ElPopper\n\nexport * from './src/popper'\nexport * from './src/tokens'\nexport { useDeprecateAppendToBody } from './src/deprecation'\n\nexport type { Placement, Options } from '@popperjs/core'\n"],"names":[],"mappings":";;;;;;;;;AAKY,MAAC,QAAQ,GAAG,WAAW,CAAC,MAAM;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/popper/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils-v2'\nimport Popper from './src/popper.vue'\n\nexport { default as ElPopperArrow } from './src/arrow.vue'\nexport { default as ElPopperTrigger } from './src/trigger.vue'\nexport { default as ElPopperContent } from './src/content.vue'\n\nexport const ElPopper = withInstall(Popper)\nexport default ElPopper\n\nexport * from './src/popper'\nexport * from './src/tokens'\nexport { useDeprecateAppendToBody } from './src/deprecation'\n\nexport type { Placement, Options } from '@popperjs/core'\n"],"names":[],"mappings":";;;;;;;;;;AAKY,MAAC,QAAQ,GAAG,WAAW,CAAC,MAAM;;;;"}

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

@@ -1,9 +1,9 @@
 declare const _default: import("vue").DefineComponent<{
-    arrowOffset: import("../../../utils/props").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
+    arrowOffset: import("../../../utils-v2").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
 }, {
     arrowRef: import("vue").Ref<HTMLSpanElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    arrowOffset: import("../../../utils/props").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
+    arrowOffset: import("../../../utils-v2").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
 }>>, {
     arrowOffset: number;
 }>;

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

@@ -1,6 +1,7 @@
 import { onBeforeMount } from 'vue';
 import { isClient } from '@vueuse/core';
-import { generateId } from '../../../utils/util.mjs';
+import '../../../utils-v2/index.mjs';
+import { generateId } from '../../../utils-v2/rand.mjs';
 
 let cachedContainer;
 const POPPER_CONTAINER_ID = `el-popper-container-${generateId()}`;

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

@@ -1 +1 @@
-{"version":3,"file":"container.mjs","sources":["../../../../../../packages/components/popper/src/container.ts"],"sourcesContent":["import { onBeforeMount } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { generateId } from '@element-plus/utils/util'\n\nlet cachedContainer: HTMLElement\n\nexport const POPPER_CONTAINER_ID = `el-popper-container-${generateId()}`\n\nexport const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`\n\nexport const usePopperContainer = () => {\n  onBeforeMount(() => {\n    if (!isClient) return\n\n    if (!cachedContainer) {\n      const container = document.createElement('div')\n      container.id = POPPER_CONTAINER_ID\n      document.body.appendChild(container)\n      cachedContainer = container\n    }\n  })\n}\n"],"names":[],"mappings":";;;;AAGA,IAAI,eAAe,CAAC;AACR,MAAC,mBAAmB,GAAG,CAAC,oBAAoB,EAAE,UAAU,EAAE,CAAC,EAAE;AAC7D,MAAC,yBAAyB,GAAG,CAAC,CAAC,EAAE,mBAAmB,CAAC,EAAE;AACvD,MAAC,kBAAkB,GAAG,MAAM;AACxC,EAAE,aAAa,CAAC,MAAM;AACtB,IAAI,IAAI,CAAC,QAAQ;AACjB,MAAM,OAAO;AACb,IAAI,IAAI,CAAC,eAAe,EAAE;AAC1B,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACtD,MAAM,SAAS,CAAC,EAAE,GAAG,mBAAmB,CAAC;AACzC,MAAM,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC3C,MAAM,eAAe,GAAG,SAAS,CAAC;AAClC,KAAK;AACL,GAAG,CAAC,CAAC;AACL;;;;"}
+{"version":3,"file":"container.mjs","sources":["../../../../../../packages/components/popper/src/container.ts"],"sourcesContent":["import { onBeforeMount } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { generateId } from '@element-plus/utils-v2'\n\nlet cachedContainer: HTMLElement\n\nexport const POPPER_CONTAINER_ID = `el-popper-container-${generateId()}`\n\nexport const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`\n\nexport const usePopperContainer = () => {\n  onBeforeMount(() => {\n    if (!isClient) return\n\n    if (!cachedContainer) {\n      const container = document.createElement('div')\n      container.id = POPPER_CONTAINER_ID\n      document.body.appendChild(container)\n      cachedContainer = container\n    }\n  })\n}\n"],"names":[],"mappings":";;;;;AAGA,IAAI,eAAe,CAAC;AACR,MAAC,mBAAmB,GAAG,CAAC,oBAAoB,EAAE,UAAU,EAAE,CAAC,EAAE;AAC7D,MAAC,yBAAyB,GAAG,CAAC,CAAC,EAAE,mBAAmB,CAAC,EAAE;AACvD,MAAC,kBAAkB,GAAG,MAAM;AACxC,EAAE,aAAa,CAAC,MAAM;AACtB,IAAI,IAAI,CAAC,QAAQ;AACjB,MAAM,OAAO;AACb,IAAI,IAAI,CAAC,eAAe,EAAE;AAC1B,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACtD,MAAM,SAAS,CAAC,EAAE,GAAG,mBAAmB,CAAC;AACzC,MAAM,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC3C,MAAM,eAAe,GAAG,SAAS,CAAC;AAClC,KAAK;AACL,GAAG,CAAC,CAAC;AACL;;;;"}

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

@@ -1,10 +1,11 @@
 import { defineComponent, inject, ref, provide, computed, unref, onMounted, watch, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot } from 'vue';
 import { createPopper } from '@popperjs/core';
-import { PopupManager } from '../../../utils/popup-manager.mjs';
+import '../../../hooks/index.mjs';
 import { POPPER_INJECTION_KEY, POPPER_CONTENT_INJECTION_KEY } from './tokens.mjs';
 import { usePopperContentProps } from './popper.mjs';
 import { buildPopperOptions, unwrapMeasurableEl } from './utils.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
 
 const _sfc_main = defineComponent({
   name: "ElPopperContent",
@@ -12,6 +13,7 @@ const _sfc_main = defineComponent({
   emits: ["mouseenter", "mouseleave"],
   setup(props) {
     const { triggerRef, popperInstanceRef, contentRef } = inject(POPPER_INJECTION_KEY, void 0);
+    const { nextZIndex } = useZIndex();
     const popperContentRef = ref(null);
     const arrowRef = ref(null);
     const arrowOffset = ref();
@@ -19,7 +21,7 @@ const _sfc_main = defineComponent({
       arrowRef,
       arrowOffset
     });
-    const contentZIndex = ref(props.zIndex || PopupManager.nextZIndex());
+    const contentZIndex = ref(props.zIndex || nextZIndex());
     const contentStyle = computed(() => [{ zIndex: unref(contentZIndex) }, props.popperStyle]);
     const contentClass = computed(() => [
       {
@@ -43,7 +45,7 @@ const _sfc_main = defineComponent({
     const updatePopper = () => {
       var _a;
       (_a = unref(popperInstanceRef)) == null ? void 0 : _a.update();
-      contentZIndex.value = props.zIndex || PopupManager.nextZIndex();
+      contentZIndex.value = props.zIndex || nextZIndex();
     };
     onMounted(() => {
       let updateHandle;
@@ -72,6 +74,13 @@ const _sfc_main = defineComponent({
       }, {
         immediate: true
       });
+      watch(() => buildPopperOptions(props, {
+        arrowEl: unref(arrowRef),
+        arrowOffset: unref(arrowOffset)
+      }), (option) => {
+        var _a;
+        return (_a = popperInstanceRef.value) == null ? void 0 : _a.setOptions(option);
+      });
     });
     return {
       popperContentRef,

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

@@ -1 +1 @@
-{"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/popper/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"popperContentRef\"\n    :style=\"contentStyle\"\n    :class=\"contentClass\"\n    role=\"tooltip\"\n    @mouseenter=\"(e) => $emit('mouseenter', e)\"\n    @mouseleave=\"(e) => $emit('mouseleave', e)\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  ref,\n  inject,\n  provide,\n  unref,\n  onMounted,\n  watch,\n} from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { PopupManager } from '@element-plus/utils/popup-manager'\nimport { POPPER_INJECTION_KEY, POPPER_CONTENT_INJECTION_KEY } from './tokens'\nimport { usePopperContentProps } from './popper'\nimport { buildPopperOptions, unwrapMeasurableEl } from './utils'\n\nexport default defineComponent({\n  name: 'ElPopperContent',\n  props: usePopperContentProps,\n  emits: ['mouseenter', 'mouseleave'],\n  setup(props) {\n    const { triggerRef, popperInstanceRef, contentRef } = inject(\n      POPPER_INJECTION_KEY,\n      undefined\n    )!\n    const popperContentRef = ref<HTMLElement | null>(null)\n    const arrowRef = ref<HTMLElement | null>(null)\n    const arrowOffset = ref<number>()\n    provide(POPPER_CONTENT_INJECTION_KEY, {\n      arrowRef,\n      arrowOffset,\n    })\n    const contentZIndex = ref(props.zIndex || PopupManager.nextZIndex())\n\n    const contentStyle = computed(\n      () => [{ zIndex: unref(contentZIndex) }, props.popperStyle] as any\n    )\n\n    const contentClass = computed(() => [\n      {\n        'el-popper': true,\n        'is-pure': props.pure,\n        [`is-${props.effect}`]: !!props.effect,\n      },\n      props.popperClass,\n    ])\n\n    const createPopperInstance = ({\n      referenceEl,\n      popperContentEl,\n      arrowEl,\n    }) => {\n      const options = buildPopperOptions(props, {\n        arrowEl,\n        arrowOffset: unref(arrowOffset),\n      })\n\n      return createPopper(referenceEl, popperContentEl, options)\n    }\n\n    const updatePopper = () => {\n      unref(popperInstanceRef)?.update()\n      contentZIndex.value = props.zIndex || PopupManager.nextZIndex()\n    }\n\n    onMounted(() => {\n      let updateHandle: ReturnType<typeof watch>\n      watch(\n        () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef),\n        (val) => {\n          updateHandle?.()\n          if (val) {\n            popperInstanceRef.value?.destroy()\n            const popperContentEl = unref(popperContentRef)!\n            contentRef.value = popperContentEl\n            const arrowEl = unref(arrowRef)\n\n            const newInstance = createPopperInstance({\n              referenceEl: val,\n              popperContentEl: unref(popperContentRef)!,\n              arrowEl,\n            })\n            popperInstanceRef.value = newInstance\n\n            updateHandle = watch(\n              () => val!.getBoundingClientRect(),\n              () => {\n                updatePopper()\n              },\n              {\n                immediate: true,\n              }\n            )\n          } else {\n            popperInstanceRef.value = null\n          }\n        },\n        {\n          immediate: true,\n        }\n      )\n    })\n\n    return {\n      popperContentRef,\n      popperInstanceRef,\n      contentStyle,\n      contentClass,\n      updatePopper,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;AA8BA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO,CAAC,cAAc;AAAA,EACtB,MAAM,OAAO;AACX,UAAM,EAAE,YAAY,mBAAmB,eAAe,OACpD,sBACA;AAEF,UAAM,mBAAmB,IAAwB;AACjD,UAAM,WAAW,IAAwB;AACzC,UAAM,cAAc;AACpB,YAAQ,8BAA8B;AAAA,MACpC;AAAA,MACA;AAAA;AAEF,UAAM,gBAAgB,IAAI,MAAM,UAAU,aAAa;AAEvD,UAAM,eAAe,SACnB,MAAM,CAAC,EAAE,QAAQ,MAAM,kBAAkB,MAAM;AAGjD,UAAM,eAAe,SAAS,MAAM;AAAA,MAClC;AAAA,QACE,aAAa;AAAA,QACb,WAAW,MAAM;AAAA,SAChB,MAAM,MAAM,WAAW,CAAC,CAAC,MAAM;AAAA;AAAA,MAElC,MAAM;AAAA;AAGR,UAAM,uBAAuB,CAAC;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,UACI;AACJ,YAAM,UAAU,mBAAmB,OAAO;AAAA,QACxC;AAAA,QACA,aAAa,MAAM;AAAA;AAGrB,aAAO,aAAa,aAAa,iBAAiB;AAAA;AAGpD,UAAM,eAAe,MAAM;AACzB,YAAM;AACN,yDAAmD;AAAA;AAGrD;AACE;AACA;AAGI;AACA,YAAI;AACF,4BAAkB;AAClB;AACA;AACA,gBAAM;AAEN;AAAyC;AAC1B;AACU,YACvB;AAAA;AAEF;AAEA;AAGI;AAAA;AAEF,YACE;AAAW;AAAA;AAIf;AAA0B;AAAA;AAG9B;AACa;AAAA;AAKjB;AAAO,MACL;AAAA;AACA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;AAxHoB,SAChB;AAAA;AACE,IACR,uBAAc;AAAA,IACb;AAAA,IACA,wCAAa;AAA0B;;AAExC;;;;;;;;;"}
+{"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/popper/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"popperContentRef\"\n    :style=\"contentStyle\"\n    :class=\"contentClass\"\n    role=\"tooltip\"\n    @mouseenter=\"(e) => $emit('mouseenter', e)\"\n    @mouseleave=\"(e) => $emit('mouseleave', e)\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  ref,\n  inject,\n  provide,\n  unref,\n  onMounted,\n  watch,\n} from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { useZIndex } from '@element-plus/hooks'\nimport { POPPER_INJECTION_KEY, POPPER_CONTENT_INJECTION_KEY } from './tokens'\nimport { usePopperContentProps } from './popper'\nimport { buildPopperOptions, unwrapMeasurableEl } from './utils'\n\nexport default defineComponent({\n  name: 'ElPopperContent',\n  props: usePopperContentProps,\n  emits: ['mouseenter', 'mouseleave'],\n  setup(props) {\n    const { triggerRef, popperInstanceRef, contentRef } = inject(\n      POPPER_INJECTION_KEY,\n      undefined\n    )!\n    const { nextZIndex } = useZIndex()\n    const popperContentRef = ref<HTMLElement | null>(null)\n    const arrowRef = ref<HTMLElement | null>(null)\n    const arrowOffset = ref<number>()\n    provide(POPPER_CONTENT_INJECTION_KEY, {\n      arrowRef,\n      arrowOffset,\n    })\n    const contentZIndex = ref(props.zIndex || nextZIndex())\n\n    const contentStyle = computed(\n      () => [{ zIndex: unref(contentZIndex) }, props.popperStyle] as any\n    )\n\n    const contentClass = computed(() => [\n      {\n        'el-popper': true,\n        'is-pure': props.pure,\n        [`is-${props.effect}`]: !!props.effect,\n      },\n      props.popperClass,\n    ])\n\n    const createPopperInstance = ({\n      referenceEl,\n      popperContentEl,\n      arrowEl,\n    }) => {\n      const options = buildPopperOptions(props, {\n        arrowEl,\n        arrowOffset: unref(arrowOffset),\n      })\n\n      return createPopper(referenceEl, popperContentEl, options)\n    }\n\n    const updatePopper = () => {\n      unref(popperInstanceRef)?.update()\n      contentZIndex.value = props.zIndex || nextZIndex()\n    }\n\n    onMounted(() => {\n      let updateHandle: ReturnType<typeof watch>\n      watch(\n        () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef),\n        (val) => {\n          updateHandle?.()\n          if (val) {\n            popperInstanceRef.value?.destroy()\n            const popperContentEl = unref(popperContentRef)!\n            contentRef.value = popperContentEl\n            const arrowEl = unref(arrowRef)\n\n            const newInstance = createPopperInstance({\n              referenceEl: val,\n              popperContentEl: unref(popperContentRef)!,\n              arrowEl,\n            })\n            popperInstanceRef.value = newInstance\n\n            updateHandle = watch(\n              () => val!.getBoundingClientRect(),\n              () => {\n                updatePopper()\n              },\n              {\n                immediate: true,\n              }\n            )\n          } else {\n            popperInstanceRef.value = null\n          }\n        },\n        {\n          immediate: true,\n        }\n      )\n\n      watch(\n        () =>\n          buildPopperOptions(props, {\n            arrowEl: unref(arrowRef),\n            arrowOffset: unref(arrowOffset),\n          }),\n        (option) => popperInstanceRef.value?.setOptions(option)\n      )\n    })\n\n    return {\n      popperContentRef,\n      popperInstanceRef,\n      contentStyle,\n      contentClass,\n      updatePopper,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;AA8BA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO,CAAC,cAAc;AAAA,EACtB,MAAM,OAAO;AACX,UAAM,EAAE,YAAY,mBAAmB,eAAe,OACpD,sBACA;AAEF,UAAM,EAAE,eAAe;AACvB,UAAM,mBAAmB,IAAwB;AACjD,UAAM,WAAW,IAAwB;AACzC,UAAM,cAAc;AACpB,YAAQ,8BAA8B;AAAA,MACpC;AAAA,MACA;AAAA;AAEF,UAAM,gBAAgB,IAAI,MAAM,UAAU;AAE1C,UAAM,eAAe,SACnB,MAAM,CAAC,EAAE,QAAQ,MAAM,kBAAkB,MAAM;AAGjD,UAAM,eAAe,SAAS,MAAM;AAAA,MAClC;AAAA,QACE,aAAa;AAAA,QACb,WAAW,MAAM;AAAA,SAChB,MAAM,MAAM,WAAW,CAAC,CAAC,MAAM;AAAA;AAAA,MAElC,MAAM;AAAA;AAGR,UAAM,uBAAuB,CAAC;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,UACI;AACJ,YAAM,UAAU,mBAAmB,OAAO;AAAA,QACxC;AAAA,QACA,aAAa,MAAM;AAAA;AAGrB,aAAO,aAAa,aAAa,iBAAiB;AAAA;AAGpD,UAAM,eAAe,MAAM;AACzB,YAAM;AACN;AAAsC;AAGxC;AACE;AACA;AAGI;AACA,YAAI;AACF,4BAAkB;AAClB;AACA;AACA,gBAAM;AAEN;AAAyC;AAC1B;AACU,YACvB;AAAA;AAEF;AAEA;AAGI;AAAA;AAEF,YACE;AAAW;AAAA;AAIf;AAA0B;AAAA;AAG9B;AACa;AAIf;AAE8B,QACxB;AAAe;AACI,sBAEX;AAAoC;AAIpD,WAAO;AAAA;AACL;AACA;AACA,MACA;AAAA;AACA;AAAA;AAAA;;;;AAlIoB;AAChB;AAEQ;AACb;AACuC;;AAExC;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
-    style: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
-    className: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | {
+    style: import("../../../utils-v2").BuildPropReturn<import("../../../utils-v2").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
+    className: import("../../../utils-v2").BuildPropReturn<import("../../../utils-v2").PropWrapper<string | {
         [x: string]: any;
     } | (string | {
         [x: string]: any;
@@ -49,10 +49,10 @@ declare const _default: import("vue").DefineComponent<{
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined, unknown, unknown, unknown>;
-    effect: import("../../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
-    enterable: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
-    pure: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
-    popperClass: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | {
+    effect: import("../../../utils-v2").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
+    enterable: import("../../../utils-v2").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    pure: import("../../../utils-v2").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    popperClass: import("../../../utils-v2").BuildPropReturn<import("../../../utils-v2").PropWrapper<string | {
         [x: string]: any;
     } | (string | {
         [x: string]: any;
@@ -101,17 +101,17 @@ declare const _default: import("vue").DefineComponent<{
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined, unknown, unknown, unknown>;
-    popperStyle: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
-    referenceEl: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<HTMLElement>, HTMLElement | (() => HTMLElement) | undefined, unknown, unknown, unknown>;
-    stopPopperMouseEvent: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    popperStyle: import("../../../utils-v2").BuildPropReturn<import("../../../utils-v2").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
+    referenceEl: import("../../../utils-v2").BuildPropReturn<import("../../../utils-v2").PropWrapper<HTMLElement>, HTMLElement | (() => HTMLElement) | undefined, unknown, unknown, unknown>;
+    stopPopperMouseEvent: import("../../../utils-v2").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
     zIndex: NumberConstructor;
-    boundariesPadding: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 0 | (() => 0) | undefined, false, unknown, unknown>;
-    fallbackPlacements: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | ((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]))[], (() => never[]) | undefined, false, unknown, unknown>;
-    gpuAcceleration: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>))[], true | (() => true) | undefined, false, unknown, unknown>;
-    offset: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 12 | (() => 12) | undefined, false, unknown, unknown>;
-    placement: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>))[], "bottom" | (() => "bottom") | undefined, false, unknown, unknown>;
-    popperOptions: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], (() => {}) | undefined, false, unknown, unknown>;
-    strategy: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], "absolute" | (() => "absolute") | undefined, false, unknown, unknown>;
+    boundariesPadding: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 0 | (() => 0) | undefined, false, unknown, unknown>;
+    fallbackPlacements: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | ((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]))[], (() => never[]) | undefined, false, unknown, unknown>;
+    gpuAcceleration: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>))[], true | (() => true) | undefined, false, unknown, unknown>;
+    offset: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 12 | (() => 12) | undefined, false, unknown, unknown>;
+    placement: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => import("../../../utils-v2").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils-v2").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>))[], "bottom" | (() => "bottom") | undefined, false, unknown, unknown>;
+    popperOptions: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], (() => {}) | undefined, false, unknown, unknown>;
+    strategy: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => import("../../../utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("../../../utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], "absolute" | (() => "absolute") | undefined, false, unknown, unknown>;
 }, {
     popperContentRef: import("vue").Ref<HTMLElement | null>;
     popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | null>;
@@ -143,8 +143,8 @@ declare const _default: import("vue").DefineComponent<{
     } | any)[])[])[])[])[])[])[])[])[])[])[])[]>;
     updatePopper: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mouseenter" | "mouseleave")[], "mouseenter" | "mouseleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    style: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
-    className: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | {
+    style: import("../../../utils-v2").BuildPropReturn<import("../../../utils-v2").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
+    className: import("../../../utils-v2").BuildPropReturn<import("../../../utils-v2").PropWrapper<string | {
         [x: string]: any;
     } | (string | {
         [x: string]: any;
@@ -193,10 +193,10 @@ declare const _default: import("vue").DefineComponent<{
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined, unknown, unknown, unknown>;
-    effect: import("../../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
-    enterable: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
-    pure: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
-    popperClass: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | {
+    effect: import("../../../utils-v2").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
+    enterable: import("../../../utils-v2").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    pure: import("../../../utils-v2").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    popperClass: import("../../../utils-v2").BuildPropReturn<import("../../../utils-v2").PropWrapper<string | {
         [x: string]: any;
     } | (string | {
         [x: string]: any;
@@ -245,17 +245,17 @@ declare const _default: import("vue").DefineComponent<{
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined, unknown, unknown, unknown>;
-    popperStyle: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
-    referenceEl: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<HTMLElement>, HTMLElement | (() => HTMLElement) | undefined, unknown, unknown, unknown>;
-    stopPopperMouseEvent: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    popperStyle: import("../../../utils-v2").BuildPropReturn<import("../../../utils-v2").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
+    referenceEl: import("../../../utils-v2").BuildPropReturn<import("../../../utils-v2").PropWrapper<HTMLElement>, HTMLElement | (() => HTMLElement) | undefined, unknown, unknown, unknown>;
+    stopPopperMouseEvent: import("../../../utils-v2").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
     zIndex: NumberConstructor;
-    boundariesPadding: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 0 | (() => 0) | undefined, false, unknown, unknown>;
-    fallbackPlacements: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | ((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]))[], (() => never[]) | undefined, false, unknown, unknown>;
-    gpuAcceleration: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>))[], true | (() => true) | undefined, false, unknown, unknown>;
-    offset: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 12 | (() => 12) | undefined, false, unknown, unknown>;
-    placement: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>))[], "bottom" | (() => "bottom") | undefined, false, unknown, unknown>;
-    popperOptions: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], (() => {}) | undefined, false, unknown, unknown>;
-    strategy: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], "absolute" | (() => "absolute") | undefined, false, unknown, unknown>;
+    boundariesPadding: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 0 | (() => 0) | undefined, false, unknown, unknown>;
+    fallbackPlacements: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | ((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]))[], (() => never[]) | undefined, false, unknown, unknown>;
+    gpuAcceleration: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>))[], true | (() => true) | undefined, false, unknown, unknown>;
+    offset: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 12 | (() => 12) | undefined, false, unknown, unknown>;
+    placement: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => import("../../../utils-v2").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils-v2").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>))[], "bottom" | (() => "bottom") | undefined, false, unknown, unknown>;
+    popperOptions: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], (() => {}) | undefined, false, unknown, unknown>;
+    strategy: import("../../../utils-v2").BuildPropReturn<(new (...args: any[]) => import("../../../utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("../../../utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], "absolute" | (() => "absolute") | undefined, false, unknown, unknown>;
 }>> & {
     onMouseenter?: ((...args: any[]) => any) | undefined;
     onMouseleave?: ((...args: any[]) => any) | undefined;
@@ -265,10 +265,10 @@ declare const _default: import("vue").DefineComponent<{
     effect: string;
     boundariesPadding: number;
     fallbackPlacements: import("@popperjs/core").Placement[];
-    gpuAcceleration: import("../../../utils/props").BuildPropType<(new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>))[], unknown, unknown>;
-    placement: import("../../../utils/props").BuildPropType<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>))[], unknown, unknown>;
+    gpuAcceleration: import("../../../utils-v2").BuildPropType<(new (...args: any[]) => import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>))[], unknown, unknown>;
+    placement: import("../../../utils-v2").BuildPropType<(new (...args: any[]) => import("../../../utils-v2").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils-v2").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>))[], unknown, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
-    strategy: import("../../../utils/props").BuildPropType<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], unknown, unknown>;
+    strategy: import("../../../utils-v2").BuildPropType<(new (...args: any[]) => import("../../../utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("../../../utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], unknown, unknown>;
     className: string | {
         [x: string]: any;
     } | (string | {
@@ -294,8 +294,8 @@ declare const _default: import("vue").DefineComponent<{
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[];
-    enterable: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    pure: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    enterable: import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
+    pure: import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperClass: string | {
         [x: string]: any;
     } | (string | {
@@ -323,6 +323,6 @@ declare const _default: import("vue").DefineComponent<{
     } | any)[])[])[])[])[])[])[])[])[])[])[];
     popperStyle: import("vue").StyleValue;
     referenceEl: HTMLElement;
-    stopPopperMouseEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    stopPopperMouseEvent: import("../../../utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
 }>;
 export default _default;

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

@@ -1,12 +1,13 @@
 import { getCurrentInstance, computed } from 'vue';
 import '../../../hooks/index.mjs';
-import { isBool } from '../../../utils/util.mjs';
+import '../../../utils-v2/index.mjs';
+import { isBoolean } from '@vueuse/core';
 import { useDeprecated } from '../../../hooks/use-deprecated/index.mjs';
 
 function useDeprecateAppendToBody(scope, from) {
   const vm = getCurrentInstance();
   const compatTeleported = computed(() => {
-    return isBool(vm.props[from]) ? vm.props[from] : vm.props.teleported;
+    return isBoolean(vm.props[from]) ? vm.props[from] : vm.props.teleported;
   });
   useDeprecated({
     scope,
@@ -14,7 +15,7 @@ function useDeprecateAppendToBody(scope, from) {
     replacement: "teleported",
     version: "2.1.0",
     ref: "https://element-plus.org/en-US/component/tooltip.html#attributes"
-  }, computed(() => isBool(vm.props[from])));
+  }, computed(() => isBoolean(vm.props[from])));
   return {
     compatTeleported
   };

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

@@ -1 +1 @@
-{"version":3,"file":"deprecation.mjs","sources":["../../../../../../packages/components/popper/src/deprecation.ts"],"sourcesContent":["import { computed, getCurrentInstance } from 'vue'\nimport { useDeprecated } from '@element-plus/hooks'\nimport { isBool } from '@element-plus/utils/util'\n\nexport function useDeprecateAppendToBody(scope: string, from: string) {\n  const vm = getCurrentInstance()!\n\n  const compatTeleported = computed(() => {\n    return (\n      isBool(vm.props[from]) ? vm.props[from] : vm.props.teleported\n    ) as boolean\n  })\n\n  useDeprecated(\n    {\n      scope,\n      from,\n      replacement: 'teleported',\n      version: '2.1.0',\n      ref: 'https://element-plus.org/en-US/component/tooltip.html#attributes',\n    },\n    computed(() => isBool(vm.props[from]))\n  )\n\n  return {\n    compatTeleported,\n  }\n}\n"],"names":[],"mappings":";;;;;AAGO,SAAS,wBAAwB,CAAC,KAAK,EAAE,IAAI,EAAE;AACtD,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;AAClC,EAAE,MAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM;AAC1C,IAAI,OAAO,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC;AACzE,GAAG,CAAC,CAAC;AACL,EAAE,aAAa,CAAC;AAChB,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,WAAW,EAAE,YAAY;AAC7B,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,GAAG,EAAE,kEAAkE;AAC3E,GAAG,EAAE,QAAQ,CAAC,MAAM,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7C,EAAE,OAAO;AACT,IAAI,gBAAgB;AACpB,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"deprecation.mjs","sources":["../../../../../../packages/components/popper/src/deprecation.ts"],"sourcesContent":["import { computed, getCurrentInstance } from 'vue'\nimport { useDeprecated } from '@element-plus/hooks'\nimport { isBoolean } from '@element-plus/utils-v2'\n\nexport function useDeprecateAppendToBody(scope: string, from: string) {\n  const vm = getCurrentInstance()!\n\n  const compatTeleported = computed(() => {\n    return (\n      isBoolean(vm.props[from]) ? vm.props[from] : vm.props.teleported\n    ) as boolean\n  })\n\n  useDeprecated(\n    {\n      scope,\n      from,\n      replacement: 'teleported',\n      version: '2.1.0',\n      ref: 'https://element-plus.org/en-US/component/tooltip.html#attributes',\n    },\n    computed(() => isBoolean(vm.props[from]))\n  )\n\n  return {\n    compatTeleported,\n  }\n}\n"],"names":[],"mappings":";;;;;;AAGO,SAAS,wBAAwB,CAAC,KAAK,EAAE,IAAI,EAAE;AACtD,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;AAClC,EAAE,MAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM;AAC1C,IAAI,OAAO,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC;AAC5E,GAAG,CAAC,CAAC;AACL,EAAE,aAAa,CAAC;AAChB,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,WAAW,EAAE,YAAY;AAC7B,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,GAAG,EAAE,kEAAkE;AAC3E,GAAG,EAAE,QAAQ,CAAC,MAAM,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAChD,EAAE,OAAO;AACT,IAAI,gBAAgB;AACpB,GAAG,CAAC;AACJ;;;;"}

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

@@ -14,44 +14,44 @@ export declare type Measurable = {
 declare type ClassObjectType = Record<string, any>;
 declare type ClassType = string | ClassObjectType | ClassType[];
 export declare const usePopperArrowProps: {
-    arrowOffset: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
+    arrowOffset: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
 };
 export declare const usePopperCoreConfigProps: {
-    readonly boundariesPadding: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly fallbackPlacements: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<Placement[]>, () => never[], unknown, unknown, unknown>;
-    readonly gpuAcceleration: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly offset: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
-    readonly placement: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "bottom", unknown, Placement, unknown>;
-    readonly popperOptions: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<Partial<Options>>, () => {}, unknown, unknown, unknown>;
-    readonly strategy: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
+    readonly boundariesPadding: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly fallbackPlacements: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<Placement[]>, () => never[], unknown, unknown, unknown>;
+    readonly gpuAcceleration: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly offset: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+    readonly placement: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "bottom", unknown, Placement, unknown>;
+    readonly popperOptions: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<Partial<Options>>, () => {}, unknown, unknown, unknown>;
+    readonly strategy: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
 };
 export declare const usePopperProps: {
-    readonly autoClose: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly cutoff: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly disabled: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly autoClose: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly cutoff: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly disabled: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
 };
 export declare const usePopperContentProps: {
-    style: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => StyleValue[]) | undefined, unknown, unknown, unknown>;
-    className: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<ClassType>, string | (() => string) | (() => ClassObjectType) | (() => ClassType[]) | undefined, unknown, unknown, unknown>;
-    effect: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
-    enterable: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
-    pure: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
-    popperClass: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<ClassType>, string | (() => string) | (() => ClassObjectType) | (() => ClassType[]) | undefined, unknown, unknown, unknown>;
-    popperStyle: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => StyleValue[]) | undefined, unknown, unknown, unknown>;
-    referenceEl: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<HTMLElement>, HTMLElement | (() => HTMLElement) | undefined, unknown, unknown, unknown>;
-    stopPopperMouseEvent: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    style: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => StyleValue[]) | undefined, unknown, unknown, unknown>;
+    className: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<ClassType>, string | (() => string) | (() => ClassObjectType) | (() => ClassType[]) | undefined, unknown, unknown, unknown>;
+    effect: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
+    enterable: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    pure: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
+    popperClass: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<ClassType>, string | (() => string) | (() => ClassObjectType) | (() => ClassType[]) | undefined, unknown, unknown, unknown>;
+    popperStyle: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => StyleValue[]) | undefined, unknown, unknown, unknown>;
+    referenceEl: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<HTMLElement>, HTMLElement | (() => HTMLElement) | undefined, unknown, unknown, unknown>;
+    stopPopperMouseEvent: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
     zIndex: NumberConstructor;
-    boundariesPadding: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 0 | (() => 0) | undefined, false, unknown, unknown>;
-    fallbackPlacements: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => Placement[]) | (() => Placement[]) | ((new (...args: any[]) => Placement[]) | (() => Placement[]))[], (() => never[]) | undefined, false, unknown, unknown>;
-    gpuAcceleration: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => import("element-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("element-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("element-plus/es/utils/props").BuildPropType<BooleanConstructor, unknown, unknown>))[], true | (() => true) | undefined, false, unknown, unknown>;
-    offset: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 12 | (() => 12) | undefined, false, unknown, unknown>;
-    placement: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => import("element-plus/es/utils/props").BuildPropType<StringConstructor, Placement, unknown> & {}) | (() => import("element-plus/es/utils/props").BuildPropType<StringConstructor, Placement, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils/props").BuildPropType<StringConstructor, Placement, unknown> & {}) | (() => import("element-plus/es/utils/props").BuildPropType<StringConstructor, Placement, unknown>))[], "bottom" | (() => "bottom") | undefined, false, unknown, unknown>;
-    popperOptions: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], (() => {}) | undefined, false, unknown, unknown>;
-    strategy: import("element-plus/es/utils/props").BuildPropReturn<(new (...args: any[]) => import("element-plus/es/utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("element-plus/es/utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("element-plus/es/utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("element-plus/es/utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], "absolute" | (() => "absolute") | undefined, false, unknown, unknown>;
+    boundariesPadding: import("element-plus/es/utils-v2").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 0 | (() => 0) | undefined, false, unknown, unknown>;
+    fallbackPlacements: import("element-plus/es/utils-v2").BuildPropReturn<(new (...args: any[]) => Placement[]) | (() => Placement[]) | ((new (...args: any[]) => Placement[]) | (() => Placement[]))[], (() => never[]) | undefined, false, unknown, unknown>;
+    gpuAcceleration: import("element-plus/es/utils-v2").BuildPropReturn<(new (...args: any[]) => import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>))[], true | (() => true) | undefined, false, unknown, unknown>;
+    offset: import("element-plus/es/utils-v2").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 12 | (() => 12) | undefined, false, unknown, unknown>;
+    placement: import("element-plus/es/utils-v2").BuildPropReturn<(new (...args: any[]) => import("element-plus/es/utils-v2").BuildPropType<StringConstructor, Placement, unknown> & {}) | (() => import("element-plus/es/utils-v2").BuildPropType<StringConstructor, Placement, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils-v2").BuildPropType<StringConstructor, Placement, unknown> & {}) | (() => import("element-plus/es/utils-v2").BuildPropType<StringConstructor, Placement, unknown>))[], "bottom" | (() => "bottom") | undefined, false, unknown, unknown>;
+    popperOptions: import("element-plus/es/utils-v2").BuildPropReturn<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], (() => {}) | undefined, false, unknown, unknown>;
+    strategy: import("element-plus/es/utils-v2").BuildPropReturn<(new (...args: any[]) => import("element-plus/es/utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("element-plus/es/utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("element-plus/es/utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("element-plus/es/utils-v2").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], "absolute" | (() => "absolute") | undefined, false, unknown, unknown>;
 };
 export declare const usePopperTriggerProps: {
-    virtualRef: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<Measurable>, unknown, unknown, unknown, unknown>;
-    virtualTriggering: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
+    virtualRef: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<Measurable>, unknown, unknown, unknown, unknown>;
+    virtualTriggering: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
 };
 export declare type UsePopperProps = ExtractPropTypes<typeof usePopperProps>;
 export declare type UsePopperCoreConfigProps = ExtractPropTypes<typeof usePopperCoreConfigProps>;

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

@@ -1,5 +1,6 @@
 import { placements } from '@popperjs/core';
-import { buildProps, definePropType } from '../../../utils/props.mjs';
+import '../../../utils-v2/index.mjs';
+import { buildProps, definePropType } from '../../../utils-v2/vue/prop.mjs';
 
 const effects = ["light", "dark"];
 const triggers = ["click", "contextmenu", "hover", "focus"];

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

@@ -1 +1 @@
-{"version":3,"file":"popper.mjs","sources":["../../../../../../packages/components/popper/src/popper.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\n\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type { Placement, Options } from '@popperjs/core'\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}\n\nexport type PopperEffect = typeof effects[number]\nexport type PopperTrigger = typeof triggers[number]\nexport type Measurable = {\n  getBoundingClientRect: () => DOMRect\n}\n\ntype ClassObjectType = Record<string, any>\ntype ClassType = string | ClassObjectType | ClassType[]\n\nexport const usePopperArrowProps = buildProps({\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n})\n\nexport const usePopperCoreConfigProps = buildProps({\n  boundariesPadding: {\n    type: Number,\n    default: 0,\n  },\n  fallbackPlacements: {\n    type: definePropType<Placement[]>(Array),\n    default: () => [],\n  },\n  gpuAcceleration: {\n    type: Boolean,\n    default: true,\n  },\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  placement: {\n    type: String,\n    values: placements,\n    default: 'bottom',\n  },\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}),\n  },\n  strategy: {\n    type: String,\n    values: ['fixed', 'absolute'] as const,\n    default: 'absolute',\n  },\n} as const)\n\nexport const usePopperProps = buildProps({\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  cutoff: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport const usePopperContentProps = buildProps({\n  ...usePopperCoreConfigProps,\n  style: { type: definePropType<StyleValue>([String, Array, Object]) },\n  className: { type: definePropType<ClassType>([String, Array, Object]) },\n  effect: {\n    type: String,\n    default: 'dark',\n  },\n  enterable: {\n    type: Boolean,\n    default: true,\n  },\n  pure: {\n    type: Boolean,\n  },\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  stopPopperMouseEvent: {\n    type: Boolean,\n    default: true,\n  },\n  zIndex: Number,\n})\n\nexport const usePopperTriggerProps = buildProps({\n  virtualRef: { type: definePropType<Measurable>(Object) },\n  virtualTriggering: { type: Boolean },\n})\n\nexport type UsePopperProps = ExtractPropTypes<typeof usePopperProps>\nexport type UsePopperCoreConfigProps = ExtractPropTypes<\n  typeof usePopperCoreConfigProps\n>\n"],"names":[],"mappings":";;;AAEA,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAClC,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAChD,MAAC,MAAM,GAAG;AACtB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE;AACU,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC,EAAE;AACS,MAAC,wBAAwB,GAAG,UAAU,CAAC;AACnD,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC;AACjC,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,cAAc,GAAG,UAAU,CAAC;AACzC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,GAAG,wBAAwB;AAC7B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC1D,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC9D,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,CAAC,EAAE;AACS,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE;AAC9C,EAAE,iBAAiB,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;AACtC,CAAC;;;;"}
+{"version":3,"file":"popper.mjs","sources":["../../../../../../packages/components/popper/src/popper.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { buildProps, definePropType } from '@element-plus/utils-v2'\n\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type { Placement, Options } from '@popperjs/core'\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}\n\nexport type PopperEffect = typeof effects[number]\nexport type PopperTrigger = typeof triggers[number]\nexport type Measurable = {\n  getBoundingClientRect: () => DOMRect\n}\n\ntype ClassObjectType = Record<string, any>\ntype ClassType = string | ClassObjectType | ClassType[]\n\nexport const usePopperArrowProps = buildProps({\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n})\n\nexport const usePopperCoreConfigProps = buildProps({\n  boundariesPadding: {\n    type: Number,\n    default: 0,\n  },\n  fallbackPlacements: {\n    type: definePropType<Placement[]>(Array),\n    default: () => [],\n  },\n  gpuAcceleration: {\n    type: Boolean,\n    default: true,\n  },\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  placement: {\n    type: String,\n    values: placements,\n    default: 'bottom',\n  },\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}),\n  },\n  strategy: {\n    type: String,\n    values: ['fixed', 'absolute'] as const,\n    default: 'absolute',\n  },\n} as const)\n\nexport const usePopperProps = buildProps({\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  cutoff: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport const usePopperContentProps = buildProps({\n  ...usePopperCoreConfigProps,\n  style: { type: definePropType<StyleValue>([String, Array, Object]) },\n  className: { type: definePropType<ClassType>([String, Array, Object]) },\n  effect: {\n    type: String,\n    default: 'dark',\n  },\n  enterable: {\n    type: Boolean,\n    default: true,\n  },\n  pure: {\n    type: Boolean,\n  },\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  stopPopperMouseEvent: {\n    type: Boolean,\n    default: true,\n  },\n  zIndex: Number,\n})\n\nexport const usePopperTriggerProps = buildProps({\n  virtualRef: { type: definePropType<Measurable>(Object) },\n  virtualTriggering: { type: Boolean },\n})\n\nexport type UsePopperProps = ExtractPropTypes<typeof usePopperProps>\nexport type UsePopperCoreConfigProps = ExtractPropTypes<\n  typeof usePopperCoreConfigProps\n>\n"],"names":[],"mappings":";;;;AAEA,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAClC,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAChD,MAAC,MAAM,GAAG;AACtB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE;AACU,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC,EAAE;AACS,MAAC,wBAAwB,GAAG,UAAU,CAAC;AACnD,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC;AACjC,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,cAAc,GAAG,UAAU,CAAC;AACzC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,GAAG,wBAAwB;AAC7B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC1D,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC9D,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,CAAC,EAAE;AACS,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE;AAC9C,EAAE,iBAAiB,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;AACtC,CAAC;;;;"}