@v-c/trigger 0.0.1

package/dist/index.js

@@ -0,0 +1,470 @@
+import { defineComponent as et, computed as o, ref as ve, useId as tt, shallowRef as u, watch as q, nextTick as F, watchEffect as B, createVNode as S, Fragment as nt, mergeDefaults as ot, isVNode as lt } from "vue";
+import ge from "./portal/dist/Portal.js";
+import ut from "./resize-observer/dist/index.js";
+import "./util/dist/warning.js";
+import de from "./util/dist/classnames.js";
+import { isDOM as x } from "./util/dist/Dom/findDOMNode.js";
+import { getShadowRoot as me } from "./util/dist/Dom/shadow.js";
+import { filterEmpty as at } from "./util/dist/props-util/index.js";
+import { useTriggerContext as it, useUniqueContext as rt, TriggerContextProvider as st } from "./context.js";
+import ct from "./hooks/useAction.js";
+import ft from "./hooks/useAlign.js";
+import pt from "./hooks/useDelay.js";
+import vt from "./hooks/useWatch.js";
+import dt from "./hooks/useWinClick.js";
+import mt from "./Popup/index.js";
+import { getAlignPopupClassName as gt } from "./util.js";
+import { default as It } from "./UniqueProvider/index.js";
+function yt(w) {
+  return typeof w == "function" || Object.prototype.toString.call(w) === "[object Object]" && !lt(w);
+}
+const ht = {
+  prefixCls: "vc-trigger-popup",
+  action: "hover",
+  mouseLeaveDelay: 0.1,
+  maskClosable: !0,
+  builtinPlacements: {},
+  popupVisible: void 0,
+  defaultPopupVisible: void 0
+};
+function Ct(w = ge) {
+  return /* @__PURE__ */ et((t, {
+    expose: ye,
+    slots: he,
+    attrs: $
+  }) => {
+    const Ce = o(() => t.autoDestroy ?? !1), j = o(() => t.popupVisible === void 0), J = o(() => !!t.mobile), z = ve({}), D = it(), Pe = o(() => ({
+      registerSubPopup(e, n) {
+        n ? z.value[e] = n : delete z.value[e], D?.value.registerSubPopup(e, n);
+      }
+    })), d = rt(), _ = tt(), p = u(null), G = u(null), K = (e) => {
+      if (!e)
+        return null;
+      if (x(e))
+        return e;
+      const n = e;
+      if (x(n?.$el))
+        return n.$el;
+      const i = n?.nativeElement;
+      if (x(i?.value))
+        return i.value;
+      if (x(i))
+        return i;
+      if (typeof n?.getElement == "function") {
+        const v = n.getElement();
+        if (x(v))
+          return v;
+      }
+      return null;
+    }, be = (e) => {
+      const n = K(e);
+      G.value = n, p.value !== n && (p.value = n), D?.value?.registerSubPopup(_, n ?? null);
+    }, a = u(null), I = u(null), qe = (e) => {
+      const n = K(e);
+      n && a.value !== n ? (a.value = n, I.value = n) : n || (a.value = null, I.value = null);
+    }, Q = o(() => at(he?.default?.() ?? [])?.[0]), h = o(() => Q?.value?.props || {}), Z = u({}), ee = u({}), we = o(() => ({
+      ...Z.value,
+      ...ee.value
+    })), Ae = (e) => {
+      const n = a.value;
+      return n?.contains(e) || n && me(n)?.host === e || e === n || p.value?.contains(e) || p.value && me(p.value)?.host === e || e === p.value || Object.values(z.value).some((i) => i?.contains(e) || e === i);
+    }, te = o(() => t.arrow ? {
+      ...t?.arrow !== !0 ? t?.arrow : {}
+    } : null), N = u(t?.defaultPopupVisible ?? !1);
+    t.popupVisible !== void 0 && (N.value = t.popupVisible);
+    const l = o(() => t?.popupVisible ?? N.value), Me = (e) => {
+      j.value && (N.value = e);
+    }, ne = () => l.value;
+    q(() => t.popupVisible, async (e) => {
+      e !== void 0 && (await F(), N.value = e);
+    });
+    const oe = (e = 0) => ({
+      popup: t.popup,
+      target: a.value,
+      delay: e,
+      prefixCls: t.prefixCls,
+      popupClassName: t.popupClassName,
+      uniqueContainerClassName: t.uniqueContainerClassName,
+      uniqueContainerStyle: t.uniqueContainerStyle,
+      popupStyle: t.popupStyle,
+      popupPlacement: t.popupPlacement,
+      builtinPlacements: t.builtinPlacements,
+      popupAlign: t.popupAlign,
+      zIndex: t.zIndex,
+      mask: t.mask,
+      maskClosable: t.maskClosable,
+      popupMotion: t.popupMotion,
+      maskMotion: t.maskMotion,
+      arrow: te.value,
+      getPopupContainer: t.getPopupContainer,
+      getPopupClassNameFromAlign: t.getPopupClassNameFromAlign,
+      id: _
+    });
+    q([l, a], () => {
+      if (d && t.unique && a.value && !j.value && !D?.value)
+        if (l.value) {
+          const e = t.mouseEnterDelay ?? 0;
+          d?.show(oe(e), ne);
+        } else
+          d?.hide(t.mouseLeaveDelay || 0);
+    });
+    const m = u(l.value), A = u([]);
+    A.value = [], B(() => {
+      m.value = l.value, l.value || (A.value = []);
+    });
+    const le = (e) => {
+      Me(e), (A.value[A.value.length - 1] ?? l.value) !== e && (A.value.push(e), t?.onOpenChange?.(e), t?.onPopupVisibleChange?.(e));
+    }, ue = pt(), s = (e, n = 0) => {
+      if (t.popupVisible !== void 0) {
+        ue(() => {
+          le(e);
+        }, n);
+        return;
+      }
+      if (d && t.unique && j.value && !D?.value) {
+        e ? d?.show(oe(n), ne) : d.hide(n);
+        return;
+      }
+      ue(() => {
+        le(e);
+      }, n);
+    }, g = u(!1);
+    console.log("inMotion"), q(l, async () => {
+      await F(), l.value && (console.log("inMotion opened"), g.value = !0);
+    });
+    const M = u(), T = ve(null), L = (e) => {
+      T.value = [e.clientX, e.clientY];
+    }, [ke, Se, xe, De, Ne, Te, Ee, Re, Oe, H, X] = ft(l, p, o(() => t?.alignPoint && T.value !== null ? T.value : a.value), o(() => t?.popupPlacement), o(() => t?.builtinPlacements), o(() => t?.popupAlign), t?.onPopupAlign, J), [k, C] = ct(o(() => t.action), o(() => t.showAction), o(() => t.hideAction)), ae = o(() => k.value?.has("click")), E = o(() => C.value?.has("click") || C.value?.has("contextmenu")), P = () => {
+      g.value || X();
+    };
+    vt(l, a, p, P, () => {
+      m.value && t?.alignPoint && E.value && s(!1);
+    }), q([T, () => t.popupPlacement], async () => {
+      await F(), P();
+    }), q(() => JSON.stringify(t.popupAlign), async () => {
+      await F();
+      const {
+        builtinPlacements: e,
+        popupPlacement: n
+      } = t;
+      l.value && !e?.[n] && P();
+    });
+    const Ve = o(() => {
+      const e = gt(t.builtinPlacements, t.prefixCls, H.value, t.alignPoint);
+      return de(e, t?.getPopupClassNameFromAlign?.(H.value));
+    });
+    ye({
+      nativeElement: I,
+      popupElement: G,
+      forceAlign: P
+    });
+    const ie = u(0), re = u(0), se = () => {
+      if (t.stretch && a.value) {
+        const e = a.value.getBoundingClientRect();
+        ie.value = e.width, re.value = e.height;
+      }
+    }, Fe = () => {
+      se(), P();
+    }, Be = (e) => {
+      g.value = !1, X(), t?.afterOpenChange?.(e), t?.afterPopupVisibleChange?.(e);
+    }, je = () => new Promise((e) => {
+      se(), M.value = e;
+    });
+    q([M], () => {
+      M.value && (X(), M.value(), M.value = void 0);
+    });
+    function b(e, n, i, v, y, r) {
+      e[n] = (c, ...f) => {
+        (!r || !r()) && (y?.(c), s(i, v)), h.value[n]?.(c, ...f);
+      };
+    }
+    const ce = o(() => k.value?.has("touch")), Y = o(() => C.value?.has("touch")), U = u(!1);
+    B(() => {
+      const e = {};
+      (ce.value || Y.value) && (e.onTouchStart = (...n) => {
+        U.value = !0, m.value && Y.value ? s(!1) : !m.value && ce.value && s(!0), h.value.onTouchStart?.(...n);
+      }), (ae.value || E.value) && (e.onClick = (n, ...i) => {
+        m.value && E.value ? s(!1) : !m.value && ae.value && (L(n), s(!0)), h.value?.onClick?.(n, ...i), U.value = !1;
+      }), Z.value = e;
+    });
+    const ze = dt(l, o(() => E.value || Y.value), a, p, o(() => t.mask), o(() => t.maskClosable), Ae, s), Ie = o(() => k.value?.has("hover")), Le = o(() => C.value?.has("hover"));
+    let R, W;
+    const O = () => U.value;
+    B(() => {
+      const {
+        mouseEnterDelay: e,
+        mouseLeaveDelay: n,
+        alignPoint: i,
+        focusDelay: v,
+        blurDelay: y
+      } = t, r = {};
+      if (Ie.value) {
+        const c = (f) => {
+          L(f);
+        };
+        b(r, "onMouseenter", !0, e, c, O), b(r, "onPointerenter", !0, e, c, O), R = (f) => {
+          (l.value || g.value) && p?.value?.contains(f.target) && s(!0, e);
+        }, i && (r.onMouseMove = (f) => {
+          h.value.onMouseMove?.(f);
+        });
+      } else
+        R = void 0;
+      Le.value ? (b(r, "onMouseleave", !1, n, void 0, O), b(r, "onPointerleave", !1, n, void 0, O), W = () => {
+        s(!1, n);
+      }) : W = void 0, k.value.has("focus") && b(r, "onFocus", !0, v), C.value.has("focus") && b(r, "onBlur", !1, y), k.value.has("contextmenu") && (r.onContextmenu = (c, ...f) => {
+        m.value && C.value.has("contextmenu") ? s(!1) : (L(c), s(!0)), c.preventDefault(), h.value.onContextMenu?.(c, ...f);
+      }), ee.value = r;
+    });
+    const fe = u(!1);
+    return B(() => {
+      fe.value ||= t.forceRender || l.value || g.value;
+    }), () => {
+      const e = {
+        ...h.value,
+        ...we.value
+      }, n = {};
+      ["onContextmenu", "onClick", "onMousedown", "onTouchstart", "onMouseenter", "onMouseleave", "onFocus", "onBlur"].forEach((V) => {
+        $[V] && (n[V] = (...pe) => {
+          e[V]?.(...pe), $[V](...pe);
+        });
+      });
+      const v = {
+        x: Te.value,
+        y: Ee.value
+      }, y = S(Q.value, {
+        ...e,
+        ...n,
+        ref: qe
+      }), {
+        unique: r,
+        prefixCls: c,
+        popup: f,
+        popupClassName: He,
+        popupStyle: Xe,
+        zIndex: Ye,
+        fresh: Ue,
+        onPopupClick: We,
+        mask: $e,
+        popupMotion: Je,
+        maskMotion: _e,
+        forceRender: Ge,
+        getPopupContainer: Ke,
+        stretch: Qe,
+        mobile: Ze
+      } = t;
+      return console.log(g.value), S(nt, null, [S(ut, {
+        disabled: !l.value,
+        onResize: Fe
+      }, yt(y) ? y : {
+        default: () => [y]
+      }), fe.value && a.value && (!d || !r) && S(st, Pe.value, {
+        default: () => [S(mt, {
+          portal: w,
+          ref: be,
+          prefixCls: c,
+          popup: f,
+          className: de(He, !J.value && Ve.value),
+          style: Xe,
+          target: a.value,
+          onMouseEnter: R,
+          onMouseLeave: W,
+          onPointerEnter: R,
+          zIndex: Ye,
+          open: l.value,
+          keepDom: g.value,
+          fresh: Ue,
+          onClick: We,
+          onPointerDownCapture: ze,
+          mask: $e,
+          motion: Je,
+          maskMotion: _e,
+          onVisibleChanged: Be,
+          onPrepare: je,
+          forceRender: Ge,
+          autoDestroy: Ce.value,
+          getPopupContainer: Ke,
+          align: H.value,
+          arrow: te.value,
+          arrowPos: v,
+          ready: ke.value,
+          offsetX: Se.value,
+          offsetY: xe.value,
+          offsetR: De.value,
+          offsetB: Ne.value,
+          onAlign: P,
+          stretch: Qe,
+          targetWidth: ie.value / Re.value,
+          targetHeight: re.value / Oe.value,
+          mobile: Ze
+        }, null)]
+      })]);
+    };
+  }, {
+    props: /* @__PURE__ */ ot({
+      action: {
+        type: [String, Array],
+        required: !1
+      },
+      showAction: {
+        type: Array,
+        required: !1
+      },
+      hideAction: {
+        type: Array,
+        required: !1
+      },
+      prefixCls: {
+        type: String,
+        required: !1
+      },
+      zIndex: {
+        type: Number,
+        required: !1
+      },
+      onPopupAlign: {
+        type: Function,
+        required: !1
+      },
+      stretch: {
+        type: String,
+        required: !1
+      },
+      popupVisible: {
+        type: Boolean,
+        required: !1
+      },
+      defaultPopupVisible: {
+        type: Boolean,
+        required: !1
+      },
+      onOpenChange: {
+        type: Function,
+        required: !1
+      },
+      afterOpenChange: {
+        type: Function,
+        required: !1
+      },
+      onPopupVisibleChange: {
+        type: Function,
+        required: !1
+      },
+      afterPopupVisibleChange: {
+        type: Function,
+        required: !1
+      },
+      getPopupContainer: {
+        type: Function,
+        required: !1
+      },
+      forceRender: {
+        type: Boolean,
+        required: !1
+      },
+      autoDestroy: {
+        type: Boolean,
+        required: !1
+      },
+      mask: {
+        type: Boolean,
+        required: !1
+      },
+      maskClosable: {
+        type: Boolean,
+        required: !1
+      },
+      popupMotion: {
+        type: Object,
+        required: !1
+      },
+      maskMotion: {
+        type: Object,
+        required: !1
+      },
+      mouseEnterDelay: {
+        type: Number,
+        required: !1
+      },
+      mouseLeaveDelay: {
+        type: Number,
+        required: !1
+      },
+      focusDelay: {
+        type: Number,
+        required: !1
+      },
+      blurDelay: {
+        type: Number,
+        required: !1
+      },
+      popup: {
+        type: [String, Number, null, Array, Function],
+        required: !0,
+        skipCheck: !0
+      },
+      popupPlacement: {
+        type: String,
+        required: !1
+      },
+      builtinPlacements: {
+        type: Object,
+        required: !1
+      },
+      popupAlign: {
+        type: Object,
+        required: !1
+      },
+      popupClassName: {
+        type: String,
+        required: !1
+      },
+      uniqueContainerClassName: {
+        type: String,
+        required: !1
+      },
+      uniqueContainerStyle: {
+        type: null,
+        required: !1
+      },
+      popupStyle: {
+        type: null,
+        required: !1
+      },
+      getPopupClassNameFromAlign: {
+        type: Function,
+        required: !1
+      },
+      onPopupClick: {
+        type: Function,
+        required: !1
+      },
+      alignPoint: {
+        type: Boolean,
+        required: !1
+      },
+      fresh: {
+        type: Boolean,
+        required: !1
+      },
+      unique: {
+        type: Boolean,
+        required: !1
+      },
+      arrow: {
+        type: [Boolean, Object],
+        required: !1
+      },
+      mobile: {
+        type: Object,
+        required: !1
+      }
+    }, ht)
+  });
+}
+const Bt = Ct(ge);
+export {
+  Bt as Trigger,
+  It as UniqueProvider,
+  Bt as default,
+  Ct as generateTrigger
+};

package/dist/interface.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/interface.d.ts

@@ -0,0 +1,94 @@
+import { VueNode } from '../../util/src/type';
+import { CSSProperties } from 'vue';
+export type Placement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export type AlignPointTopBottom = 't' | 'b' | 'c';
+export type AlignPointLeftRight = 'l' | 'r' | 'c';
+/** Two char of 't' 'b' 'c' 'l' 'r'. Example: 'lt' */
+export type AlignPoint = `${AlignPointTopBottom}${AlignPointLeftRight}`;
+export type OffsetType = number | `${number}%`;
+export interface AlignType {
+    /**
+     * move point of source node to align with point of target node.
+     * Such as ['tr','cc'], align top right point of source node with center point of target node.
+     * Point can be 't'(top), 'b'(bottom), 'c'(center), 'l'(left), 'r'(right)
+     */
+    points?: (string | AlignPoint)[];
+    /**
+     * @private Do not use in your production code
+     */
+    _experimental?: Record<string, any>;
+    /**
+     * offset source node by offset[0] in x and offset[1] in y.
+     * If offset contains percentage string value, it is relative to sourceNode region.
+     */
+    offset?: OffsetType[];
+    /**
+     * offset target node by offset[0] in x and offset[1] in y.
+     * If targetOffset contains percentage string value, it is relative to targetNode region.
+     */
+    targetOffset?: OffsetType[];
+    /**
+     * If adjustX field is true, will adjust source node in x direction if source node is invisible.
+     * If adjustY field is true, will adjust source node in y direction if source node is invisible.
+     */
+    overflow?: {
+        adjustX?: boolean | number;
+        adjustY?: boolean | number;
+        shiftX?: boolean | number;
+        shiftY?: boolean | number;
+    };
+    /** Auto adjust arrow position */
+    autoArrow?: boolean;
+    /**
+     * Config visible region check of html node. Default `visible`:
+     *  - `visible`:
+     *    The visible region of user browser window.
+     *    Use `clientHeight` for check.
+     *    If `visible` region not satisfy, fallback to `scroll`.
+     *  - `scroll`:
+     *    The whole region of the html scroll area.
+     *    Use `scrollHeight` for check.
+     *  - `visibleFirst`:
+     *    Similar to `visible`, but if `visible` region not satisfy, fallback to `scroll`.
+     */
+    htmlRegion?: 'visible' | 'scroll' | 'visibleFirst';
+    /**
+     * Auto chose position with `top` or `bottom` by the align result
+     */
+    dynamicInset?: boolean;
+    /**
+     * Whether use css right instead of left to position
+     */
+    useCssRight?: boolean;
+    /**
+     * Whether use css bottom instead of top to position
+     */
+    useCssBottom?: boolean;
+    /**
+     * Whether use css transform instead of left/top/right/bottom to position if browser supports.
+     * Defaults to false.
+     */
+    useCssTransform?: boolean;
+    ignoreShake?: boolean;
+}
+export interface ArrowTypeOuter {
+    style?: CSSProperties;
+    className?: string;
+    content?: VueNode;
+}
+export interface ArrowPos {
+    x?: number;
+    y?: number;
+}
+export type BuildInPlacements = Record<string, AlignType>;
+export type StretchType = string;
+export type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';
+export type AnimationType = string;
+export type TransitionNameType = string;
+export interface Point {
+    pageX: number;
+    pageY: number;
+}
+export interface CommonEventHandler {
+    remove: () => void;
+}

package/dist/interface.js

@@ -0,0 +1 @@
+

package/dist/portal/dist/Context.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=Symbol("QueueContextKey");function u(n){const t=n;return o.provide(e,t),t}function r(){return o.inject(e,void 0)}exports.QueueContextKey=e;exports.useContextProvider=u;exports.useContextState=r;

package/dist/portal/dist/Context.js

@@ -0,0 +1,14 @@
+import { provide as n, inject as r } from "vue";
+const t = Symbol("QueueContextKey");
+function i(o) {
+  const e = o;
+  return n(t, e), e;
+}
+function s() {
+  return r(t, void 0);
+}
+export {
+  t as QueueContextKey,
+  i as useContextProvider,
+  s as useContextState
+};

package/dist/portal/dist/Portal.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),p=require("../../util/dist/warning.cjs"),l=require("../../util/dist/Dom/canUseDom.cjs"),v=require("../../util/dist/props-util/index.cjs"),y=require("./Context.cjs"),g=require("./useDom.cjs"),m=require("./useScrollLocker.cjs");function q(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}function a(e){return e===!1?!1:!l.default()||!e?null:typeof e=="string"?document.querySelector(e):typeof e=="function"?e():e}const C={autoDestroy:!0,getContainer:void 0},S=t.defineComponent((e,{slots:d})=>{const s=t.shallowRef(e.open),i=t.computed(()=>s.value||e.open);process.env.NODE_ENV!=="production"&&p.default(l.default()||!open,"Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR."),t.watch([()=>e.open,()=>e.autoDestroy],()=>{(e.autoDestroy||e.open)&&(s.value=e.open)});const o=t.shallowRef(a(e.getContainer));t.onMounted(()=>{const n=a(e.getContainer);o.value=n??null}),t.watch(()=>e.getContainer,()=>{const n=a(e.getContainer);o.value=n??null});const[c,f]=g.default(t.computed(()=>!!(i.value&&!o.value)),e.debug);y.useContextProvider(f);const u=t.computed(()=>o.value??c);return m.default(t.computed(()=>!!(e.autoLock&&e.open&&l.default()&&(u.value===c||u.value===document.body)))),()=>{if(!i.value||!l.default()||o.value===void 0)return null;const n=u.value===!1,r=v.filterEmpty(d.default?.()??[]);return n?r:t.createVNode(t.Teleport,{to:u.value},q(r)?r:{default:()=>[r]})}},{props:t.mergeDefaults({getContainer:{type:[String,Function,Boolean],required:!1,skipCheck:!0},open:{type:Boolean,required:!1},autoDestroy:{type:Boolean,required:!1},autoLock:{type:Boolean,required:!1},debug:{type:String,required:!1}},C),name:"Portal",inheritAttrs:!1});exports.default=S;

package/dist/portal/dist/Portal.js

@@ -0,0 +1,73 @@
+import { defineComponent as y, shallowRef as p, computed as a, watch as c, onMounted as v, createVNode as g, Teleport as C, mergeDefaults as b, isVNode as q } from "vue";
+import D from "../../util/dist/warning.js";
+import u from "../../util/dist/Dom/canUseDom.js";
+import { filterEmpty as S } from "../../util/dist/props-util/index.js";
+import { useContextProvider as h } from "./Context.js";
+import k from "./useDom.js";
+import w from "./useScrollLocker.js";
+function B(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !q(e);
+}
+function l(e) {
+  return e === !1 ? !1 : !u() || !e ? null : typeof e == "string" ? document.querySelector(e) : typeof e == "function" ? e() : e;
+}
+const P = {
+  autoDestroy: !0,
+  getContainer: void 0
+}, R = /* @__PURE__ */ y((e, {
+  slots: d
+}) => {
+  const i = p(e.open), s = a(() => i.value || e.open);
+  process.env.NODE_ENV !== "production" && D(u() || !open, "Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR."), c([() => e.open, () => e.autoDestroy], () => {
+    (e.autoDestroy || e.open) && (i.value = e.open);
+  });
+  const o = p(l(e.getContainer));
+  v(() => {
+    const t = l(e.getContainer);
+    o.value = t ?? null;
+  }), c(() => e.getContainer, () => {
+    const t = l(e.getContainer);
+    o.value = t ?? null;
+  });
+  const [f, m] = k(a(() => !!(s.value && !o.value)), e.debug);
+  h(m);
+  const n = a(() => o.value ?? f);
+  return w(a(() => !!(e.autoLock && e.open && u() && (n.value === f || n.value === document.body)))), () => {
+    if (!s.value || !u() || o.value === void 0) return null;
+    const t = n.value === !1, r = S(d.default?.() ?? []);
+    return t ? r : g(C, {
+      to: n.value
+    }, B(r) ? r : {
+      default: () => [r]
+    });
+  };
+}, {
+  props: /* @__PURE__ */ b({
+    getContainer: {
+      type: [String, Function, Boolean],
+      required: !1,
+      skipCheck: !0
+    },
+    open: {
+      type: Boolean,
+      required: !1
+    },
+    autoDestroy: {
+      type: Boolean,
+      required: !1
+    },
+    autoLock: {
+      type: Boolean,
+      required: !1
+    },
+    debug: {
+      type: String,
+      required: !1
+    }
+  }, P),
+  name: "Portal",
+  inheritAttrs: !1
+});
+export {
+  R as default
+};

package/dist/portal/dist/useDom.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../util/dist/Dom/canUseDom.cjs"),t=require("vue"),v=require("./Context.cjs"),m=[];function f(o,r){const e=(()=>{if(!s.default())return null;const n=document.createElement("div");return process.env.NODE_ENV!=="production"&&r&&n.setAttribute("data-debug",r),n})(),l=t.shallowRef(!1),a=v.useContextState(),u=t.shallowRef([]),c=t.computed(()=>a?.value||(l.value?void 0:n=>{u.value=[n,...u.value]}));function d(){e?.parentElement||document.body.appendChild(e),l.value=!0}function i(){e?.parentElement?e?.parentElement?.removeChild(e):e&&l.value&&document.body?.removeChild?.(e),l.value=!1}return t.watch(o,()=>{o.value?a?.value?a.value(d):d():t.nextTick(()=>{i()})},{immediate:!0}),t.onUnmounted(i),t.watch(u,()=>{u.value.length&&(u.value.forEach(n=>n()),u.value=[...m])},{flush:"post",immediate:!0}),[e,c]}exports.default=f;