@element-plus/nightly 0.0.20220322 → 0.0.20220325

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

@@ -1,58 +1,58 @@
 declare const _default: import("vue").DefineComponent<{
     readonly style: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue").StyleValue>, unknown, unknown, unknown, unknown>;
     readonly className: import("../../../utils").BuildPropReturn<import("../../../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 effect: import("../../../utils").BuildPropReturn<StringConstructor, "dark", unknown, unknown, unknown>;
-    readonly visible: import("../../../utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
+    readonly visible: BooleanConstructor;
     readonly enterable: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly pure: import("../../../utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
+    readonly pure: BooleanConstructor;
     readonly popperClass: import("../../../utils").BuildPropReturn<import("../../../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 popperStyle: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue").StyleValue>, unknown, unknown, unknown, unknown>;
     readonly referenceEl: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement>, unknown, unknown, unknown, unknown>;
@@ -66,6 +66,81 @@ declare const _default: import("vue").DefineComponent<{
     readonly popperOptions: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Partial<import("@popperjs/core").Options>>, () => {}, unknown, unknown, unknown>;
     readonly strategy: import("../../../utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly style: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue").StyleValue>, unknown, unknown, unknown, unknown>;
+        readonly className: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown, unknown, unknown>;
+        readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "dark", unknown, unknown, unknown>;
+        readonly visible: BooleanConstructor;
+        readonly enterable: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly pure: BooleanConstructor;
+        readonly popperClass: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown, unknown, unknown>;
+        readonly popperStyle: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue").StyleValue>, unknown, unknown, unknown, unknown>;
+        readonly referenceEl: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement>, unknown, unknown, unknown, unknown>;
+        readonly stopPopperMouseEvent: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly zIndex: NumberConstructor;
+        readonly boundariesPadding: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly fallbackPlacements: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@popperjs/core").Placement[]>, () => never[], unknown, unknown, unknown>;
+        readonly gpuAcceleration: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly offset: import("../../../utils").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+        readonly placement: import("../../../utils").BuildPropReturn<StringConstructor, "bottom", unknown, import("@popperjs/core").Placement, unknown>;
+        readonly popperOptions: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Partial<import("@popperjs/core").Options>>, () => {}, unknown, unknown, unknown>;
+        readonly strategy: import("../../../utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
+    }>> & {
+        onMouseleave?: ((...args: any[]) => any) | undefined;
+        onMouseenter?: ((...args: any[]) => any) | undefined;
+    }>>;
+    popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
+    contentRef: import("vue").Ref<HTMLElement | undefined>;
+    triggerRef: import("vue").Ref<import("element-plus/es/tokens").Measurable | undefined>;
+    nextZIndex: () => number;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -80,68 +155,99 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): string;
         };
     };
-    popperContentRef: import("vue").Ref<HTMLElement | null>;
-    popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | null>;
+    popperContentRef: import("vue").Ref<HTMLElement | undefined>;
+    arrowRef: import("vue").Ref<HTMLElement | undefined>;
+    arrowOffset: import("vue").Ref<number | undefined>;
+    contentZIndex: import("vue").Ref<number>;
+    computedReference: import("vue").ComputedRef<import("element-plus/es/tokens").Measurable | undefined>;
     contentStyle: import("vue").ComputedRef<any>;
-    contentClass: import("vue").ComputedRef<(string | {
-        [x: string]: any;
-    } | undefined)[]>;
+    contentClass: import("vue").ComputedRef<((string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | (string | {
+        [x: string]: boolean;
+    } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined)[]>;
+    createPopperInstance: ({ referenceEl, popperContentEl, arrowEl }: {
+        referenceEl: any;
+        popperContentEl: any;
+        arrowEl: any;
+    }) => import("@popperjs/core").Instance;
     updatePopper: () => void;
+    togglePopperAlive: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mouseenter" | "mouseleave")[], "mouseleave" | "mouseenter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly style: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue").StyleValue>, unknown, unknown, unknown, unknown>;
     readonly className: import("../../../utils").BuildPropReturn<import("../../../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 effect: import("../../../utils").BuildPropReturn<StringConstructor, "dark", unknown, unknown, unknown>;
-    readonly visible: import("../../../utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
+    readonly visible: BooleanConstructor;
     readonly enterable: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly pure: import("../../../utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
+    readonly pure: BooleanConstructor;
     readonly popperClass: import("../../../utils").BuildPropReturn<import("../../../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 popperStyle: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue").StyleValue>, unknown, unknown, unknown, unknown>;
     readonly referenceEl: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement>, unknown, unknown, unknown, unknown>;
@@ -162,29 +268,29 @@ declare const _default: import("vue").DefineComponent<{
     effect: string;
     placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
     popperClass: 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)[])[])[])[])[])[])[])[])[])[])[];
     boundariesPadding: number;
     fallbackPlacements: import("@popperjs/core").Placement[];
@@ -193,35 +299,35 @@ declare const _default: import("vue").DefineComponent<{
     strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
     style: import("vue").StyleValue;
     className: 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)[])[])[])[])[])[])[])[])[])[])[];
-    visible: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     enterable: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    pure: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperStyle: import("vue").StyleValue;
     referenceEl: HTMLElement;
     stopPopperMouseEvent: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    visible: boolean;
+    pure: boolean;
 }>;
 export default _default;

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

@@ -0,0 +1,116 @@
+import { defineComponent, inject, ref, provide, computed, unref, onMounted, watch, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot } from 'vue';
+import { createPopper } from '@popperjs/core';
+import '../../../hooks/index.mjs';
+import '../../../tokens/index.mjs';
+import { usePopperContentProps } from './content.mjs';
+import { unwrapMeasurableEl, buildPopperOptions } from './utils.mjs';
+import { POPPER_INJECTION_KEY, POPPER_CONTENT_INJECTION_KEY } from '../../../tokens/popper.mjs';
+import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+
+const __default__ = {
+  name: "ElPopperContent"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: usePopperContentProps,
+  emits: ["mouseenter", "mouseleave"],
+  setup(__props, { expose }) {
+    const props = __props;
+    const { popperInstanceRef, contentRef, triggerRef } = inject(POPPER_INJECTION_KEY, void 0);
+    const { nextZIndex } = useZIndex();
+    const ns = useNamespace("popper");
+    const popperContentRef = ref();
+    const arrowRef = ref();
+    const arrowOffset = ref();
+    provide(POPPER_CONTENT_INJECTION_KEY, {
+      arrowRef,
+      arrowOffset
+    });
+    const contentZIndex = ref(props.zIndex || nextZIndex());
+    const computedReference = computed(() => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef));
+    const contentStyle = computed(() => [{ zIndex: unref(contentZIndex) }, props.popperStyle]);
+    const contentClass = computed(() => [
+      ns.b(),
+      ns.is("pure", props.pure),
+      ns.is(props.effect),
+      props.popperClass
+    ]);
+    const createPopperInstance = ({ referenceEl, popperContentEl, arrowEl }) => {
+      const options = buildPopperOptions(props, {
+        arrowEl,
+        arrowOffset: unref(arrowOffset)
+      });
+      return createPopper(referenceEl, popperContentEl, options);
+    };
+    const updatePopper = () => {
+      var _a;
+      (_a = unref(popperInstanceRef)) == null ? void 0 : _a.update();
+      contentZIndex.value = props.zIndex || nextZIndex();
+    };
+    const togglePopperAlive = () => {
+      var _a, _b;
+      const monitorable = { name: "eventListeners", enabled: props.visible };
+      (_b = (_a = unref(popperInstanceRef)) == null ? void 0 : _a.setOptions) == null ? void 0 : _b.call(_a, (options) => ({
+        ...options,
+        modifiers: [...options.modifiers || [], monitorable]
+      }));
+      updatePopper();
+    };
+    onMounted(() => {
+      let updateHandle;
+      watch(computedReference, (referenceEl) => {
+        var _a;
+        updateHandle == null ? void 0 : updateHandle();
+        const popperInstance = unref(popperInstanceRef);
+        (_a = popperInstance == null ? void 0 : popperInstance.destroy) == null ? void 0 : _a.call(popperInstance);
+        if (referenceEl) {
+          const popperContentEl = unref(popperContentRef);
+          contentRef.value = popperContentEl;
+          popperInstanceRef.value = createPopperInstance({
+            referenceEl,
+            popperContentEl,
+            arrowEl: unref(arrowRef)
+          });
+          updateHandle = watch(() => referenceEl.getBoundingClientRect(), () => updatePopper(), {
+            immediate: true
+          });
+        } else {
+          popperInstanceRef.value = void 0;
+        }
+      }, {
+        immediate: true
+      });
+      watch(() => props.visible, togglePopperAlive, { immediate: true });
+      watch(() => buildPopperOptions(props, {
+        arrowEl: unref(arrowRef),
+        arrowOffset: unref(arrowOffset)
+      }), (option) => {
+        var _a;
+        return (_a = popperInstanceRef.value) == null ? void 0 : _a.setOptions(option);
+      });
+    });
+    expose({
+      popperContentRef,
+      popperInstanceRef,
+      updatePopper,
+      contentStyle
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "popperContentRef",
+        ref: popperContentRef,
+        style: normalizeStyle(unref(contentStyle)),
+        class: normalizeClass(unref(contentClass)),
+        role: "tooltip",
+        onMouseenter: _cache[0] || (_cache[0] = (e) => _ctx.$emit("mouseenter", e)),
+        onMouseleave: _cache[1] || (_cache[1] = (e) => _ctx.$emit("mouseleave", e))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 38);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=content2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content2.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\" 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":[],"mappings":"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"}

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

@@ -1,5 +1,4 @@
-import type { ExtractPropTypes, StyleValue } from 'vue';
-import type { Placement, Options } from '@popperjs/core';
+import type { ExtractPropTypes } from 'vue';
 declare const effects: readonly ["light", "dark"];
 declare const triggers: readonly ["click", "contextmenu", "hover", "focus"];
 export declare const Effect: {
@@ -8,52 +7,10 @@ export declare const Effect: {
 };
 export declare type PopperEffect = typeof effects[number];
 export declare type PopperTrigger = typeof triggers[number];
-export declare type Measurable = {
-    getBoundingClientRect: () => DOMRect;
-};
-declare type ClassObjectType = Record<string, any>;
-declare type ClassType = string | ClassObjectType | ClassType[];
-export declare const usePopperArrowProps: {
-    readonly arrowOffset: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
-};
-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 usePopperProps: {
     readonly autoClose: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly cutoff: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly disabled: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, 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: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
-    readonly enterable: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly pure: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
-    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 const usePopperTriggerProps: {
-    readonly virtualRef: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Measurable>, unknown, unknown, unknown, unknown>;
-    readonly virtualTriggering: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
-};
 export declare type UsePopperProps = ExtractPropTypes<typeof usePopperProps>;
-export declare type UsePopperCoreConfigProps = ExtractPropTypes<typeof usePopperCoreConfigProps>;
 export {};