@element-plus/nightly 0.0.20220101 → 0.0.20220105

package/es/components/popper/index.mjs

@@ -1,17 +1,16 @@
-import './src/index.mjs';
-export { Effect, default as popperDefaultProps } from './src/use-popper/defaults.mjs';
-import './src/renderers/index.mjs';
-export { default as usePopper } from './src/use-popper/index.mjs';
-import script from './src/index.vue_vue_type_script_lang.mjs';
-export { default as renderPopper } from './src/renderers/popper.mjs';
-export { default as renderTrigger } from './src/renderers/trigger.mjs';
-export { default as renderArrow } from './src/renderers/arrow.mjs';
+import { withInstall } from '../../utils/with-install.mjs';
+import './src/popper2.mjs';
+import './src/arrow.mjs';
+import './src/trigger.mjs';
+import './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';
+import script from './src/popper.vue_vue_type_script_lang.mjs';
+export { default as ElPopperArrow } from './src/arrow.vue_vue_type_script_lang.mjs';
+export { default as ElPopperTrigger } from './src/trigger.vue_vue_type_script_lang.mjs';
+export { default as ElPopperContent } from './src/content.vue_vue_type_script_lang.mjs';
 
-script.install = (app) => {
-  app.component(script.name, script);
-};
-const _Popper = script;
-const ElPopper = _Popper;
+const ElPopper = withInstall(script);
 
-export { ElPopper, _Popper as default };
+export { ElPopper, ElPopper as default };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/popper/index.ts"],"sourcesContent":["import Popper from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nPopper.install = (app: App): void => {\n  app.component(Popper.name, Popper)\n}\n\nconst _Popper = Popper as SFCWithInstall<typeof Popper>\n\nexport default _Popper\nexport const ElPopper = _Popper\n\nexport {\n  default as popperDefaultProps,\n  Effect,\n} from './src/use-popper/defaults'\nexport * from './src/renderers'\nexport { default as usePopper } from './src/use-popper'\nexport type { Placement, Options } from '@popperjs/core'\nexport type { EmitType } from './src/use-popper'\nexport type {\n  TriggerType,\n  IPopperOptions,\n  PopperInstance,\n} from './src/use-popper/defaults'\n"],"names":["Popper"],"mappings":";;;;;;;;;AACAA,MAAM,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAC1B,EAAE,GAAG,CAAC,SAAS,CAACA,MAAM,CAAC,IAAI,EAAEA,MAAM,CAAC,CAAC;AACrC,CAAC,CAAC;AACG,MAAC,OAAO,GAAGA,OAAO;AAEX,MAAC,QAAQ,GAAG;;;;"}
+{"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'\n\nexport type { Placement, Options } from '@popperjs/core'\n"],"names":["Popper"],"mappings":";;;;;;;;;;;;AAKY,MAAC,QAAQ,GAAG,WAAW,CAACA,MAAM;;;;"}

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

@@ -0,0 +1,7 @@
+import script from './arrow.vue_vue_type_script_lang.mjs';
+export { default } from './arrow.vue_vue_type_script_lang.mjs';
+import { render } from './arrow.vue_vue_type_template_id_8ab40b80_lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/popper/src/arrow.vue";
+//# sourceMappingURL=arrow.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    arrowOffset: import("../../../utils/props").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<{
+    arrowOffset?: unknown;
+} & {
+    arrowOffset: number;
+} & {}>, {
+    arrowOffset: number;
+}>;
+export default _default;

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

@@ -0,0 +1,27 @@
+import { defineComponent, ref, inject, watch, onMounted, unref, onBeforeUnmount } from 'vue';
+import { usePopperArrowProps } from './popper.mjs';
+import { POPPER_CONTENT_INJECTION_KEY } from './tokens.mjs';
+
+var script = defineComponent({
+  name: "ElPopperArrow",
+  props: usePopperArrowProps,
+  setup(props) {
+    const arrowRef = ref(null);
+    const popperContentInjection = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
+    watch(() => props.arrowOffset, (val) => {
+      popperContentInjection.arrowOffset.value = val;
+    });
+    onMounted(() => {
+      popperContentInjection.arrowRef.value = unref(arrowRef);
+    });
+    onBeforeUnmount(() => {
+      popperContentInjection.arrowRef.value = null;
+    });
+    return {
+      arrowRef
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=arrow.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" class=\"el-popper__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 { 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 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      arrowRef,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AAeA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE,mBAAmB;EAC1B,MAAM,KAAK,EAAE;IACX,MAAM,QAAQ,GAAG,GAAG,CAAC;IACrB,MAAM;IACN,MAAM,MAAM,KAAK,CAAC,WAAW,EAAE,CAAC,GAAG,KAAK;MACtC,sBAAsB,CAAC,WAAW,CAAC;MACnC,CAAC;aACM,CAAC;;;IAGV;MACE,sBAAsB,CAAC;MACvB,CAAC;WACI;MACL;;;;;;;"}

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

@@ -0,0 +1,13 @@
+import { openBlock, createElementBlock } from 'vue';
+
+const _hoisted_1 = {
+  ref: "arrowRef",
+  class: "el-popper__arrow",
+  "data-popper-arrow": ""
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", _hoisted_1, null, 512);
+}
+
+export { render };
+//# sourceMappingURL=arrow.vue_vue_type_template_id_8ab40b80_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.vue_vue_type_template_id_8ab40b80_lang.mjs","sources":["../../../../../../packages/components/popper/src/arrow.vue?vue&type=template&id=8ab40b80&lang.js"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" class=\"el-popper__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 { 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 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      arrowRef,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;EACQ,KAAI;EAAW;EAAyB;;;;;;;"}

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

@@ -0,0 +1,3 @@
+export declare const POPPER_CONTAINER_ID: string;
+export declare const POPPER_CONTAINER_SELECTOR: string;
+export declare const usePopperContainer: () => void;

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

@@ -0,0 +1,22 @@
+import { onBeforeMount } from 'vue';
+import { isClient } from '@vueuse/core';
+import { generateId } from '../../../utils/util.mjs';
+
+let cachedContainer;
+const POPPER_CONTAINER_ID = `el-popper-container-${generateId()}`;
+const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`;
+const usePopperContainer = () => {
+  onBeforeMount(() => {
+    if (!isClient)
+      return;
+    if (!cachedContainer) {
+      const container = document.createElement("div");
+      container.id = POPPER_CONTAINER_ID;
+      document.body.appendChild(container);
+      cachedContainer = container;
+    }
+  });
+};
+
+export { POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, usePopperContainer };
+//# sourceMappingURL=container.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,7 @@
+import script from './content.vue_vue_type_script_lang.mjs';
+export { default } from './content.vue_vue_type_script_lang.mjs';
+import { render } from './content.vue_vue_type_template_id_611b76f0_lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/popper/src/content.vue";
+//# sourceMappingURL=content.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,299 @@
+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 | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | any)[])[])[])[])[])[])[])[])[])[])[]>, string | (() => string) | (() => {
+        [x: string]: any;
+    }) | (() => (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (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 | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | any)[])[])[])[])[])[])[])[])[])[])[]>, string | (() => string) | (() => {
+        [x: string]: any;
+    }) | (() => (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (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>;
+    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>;
+}, {
+    popperContentRef: import("vue").Ref<HTMLElement | null>;
+    popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | null>;
+    contentStyle: import("vue").ComputedRef<any>;
+    contentClass: import("vue").ComputedRef<(string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | any)[])[])[])[])[])[])[])[])[])[])[])[]>;
+    updatePopper: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mouseenter" | "mouseleave")[], "mouseenter" | "mouseleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    style?: unknown;
+    className?: unknown;
+    effect?: unknown;
+    enterable?: unknown;
+    pure?: unknown;
+    popperClass?: unknown;
+    popperStyle?: unknown;
+    referenceEl?: unknown;
+    stopPopperMouseEvent?: unknown;
+    zIndex?: unknown;
+    boundariesPadding?: unknown;
+    fallbackPlacements?: unknown;
+    gpuAcceleration?: unknown;
+    offset?: unknown;
+    placement?: unknown;
+    popperOptions?: unknown;
+    strategy?: unknown;
+} & {
+    style: import("vue").StyleValue;
+    offset: number;
+    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>;
+    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>;
+    className: string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | any)[])[])[])[])[])[])[])[])[])[])[];
+    enterable: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    pure: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    popperClass: string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | any)[])[])[])[])[])[])[])[])[])[])[];
+    popperStyle: import("vue").StyleValue;
+    referenceEl: HTMLElement;
+    stopPopperMouseEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+} & {
+    zIndex?: number | undefined;
+}> & {
+    onMouseenter?: ((...args: any[]) => any) | undefined;
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+}, {
+    style: import("vue").StyleValue;
+    offset: number;
+    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>;
+    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>;
+    className: string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | any)[])[])[])[])[])[])[])[])[])[])[];
+    enterable: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    pure: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    popperClass: string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | (string | {
+        [x: string]: any;
+    } | any)[])[])[])[])[])[])[])[])[])[])[];
+    popperStyle: import("vue").StyleValue;
+    referenceEl: HTMLElement;
+    stopPopperMouseEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+}>;
+export default _default;

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

@@ -0,0 +1,85 @@
+import { defineComponent, inject, ref, provide, computed, unref, onMounted, watch } from 'vue';
+import { createPopper } from '@popperjs/core';
+import { PopupManager } from '../../../utils/popup-manager.mjs';
+import { POPPER_INJECTION_KEY, POPPER_CONTENT_INJECTION_KEY } from './tokens.mjs';
+import { usePopperContentProps } from './popper.mjs';
+import { buildPopperOptions, unwrapMeasurableEl } from './utils.mjs';
+
+var script = defineComponent({
+  name: "ElPopperContent",
+  props: usePopperContentProps,
+  emits: ["mouseenter", "mouseleave"],
+  setup(props) {
+    const { triggerRef, popperInstanceRef, contentRef } = inject(POPPER_INJECTION_KEY, void 0);
+    const popperContentRef = ref(null);
+    const arrowRef = ref(null);
+    const arrowOffset = ref();
+    provide(POPPER_CONTENT_INJECTION_KEY, {
+      arrowRef,
+      arrowOffset
+    });
+    const contentZIndex = computed(() => props.zIndex || PopupManager.nextZIndex());
+    const contentStyle = computed(() => [{ zIndex: unref(contentZIndex) }, props.popperStyle]);
+    const contentClass = computed(() => [
+      {
+        "el-popper": true,
+        "is-pure": props.pure,
+        [`is-${props.effect}`]: !!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();
+    };
+    onMounted(() => {
+      let updateHandle;
+      watch(() => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef), (val) => {
+        var _a;
+        updateHandle == null ? void 0 : updateHandle();
+        if (val) {
+          (_a = popperInstanceRef.value) == null ? void 0 : _a.destroy();
+          const popperContentEl = unref(popperContentRef);
+          contentRef.value = popperContentEl;
+          const arrowEl = unref(arrowRef);
+          const newInstance = createPopperInstance({
+            referenceEl: val,
+            popperContentEl: unref(popperContentRef),
+            arrowEl
+          });
+          popperInstanceRef.value = newInstance;
+          updateHandle = watch(() => val.getBoundingClientRect(), () => {
+            updatePopper();
+          }, {
+            immediate: true
+          });
+        } else {
+          popperInstanceRef.value = null;
+        }
+      }, {
+        immediate: true
+      });
+    });
+    return {
+      popperContentRef,
+      popperInstanceRef,
+      contentStyle,
+      contentClass,
+      updatePopper
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=content.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/popper/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"popperContentRef\"\n    :style=\"contentStyle\"\n    :class=\"contentClass\"\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 = computed(\n      () => props.zIndex || PopupManager.nextZIndex()\n    )\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    }\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":";;;;;;;AA2BA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE,qBAAqB;EAC5B,OAAO,CAAC,YAAY,EAAE;EACtB,KAAK,MAAM,EAAE;IACX,MAAM,EAAE,UAAU,EAAE;IACpB,MAAM;IACN,MAAM,QAAQ,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;UACrB,WAAW,GAAG;WACb,CAAC;;MAEN,WAAW;KACZ,CAAC,CAAC;IACH,MAAM,gBAAgB,QAAQ,CAAC;IAC/B,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM;UAC9B;MACJ;;QAEE,SAAS,EAAE,KAAK,KAAK;SACpB,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM;;;KAGzC,CAAC,CAAC;UACG,oBAAoB,GAAG,CAAC;;;MAG5B,OAAO;;YAED,OAAO,GAAG;QACd,OAAO;QACP,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC;OAChC;MACD,OAAO;KACR;;MAEC,IAAI,EAAE,CAAC;MACP,CAAC,EAAE,GAAG,KAAK;MACX;aACO;UACH;MACJ,MAAM,MAAM,kBAAkB,CAAC,KAAK,CAAC;QACnC,IAAI,EAAE,CAAC;QACP,gBAAgB,IAAI,GAAG,KAAK,CAAC;;;UAG3B,MAAM,eAAe,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;;;UAGhD,MAAM;YACJ,WAAW,EAAE,GAAG;;;WAGjB,CAAC,CAAC;UACH,iBAAiB,CAAC,KAAK,GAAG,WAAW;UACrC;YACE,YAAY,EAAE,CAAC;WAChB;YACC,SAAS,EAAE;WACZ,EAAE;eACE;2BACY,CAAC,QAAQ,IAAI,CAAC;;;;;;;;;kBASvB;;kBAEA;;;;;;;"}

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

@@ -0,0 +1,16 @@
+import { openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "popperContentRef",
+    style: normalizeStyle(_ctx.contentStyle),
+    class: normalizeClass(_ctx.contentClass),
+    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 { render };
+//# sourceMappingURL=content.vue_vue_type_template_id_611b76f0_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.vue_vue_type_template_id_611b76f0_lang.mjs","sources":["../../../../../../packages/components/popper/src/content.vue?vue&type=template&id=611b76f0&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"popperContentRef\"\n    :style=\"contentStyle\"\n    :class=\"contentClass\"\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 = computed(\n      () => props.zIndex || PopupManager.nextZIndex()\n    )\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    }\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":";;;;;IAEI,KAAI;IACH,KAAK,iBAAE,iBAAY;IACnB,uBAAO,iBAAY;IACnB,YAAU,6BAAG,CAAC,KAAK,UAAK,eAAe,CAAC;;;;;;;;"}