@v-c/trigger 0.0.1

package/dist/UniqueProvider/UniqueContainer.js

@@ -0,0 +1,125 @@
+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 j from "../hooks/useOffsetStyle.js";
+const Y = /* @__PURE__ */ B((u) => {
+  const t = y(!1), {
+    open: i,
+    isMobile: m,
+    align: q,
+    ready: s,
+    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);
+  }, {
+    immediate: !0
+  }), () => {
+    const {
+      popupSize: o,
+      motion: p,
+      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 = {
+      ...r,
+      onBeforeAppear: (e) => {
+        t.value = !0, r.onBeforeAppear?.(e);
+      },
+      onBeforeEnter: (e) => {
+        t.value = !0, r.onBeforeEnter?.(e);
+      },
+      onAfterAppear: (e) => {
+        t.value = !0, r.onAfterAppear?.(e);
+      },
+      onAfterEnter: (e) => {
+        t.value = !0, r.onAfterEnter?.(e);
+      },
+      onAfterLeave: (e) => {
+        t.value = !1, r.onAfterLeave?.(e);
+      }
+    }, a = `${C}-unique-container`;
+    return c($, A, {
+      default: () => [O(c("div", {
+        class: [a, S, {
+          [`${a}-visible`]: t.value,
+          [`${a}-hidden`]: !t.value
+        }],
+        style: [{
+          "--arrow-x": `${d?.x || 0}px`,
+          "--arrow-y": `${d?.y || 0}px`
+        }, l.value, n, x]
+      }, null), [[P, i.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
+    }
+  }
+});
+export {
+  Y as default
+};

package/dist/UniqueProvider/index.cjs

@@ -0,0 +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;

package/dist/UniqueProvider/index.d.ts

@@ -0,0 +1,7 @@
+import { UniqueShowOptions } from '../context';
+export interface UniqueProviderProps {
+    /** Additional handle options data to do the customize info */
+    postTriggerProps?: (options: UniqueShowOptions) => UniqueShowOptions;
+}
+declare const UniqueProvider: import('vue').DefineSetupFnComponent<UniqueProviderProps, {}, {}, UniqueProviderProps & {}, import('vue').PublicProps>;
+export default UniqueProvider;

package/dist/UniqueProvider/index.js

@@ -0,0 +1,167 @@
+import { defineComponent as F, computed as a, shallowRef as v, ref as m, watch as O, createVNode as n } from "vue";
+import H from "../portal/dist/Portal.js";
+import "../util/dist/warning.js";
+import g from "../util/dist/classnames.js";
+import { isDOM as l } from "../util/dist/Dom/findDOMNode.js";
+import { useTriggerContext as W, UniqueContextProvider as j, TriggerContextProvider as G } from "../context.js";
+import J from "../hooks/useAlign.js";
+import K from "../hooks/useDelay.js";
+import L from "../Popup/index.js";
+import { getAlignPopupClassName as Q } from "../util.js";
+import Z from "./UniqueContainer.js";
+import _ from "./useTargetState.js";
+const ve = /* @__PURE__ */ F((c, {
+  slots: A
+}) => {
+  const [d, s, i, M] = _(), e = a(() => !i.value || !c.postTriggerProps ? i.value : c.postTriggerProps(i.value)), p = v(null), C = m(null), V = v(null), E = (t) => {
+    if (!t)
+      return null;
+    if (l(t))
+      return t;
+    const o = t;
+    if (l(o?.$el))
+      return o.$el;
+    const u = o?.nativeElement;
+    if (l(u?.value))
+      return u.value;
+    if (l(u))
+      return u;
+    if (typeof o?.getElement == "function") {
+      const k = o.getElement();
+      if (l(k))
+        return k;
+    }
+    return null;
+  }, z = (t) => {
+    const o = E(t);
+    V.value = o, p.value !== o && (p.value = o);
+  }, P = v(), x = K(), D = (t, o) => {
+    P.value = o, x(() => {
+      d(t);
+    }, t.delay);
+  }, I = (t) => {
+    x(() => {
+      P.value?.() || d(!1);
+    }, t);
+  }, X = (t) => {
+    M(t);
+  }, [
+    y,
+    h,
+    q,
+    w,
+    N,
+    b,
+    R,
+    // scaleX - not used in UniqueProvider
+    ,
+    ,
+    // scaleY - not used in UniqueProvider
+    r,
+    f
+  ] = J(
+    s,
+    p,
+    a(() => e.value?.target),
+    a(() => e.value?.popupPlacement),
+    a(() => e.value?.builtinPlacements || {}),
+    a(() => e.value?.popupAlign),
+    void 0,
+    // onPopupAlign
+    m(!1)
+    // isMobile
+  ), S = a(() => {
+    if (!e.value)
+      return "";
+    const t = Q(e.value?.builtinPlacements || {}, e.value.prefixCls || "", r.value, !1);
+    return g(t, e.value?.getPopupClassNameFromAlign?.(r.value));
+  }), Y = {
+    show: D,
+    hide: I
+  };
+  O(() => e.value?.target, () => {
+    f();
+  }, {
+    immediate: !0
+  });
+  const B = () => (f(), Promise.resolve()), T = m({}), U = W(), $ = a(() => ({
+    registerSubPopup: (t, o) => {
+      o ? T.value[t] = o : delete T.value[t], U?.value?.registerSubPopup(t, o);
+    }
+  }));
+  return () => {
+    const t = e?.value?.prefixCls;
+    return n(j, Y, {
+      default: () => [A?.default?.(), !!e.value && n(G, $.value, {
+        default: () => [n(L, {
+          ref: z,
+          portal: H,
+          prefixCls: t,
+          popup: e.value?.popup,
+          className: g(e.value?.popupClassName, S.value, `${t}-unique-controlled`),
+          style: e.value?.popupStyle,
+          target: e.value?.target,
+          open: s.value,
+          keepDom: !0,
+          fresh: !0,
+          autoDestroy: !1,
+          onVisibleChanged: X,
+          ready: y.value,
+          offsetX: h.value,
+          offsetY: q.value,
+          offsetR: w.value,
+          offsetB: N.value,
+          onAlign: f,
+          onPrepare: B,
+          onResize: (o) => {
+            C.value = {
+              width: o.offsetWidth,
+              height: o.offsetHeight
+            };
+          },
+          arrowPos: {
+            x: b.value,
+            y: R.value
+          },
+          align: r.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: () => [n(Z, {
+            prefixCls: t,
+            isMobile: !1,
+            ready: y.value,
+            open: s.value,
+            align: r.value,
+            offsetX: h.value,
+            offsetY: q.value,
+            offsetR: w.value,
+            offsetB: N.value,
+            arrowPos: {
+              x: b.value,
+              y: R.value
+            },
+            popupSize: C.value,
+            motion: e.value?.popupMotion,
+            uniqueContainerClassName: g(e.value?.uniqueContainerClassName, S.value),
+            uniqueContainerStyle: e?.value?.uniqueContainerStyle
+          }, null)]
+        })]
+      })]
+    });
+  };
+}, {
+  props: {
+    postTriggerProps: {
+      type: Function,
+      required: !1
+    }
+  }
+});
+export {
+  ve as default
+};

package/dist/UniqueProvider/useTargetState.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue");function i(){const n=s.ref(),a=s.ref(!1),l=s.ref(!1),e=s.ref();return[u=>{const t=a.value;u===!1?(e.value=null,a.value=!1,l.value=!1):l.value&&t?e.value=u:(a.value=!0,n.value=u,e.value=null,t||(l.value=!0))},a,n,u=>{u?(l.value=!1,e.value&&(n.value=e.value,e.value=null)):(l.value=!1,e.value=null)}]}exports.default=i;

package/dist/UniqueProvider/useTargetState.d.ts

@@ -0,0 +1,11 @@
+import { UniqueShowOptions } from '../context.ts';
+/**
+ * Control the state of popup bind target:
+ * 1. When set `target`. Do show the popup.
+ * 2. When `target` is removed. Do hide the popup.
+ * 3. When `target` change to another one:
+ *  a. We wait motion finish of previous popup.
+ *  b. Then we set new target and show the popup.
+ * 4. During appear/enter animation, cache new options and apply after animation completes.
+ */
+export default function useTargetState(): readonly [(nextOptions: UniqueShowOptions | false) => void, import('vue').Ref<boolean, boolean>, import('vue').Ref<UniqueShowOptions | undefined, UniqueShowOptions | undefined>, (visible: boolean) => void];

package/dist/UniqueProvider/useTargetState.js

@@ -0,0 +1,13 @@
+import { ref as s } from "vue";
+function o() {
+  const n = s(), u = s(!1), l = s(!1), e = s();
+  return [(a) => {
+    const t = u.value;
+    a === !1 ? (e.value = null, u.value = !1, l.value = !1) : l.value && t ? e.value = a : (u.value = !0, n.value = a, e.value = null, t || (l.value = !0));
+  }, u, n, (a) => {
+    a ? (l.value = !1, e.value && (n.value = e.value, e.value = null)) : (l.value = !1, e.value = null);
+  }];
+}
+export {
+  o as default
+};

package/dist/context.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=Symbol("TriggerContextKey");function i(){return e.inject(o,void 0)}const u=e.defineComponent((t,{slots:n})=>(e.provide(o,e.computed(()=>t)),()=>n?.default?.()),{props:["registerSubPopup"]}),r=Symbol("UniqueContextKey");function d(){return e.inject(r,void 0)}const g=e.defineComponent((t,{slots:n})=>(e.provide(r,t),()=>n?.default?.()),{props:["show","hide"]});exports.TriggerContextProvider=u;exports.UniqueContextKey=r;exports.UniqueContextProvider=g;exports.useTriggerContext=i;exports.useUniqueContext=d;

package/dist/context.d.ts

@@ -0,0 +1,48 @@
+import { CSSMotionProps } from '../../util/src/utils/transition';
+import { CSSProperties, InjectionKey, Ref } from 'vue';
+import { TriggerProps } from './index';
+import { AlignType, ArrowTypeOuter, BuildInPlacements } from './interface';
+export interface TriggerContextProps {
+    registerSubPopup: (id: string, node: HTMLElement | null) => void;
+}
+export declare function useTriggerContext(): Ref<TriggerContextProps, TriggerContextProps> | undefined;
+export declare const TriggerContextProvider: import('vue').DefineSetupFnComponent<{
+    registerSubPopup: any;
+}, {}, {}, {
+    registerSubPopup: any;
+} & {}, import('vue').PublicProps>;
+export interface UniqueShowOptions {
+    id: string;
+    popup: TriggerProps['popup'];
+    target: HTMLElement;
+    delay: number;
+    prefixCls?: string;
+    popupClassName?: string;
+    uniqueContainerClassName?: string;
+    uniqueContainerStyle?: CSSProperties;
+    popupStyle?: CSSProperties;
+    popupPlacement?: string;
+    builtinPlacements?: BuildInPlacements;
+    popupAlign?: AlignType;
+    zIndex?: number;
+    mask?: boolean;
+    maskClosable?: boolean;
+    popupMotion?: CSSMotionProps;
+    maskMotion?: CSSMotionProps;
+    arrow?: ArrowTypeOuter;
+    getPopupContainer?: TriggerProps['getPopupContainer'];
+    getPopupClassNameFromAlign?: (align: AlignType) => string;
+}
+export interface UniqueContextProps {
+    show: (options: UniqueShowOptions, isOpen: () => boolean) => void;
+    hide: (delay: number) => void;
+}
+export declare const UniqueContextKey: InjectionKey<UniqueContextProps>;
+export declare function useUniqueContext(): UniqueContextProps | undefined;
+export declare const UniqueContextProvider: import('vue').DefineSetupFnComponent<{
+    hide: any;
+    show: any;
+}, {}, {}, {
+    hide: any;
+    show: any;
+} & {}, import('vue').PublicProps>;

package/dist/context.js

@@ -0,0 +1,27 @@
+import { defineComponent as r, provide as o, computed as p, inject as n } from "vue";
+const i = Symbol("TriggerContextKey");
+function s() {
+  return n(i, void 0);
+}
+const g = r(
+  (e, { slots: t }) => (o(i, p(() => e)), () => t?.default?.()),
+  {
+    props: ["registerSubPopup"]
+  }
+), u = Symbol("UniqueContextKey");
+function x() {
+  return n(u, void 0);
+}
+const C = r(
+  (e, { slots: t }) => (o(u, e), () => t?.default?.()),
+  {
+    props: ["show", "hide"]
+  }
+);
+export {
+  g as TriggerContextProvider,
+  u as UniqueContextKey,
+  C as UniqueContextProvider,
+  s as useTriggerContext,
+  x as useUniqueContext
+};

package/dist/hooks/useAction.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue");function u(e){return e?Array.isArray(e)?e:[e]:[]}function i(e){return typeof e=="string"?e.toLowerCase():e}function d(e,s,a){const r=n.shallowRef(new Set),c=n.shallowRef(new Set);return n.watchEffect(()=>{const h=u(s?.value??e.value).map(i),l=u(a?.value??e.value).map(i),t=new Set(h),o=new Set(l);t.has("hover")&&!t.has("click")&&t.add("touch"),o.has("hover")&&!o.has("click")&&o.add("touch"),r.value=t,c.value=o}),[r,c]}exports.default=d;

package/dist/hooks/useAction.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'vue';
+type InternalActionType = 'hover' | 'focus' | 'click' | 'contextmenu' | 'touch';
+type ExternalActionType = InternalActionType | Uppercase<InternalActionType> | 'contextMenu';
+type ActionTypes = ExternalActionType | ExternalActionType[];
+export default function useAction(action: Ref<ActionTypes>, showAction?: Ref<ActionTypes | undefined>, hideAction?: Ref<ActionTypes | undefined>): readonly [import('vue').ShallowRef<Set<InternalActionType>, Set<InternalActionType>>, import('vue').ShallowRef<Set<InternalActionType>, Set<InternalActionType>>];
+export {};

package/dist/hooks/useAction.js

@@ -0,0 +1,17 @@
+import { shallowRef as c, watchEffect as A } from "vue";
+function i(e) {
+  return e ? Array.isArray(e) ? e : [e] : [];
+}
+function s(e) {
+  return typeof e == "string" ? e.toLowerCase() : e;
+}
+function w(e, a, u) {
+  const n = c(/* @__PURE__ */ new Set()), r = c(/* @__PURE__ */ new Set());
+  return A(() => {
+    const h = i(a?.value ?? e.value).map(s), f = i(u?.value ?? e.value).map(s), t = new Set(h), o = new Set(f);
+    t.has("hover") && !t.has("click") && t.add("touch"), o.has("hover") && !o.has("click") && o.add("touch"), n.value = t, r.value = o;
+  }), [n, r];
+}
+export {
+  w as default
+};

package/dist/hooks/useAlign.cjs

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

package/dist/hooks/useAlign.d.ts

@@ -0,0 +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];