@element-plus/nightly 0.0.20220103 → 0.0.20220107

package/lib/components/popper/index.js

@@ -2,27 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./src/index.js');
-var defaults = require('./src/use-popper/defaults.js');
-require('./src/renderers/index.js');
-var index = require('./src/use-popper/index.js');
-var index_vue_vue_type_script_lang = require('./src/index.vue_vue_type_script_lang.js');
-var popper = require('./src/renderers/popper.js');
-var trigger = require('./src/renderers/trigger.js');
-var arrow = require('./src/renderers/arrow.js');
+var withInstall = require('../../utils/with-install.js');
+require('./src/popper2.js');
+require('./src/arrow.js');
+require('./src/trigger.js');
+require('./src/content.js');
+var popper = require('./src/popper.js');
+var tokens = require('./src/tokens.js');
+var popper_vue_vue_type_script_lang = require('./src/popper.vue_vue_type_script_lang.js');
+var arrow_vue_vue_type_script_lang = require('./src/arrow.vue_vue_type_script_lang.js');
+var trigger_vue_vue_type_script_lang = require('./src/trigger.vue_vue_type_script_lang.js');
+var content_vue_vue_type_script_lang = require('./src/content.vue_vue_type_script_lang.js');
 
-index_vue_vue_type_script_lang["default"].install = (app) => {
-  app.component(index_vue_vue_type_script_lang["default"].name, index_vue_vue_type_script_lang["default"]);
-};
-const _Popper = index_vue_vue_type_script_lang["default"];
-const ElPopper = _Popper;
+const ElPopper = withInstall.withInstall(popper_vue_vue_type_script_lang["default"]);
 
-exports.Effect = defaults.Effect;
-exports.popperDefaultProps = defaults["default"];
-exports.usePopper = index["default"];
-exports.renderPopper = popper["default"];
-exports.renderTrigger = trigger["default"];
-exports.renderArrow = arrow["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.ElPopperArrow = arrow_vue_vue_type_script_lang["default"];
+exports.ElPopperTrigger = trigger_vue_vue_type_script_lang["default"];
+exports.ElPopperContent = content_vue_vue_type_script_lang["default"];
 exports.ElPopper = ElPopper;
-exports["default"] = _Popper;
+exports["default"] = ElPopper;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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,yCAAM,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAC1B,EAAE,GAAG,CAAC,SAAS,CAACA,yCAAM,CAAC,IAAI,EAAEA,yCAAM,CAAC,CAAC;AACrC,CAAC,CAAC;AACG,MAAC,OAAO,GAAGA,0CAAO;AAEX,MAAC,QAAQ,GAAG;;;;;;;;;;;"}
+{"version":3,"file":"index.js","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":["withInstall","Popper"],"mappings":";;;;;;;;;;;;;;;;AAKY,MAAC,QAAQ,GAAGA,uBAAW,CAACC,0CAAM;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var arrow_vue_vue_type_script_lang = require('./arrow.vue_vue_type_script_lang.js');
+var arrow_vue_vue_type_template_id_8ab40b80_lang = require('./arrow.vue_vue_type_template_id_8ab40b80_lang.js');
+
+arrow_vue_vue_type_script_lang["default"].render = arrow_vue_vue_type_template_id_8ab40b80_lang.render;
+arrow_vue_vue_type_script_lang["default"].__file = "packages/components/popper/src/arrow.vue";
+
+exports["default"] = arrow_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=arrow.js.map

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

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

package/lib/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/lib/components/popper/src/arrow.vue_vue_type_script_lang.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var popper = require('./popper.js');
+var tokens = require('./tokens.js');
+
+var script = vue.defineComponent({
+  name: "ElPopperArrow",
+  props: popper.usePopperArrowProps,
+  setup(props) {
+    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 {
+      arrowRef
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=arrow.vue_vue_type_script_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.vue_vue_type_script_lang.js","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":["defineComponent","usePopperArrowProps","ref","watch","onBeforeUnmount"],"mappings":";;;;;;;;AAeA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAEC,0BAAmB;EAC1B,MAAM,KAAK,EAAE;IACX,MAAM,QAAQ,GAAGC,OAAG,CAAC;IACrB,MAAM;IACNC,UAAM,MAAM,KAAK,CAAC,WAAW,EAAE,CAAC,GAAG,KAAK;MACtC,sBAAsB,CAAC,WAAW,CAAC;MACnC,CAAC;iBACM,CAAC;;;IAGVC;MACE,sBAAsB,CAAC;MACvB,CAAC;WACI;MACL;;;;;;;"}

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = {
+  ref: "arrowRef",
+  class: "el-popper__arrow",
+  "data-popper-arrow": ""
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("span", _hoisted_1, null, 512);
+}
+
+exports.render = render;
+//# sourceMappingURL=arrow.vue_vue_type_template_id_8ab40b80_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.vue_vue_type_template_id_8ab40b80_lang.js","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/lib/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/lib/components/popper/src/container.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var core = require('@vueuse/core');
+var util = require('../../../utils/util.js');
+
+let cachedContainer;
+const POPPER_CONTAINER_ID = `el-popper-container-${util.generateId()}`;
+const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`;
+const usePopperContainer = () => {
+  vue.onBeforeMount(() => {
+    if (!core.isClient)
+      return;
+    if (!cachedContainer) {
+      const container = document.createElement("div");
+      container.id = POPPER_CONTAINER_ID;
+      document.body.appendChild(container);
+      cachedContainer = container;
+    }
+  });
+};
+
+exports.POPPER_CONTAINER_ID = POPPER_CONTAINER_ID;
+exports.POPPER_CONTAINER_SELECTOR = POPPER_CONTAINER_SELECTOR;
+exports.usePopperContainer = usePopperContainer;
+//# sourceMappingURL=container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","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":["generateId","onBeforeMount","isClient"],"mappings":";;;;;;;;AAGA,IAAI,eAAe,CAAC;AACR,MAAC,mBAAmB,GAAG,CAAC,oBAAoB,EAAEA,eAAU,EAAE,CAAC,EAAE;AAC7D,MAAC,yBAAyB,GAAG,CAAC,CAAC,EAAE,mBAAmB,CAAC,EAAE;AACvD,MAAC,kBAAkB,GAAG,MAAM;AACxC,EAAEC,iBAAa,CAAC,MAAM;AACtB,IAAI,IAAI,CAACC,aAAQ;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/lib/components/popper/src/content.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var content_vue_vue_type_script_lang = require('./content.vue_vue_type_script_lang.js');
+var content_vue_vue_type_template_id_611b76f0_lang = require('./content.vue_vue_type_template_id_611b76f0_lang.js');
+
+content_vue_vue_type_script_lang["default"].render = content_vue_vue_type_template_id_611b76f0_lang.render;
+content_vue_vue_type_script_lang["default"].__file = "packages/components/popper/src/content.vue";
+
+exports["default"] = content_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=content.js.map

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

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

package/lib/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/lib/components/popper/src/content.vue_vue_type_script_lang.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.vue_vue_type_script_lang.js","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":["defineComponent","usePopperContentProps","ref","POPPER_CONTENT_INJECTION_KEY","computed","buildPopperOptions","unref","createPopper","watch","unwrapMeasurableEl"],"mappings":";;;;;;;;;;;AA2BA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAEC,4BAAqB;EAC5B,OAAO,CAAC,YAAY,EAAE;EACtB,KAAK,MAAM,EAAE;IACX,MAAM,EAAE,UAAU,EAAE;IACpB,MAAM;IACN,MAAM,QAAQ,GAAGC,OAAG,CAAC,IAAI,CAAC,CAAC;UACrB,WAAW,GAAGA;eACb,CAACC;;MAEN,WAAW;KACZ,CAAC,CAAC;IACH,MAAM,gBAAgBC,YAAQ,CAAC;IAC/B,MAAM,YAAY,GAAGA,YAAQ,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,GAAGC;QACd,OAAO;QACP,WAAW,EAAEC,SAAK,CAAC,WAAW,CAAC;OAChC;MACD,OAAOC;KACR;;MAEC,IAAI,EAAE,CAAC;MACP,CAAC,EAAE,GAAGD,SAAK;MACX;iBACO;UACH;MACJE,UAAM,MAAMC,wBAAkB,CAAC,KAAK,CAAC;QACnC,IAAI,EAAE,CAAC;QACP,gBAAgB,IAAI,GAAG,KAAK,CAAC;;;UAG3B,MAAM,eAAe,GAAGH,SAAK,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/lib/components/popper/src/content.vue_vue_type_template_id_611b76f0_lang.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+function 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),
+    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);
+}
+
+exports.render = render;
+//# sourceMappingURL=content.vue_vue_type_template_id_611b76f0_lang.js.map