@v-c/trigger 0.0.1 → 0.0.3

package/dist/Popup/index.js

@@ -1,63 +1,62 @@
-import { defineComponent as Z, computed as f, shallowRef as w, watchEffect as _, nextTick as ee, createVNode as i, Transition as te, withDirectives as re, mergeProps as oe, vShow as ne, mergeDefaults as ie } from "vue";
-import ae from "../resize-observer/dist/index.js";
-import "../util/dist/warning.js";
-import ue from "../util/dist/classnames.js";
-import { toPropsRefs as se } from "../util/dist/props-util/index.js";
-import { getTransitionProps as le } from "../util/dist/utils/transition.js";
-import fe from "../hooks/useOffsetStyle.js";
-import { Arrow as pe } from "./Arrow.js";
-import de from "./Mask.js";
+import { defineComponent as Z, computed as l, shallowRef as C, watchEffect as _, nextTick as ee, createVNode as o, Transition as te, withDirectives as ne, mergeProps as re, vShow as oe, mergeDefaults as ue } from "vue";
+import ie from "@v-c/resize-observer";
+import { classNames as de } from "@v-c/util";
+import { toPropsRefs as ae } from "@v-c/util/dist/props-util";
+import { getTransitionProps as fe } from "@v-c/util/dist/utils/transition";
+import le from "../hooks/useOffsetStyle.js";
+import { Arrow as se } from "./Arrow.js";
+import pe from "./Mask.js";
 import me from "./PopupContent.js";
 const ce = {
   autoDestroy: !0
-}, ke = /* @__PURE__ */ Z((e, {
-  attrs: x,
-  expose: k
+}, xe = /* @__PURE__ */ Z((e, {
+  attrs: w,
+  expose: x
 }) => {
-  const M = f(() => typeof e.popup == "function" ? e.popup() : e.popup), {
-    offsetX: N,
-    offsetR: B,
-    offsetY: A,
-    offsetB: E,
-    open: n,
-    ready: R,
-    align: D
-  } = se(e, "offsetX", "offsetB", "offsetY", "offsetR", "ready", "open", "align"), P = f(() => e.open || e.keepDom), p = f(() => !!e.mobile), F = e?.getPopupContainer?.length > 0, z = f(() => {
+  const k = l(() => typeof e.popup == "function" ? e.popup() : e.popup), {
+    offsetX: M,
+    offsetR: N,
+    offsetY: B,
+    offsetB: A,
+    open: u,
+    ready: E,
+    align: R
+  } = ae(e, "offsetX", "offsetB", "offsetY", "offsetR", "ready", "open", "align"), D = l(() => e.open || e.keepDom), s = l(() => !!e.mobile), z = e?.getPopupContainer?.length > 0, F = l(() => {
     const {
       mobile: t,
-      mask: r,
-      maskMotion: a,
+      mask: n,
+      maskMotion: i,
       motion: c
     } = e;
-    return t ? [t.mask, t.maskMotion, t.motion] : [r, a, c];
-  }), d = w(!e.getPopupContainer || !F);
+    return t ? [t.mask, t.maskMotion, t.motion] : [n, i, c];
+  }), p = C(!e.getPopupContainer || !z);
   _(async () => {
     await ee();
-    const t = e?.getPopupContainer?.length > 0, r = e.target;
-    !d.value && t && r && (d.value = !0);
+    const t = e?.getPopupContainer?.length > 0, n = e.target;
+    !p.value && t && n && (p.value = !0);
   });
-  const S = (t, r) => {
-    e?.onResize?.(t, r), e?.onAlign?.();
-  }, O = fe(p, R, n, D, B, E, N, A), m = w();
-  return k({
+  const O = (t, n) => {
+    e?.onResize?.(t, n), e?.onAlign?.();
+  }, S = le(s, E, u, R, N, A, M, B), m = C();
+  return x({
     getElement: () => m.value,
     nativeElement: m
   }), () => {
-    if (!d.value)
+    if (!p.value)
       return null;
     const {
       stretch: t,
-      targetHeight: r,
-      targetWidth: a,
+      targetHeight: n,
+      targetWidth: i,
       portal: c,
       forceRender: $,
-      getPopupContainer: h,
+      getPopupContainer: P,
       target: j,
       autoDestroy: T,
-      zIndex: b,
-      prefixCls: l,
+      zIndex: h,
+      prefixCls: f,
       // Arrow
-      arrow: v,
+      arrow: b,
       arrowPos: y,
       align: H,
       onMouseEnter: I,
@@ -66,56 +65,56 @@ const ce = {
       onPointerDownCapture: W,
       onClick: X,
       fresh: Y,
-      onPrepare: C,
+      onPrepare: v,
       onVisibleChanged: g
-    } = e, u = {};
-    t && (t.includes("height") && r ? u.height = `${r}px` : t.includes("minHeight") && r && (u.minHeight = `${r}px`), t.includes("width") && a ? u.width = `${a}px` : t.includes("minWidth") && a && (u.minWidth = `${a}px`)), n.value || (u.pointerEvents = "none");
-    const [G, J, q] = z.value, K = q?.name ?? q?.motionName, s = le(K, q), Q = {
-      ...s,
-      onBeforeAppear: (o) => {
-        C?.(), s?.onBeforeAppear?.(o);
+    } = e, d = {};
+    t && (t.includes("height") && n ? d.height = `${n}px` : t.includes("minHeight") && n && (d.minHeight = `${n}px`), t.includes("width") && i ? d.width = `${i}px` : t.includes("minWidth") && i && (d.minWidth = `${i}px`)), u.value || (d.pointerEvents = "none");
+    const [G, J, q] = F.value, K = q?.name ?? q?.motionName, a = fe(K, q), Q = {
+      ...a,
+      onBeforeAppear: (r) => {
+        v?.(), a?.onBeforeAppear?.(r);
       },
-      onBeforeEnter: (o) => {
-        C?.(), s?.onBeforeEnter?.(o);
+      onBeforeEnter: (r) => {
+        v?.(), a?.onBeforeEnter?.(r);
       },
-      onAfterAppear: (o) => {
-        s?.onAfterAppear?.(o), g?.(!0);
+      onAfterAppear: (r) => {
+        a?.onAfterAppear?.(r), g?.(!0);
       },
-      onAfterEnter: (o) => {
-        s?.onAfterEnter?.(o), g?.(!0);
+      onAfterEnter: (r) => {
+        a?.onAfterEnter?.(r), g?.(!0);
       },
-      onAfterLeave: (o) => {
-        s.onAfterLeave?.(o), g?.(!1);
+      onAfterLeave: (r) => {
+        a.onAfterLeave?.(r), g?.(!1);
       }
-    }, U = ue(l, x.class, e.className, {
-      [`${l}-mobile`]: p.value
+    }, U = de(f, w.class, e.className, {
+      [`${f}-mobile`]: s.value
     });
-    return console.log(P.value, n.value), i(c, {
-      open: $ || P.value,
-      getContainer: h && (() => h(j)),
+    return o(c, {
+      open: $ || D.value,
+      getContainer: P && (() => P(j)),
       autoDestroy: T
     }, {
-      default: () => [i(de, {
-        prefixCls: l,
-        open: n.value,
-        zIndex: b,
+      default: () => [o(pe, {
+        prefixCls: f,
+        open: u.value,
+        zIndex: h,
         mask: G,
         motion: J,
-        mobile: p.value
-      }, null), i(ae, {
-        onResize: S,
-        disabled: !n.value
+        mobile: s.value
+      }, null), o(ie, {
+        onResize: O,
+        disabled: !u.value
       }, {
-        default: () => [i(te, Q, {
-          default: () => [re(i("div", oe({
+        default: () => [o(te, Q, {
+          default: () => [ne(o("div", re({
             ref: m,
             class: U,
             style: [{
               "--arrow-x": `${y.x || 0}px`,
               "--arrow-y": `${y.y || 0}px`
-            }, O.value, u, {
+            }, S.value, d, {
               boxSizing: "border-box",
-              zIndex: b
+              zIndex: h
             }, e.style],
             onMouseenter: I,
             onMouseleave: L,
@@ -123,173 +122,210 @@ const ce = {
             onClick: X
           }, {
             onPointerdownCapture: W
-          }), [v && i(pe, {
-            prefixCls: l,
-            arrow: v,
+          }), [b && o(se, {
+            prefixCls: f,
+            arrow: b,
             arrowPos: y,
             align: H
-          }, null), i(me, {
-            cache: !n.value && !Y
+          }, null), o(me, {
+            cache: !u.value && !Y
           }, {
-            default: () => [M.value]
-          })]), [[ne, n.value]])]
+            default: () => [k.value]
+          })]), [[oe, u.value]])]
         })]
       })]
     });
   };
 }, {
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ ue({
     prefixCls: {
       type: String,
-      required: !0
+      required: !0,
+      default: void 0
     },
     className: {
       type: String,
-      required: !1
+      required: !1,
+      default: void 0
     },
     style: {
       type: null,
-      required: !1
+      required: !1,
+      default: void 0
     },
     popup: {
       type: Function,
       required: !1,
-      skipCheck: !0
+      skipCheck: !0,
+      default: void 0
     },
     target: {
       type: null,
-      required: !0
+      required: !0,
+      default: void 0
     },
     onMouseEnter: {
       type: Function,
-      required: !1
+      required: !1,
+      default: void 0
     },
     onMouseLeave: {
       type: Function,
-      required: !1
+      required: !1,
+      default: void 0
     },
     onPointerEnter: {
       type: Function,
-      required: !1
+      required: !1,
+      default: void 0
     },
     onPointerDownCapture: {
       type: Function,
-      required: !1
+      required: !1,
+      default: void 0
     },
     zIndex: {
       type: Number,
-      required: !1
+      required: !1,
+      default: void 0
     },
     mask: {
       type: Boolean,
-      required: !1
+      required: !1,
+      default: void 0
     },
     onVisibleChanged: {
       type: Function,
-      required: !0
+      required: !0,
+      default: void 0
     },
     align: {
       type: Object,
-      required: !1
+      required: !1,
+      default: void 0
     },
     arrow: {
       type: Object,
-      required: !1
+      required: !1,
+      default: void 0
     },
     arrowPos: {
       type: Object,
-      required: !0
+      required: !0,
+      default: void 0
     },
     open: {
       type: Boolean,
-      required: !0
+      required: !0,
+      default: void 0
     },
     keepDom: {
       type: Boolean,
-      required: !0
+      required: !0,
+      default: void 0
     },
     fresh: {
       type: Boolean,
-      required: !1
+      required: !1,
+      default: void 0
     },
     onClick: {
       type: Function,
-      required: !1
+      required: !1,
+      default: void 0
     },
     motion: {
       type: Object,
-      required: !1
+      required: !1,
+      default: void 0
     },
     maskMotion: {
       type: Object,
-      required: !1
+      required: !1,
+      default: void 0
     },
     forceRender: {
       type: Boolean,
-      required: !1
+      required: !1,
+      default: void 0
     },
     getPopupContainer: {
       type: Function,
-      required: !1
+      required: !1,
+      default: void 0
     },
     autoDestroy: {
       type: Boolean,
-      required: !1
+      required: !1,
+      default: void 0
     },
     portal: {
       type: null,
-      required: !0
+      required: !0,
+      default: void 0
     },
     ready: {
       type: Boolean,
-      required: !0
+      required: !0,
+      default: void 0
     },
     offsetX: {
       type: Number,
-      required: !0
+      required: !0,
+      default: void 0
     },
     offsetY: {
       type: Number,
-      required: !0
+      required: !0,
+      default: void 0
     },
     offsetR: {
       type: Number,
-      required: !0
+      required: !0,
+      default: void 0
     },
     offsetB: {
       type: Number,
-      required: !0
+      required: !0,
+      default: void 0
     },
     onAlign: {
       type: null,
-      required: !0
+      required: !0,
+      default: void 0
     },
     onPrepare: {
       type: Function,
-      required: !0
+      required: !0,
+      default: void 0
     },
     stretch: {
       type: String,
-      required: !1
+      required: !1,
+      default: void 0
     },
     targetWidth: {
       type: Number,
-      required: !1
+      required: !1,
+      default: void 0
     },
     targetHeight: {
       type: Number,
-      required: !1
+      required: !1,
+      default: void 0
     },
     onResize: {
       type: null,
-      required: !1
+      required: !1,
+      default: void 0
     },
     mobile: {
       type: Object,
-      required: !1
+      required: !1,
+      default: void 0
     }
   }, ce)
 });
 export {
-  ke as default
+  xe as default
 };

package/dist/UniqueProvider/UniqueContainer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),A=require("../util/dist/props-util/index.cjs"),B=require("../util/dist/utils/transition.cjs"),x=require("../hooks/useOffsetStyle.cjs"),N=e.defineComponent(s=>{const r=e.shallowRef(!1),{open:n,isMobile:y,align:q,ready:f,offsetR:v,offsetB:b,offsetX:m,offsetY:h}=A.toPropsRefs(s,"open","isMobile","align","ready","offsetR","offsetB","offsetX","offsetY"),l=x.default(y,f,n,q,v,b,m,h),p=e.shallowRef(l.value);return e.watchEffect(()=>{f.value&&(p.value=l.value)}),e.watch(n,i=>{i&&(r.value=!0)},{immediate:!0}),()=>{const{popupSize:i,motion:d,prefixCls:S,uniqueContainerClassName:w,arrowPos:c,uniqueContainerStyle:g}=s,u={};i&&(u.width=`${i.width}px`,u.height=`${i.height}px`);const o=B.getTransitionProps(d?.name,d),C={...o,onBeforeAppear:t=>{r.value=!0,o.onBeforeAppear?.(t)},onBeforeEnter:t=>{r.value=!0,o.onBeforeEnter?.(t)},onAfterAppear:t=>{r.value=!0,o.onAfterAppear?.(t)},onAfterEnter:t=>{r.value=!0,o.onAfterEnter?.(t)},onAfterLeave:t=>{r.value=!1,o.onAfterLeave?.(t)}},a=`${S}-unique-container`;return e.createVNode(e.Transition,C,{default:()=>[e.withDirectives(e.createVNode("div",{class:[a,w,{[`${a}-visible`]:r.value,[`${a}-hidden`]:!r.value}],style:[{"--arrow-x":`${c?.x||0}px`,"--arrow-y":`${c?.y||0}px`},p.value,u,g]},null),[[e.vShow,n.value]])]})}},{props:{prefixCls:{type:String,required:!0},isMobile:{type:Boolean,required:!0},ready:{type:Boolean,required:!0},open:{type:Boolean,required:!0},align:{type:Object,required:!0},offsetR:{type:Number,required:!0},offsetB:{type:Number,required:!0},offsetX:{type:Number,required:!0},offsetY:{type:Number,required:!0},arrowPos:{type:Object,required:!1},popupSize:{type:Object,required:!1},motion:{type:Object,required:!1},uniqueContainerClassName:{type:String,required:!1},uniqueContainerStyle:{type:null,required:!1}}});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),A=require("@v-c/util/dist/props-util"),B=require("@v-c/util/dist/utils/transition"),x=require("../hooks/useOffsetStyle.cjs"),N=e.defineComponent(a=>{const r=e.shallowRef(!1),{open:i,isMobile:y,align:q,ready:d,offsetR:v,offsetB:b,offsetX:m,offsetY:h}=A.toPropsRefs(a,"open","isMobile","align","ready","offsetR","offsetB","offsetX","offsetY"),l=x.default(y,d,i,q,v,b,m,h),s=e.shallowRef(l.value);return e.watchEffect(()=>{d.value&&(s.value=l.value)}),e.watch(i,u=>{u&&(r.value=!0)},{immediate:!0}),()=>{const{popupSize:u,motion:p,prefixCls:S,uniqueContainerClassName:w,arrowPos:c,uniqueContainerStyle:g}=a,o={};u&&(o.width=`${u.width}px`,o.height=`${u.height}px`);const n=B.getTransitionProps(p?.name,p),C={...n,onBeforeAppear:t=>{r.value=!0,n.onBeforeAppear?.(t)},onBeforeEnter:t=>{r.value=!0,n.onBeforeEnter?.(t)},onAfterAppear:t=>{r.value=!0,n.onAfterAppear?.(t)},onAfterEnter:t=>{r.value=!0,n.onAfterEnter?.(t)},onAfterLeave:t=>{r.value=!1,n.onAfterLeave?.(t)}},f=`${S}-unique-container`;return e.createVNode(e.Transition,C,{default:()=>[e.withDirectives(e.createVNode("div",{class:[f,w,{[`${f}-visible`]:r.value,[`${f}-hidden`]:!r.value}],style:[{"--arrow-x":`${c?.x||0}px`,"--arrow-y":`${c?.y||0}px`},s.value,o,g]},null),[[e.vShow,i.value]])]})}},{props:{prefixCls:{type:String,required:!0,default:void 0},isMobile:{type:Boolean,required:!0,default:void 0},ready:{type:Boolean,required:!0,default:void 0},open:{type:Boolean,required:!0,default:void 0},align:{type:Object,required:!0,default:void 0},offsetR:{type:Number,required:!0,default:void 0},offsetB:{type:Number,required:!0,default:void 0},offsetX:{type:Number,required:!0,default:void 0},offsetY:{type:Number,required:!0,default:void 0},arrowPos:{type:Object,required:!1,default:void 0},popupSize:{type:Object,required:!1,default:void 0},motion:{type:Object,required:!1,default:void 0},uniqueContainerClassName:{type:String,required:!1,default:void 0},uniqueContainerStyle:{type:null,required:!1,default:void 0}}});exports.default=N;

package/dist/UniqueProvider/UniqueContainer.js

@@ -1,35 +1,35 @@
-import { defineComponent as B, shallowRef as y, watchEffect as g, watch as N, createVNode as c, Transition as $, withDirectives as O, vShow as P } from "vue";
-import { toPropsRefs as R } from "../util/dist/props-util/index.js";
-import { getTransitionProps as E } from "../util/dist/utils/transition.js";
+import { defineComponent as g, shallowRef as y, watchEffect as x, watch as N, createVNode as c, Transition as $, withDirectives as O, vShow as P } from "vue";
+import { toPropsRefs as R } from "@v-c/util/dist/props-util";
+import { getTransitionProps as E } from "@v-c/util/dist/utils/transition";
 import j from "../hooks/useOffsetStyle.js";
-const Y = /* @__PURE__ */ B((u) => {
+const Y = /* @__PURE__ */ g((i) => {
   const t = y(!1), {
-    open: i,
+    open: u,
     isMobile: m,
     align: q,
-    ready: s,
+    ready: a,
     offsetR: v,
     offsetB: b,
     offsetX: h,
     offsetY: w
-  } = R(u, "open", "isMobile", "align", "ready", "offsetR", "offsetB", "offsetX", "offsetY"), f = j(m, s, i, q, v, b, h, w), l = y(f.value);
-  return g(() => {
-    s.value && (l.value = f.value);
-  }), N(i, (o) => {
-    o && (t.value = !0);
+  } = R(i, "open", "isMobile", "align", "ready", "offsetR", "offsetB", "offsetX", "offsetY"), d = j(m, a, u, q, v, b, h, w), l = y(d.value);
+  return x(() => {
+    a.value && (l.value = d.value);
+  }), N(u, (n) => {
+    n && (t.value = !0);
   }, {
     immediate: !0
   }), () => {
     const {
-      popupSize: o,
-      motion: p,
+      popupSize: n,
+      motion: s,
       prefixCls: C,
       uniqueContainerClassName: S,
-      arrowPos: d,
-      uniqueContainerStyle: x
-    } = u, n = {};
-    o && (n.width = `${o.width}px`, n.height = `${o.height}px`);
-    const r = E(p?.name, p), A = {
+      arrowPos: p,
+      uniqueContainerStyle: A
+    } = i, o = {};
+    n && (o.width = `${n.width}px`, o.height = `${n.height}px`);
+    const r = E(s?.name, s), B = {
       ...r,
       onBeforeAppear: (e) => {
         t.value = !0, r.onBeforeAppear?.(e);
@@ -46,77 +46,91 @@ const Y = /* @__PURE__ */ B((u) => {
       onAfterLeave: (e) => {
         t.value = !1, r.onAfterLeave?.(e);
       }
-    }, a = `${C}-unique-container`;
-    return c($, A, {
+    }, f = `${C}-unique-container`;
+    return c($, B, {
       default: () => [O(c("div", {
-        class: [a, S, {
-          [`${a}-visible`]: t.value,
-          [`${a}-hidden`]: !t.value
+        class: [f, S, {
+          [`${f}-visible`]: t.value,
+          [`${f}-hidden`]: !t.value
         }],
         style: [{
-          "--arrow-x": `${d?.x || 0}px`,
-          "--arrow-y": `${d?.y || 0}px`
-        }, l.value, n, x]
-      }, null), [[P, i.value]])]
+          "--arrow-x": `${p?.x || 0}px`,
+          "--arrow-y": `${p?.y || 0}px`
+        }, l.value, o, A]
+      }, null), [[P, u.value]])]
     });
   };
 }, {
   props: {
     prefixCls: {
       type: String,
-      required: !0
+      required: !0,
+      default: void 0
     },
     isMobile: {
       type: Boolean,
-      required: !0
+      required: !0,
+      default: void 0
     },
     ready: {
       type: Boolean,
-      required: !0
+      required: !0,
+      default: void 0
     },
     open: {
       type: Boolean,
-      required: !0
+      required: !0,
+      default: void 0
     },
     align: {
       type: Object,
-      required: !0
+      required: !0,
+      default: void 0
     },
     offsetR: {
       type: Number,
-      required: !0
+      required: !0,
+      default: void 0
     },
     offsetB: {
       type: Number,
-      required: !0
+      required: !0,
+      default: void 0
     },
     offsetX: {
       type: Number,
-      required: !0
+      required: !0,
+      default: void 0
     },
     offsetY: {
       type: Number,
-      required: !0
+      required: !0,
+      default: void 0
     },
     arrowPos: {
       type: Object,
-      required: !1
+      required: !1,
+      default: void 0
     },
     popupSize: {
       type: Object,
-      required: !1
+      required: !1,
+      default: void 0
     },
     motion: {
       type: Object,
-      required: !1
+      required: !1,
+      default: void 0
     },
     uniqueContainerClassName: {
       type: String,
-      required: !1
+      required: !1,
+      default: void 0
     },
     uniqueContainerStyle: {
       type: null,
-      required: !1
+      required: !1,
+      default: void 0
     }
   }
 });

package/dist/UniqueProvider/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),B=require("../portal/dist/Portal.cjs");require("../util/dist/warning.cjs");const p=require("../util/dist/classnames.cjs"),a=require("../util/dist/Dom/findDOMNode.cjs"),v=require("../context.cjs"),U=require("../hooks/useAlign.cjs"),$=require("../hooks/useDelay.cjs"),F=require("../Popup/index.cjs"),_=require("../util.cjs"),j=require("./UniqueContainer.cjs"),H=require("./useTargetState.cjs"),W=u.defineComponent((c,{slots:S})=>{const[d,r,s,D]=H.default(),e=u.computed(()=>!s.value||!c.postTriggerProps?s.value:c.postTriggerProps(s.value)),i=u.shallowRef(null),g=u.ref(null),T=u.shallowRef(null),V=t=>{if(!t)return null;if(a.isDOM(t))return t;const l=t;if(a.isDOM(l?.$el))return l.$el;const n=l?.nativeElement;if(a.isDOM(n?.value))return n.value;if(a.isDOM(n))return n;if(typeof l?.getElement=="function"){const R=l.getElement();if(a.isDOM(R))return R}return null},O=t=>{const l=V(t);T.value=l,i.value!==l&&(i.value=l)},m=u.shallowRef(),C=$.default(),k=(t,l)=>{m.value=l,C(()=>{d(t)},t.delay)},A=t=>{C(()=>{m.value?.()||d(!1)},t)},E=t=>{D(t)},[P,q,x,y,h,M,N,,,o,f]=U.default(r,i,u.computed(()=>e.value?.target),u.computed(()=>e.value?.popupPlacement),u.computed(()=>e.value?.builtinPlacements||{}),u.computed(()=>e.value?.popupAlign),void 0,u.ref(!1)),w=u.computed(()=>{if(!e.value)return"";const t=_.getAlignPopupClassName(e.value?.builtinPlacements||{},e.value.prefixCls||"",o.value,!1);return p.default(t,e.value?.getPopupClassNameFromAlign?.(o.value))}),z={show:k,hide:A};u.watch(()=>e.value?.target,()=>{f()},{immediate:!0});const I=()=>(f(),Promise.resolve()),b=u.ref({}),X=v.useTriggerContext(),Y=u.computed(()=>({registerSubPopup:(t,l)=>{l?b.value[t]=l:delete b.value[t],X?.value?.registerSubPopup(t,l)}}));return()=>{const t=e?.value?.prefixCls;return u.createVNode(v.UniqueContextProvider,z,{default:()=>[S?.default?.(),!!e.value&&u.createVNode(v.TriggerContextProvider,Y.value,{default:()=>[u.createVNode(F.default,{ref:O,portal:B.default,prefixCls:t,popup:e.value?.popup,className:p.default(e.value?.popupClassName,w.value,`${t}-unique-controlled`),style:e.value?.popupStyle,target:e.value?.target,open:r.value,keepDom:!0,fresh:!0,autoDestroy:!1,onVisibleChanged:E,ready:P.value,offsetX:q.value,offsetY:x.value,offsetR:y.value,offsetB:h.value,onAlign:f,onPrepare:I,onResize:l=>{g.value={width:l.offsetWidth,height:l.offsetHeight}},arrowPos:{x:M.value,y:N.value},align:o.value,zIndex:e.value?.zIndex,mask:e.value?.mask,arrow:e.value?.arrow,motion:e.value?.popupMotion,maskMotion:e.value?.maskMotion,getPopupContainer:e.value.getPopupContainer},{default:()=>[u.createVNode(j.default,{prefixCls:t,isMobile:!1,ready:P.value,open:r.value,align:o.value,offsetX:q.value,offsetY:x.value,offsetR:y.value,offsetB:h.value,arrowPos:{x:M.value,y:N.value},popupSize:g.value,motion:e.value?.popupMotion,uniqueContainerClassName:p.default(e.value?.uniqueContainerClassName,w.value),uniqueContainerStyle:e?.value?.uniqueContainerStyle},null)]})]})]})}},{props:{postTriggerProps:{type:Function,required:!1}}});exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),$=require("@v-c/portal"),p=require("@v-c/util"),a=require("@v-c/util/dist/Dom/findDOMNode"),v=require("../context.cjs"),B=require("../hooks/useAlign.cjs"),U=require("../hooks/useDelay.cjs"),F=require("../Popup/index.cjs"),_=require("../util.cjs"),j=require("./UniqueContainer.cjs"),H=require("./useTargetState.cjs"),W=u.defineComponent((c,{slots:S})=>{const[d,r,s,D]=H.default(),e=u.computed(()=>!s.value||!c.postTriggerProps?s.value:c.postTriggerProps(s.value)),i=u.shallowRef(null),g=u.ref(null),T=u.shallowRef(null),V=t=>{if(!t)return null;if(a.isDOM(t))return t;const l=t;if(a.isDOM(l?.$el))return l.$el;const n=l?.nativeElement;if(a.isDOM(n?.value))return n.value;if(a.isDOM(n))return n;if(typeof l?.getElement=="function"){const R=l.getElement();if(a.isDOM(R))return R}return null},O=t=>{const l=V(t);T.value=l,i.value!==l&&(i.value=l)},m=u.shallowRef(),C=U.default(),k=(t,l)=>{m.value=l,C(()=>{d(t)},t.delay)},A=t=>{C(()=>{m.value?.()||d(!1)},t)},E=t=>{D(t)},[P,q,x,y,N,h,M,,,o,f]=B.default(r,i,u.computed(()=>e.value?.target),u.computed(()=>e.value?.popupPlacement),u.computed(()=>e.value?.builtinPlacements||{}),u.computed(()=>e.value?.popupAlign),void 0,u.ref(!1)),w=u.computed(()=>{if(!e.value)return"";const t=_.getAlignPopupClassName(e.value?.builtinPlacements||{},e.value.prefixCls||"",o.value,!1);return p.classNames(t,e.value?.getPopupClassNameFromAlign?.(o.value))}),z={show:k,hide:A};u.watch(()=>e.value?.target,()=>{f()},{immediate:!0});const I=()=>(f(),Promise.resolve()),b=u.ref({}),X=v.useTriggerContext(),Y=u.computed(()=>({registerSubPopup:(t,l)=>{l?b.value[t]=l:delete b.value[t],X?.value?.registerSubPopup(t,l)}}));return()=>{const t=e?.value?.prefixCls;return u.createVNode(v.UniqueContextProvider,z,{default:()=>[S?.default?.(),!!e.value&&u.createVNode(v.TriggerContextProvider,Y.value,{default:()=>[u.createVNode(F.default,{ref:O,portal:$,prefixCls:t,popup:e.value?.popup,className:p.classNames(e.value?.popupClassName,w.value,`${t}-unique-controlled`),style:e.value?.popupStyle,target:e.value?.target,open:r.value,keepDom:!0,fresh:!0,autoDestroy:!1,onVisibleChanged:E,ready:P.value,offsetX:q.value,offsetY:x.value,offsetR:y.value,offsetB:N.value,onAlign:f,onPrepare:I,onResize:l=>{g.value={width:l.offsetWidth,height:l.offsetHeight}},arrowPos:{x:h.value,y:M.value},align:o.value,zIndex:e.value?.zIndex,mask:e.value?.mask,arrow:e.value?.arrow,motion:e.value?.popupMotion,maskMotion:e.value?.maskMotion,getPopupContainer:e.value.getPopupContainer},{default:()=>[u.createVNode(j.default,{prefixCls:t,isMobile:!1,ready:P.value,open:r.value,align:o.value,offsetX:q.value,offsetY:x.value,offsetR:y.value,offsetB:N.value,arrowPos:{x:h.value,y:M.value},popupSize:g.value,motion:e.value?.popupMotion,uniqueContainerClassName:p.classNames(e.value?.uniqueContainerClassName,w.value),uniqueContainerStyle:e?.value?.uniqueContainerStyle},null)]})]})]})}},{props:{postTriggerProps:{type:Function,required:!1,default:void 0}}});exports.default=W;