@v-c/trigger 0.0.8 → 0.0.9

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/trigger",
   "type": "module",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "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 patch"
   }
 }