@v-c/trigger 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 antdv-community
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Popup/Arrow.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue");require("../util/dist/warning.cjs");const x=require("../util/dist/classnames.cjs"),P=s.defineComponent({props:{prefixCls:{type:String,required:!0},align:{type:Object,required:!0},arrow:{type:Object,required:!0},arrowPos:{type:Object,required:!0}},name:"Arrow",setup(p,{expose:u}){const n=s.shallowRef();return u({arrowRef:n}),()=>{const{prefixCls:a,align:t,arrow:c,arrowPos:f}=p,{className:d,content:w,style:g}=c||{},{x:y=0,y:b=0}=f;if(!t||!t.points)return null;const e={position:"absolute"};if(t.autoArrow!==!1){const i=t.points[0],l=t.points[1],r=i[0],o=i[1],q=l[0],m=l[1];r===q||!["t","b"].includes(r)?e.top=`${b}px`:r==="t"?e.top=0:e.bottom=0,o===m||!["l","r"].includes(o)?e.left=`${y}px`:o==="l"?e.left=0:e.right=0}return s.createVNode("div",{ref:n,class:x.default(`${a}-arrow`,d),style:{...e,...g}},[w])}}});exports.Arrow=P;

package/dist/Popup/Arrow.d.ts

@@ -0,0 +1,8 @@
+import { AlignType, ArrowPos, ArrowTypeOuter } from '../interface';
+export interface ArrowProps {
+    prefixCls: string;
+    align: AlignType;
+    arrow: ArrowTypeOuter;
+    arrowPos: ArrowPos;
+}
+export declare const Arrow: import('vue').DefineComponent<ArrowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ArrowProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/Popup/Arrow.js

@@ -0,0 +1,66 @@
+import { defineComponent as x, shallowRef as q, createVNode as P } from "vue";
+import "../util/dist/warning.js";
+import R from "../util/dist/classnames.js";
+const O = /* @__PURE__ */ x({
+  props: {
+    prefixCls: {
+      type: String,
+      required: !0
+    },
+    align: {
+      type: Object,
+      required: !0
+    },
+    arrow: {
+      type: Object,
+      required: !0
+    },
+    arrowPos: {
+      type: Object,
+      required: !0
+    }
+  },
+  name: "Arrow",
+  setup(p, {
+    expose: l
+  }) {
+    const s = q();
+    return l({
+      arrowRef: s
+    }), () => {
+      const {
+        prefixCls: a,
+        align: e,
+        arrow: c,
+        arrowPos: u
+      } = p, {
+        className: f,
+        content: w,
+        style: d
+      } = c || {}, {
+        x: m = 0,
+        y: g = 0
+      } = u;
+      if (!e || !e.points)
+        return null;
+      const t = {
+        position: "absolute"
+      };
+      if (e.autoArrow !== !1) {
+        const n = e.points[0], i = e.points[1], r = n[0], o = n[1], y = i[0], b = i[1];
+        r === y || !["t", "b"].includes(r) ? t.top = `${g}px` : r === "t" ? t.top = 0 : t.bottom = 0, o === b || !["l", "r"].includes(o) ? t.left = `${m}px` : o === "l" ? t.left = 0 : t.right = 0;
+      }
+      return P("div", {
+        ref: s,
+        class: R(`${a}-arrow`, f),
+        style: {
+          ...t,
+          ...d
+        }
+      }, [w]);
+    };
+  }
+});
+export {
+  O as Arrow
+};

package/dist/Popup/Mask.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../util/dist/utils/transition.cjs"),d=e.defineComponent((n,{attrs:o})=>()=>{const{prefixCls:r,open:s,zIndex:i,mask:a,motion:t,mobile:l}=n;if(!a)return null;const u=p.getTransitionProps(t?.name,t);return e.createVNode(e.Transition,u,{default:()=>[s?e.createVNode("div",{style:{zIndex:i},class:[`${r}-mask`,l&&`${r}-mask-mobile`,o.class]},null):null]})},{props:{prefixCls:{type:String,required:!0},open:{type:Boolean,required:!1},zIndex:{type:Number,required:!1},mask:{type:Boolean,required:!1},motion:{type:Object,required:!1},mobile:{type:Boolean,required:!1}},inheritAttrs:!1,name:"PopupMask"});exports.default=d;

package/dist/Popup/Mask.d.ts

@@ -0,0 +1,11 @@
+import { CSSMotionProps } from '../../../util/src/utils/transition';
+export interface MaskProps {
+    prefixCls: string;
+    open?: boolean;
+    zIndex?: number;
+    mask?: boolean;
+    motion?: CSSMotionProps;
+    mobile?: boolean;
+}
+declare const Mask: import('vue').DefineSetupFnComponent<MaskProps, {}, {}, MaskProps & {}, import('vue').PublicProps>;
+export default Mask;

package/dist/Popup/Mask.js

@@ -0,0 +1,57 @@
+import { defineComponent as m, createVNode as o, Transition as u } from "vue";
+import { getTransitionProps as f } from "../util/dist/utils/transition.js";
+const y = /* @__PURE__ */ m((t, {
+  attrs: n
+}) => () => {
+  const {
+    prefixCls: e,
+    open: s,
+    zIndex: a,
+    mask: i,
+    motion: r,
+    mobile: l
+  } = t;
+  if (!i)
+    return null;
+  const p = f(r?.name, r);
+  return o(u, p, {
+    default: () => [s ? o("div", {
+      style: {
+        zIndex: a
+      },
+      class: [`${e}-mask`, l && `${e}-mask-mobile`, n.class]
+    }, null) : null]
+  });
+}, {
+  props: {
+    prefixCls: {
+      type: String,
+      required: !0
+    },
+    open: {
+      type: Boolean,
+      required: !1
+    },
+    zIndex: {
+      type: Number,
+      required: !1
+    },
+    mask: {
+      type: Boolean,
+      required: !1
+    },
+    motion: {
+      type: Object,
+      required: !1
+    },
+    mobile: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  inheritAttrs: !1,
+  name: "PopupMask"
+});
+export {
+  y as default
+};

package/dist/Popup/PopupContent.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),r=u.defineComponent((n,{slots:o})=>{const e=u.shallowRef();return()=>{const t=o?.default?.();return n.cache?(e.value||(e.value=t),e.value):(e.value=t,t)}},{props:{cache:{type:Boolean,required:!1}},name:"PopupContext"});exports.default=r;

package/dist/Popup/PopupContent.d.ts

@@ -0,0 +1,5 @@
+export interface PopupContextProps {
+    cache?: boolean;
+}
+declare const PopupContent: import('vue').DefineSetupFnComponent<PopupContextProps, {}, {}, PopupContextProps & {}, import('vue').PublicProps>;
+export default PopupContent;

package/dist/Popup/PopupContent.js

@@ -0,0 +1,21 @@
+import { defineComponent as a, shallowRef as r } from "vue";
+const u = /* @__PURE__ */ a((o, {
+  slots: t
+}) => {
+  const e = r();
+  return () => {
+    const n = t?.default?.();
+    return o.cache ? (e.value || (e.value = n), e.value) : (e.value = n, n);
+  };
+}, {
+  props: {
+    cache: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  name: "PopupContext"
+});
+export {
+  u as default
+};

package/dist/Popup/index.cjs

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

package/dist/Popup/index.d.ts

@@ -0,0 +1,54 @@
+import { ResizeObserverProps } from '../../../resize-observer/src';
+import { CSSMotionProps } from '../../../util/src/utils/transition';
+import { CSSProperties } from 'vue';
+import { TriggerProps } from '../index.tsx';
+import { AlignType, ArrowPos, ArrowTypeOuter } from '../interface.ts';
+export interface MobileConfig {
+    mask?: boolean;
+    /** Set popup motion. You can ref `rc-motion` for more info. */
+    motion?: CSSMotionProps;
+    /** Set mask motion. You can ref `rc-motion` for more info. */
+    maskMotion?: CSSMotionProps;
+}
+export interface PopupProps {
+    prefixCls: string;
+    className?: string;
+    style?: CSSProperties;
+    popup?: TriggerProps['popup'];
+    target: HTMLElement;
+    onMouseEnter?: (e: MouseEvent) => void;
+    onMouseLeave?: (e: MouseEvent) => void;
+    onPointerEnter?: (e: PointerEvent) => void;
+    onPointerDownCapture?: (e: PointerEvent) => void;
+    zIndex?: number;
+    mask?: boolean;
+    onVisibleChanged: (visible: boolean) => void;
+    align?: AlignType;
+    arrow?: ArrowTypeOuter;
+    arrowPos: ArrowPos;
+    open: boolean;
+    /** Tell Portal that should keep in screen. e.g. should wait all motion end */
+    keepDom: boolean;
+    fresh?: boolean;
+    onClick?: (e: MouseEvent) => void;
+    motion?: CSSMotionProps;
+    maskMotion?: CSSMotionProps;
+    forceRender?: boolean;
+    getPopupContainer?: TriggerProps['getPopupContainer'];
+    autoDestroy?: boolean;
+    portal: any;
+    ready: boolean;
+    offsetX: number;
+    offsetY: number;
+    offsetR: number;
+    offsetB: number;
+    onAlign: VoidFunction;
+    onPrepare: () => Promise<void>;
+    stretch?: string;
+    targetWidth?: number;
+    targetHeight?: number;
+    onResize?: ResizeObserverProps['onResize'];
+    mobile?: MobileConfig;
+}
+declare const Popup: import('vue').DefineSetupFnComponent<PopupProps, {}, {}, PopupProps & {}, import('vue').PublicProps>;
+export default Popup;

package/dist/Popup/index.js

@@ -0,0 +1,295 @@
+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 me from "./PopupContent.js";
+const ce = {
+  autoDestroy: !0
+}, ke = /* @__PURE__ */ Z((e, {
+  attrs: x,
+  expose: k
+}) => {
+  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 {
+      mobile: t,
+      mask: r,
+      maskMotion: a,
+      motion: c
+    } = e;
+    return t ? [t.mask, t.maskMotion, t.motion] : [r, a, c];
+  }), d = w(!e.getPopupContainer || !F);
+  _(async () => {
+    await ee();
+    const t = e?.getPopupContainer?.length > 0, r = e.target;
+    !d.value && t && r && (d.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({
+    getElement: () => m.value,
+    nativeElement: m
+  }), () => {
+    if (!d.value)
+      return null;
+    const {
+      stretch: t,
+      targetHeight: r,
+      targetWidth: a,
+      portal: c,
+      forceRender: $,
+      getPopupContainer: h,
+      target: j,
+      autoDestroy: T,
+      zIndex: b,
+      prefixCls: l,
+      // Arrow
+      arrow: v,
+      arrowPos: y,
+      align: H,
+      onMouseEnter: I,
+      onMouseLeave: L,
+      onPointerEnter: V,
+      onPointerDownCapture: W,
+      onClick: X,
+      fresh: Y,
+      onPrepare: C,
+      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);
+      },
+      onBeforeEnter: (o) => {
+        C?.(), s?.onBeforeEnter?.(o);
+      },
+      onAfterAppear: (o) => {
+        s?.onAfterAppear?.(o), g?.(!0);
+      },
+      onAfterEnter: (o) => {
+        s?.onAfterEnter?.(o), g?.(!0);
+      },
+      onAfterLeave: (o) => {
+        s.onAfterLeave?.(o), g?.(!1);
+      }
+    }, U = ue(l, x.class, e.className, {
+      [`${l}-mobile`]: p.value
+    });
+    return console.log(P.value, n.value), i(c, {
+      open: $ || P.value,
+      getContainer: h && (() => h(j)),
+      autoDestroy: T
+    }, {
+      default: () => [i(de, {
+        prefixCls: l,
+        open: n.value,
+        zIndex: b,
+        mask: G,
+        motion: J,
+        mobile: p.value
+      }, null), i(ae, {
+        onResize: S,
+        disabled: !n.value
+      }, {
+        default: () => [i(te, Q, {
+          default: () => [re(i("div", oe({
+            ref: m,
+            class: U,
+            style: [{
+              "--arrow-x": `${y.x || 0}px`,
+              "--arrow-y": `${y.y || 0}px`
+            }, O.value, u, {
+              boxSizing: "border-box",
+              zIndex: b
+            }, e.style],
+            onMouseenter: I,
+            onMouseleave: L,
+            onPointerenter: V,
+            onClick: X
+          }, {
+            onPointerdownCapture: W
+          }), [v && i(pe, {
+            prefixCls: l,
+            arrow: v,
+            arrowPos: y,
+            align: H
+          }, null), i(me, {
+            cache: !n.value && !Y
+          }, {
+            default: () => [M.value]
+          })]), [[ne, n.value]])]
+        })]
+      })]
+    });
+  };
+}, {
+  props: /* @__PURE__ */ ie({
+    prefixCls: {
+      type: String,
+      required: !0
+    },
+    className: {
+      type: String,
+      required: !1
+    },
+    style: {
+      type: null,
+      required: !1
+    },
+    popup: {
+      type: Function,
+      required: !1,
+      skipCheck: !0
+    },
+    target: {
+      type: null,
+      required: !0
+    },
+    onMouseEnter: {
+      type: Function,
+      required: !1
+    },
+    onMouseLeave: {
+      type: Function,
+      required: !1
+    },
+    onPointerEnter: {
+      type: Function,
+      required: !1
+    },
+    onPointerDownCapture: {
+      type: Function,
+      required: !1
+    },
+    zIndex: {
+      type: Number,
+      required: !1
+    },
+    mask: {
+      type: Boolean,
+      required: !1
+    },
+    onVisibleChanged: {
+      type: Function,
+      required: !0
+    },
+    align: {
+      type: Object,
+      required: !1
+    },
+    arrow: {
+      type: Object,
+      required: !1
+    },
+    arrowPos: {
+      type: Object,
+      required: !0
+    },
+    open: {
+      type: Boolean,
+      required: !0
+    },
+    keepDom: {
+      type: Boolean,
+      required: !0
+    },
+    fresh: {
+      type: Boolean,
+      required: !1
+    },
+    onClick: {
+      type: Function,
+      required: !1
+    },
+    motion: {
+      type: Object,
+      required: !1
+    },
+    maskMotion: {
+      type: Object,
+      required: !1
+    },
+    forceRender: {
+      type: Boolean,
+      required: !1
+    },
+    getPopupContainer: {
+      type: Function,
+      required: !1
+    },
+    autoDestroy: {
+      type: Boolean,
+      required: !1
+    },
+    portal: {
+      type: null,
+      required: !0
+    },
+    ready: {
+      type: Boolean,
+      required: !0
+    },
+    offsetX: {
+      type: Number,
+      required: !0
+    },
+    offsetY: {
+      type: Number,
+      required: !0
+    },
+    offsetR: {
+      type: Number,
+      required: !0
+    },
+    offsetB: {
+      type: Number,
+      required: !0
+    },
+    onAlign: {
+      type: null,
+      required: !0
+    },
+    onPrepare: {
+      type: Function,
+      required: !0
+    },
+    stretch: {
+      type: String,
+      required: !1
+    },
+    targetWidth: {
+      type: Number,
+      required: !1
+    },
+    targetHeight: {
+      type: Number,
+      required: !1
+    },
+    onResize: {
+      type: null,
+      required: !1
+    },
+    mobile: {
+      type: Object,
+      required: !1
+    }
+  }, ce)
+});
+export {
+  ke as default
+};

package/dist/UniqueProvider/UniqueContainer.cjs

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

package/dist/UniqueProvider/UniqueContainer.d.ts

@@ -0,0 +1,24 @@
+import { CSSMotionProps } from '../../../util/src/utils/transition';
+import { CSSProperties } from 'vue';
+import { AlignType, ArrowPos } from '../interface.ts';
+export interface UniqueContainerProps {
+    prefixCls: string;
+    isMobile: boolean;
+    ready: boolean;
+    open: boolean;
+    align: AlignType;
+    offsetR: number;
+    offsetB: number;
+    offsetX: number;
+    offsetY: number;
+    arrowPos?: ArrowPos;
+    popupSize?: {
+        width: number;
+        height: number;
+    };
+    motion?: CSSMotionProps;
+    uniqueContainerClassName?: string;
+    uniqueContainerStyle?: CSSProperties;
+}
+declare const UniqueContainer: import('vue').DefineSetupFnComponent<UniqueContainerProps, {}, {}, UniqueContainerProps & {}, import('vue').PublicProps>;
+export default UniqueContainer;