@v-c/trigger 0.0.13 → 0.0.15

package/dist/index.cjs

@@ -1,700 +1,597 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Portal = require("@v-c/portal");
-const ResizeObserver = require("@v-c/resize-observer");
-const util$1 = require("@v-c/util");
-const findDOMNode = require("@v-c/util/dist/Dom/findDOMNode");
-const shadow = require("@v-c/util/dist/Dom/shadow");
-const propsUtil = require("@v-c/util/dist/props-util");
-const context = require("./context.cjs");
-const useAction = require("./hooks/useAction.cjs");
-const useAlign = require("./hooks/useAlign.cjs");
-const useDelay = require("./hooks/useDelay.cjs");
-const useWatch = require("./hooks/useWatch.cjs");
-const useWinClick = require("./hooks/useWinClick.cjs");
-const index$1 = require("./Popup/index.cjs");
-const util = require("./util.cjs");
-const index = require("./UniqueProvider/index.cjs");
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
+const require_context = require("./context.cjs");
+const require_useAction = require("./hooks/useAction.cjs");
+const require_util = require("./util.cjs");
+const require_useAlign = require("./hooks/useAlign.cjs");
+const require_useDelay = require("./hooks/useDelay.cjs");
+const require_useWatch = require("./hooks/useWatch.cjs");
+const require_useWinClick = require("./hooks/useWinClick.cjs");
+const require_index = require("./Popup/index.cjs");
+const require_index$1 = require("./UniqueProvider/index.cjs");
+let vue = require("vue");
+let __v_c_portal = require("@v-c/portal");
+__v_c_portal = require_rolldown_runtime.__toESM(__v_c_portal);
+let __v_c_resize_observer = require("@v-c/resize-observer");
+__v_c_resize_observer = require_rolldown_runtime.__toESM(__v_c_resize_observer);
+let __v_c_util = require("@v-c/util");
+let __v_c_util_dist_Dom_shadow = require("@v-c/util/dist/Dom/shadow");
+let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
+let __v_c_util_dist_vnode = require("@v-c/util/dist/vnode");
 function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
 }
-const defaults = {
-  prefixCls: "vc-trigger-popup",
-  action: "hover",
-  mouseLeaveDelay: 0.1,
-  maskClosable: true,
-  builtinPlacements: {},
-  popupVisible: void 0,
-  defaultPopupVisible: void 0
+var defaults = {
+	prefixCls: "vc-trigger-popup",
+	action: "hover",
+	mouseLeaveDelay: .1,
+	maskClosable: true,
+	builtinPlacements: {},
+	popupVisible: void 0,
+	defaultPopupVisible: void 0
 };
-function generateTrigger(PortalComponent = Portal) {
-  return /* @__PURE__ */ vue.defineComponent((props, {
-    expose,
-    slots,
-    attrs
-  }) => {
-    const mergedAutoDestroy = vue.computed(() => props.autoDestroy ?? false);
-    const openUncontrolled = vue.computed(() => props.popupVisible === void 0);
-    const isMobile = vue.computed(() => !!props.mobile);
-    const subPopupElements = vue.ref({});
-    const parentContext = context.useTriggerContext();
-    const context$1 = vue.computed(() => {
-      return {
-        registerSubPopup(id2, subPopupEle) {
-          if (subPopupEle) {
-            subPopupElements.value[id2] = subPopupEle;
-          } else {
-            delete subPopupElements.value[id2];
-          }
-          parentContext?.value.registerSubPopup(id2, subPopupEle);
-        }
-      };
-    });
-    const uniqueContext = context.useUniqueContext();
-    const id = vue.useId();
-    const popupEle = vue.shallowRef(null);
-    const externalPopupRef = vue.shallowRef(null);
-    const resolveToElement = (node) => {
-      if (!node) {
-        return null;
-      }
-      if (findDOMNode.isDOM(node)) {
-        return node;
-      }
-      const exposed = node;
-      if (findDOMNode.isDOM(exposed?.$el)) {
-        return exposed.$el;
-      }
-      const nativeEl = exposed?.nativeElement;
-      if (findDOMNode.isDOM(nativeEl?.value)) {
-        return nativeEl.value;
-      }
-      if (findDOMNode.isDOM(nativeEl)) {
-        return nativeEl;
-      }
-      if (typeof exposed?.getElement === "function") {
-        const el = exposed.getElement();
-        if (findDOMNode.isDOM(el)) {
-          return el;
-        }
-      }
-      return null;
-    };
-    const setPopupRef = (node) => {
-      const element = resolveToElement(node);
-      externalPopupRef.value = element;
-      if (popupEle.value !== element) {
-        popupEle.value = element;
-      }
-      parentContext?.value?.registerSubPopup(id, element ?? null);
-    };
-    const targetEle = vue.shallowRef(null);
-    const externalForwardRef = vue.shallowRef(null);
-    const setTargetRef = (node) => {
-      const element = resolveToElement(node);
-      if (element && targetEle.value !== element) {
-        targetEle.value = element;
-        externalForwardRef.value = element;
-      } else if (!element) {
-        targetEle.value = null;
-        externalForwardRef.value = null;
-      }
-    };
-    const originChildProps = vue.reactive({});
-    const baseActionProps = vue.shallowRef({});
-    const hoverActionProps = vue.shallowRef({});
-    const cloneProps = vue.computed(() => ({
-      ...baseActionProps.value,
-      ...hoverActionProps.value
-    }));
-    const inPopupOrChild = (ele) => {
-      const childDOM = targetEle.value;
-      return childDOM?.contains(ele) || childDOM && shadow.getShadowRoot(childDOM)?.host === ele || ele === childDOM || popupEle.value?.contains(ele) || popupEle.value && shadow.getShadowRoot(popupEle.value)?.host === ele || ele === popupEle.value || Object.values(subPopupElements.value).some((subPopupEle) => subPopupEle?.contains(ele) || ele === subPopupEle);
-    };
-    const innerArrow = vue.computed(() => {
-      return props.arrow ? {
-        ...props?.arrow !== true ? props?.arrow : {}
-      } : null;
-    });
-    const internalOpen = vue.shallowRef(props?.defaultPopupVisible ?? false);
-    if (props.popupVisible !== void 0) {
-      internalOpen.value = props.popupVisible;
-    }
-    const mergedOpen = vue.computed(() => {
-      return props?.popupVisible ?? internalOpen.value;
-    });
-    const setMergedOpen = (nextOpen) => {
-      if (openUncontrolled.value) {
-        internalOpen.value = nextOpen;
-      }
-    };
-    const isOpen = () => mergedOpen.value;
-    vue.watch(() => props.popupVisible, async (nextVisible) => {
-      if (nextVisible !== void 0) {
-        await vue.nextTick();
-        internalOpen.value = nextVisible;
-      }
-    });
-    const getUniqueOptions = (delay = 0) => {
-      return {
-        popup: props.popup,
-        target: targetEle.value,
-        delay,
-        prefixCls: props.prefixCls,
-        popupClassName: props.popupClassName,
-        uniqueContainerClassName: props.uniqueContainerClassName,
-        uniqueContainerStyle: props.uniqueContainerStyle,
-        popupStyle: props.popupStyle,
-        popupPlacement: props.popupPlacement,
-        builtinPlacements: props.builtinPlacements,
-        popupAlign: props.popupAlign,
-        zIndex: props.zIndex,
-        mask: props.mask,
-        maskClosable: props.maskClosable,
-        popupMotion: props.popupMotion,
-        maskMotion: props.maskMotion,
-        arrow: innerArrow.value,
-        getPopupContainer: props.getPopupContainer,
-        getPopupClassNameFromAlign: props.getPopupClassNameFromAlign,
-        id
-      };
-    };
-    vue.watch([mergedOpen, targetEle], () => {
-      if (uniqueContext && props.unique && targetEle.value && !openUncontrolled.value && !parentContext?.value) {
-        if (mergedOpen.value) {
-          const enterDelay = props.mouseEnterDelay ?? 0;
-          uniqueContext?.show(getUniqueOptions(enterDelay), isOpen);
-        } else {
-          uniqueContext?.hide(props.mouseLeaveDelay || 0);
-        }
-      }
-    });
-    const openRef = vue.shallowRef(mergedOpen.value);
-    const lastTriggerRef = vue.shallowRef([]);
-    lastTriggerRef.value = [];
-    vue.watchEffect(() => {
-      openRef.value = mergedOpen.value;
-      if (!mergedOpen.value) {
-        lastTriggerRef.value = [];
-      }
-    });
-    const internalTriggerOpen = (nextOpen) => {
-      setMergedOpen(nextOpen);
-      if ((lastTriggerRef.value[lastTriggerRef.value.length - 1] ?? mergedOpen.value) !== nextOpen) {
-        lastTriggerRef.value.push(nextOpen);
-        props?.onOpenChange?.(nextOpen);
-        props?.onPopupVisibleChange?.(nextOpen);
-      }
-    };
-    const delayInvoke = useDelay.default();
-    const triggerOpen = (nextOpen, delay = 0) => {
-      if (props.popupVisible !== void 0) {
-        delayInvoke(() => {
-          internalTriggerOpen(nextOpen);
-        }, delay);
-        return;
-      }
-      if (uniqueContext && props.unique && openUncontrolled.value && !parentContext?.value) {
-        if (nextOpen) {
-          uniqueContext?.show(getUniqueOptions(delay), isOpen);
-        } else {
-          uniqueContext.hide(delay);
-        }
-        return;
-      }
-      delayInvoke(() => {
-        internalTriggerOpen(nextOpen);
-      }, delay);
-    };
-    const inMotion = vue.shallowRef(false);
-    vue.watch(mergedOpen, async () => {
-      await vue.nextTick();
-      if (mergedOpen.value) {
-        inMotion.value = true;
-      }
-    });
-    const motionPrepareResolve = vue.shallowRef();
-    const mousePos = vue.ref(null);
-    const setMousePosByEvent = (event) => {
-      mousePos.value = [event.clientX, event.clientY];
-    };
-    const [ready, offsetX, offsetY, offsetR, offsetB, arrowX, arrowY, scaleX, scaleY, alignInfo, onAlign] = useAlign.default(mergedOpen, popupEle, vue.computed(() => props?.alignPoint && mousePos.value !== null ? mousePos.value : targetEle.value), vue.computed(() => props?.popupPlacement), vue.computed(() => props?.builtinPlacements), vue.computed(() => props?.popupAlign), props?.onPopupAlign, isMobile);
-    const [showActions, hideActions] = useAction.default(vue.computed(() => props.action), vue.computed(() => props.showAction), vue.computed(() => props.hideAction));
-    const clickToShow = vue.computed(() => showActions.value?.has("click"));
-    const clickToHide = vue.computed(() => hideActions.value?.has("click") || hideActions.value?.has("contextmenu"));
-    const triggerAlign = () => {
-      if (!inMotion.value) {
-        onAlign();
-      }
-    };
-    const onScroll = () => {
-      if (openRef.value && props?.alignPoint && clickToHide.value) {
-        triggerOpen(false);
-      }
-    };
-    useWatch.default(mergedOpen, targetEle, popupEle, triggerAlign, onScroll);
-    vue.watch([mousePos, () => props.popupPlacement], async () => {
-      await vue.nextTick();
-      triggerAlign();
-    });
-    vue.watch(() => JSON.stringify(props.popupAlign), async () => {
-      await vue.nextTick();
-      const {
-        builtinPlacements,
-        popupPlacement
-      } = props;
-      if (mergedOpen.value && !builtinPlacements?.[popupPlacement]) {
-        triggerAlign();
-      }
-    });
-    const alignedClassName = vue.computed(() => {
-      const baseClassName = util.getAlignPopupClassName(props.builtinPlacements, props.prefixCls, alignInfo.value, props.alignPoint);
-      return util$1.classNames(baseClassName, props?.getPopupClassNameFromAlign?.(alignInfo.value));
-    });
-    expose({
-      nativeElement: externalForwardRef,
-      popupElement: externalPopupRef,
-      forceAlign: triggerAlign
-    });
-    const targetWidth = vue.shallowRef(0);
-    const targetHeight = vue.shallowRef(0);
-    const syncTargetSize = () => {
-      if (props.stretch && targetEle.value) {
-        const rect = targetEle.value.getBoundingClientRect();
-        targetWidth.value = rect.width;
-        targetHeight.value = rect.height;
-      }
-    };
-    const onTargetResize = () => {
-      syncTargetSize();
-      triggerAlign();
-    };
-    const onVisibleChanged = (visible) => {
-      inMotion.value = false;
-      onAlign();
-      props?.afterOpenChange?.(visible);
-      props?.afterPopupVisibleChange?.(visible);
-    };
-    const onPrepare = () => {
-      return new Promise((resolve) => {
-        syncTargetSize();
-        motionPrepareResolve.value = resolve;
-      });
-    };
-    vue.watch([motionPrepareResolve], () => {
-      if (motionPrepareResolve.value) {
-        onAlign();
-        motionPrepareResolve.value();
-        motionPrepareResolve.value = void 0;
-      }
-    });
-    function wrapperAction(target, eventName, nextOpen, delay, callback, ignoreCheck) {
-      target[eventName] = (event, ...args) => {
-        if (!ignoreCheck || !ignoreCheck()) {
-          callback?.(event);
-          triggerOpen(nextOpen, delay);
-        }
-        originChildProps[eventName]?.(event, ...args);
-      };
-    }
-    const touchToShow = vue.computed(() => showActions.value?.has("touch"));
-    const touchToHide = vue.computed(() => hideActions.value?.has("touch"));
-    const touchedRef = vue.shallowRef(false);
-    vue.watchEffect(() => {
-      const nextCloneProps = {};
-      if (touchToShow.value || touchToHide.value) {
-        nextCloneProps.onTouchstart = (...args) => {
-          touchedRef.value = true;
-          if (openRef.value && touchToHide.value) {
-            triggerOpen(false);
-          } else if (!openRef.value && touchToShow.value) {
-            triggerOpen(true);
-          }
-          originChildProps.onTouchstart?.(...args);
-        };
-      }
-      if (clickToShow.value || clickToHide.value) {
-        nextCloneProps.onClick = (event, ...args) => {
-          if (openRef.value && clickToHide.value) {
-            triggerOpen(false);
-          } else if (!openRef.value && clickToShow.value) {
-            setMousePosByEvent(event);
-            triggerOpen(true);
-          }
-          originChildProps?.onClick?.(event, ...args);
-          touchedRef.value = false;
-        };
-      }
-      baseActionProps.value = nextCloneProps;
-    });
-    const onPopupPointerDown = useWinClick.default(mergedOpen, vue.computed(() => clickToHide.value || touchToHide.value), targetEle, popupEle, vue.computed(() => props.mask), vue.computed(() => props.maskClosable), inPopupOrChild, triggerOpen);
-    const hoverToShow = vue.computed(() => showActions.value?.has("hover"));
-    const hoverToHide = vue.computed(() => hideActions.value?.has("hover"));
-    let onPopupMouseEnter;
-    let onPopupMouseLeave;
-    const ignoreMouseTrigger = () => {
-      return touchedRef.value;
-    };
-    vue.watchEffect(() => {
-      const {
-        mouseEnterDelay,
-        mouseLeaveDelay,
-        alignPoint,
-        focusDelay,
-        blurDelay
-      } = props;
-      const nextHoverProps = {};
-      if (hoverToShow.value) {
-        const onMouseEnterCallback = (event) => {
-          setMousePosByEvent(event);
-        };
-        wrapperAction(nextHoverProps, "onMouseenter", true, mouseEnterDelay, onMouseEnterCallback, ignoreMouseTrigger);
-        wrapperAction(nextHoverProps, "onPointerenter", true, mouseEnterDelay, onMouseEnterCallback, ignoreMouseTrigger);
-        onPopupMouseEnter = (event) => {
-          if ((mergedOpen.value || inMotion.value) && popupEle?.value?.contains(event.target)) {
-            triggerOpen(true, mouseEnterDelay);
-          }
-        };
-        if (alignPoint) {
-          nextHoverProps.onMouseMove = (event) => {
-            originChildProps.onMousemove?.(event);
-          };
-        }
-      } else {
-        onPopupMouseEnter = void 0;
-      }
-      if (hoverToHide.value) {
-        wrapperAction(nextHoverProps, "onMouseleave", false, mouseLeaveDelay, void 0, ignoreMouseTrigger);
-        wrapperAction(nextHoverProps, "onPointerleave", false, mouseLeaveDelay, void 0, ignoreMouseTrigger);
-        onPopupMouseLeave = (event) => {
-          const {
-            relatedTarget
-          } = event;
-          if (relatedTarget && inPopupOrChild(relatedTarget)) {
-            return;
-          }
-          triggerOpen(false, mouseLeaveDelay);
-        };
-      } else {
-        onPopupMouseLeave = void 0;
-      }
-      if (showActions.value.has("focus")) {
-        wrapperAction(nextHoverProps, "onFocus", true, focusDelay);
-      }
-      if (hideActions.value.has("focus")) {
-        wrapperAction(nextHoverProps, "onBlur", false, blurDelay);
-      }
-      if (showActions.value.has("contextmenu")) {
-        nextHoverProps.onContextmenu = (event, ...args) => {
-          if (openRef.value && hideActions.value.has("contextmenu")) {
-            triggerOpen(false);
-          } else {
-            setMousePosByEvent(event);
-            triggerOpen(true);
-          }
-          event.preventDefault();
-          originChildProps.onContextmenu?.(event, ...args);
-        };
-      }
-      hoverActionProps.value = nextHoverProps;
-    });
-    const rendedRef = vue.shallowRef(false);
-    vue.watchEffect(() => {
-      rendedRef.value ||= props.forceRender || mergedOpen.value || inMotion.value;
-    });
-    return () => {
-      const child = propsUtil.filterEmpty(slots?.default?.() ?? [])?.[0];
-      const mergedChildrenProps = {
-        ...originChildProps,
-        ...cloneProps.value
-      };
-      const passedProps = {};
-      const passedEventList = ["onContextmenu", "onClick", "onMousedown", "onTouchstart", "onMouseenter", "onMouseleave", "onFocus", "onBlur"];
-      passedEventList.forEach((eventName) => {
-        if (attrs[eventName]) {
-          passedProps[eventName] = (...args) => {
-            mergedChildrenProps[eventName]?.(...args);
-            attrs[eventName](...args);
-          };
-        }
-      });
-      const arrowPos = {
-        x: arrowX.value,
-        y: arrowY.value
-      };
-      const triggerNode = vue.createVNode(child, {
-        ...mergedChildrenProps,
-        ...passedProps,
-        ref: setTargetRef
-      });
-      const {
-        unique,
-        prefixCls,
-        popup,
-        popupClassName,
-        popupStyle,
-        zIndex,
-        fresh,
-        onPopupClick,
-        mask,
-        popupMotion,
-        maskMotion,
-        forceRender,
-        getPopupContainer,
-        stretch,
-        mobile
-      } = props;
-      return vue.createVNode(vue.Fragment, null, [vue.createVNode(ResizeObserver, {
-        "disabled": !mergedOpen.value,
-        "onResize": onTargetResize
-      }, _isSlot(triggerNode) ? triggerNode : {
-        default: () => [triggerNode]
-      }), rendedRef.value && targetEle.value && (!uniqueContext || !unique) && vue.createVNode(context.TriggerContextProvider, context$1.value, {
-        default: () => [vue.createVNode(index$1.default, {
-          "portal": PortalComponent,
-          "ref": setPopupRef,
-          "prefixCls": prefixCls,
-          "popup": popup,
-          "className": util$1.classNames(popupClassName, !isMobile.value && alignedClassName.value),
-          "style": popupStyle,
-          "target": targetEle.value,
-          "onMouseEnter": onPopupMouseEnter,
-          "onMouseLeave": onPopupMouseLeave,
-          "onPointerEnter": onPopupMouseEnter,
-          "zIndex": zIndex,
-          "open": mergedOpen.value,
-          "keepDom": inMotion.value,
-          "fresh": fresh,
-          "onClick": onPopupClick,
-          "onPointerDownCapture": onPopupPointerDown,
-          "mask": mask,
-          "motion": popupMotion,
-          "maskMotion": maskMotion,
-          "onVisibleChanged": onVisibleChanged,
-          "onPrepare": onPrepare,
-          "forceRender": forceRender,
-          "autoDestroy": mergedAutoDestroy.value,
-          "getPopupContainer": getPopupContainer,
-          "align": alignInfo.value,
-          "arrow": innerArrow.value,
-          "arrowPos": arrowPos,
-          "ready": ready.value,
-          "offsetX": offsetX.value,
-          "offsetY": offsetY.value,
-          "offsetR": offsetR.value,
-          "offsetB": offsetB.value,
-          "onAlign": triggerAlign,
-          "stretch": stretch,
-          "targetWidth": targetWidth.value / scaleX.value,
-          "targetHeight": targetHeight.value / scaleY.value,
-          "mobile": mobile
-        }, null)]
-      })]);
-    };
-  }, {
-    props: /* @__PURE__ */ vue.mergeDefaults({
-      action: {
-        type: [String, Array],
-        required: false,
-        default: void 0
-      },
-      showAction: {
-        type: Array,
-        required: false,
-        default: void 0
-      },
-      hideAction: {
-        type: Array,
-        required: false,
-        default: void 0
-      },
-      prefixCls: {
-        type: String,
-        required: false,
-        default: void 0
-      },
-      zIndex: {
-        type: Number,
-        required: false,
-        default: void 0
-      },
-      onPopupAlign: {
-        type: Function,
-        required: false,
-        default: void 0
-      },
-      stretch: {
-        type: String,
-        required: false,
-        default: void 0
-      },
-      popupVisible: {
-        type: Boolean,
-        required: false,
-        default: void 0
-      },
-      defaultPopupVisible: {
-        type: Boolean,
-        required: false,
-        default: void 0
-      },
-      onOpenChange: {
-        type: Function,
-        required: false,
-        default: void 0
-      },
-      afterOpenChange: {
-        type: Function,
-        required: false,
-        default: void 0
-      },
-      onPopupVisibleChange: {
-        type: Function,
-        required: false,
-        default: void 0
-      },
-      afterPopupVisibleChange: {
-        type: Function,
-        required: false,
-        default: void 0
-      },
-      getPopupContainer: {
-        type: Function,
-        required: false,
-        default: void 0
-      },
-      forceRender: {
-        type: Boolean,
-        required: false,
-        default: void 0
-      },
-      autoDestroy: {
-        type: Boolean,
-        required: false,
-        default: void 0
-      },
-      mask: {
-        type: Boolean,
-        required: false,
-        default: void 0
-      },
-      maskClosable: {
-        type: Boolean,
-        required: false,
-        default: void 0
-      },
-      popupMotion: {
-        type: Object,
-        required: false,
-        default: void 0
-      },
-      maskMotion: {
-        type: Object,
-        required: false,
-        default: void 0
-      },
-      mouseEnterDelay: {
-        type: Number,
-        required: false,
-        default: void 0
-      },
-      mouseLeaveDelay: {
-        type: Number,
-        required: false,
-        default: void 0
-      },
-      focusDelay: {
-        type: Number,
-        required: false,
-        default: void 0
-      },
-      blurDelay: {
-        type: Number,
-        required: false,
-        default: void 0
-      },
-      popup: {
-        type: [String, Number, null, Array, Function],
-        required: true,
-        skipCheck: true,
-        default: void 0
-      },
-      popupPlacement: {
-        type: String,
-        required: false,
-        default: void 0
-      },
-      builtinPlacements: {
-        type: Object,
-        required: false,
-        default: void 0
-      },
-      popupAlign: {
-        type: Object,
-        required: false,
-        default: void 0
-      },
-      popupClassName: {
-        type: String,
-        required: false,
-        default: void 0
-      },
-      uniqueContainerClassName: {
-        type: String,
-        required: false,
-        default: void 0
-      },
-      uniqueContainerStyle: {
-        type: null,
-        required: false,
-        default: void 0
-      },
-      popupStyle: {
-        type: null,
-        required: false,
-        default: void 0
-      },
-      getPopupClassNameFromAlign: {
-        type: Function,
-        required: false,
-        default: void 0
-      },
-      onPopupClick: {
-        type: Function,
-        required: false,
-        default: void 0
-      },
-      alignPoint: {
-        type: Boolean,
-        required: false,
-        default: void 0
-      },
-      fresh: {
-        type: Boolean,
-        required: false,
-        default: void 0
-      },
-      unique: {
-        type: Boolean,
-        required: false,
-        default: void 0
-      },
-      arrow: {
-        type: [Boolean, Object],
-        required: false,
-        default: void 0
-      },
-      mobile: {
-        type: Object,
-        required: false,
-        default: void 0
-      }
-    }, defaults)
-  });
+function generateTrigger(PortalComponent = __v_c_portal.default) {
+	return /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, slots, attrs }) => {
+		const mergedAutoDestroy = (0, vue.computed)(() => props.autoDestroy ?? false);
+		const openUncontrolled = (0, vue.computed)(() => props.popupVisible === void 0);
+		const isMobile = (0, vue.computed)(() => !!props.mobile);
+		const subPopupElements = (0, vue.ref)({});
+		const parentContext = require_context.useTriggerContext();
+		const context = (0, vue.computed)(() => {
+			return { registerSubPopup(id$1, subPopupEle) {
+				if (subPopupEle) subPopupElements.value[id$1] = subPopupEle;
+				else delete subPopupElements.value[id$1];
+				parentContext?.value.registerSubPopup(id$1, subPopupEle);
+			} };
+		});
+		const uniqueContext = require_context.useUniqueContext();
+		const id = (0, vue.useId)();
+		const popupEle = (0, vue.shallowRef)(null);
+		const externalPopupRef = (0, vue.shallowRef)(null);
+		const setPopupRef = (node) => {
+			const element = (0, __v_c_util_dist_vnode.resolveToElement)(node);
+			externalPopupRef.value = element;
+			if (popupEle.value !== element) popupEle.value = element;
+			parentContext?.value?.registerSubPopup(id, element ?? null);
+		};
+		const targetEle = (0, vue.shallowRef)(null);
+		const externalForwardRef = (0, vue.shallowRef)(null);
+		const setTargetRef = (node) => {
+			const element = (0, __v_c_util_dist_vnode.resolveToElement)(node);
+			if (element && targetEle.value !== element) {
+				targetEle.value = element;
+				externalForwardRef.value = element;
+			} else if (!element) {
+				targetEle.value = null;
+				externalForwardRef.value = null;
+			}
+		};
+		const originChildProps = (0, vue.reactive)({});
+		const baseActionProps = (0, vue.shallowRef)({});
+		const hoverActionProps = (0, vue.shallowRef)({});
+		const cloneProps = (0, vue.computed)(() => ({
+			...baseActionProps.value,
+			...hoverActionProps.value
+		}));
+		const inPopupOrChild = (ele) => {
+			const childDOM = targetEle.value;
+			return childDOM?.contains(ele) || childDOM && (0, __v_c_util_dist_Dom_shadow.getShadowRoot)(childDOM)?.host === ele || ele === childDOM || popupEle.value?.contains(ele) || popupEle.value && (0, __v_c_util_dist_Dom_shadow.getShadowRoot)(popupEle.value)?.host === ele || ele === popupEle.value || Object.values(subPopupElements.value).some((subPopupEle) => subPopupEle?.contains(ele) || ele === subPopupEle);
+		};
+		const innerArrow = (0, vue.computed)(() => {
+			return props.arrow ? { ...props?.arrow !== true ? props?.arrow : {} } : null;
+		});
+		const internalOpen = (0, vue.shallowRef)(props?.defaultPopupVisible ?? false);
+		if (props.popupVisible !== void 0) internalOpen.value = props.popupVisible;
+		const mergedOpen = (0, vue.computed)(() => {
+			return props?.popupVisible ?? internalOpen.value;
+		});
+		const setMergedOpen = (nextOpen) => {
+			if (openUncontrolled.value) internalOpen.value = nextOpen;
+		};
+		const isOpen = () => mergedOpen.value;
+		(0, vue.watch)(() => props.popupVisible, async (nextVisible) => {
+			if (nextVisible !== void 0) {
+				await (0, vue.nextTick)();
+				internalOpen.value = nextVisible;
+			}
+		});
+		const getUniqueOptions = (delay = 0) => {
+			return {
+				popup: props.popup,
+				target: targetEle.value,
+				delay,
+				prefixCls: props.prefixCls,
+				popupClassName: props.popupClassName,
+				uniqueContainerClassName: props.uniqueContainerClassName,
+				uniqueContainerStyle: props.uniqueContainerStyle,
+				popupStyle: props.popupStyle,
+				popupPlacement: props.popupPlacement,
+				builtinPlacements: props.builtinPlacements,
+				popupAlign: props.popupAlign,
+				zIndex: props.zIndex,
+				mask: props.mask,
+				maskClosable: props.maskClosable,
+				popupMotion: props.popupMotion,
+				maskMotion: props.maskMotion,
+				arrow: innerArrow.value,
+				getPopupContainer: props.getPopupContainer,
+				getPopupClassNameFromAlign: props.getPopupClassNameFromAlign,
+				id
+			};
+		};
+		(0, vue.watch)([mergedOpen, targetEle], () => {
+			if (uniqueContext && props.unique && targetEle.value && !openUncontrolled.value && !parentContext?.value) if (mergedOpen.value) {
+				const enterDelay = props.mouseEnterDelay ?? 0;
+				uniqueContext?.show(getUniqueOptions(enterDelay), isOpen);
+			} else uniqueContext?.hide(props.mouseLeaveDelay || 0);
+		});
+		const openRef = (0, vue.shallowRef)(mergedOpen.value);
+		const lastTriggerRef = (0, vue.shallowRef)([]);
+		lastTriggerRef.value = [];
+		(0, vue.watchEffect)(() => {
+			openRef.value = mergedOpen.value;
+			if (!mergedOpen.value) lastTriggerRef.value = [];
+		});
+		const internalTriggerOpen = (nextOpen) => {
+			setMergedOpen(nextOpen);
+			if ((lastTriggerRef.value[lastTriggerRef.value.length - 1] ?? mergedOpen.value) !== nextOpen) {
+				lastTriggerRef.value.push(nextOpen);
+				props?.onOpenChange?.(nextOpen);
+				props?.onPopupVisibleChange?.(nextOpen);
+			}
+		};
+		const delayInvoke = require_useDelay.default();
+		const triggerOpen = (nextOpen, delay = 0) => {
+			if (props.popupVisible !== void 0) {
+				delayInvoke(() => {
+					internalTriggerOpen(nextOpen);
+				}, delay);
+				return;
+			}
+			if (uniqueContext && props.unique && openUncontrolled.value && !parentContext?.value) {
+				if (nextOpen) uniqueContext?.show(getUniqueOptions(delay), isOpen);
+				else uniqueContext.hide(delay);
+				return;
+			}
+			delayInvoke(() => {
+				internalTriggerOpen(nextOpen);
+			}, delay);
+		};
+		const inMotion = (0, vue.shallowRef)(false);
+		(0, vue.watch)(mergedOpen, async () => {
+			await (0, vue.nextTick)();
+			if (mergedOpen.value) inMotion.value = true;
+		});
+		const motionPrepareResolve = (0, vue.shallowRef)();
+		const mousePos = (0, vue.ref)(null);
+		const setMousePosByEvent = (event) => {
+			mousePos.value = [event.clientX, event.clientY];
+		};
+		const [ready, offsetX, offsetY, offsetR, offsetB, arrowX, arrowY, scaleX, scaleY, alignInfo, onAlign] = require_useAlign.default(mergedOpen, popupEle, (0, vue.computed)(() => props?.alignPoint && mousePos.value !== null ? mousePos.value : targetEle.value), (0, vue.computed)(() => props?.popupPlacement), (0, vue.computed)(() => props?.builtinPlacements), (0, vue.computed)(() => props?.popupAlign), props?.onPopupAlign, isMobile);
+		const [showActions, hideActions] = require_useAction.default((0, vue.computed)(() => props.action), (0, vue.computed)(() => props.showAction), (0, vue.computed)(() => props.hideAction));
+		const clickToShow = (0, vue.computed)(() => showActions.value?.has("click"));
+		const clickToHide = (0, vue.computed)(() => hideActions.value?.has("click") || hideActions.value?.has("contextmenu"));
+		const triggerAlign = () => {
+			if (!inMotion.value) onAlign();
+		};
+		const onScroll = () => {
+			if (openRef.value && props?.alignPoint && clickToHide.value) triggerOpen(false);
+		};
+		require_useWatch.default(mergedOpen, targetEle, popupEle, triggerAlign, onScroll);
+		(0, vue.watch)([mousePos, () => props.popupPlacement], async () => {
+			await (0, vue.nextTick)();
+			triggerAlign();
+		});
+		(0, vue.watch)(() => JSON.stringify(props.popupAlign), async () => {
+			await (0, vue.nextTick)();
+			const { builtinPlacements, popupPlacement } = props;
+			if (mergedOpen.value && !builtinPlacements?.[popupPlacement]) triggerAlign();
+		});
+		const alignedClassName = (0, vue.computed)(() => {
+			return (0, __v_c_util.classNames)(require_util.getAlignPopupClassName(props.builtinPlacements, props.prefixCls, alignInfo.value, props.alignPoint), props?.getPopupClassNameFromAlign?.(alignInfo.value));
+		});
+		expose({
+			nativeElement: externalForwardRef,
+			popupElement: externalPopupRef,
+			forceAlign: triggerAlign
+		});
+		const targetWidth = (0, vue.shallowRef)(0);
+		const targetHeight = (0, vue.shallowRef)(0);
+		const syncTargetSize = () => {
+			if (props.stretch && targetEle.value) {
+				const rect = targetEle.value.getBoundingClientRect();
+				targetWidth.value = rect.width;
+				targetHeight.value = rect.height;
+			}
+		};
+		const onTargetResize = () => {
+			syncTargetSize();
+			triggerAlign();
+		};
+		const onVisibleChanged = (visible) => {
+			inMotion.value = false;
+			onAlign();
+			props?.afterOpenChange?.(visible);
+			props?.afterPopupVisibleChange?.(visible);
+		};
+		const onPrepare = () => {
+			return new Promise((resolve) => {
+				syncTargetSize();
+				motionPrepareResolve.value = resolve;
+			});
+		};
+		(0, vue.watch)([motionPrepareResolve], () => {
+			if (motionPrepareResolve.value) {
+				onAlign();
+				motionPrepareResolve.value();
+				motionPrepareResolve.value = void 0;
+			}
+		});
+		function wrapperAction(target, eventName, nextOpen, delay, callback, ignoreCheck) {
+			target[eventName] = (event, ...args) => {
+				if (!ignoreCheck || !ignoreCheck()) {
+					callback?.(event);
+					triggerOpen(nextOpen, delay);
+				}
+				originChildProps[eventName]?.(event, ...args);
+			};
+		}
+		const touchToShow = (0, vue.computed)(() => showActions.value?.has("touch"));
+		const touchToHide = (0, vue.computed)(() => hideActions.value?.has("touch"));
+		const touchedRef = (0, vue.shallowRef)(false);
+		(0, vue.watchEffect)(() => {
+			const nextCloneProps = {};
+			if (touchToShow.value || touchToHide.value) nextCloneProps.onTouchstart = (...args) => {
+				touchedRef.value = true;
+				if (openRef.value && touchToHide.value) triggerOpen(false);
+				else if (!openRef.value && touchToShow.value) triggerOpen(true);
+				originChildProps.onTouchstart?.(...args);
+			};
+			if (clickToShow.value || clickToHide.value) nextCloneProps.onClick = (event, ...args) => {
+				if (openRef.value && clickToHide.value) triggerOpen(false);
+				else if (!openRef.value && clickToShow.value) {
+					setMousePosByEvent(event);
+					triggerOpen(true);
+				}
+				originChildProps?.onClick?.(event, ...args);
+				touchedRef.value = false;
+			};
+			baseActionProps.value = nextCloneProps;
+		});
+		const onPopupPointerDown = require_useWinClick.default(mergedOpen, (0, vue.computed)(() => clickToHide.value || touchToHide.value), targetEle, popupEle, (0, vue.computed)(() => props.mask), (0, vue.computed)(() => props.maskClosable), inPopupOrChild, triggerOpen);
+		const hoverToShow = (0, vue.computed)(() => showActions.value?.has("hover"));
+		const hoverToHide = (0, vue.computed)(() => hideActions.value?.has("hover"));
+		let onPopupMouseEnter;
+		let onPopupMouseLeave;
+		const ignoreMouseTrigger = () => {
+			return touchedRef.value;
+		};
+		(0, vue.watchEffect)(() => {
+			const { mouseEnterDelay, mouseLeaveDelay, alignPoint, focusDelay, blurDelay } = props;
+			const nextHoverProps = {};
+			if (hoverToShow.value) {
+				const onMouseEnterCallback = (event) => {
+					setMousePosByEvent(event);
+				};
+				wrapperAction(nextHoverProps, "onMouseenter", true, mouseEnterDelay, onMouseEnterCallback, ignoreMouseTrigger);
+				wrapperAction(nextHoverProps, "onPointerenter", true, mouseEnterDelay, onMouseEnterCallback, ignoreMouseTrigger);
+				onPopupMouseEnter = (event) => {
+					if ((mergedOpen.value || inMotion.value) && popupEle?.value?.contains(event.target)) triggerOpen(true, mouseEnterDelay);
+				};
+				if (alignPoint) nextHoverProps.onMouseMove = (event) => {
+					originChildProps.onMousemove?.(event);
+				};
+			} else onPopupMouseEnter = void 0;
+			if (hoverToHide.value) {
+				wrapperAction(nextHoverProps, "onMouseleave", false, mouseLeaveDelay, void 0, ignoreMouseTrigger);
+				wrapperAction(nextHoverProps, "onPointerleave", false, mouseLeaveDelay, void 0, ignoreMouseTrigger);
+				onPopupMouseLeave = (event) => {
+					const { relatedTarget } = event;
+					if (relatedTarget && inPopupOrChild(relatedTarget)) return;
+					triggerOpen(false, mouseLeaveDelay);
+				};
+			} else onPopupMouseLeave = void 0;
+			if (showActions.value.has("focus")) wrapperAction(nextHoverProps, "onFocus", true, focusDelay);
+			if (hideActions.value.has("focus")) wrapperAction(nextHoverProps, "onBlur", false, blurDelay);
+			if (showActions.value.has("contextmenu")) nextHoverProps.onContextmenu = (event, ...args) => {
+				if (openRef.value && hideActions.value.has("contextmenu")) triggerOpen(false);
+				else {
+					setMousePosByEvent(event);
+					triggerOpen(true);
+				}
+				event.preventDefault();
+				originChildProps.onContextmenu?.(event, ...args);
+			};
+			hoverActionProps.value = nextHoverProps;
+		});
+		const rendedRef = (0, vue.shallowRef)(false);
+		(0, vue.watchEffect)(() => {
+			rendedRef.value ||= props.forceRender || mergedOpen.value || inMotion.value;
+		});
+		return () => {
+			const child = (0, __v_c_util_dist_props_util.filterEmpty)(slots?.default?.() ?? [])?.[0];
+			const mergedChildrenProps = {
+				...originChildProps,
+				...cloneProps.value
+			};
+			const passedProps = {};
+			[
+				"onContextmenu",
+				"onClick",
+				"onMousedown",
+				"onTouchstart",
+				"onMouseenter",
+				"onMouseleave",
+				"onFocus",
+				"onBlur"
+			].forEach((eventName) => {
+				if (attrs[eventName]) passedProps[eventName] = (...args) => {
+					mergedChildrenProps[eventName]?.(...args);
+					attrs[eventName](...args);
+				};
+			});
+			const arrowPos = {
+				x: arrowX.value,
+				y: arrowY.value
+			};
+			const triggerNode = (0, vue.createVNode)(child, {
+				...mergedChildrenProps,
+				...passedProps,
+				ref: setTargetRef
+			});
+			const { unique, prefixCls, popup, popupClassName, popupStyle, zIndex, fresh, onPopupClick, mask, popupMotion, maskMotion, forceRender, getPopupContainer, stretch, mobile } = props;
+			return (0, vue.createVNode)(vue.Fragment, null, [(0, vue.createVNode)(__v_c_resize_observer.default, {
+				"disabled": !mergedOpen.value,
+				"onResize": onTargetResize
+			}, _isSlot(triggerNode) ? triggerNode : { default: () => [triggerNode] }), rendedRef.value && targetEle.value && (!uniqueContext || !unique) && (0, vue.createVNode)(require_context.TriggerContextProvider, context.value, { default: () => [(0, vue.createVNode)(require_index.default, {
+				"portal": PortalComponent,
+				"ref": setPopupRef,
+				"prefixCls": prefixCls,
+				"popup": popup,
+				"className": (0, __v_c_util.classNames)(popupClassName, !isMobile.value && alignedClassName.value),
+				"style": popupStyle,
+				"target": targetEle.value,
+				"onMouseEnter": onPopupMouseEnter,
+				"onMouseLeave": onPopupMouseLeave,
+				"onPointerEnter": onPopupMouseEnter,
+				"zIndex": zIndex,
+				"open": mergedOpen.value,
+				"keepDom": inMotion.value,
+				"fresh": fresh,
+				"onClick": onPopupClick,
+				"onPointerDownCapture": onPopupPointerDown,
+				"mask": mask,
+				"motion": popupMotion,
+				"maskMotion": maskMotion,
+				"onVisibleChanged": onVisibleChanged,
+				"onPrepare": onPrepare,
+				"forceRender": forceRender,
+				"autoDestroy": mergedAutoDestroy.value,
+				"getPopupContainer": getPopupContainer,
+				"align": alignInfo.value,
+				"arrow": innerArrow.value,
+				"arrowPos": arrowPos,
+				"ready": ready.value,
+				"offsetX": offsetX.value,
+				"offsetY": offsetY.value,
+				"offsetR": offsetR.value,
+				"offsetB": offsetB.value,
+				"onAlign": triggerAlign,
+				"stretch": stretch,
+				"targetWidth": targetWidth.value / scaleX.value,
+				"targetHeight": targetHeight.value / scaleY.value,
+				"mobile": mobile
+			}, null)] })]);
+		};
+	}, { props: /* @__PURE__ */ (0, vue.mergeDefaults)({
+		action: {
+			type: [String, Array],
+			required: false,
+			default: void 0
+		},
+		showAction: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		hideAction: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		zIndex: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		onPopupAlign: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		stretch: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		popupVisible: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultPopupVisible: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onOpenChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		afterOpenChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPopupVisibleChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		afterPopupVisibleChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		getPopupContainer: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		forceRender: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		autoDestroy: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		mask: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		maskClosable: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		popupMotion: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		maskMotion: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		mouseEnterDelay: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		mouseLeaveDelay: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		focusDelay: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		blurDelay: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		popup: {
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array,
+				Function
+			],
+			required: true,
+			skipCheck: true,
+			default: void 0
+		},
+		popupPlacement: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		builtinPlacements: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		popupAlign: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		popupClassName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		uniqueContainerClassName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		uniqueContainerStyle: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		popupStyle: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		getPopupClassNameFromAlign: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onPopupClick: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		alignPoint: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		fresh: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		unique: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		arrow: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		mobile: {
+			type: Object,
+			required: false,
+			default: void 0
+		}
+	}, defaults) });
 }
-const Trigger = generateTrigger(Portal);
-exports.UniqueProvider = index.default;
+var Trigger = generateTrigger(__v_c_portal.default);
+var src_default = Trigger;
 exports.Trigger = Trigger;
-exports.default = Trigger;
+exports.UniqueProvider = require_index$1.default;
+exports.default = src_default;
 exports.generateTrigger = generateTrigger;