@element-plus/nightly 0.0.20220323 → 0.0.20220326

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

@@ -10,29 +10,29 @@ export declare const usePopoverProps: {
     readonly content: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly popperStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").StyleValue>, unknown, unknown, unknown, unknown>;
     readonly popperClass: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | {
-        [x: string]: any;
+        [x: string]: boolean;
     } | (string | {
-        [x: string]: any;
+        [x: string]: boolean;
     } | (string | {
-        [x: string]: any;
+        [x: string]: boolean;
     } | (string | {
-        [x: string]: any;
+        [x: string]: boolean;
     } | (string | {
-        [x: string]: any;
+        [x: string]: boolean;
     } | (string | {
-        [x: string]: any;
+        [x: string]: boolean;
     } | (string | {
-        [x: string]: any;
+        [x: string]: boolean;
     } | (string | {
-        [x: string]: any;
+        [x: string]: boolean;
     } | (string | {
-        [x: string]: any;
+        [x: string]: boolean;
     } | (string | {
-        [x: string]: any;
+        [x: string]: boolean;
     } | (string | {
-        [x: string]: any;
+        [x: string]: boolean;
     } | (string | {
-        [x: string]: any;
+        [x: string]: boolean;
     } | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown, unknown, unknown>;
     readonly enterable: {
         readonly default: true;

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

@@ -1,9 +1,21 @@
-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("element-plus/es/utils").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>;
+import ElPopperArrow from './src/arrow.vue';
+import ElPopperTrigger from './src/trigger.vue';
+import ElPopperContent from './src/content.vue';
+export { ElPopperArrow, ElPopperTrigger, ElPopperContent };
+export declare const ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
+    triggerRef: import("vue").Ref<HTMLElement | undefined>;
+    popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
+    contentRef: import("vue").Ref<HTMLElement | undefined>;
+    referenceRef: import("vue").Ref<HTMLElement | undefined>;
+    popperProvides: import("../..").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';
+export * from './src/trigger';
+export * from './src/content';
+export * from './src/arrow';
 export { useDeprecateAppendToBody } from './src/deprecation';
 export type { Placement, Options } from '@popperjs/core';
+export declare type ElPopperArrowInstance = InstanceType<typeof ElPopperArrow>;
+export declare type ElPopperArrowTrigger = InstanceType<typeof ElPopperTrigger>;
+export declare type ElPopperArrowContent = InstanceType<typeof ElPopperContent>;

package/lib/components/popper/index.js

@@ -4,11 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
 var popper$1 = require('./src/popper2.js');
-var arrow = require('./src/arrow.js');
-var trigger = require('./src/trigger.js');
+var arrow = require('./src/arrow2.js');
+var trigger = require('./src/trigger2.js');
 var content = require('./src/content.js');
 var popper = require('./src/popper.js');
-var tokens = require('./src/tokens.js');
+var trigger$1 = require('./src/trigger.js');
+var content$1 = require('./src/content2.js');
+var arrow$1 = require('./src/arrow.js');
 var deprecation = require('./src/deprecation.js');
 var install = require('../../utils/vue/install.js');
 
@@ -18,13 +20,11 @@ exports.ElPopperArrow = arrow["default"];
 exports.ElPopperTrigger = trigger["default"];
 exports.ElPopperContent = content["default"];
 exports.Effect = popper.Effect;
-exports.usePopperArrowProps = popper.usePopperArrowProps;
-exports.usePopperContentProps = popper.usePopperContentProps;
-exports.usePopperCoreConfigProps = popper.usePopperCoreConfigProps;
 exports.usePopperProps = popper.usePopperProps;
-exports.usePopperTriggerProps = popper.usePopperTriggerProps;
-exports.POPPER_CONTENT_INJECTION_KEY = tokens.POPPER_CONTENT_INJECTION_KEY;
-exports.POPPER_INJECTION_KEY = tokens.POPPER_INJECTION_KEY;
+exports.usePopperTriggerProps = trigger$1.usePopperTriggerProps;
+exports.usePopperContentProps = content$1.usePopperContentProps;
+exports.usePopperCoreConfigProps = content$1.usePopperCoreConfigProps;
+exports.usePopperArrowProps = arrow$1.usePopperArrowProps;
 exports.useDeprecateAppendToBody = deprecation.useDeprecateAppendToBody;
 exports.ElPopper = ElPopper;
 exports["default"] = ElPopper;

package/lib/components/popper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/popper/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\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":["withInstall","Popper"],"mappings":";;;;;;;;;;;;;;AAKY,MAAC,QAAQ,GAAGA,mBAAW,CAACC,mBAAM;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/popper/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\nimport Popper from './src/popper.vue'\n\nimport ElPopperArrow from './src/arrow.vue'\nimport ElPopperTrigger from './src/trigger.vue'\nimport ElPopperContent from './src/content.vue'\n\nexport { ElPopperArrow, ElPopperTrigger, ElPopperContent }\n\nexport const ElPopper = withInstall(Popper)\nexport default ElPopper\n\nexport * from './src/popper'\nexport * from './src/trigger'\nexport * from './src/content'\nexport * from './src/arrow'\nexport { useDeprecateAppendToBody } from './src/deprecation'\n\nexport type { Placement, Options } from '@popperjs/core'\nexport type ElPopperArrowInstance = InstanceType<typeof ElPopperArrow>\nexport type ElPopperArrowTrigger = InstanceType<typeof ElPopperTrigger>\nexport type ElPopperArrowContent = InstanceType<typeof ElPopperContent>\n"],"names":["withInstall","Popper"],"mappings":";;;;;;;;;;;;;;;;AAMY,MAAC,QAAQ,GAAGA,mBAAW,CAACC,mBAAM;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const usePopperArrowProps: {
+    readonly arrowOffset: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
+};
+export declare type UsePopperArrowProps = ExtractPropTypes<typeof usePopperArrowProps>;

package/lib/components/popper/src/arrow.js

@@ -2,43 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-var popper = require('./popper.js');
-var tokens = require('./tokens.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElPopperArrow",
-  props: popper.usePopperArrowProps,
-  setup(props) {
-    const ns = index.useNamespace("popper");
-    const arrowRef = vue.ref(null);
-    const popperContentInjection = vue.inject(tokens.POPPER_CONTENT_INJECTION_KEY, void 0);
-    vue.watch(() => props.arrowOffset, (val) => {
-      popperContentInjection.arrowOffset.value = val;
-    });
-    vue.onMounted(() => {
-      popperContentInjection.arrowRef.value = vue.unref(arrowRef);
-    });
-    vue.onBeforeUnmount(() => {
-      popperContentInjection.arrowRef.value = null;
-    });
-    return {
-      ns,
-      arrowRef
-    };
+const usePopperArrowProps = props.buildProps({
+  arrowOffset: {
+    type: Number,
+    default: 5
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("span", {
-    ref: "arrowRef",
-    class: vue.normalizeClass(_ctx.ns.e("arrow")),
-    "data-popper-arrow": ""
-  }, null, 2);
-}
-var ElPopperArrow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = ElPopperArrow;
+exports.usePopperArrowProps = usePopperArrowProps;
 //# sourceMappingURL=arrow.js.map

package/lib/components/popper/src/arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow.js","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" :class=\"ns.e('arrow')\" data-popper-arrow=\"\" />\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  unref,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { usePopperArrowProps } from './popper'\nimport { POPPER_CONTENT_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElPopperArrow',\n  props: usePopperArrowProps,\n  setup(props) {\n    const ns = useNamespace('popper')\n    const arrowRef = ref<HTMLSpanElement | null>(null)\n    const popperContentInjection = inject(\n      POPPER_CONTENT_INJECTION_KEY,\n      undefined\n    )!\n\n    watch(\n      () => props.arrowOffset,\n      (val) => {\n        popperContentInjection.arrowOffset.value = val\n      }\n    )\n\n    onMounted(() => {\n      popperContentInjection.arrowRef.value = unref(arrowRef)\n    })\n\n    onBeforeUnmount(() => {\n      popperContentInjection.arrowRef.value = null\n    })\n\n    return {\n      ns,\n      arrowRef,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","usePopperArrowProps","useNamespace","ref","inject","POPPER_CONTENT_INJECTION_KEY","watch","onMounted","unref","onBeforeUnmount","_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;;;;AAkBA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,eAAA;AAAA,EACN,KAAO,EAAAC,0BAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,KAAKC,kBAAa,CAAA,QAAA,CAAA,CAAA;AACxB,IAAA,MAAM,WAAWC,OAA4B,CAAA,IAAA,CAAA,CAAA;AAC7C,IAAM,MAAA,sBAAA,GAAyBC,WAC7BC,mCACA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGF,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,WACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,sBAAA,CAAuB,YAAY,KAAQ,GAAA,GAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAI/C,IAAAC,aAAA,CAAU,MAAM;AACd,MAAuB,sBAAA,CAAA,QAAA,CAAS,QAAQC,SAAM,CAAA,QAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGhD,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,sBAAA,CAAuB,SAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAG1C,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,QAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;0BA7CJC,sBAAmE,CAAA,MAAA,EAAA;AAAA,IAA7D,GAAI,EAAA,UAAA;AAAA,IAAY,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,OAAA,CAAA,CAAA;AAAA,IAAW,mBAAkB,EAAA,EAAA;AAAA,GAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"arrow.js","sources":["../../../../../../packages/components/popper/src/arrow.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const usePopperArrowProps = buildProps({\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n} as const)\n\nexport type UsePopperArrowProps = ExtractPropTypes<typeof usePopperArrowProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,mBAAmB,GAAGA,gBAAU,CAAC;AAC9C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC;;;;"}

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

@@ -1,6 +1,11 @@
 declare const _default: import("vue").DefineComponent<{
     readonly arrowOffset: import("../../../utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly arrowOffset: import("../../../utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -15,7 +20,8 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): string;
         };
     };
-    arrowRef: import("vue").Ref<HTMLSpanElement | null>;
+    arrowOffset: import("vue").Ref<number | undefined>;
+    arrowRef: import("vue").Ref<HTMLElement | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly arrowOffset: import("../../../utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
 }>>, {

package/lib/components/popper/src/arrow2.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../hooks/index.js');
+require('../../../tokens/index.js');
+var arrow = require('./arrow.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var popper = require('../../../tokens/popper.js');
+
+const __default__ = {
+  name: "ElPopperArrow",
+  inheritAttrs: false
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: arrow.usePopperArrowProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const ns = index.useNamespace("popper");
+    const { arrowOffset, arrowRef } = vue.inject(popper.POPPER_CONTENT_INJECTION_KEY, void 0);
+    vue.watch(() => props.arrowOffset, (val) => {
+      arrowOffset.value = val;
+    });
+    vue.onBeforeUnmount(() => {
+      arrowRef.value = void 0;
+    });
+    expose({
+      arrowRef
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        ref_key: "arrowRef",
+        ref: arrowRef,
+        class: vue.normalizeClass(vue.unref(ns).e("arrow")),
+        "data-popper-arrow": ""
+      }, null, 2);
+    };
+  }
+});
+
+exports["default"] = _sfc_main;
+//# sourceMappingURL=arrow2.js.map

package/lib/components/popper/src/arrow2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow2.js","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" :class=\"ns.e('arrow')\" data-popper-arrow=\"\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, watch } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { POPPER_CONTENT_INJECTION_KEY } from '@element-plus/tokens'\nimport { usePopperArrowProps } from './arrow'\n\ndefineOptions({\n  name: 'ElPopperArrow',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(usePopperArrowProps)\n\nconst ns = useNamespace('popper')\nconst { arrowOffset, arrowRef } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined\n)!\n\nwatch(\n  () => props.arrowOffset,\n  (val) => {\n    arrowOffset.value = val\n  }\n)\nonBeforeUnmount(() => {\n  arrowRef.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef,\n})\n</script>\n"],"names":["useNamespace","inject","POPPER_CONTENT_INJECTION_KEY","watch","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,MAAA,KAAAA,kBAAA,CAAA,QAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,WAAA,EAAA,QAAA,EAAA,GAAAC,UAAA,CACAC,mCACA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGA,IAAAC,SAAA,CACA,MAAA,KAAA,CAAA,WACA,EAAA,CAAA,GAAA,KAAA;AACA,MAAA,WAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAAC,mBAAA,CAAA,MAAA;AACA,MAAA,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,CAAA;AAAA,MAIA,QAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,36 @@
+import type { ExtractPropTypes, StyleValue } from 'vue';
+import type { Options, Placement } from '@popperjs/core';
+declare type ClassObjectType = Record<string, boolean>;
+declare type ClassType = string | ClassObjectType | ClassType[];
+export declare const usePopperCoreConfigProps: {
+    readonly boundariesPadding: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly fallbackPlacements: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Placement[]>, () => never[], unknown, unknown, unknown>;
+    readonly gpuAcceleration: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly offset: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+    readonly placement: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "bottom", unknown, Placement, unknown>;
+    readonly popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Options>>, () => {}, unknown, unknown, unknown>;
+    readonly strategy: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
+};
+export declare const usePopperContentProps: {
+    readonly style: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<StyleValue>, unknown, unknown, unknown, unknown>;
+    readonly className: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<ClassType>, unknown, unknown, unknown, unknown>;
+    readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "dark", unknown, unknown, unknown>;
+    readonly visible: BooleanConstructor;
+    readonly enterable: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly pure: BooleanConstructor;
+    readonly popperClass: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<ClassType>, unknown, unknown, unknown, unknown>;
+    readonly popperStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<StyleValue>, unknown, unknown, unknown, unknown>;
+    readonly referenceEl: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<HTMLElement>, unknown, unknown, unknown, unknown>;
+    readonly stopPopperMouseEvent: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly zIndex: NumberConstructor;
+    readonly boundariesPadding: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly fallbackPlacements: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Placement[]>, () => never[], unknown, unknown, unknown>;
+    readonly gpuAcceleration: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly offset: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+    readonly placement: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "bottom", unknown, Placement, unknown>;
+    readonly popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Options>>, () => {}, unknown, unknown, unknown>;
+    readonly strategy: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
+};
+export declare type UsePopperContentProps = ExtractPropTypes<typeof usePopperContentProps>;
+export declare type UsePopperCoreConfigProps = ExtractPropTypes<typeof usePopperCoreConfigProps>;
+export {};

package/lib/components/popper/src/content.js

@@ -5,29 +5,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var core = require('@popperjs/core');
 require('../../../hooks/index.js');
-var tokens = require('./tokens.js');
-var popper = require('./popper.js');
+require('../../../tokens/index.js');
+var content = require('./content2.js');
 var utils = require('./utils.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var popper = require('../../../tokens/popper.js');
 var index = require('../../../hooks/use-z-index/index.js');
 var index$1 = require('../../../hooks/use-namespace/index.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElPopperContent",
-  props: popper.usePopperContentProps,
+const __default__ = {
+  name: "ElPopperContent"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: content.usePopperContentProps,
   emits: ["mouseenter", "mouseleave"],
-  setup(props) {
-    const { triggerRef, popperInstanceRef, contentRef } = vue.inject(tokens.POPPER_INJECTION_KEY, void 0);
+  setup(__props, { expose }) {
+    const props = __props;
+    const { popperInstanceRef, contentRef, triggerRef } = vue.inject(popper.POPPER_INJECTION_KEY, void 0);
     const { nextZIndex } = index.useZIndex();
     const ns = index$1.useNamespace("popper");
-    const popperContentRef = vue.ref(null);
-    const arrowRef = vue.ref(null);
+    const popperContentRef = vue.ref();
+    const arrowRef = vue.ref();
     const arrowOffset = vue.ref();
-    vue.provide(tokens.POPPER_CONTENT_INJECTION_KEY, {
+    vue.provide(popper.POPPER_CONTENT_INJECTION_KEY, {
       arrowRef,
       arrowOffset
     });
     const contentZIndex = vue.ref(props.zIndex || nextZIndex());
+    const computedReference = vue.computed(() => utils.unwrapMeasurableEl(props.referenceEl) || vue.unref(triggerRef));
     const contentStyle = vue.computed(() => [{ zIndex: vue.unref(contentZIndex) }, props.popperStyle]);
     const contentClass = vue.computed(() => [
       ns.b(),
@@ -35,11 +40,7 @@ const _sfc_main = vue.defineComponent({
       ns.is(props.effect),
       props.popperClass
     ]);
-    const createPopperInstance = ({
-      referenceEl,
-      popperContentEl,
-      arrowEl
-    }) => {
+    const createPopperInstance = ({ referenceEl, popperContentEl, arrowEl }) => {
       const options = utils.buildPopperOptions(props, {
         arrowEl,
         arrowOffset: vue.unref(arrowOffset)
@@ -51,42 +52,40 @@ const _sfc_main = vue.defineComponent({
       (_a = vue.unref(popperInstanceRef)) == null ? void 0 : _a.update();
       contentZIndex.value = props.zIndex || nextZIndex();
     };
-    const togglePopoerAlive = () => {
-      var _a;
+    const togglePopperAlive = () => {
+      var _a, _b;
       const monitorable = { name: "eventListeners", enabled: props.visible };
-      (_a = vue.unref(popperInstanceRef)) == null ? void 0 : _a.setOptions((options) => ({
+      (_b = (_a = vue.unref(popperInstanceRef)) == null ? void 0 : _a.setOptions) == null ? void 0 : _b.call(_a, (options) => ({
         ...options,
-        modifiers: [...options.modifiers, monitorable]
+        modifiers: [...options.modifiers || [], monitorable]
       }));
+      updatePopper();
     };
     vue.onMounted(() => {
       let updateHandle;
-      vue.watch(() => utils.unwrapMeasurableEl(props.referenceEl) || vue.unref(triggerRef), (val) => {
+      vue.watch(computedReference, (referenceEl) => {
         var _a;
         updateHandle == null ? void 0 : updateHandle();
-        if (val) {
-          (_a = popperInstanceRef.value) == null ? void 0 : _a.destroy();
+        const popperInstance = vue.unref(popperInstanceRef);
+        (_a = popperInstance == null ? void 0 : popperInstance.destroy) == null ? void 0 : _a.call(popperInstance);
+        if (referenceEl) {
           const popperContentEl = vue.unref(popperContentRef);
           contentRef.value = popperContentEl;
-          const arrowEl = vue.unref(arrowRef);
-          const newInstance = createPopperInstance({
-            referenceEl: val,
-            popperContentEl: vue.unref(popperContentRef),
-            arrowEl
+          popperInstanceRef.value = createPopperInstance({
+            referenceEl,
+            popperContentEl,
+            arrowEl: vue.unref(arrowRef)
           });
-          popperInstanceRef.value = newInstance;
-          updateHandle = vue.watch(() => val.getBoundingClientRect(), () => {
-            updatePopper();
-          }, {
+          updateHandle = vue.watch(() => referenceEl.getBoundingClientRect(), () => updatePopper(), {
             immediate: true
           });
         } else {
-          popperInstanceRef.value = null;
+          popperInstanceRef.value = void 0;
         }
       }, {
         immediate: true
       });
-      vue.watch(() => props.visible, togglePopoerAlive, { immediate: true });
+      vue.watch(() => props.visible, togglePopperAlive, { immediate: true });
       vue.watch(() => utils.buildPopperOptions(props, {
         arrowEl: vue.unref(arrowRef),
         arrowOffset: vue.unref(arrowOffset)
@@ -95,29 +94,27 @@ const _sfc_main = vue.defineComponent({
         return (_a = popperInstanceRef.value) == null ? void 0 : _a.setOptions(option);
       });
     });
-    return {
-      ns,
+    expose({
       popperContentRef,
       popperInstanceRef,
-      contentStyle,
-      contentClass,
-      updatePopper
+      updatePopper,
+      contentStyle
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "popperContentRef",
+        ref: popperContentRef,
+        style: vue.normalizeStyle(vue.unref(contentStyle)),
+        class: vue.normalizeClass(vue.unref(contentClass)),
+        role: "tooltip",
+        onMouseenter: _cache[0] || (_cache[0] = (e) => _ctx.$emit("mouseenter", e)),
+        onMouseleave: _cache[1] || (_cache[1] = (e) => _ctx.$emit("mouseleave", e))
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 38);
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", {
-    ref: "popperContentRef",
-    style: vue.normalizeStyle(_ctx.contentStyle),
-    class: vue.normalizeClass(_ctx.contentClass),
-    role: "tooltip",
-    onMouseenter: _cache[0] || (_cache[0] = (e) => _ctx.$emit("mouseenter", e)),
-    onMouseleave: _cache[1] || (_cache[1] = (e) => _ctx.$emit("mouseleave", e))
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 38);
-}
-var ElPopperContent = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = ElPopperContent;
+exports["default"] = _sfc_main;
 //# sourceMappingURL=content.js.map

package/lib/components/popper/src/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","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, useNamespace } 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 ns = useNamespace('popper')\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      ns.b(),\n      ns.is('pure', props.pure),\n      ns.is(props.effect),\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    const togglePopoerAlive = () => {\n      const monitorable = { name: 'eventListeners', enabled: props.visible }\n      unref(popperInstanceRef)?.setOptions((options) => ({\n        ...options,\n        modifiers: [...options.modifiers, monitorable],\n      }))\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(() => props.visible, togglePopoerAlive, { immediate: true })\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      ns,\n      popperContentRef,\n      popperInstanceRef,\n      contentStyle,\n      contentClass,\n      updatePopper,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","usePopperContentProps","inject","POPPER_INJECTION_KEY","useZIndex","useNamespace","ref","provide","POPPER_CONTENT_INJECTION_KEY","computed","unref","buildPopperOptions","createPopper","onMounted","watch","unwrapMeasurableEl","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass"],"mappings":"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"}
+{"version":3,"file":"content.js","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\" setup>\nimport { computed, inject, onMounted, provide, ref, unref, watch } from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { useNamespace, useZIndex } from '@element-plus/hooks'\nimport {\n  POPPER_CONTENT_INJECTION_KEY,\n  POPPER_INJECTION_KEY,\n} from '@element-plus/tokens'\nimport { usePopperContentProps } from './content'\nimport { buildPopperOptions, unwrapMeasurableEl } from './utils'\n\nimport type { WatchStopHandle } from 'vue'\n\ndefineOptions({\n  name: 'ElPopperContent',\n})\n\ndefineEmits(['mouseenter', 'mouseleave'])\n\nconst props = defineProps(usePopperContentProps)\n\nconst { popperInstanceRef, contentRef, triggerRef } = inject(\n  POPPER_INJECTION_KEY,\n  undefined\n)!\nconst { nextZIndex } = useZIndex()\nconst ns = useNamespace('popper')\nconst popperContentRef = ref<HTMLElement>()\nconst arrowRef = ref<HTMLElement>()\nconst arrowOffset = ref<number>()\nprovide(POPPER_CONTENT_INJECTION_KEY, {\n  arrowRef,\n  arrowOffset,\n})\nconst contentZIndex = ref(props.zIndex || nextZIndex())\n\nconst computedReference = computed(\n  () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef)\n)\n\nconst contentStyle = computed(\n  () => [{ zIndex: unref(contentZIndex) }, props.popperStyle] as any\n)\n\nconst contentClass = computed(() => [\n  ns.b(),\n  ns.is('pure', props.pure),\n  ns.is(props.effect),\n  props.popperClass,\n])\n\nconst createPopperInstance = ({ referenceEl, popperContentEl, arrowEl }) => {\n  const options = buildPopperOptions(props, {\n    arrowEl,\n    arrowOffset: unref(arrowOffset),\n  })\n\n  return createPopper(referenceEl, popperContentEl, options)\n}\n\nconst updatePopper = () => {\n  unref(popperInstanceRef)?.update()\n  contentZIndex.value = props.zIndex || nextZIndex()\n}\n\nconst togglePopperAlive = () => {\n  const monitorable = { name: 'eventListeners', enabled: props.visible }\n  unref(popperInstanceRef)?.setOptions?.((options) => ({\n    ...options,\n    modifiers: [...(options.modifiers || []), monitorable],\n  }))\n  updatePopper()\n}\n\nonMounted(() => {\n  let updateHandle: WatchStopHandle\n  watch(\n    computedReference,\n    (referenceEl) => {\n      updateHandle?.()\n      const popperInstance = unref(popperInstanceRef)\n      popperInstance?.destroy?.()\n      if (referenceEl) {\n        const popperContentEl = unref(popperContentRef)!\n        contentRef.value = popperContentEl\n\n        popperInstanceRef.value = createPopperInstance({\n          referenceEl,\n          popperContentEl,\n          arrowEl: unref(arrowRef),\n        })\n\n        updateHandle = watch(\n          () => referenceEl.getBoundingClientRect(),\n          () => updatePopper(),\n          {\n            immediate: true,\n          }\n        )\n      } else {\n        popperInstanceRef.value = undefined\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(() => props.visible, togglePopperAlive, { immediate: true })\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\ndefineExpose({\n  /**\n   * @description popper content element\n   */\n  popperContentRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description method for updating popper\n   */\n  updatePopper,\n\n  /**\n   * @description content style\n   */\n  contentStyle,\n})\n</script>\n"],"names":["inject","POPPER_INJECTION_KEY","useZIndex","useNamespace","ref","provide","POPPER_CONTENT_INJECTION_KEY","computed","unwrapMeasurableEl","unref","buildPopperOptions","createPopper","onMounted","watch"],"mappings":"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"}