@element-plus/nightly 0.0.20220321 → 0.0.20220324

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

@@ -1,6 +1,5 @@
-import { placements } from '@popperjs/core';
 import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import { buildProps } from '../../../utils/vue/props.mjs';
 
 const effects = ["light", "dark"];
 const triggers = ["click", "contextmenu", "hover", "focus"];
@@ -8,44 +7,6 @@ const Effect = {
   LIGHT: "light",
   DARK: "dark"
 };
-const usePopperArrowProps = buildProps({
-  arrowOffset: {
-    type: Number,
-    default: 5
-  }
-});
-const usePopperCoreConfigProps = buildProps({
-  boundariesPadding: {
-    type: Number,
-    default: 0
-  },
-  fallbackPlacements: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  gpuAcceleration: {
-    type: Boolean,
-    default: true
-  },
-  offset: {
-    type: Number,
-    default: 12
-  },
-  placement: {
-    type: String,
-    values: placements,
-    default: "bottom"
-  },
-  popperOptions: {
-    type: definePropType(Object),
-    default: () => ({})
-  },
-  strategy: {
-    type: String,
-    values: ["fixed", "absolute"],
-    default: "absolute"
-  }
-});
 const usePopperProps = buildProps({
   autoClose: {
     type: Number,
@@ -60,47 +21,6 @@ const usePopperProps = buildProps({
     default: false
   }
 });
-const usePopperContentProps = buildProps({
-  ...usePopperCoreConfigProps,
-  style: { type: definePropType([String, Array, Object]) },
-  className: { type: definePropType([String, Array, Object]) },
-  effect: {
-    type: String,
-    default: "dark"
-  },
-  visible: {
-    type: Boolean
-  },
-  enterable: {
-    type: Boolean,
-    default: true
-  },
-  pure: {
-    type: Boolean
-  },
-  popperClass: {
-    type: definePropType([String, Array, Object])
-  },
-  popperStyle: {
-    type: definePropType([String, Array, Object])
-  },
-  referenceEl: {
-    type: definePropType(Object)
-  },
-  stopPopperMouseEvent: {
-    type: Boolean,
-    default: true
-  },
-  zIndex: Number
-});
-const usePopperTriggerProps = buildProps({
-  virtualRef: {
-    type: definePropType(Object)
-  },
-  virtualTriggering: {
-    type: Boolean
-  }
-});
 
-export { Effect, usePopperArrowProps, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps };
+export { Effect, usePopperProps };
 //# sourceMappingURL=popper.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"popper.mjs","sources":["../../../../../../packages/components/popper/src/popper.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type { Placement, Options } from '@popperjs/core'\n\nconst effects = ['light', 'dark'] as const\nconst triggers = ['click', 'contextmenu', 'hover', 'focus'] as const\n\nexport const Effect = {\n  LIGHT: 'light',\n  DARK: 'dark',\n}\n\nexport type PopperEffect = typeof effects[number]\nexport type PopperTrigger = typeof triggers[number]\nexport type Measurable = {\n  getBoundingClientRect: () => DOMRect\n}\n\ntype ClassObjectType = Record<string, any>\ntype ClassType = string | ClassObjectType | ClassType[]\n\nexport const usePopperArrowProps = buildProps({\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n} as const)\n\nexport const usePopperCoreConfigProps = buildProps({\n  boundariesPadding: {\n    type: Number,\n    default: 0,\n  },\n  fallbackPlacements: {\n    type: definePropType<Placement[]>(Array),\n    default: () => [],\n  },\n  gpuAcceleration: {\n    type: Boolean,\n    default: true,\n  },\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  placement: {\n    type: String,\n    values: placements,\n    default: 'bottom',\n  },\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}),\n  },\n  strategy: {\n    type: String,\n    values: ['fixed', 'absolute'] as const,\n    default: 'absolute',\n  },\n} as const)\n\nexport const usePopperProps = buildProps({\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  cutoff: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport const usePopperContentProps = buildProps({\n  ...usePopperCoreConfigProps,\n  style: { type: definePropType<StyleValue>([String, Array, Object]) },\n  className: { type: definePropType<ClassType>([String, Array, Object]) },\n  effect: {\n    type: String,\n    default: 'dark',\n  },\n  visible: {\n    type: Boolean,\n  },\n  enterable: {\n    type: Boolean,\n    default: true,\n  },\n  pure: {\n    type: Boolean,\n  },\n  popperClass: {\n    type: definePropType<ClassType>([String, Array, Object]),\n  },\n  popperStyle: {\n    type: definePropType<StyleValue>([String, Array, Object]),\n  },\n  referenceEl: {\n    type: definePropType<HTMLElement>(Object),\n  },\n  stopPopperMouseEvent: {\n    type: Boolean,\n    default: true,\n  },\n  zIndex: Number,\n} as const)\n\nexport const usePopperTriggerProps = buildProps({\n  virtualRef: {\n    type: definePropType<Measurable>(Object),\n  },\n  virtualTriggering: {\n    type: Boolean,\n  },\n} as const)\n\nexport type UsePopperProps = ExtractPropTypes<typeof usePopperProps>\nexport type UsePopperCoreConfigProps = ExtractPropTypes<\n  typeof usePopperCoreConfigProps\n>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"popper.mjs","sources":["../../../../../../packages/components/popper/src/popper.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst effects = ['light', 'dark'] as const\nconst triggers = ['click', 'contextmenu', 'hover', 'focus'] as const\n\nexport const Effect = {\n  LIGHT: 'light',\n  DARK: 'dark',\n}\n\nexport type PopperEffect = typeof effects[number]\nexport type PopperTrigger = typeof triggers[number]\n\nexport const usePopperProps = buildProps({\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  cutoff: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport type UsePopperProps = ExtractPropTypes<typeof usePopperProps>\n"],"names":[],"mappings":";;;AACA,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAClC,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAChD,MAAC,MAAM,GAAG;AACtB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE;AACU,MAAC,cAAc,GAAG,UAAU,CAAC;AACzC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}

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

@@ -1,3 +1,10 @@
-import type { ElPopperInjectionContext } from './tokens';
-declare const _default: import("vue").DefineComponent<{}, ElPopperInjectionContext, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+import type { Instance as PopperInstance } from '@popperjs/core';
+import type { ElPopperInjectionContext } from 'element-plus/es/tokens';
+declare const _default: import("vue").DefineComponent<{}, {
+    triggerRef: import("vue").Ref<HTMLElement | undefined>;
+    popperInstanceRef: import("vue").Ref<PopperInstance | undefined>;
+    contentRef: import("vue").Ref<HTMLElement | undefined>;
+    referenceRef: import("vue").Ref<HTMLElement | undefined>;
+    popperProvides: ElPopperInjectionContext;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -1,24 +1,31 @@
 import { defineComponent, ref, provide, renderSlot } from 'vue';
-import { POPPER_INJECTION_KEY } from './tokens.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import '../../../tokens/index.mjs';
+import { POPPER_INJECTION_KEY } from '../../../tokens/popper.mjs';
 
-const _sfc_main = defineComponent({
-  name: "ElPopperProvider",
-  inheritAttrs: false,
-  setup() {
+const __default__ = {
+  name: "ElPopperRoot",
+  inheritAttrs: false
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props, { expose }) {
+    const triggerRef = ref();
+    const popperInstanceRef = ref();
+    const contentRef = ref();
+    const referenceRef = ref();
     const popperProvides = {
-      triggerRef: ref(null),
-      popperInstanceRef: ref(null),
-      contentRef: ref(null)
+      triggerRef,
+      popperInstanceRef,
+      contentRef,
+      referenceRef
     };
+    expose(popperProvides);
     provide(POPPER_INJECTION_KEY, popperProvides);
-    return popperProvides;
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
-export { Popper as default };
+export { _sfc_main as default };
 //# sourceMappingURL=popper2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"popper2.mjs","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from './tokens'\n\nimport type { ElPopperInjectionContext } from './tokens'\n\nexport default defineComponent({\n  name: 'ElPopperProvider',\n  inheritAttrs: false,\n  setup() {\n    const popperProvides = {\n      triggerRef: ref<HTMLElement | null>(null),\n      popperInstanceRef: ref(null),\n      contentRef: ref(null),\n    } as ElPopperInjectionContext\n\n    provide(POPPER_INJECTION_KEY, popperProvides)\n\n    return popperProvides\n  },\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;;AAUA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,kBAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAAA,EACd,KAAQ,GAAA;AACN,IAAA,MAAM,cAAiB,GAAA;AAAA,MACrB,YAAY,GAAwB,CAAA,IAAA,CAAA;AAAA,MACpC,mBAAmB,GAAI,CAAA,IAAA,CAAA;AAAA,MACvB,YAAY,GAAI,CAAA,IAAA,CAAA;AAAA,KAAA,CAAA;AAGlB,IAAA,OAAA,CAAQ,oBAAsB,EAAA,cAAA,CAAA,CAAA;AAE9B,IAAO,OAAA,cAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;SArBTA,UAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;AAAA,CAAA;;;;;"}
+{"version":3,"file":"popper2.mjs","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport { provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from '@element-plus/tokens'\n\nimport type { Instance as PopperInstance } from '@popperjs/core'\nimport type { ElPopperInjectionContext } from '@element-plus/tokens'\n\ndefineOptions({\n  name: 'ElPopperRoot',\n  inheritAttrs: false,\n})\n\nconst triggerRef = ref<HTMLElement>()\nconst popperInstanceRef = ref<PopperInstance>()\nconst contentRef = ref<HTMLElement>()\nconst referenceRef = ref<HTMLElement>()\n\nconst popperProvides = {\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description popper content element\n   */\n  contentRef,\n  /**\n   * @description popper reference element\n   */\n  referenceRef,\n} as ElPopperInjectionContext\n\ndefineExpose(popperProvides)\n\nprovide(POPPER_INJECTION_KEY, popperProvides)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;AAgBA,IAAA,MAAA,UAAA,GAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,iBAAA,GAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,UAAA,GAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAA,GAAA,GAAA,EAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA;AAAA,MAIA,UAAA;AAAA,MAIA,iBAAA;AAAA,MAIA,UAAA;AAAA,MAIA,YAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,CAAA,cAAA,CAAA,CAAA;AAEA,IAAA,OAAA,CAAA,oBAAA,EAAA,cAAA,CAAA,CAAA;;;;;;;;;"}

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

@@ -0,0 +1,15 @@
+import type { Measurable } from 'element-plus/es/tokens';
+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: BooleanConstructor;
+    readonly onMouseenter: FunctionConstructor;
+    readonly onMouseleave: FunctionConstructor;
+    readonly onClick: FunctionConstructor;
+    readonly onKeydown: FunctionConstructor;
+    readonly onFocus: FunctionConstructor;
+    readonly onBlur: FunctionConstructor;
+    readonly onContextmenu: FunctionConstructor;
+    readonly id: StringConstructor;
+    readonly open: BooleanConstructor;
+};
+export declare type PopperTriggerProps = typeof usePopperTriggerProps;

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

@@ -1,83 +1,21 @@
-import { defineComponent, inject, onMounted, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createCommentVNode } from 'vue';
-import '../../slot/index.mjs';
-import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
-import { usePopperTriggerProps } from './popper.mjs';
-import { POPPER_INJECTION_KEY } from './tokens.mjs';
-import { unwrapMeasurableEl } from './utils.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { OnlyChild } from '../../slot/src/only-child.mjs';
-import { useForwardRef } from '../../../hooks/use-forward-ref/index.mjs';
-import { isElement } from '../../../utils/types.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 
-const _sfc_main = defineComponent({
-  name: "ElPopperTrigger",
-  components: { ElOnlyChild: OnlyChild },
-  inheritAttrs: false,
-  props: {
-    ...usePopperTriggerProps,
-    onMouseenter: Function,
-    onMouseleave: Function,
-    onClick: Function,
-    onKeydown: Function,
-    onFocus: Function,
-    onBlur: Function,
-    onContextmenu: Function,
-    id: String,
-    open: Boolean
+const usePopperTriggerProps = buildProps({
+  virtualRef: {
+    type: definePropType(Object)
   },
-  setup(props) {
-    const { triggerRef } = inject(POPPER_INJECTION_KEY, void 0);
-    useForwardRef(triggerRef);
-    onMounted(() => {
-      watch(() => props.virtualRef, (val) => {
-        if (val) {
-          triggerRef.value = unwrapMeasurableEl(val);
-        }
-      }, {
-        immediate: true
-      });
-      watch(() => triggerRef.value, (el, prevEl) => {
-        if (isElement(el)) {
-          ;
-          [
-            "onMouseenter",
-            "onMouseleave",
-            "onClick",
-            "onKeydown",
-            "onFocus",
-            "onBlur",
-            "onContextmenu"
-          ].forEach((eventName) => {
-            const handler = props[eventName];
-            if (handler) {
-              ;
-              el.addEventListener(eventName.slice(2).toLowerCase(), handler);
-              prevEl == null ? void 0 : prevEl.removeEventListener(eventName.slice(2).toLowerCase(), handler);
-            }
-          });
-        }
-      }, {
-        immediate: true
-      });
-    });
-    return {
-      triggerRef
-    };
-  }
+  virtualTriggering: Boolean,
+  onMouseenter: Function,
+  onMouseleave: Function,
+  onClick: Function,
+  onKeydown: Function,
+  onFocus: Function,
+  onBlur: Function,
+  onContextmenu: Function,
+  id: String,
+  open: Boolean
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_only_child = resolveComponent("el-only-child");
-  return !_ctx.virtualTriggering ? (openBlock(), createBlock(_component_el_only_child, mergeProps({ key: 0 }, _ctx.$attrs, {
-    "aria-describedby": _ctx.open ? _ctx.id : void 0
-  }), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 16, ["aria-describedby"])) : createCommentVNode("v-if", true);
-}
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
-export { ElPopperTrigger as default };
+export { usePopperTriggerProps };
 //# sourceMappingURL=trigger.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-describedby=\"open ? id : undefined\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, onMounted, watch } from 'vue'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { isElement } from '@element-plus/utils'\nimport { usePopperTriggerProps } from './popper'\nimport { POPPER_INJECTION_KEY } from './tokens'\nimport { unwrapMeasurableEl } from './utils'\n\nexport default defineComponent({\n  name: 'ElPopperTrigger',\n  components: { ElOnlyChild },\n  inheritAttrs: false,\n  props: {\n    ...usePopperTriggerProps,\n    onMouseenter: Function,\n    onMouseleave: Function,\n    onClick: Function,\n    onKeydown: Function,\n    onFocus: Function,\n    onBlur: Function,\n    onContextmenu: Function,\n    id: String,\n    open: Boolean,\n  },\n  setup(props) {\n    const { triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n    useForwardRef(triggerRef)\n\n    onMounted(() => {\n      watch(\n        () => props.virtualRef,\n        (val) => {\n          if (val) {\n            triggerRef.value = unwrapMeasurableEl(val)\n          }\n        },\n        {\n          immediate: true,\n        }\n      )\n\n      watch(\n        () => triggerRef.value,\n        (el, prevEl) => {\n          if (isElement(el)) {\n            ;[\n              'onMouseenter',\n              'onMouseleave',\n              'onClick',\n              'onKeydown',\n              'onFocus',\n              'onBlur',\n              'onContextmenu',\n            ].forEach((eventName) => {\n              const handler = props[eventName]\n              if (handler) {\n                ;(el as HTMLElement).addEventListener(\n                  eventName.slice(2).toLowerCase(),\n                  handler\n                )\n                ;(prevEl as HTMLElement)?.removeEventListener(\n                  eventName.slice(2).toLowerCase(),\n                  handler\n                )\n              }\n            })\n          }\n        },\n        {\n          immediate: true,\n        }\n      )\n    })\n\n    return {\n      triggerRef,\n    }\n  },\n})\n</script>\n"],"names":["ElOnlyChild","_openBlock","_createBlock","_mergeProps","_renderSlot"],"mappings":";;;;;;;;;;;;AAmBA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,iBAAA;AAAA,EACN,YAAY,eAAEA,SAAA,EAAA;AAAA,EACd,YAAc,EAAA,KAAA;AAAA,EACd,KAAO,EAAA;AAAA,IACF,GAAA,qBAAA;AAAA,IACH,YAAc,EAAA,QAAA;AAAA,IACd,YAAc,EAAA,QAAA;AAAA,IACd,OAAS,EAAA,QAAA;AAAA,IACT,SAAW,EAAA,QAAA;AAAA,IACX,OAAS,EAAA,QAAA;AAAA,IACT,MAAQ,EAAA,QAAA;AAAA,IACR,aAAe,EAAA,QAAA;AAAA,IACf,EAAI,EAAA,MAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,GAAA;AAAA,EAER,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAE,UAAe,EAAA,GAAA,MAAA,CAAO,oBAAsB,EAAA,KAAA,CAAA,CAAA,CAAA;AACpD,IAAc,aAAA,CAAA,UAAA,CAAA,CAAA;AAEd,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,KAAA,CACE,MAAM,KAAA,CAAM,UACZ,EAAA,CAAC,GAAQ,KAAA;AACP,QAAA,IAAI,GAAK,EAAA;AACP,UAAA,UAAA,CAAW,QAAQ,kBAAmB,CAAA,GAAA,CAAA,CAAA;AAAA,SAAA;AAAA,OAG1C,EAAA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OAAA,CAAA,CAAA;AAIf,MAAA,KAAA,CACE,MAAM,UAAA,CAAW,KACjB,EAAA,CAAC,IAAI,MAAW,KAAA;AACd,QAAA,IAAI,UAAU,EAAK,CAAA,EAAA;AACjB,UAAA,CAAA;AAAC,UAAA;AAAA,YACC,cAAA;AAAA,YACA,cAAA;AAAA,YACA,SAAA;AAAA,YACA,WAAA;AAAA,YACA,SAAA;AAAA,YACA,QAAA;AAAA,YACA,eAAA;AAAA,WACA,CAAA,OAAA,CAAQ,CAAC,SAAc,KAAA;AACvB,YAAA,MAAM,UAAU,KAAM,CAAA,SAAA,CAAA,CAAA;AACtB,YAAA,IAAI,OAAS,EAAA;AACX,cAAA,CAAA;AAAC,cAAC,EAAmB,CAAA,gBAAA,CACnB,SAAU,CAAA,KAAA,CAAM,GAAG,WACnB,EAAA,EAAA,OAAA,CAAA,CAAA;AAED,cAAC,MAAwB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MACd,CAAA,mBACV,CAAA,SAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,WAAA,EAAA,EAAA,OAAA,CAAA,CAAA;AAAA,aAAA;AAAA,WAAA,CAAA,CAAA;AAAA,SAAA;AAAA,OAMV,EAAA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAKjB,IAAO,OAAA;AAAA,MACL,UAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;;AApFK,EAAA,OAAA,CAAA,IAAA,CAAA,iBAAA,IAAAC,SAAA,EAAA,EADTC,WAMgB,CAAA,wBAAA,EANhBC,UAMgB,CAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAJN,IAAM,CAAA,MAAA,EAAA;AAAA,IACb,kBAAA,EAAkB,YAAO,IAAK,CAAA,EAAA,GAAA,KAAA,CAAA;AAAA,GAAA,CAAA,EAAA;qBAE/B,MAAQ;AAAA,MAARC,UAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,KAAA,CAAA;AAAA,IAAA,CAAA,EAAA,CAAA;;;;;;;"}
+{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/popper/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { Measurable } from '@element-plus/tokens'\n\nexport const usePopperTriggerProps = buildProps({\n  virtualRef: {\n    type: definePropType<Measurable>(Object),\n  },\n  virtualTriggering: Boolean,\n  onMouseenter: Function,\n  onMouseleave: Function,\n  onClick: Function,\n  onKeydown: Function,\n  onFocus: Function,\n  onBlur: Function,\n  onContextmenu: Function,\n  id: String,\n  open: Boolean,\n} as const)\n\nexport type PopperTriggerProps = typeof usePopperTriggerProps\n"],"names":[],"mappings":";;;AACY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,YAAY,EAAE,QAAQ;AACxB,EAAE,YAAY,EAAE,QAAQ;AACxB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,SAAS,EAAE,QAAQ;AACrB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,aAAa,EAAE,QAAQ;AACzB,EAAE,EAAE,EAAE,MAAM;AACZ,EAAE,IAAI,EAAE,OAAO;AACf,CAAC;;;;"}

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

@@ -1,32 +1,50 @@
 declare const _default: import("vue").DefineComponent<{
-    onMouseenter: FunctionConstructor;
-    onMouseleave: FunctionConstructor;
-    onClick: FunctionConstructor;
-    onKeydown: FunctionConstructor;
-    onFocus: FunctionConstructor;
-    onBlur: FunctionConstructor;
-    onContextmenu: FunctionConstructor;
-    id: StringConstructor;
-    open: BooleanConstructor;
-    virtualRef: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./popper").Measurable>, unknown, unknown, unknown, unknown>;
-    virtualTriggering: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
+    readonly virtualRef: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/tokens").Measurable>, unknown, unknown, unknown, unknown>;
+    readonly virtualTriggering: BooleanConstructor;
+    readonly onMouseenter: FunctionConstructor;
+    readonly onMouseleave: FunctionConstructor;
+    readonly onClick: FunctionConstructor;
+    readonly onKeydown: FunctionConstructor;
+    readonly onFocus: FunctionConstructor;
+    readonly onBlur: FunctionConstructor;
+    readonly onContextmenu: FunctionConstructor;
+    readonly id: StringConstructor;
+    readonly open: BooleanConstructor;
 }, {
-    triggerRef: import("vue").Ref<import("./popper").Measurable | null>;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly virtualRef: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/tokens").Measurable>, unknown, unknown, unknown, unknown>;
+        readonly virtualTriggering: BooleanConstructor;
+        readonly onMouseenter: FunctionConstructor;
+        readonly onMouseleave: FunctionConstructor;
+        readonly onClick: FunctionConstructor;
+        readonly onKeydown: FunctionConstructor;
+        readonly onFocus: FunctionConstructor;
+        readonly onBlur: FunctionConstructor;
+        readonly onContextmenu: FunctionConstructor;
+        readonly id: StringConstructor;
+        readonly open: BooleanConstructor;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    triggerRef: import("vue").Ref<import("element-plus/es/tokens").Measurable | undefined>;
+    ElOnlyChild: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    onMouseenter: FunctionConstructor;
-    onMouseleave: FunctionConstructor;
-    onClick: FunctionConstructor;
-    onKeydown: FunctionConstructor;
-    onFocus: FunctionConstructor;
-    onBlur: FunctionConstructor;
-    onContextmenu: FunctionConstructor;
-    id: StringConstructor;
-    open: BooleanConstructor;
-    virtualRef: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./popper").Measurable>, unknown, unknown, unknown, unknown>;
-    virtualTriggering: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
+    readonly virtualRef: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/tokens").Measurable>, unknown, unknown, unknown, unknown>;
+    readonly virtualTriggering: BooleanConstructor;
+    readonly onMouseenter: FunctionConstructor;
+    readonly onMouseleave: FunctionConstructor;
+    readonly onClick: FunctionConstructor;
+    readonly onKeydown: FunctionConstructor;
+    readonly onFocus: FunctionConstructor;
+    readonly onBlur: FunctionConstructor;
+    readonly onContextmenu: FunctionConstructor;
+    readonly id: StringConstructor;
+    readonly open: BooleanConstructor;
 }>>, {
     open: boolean;
-    virtualRef: import("./popper").Measurable;
-    virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    virtualRef: import("element-plus/es/tokens").Measurable;
+    virtualTriggering: boolean;
 }>;
 export default _default;

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

@@ -0,0 +1,74 @@
+import { defineComponent, inject, onMounted, watch, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode } from 'vue';
+import { unrefElement } from '@vueuse/core';
+import '../../slot/index.mjs';
+import '../../../hooks/index.mjs';
+import '../../../tokens/index.mjs';
+import '../../../utils/index.mjs';
+import { usePopperTriggerProps } from './trigger.mjs';
+import { POPPER_INJECTION_KEY } from '../../../tokens/popper.mjs';
+import { useForwardRef } from '../../../hooks/use-forward-ref/index.mjs';
+import { isElement } from '../../../utils/types.mjs';
+import { OnlyChild } from '../../slot/src/only-child.mjs';
+
+const __default__ = {
+  name: "ElPopperTrigger",
+  inheritAttrs: false
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: usePopperTriggerProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const { triggerRef } = inject(POPPER_INJECTION_KEY, void 0);
+    useForwardRef(triggerRef);
+    onMounted(() => {
+      watch(() => props.virtualRef, (virtualEl) => {
+        if (virtualEl) {
+          triggerRef.value = unrefElement(virtualEl);
+        }
+      }, {
+        immediate: true
+      });
+      watch(() => triggerRef.value, (el, prevEl) => {
+        if (isElement(el)) {
+          ;
+          [
+            "onMouseenter",
+            "onMouseleave",
+            "onClick",
+            "onKeydown",
+            "onFocus",
+            "onBlur",
+            "onContextmenu"
+          ].forEach((eventName) => {
+            var _a;
+            const handler = props[eventName];
+            if (handler) {
+              ;
+              el.addEventListener(eventName.slice(2).toLowerCase(), handler);
+              (_a = prevEl == null ? void 0 : prevEl.removeEventListener) == null ? void 0 : _a.call(prevEl, eventName.slice(2).toLowerCase(), handler);
+            }
+          });
+        }
+      }, {
+        immediate: true
+      });
+    });
+    expose({
+      triggerRef
+    });
+    return (_ctx, _cache) => {
+      return !_ctx.virtualTriggering ? (openBlock(), createBlock(unref(OnlyChild), mergeProps({ key: 0 }, _ctx.$attrs, {
+        "aria-describedby": _ctx.open ? _ctx.id : void 0
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["aria-describedby"])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=trigger2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trigger2.mjs","sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-describedby=\"open ? id : undefined\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onMounted, watch } from 'vue'\nimport { unrefElement } from '@vueuse/core'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { POPPER_INJECTION_KEY } from '@element-plus/tokens'\nimport { isElement } from '@element-plus/utils'\nimport { usePopperTriggerProps } from './trigger'\n\ndefineOptions({\n  name: 'ElPopperTrigger',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(usePopperTriggerProps)\n\nconst { triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n\nuseForwardRef(triggerRef)\n\nonMounted(() => {\n  watch(\n    () => props.virtualRef,\n    (virtualEl) => {\n      if (virtualEl) {\n        triggerRef.value = unrefElement(virtualEl as HTMLElement)\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    () => triggerRef.value,\n    (el, prevEl) => {\n      if (isElement(el)) {\n        ;[\n          'onMouseenter',\n          'onMouseleave',\n          'onClick',\n          'onKeydown',\n          'onFocus',\n          'onBlur',\n          'onContextmenu',\n        ].forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            ;(el as HTMLElement).addEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler\n            )\n            ;(prevEl as HTMLElement)?.removeEventListener?.(\n              eventName.slice(2).toLowerCase(),\n              handler\n            )\n          }\n        })\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,MAAA,EAAA,UAAA,EAAA,GAAA,MAAA,CAAA,oBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEA,IAAA,aAAA,CAAA,UAAA,CAAA,CAAA;AAEA,IAAA,SAAA,CAAA,MAAA;AACA,MAAA,KAAA,CACA,MAAA,KAAA,CAAA,UACA,EAAA,CAAA,SAAA,KAAA;AACA,QAAA,IAAA,SAAA,EAAA;AACA,UAAA,UAAA,CAAA,QAAA,YAAA,CAAA,SAAA,CAAA,CAAA;AAAA,SAAA;AAAA,OAGA,EAAA;AAAA,QACA,SAAA,EAAA,IAAA;AAAA,OAAA,CAAA,CAAA;AAIA,MAAA,KAAA,CACA,MAAA,UAAA,CAAA,KACA,EAAA,CAAA,IAAA,MAAA,KAAA;AACA,QAAA,IAAA,UAAA,EAAA,CAAA,EAAA;AACA,UAAA,CAAA;AAAA,UAAA;AAAA,YACA,cAAA;AAAA,YACA,cAAA;AAAA,YACA,SAAA;AAAA,YACA,WAAA;AAAA,YACA,SAAA;AAAA,YACA,QAAA;AAAA,YACA,eAAA;AAAA,WACA,CAAA,OAAA,CAAA,CAAA,SAAA,KAAA;AACA,YAAA,IAAA,EAAA;AACA,YAAA,MAAA,OAAA,GAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AACA,YAAA,IAAA,OAAA,EAAA;AAAA,cAAA,CAAA;AAIA,cAAA,EAAA,CAAA,gBAAA,CAAA,SAAA,CACA,KAAA,CAAA,CAAA,CAAA,CAAA,WACA,EAAA,EAAA,OAAA,CAAA,CAAA;AAAA,cAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,mBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,WAAA,EAAA,EAAA,OAAA,CAAA,CAAA;AAAA,aAAA;AAAA,WAAA,CAAA,CAAA;AAAA,SAMA;AAAA,OAAA,EACA;AAAA,QAAA,SAAA,EAAA,IAAA;AAAA,OAAA,CAAA,CAAA;AAKA,KAAA,CAAA,CAAA;AAAA,IAIA,MAAA,CAAA;AAAA,MAAA,UAAA;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,9 @@
 import type { ComponentPublicInstance } from 'vue';
-import type { UsePopperCoreConfigProps, Measurable } from './popper';
+import type { MaybeRef } from '@vueuse/core';
+import type { Measurable } from 'element-plus/es/tokens';
+import type { UsePopperCoreConfigProps } from './content';
 declare type ArrowProps = {
-    arrowEl: HTMLElement | null;
+    arrowEl: HTMLElement | undefined;
     arrowOffset: number | undefined;
 };
 export declare const buildPopperOptions: (props: UsePopperCoreConfigProps, arrowProps: ArrowProps) => {
@@ -40,8 +42,8 @@ export declare const buildPopperOptions: (props: UsePopperCoreConfigProps, arrow
     } | {
         name: string;
         options: {
-            gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            adaptive: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            gpuAcceleration: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            adaptive: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             offset?: undefined;
             padding?: undefined;
             fallbackPlacements?: undefined;
@@ -51,5 +53,5 @@ export declare const buildPopperOptions: (props: UsePopperCoreConfigProps, arrow
     strategy: "fixed" | "absolute";
     onFirstUpdate?: ((arg0: Partial<import("@popperjs/core").State>) => void) | undefined;
 };
-export declare const unwrapMeasurableEl: ($el: Measurable | null | ComponentPublicInstance) => HTMLElement | null;
+export declare const unwrapMeasurableEl: ($el: MaybeRef<Measurable | undefined | ComponentPublicInstance>) => HTMLElement | undefined;
 export {};

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

@@ -1,6 +1,4 @@
-import { isClient } from '@vueuse/core';
-import '../../../utils/index.mjs';
-import { isElement } from '../../../utils/types.mjs';
+import { isClient, unrefElement } from '@vueuse/core';
 
 const buildPopperOptions = (props, arrowProps) => {
   const { placement, strategy, popperOptions } = props;
@@ -16,16 +14,8 @@ const buildPopperOptions = (props, arrowProps) => {
 };
 const unwrapMeasurableEl = ($el) => {
   if (!isClient)
-    return null;
-  let el = null;
-  if (!$el)
-    return null;
-  if ("getBoundingClientRect" in $el || isElement($el)) {
-    el = $el;
-  } else {
-    el = $el.$el;
-  }
-  return el;
+    return;
+  return unrefElement($el);
 };
 function genModifiers(options) {
   const { offset, gpuAcceleration, fallbackPlacements } = options;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../../../packages/components/popper/src/utils.ts"],"sourcesContent":["import { isClient } from '@vueuse/core'\nimport { isElement } from '@element-plus/utils'\n\nimport type { ComponentPublicInstance } from 'vue'\nimport type { UsePopperCoreConfigProps, Measurable } from './popper'\n\ntype ArrowProps = {\n  arrowEl: HTMLElement | null\n  arrowOffset: number | undefined\n}\n\nexport const buildPopperOptions = (\n  props: UsePopperCoreConfigProps,\n  arrowProps: ArrowProps\n) => {\n  const { placement, strategy, popperOptions } = props\n  const options = {\n    placement,\n    strategy,\n    ...popperOptions,\n    modifiers: genModifiers(props),\n  }\n\n  attachArrow(options, arrowProps)\n  deriveExtraModifiers(options, popperOptions?.modifiers)\n  return options\n}\n\nexport const unwrapMeasurableEl = (\n  $el: Measurable | null | ComponentPublicInstance\n) => {\n  if (!isClient) return null\n  let el: HTMLElement | null = null\n  if (!$el) return null\n\n  if ('getBoundingClientRect' in $el || isElement($el)) {\n    el = $el as HTMLElement\n  } else {\n    // refs can be Vue component\n    el = ($el as any as ComponentPublicInstance).$el\n  }\n  return el\n}\n\nfunction genModifiers(options: UsePopperCoreConfigProps) {\n  const { offset, gpuAcceleration, fallbackPlacements } = options\n  return [\n    {\n      name: 'offset',\n      options: {\n        offset: [0, offset ?? 12],\n      },\n    },\n    {\n      name: 'preventOverflow',\n      options: {\n        padding: {\n          top: 2,\n          bottom: 2,\n          left: 5,\n          right: 5,\n        },\n      },\n    },\n    {\n      name: 'flip',\n      options: {\n        padding: 5,\n        fallbackPlacements: fallbackPlacements ?? [],\n      },\n    },\n    {\n      name: 'computeStyles',\n      options: {\n        gpuAcceleration,\n        adaptive: gpuAcceleration,\n      },\n    },\n  ]\n}\n\nfunction attachArrow(options: any, { arrowEl, arrowOffset }: ArrowProps) {\n  options.modifiers.push({\n    name: 'arrow',\n    options: {\n      element: arrowEl,\n      padding: arrowOffset ?? 5,\n    },\n  } as any)\n}\n\nfunction deriveExtraModifiers(\n  options: any,\n  modifiers: UsePopperCoreConfigProps['popperOptions']['modifiers']\n) {\n  if (modifiers) {\n    options.modifiers = [...options.modifiers, ...(modifiers ?? [])]\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.mjs","sources":["../../../../../../packages/components/popper/src/utils.ts"],"sourcesContent":["import { isClient, unrefElement } from '@vueuse/core'\n\nimport type { ComponentPublicInstance } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\nimport type { Measurable } from '@element-plus/tokens'\nimport type { UsePopperCoreConfigProps } from './content'\n\ntype ArrowProps = {\n  arrowEl: HTMLElement | undefined\n  arrowOffset: number | undefined\n}\n\nexport const buildPopperOptions = (\n  props: UsePopperCoreConfigProps,\n  arrowProps: ArrowProps\n) => {\n  const { placement, strategy, popperOptions } = props\n  const options = {\n    placement,\n    strategy,\n    ...popperOptions,\n    modifiers: genModifiers(props),\n  }\n\n  attachArrow(options, arrowProps)\n  deriveExtraModifiers(options, popperOptions?.modifiers)\n  return options\n}\n\nexport const unwrapMeasurableEl = (\n  $el: MaybeRef<Measurable | undefined | ComponentPublicInstance>\n) => {\n  if (!isClient) return\n  return unrefElement($el as HTMLElement)\n}\n\nfunction genModifiers(options: UsePopperCoreConfigProps) {\n  const { offset, gpuAcceleration, fallbackPlacements } = options\n  return [\n    {\n      name: 'offset',\n      options: {\n        offset: [0, offset ?? 12],\n      },\n    },\n    {\n      name: 'preventOverflow',\n      options: {\n        padding: {\n          top: 2,\n          bottom: 2,\n          left: 5,\n          right: 5,\n        },\n      },\n    },\n    {\n      name: 'flip',\n      options: {\n        padding: 5,\n        fallbackPlacements: fallbackPlacements ?? [],\n      },\n    },\n    {\n      name: 'computeStyles',\n      options: {\n        gpuAcceleration,\n        adaptive: gpuAcceleration,\n      },\n    },\n  ]\n}\n\nfunction attachArrow(options: any, { arrowEl, arrowOffset }: ArrowProps) {\n  options.modifiers.push({\n    name: 'arrow',\n    options: {\n      element: arrowEl,\n      padding: arrowOffset ?? 5,\n    },\n  } as any)\n}\n\nfunction deriveExtraModifiers(\n  options: any,\n  modifiers: UsePopperCoreConfigProps['popperOptions']['modifiers']\n) {\n  if (modifiers) {\n    options.modifiers = [...options.modifiers, ...(modifiers ?? [])]\n  }\n}\n"],"names":[],"mappings":";;AACY,MAAC,kBAAkB,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK;AACzD,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;AACvD,EAAE,MAAM,OAAO,GAAG;AAClB,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,GAAG,aAAa;AACpB,IAAI,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC;AAClC,GAAG,CAAC;AACJ,EAAE,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AACnC,EAAE,oBAAoB,CAAC,OAAO,EAAE,aAAa,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;AAC1F,EAAE,OAAO,OAAO,CAAC;AACjB,EAAE;AACU,MAAC,kBAAkB,GAAG,CAAC,GAAG,KAAK;AAC3C,EAAE,IAAI,CAAC,QAAQ;AACf,IAAI,OAAO;AACX,EAAE,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC;AAC3B,EAAE;AACF,SAAS,YAAY,CAAC,OAAO,EAAE;AAC/B,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC;AAClE,EAAE,OAAO;AACT,IAAI;AACJ,MAAM,IAAI,EAAE,QAAQ;AACpB,MAAM,OAAO,EAAE;AACf,QAAQ,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,IAAI,IAAI,GAAG,MAAM,GAAG,EAAE,CAAC;AACjD,OAAO;AACP,KAAK;AACL,IAAI;AACJ,MAAM,IAAI,EAAE,iBAAiB;AAC7B,MAAM,OAAO,EAAE;AACf,QAAQ,OAAO,EAAE;AACjB,UAAU,GAAG,EAAE,CAAC;AAChB,UAAU,MAAM,EAAE,CAAC;AACnB,UAAU,IAAI,EAAE,CAAC;AACjB,UAAU,KAAK,EAAE,CAAC;AAClB,SAAS;AACT,OAAO;AACP,KAAK;AACL,IAAI;AACJ,MAAM,IAAI,EAAE,MAAM;AAClB,MAAM,OAAO,EAAE;AACf,QAAQ,OAAO,EAAE,CAAC;AAClB,QAAQ,kBAAkB,EAAE,kBAAkB,IAAI,IAAI,GAAG,kBAAkB,GAAG,EAAE;AAChF,OAAO;AACP,KAAK;AACL,IAAI;AACJ,MAAM,IAAI,EAAE,eAAe;AAC3B,MAAM,OAAO,EAAE;AACf,QAAQ,eAAe;AACvB,QAAQ,QAAQ,EAAE,eAAe;AACjC,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC;AACD,SAAS,WAAW,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;AACxD,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;AACzB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE;AACb,MAAM,OAAO,EAAE,OAAO;AACtB,MAAM,OAAO,EAAE,WAAW,IAAI,IAAI,GAAG,WAAW,GAAG,CAAC;AACpD,KAAK;AACL,GAAG,CAAC,CAAC;AACL,CAAC;AACD,SAAS,oBAAoB,CAAC,OAAO,EAAE,SAAS,EAAE;AAClD,EAAE,IAAI,SAAS,EAAE;AACjB,IAAI,OAAO,CAAC,SAAS,GAAG,CAAC,GAAG,OAAO,CAAC,SAAS,EAAE,GAAG,SAAS,IAAI,IAAI,GAAG,SAAS,GAAG,EAAE,CAAC,CAAC;AACtF,GAAG;AACH;;;;"}