@element-plus/nightly 0.0.20211230

package/lib/components/popper/src/index.vue_vue_type_script_lang.js

@@ -0,0 +1,107 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../directives/index.js');
+var error = require('../../../utils/error.js');
+var index = require('./use-popper/index.js');
+var defaults = require('./use-popper/defaults.js');
+require('./renderers/index.js');
+var arrow = require('./renderers/arrow.js');
+var popper = require('./renderers/popper.js');
+var trigger = require('./renderers/trigger.js');
+var index$1 = require('../../../directives/click-outside/index.js');
+
+const compName = "ElPopper";
+const UPDATE_VISIBLE_EVENT = "update:visible";
+var script = vue.defineComponent({
+  name: compName,
+  props: defaults["default"],
+  emits: [
+    UPDATE_VISIBLE_EVENT,
+    "after-enter",
+    "after-leave",
+    "before-enter",
+    "before-leave"
+  ],
+  setup(props, ctx) {
+    if (!ctx.slots.trigger) {
+      error.throwError(compName, "Trigger must be provided");
+    }
+    const popperStates = index["default"](props, ctx);
+    const forceDestroy = () => popperStates.doDestroy(true);
+    vue.onMounted(popperStates.initializePopper);
+    vue.onBeforeUnmount(forceDestroy);
+    vue.onActivated(popperStates.initializePopper);
+    vue.onDeactivated(forceDestroy);
+    return popperStates;
+  },
+  render() {
+    var _a;
+    const {
+      $slots,
+      appendToBody,
+      class: kls,
+      style,
+      effect,
+      hide,
+      onPopperMouseEnter,
+      onPopperMouseLeave,
+      onAfterEnter,
+      onAfterLeave,
+      onBeforeEnter,
+      onBeforeLeave,
+      popperClass,
+      popperId,
+      popperStyle,
+      pure,
+      showArrow,
+      transition,
+      visibility,
+      stopPopperMouseEvent
+    } = this;
+    const isManual = this.isManualMode();
+    const arrow$1 = arrow["default"](showArrow);
+    const popper$1 = popper["default"]({
+      effect,
+      name: transition,
+      popperClass,
+      popperId,
+      popperStyle,
+      pure,
+      stopPopperMouseEvent,
+      onMouseenter: onPopperMouseEnter,
+      onMouseleave: onPopperMouseLeave,
+      onAfterEnter,
+      onAfterLeave,
+      onBeforeEnter,
+      onBeforeLeave,
+      visibility
+    }, [
+      vue.renderSlot($slots, "default", {}, () => {
+        return [vue.toDisplayString(this.content)];
+      }),
+      arrow$1
+    ]);
+    const _t = (_a = $slots.trigger) == null ? void 0 : _a.call($slots);
+    const triggerProps = {
+      "aria-describedby": popperId,
+      class: kls,
+      style,
+      ref: "triggerRef",
+      ...this.events
+    };
+    const trigger$1 = isManual ? trigger["default"](_t, triggerProps) : vue.withDirectives(trigger["default"](_t, triggerProps), [[index$1["default"], hide]]);
+    return vue.h(vue.Fragment, null, [
+      trigger$1,
+      vue.h(vue.Teleport, {
+        to: "body",
+        disabled: !appendToBody
+      }, [popper$1])
+    ]);
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=index.vue_vue_type_script_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/popper/src/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport {\n  defineComponent,\n  Fragment,\n  Teleport,\n  onBeforeUnmount,\n  onDeactivated,\n  onActivated,\n  onMounted,\n  renderSlot,\n  toDisplayString,\n  withDirectives,\n  h,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { throwError } from '@element-plus/utils/error'\n\nimport usePopper from './use-popper/index'\nimport defaultProps from './use-popper/defaults'\nimport { renderPopper, renderTrigger, renderArrow } from './renderers'\n\nconst compName = 'ElPopper'\nconst UPDATE_VISIBLE_EVENT = 'update:visible'\n\nexport default defineComponent({\n  name: compName,\n  props: defaultProps,\n  emits: [\n    UPDATE_VISIBLE_EVENT,\n    'after-enter',\n    'after-leave',\n    'before-enter',\n    'before-leave',\n  ],\n  setup(props, ctx) {\n    if (!ctx.slots.trigger) {\n      throwError(compName, 'Trigger must be provided')\n    }\n    // this is a reference that we need to pass down to child component\n    // to obtain the child instance\n\n    // return usePopper(props as IPopperOptions, ctx as SetupContext)\n    const popperStates = usePopper(props, ctx)\n\n    const forceDestroy = () => popperStates.doDestroy(true)\n    onMounted(popperStates.initializePopper)\n    onBeforeUnmount(forceDestroy)\n    onActivated(popperStates.initializePopper)\n    onDeactivated(forceDestroy)\n\n    return popperStates\n  },\n\n  render() {\n    const {\n      $slots,\n      appendToBody,\n      class: kls,\n      style,\n      effect,\n      hide,\n      onPopperMouseEnter,\n      onPopperMouseLeave,\n      onAfterEnter,\n      onAfterLeave,\n      onBeforeEnter,\n      onBeforeLeave,\n      popperClass,\n      popperId,\n      popperStyle,\n      pure,\n      showArrow,\n      transition,\n      visibility,\n      stopPopperMouseEvent,\n    } = this\n\n    const isManual = this.isManualMode()\n    const arrow = renderArrow(showArrow)\n    const popper = renderPopper(\n      {\n        effect,\n        name: transition,\n        popperClass,\n        popperId,\n        popperStyle,\n        pure,\n        stopPopperMouseEvent,\n        onMouseenter: onPopperMouseEnter,\n        onMouseleave: onPopperMouseLeave,\n        onAfterEnter,\n        onAfterLeave,\n        onBeforeEnter,\n        onBeforeLeave,\n        visibility,\n      },\n      [\n        renderSlot($slots, 'default', {}, () => {\n          return [toDisplayString(this.content)]\n        }),\n        arrow,\n      ]\n    )\n\n    const _t = $slots.trigger?.()\n\n    const triggerProps = {\n      'aria-describedby': popperId,\n      class: kls,\n      style,\n      ref: 'triggerRef',\n      ...this.events,\n    }\n\n    const trigger = isManual\n      ? renderTrigger(_t, triggerProps)\n      : withDirectives(renderTrigger(_t, triggerProps), [[ClickOutside, hide]])\n\n    return h(Fragment, null, [\n      trigger,\n      h(\n        Teleport as any, // Vue did not support createVNode for Teleport\n        {\n          to: 'body',\n          disabled: !appendToBody,\n        },\n        [popper]\n      ),\n    ])\n  },\n})\n</script>\n"],"names":["defaultProps","throwError","onBeforeUnmount","onActivated","onDeactivated","arrow","popper","toDisplayString","trigger","renderTrigger","h","Fragment","Teleport"],"mappings":";;;;;;;;;;;;;;;AAkBA,cAAc,GAAG,UAAU,CAAC;AAC5B,0BAA0B,GAAG,gBAAgB,CAAC;;AAE9C,EAAE,IAAI,EAAE;AACR,EAAE,KAAK,EAAEA,mBAAY;;AAErB,IAAI,oBAAoB;IACpB;IACA,aAAa;IACb;IACA,cAAc;;OAEX,CAAC,KAAK,EAAE;IACX,IAAI,CAAC,GAAG,CAAC,KAAK;MACZC,gBAAU,CAAC;;IAEb,MAAM;IACN,MAAM,YAAY,GAAG;iBACZ,CAAC,aAAa,iBAAiB,CAAC;IACzCC;IACAC,eAAW,aAAa,CAAC,gBAAgB,CAAC;IAC1CC,iBAAa,CAAC,YAAY,CAAC,CAAC;;;QAGxB,GAAG;;IAEP,MAAM;MACJ,MAAM;MACN,YAAY;MACZ,KAAK,EAAE,GAAG;MACV,KAAK;;MAEL;;;MAGA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,IAAI;MACJ,SAAS;MACT,UAAU;MACV,UAAU;MACV;QACE,IAAI,CAAC;UACH,QAAQ;UACRC,OAAK;UACLC;MACJ,MAAM;MACN,IAAI;MACJ;MACA,QAAQ;MACR;MACA,IAAI;MACJ;;MAEA,gCAAgC;MAChC,YAAY;MACZ;MACA;;gBAEU;;oBAEA;QACR,OAAO,CAACC;QACR;aACG;;UAED,EAAE,GAAG,CAAC,EAAE,SAAS,CAAC,OAAO,KAAK;UAC9B;;WAEC,EAAE,GAAG;WACL;SACF,EAAE;MACL;MACA;UACIC,SAAO,GAAG,QAAQ,GAAGC,mBAAc;WAClCC,KAAC,CAACC,YAAQ,EAAE,IAAI,EAAE;;YAErBC;;;;KAIH,CAAC,CAAC;;;;;;"}

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

@@ -0,0 +1,3 @@
+export default function renderArrow(showArrow: boolean): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;

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

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+function renderArrow(showArrow) {
+  return showArrow ? vue.h("div", {
+    ref: "arrowRef",
+    class: "el-popper__arrow",
+    "data-popper-arrow": ""
+  }, null) : vue.h(vue.Comment, null, "");
+}
+
+exports["default"] = renderArrow;
+//# sourceMappingURL=arrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.js","sources":["../../../../../../../packages/components/popper/src/renderers/arrow.ts"],"sourcesContent":["import { Comment, h } from 'vue'\n\nexport default function renderArrow(showArrow: boolean) {\n  return showArrow\n    ? h(\n        'div',\n        {\n          ref: 'arrowRef',\n          class: 'el-popper__arrow',\n          'data-popper-arrow': '',\n        },\n        null\n      )\n    : h(Comment, null, '')\n}\n"],"names":["h","Comment"],"mappings":";;;;;;AACe,SAAS,WAAW,CAAC,SAAS,EAAE;AAC/C,EAAE,OAAO,SAAS,GAAGA,KAAC,CAAC,KAAK,EAAE;AAC9B,IAAI,GAAG,EAAE,UAAU;AACnB,IAAI,KAAK,EAAE,kBAAkB;AAC7B,IAAI,mBAAmB,EAAE,EAAE;AAC3B,GAAG,EAAE,IAAI,CAAC,GAAGA,KAAC,CAACC,WAAO,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;AAClC;;;;"}

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

@@ -0,0 +1,3 @@
+export { default as renderPopper } from './popper';
+export { default as renderTrigger } from './trigger';
+export { default as renderArrow } from './arrow';

package/lib/components/popper/src/renderers/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var popper = require('./popper.js');
+var trigger = require('./trigger.js');
+var arrow = require('./arrow.js');
+
+
+
+exports.renderPopper = popper["default"];
+exports.renderTrigger = trigger["default"];
+exports.renderArrow = arrow["default"];
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,23 @@
+import type { VNode, Ref, CSSProperties } from 'vue';
+import type { Effect } from '../use-popper/defaults';
+interface IRenderPopperProps {
+    effect: Effect;
+    name: string;
+    stopPopperMouseEvent: boolean;
+    popperClass: string;
+    popperStyle?: Partial<CSSProperties>;
+    popperId: string;
+    popperRef?: Ref<HTMLElement>;
+    pure?: boolean;
+    visibility: boolean;
+    onMouseenter: () => void;
+    onMouseleave: () => void;
+    onAfterEnter?: () => void;
+    onAfterLeave?: () => void;
+    onBeforeEnter?: () => void;
+    onBeforeLeave?: () => void;
+}
+export default function renderPopper(props: IRenderPopperProps, children: VNode[]): VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export {};

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

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var shared = require('@vue/shared');
+var dom = require('../../../../utils/dom.js');
+
+function renderPopper(props, children) {
+  const {
+    effect,
+    name,
+    stopPopperMouseEvent,
+    popperClass,
+    popperStyle,
+    popperRef,
+    pure,
+    popperId,
+    visibility,
+    onMouseenter,
+    onMouseleave,
+    onAfterEnter,
+    onAfterLeave,
+    onBeforeEnter,
+    onBeforeLeave
+  } = props;
+  const kls = [popperClass, "el-popper", `is-${effect}`, pure ? "is-pure" : ""];
+  const mouseUpAndDown = stopPopperMouseEvent ? dom.stop : shared.NOOP;
+  return vue.h(vue.Transition, {
+    name,
+    onAfterEnter,
+    onAfterLeave,
+    onBeforeEnter,
+    onBeforeLeave
+  }, {
+    default: vue.withCtx(() => [
+      vue.withDirectives(vue.h("div", {
+        "aria-hidden": String(!visibility),
+        class: kls,
+        style: popperStyle != null ? popperStyle : {},
+        id: popperId,
+        ref: popperRef != null ? popperRef : "popperRef",
+        role: "tooltip",
+        onMouseenter,
+        onMouseleave,
+        onClick: dom.stop,
+        onMousedown: mouseUpAndDown,
+        onMouseup: mouseUpAndDown
+      }, children), [[vue.vShow, visibility]])
+    ])
+  });
+}
+
+exports["default"] = renderPopper;
+//# sourceMappingURL=popper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popper.js","sources":["../../../../../../../packages/components/popper/src/renderers/popper.ts"],"sourcesContent":["import { withDirectives, Transition, vShow, withCtx, h } from 'vue'\nimport { NOOP } from '@vue/shared'\nimport { stop } from '@element-plus/utils/dom'\n\nimport type { VNode, Ref, CSSProperties } from 'vue'\nimport type { Effect } from '../use-popper/defaults'\n\ninterface IRenderPopperProps {\n  effect: Effect\n  name: string\n  stopPopperMouseEvent: boolean\n  popperClass: string\n  popperStyle?: Partial<CSSProperties>\n  popperId: string\n  popperRef?: Ref<HTMLElement>\n  pure?: boolean\n  visibility: boolean\n  onMouseenter: () => void\n  onMouseleave: () => void\n  onAfterEnter?: () => void\n  onAfterLeave?: () => void\n  onBeforeEnter?: () => void\n  onBeforeLeave?: () => void\n}\n\nexport default function renderPopper(\n  props: IRenderPopperProps,\n  children: VNode[]\n) {\n  const {\n    effect,\n    name,\n    stopPopperMouseEvent,\n    popperClass,\n    popperStyle,\n    popperRef,\n    pure,\n    popperId,\n    visibility,\n    onMouseenter,\n    onMouseleave,\n    onAfterEnter,\n    onAfterLeave,\n    onBeforeEnter,\n    onBeforeLeave,\n  } = props\n\n  const kls = [popperClass, 'el-popper', `is-${effect}`, pure ? 'is-pure' : '']\n  /**\n   * Equivalent to\n   * <transition :name=\"name\">\n   *  <div v-show=\"visibility\" :aria-hidden=\"!visibility\" :class=\"kls\" ref=\"popperRef\" role=\"tooltip\" @mouseenter=\"\" @mouseleave=\"\" @click=\"\">\n   *    <slot />\n   *  </div>\n   * </transition>\n   */\n\n  const mouseUpAndDown = stopPopperMouseEvent ? stop : NOOP\n  return h(\n    Transition,\n    {\n      name,\n      onAfterEnter,\n      onAfterLeave,\n      onBeforeEnter,\n      onBeforeLeave,\n    },\n    {\n      default: withCtx(() => [\n        withDirectives(\n          h(\n            'div',\n            {\n              'aria-hidden': String(!visibility),\n              class: kls,\n              style: popperStyle ?? {},\n              id: popperId,\n              ref: popperRef ?? 'popperRef',\n              role: 'tooltip',\n              onMouseenter,\n              onMouseleave,\n              onClick: stop,\n              onMousedown: mouseUpAndDown,\n              onMouseup: mouseUpAndDown,\n            },\n            children\n          ),\n          [[vShow, visibility]]\n        ),\n      ]),\n    }\n  )\n}\n"],"names":["stop","NOOP","h","Transition","withCtx","withDirectives","vShow"],"mappings":";;;;;;;;AAGe,SAAS,YAAY,CAAC,KAAK,EAAE,QAAQ,EAAE;AACtD,EAAE,MAAM;AACR,IAAI,MAAM;AACV,IAAI,IAAI;AACR,IAAI,oBAAoB;AACxB,IAAI,WAAW;AACf,IAAI,WAAW;AACf,IAAI,SAAS;AACb,IAAI,IAAI;AACR,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,aAAa;AACjB,IAAI,aAAa;AACjB,GAAG,GAAG,KAAK,CAAC;AACZ,EAAE,MAAM,GAAG,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,EAAE,CAAC,CAAC;AAChF,EAAE,MAAM,cAAc,GAAG,oBAAoB,GAAGA,QAAI,GAAGC,WAAI,CAAC;AAC5D,EAAE,OAAOC,KAAC,CAACC,cAAU,EAAE;AACvB,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,aAAa;AACjB,IAAI,aAAa;AACjB,GAAG,EAAE;AACL,IAAI,OAAO,EAAEC,WAAO,CAAC,MAAM;AAC3B,MAAMC,kBAAc,CAACH,KAAC,CAAC,KAAK,EAAE;AAC9B,QAAQ,aAAa,EAAE,MAAM,CAAC,CAAC,UAAU,CAAC;AAC1C,QAAQ,KAAK,EAAE,GAAG;AAClB,QAAQ,KAAK,EAAE,WAAW,IAAI,IAAI,GAAG,WAAW,GAAG,EAAE;AACrD,QAAQ,EAAE,EAAE,QAAQ;AACpB,QAAQ,GAAG,EAAE,SAAS,IAAI,IAAI,GAAG,SAAS,GAAG,WAAW;AACxD,QAAQ,IAAI,EAAE,SAAS;AACvB,QAAQ,YAAY;AACpB,QAAQ,YAAY;AACpB,QAAQ,OAAO,EAAEF,QAAI;AACrB,QAAQ,WAAW,EAAE,cAAc;AACnC,QAAQ,SAAS,EAAE,cAAc;AACjC,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,CAACM,SAAK,EAAE,UAAU,CAAC,CAAC,CAAC;AAC1C,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL;;;;"}

package/lib/components/popper/src/renderers/trigger.d.ts

@@ -0,0 +1,13 @@
+import type { VNode, Ref, ComponentPublicInstance } from 'vue';
+declare type EventHandler = (e: Event) => any;
+interface IRenderTriggerProps extends Record<string, unknown> {
+    ref: string | Ref<ComponentPublicInstance | HTMLElement>;
+    onClick?: EventHandler;
+    onMouseover?: EventHandler;
+    onMouseleave?: EventHandler;
+    onFocus?: EventHandler;
+}
+export default function renderTrigger(trigger: VNode[], extraProps: IRenderTriggerProps): VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export {};

package/lib/components/popper/src/renderers/trigger.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var error = require('../../../../utils/error.js');
+var vnode = require('../../../../utils/vnode.js');
+
+function renderTrigger(trigger, extraProps) {
+  const firstElement = vnode.getFirstValidNode(trigger, 1);
+  if (!firstElement)
+    error.throwError("renderTrigger", "trigger expects single rooted node");
+  return vue.cloneVNode(firstElement, extraProps, true);
+}
+
+exports["default"] = renderTrigger;
+//# sourceMappingURL=trigger.js.map

package/lib/components/popper/src/renderers/trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.js","sources":["../../../../../../../packages/components/popper/src/renderers/trigger.ts"],"sourcesContent":["import { cloneVNode } from 'vue'\nimport { throwError } from '@element-plus/utils/error'\nimport { getFirstValidNode } from '@element-plus/utils/vnode'\n\nimport type { VNode, Ref, ComponentPublicInstance } from 'vue'\n\ntype EventHandler = (e: Event) => any\ninterface IRenderTriggerProps extends Record<string, unknown> {\n  ref: string | Ref<ComponentPublicInstance | HTMLElement>\n  onClick?: EventHandler\n  onMouseover?: EventHandler\n  onMouseleave?: EventHandler\n  onFocus?: EventHandler\n}\n\nexport default function renderTrigger(\n  trigger: VNode[],\n  extraProps: IRenderTriggerProps\n) {\n  const firstElement = getFirstValidNode(trigger, 1)\n  if (!firstElement)\n    throwError('renderTrigger', 'trigger expects single rooted node')\n  return cloneVNode(firstElement, extraProps, true)\n}\n"],"names":["getFirstValidNode","throwError","cloneVNode"],"mappings":";;;;;;;;AAGe,SAAS,aAAa,CAAC,OAAO,EAAE,UAAU,EAAE;AAC3D,EAAE,MAAM,YAAY,GAAGA,uBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;AACrD,EAAE,IAAI,CAAC,YAAY;AACnB,IAAIC,gBAAU,CAAC,eAAe,EAAE,oCAAoC,CAAC,CAAC;AACtE,EAAE,OAAOC,cAAU,CAAC,YAAY,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AACpD;;;;"}

package/lib/components/popper/src/use-popper/build-modifiers.d.ts

@@ -0,0 +1,10 @@
+import type { StrictModifiers, Placement } from '@popperjs/core';
+interface ModifierProps {
+    offset?: number;
+    arrow?: HTMLElement;
+    arrowOffset?: number;
+    gpuAcceleration?: boolean;
+    fallbackPlacements?: Array<Placement>;
+}
+export default function buildModifier(props: ModifierProps, externalModifiers?: StrictModifiers[]): StrictModifiers[];
+export {};

package/lib/components/popper/src/use-popper/build-modifiers.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function buildModifier(props, externalModifiers = []) {
+  const { arrow, arrowOffset, offset, gpuAcceleration, fallbackPlacements } = props;
+  const modifiers = [
+    {
+      name: "offset",
+      options: {
+        offset: [0, offset != null ? offset : 12]
+      }
+    },
+    {
+      name: "preventOverflow",
+      options: {
+        padding: {
+          top: 2,
+          bottom: 2,
+          left: 5,
+          right: 5
+        }
+      }
+    },
+    {
+      name: "flip",
+      options: {
+        padding: 5,
+        fallbackPlacements: fallbackPlacements != null ? fallbackPlacements : []
+      }
+    },
+    {
+      name: "computeStyles",
+      options: {
+        gpuAcceleration,
+        adaptive: gpuAcceleration
+      }
+    }
+  ];
+  if (arrow) {
+    modifiers.push({
+      name: "arrow",
+      options: {
+        element: arrow,
+        padding: arrowOffset != null ? arrowOffset : 5
+      }
+    });
+  }
+  modifiers.push(...externalModifiers);
+  return modifiers;
+}
+
+exports["default"] = buildModifier;
+//# sourceMappingURL=build-modifiers.js.map

package/lib/components/popper/src/use-popper/build-modifiers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-modifiers.js","sources":["../../../../../../../packages/components/popper/src/use-popper/build-modifiers.ts"],"sourcesContent":["import type { StrictModifiers, Placement } from '@popperjs/core'\n\ninterface ModifierProps {\n  offset?: number\n  arrow?: HTMLElement\n  arrowOffset?: number\n  gpuAcceleration?: boolean\n  fallbackPlacements?: Array<Placement>\n}\n\nexport default function buildModifier(\n  props: ModifierProps,\n  externalModifiers: StrictModifiers[] = []\n) {\n  const { arrow, arrowOffset, offset, gpuAcceleration, fallbackPlacements } =\n    props\n\n  const modifiers: Array<StrictModifiers> = [\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    // tippyModifier,\n  ]\n\n  if (arrow) {\n    modifiers.push({\n      name: 'arrow',\n      options: {\n        element: arrow,\n        // the arrow size is an equailateral triangle with 10px side length, the 3rd side length ~ 14.1px\n        // adding a offset to the ceil of 4.1 should be 5 this resolves the problem of arrow overflowing out of popper.\n        padding: arrowOffset ?? 5,\n      },\n    })\n  }\n\n  modifiers.push(...externalModifiers)\n  return modifiers\n}\n"],"names":[],"mappings":";;;;AAAe,SAAS,aAAa,CAAC,KAAK,EAAE,iBAAiB,GAAG,EAAE,EAAE;AACrE,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;AACpF,EAAE,MAAM,SAAS,GAAG;AACpB,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,EAAE,IAAI,KAAK,EAAE;AACb,IAAI,SAAS,CAAC,IAAI,CAAC;AACnB,MAAM,IAAI,EAAE,OAAO;AACnB,MAAM,OAAO,EAAE;AACf,QAAQ,OAAO,EAAE,KAAK;AACtB,QAAQ,OAAO,EAAE,WAAW,IAAI,IAAI,GAAG,WAAW,GAAG,CAAC;AACtD,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG;AACH,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,CAAC;AACvC,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}

package/lib/components/popper/src/use-popper/defaults.d.ts

@@ -0,0 +1,142 @@
+import type { PropType } from 'vue';
+import type { Placement, PositioningStrategy, Instance as PopperInstance, Options } from '@popperjs/core';
+import type { Nullable } from 'element-plus/es/utils/types';
+export declare enum Effect {
+    DARK = "dark",
+    LIGHT = "light"
+}
+export declare type RefElement = Nullable<HTMLElement>;
+export declare type Offset = [number, number] | number;
+export type { Placement, PositioningStrategy, PopperInstance, Options };
+export declare type TriggerType = 'click' | 'hover' | 'focus' | 'manual';
+export declare type Trigger = TriggerType | TriggerType[];
+export declare type IPopperOptions = {
+    arrowOffset: number;
+    autoClose: number;
+    boundariesPadding: number;
+    class: string;
+    cutoff: boolean;
+    disabled: boolean;
+    enterable: boolean;
+    hideAfter: number;
+    manualMode: boolean;
+    offset: number;
+    placement: Placement;
+    popperOptions: Partial<Options>;
+    showAfter: number;
+    showArrow: boolean;
+    strategy: PositioningStrategy;
+    trigger: Trigger;
+    visible: boolean;
+    stopPopperMouseEvent: boolean;
+    gpuAcceleration: boolean;
+    fallbackPlacements: Array<Placement>;
+};
+declare const _default: {
+    arrowOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoClose: {
+        type: NumberConstructor;
+        default: number;
+    };
+    boundariesPadding: {
+        type: NumberConstructor;
+        default: number;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: ObjectConstructor;
+    hideAfter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cutoff: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    effect: {
+        type: PropType<Effect>;
+        default: Effect;
+    };
+    enterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    manualMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAfter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: Placement;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    pure: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popperOptions: {
+        type: PropType<Partial<Options>>;
+        default: () => null;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strategy: {
+        type: PropType<PositioningStrategy>;
+        default: PositioningStrategy;
+    };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    trigger: {
+        type: PropType<Trigger>;
+        default: string;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    stopPopperMouseEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gpuAcceleration: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fallbackPlacements: {
+        type: PropType<Placement[]>;
+        default: never[];
+    };
+};
+export default _default;

package/lib/components/popper/src/use-popper/defaults.js

@@ -0,0 +1,121 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Effect = /* @__PURE__ */ ((Effect2) => {
+  Effect2["DARK"] = "dark";
+  Effect2["LIGHT"] = "light";
+  return Effect2;
+})(Effect || {});
+const DEFAULT_FALLBACK_PLACEMENTS = [];
+var popperDefaultProps = {
+  arrowOffset: {
+    type: Number,
+    default: 5
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
+  },
+  autoClose: {
+    type: Number,
+    default: 0
+  },
+  boundariesPadding: {
+    type: Number,
+    default: 0
+  },
+  content: {
+    type: String,
+    default: ""
+  },
+  class: {
+    type: String,
+    default: ""
+  },
+  style: Object,
+  hideAfter: {
+    type: Number,
+    default: 200
+  },
+  cutoff: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  effect: {
+    type: String,
+    default: "dark" /* DARK */
+  },
+  enterable: {
+    type: Boolean,
+    default: true
+  },
+  manualMode: {
+    type: Boolean,
+    default: false
+  },
+  showAfter: {
+    type: Number,
+    default: 0
+  },
+  offset: {
+    type: Number,
+    default: 12
+  },
+  placement: {
+    type: String,
+    default: "bottom"
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  pure: {
+    type: Boolean,
+    default: false
+  },
+  popperOptions: {
+    type: Object,
+    default: () => null
+  },
+  showArrow: {
+    type: Boolean,
+    default: true
+  },
+  strategy: {
+    type: String,
+    default: "fixed"
+  },
+  transition: {
+    type: String,
+    default: "el-fade-in-linear"
+  },
+  trigger: {
+    type: [String, Array],
+    default: "hover"
+  },
+  visible: {
+    type: Boolean,
+    default: void 0
+  },
+  stopPopperMouseEvent: {
+    type: Boolean,
+    default: true
+  },
+  gpuAcceleration: {
+    type: Boolean,
+    default: true
+  },
+  fallbackPlacements: {
+    type: Array,
+    default: DEFAULT_FALLBACK_PLACEMENTS
+  }
+};
+
+exports.Effect = Effect;
+exports["default"] = popperDefaultProps;
+//# sourceMappingURL=defaults.js.map

package/lib/components/popper/src/use-popper/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sources":["../../../../../../../packages/components/popper/src/use-popper/defaults.ts"],"sourcesContent":["import type { PropType } from 'vue'\nimport type {\n  Placement,\n  PositioningStrategy,\n  Instance as PopperInstance,\n  Options,\n} from '@popperjs/core'\nimport type { Nullable } from '@element-plus/utils/types'\n\nexport enum Effect {\n  DARK = 'dark',\n  LIGHT = 'light',\n}\n\nexport type RefElement = Nullable<HTMLElement>\nexport type Offset = [number, number] | number\n\nexport type { Placement, PositioningStrategy, PopperInstance, Options }\n\nexport type TriggerType = 'click' | 'hover' | 'focus' | 'manual'\n\nexport type Trigger = TriggerType | TriggerType[]\n\nexport type IPopperOptions = {\n  arrowOffset: number\n  autoClose: number\n  boundariesPadding: number\n  class: string\n  cutoff: boolean\n  disabled: boolean\n  enterable: boolean\n  hideAfter: number\n  manualMode: boolean\n  offset: number\n  placement: Placement\n  popperOptions: Partial<Options>\n  showAfter: number\n  showArrow: boolean\n  strategy: PositioningStrategy\n  trigger: Trigger\n  visible: boolean\n  stopPopperMouseEvent: boolean\n  gpuAcceleration: boolean\n  fallbackPlacements: Array<Placement>\n}\n\n// duplicate export at index.ts\n// export const DEFAULT_TRIGGER = 'hover'\nconst DEFAULT_FALLBACK_PLACEMENTS = []\n\nexport default {\n  // the arrow size is an equailateral triangle with 10px side length, the 3rd side length ~ 14.1px\n  // adding a offset to the ceil of 4.1 should be 5 this resolves the problem of arrow overflowing out of popper.\n  arrowOffset: {\n    type: Number,\n    default: 5,\n  },\n  appendToBody: {\n    type: Boolean,\n    default: true,\n  },\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  boundariesPadding: {\n    type: Number,\n    default: 0,\n  },\n  content: {\n    type: String,\n    default: '',\n  },\n  class: {\n    type: String,\n    default: '',\n  },\n  style: Object,\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  cutoff: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  effect: {\n    type: String as PropType<Effect>,\n    default: Effect.DARK,\n  },\n  enterable: {\n    type: Boolean,\n    default: true,\n  },\n  manualMode: {\n    type: Boolean,\n    default: false,\n  },\n  showAfter: {\n    type: Number,\n    default: 0,\n  },\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  placement: {\n    type: String as PropType<Placement>,\n    default: 'bottom' as Placement,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  pure: {\n    type: Boolean,\n    default: false,\n  },\n  // Once this option were given, the entire popper is under the users' control, top priority\n  popperOptions: {\n    type: Object as PropType<Partial<Options>>,\n    default: () => null,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  strategy: {\n    type: String as PropType<PositioningStrategy>,\n    default: 'fixed' as PositioningStrategy,\n  },\n  transition: {\n    type: String,\n    default: 'el-fade-in-linear',\n  },\n  trigger: {\n    type: [String, Array] as PropType<Trigger>,\n    default: 'hover',\n  },\n  visible: {\n    type: Boolean,\n    default: undefined,\n  },\n  stopPopperMouseEvent: {\n    type: Boolean,\n    default: true,\n  },\n  gpuAcceleration: {\n    type: Boolean,\n    default: true,\n  },\n  fallbackPlacements: {\n    type: Array as PropType<Placement[]>,\n    default: DEFAULT_FALLBACK_PLACEMENTS,\n  },\n}\n"],"names":[],"mappings":"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"}