@v-c/trigger 0.0.9 → 0.0.11

package/dist/index.cjs

@@ -1 +1,700 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),de=require("@v-c/portal"),Qe=require("@v-c/resize-observer"),re=require("@v-c/util"),R=require("@v-c/util/dist/Dom/findDOMNode"),fe=require("@v-c/util/dist/Dom/shadow"),Ze=require("@v-c/util/dist/props-util"),H=require("./context.cjs"),et=require("./hooks/useAction.cjs"),tt=require("./hooks/useAlign.cjs"),nt=require("./hooks/useDelay.cjs"),ut=require("./hooks/useWatch.cjs"),lt=require("./hooks/useWinClick.cjs"),at=require("./Popup/index.cjs"),ot=require("./util.cjs"),it=require("./UniqueProvider/index.cjs");function st(C){return typeof C=="function"||Object.prototype.toString.call(C)==="[object Object]"&&!t.isVNode(C)}const rt={prefixCls:"vc-trigger-popup",action:"hover",mouseLeaveDelay:.1,maskClosable:!0,builtinPlacements:{},popupVisible:void 0,defaultPopupVisible:void 0};function ce(C=de){return t.defineComponent((n,{expose:ve,slots:me,attrs:U})=>{const ge=t.computed(()=>n.autoDestroy??!1),O=t.computed(()=>n.popupVisible===void 0),X=t.computed(()=>!!n.mobile),E=t.ref({}),k=H.useTriggerContext(),he=t.computed(()=>({registerSubPopup(e,u){u?E.value[e]=u:delete E.value[e],k?.value.registerSubPopup(e,u)}})),c=H.useUniqueContext(),Y=t.useId(),d=t.shallowRef(null),$=t.shallowRef(null),W=e=>{if(!e)return null;if(R.isDOM(e))return e;const u=e;if(R.isDOM(u?.$el))return u.$el;const a=u?.nativeElement;if(R.isDOM(a?.value))return a.value;if(R.isDOM(a))return a;if(typeof u?.getElement=="function"){const v=u.getElement();if(R.isDOM(v))return v}return null},ye=e=>{const u=W(e);$.value=u,d.value!==u&&(d.value=u),k?.value?.registerSubPopup(Y,u??null)},i=t.shallowRef(null),V=t.shallowRef(null),Pe=e=>{const u=W(e);u&&i.value!==u?(i.value=u,V.value=u):u||(i.value=null,V.value=null)},m=t.reactive({}),_=t.shallowRef({}),J=t.shallowRef({}),Ce=t.computed(()=>({..._.value,...J.value})),G=e=>{const u=i.value;return u?.contains(e)||u&&fe.getShadowRoot(u)?.host===e||e===u||d.value?.contains(e)||d.value&&fe.getShadowRoot(d.value)?.host===e||e===d.value||Object.values(E.value).some(a=>a?.contains(e)||e===a)},K=t.computed(()=>n.arrow?{...n?.arrow!==!0?n?.arrow:{}}:null),A=t.shallowRef(n?.defaultPopupVisible??!1);n.popupVisible!==void 0&&(A.value=n.popupVisible);const l=t.computed(()=>n?.popupVisible??A.value),qe=e=>{O.value&&(A.value=e)},Q=()=>l.value;t.watch(()=>n.popupVisible,async e=>{e!==void 0&&(await t.nextTick(),A.value=e)});const Z=(e=0)=>({popup:n.popup,target:i.value,delay:e,prefixCls:n.prefixCls,popupClassName:n.popupClassName,uniqueContainerClassName:n.uniqueContainerClassName,uniqueContainerStyle:n.uniqueContainerStyle,popupStyle:n.popupStyle,popupPlacement:n.popupPlacement,builtinPlacements:n.builtinPlacements,popupAlign:n.popupAlign,zIndex:n.zIndex,mask:n.mask,maskClosable:n.maskClosable,popupMotion:n.popupMotion,maskMotion:n.maskMotion,arrow:K.value,getPopupContainer:n.getPopupContainer,getPopupClassNameFromAlign:n.getPopupClassNameFromAlign,id:Y});t.watch([l,i],()=>{if(c&&n.unique&&i.value&&!O.value&&!k?.value)if(l.value){const e=n.mouseEnterDelay??0;c?.show(Z(e),Q)}else c?.hide(n.mouseLeaveDelay||0)});const p=t.shallowRef(l.value),q=t.shallowRef([]);q.value=[],t.watchEffect(()=>{p.value=l.value,l.value||(q.value=[])});const ee=e=>{qe(e),(q.value[q.value.length-1]??l.value)!==e&&(q.value.push(e),n?.onOpenChange?.(e),n?.onPopupVisibleChange?.(e))},te=nt.default(),f=(e,u=0)=>{if(n.popupVisible!==void 0){te(()=>{ee(e)},u);return}if(c&&n.unique&&O.value&&!k?.value){e?c?.show(Z(u),Q):c.hide(u);return}te(()=>{ee(e)},u)},g=t.shallowRef(!1);t.watch(l,async()=>{await t.nextTick(),l.value&&(g.value=!0)});const b=t.shallowRef(),x=t.ref(null),F=e=>{x.value=[e.clientX,e.clientY]},[be,we,Me,Re,ke,Ae,xe,De,Se,B,j]=tt.default(l,d,t.computed(()=>n?.alignPoint&&x.value!==null?x.value:i.value),t.computed(()=>n?.popupPlacement),t.computed(()=>n?.builtinPlacements),t.computed(()=>n?.popupAlign),n?.onPopupAlign,X),[w,h]=et.default(t.computed(()=>n.action),t.computed(()=>n.showAction),t.computed(()=>n.hideAction)),ne=t.computed(()=>w.value?.has("click")),D=t.computed(()=>h.value?.has("click")||h.value?.has("contextmenu")),y=()=>{g.value||j()},Ne=()=>{p.value&&n?.alignPoint&&D.value&&f(!1)};ut.default(l,i,d,y,Ne),t.watch([x,()=>n.popupPlacement],async()=>{await t.nextTick(),y()}),t.watch(()=>JSON.stringify(n.popupAlign),async()=>{await t.nextTick();const{builtinPlacements:e,popupPlacement:u}=n;l.value&&!e?.[u]&&y()});const Te=t.computed(()=>{const e=ot.getAlignPopupClassName(n.builtinPlacements,n.prefixCls,B.value,n.alignPoint);return re.classNames(e,n?.getPopupClassNameFromAlign?.(B.value))});ve({nativeElement:V,popupElement:$,forceAlign:y});const ue=t.shallowRef(0),le=t.shallowRef(0),ae=()=>{if(n.stretch&&i.value){const e=i.value.getBoundingClientRect();ue.value=e.width,le.value=e.height}},Oe=()=>{ae(),y()},Ee=e=>{g.value=!1,j(),n?.afterOpenChange?.(e),n?.afterPopupVisibleChange?.(e)},Ve=()=>new Promise(e=>{ae(),b.value=e});t.watch([b],()=>{b.value&&(j(),b.value(),b.value=void 0)});function P(e,u,a,v,M,o){e[u]=(r,...s)=>{(!o||!o())&&(M?.(r),f(a,v)),m[u]?.(r,...s)}}const oe=t.computed(()=>w.value?.has("touch")),z=t.computed(()=>h.value?.has("touch")),I=t.shallowRef(!1);t.watchEffect(()=>{const e={};(oe.value||z.value)&&(e.onTouchstart=(...u)=>{I.value=!0,p.value&&z.value?f(!1):!p.value&&oe.value&&f(!0),m.onTouchstart?.(...u)}),(ne.value||D.value)&&(e.onClick=(u,...a)=>{p.value&&D.value?f(!1):!p.value&&ne.value&&(F(u),f(!0)),m?.onClick?.(u,...a),I.value=!1}),_.value=e});const Fe=lt.default(l,t.computed(()=>D.value||z.value),i,d,t.computed(()=>n.mask),t.computed(()=>n.maskClosable),G,f),Be=t.computed(()=>w.value?.has("hover")),je=t.computed(()=>h.value?.has("hover"));let S,L;const N=()=>I.value;t.watchEffect(()=>{const{mouseEnterDelay:e,mouseLeaveDelay:u,alignPoint:a,focusDelay:v,blurDelay:M}=n,o={};if(Be.value){const r=s=>{F(s)};P(o,"onMouseenter",!0,e,r,N),P(o,"onPointerenter",!0,e,r,N),S=s=>{(l.value||g.value)&&d?.value?.contains(s.target)&&f(!0,e)},a&&(o.onMouseMove=s=>{m.onMousemove?.(s)})}else S=void 0;je.value?(P(o,"onMouseleave",!1,u,void 0,N),P(o,"onPointerleave",!1,u,void 0,N),L=r=>{const{relatedTarget:s}=r;s&&G(s)||f(!1,u)}):L=void 0,w.value.has("focus")&&P(o,"onFocus",!0,v),h.value.has("focus")&&P(o,"onBlur",!1,M),w.value.has("contextmenu")&&(o.onContextmenu=(r,...s)=>{p.value&&h.value.has("contextmenu")?f(!1):(F(r),f(!0)),r.preventDefault(),m.onContextmenu?.(r,...s)}),J.value=o});const ie=t.shallowRef(!1);return t.watchEffect(()=>{ie.value||=n.forceRender||l.value||g.value}),()=>{const e=Ze.filterEmpty(me?.default?.()??[])?.[0],u={...m,...Ce.value},a={};["onContextmenu","onClick","onMousedown","onTouchstart","onMouseenter","onMouseleave","onFocus","onBlur"].forEach(T=>{U[T]&&(a[T]=(...se)=>{u[T]?.(...se),U[T](...se)})});const M={x:Ae.value,y:xe.value},o=t.createVNode(e,{...u,...a,ref:Pe}),{unique:r,prefixCls:s,popup:ze,popupClassName:Ie,popupStyle:Le,zIndex:He,fresh:Ue,onPopupClick:Xe,mask:Ye,popupMotion:$e,maskMotion:We,forceRender:_e,getPopupContainer:Je,stretch:Ge,mobile:Ke}=n;return t.createVNode(t.Fragment,null,[t.createVNode(Qe,{disabled:!l.value,onResize:Oe},st(o)?o:{default:()=>[o]}),ie.value&&i.value&&(!c||!r)&&t.createVNode(H.TriggerContextProvider,he.value,{default:()=>[t.createVNode(at.default,{portal:C,ref:ye,prefixCls:s,popup:ze,className:re.classNames(Ie,!X.value&&Te.value),style:Le,target:i.value,onMouseEnter:S,onMouseLeave:L,onPointerEnter:S,zIndex:He,open:l.value,keepDom:g.value,fresh:Ue,onClick:Xe,onPointerDownCapture:Fe,mask:Ye,motion:$e,maskMotion:We,onVisibleChanged:Ee,onPrepare:Ve,forceRender:_e,autoDestroy:ge.value,getPopupContainer:Je,align:B.value,arrow:K.value,arrowPos:M,ready:be.value,offsetX:we.value,offsetY:Me.value,offsetR:Re.value,offsetB:ke.value,onAlign:y,stretch:Ge,targetWidth:ue.value/De.value,targetHeight:le.value/Se.value,mobile:Ke},null)]})])}},{props:t.mergeDefaults({action:{type:[String,Array],required:!1,default:void 0},showAction:{type:Array,required:!1,default:void 0},hideAction:{type:Array,required:!1,default:void 0},prefixCls:{type:String,required:!1,default:void 0},zIndex:{type:Number,required:!1,default:void 0},onPopupAlign:{type:Function,required:!1,default:void 0},stretch:{type:String,required:!1,default:void 0},popupVisible:{type:Boolean,required:!1,default:void 0},defaultPopupVisible:{type:Boolean,required:!1,default:void 0},onOpenChange:{type:Function,required:!1,default:void 0},afterOpenChange:{type:Function,required:!1,default:void 0},onPopupVisibleChange:{type:Function,required:!1,default:void 0},afterPopupVisibleChange:{type:Function,required:!1,default:void 0},getPopupContainer:{type:Function,required:!1,default:void 0},forceRender:{type:Boolean,required:!1,default:void 0},autoDestroy:{type:Boolean,required:!1,default:void 0},mask:{type:Boolean,required:!1,default:void 0},maskClosable:{type:Boolean,required:!1,default:void 0},popupMotion:{type:Object,required:!1,default:void 0},maskMotion:{type:Object,required:!1,default:void 0},mouseEnterDelay:{type:Number,required:!1,default:void 0},mouseLeaveDelay:{type:Number,required:!1,default:void 0},focusDelay:{type:Number,required:!1,default:void 0},blurDelay:{type:Number,required:!1,default:void 0},popup:{type:[String,Number,null,Array,Function],required:!0,skipCheck:!0,default:void 0},popupPlacement:{type:String,required:!1,default:void 0},builtinPlacements:{type:Object,required:!1,default:void 0},popupAlign:{type:Object,required:!1,default:void 0},popupClassName:{type:String,required:!1,default:void 0},uniqueContainerClassName:{type:String,required:!1,default:void 0},uniqueContainerStyle:{type:null,required:!1,default:void 0},popupStyle:{type:null,required:!1,default:void 0},getPopupClassNameFromAlign:{type:Function,required:!1,default:void 0},onPopupClick:{type:Function,required:!1,default:void 0},alignPoint:{type:Boolean,required:!1,default:void 0},fresh:{type:Boolean,required:!1,default:void 0},unique:{type:Boolean,required:!1,default:void 0},arrow:{type:[Boolean,Object],required:!1,default:void 0},mobile:{type:Object,required:!1,default:void 0}},rt)})}const pe=ce(de);exports.UniqueProvider=it.default;exports.Trigger=pe;exports.default=pe;exports.generateTrigger=ce;
+"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");
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const defaults = {
+  prefixCls: "vc-trigger-popup",
+  action: "hover",
+  mouseLeaveDelay: 0.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)
+  });
+}
+const Trigger = generateTrigger(Portal);
+exports.UniqueProvider = index.default;
+exports.Trigger = Trigger;
+exports.default = Trigger;
+exports.generateTrigger = generateTrigger;