@v-c/trigger 0.0.8 → 0.0.10

package/dist/hooks/useAlign.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Te=require("@v-c/util/dist/Dom/findDOMNode"),Ce=require("@v-c/util/dist/Dom/isVisible"),Le=require("@v-c/util/dist/raf"),m=require("vue"),V=require("../util.cjs");function Pt(o,c=0){const f=`${c}`,a=f.match(/^(.*)\%$/);return a?o*(parseFloat(a[1])/100):parseFloat(f)}function Bt(o,c){const[f,a]=c||[];return[Pt(o.width,f),Pt(o.height,a)]}function Ot(o=""){return[o[0],o[1]]}function T(o,c){const f=c[0],a=c[1];let d,X;return f==="t"?X=o.y:f==="b"?X=o.y+o.height:X=o.y+o.height/2,a==="l"?d=o.x:a==="r"?d=o.x+o.width:d=o.x+o.width/2,{x:d,y:X}}function w(o,c){const f={t:"b",b:"t",l:"r",r:"l"};return o.map((a,d)=>d===c?f[a]||"c":a).join("")}function Ie(o,c,f,a,d,X,Vt,E){const _=m.reactive({ready:!1,offsetX:0,offsetY:0,offsetR:0,offsetB:0,arrowX:0,arrowY:0,scaleX:1,scaleY:1,align:d.value[a.value]||{}}),U=m.shallowRef(0),Q=m.computed(()=>!c.value||E?.value?[]:V.collectScroller(c.value)),p=m.ref({}),Tt=()=>{p.value={}},Ct=()=>{if(c.value&&f.value&&o.value&&!E?.value){let u=function(t,h,g=ft){const Yt=n.x+t,Mt=n.y+h,Ye=Yt+M,Me=Mt+Y,Pe=Math.max(Yt,g.left),Be=Math.max(Mt,g.top),Oe=Math.min(Ye,g.right),Ve=Math.min(Me,g.bottom);return Math.max(0,(Oe-Pe)*(Ve-Be))},et=function(){F=n.y+r,k=F+Y,N=n.x+l,D=N+M};const e=c.value,ot=e.ownerDocument,st=V.getWin(e),{position:Dt}=st.getComputedStyle(e),Et=e.style.left,_t=e.style.top,Ut=e.style.right,zt=e.style.bottom,Gt=e.style.overflow,C={...d.value[a.value],...X?.value},A=ot.createElement("div");e.parentElement?.appendChild(A),A.style.left=`${e.offsetLeft}px`,A.style.top=`${e.offsetTop}px`,A.style.position=Dt,A.style.height=`${e.offsetHeight}px`,A.style.width=`${e.offsetWidth}px`,e.style.left="0",e.style.top="0",e.style.right="auto",e.style.bottom="auto",e.style.overflow="hidden";let i;if(Array.isArray(f.value))i={x:f.value[0],y:f.value[1],width:0,height:0};else{const t=f.value.getBoundingClientRect();t.x=t.x??t.left,t.y=t.y??t.top,i={x:t.x,y:t.y,width:t.width,height:t.height}}const n=e.getBoundingClientRect(),{height:Jt,width:Kt}=st.getComputedStyle(e);n.x=n.x??n.left,n.y=n.y??n.top;const{clientWidth:Qt,clientHeight:Zt,scrollWidth:te,scrollHeight:ee,scrollTop:nt,scrollLeft:it}=ot.documentElement,Y=n.height,M=n.width,L=i.height,I=i.width,oe={left:0,top:0,right:Qt,bottom:Zt},se={left:-it,top:-nt,right:te-it,bottom:ee-nt};let{htmlRegion:S}=C;const lt="visible",rt="visibleFirst";S!=="scroll"&&S!==rt&&(S=lt);const j=S===rt,ne=V.getVisibleArea(se,Q.value),s=V.getVisibleArea(oe,Q.value),ft=S===lt?s:ne,q=j?s:ft;e.style.left="auto",e.style.top="auto",e.style.right="0",e.style.bottom="0";const ct=e.getBoundingClientRect();e.style.left=Et,e.style.top=_t,e.style.right=Ut,e.style.bottom=zt,e.style.overflow=Gt,e.parentElement?.removeChild(A);const P=V.toNum(Math.round(M/parseFloat(Kt)*1e3)/1e3),B=V.toNum(Math.round(Y/parseFloat(Jt)*1e3)/1e3);if(P===0||B===0||Te.isDOM(f)&&!Ce(f))return;const{offset:ie,targetOffset:le}=C;let[v,x]=Bt(n,ie);const[re,fe]=Bt(i,le);i.x-=re,i.y-=fe;const[ce,ae]=C.points||[],R=Ot(ae),y=Ot(ce),at=T(i,R),ut=T(n,y),O={...C};let l=at.x-ut.x+v,r=at.y-ut.y+x;const b=u(l,r),H=u(l,r,s),pt=T(i,["t","l"]),ht=T(n,["t","l"]),gt=T(i,["b","r"]),yt=T(n,["b","r"]),ue=C.overflow||{},{adjustX:pe,adjustY:he,shiftX:mt,shiftY:dt}=ue,vt=t=>typeof t=="boolean"?t:t>=0;let F,k,N,D;et();const xt=vt(he),bt=y[0]===R[0];if(xt&&y[0]==="t"&&(k>q.bottom||p.value.bt)){let t=r;bt?t-=Y-L:t=pt.y-yt.y-x;const h=u(l,t),g=u(l,t,s);h>b||h===b&&(!j||g>=H)?(p.value.bt=!0,r=t,x=-x,O.points=[w(y,0),w(R,0)]):p.value.bt=!1}if(xt&&y[0]==="b"&&(F<q.top||p.value.tb)){let t=r;bt?t+=Y-L:t=gt.y-ht.y-x;const h=u(l,t),g=u(l,t,s);h>b||h===b&&(!j||g>=H)?(p.value.tb=!0,r=t,x=-x,O.points=[w(y,0),w(R,0)]):p.value.tb=!1}const wt=vt(pe),At=y[1]===R[1];if(wt&&y[1]==="l"&&(D>q.right||p.value.rl)){let t=l;At?t-=M-I:t=pt.x-yt.x-v;const h=u(t,r),g=u(t,r,s);h>b||h===b&&(!j||g>=H)?(p.value.rl=!0,l=t,v=-v,O.points=[w(y,1),w(R,1)]):p.value.rl=!1}if(wt&&y[1]==="r"&&(N<q.left||p.value.lr)){let t=l;At?t+=M-I:t=gt.x-ht.x-v;const h=u(t,r),g=u(t,r,s);h>b||h===b&&(!j||g>=H)?(p.value.lr=!0,l=t,v=-v,O.points=[w(y,1),w(R,1)]):p.value.lr=!1}et();const W=mt===!0?0:mt;typeof W=="number"&&(N<s.left&&(l-=N-s.left-v,i.x+I<s.left+W&&(l+=i.x-s.left+I-W)),D>s.right&&(l-=D-s.right-v,i.x>s.right-W&&(l+=i.x-s.right+W)));const $=dt===!0?0:dt;typeof $=="number"&&(F<s.top&&(r-=F-s.top-x,i.y+L<s.top+$&&(r+=i.y-s.top+L-$)),k>s.bottom&&(r-=k-s.bottom-x,i.y>s.bottom-$&&(r+=i.y-s.bottom+$)));const z=n.x+l,ge=z+M,G=n.y+r,ye=G+Y,Rt=i.x,me=Rt+I,Xt=i.y,de=Xt+L,ve=Math.max(z,Rt),xe=Math.min(ge,me),be=(ve+xe)/2-z,we=Math.max(G,Xt),Ae=Math.min(ye,de),Re=(we+Ae)/2-G;Vt?.(c.value,O);let J=ct.right-n.x-(l+n.width),K=ct.bottom-n.y-(r+n.height);P===1&&(l=Math.round(l),J=Math.round(J)),B===1&&(r=Math.round(r),K=Math.round(K));const Xe={ready:!0,offsetX:l/P,offsetY:r/B,offsetR:J/P,offsetB:K/B,arrowX:be/P,arrowY:Re/B,scaleX:P,scaleY:B,align:O};Object.assign(_,Xe)}},Lt=Le.rafDebounce(Ct),Z=()=>{U.value+=1;const u=U.value;Promise.resolve().then(()=>{U.value===u&&Lt()})};m.watch(c,async u=>{u&&o.value&&!E?.value&&(await m.nextTick(),Z())});const tt=()=>{_.ready=!1};m.watch(a,async()=>{await m.nextTick(),tt()}),m.watchEffect(async()=>{await m.nextTick(),o.value||(Tt(),tt())});const{ready:It,offsetX:St,offsetR:jt,offsetY:Ft,offsetB:Nt,align:Wt,arrowY:$t,arrowX:qt,scaleY:Ht,scaleX:kt}=m.toRefs(_);return[It,St,Ft,jt,Nt,qt,$t,kt,Ht,Wt,Z]}exports.default=Ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const we=require("@v-c/util/dist/Dom/findDOMNode"),Ae=require("@v-c/util/dist/Dom/isVisible"),Re=require("@v-c/util/dist/raf"),f=require("vue"),C=require("../util.cjs");function Pt(o,a=0){const c=`${a}`,u=c.match(/^(.*)\%$/);return u?o*(parseFloat(u[1])/100):parseFloat(c)}function Bt(o,a){const[c,u]=a||[];return[Pt(o.width,c),Pt(o.height,u)]}function Ot(o=""){return[o[0],o[1]]}function L(o,a){const c=a[0],u=a[1];let y,Y;return c==="t"?Y=o.y:c==="b"?Y=o.y+o.height:Y=o.y+o.height/2,u==="l"?y=o.x:u==="r"?y=o.x+o.width:y=o.x+o.width/2,{x:y,y:Y}}function A(o,a){const c={t:"b",b:"t",l:"r",r:"l"};return o.map((u,y)=>y===a?c[u]||"c":u).join("")}function Xe(o,a,c,u,y,Y,Vt,k){const m=f.ref({ready:!1,offsetX:0,offsetY:0,offsetR:0,offsetB:0,arrowX:0,arrowY:0,scaleX:1,scaleY:1,align:y.value[u.value]||{}}),U=f.shallowRef(0),Q=f.computed(()=>!a.value||k?.value?[]:C.collectScroller(a.value)),h=f.ref({}),Ct=()=>{h.value={}},Lt=()=>{if(a.value&&c.value&&o.value&&!k?.value){let p=function(t,g,v=ft){const Yt=n.x+t,Mt=n.y+g,me=Yt+P,ve=Mt+M,de=Math.max(Yt,v.left),ye=Math.max(Mt,v.top),xe=Math.min(me,v.right),be=Math.min(ve,v.bottom);return Math.max(0,(xe-de)*(be-ye))},et=function(){j=n.y+r,E=j+M,W=n.x+l,_=W+P};const e=a.value,ot=e.ownerDocument,st=C.getWin(e),{position:It}=st.getComputedStyle(e),St=e.style.left,Ft=e.style.top,Nt=e.style.right,jt=e.style.bottom,Wt=e.style.overflow,T={...y.value[u.value],...Y?.value},R=ot.createElement("div");e.parentElement?.appendChild(R),R.style.left=`${e.offsetLeft}px`,R.style.top=`${e.offsetTop}px`,R.style.position=It,R.style.height=`${e.offsetHeight}px`,R.style.width=`${e.offsetWidth}px`,e.style.left="0",e.style.top="0",e.style.right="auto",e.style.bottom="auto",e.style.overflow="hidden";let i;if(Array.isArray(c.value))i={x:c.value[0],y:c.value[1],width:0,height:0};else{const t=c.value.getBoundingClientRect();t.x=t.x??t.left,t.y=t.y??t.top,i={x:t.x,y:t.y,width:t.width,height:t.height}}const n=e.getBoundingClientRect(),{height:$t,width:qt}=st.getComputedStyle(e);n.x=n.x??n.left,n.y=n.y??n.top;const{clientWidth:Ht,clientHeight:Dt,scrollWidth:Et,scrollHeight:_t,scrollTop:nt,scrollLeft:it}=ot.documentElement,M=n.height,P=n.width,I=i.height,S=i.width,kt={left:0,top:0,right:Ht,bottom:Dt},Ut={left:-it,top:-nt,right:Et-it,bottom:_t-nt};let{htmlRegion:F}=T;const lt="visible",rt="visibleFirst";F!=="scroll"&&F!==rt&&(F=lt);const N=F===rt,zt=C.getVisibleArea(Ut,Q.value),s=C.getVisibleArea(kt,Q.value),ft=F===lt?s:zt,H=N?s:ft;e.style.left="auto",e.style.top="auto",e.style.right="0",e.style.bottom="0";const ct=e.getBoundingClientRect();e.style.left=St,e.style.top=Ft,e.style.right=Nt,e.style.bottom=jt,e.style.overflow=Wt,e.parentElement?.removeChild(R);const B=C.toNum(Math.round(P/parseFloat(qt)*1e3)/1e3),O=C.toNum(Math.round(M/parseFloat($t)*1e3)/1e3);if(B===0||O===0||we.isDOM(c)&&!Ae(c))return;const{offset:Gt,targetOffset:Jt}=T;let[x,b]=Bt(n,Gt);const[Kt,Qt]=Bt(i,Jt);i.x-=Kt,i.y-=Qt;const[Zt,te]=T.points||[],X=Ot(te),d=Ot(Zt),at=L(i,X),ut=L(n,d),V={...T};let l=at.x-ut.x+x,r=at.y-ut.y+b;const w=p(l,r),D=p(l,r,s),pt=L(i,["t","l"]),ht=L(n,["t","l"]),gt=L(i,["b","r"]),mt=L(n,["b","r"]),ee=T.overflow||{},{adjustX:oe,adjustY:se,shiftX:vt,shiftY:dt}=ee,yt=t=>typeof t=="boolean"?t:t>=0;let j,E,W,_;et();const xt=yt(se),bt=d[0]===X[0];if(xt&&d[0]==="t"&&(E>H.bottom||h.value.bt)){let t=r;bt?t-=M-I:t=pt.y-mt.y-b;const g=p(l,t),v=p(l,t,s);g>w||g===w&&(!N||v>=D)?(h.value.bt=!0,r=t,b=-b,V.points=[A(d,0),A(X,0)]):h.value.bt=!1}if(xt&&d[0]==="b"&&(j<H.top||h.value.tb)){let t=r;bt?t+=M-I:t=gt.y-ht.y-b;const g=p(l,t),v=p(l,t,s);g>w||g===w&&(!N||v>=D)?(h.value.tb=!0,r=t,b=-b,V.points=[A(d,0),A(X,0)]):h.value.tb=!1}const wt=yt(oe),At=d[1]===X[1];if(wt&&d[1]==="l"&&(_>H.right||h.value.rl)){let t=l;At?t-=P-S:t=pt.x-mt.x-x;const g=p(t,r),v=p(t,r,s);g>w||g===w&&(!N||v>=D)?(h.value.rl=!0,l=t,x=-x,V.points=[A(d,1),A(X,1)]):h.value.rl=!1}if(wt&&d[1]==="r"&&(W<H.left||h.value.lr)){let t=l;At?t+=P-S:t=gt.x-ht.x-x;const g=p(t,r),v=p(t,r,s);g>w||g===w&&(!N||v>=D)?(h.value.lr=!0,l=t,x=-x,V.points=[A(d,1),A(X,1)]):h.value.lr=!1}et();const $=vt===!0?0:vt;typeof $=="number"&&(W<s.left&&(l-=W-s.left-x,i.x+S<s.left+$&&(l+=i.x-s.left+S-$)),_>s.right&&(l-=_-s.right-x,i.x>s.right-$&&(l+=i.x-s.right+$)));const q=dt===!0?0:dt;typeof q=="number"&&(j<s.top&&(r-=j-s.top-b,i.y+I<s.top+q&&(r+=i.y-s.top+I-q)),E>s.bottom&&(r-=E-s.bottom-b,i.y>s.bottom-q&&(r+=i.y-s.bottom+q)));const z=n.x+l,ne=z+P,G=n.y+r,ie=G+M,Rt=i.x,le=Rt+S,Xt=i.y,re=Xt+I,fe=Math.max(z,Rt),ce=Math.min(ne,le),ae=(fe+ce)/2-z,ue=Math.max(G,Xt),pe=Math.min(ie,re),he=(ue+pe)/2-G;Vt?.(a.value,V);let J=ct.right-n.x-(l+n.width),K=ct.bottom-n.y-(r+n.height);B===1&&(l=Math.round(l),J=Math.round(J)),O===1&&(r=Math.round(r),K=Math.round(K));const ge={ready:!0,offsetX:l/B,offsetY:r/O,offsetR:J/B,offsetB:K/O,arrowX:ae/B,arrowY:he/O,scaleX:B,scaleY:O,align:V};m.value=ge}},Tt=Re.rafDebounce(Lt),Z=()=>{U.value+=1;const p=U.value;Promise.resolve().then(()=>{U.value===p&&Tt()})};f.watch(a,async p=>{p&&o.value&&!k?.value&&(await f.nextTick(),Z())});const tt=()=>{m.value.ready=!1};return f.watch(u,()=>{tt()}),f.watchEffect(()=>{o.value||(Ct(),tt())}),[f.computed(()=>m.value?.ready),f.computed(()=>m.value?.offsetX),f.computed(()=>m.value?.offsetY),f.computed(()=>m.value?.offsetR),f.computed(()=>m.value?.offsetB),f.computed(()=>m.value?.arrowX),f.computed(()=>m.value?.arrowY),f.computed(()=>m.value?.scaleX),f.computed(()=>m.value?.scaleY),f.computed(()=>m.value?.align),Z]}exports.default=Xe;

package/dist/hooks/useAlign.d.ts

@@ -1,4 +1,4 @@
 import { Ref } from 'vue';
 import { TriggerProps } from '../index.tsx';
 import { AlignType } from '../interface';
-export default function useAlign(open: Ref<boolean>, popupEle: Ref<HTMLElement>, target: Ref<HTMLElement | [x: number, y: number]>, placement: Ref<string>, builtinPlacements: Ref<any>, popupAlign?: Ref<AlignType | undefined>, onPopupAlign?: TriggerProps['onPopupAlign'], mobile?: Ref<boolean | undefined>): readonly [Ref<boolean, boolean>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<any, any>, () => void];
+export default function useAlign(open: Ref<boolean>, popupEle: Ref<HTMLElement>, target: Ref<HTMLElement | [x: number, y: number]>, placement: Ref<string>, builtinPlacements: Ref<any>, popupAlign?: Ref<AlignType | undefined>, onPopupAlign?: TriggerProps['onPopupAlign'], mobile?: Ref<boolean | undefined>): readonly [import('vue').ComputedRef<boolean>, import('vue').ComputedRef<number>, import('vue').ComputedRef<number>, import('vue').ComputedRef<number>, import('vue').ComputedRef<number>, import('vue').ComputedRef<number>, import('vue').ComputedRef<number>, import('vue').ComputedRef<number>, import('vue').ComputedRef<number>, import('vue').ComputedRef<any>, () => void];

package/dist/hooks/useAlign.js

@@ -1,38 +1,38 @@
-import { isDOM as Le } from "@v-c/util/dist/Dom/findDOMNode";
-import Ie from "@v-c/util/dist/Dom/isVisible";
-import { rafDebounce as Te } from "@v-c/util/dist/raf";
-import { reactive as Fe, shallowRef as Se, computed as je, ref as Ne, watch as Pt, nextTick as J, watchEffect as We, toRefs as $e } from "vue";
-import { collectScroller as He, getWin as Ee, getVisibleArea as Bt, toNum as Mt } from "../util.js";
-function Ot(o, c = 0) {
-  const f = `${c}`, a = f.match(/^(.*)\%$/);
-  return a ? o * (parseFloat(a[1]) / 100) : parseFloat(f);
+import { isDOM as Re } from "@v-c/util/dist/Dom/findDOMNode";
+import Xe from "@v-c/util/dist/Dom/isVisible";
+import { rafDebounce as Ye } from "@v-c/util/dist/raf";
+import { ref as Pt, shallowRef as Pe, computed as y, watch as Bt, nextTick as Be, watchEffect as Me } from "vue";
+import { collectScroller as Oe, getWin as Ve, getVisibleArea as Mt, toNum as Ot } from "../util.js";
+function Vt(o, a = 0) {
+  const f = `${a}`, c = f.match(/^(.*)\%$/);
+  return c ? o * (parseFloat(c[1]) / 100) : parseFloat(f);
 }
-function Vt(o, c) {
-  const [f, a] = c || [];
+function Ct(o, a) {
+  const [f, c] = a || [];
   return [
-    Ot(o.width, f),
-    Ot(o.height, a)
+    Vt(o.width, f),
+    Vt(o.height, c)
   ];
 }
-function Ct(o = "") {
+function Lt(o = "") {
   return [o[0], o[1]];
 }
-function O(o, c) {
-  const f = c[0], a = c[1];
-  let y, R;
-  return f === "t" ? R = o.y : f === "b" ? R = o.y + o.height : R = o.y + o.height / 2, a === "l" ? y = o.x : a === "r" ? y = o.x + o.width : y = o.x + o.width / 2, { x: y, y: R };
+function C(o, a) {
+  const f = a[0], c = a[1];
+  let d, Y;
+  return f === "t" ? Y = o.y : f === "b" ? Y = o.y + o.height : Y = o.y + o.height / 2, c === "l" ? d = o.x : c === "r" ? d = o.x + o.width : d = o.x + o.width / 2, { x: d, y: Y };
 }
-function b(o, c) {
+function A(o, a) {
   const f = {
     t: "b",
     b: "t",
     l: "r",
     r: "l"
   };
-  return o.map((a, y) => y === c ? f[a] || "c" : a).join("");
+  return o.map((c, d) => d === a ? f[c] || "c" : c).join("");
 }
-function Ke(o, c, f, a, y, R, Lt, D) {
-  const _ = Fe({
+function We(o, a, f, c, d, Y, It, k) {
+  const g = Pt({
     ready: !1,
     offsetX: 0,
     offsetY: 0,
@@ -42,22 +42,22 @@ function Ke(o, c, f, a, y, R, Lt, D) {
     arrowY: 0,
     scaleX: 1,
     scaleY: 1,
-    align: y.value[a.value] || {}
-  }), k = Se(0), K = je(() => !c.value || D?.value ? [] : He(c.value)), p = Ne({}), It = () => {
+    align: d.value[c.value] || {}
+  }), U = Pe(0), K = y(() => !a.value || k?.value ? [] : Oe(a.value)), p = Pt({}), Tt = () => {
     p.value = {};
-  }, Tt = Te(() => {
-    if (c.value && f.value && o.value && !D?.value) {
-      let u = function(t, h, g = rt) {
-        const Xt = n.x + t, Yt = n.y + h, Pe = Xt + Y, Be = Yt + X, Me = Math.max(Xt, g.left), Oe = Math.max(Yt, g.top), Ve = Math.min(Pe, g.right), Ce = Math.min(Be, g.bottom);
-        return Math.max(0, (Ve - Me) * (Ce - Oe));
+  }, Ft = Ye(() => {
+    if (a.value && f.value && o.value && !k?.value) {
+      let u = function(t, h, m = rt) {
+        const Xt = s.x + t, Yt = s.y + h, ye = Xt + B, de = Yt + P, xe = Math.max(Xt, m.left), be = Math.max(Yt, m.top), we = Math.min(ye, m.right), Ae = Math.min(de, m.bottom);
+        return Math.max(0, (we - xe) * (Ae - be));
       }, tt = function() {
-        F = n.y + r, H = F + X, S = n.x + l, E = S + Y;
+        j = s.y + r, D = j + P, N = s.x + l, _ = N + B;
       };
-      const e = c.value, et = e.ownerDocument, ot = Ee(e), { position: kt } = ot.getComputedStyle(e), Ut = e.style.left, qt = e.style.top, zt = e.style.right, Gt = e.style.bottom, Jt = e.style.overflow, V = {
-        ...y.value[a.value],
-        ...R?.value
-      }, w = et.createElement("div");
-      e.parentElement?.appendChild(w), w.style.left = `${e.offsetLeft}px`, w.style.top = `${e.offsetTop}px`, w.style.position = kt, w.style.height = `${e.offsetHeight}px`, w.style.width = `${e.offsetWidth}px`, e.style.left = "0", e.style.top = "0", e.style.right = "auto", e.style.bottom = "auto", e.style.overflow = "hidden";
+      const e = a.value, et = e.ownerDocument, ot = Ve(e), { position: St } = ot.getComputedStyle(e), jt = e.style.left, Nt = e.style.top, Wt = e.style.right, $t = e.style.bottom, Ht = e.style.overflow, L = {
+        ...d.value[c.value],
+        ...Y?.value
+      }, R = et.createElement("div");
+      e.parentElement?.appendChild(R), R.style.left = `${e.offsetLeft}px`, R.style.top = `${e.offsetTop}px`, R.style.position = St, R.style.height = `${e.offsetHeight}px`, R.style.width = `${e.offsetWidth}px`, e.style.left = "0", e.style.top = "0", e.style.right = "auto", e.style.bottom = "auto", e.style.overflow = "hidden";
       let i;
       if (Array.isArray(f.value))
         i = {
@@ -75,190 +75,188 @@ function Ke(o, c, f, a, y, R, Lt, D) {
           height: t.height
         };
       }
-      const n = e.getBoundingClientRect(), { height: Kt, width: Qt } = ot.getComputedStyle(e);
-      n.x = n.x ?? n.left, n.y = n.y ?? n.top;
+      const s = e.getBoundingClientRect(), { height: Et, width: Dt } = ot.getComputedStyle(e);
+      s.x = s.x ?? s.left, s.y = s.y ?? s.top;
       const {
-        clientWidth: Zt,
-        clientHeight: te,
-        scrollWidth: ee,
-        scrollHeight: oe,
-        scrollTop: st,
-        scrollLeft: nt
-      } = et.documentElement, X = n.height, Y = n.width, C = i.height, L = i.width, se = {
+        clientWidth: _t,
+        clientHeight: kt,
+        scrollWidth: Ut,
+        scrollHeight: qt,
+        scrollTop: nt,
+        scrollLeft: st
+      } = et.documentElement, P = s.height, B = s.width, I = i.height, T = i.width, zt = {
         left: 0,
         top: 0,
-        right: Zt,
-        bottom: te
-      }, ne = {
-        left: -nt,
-        top: -st,
-        right: ee - nt,
-        bottom: oe - st
+        right: _t,
+        bottom: kt
+      }, Gt = {
+        left: -st,
+        top: -nt,
+        right: Ut - st,
+        bottom: qt - nt
       };
-      let { htmlRegion: I } = V;
+      let { htmlRegion: F } = L;
       const it = "visible", lt = "visibleFirst";
-      I !== "scroll" && I !== lt && (I = it);
-      const T = I === lt, ie = Bt(ne, K.value), s = Bt(se, K.value), rt = I === it ? s : ie, W = T ? s : rt;
+      F !== "scroll" && F !== lt && (F = it);
+      const S = F === lt, Jt = Mt(Gt, K.value), n = Mt(zt, K.value), rt = F === it ? n : Jt, H = S ? n : rt;
       e.style.left = "auto", e.style.top = "auto", e.style.right = "0", e.style.bottom = "0";
       const ft = e.getBoundingClientRect();
-      e.style.left = Ut, e.style.top = qt, e.style.right = zt, e.style.bottom = Gt, e.style.overflow = Jt, e.parentElement?.removeChild(w);
-      const P = Mt(
-        Math.round(Y / parseFloat(Qt) * 1e3) / 1e3
-      ), B = Mt(
-        Math.round(X / parseFloat(Kt) * 1e3) / 1e3
+      e.style.left = jt, e.style.top = Nt, e.style.right = Wt, e.style.bottom = $t, e.style.overflow = Ht, e.parentElement?.removeChild(R);
+      const M = Ot(
+        Math.round(B / parseFloat(Dt) * 1e3) / 1e3
+      ), O = Ot(
+        Math.round(P / parseFloat(Et) * 1e3) / 1e3
       );
-      if (P === 0 || B === 0 || Le(f) && !Ie(f))
+      if (M === 0 || O === 0 || Re(f) && !Xe(f))
         return;
-      const { offset: le, targetOffset: re } = V;
-      let [v, d] = Vt(n, le);
-      const [fe, ce] = Vt(
+      const { offset: Kt, targetOffset: Qt } = L;
+      let [x, b] = Ct(s, Kt);
+      const [Zt, te] = Ct(
         i,
-        re
+        Qt
       );
-      i.x -= fe, i.y -= ce;
-      const [ae, ue] = V.points || [], A = Ct(ue), m = Ct(ae), ct = O(i, A), at = O(n, m), M = {
-        ...V
+      i.x -= Zt, i.y -= te;
+      const [ee, oe] = L.points || [], X = Lt(oe), v = Lt(ee), at = C(i, X), ct = C(s, v), V = {
+        ...L
       };
-      let l = ct.x - at.x + v, r = ct.y - at.y + d;
-      const x = u(
+      let l = at.x - ct.x + x, r = at.y - ct.y + b;
+      const w = u(
         l,
         r
-      ), $ = u(
+      ), E = u(
         l,
         r,
-        s
-      ), ut = O(i, ["t", "l"]), pt = O(n, ["t", "l"]), ht = O(i, ["b", "r"]), gt = O(n, ["b", "r"]), pe = V.overflow || {}, { adjustX: he, adjustY: ge, shiftX: mt, shiftY: yt } = pe, vt = (t) => typeof t == "boolean" ? t : t >= 0;
-      let F, H, S, E;
+        n
+      ), ut = C(i, ["t", "l"]), pt = C(s, ["t", "l"]), ht = C(i, ["b", "r"]), gt = C(s, ["b", "r"]), ne = L.overflow || {}, { adjustX: se, adjustY: ie, shiftX: mt, shiftY: vt } = ne, yt = (t) => typeof t == "boolean" ? t : t >= 0;
+      let j, D, N, _;
       tt();
-      const dt = vt(ge), xt = m[0] === A[0];
-      if (dt && m[0] === "t" && (H > W.bottom || p.value.bt)) {
+      const dt = yt(ie), xt = v[0] === X[0];
+      if (dt && v[0] === "t" && (D > H.bottom || p.value.bt)) {
         let t = r;
-        xt ? t -= X - C : t = ut.y - gt.y - d;
+        xt ? t -= P - I : t = ut.y - gt.y - b;
         const h = u(
           l,
           t
-        ), g = u(
+        ), m = u(
           l,
           t,
-          s
+          n
         );
         // Of course use larger one
-        h > x || h === x && (!T || g >= $) ? (p.value.bt = !0, r = t, d = -d, M.points = [
-          b(m, 0),
-          b(A, 0)
+        h > w || h === w && (!S || m >= E) ? (p.value.bt = !0, r = t, b = -b, V.points = [
+          A(v, 0),
+          A(X, 0)
         ]) : p.value.bt = !1;
       }
-      if (dt && m[0] === "b" && (F < W.top || p.value.tb)) {
+      if (dt && v[0] === "b" && (j < H.top || p.value.tb)) {
         let t = r;
-        xt ? t += X - C : t = ht.y - pt.y - d;
+        xt ? t += P - I : t = ht.y - pt.y - b;
         const h = u(
           l,
           t
-        ), g = u(
+        ), m = u(
           l,
           t,
-          s
+          n
         );
         // Of course use larger one
-        h > x || h === x && (!T || g >= $) ? (p.value.tb = !0, r = t, d = -d, M.points = [
-          b(m, 0),
-          b(A, 0)
+        h > w || h === w && (!S || m >= E) ? (p.value.tb = !0, r = t, b = -b, V.points = [
+          A(v, 0),
+          A(X, 0)
         ]) : p.value.tb = !1;
       }
-      const bt = vt(he), wt = m[1] === A[1];
-      if (bt && m[1] === "l" && (E > W.right || p.value.rl)) {
+      const bt = yt(se), wt = v[1] === X[1];
+      if (bt && v[1] === "l" && (_ > H.right || p.value.rl)) {
         let t = l;
-        wt ? t -= Y - L : t = ut.x - gt.x - v;
+        wt ? t -= B - T : t = ut.x - gt.x - x;
         const h = u(
           t,
           r
-        ), g = u(
+        ), m = u(
           t,
           r,
-          s
+          n
         );
         // Of course use larger one
-        h > x || h === x && (!T || g >= $) ? (p.value.rl = !0, l = t, v = -v, M.points = [
-          b(m, 1),
-          b(A, 1)
+        h > w || h === w && (!S || m >= E) ? (p.value.rl = !0, l = t, x = -x, V.points = [
+          A(v, 1),
+          A(X, 1)
         ]) : p.value.rl = !1;
       }
-      if (bt && m[1] === "r" && (S < W.left || p.value.lr)) {
+      if (bt && v[1] === "r" && (N < H.left || p.value.lr)) {
         let t = l;
-        wt ? t += Y - L : t = ht.x - pt.x - v;
+        wt ? t += B - T : t = ht.x - pt.x - x;
         const h = u(
           t,
           r
-        ), g = u(
+        ), m = u(
           t,
           r,
-          s
+          n
         );
         // Of course use larger one
-        h > x || h === x && (!T || g >= $) ? (p.value.lr = !0, l = t, v = -v, M.points = [
-          b(m, 1),
-          b(A, 1)
+        h > w || h === w && (!S || m >= E) ? (p.value.lr = !0, l = t, x = -x, V.points = [
+          A(v, 1),
+          A(X, 1)
         ]) : p.value.lr = !1;
       }
       tt();
-      const j = mt === !0 ? 0 : mt;
-      typeof j == "number" && (S < s.left && (l -= S - s.left - v, i.x + L < s.left + j && (l += i.x - s.left + L - j)), E > s.right && (l -= E - s.right - v, i.x > s.right - j && (l += i.x - s.right + j)));
-      const N = yt === !0 ? 0 : yt;
-      typeof N == "number" && (F < s.top && (r -= F - s.top - d, i.y + C < s.top + N && (r += i.y - s.top + C - N)), H > s.bottom && (r -= H - s.bottom - d, i.y > s.bottom - N && (r += i.y - s.bottom + N)));
-      const U = n.x + l, me = U + Y, q = n.y + r, ye = q + X, At = i.x, ve = At + L, Rt = i.y, de = Rt + C, xe = Math.max(U, At), be = Math.min(me, ve), we = (xe + be) / 2 - U, Ae = Math.max(q, Rt), Re = Math.min(ye, de), Xe = (Ae + Re) / 2 - q;
-      Lt?.(c.value, M);
-      let z = ft.right - n.x - (l + n.width), G = ft.bottom - n.y - (r + n.height);
-      P === 1 && (l = Math.round(l), z = Math.round(z)), B === 1 && (r = Math.round(r), G = Math.round(G));
-      const Ye = {
+      const W = mt === !0 ? 0 : mt;
+      typeof W == "number" && (N < n.left && (l -= N - n.left - x, i.x + T < n.left + W && (l += i.x - n.left + T - W)), _ > n.right && (l -= _ - n.right - x, i.x > n.right - W && (l += i.x - n.right + W)));
+      const $ = vt === !0 ? 0 : vt;
+      typeof $ == "number" && (j < n.top && (r -= j - n.top - b, i.y + I < n.top + $ && (r += i.y - n.top + I - $)), D > n.bottom && (r -= D - n.bottom - b, i.y > n.bottom - $ && (r += i.y - n.bottom + $)));
+      const q = s.x + l, le = q + B, z = s.y + r, re = z + P, At = i.x, fe = At + T, Rt = i.y, ae = Rt + I, ce = Math.max(q, At), ue = Math.min(le, fe), pe = (ce + ue) / 2 - q, he = Math.max(z, Rt), ge = Math.min(re, ae), me = (he + ge) / 2 - z;
+      It?.(a.value, V);
+      let G = ft.right - s.x - (l + s.width), J = ft.bottom - s.y - (r + s.height);
+      M === 1 && (l = Math.round(l), G = Math.round(G)), O === 1 && (r = Math.round(r), J = Math.round(J));
+      const ve = {
         ready: !0,
-        offsetX: l / P,
-        offsetY: r / B,
-        offsetR: z / P,
-        offsetB: G / B,
-        arrowX: we / P,
-        arrowY: Xe / B,
-        scaleX: P,
-        scaleY: B,
-        align: M
+        offsetX: l / M,
+        offsetY: r / O,
+        offsetR: G / M,
+        offsetB: J / O,
+        arrowX: pe / M,
+        arrowY: me / O,
+        scaleX: M,
+        scaleY: O,
+        align: V
       };
-      Object.assign(_, Ye);
+      g.value = ve;
     }
   }), Q = () => {
-    k.value += 1;
-    const u = k.value;
+    U.value += 1;
+    const u = U.value;
     Promise.resolve().then(() => {
-      k.value === u && Tt();
+      U.value === u && Ft();
     });
   };
-  Pt(
-    c,
+  Bt(
+    a,
     async (u) => {
-      u && o.value && !D?.value && (await J(), Q());
+      u && o.value && !k?.value && (await Be(), Q());
     }
   );
   const Z = () => {
-    _.ready = !1;
+    g.value.ready = !1;
   };
-  Pt(a, async () => {
-    await J(), Z();
-  }), We(async () => {
-    await J(), o.value || (It(), Z());
-  });
-  const { ready: Ft, offsetX: St, offsetR: jt, offsetY: Nt, offsetB: Wt, align: $t, arrowY: Ht, arrowX: Et, scaleY: Dt, scaleX: _t } = $e(_);
-  return [
-    Ft,
-    St,
-    Nt,
-    jt,
-    Wt,
-    Et,
-    Ht,
-    _t,
-    Dt,
-    $t,
+  return Bt(c, () => {
+    Z();
+  }), Me(() => {
+    o.value || (Tt(), Z());
+  }), [
+    y(() => g.value?.ready),
+    y(() => g.value?.offsetX),
+    y(() => g.value?.offsetY),
+    y(() => g.value?.offsetR),
+    y(() => g.value?.offsetB),
+    y(() => g.value?.arrowX),
+    y(() => g.value?.arrowY),
+    y(() => g.value?.scaleX),
+    y(() => g.value?.scaleY),
+    y(() => g.value?.align),
     Q
   ];
 }
 export {
-  Ke as default
+  We as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/trigger",
   "type": "module",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -31,11 +31,12 @@
   "dependencies": {
     "@v-c/portal": "0.0.3",
     "@v-c/resize-observer": "0.0.2",
-    "@v-c/util": "0.0.10"
+    "@v-c/util": "0.0.12"
   },
   "scripts": {
     "build": "vite build",
     "test": "vitest",
-    "prepublish": "pnpm build"
+    "prepublish": "pnpm build",
+    "bump": "bumpp --release patch"
   }
 }