@v-c/util 0.0.12 → 0.0.13

package/dist/KeyCode.js

@@ -1,4 +1,4 @@
-const E = {
+const KeyCode = {
   /**
    * MAC_ENTER
    */
@@ -448,69 +448,76 @@ const E = {
   /**
    * whether text and modified key is entered at the same time.
    */
-  isTextModifyingKeyEvent: function(N) {
-    const { keyCode: e } = N;
-    if (N.altKey && !N.ctrlKey || N.metaKey || e >= E.F1 && e <= E.F12)
-      return !1;
-    switch (e) {
-      case E.ALT:
-      case E.CAPS_LOCK:
-      case E.CONTEXT_MENU:
-      case E.CTRL:
-      case E.DOWN:
-      case E.END:
-      case E.ESC:
-      case E.HOME:
-      case E.INSERT:
-      case E.LEFT:
-      case E.MAC_FF_META:
-      case E.META:
-      case E.NUMLOCK:
-      case E.NUM_CENTER:
-      case E.PAGE_DOWN:
-      case E.PAGE_UP:
-      case E.PAUSE:
-      case E.PRINT_SCREEN:
-      case E.RIGHT:
-      case E.SHIFT:
-      case E.UP:
-      case E.WIN_KEY:
-      case E.WIN_KEY_RIGHT:
-        return !1;
+  isTextModifyingKeyEvent: function isTextModifyingKeyEvent(e) {
+    const { keyCode } = e;
+    if (e.altKey && !e.ctrlKey || e.metaKey || keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
+      return false;
+    }
+    switch (keyCode) {
+      case KeyCode.ALT:
+      case KeyCode.CAPS_LOCK:
+      case KeyCode.CONTEXT_MENU:
+      case KeyCode.CTRL:
+      case KeyCode.DOWN:
+      case KeyCode.END:
+      case KeyCode.ESC:
+      case KeyCode.HOME:
+      case KeyCode.INSERT:
+      case KeyCode.LEFT:
+      case KeyCode.MAC_FF_META:
+      case KeyCode.META:
+      case KeyCode.NUMLOCK:
+      case KeyCode.NUM_CENTER:
+      case KeyCode.PAGE_DOWN:
+      case KeyCode.PAGE_UP:
+      case KeyCode.PAUSE:
+      case KeyCode.PRINT_SCREEN:
+      case KeyCode.RIGHT:
+      case KeyCode.SHIFT:
+      case KeyCode.UP:
+      case KeyCode.WIN_KEY:
+      case KeyCode.WIN_KEY_RIGHT:
+        return false;
       default:
-        return !0;
+        return true;
     }
   },
   /**
    * whether character is entered.
    */
-  isCharacterKey: function(N) {
-    if (N >= E.ZERO && N <= E.NINE || N >= E.NUM_ZERO && N <= E.NUM_MULTIPLY || N >= E.A && N <= E.Z || window.navigator.userAgent.includes("WebKit") && N === 0)
-      return !0;
-    switch (N) {
-      case E.SPACE:
-      case E.QUESTION_MARK:
-      case E.NUM_PLUS:
-      case E.NUM_MINUS:
-      case E.NUM_PERIOD:
-      case E.NUM_DIVISION:
-      case E.SEMICOLON:
-      case E.DASH:
-      case E.EQUALS:
-      case E.COMMA:
-      case E.PERIOD:
-      case E.SLASH:
-      case E.APOSTROPHE:
-      case E.SINGLE_QUOTE:
-      case E.OPEN_SQUARE_BRACKET:
-      case E.BACKSLASH:
-      case E.CLOSE_SQUARE_BRACKET:
-        return !0;
+  isCharacterKey: function isCharacterKey(keyCode) {
+    if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE)
+      return true;
+    if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY)
+      return true;
+    if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z)
+      return true;
+    if (window.navigator.userAgent.includes("WebKit") && keyCode === 0)
+      return true;
+    switch (keyCode) {
+      case KeyCode.SPACE:
+      case KeyCode.QUESTION_MARK:
+      case KeyCode.NUM_PLUS:
+      case KeyCode.NUM_MINUS:
+      case KeyCode.NUM_PERIOD:
+      case KeyCode.NUM_DIVISION:
+      case KeyCode.SEMICOLON:
+      case KeyCode.DASH:
+      case KeyCode.EQUALS:
+      case KeyCode.COMMA:
+      case KeyCode.PERIOD:
+      case KeyCode.SLASH:
+      case KeyCode.APOSTROPHE:
+      case KeyCode.SINGLE_QUOTE:
+      case KeyCode.OPEN_SQUARE_BRACKET:
+      case KeyCode.BACKSLASH:
+      case KeyCode.CLOSE_SQUARE_BRACKET:
+        return true;
       default:
-        return !1;
+        return false;
     }
   }
 };
 export {
-  E as default
+  KeyCode as default
 };

package/dist/Portal.cjs

@@ -1 +1,48 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./Dom/canUseDom.cjs"),r=e.defineComponent((n,a)=>{const u=e.shallowRef(),t=e.shallowRef(),l=e.shallowRef(!1);return!l.value&&o.default()&&(t.value=n.getContainer(),u.value=t.value?.parentNode,l.value=!0),e.onMounted(()=>{t.value?.parentNode===null&&u.value!==null&&u.value.appendChild(t.value)}),e.onBeforeUnmount(()=>{n.didUpdate?.(n)}),e.onUnmounted(()=>{t.value?.parentNode?.removeChild?.(t.value)}),()=>t.value?e.createVNode(e.Teleport,{to:t.value},{default:()=>[a.slots.default?.()]}):null},{props:{didUpdate:{type:Function,required:!1,default:void 0},getContainer:{type:Function,required:!0,default:void 0}},inheritAttrs:!1});exports.default=r;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const canUseDom = require("./Dom/canUseDom.cjs");
+const Portal = /* @__PURE__ */ vue.defineComponent((props, ctx) => {
+  const parentRef = vue.shallowRef();
+  const containerRef = vue.shallowRef();
+  const initRef = vue.shallowRef(false);
+  if (!initRef.value && canUseDom.default()) {
+    containerRef.value = props.getContainer();
+    parentRef.value = containerRef.value?.parentNode;
+    initRef.value = true;
+  }
+  vue.onMounted(() => {
+    if (containerRef.value?.parentNode === null && parentRef.value !== null) parentRef.value.appendChild(containerRef.value);
+  });
+  vue.onBeforeUnmount(() => {
+    props.didUpdate?.(props);
+  });
+  vue.onUnmounted(() => {
+    containerRef.value?.parentNode?.removeChild?.(containerRef.value);
+  });
+  return () => {
+    if (containerRef.value) {
+      return vue.createVNode(vue.Teleport, {
+        "to": containerRef.value
+      }, {
+        default: () => [ctx.slots.default?.()]
+      });
+    }
+    return null;
+  };
+}, {
+  props: {
+    didUpdate: {
+      type: Function,
+      required: false,
+      default: void 0
+    },
+    getContainer: {
+      type: Function,
+      required: true,
+      default: void 0
+    }
+  },
+  inheritAttrs: false
+});
+exports.default = Portal;

package/dist/Portal.js

@@ -1,33 +1,48 @@
-import { defineComponent as o, shallowRef as a, onMounted as r, onBeforeUnmount as d, onUnmounted as i, createVNode as f, Teleport as v } from "vue";
-import p from "./Dom/canUseDom.js";
-const m = /* @__PURE__ */ o((t, l) => {
-  const n = a(), e = a(), u = a(!1);
-  return !u.value && p() && (e.value = t.getContainer(), n.value = e.value?.parentNode, u.value = !0), r(() => {
-    e.value?.parentNode === null && n.value !== null && n.value.appendChild(e.value);
-  }), d(() => {
-    t.didUpdate?.(t);
-  }), i(() => {
-    e.value?.parentNode?.removeChild?.(e.value);
-  }), () => e.value ? f(v, {
-    to: e.value
-  }, {
-    default: () => [l.slots.default?.()]
-  }) : null;
+import { defineComponent, shallowRef, onMounted, onBeforeUnmount, onUnmounted, createVNode, Teleport } from "vue";
+import canUseDom from "./Dom/canUseDom.js";
+const Portal = /* @__PURE__ */ defineComponent((props, ctx) => {
+  const parentRef = shallowRef();
+  const containerRef = shallowRef();
+  const initRef = shallowRef(false);
+  if (!initRef.value && canUseDom()) {
+    containerRef.value = props.getContainer();
+    parentRef.value = containerRef.value?.parentNode;
+    initRef.value = true;
+  }
+  onMounted(() => {
+    if (containerRef.value?.parentNode === null && parentRef.value !== null) parentRef.value.appendChild(containerRef.value);
+  });
+  onBeforeUnmount(() => {
+    props.didUpdate?.(props);
+  });
+  onUnmounted(() => {
+    containerRef.value?.parentNode?.removeChild?.(containerRef.value);
+  });
+  return () => {
+    if (containerRef.value) {
+      return createVNode(Teleport, {
+        "to": containerRef.value
+      }, {
+        default: () => [ctx.slots.default?.()]
+      });
+    }
+    return null;
+  };
 }, {
   props: {
     didUpdate: {
       type: Function,
-      required: !1,
+      required: false,
       default: void 0
     },
     getContainer: {
       type: Function,
-      required: !0,
+      required: true,
       default: void 0
     }
   },
-  inheritAttrs: !1
+  inheritAttrs: false
 });
 export {
-  m as default
+  Portal as default
 };

package/dist/PortalWrapper.cjs

@@ -1 +1,169 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),O=require("./Dom/canUseDom.cjs"),R=require("./Dom/scrollLocker.cjs"),k=require("./Portal.cjs"),b=require("./raf.cjs"),q=require("./setStyle.cjs");let l=0;const s=O.default();function N(){return process.env.NODE_ENV==="test"?l:0}let f={};function c(e){if(!s)return null;if(e){if(typeof e=="string")return document.querySelectorAll(e)[0];if(typeof e=="function")return e();if(typeof e=="object"&&e instanceof window.HTMLElement)return e}return document.body}const E=r.defineComponent((e,S)=>{const n=r.shallowRef(),m=r.shallowRef(),C=r.shallowRef(),y=r.shallowRef(),g=()=>{n.value?.parentNode?.removeChild(n.value)},d=t=>{const{visible:o,getContainer:u}=t||{},{visible:a,getContainer:i}=e;a!==o&&s&&c(i)===document.body&&(a&&!o?l+=1:t&&(l-=1)),(typeof i=="function"&&typeof u=="function"?i.toString()!==u.toString():i!==u)&&g()},v=(t=!1)=>{if(t||n.value&&!n.value.parentNode){const o=c(e.getContainer);return o?(o.appendChild(n.value),!0):!1}return!0},h=()=>{const{wrapperClassName:t}=e;n.value&&t&&t!==n.value.className&&(n.value.className=t)},w=()=>s?(n.value||(n.value=document.createElement("div"),v(!0)),h(),n.value):null;r.onMounted(()=>{y.value=new R.default({container:c(e.getContainer)}),d(),v()||(C.value=b.default(()=>{}))}),r.onUpdated(()=>{d(e),d(e),h(),v()}),r.onBeforeUnmount(()=>{const{visible:t,getContainer:o}=e;s&&c(o)===document.body&&(l=t&&l?l-1:l),g(),b.default.cancel(C.value)});const p=()=>{l===1&&!Object.keys(f).length?(p(),f=q.default({overflow:"hidden",overflowX:"hidden",overflowY:"hidden"})):l||(q.default(f),f={},p())};return()=>{const{forceRender:t,visible:o}=e;let u=null;const a={getOpenCount:N,getContainer:w,switchScrollingEffect:p,scrollLocker:y.value};return(t||o||m.value)&&(u=r.createVNode(k.default,{getContainer:w,ref:m},{default:()=>[S?.slots?.default(a)]})),u}},{props:{visible:{type:Boolean,required:!1,default:void 0},getContainer:{type:[String,Function],required:!1,skipCheck:!0,default:void 0},wrapperClassName:{type:String,required:!1,default:void 0},forceRender:{type:Boolean,required:!1,default:void 0}}});exports.default=E;exports.getOpenCount=N;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const canUseDom = require("./Dom/canUseDom.cjs");
+const scrollLocker = require("./Dom/scrollLocker.cjs");
+const Portal = require("./Portal.cjs");
+const raf = require("./raf.cjs");
+const setStyle = require("./setStyle.cjs");
+let openCount = 0;
+const supportDom = canUseDom.default();
+function getOpenCount() {
+  return process.env.NODE_ENV === "test" ? openCount : 0;
+}
+let cacheOverflow = {};
+function getParent(getContainer) {
+  if (!supportDom) return null;
+  if (getContainer) {
+    if (typeof getContainer === "string") return document.querySelectorAll(getContainer)[0];
+    if (typeof getContainer === "function") return getContainer();
+    if (typeof getContainer === "object" && getContainer instanceof window.HTMLElement) {
+      return getContainer;
+    }
+  }
+  return document.body;
+}
+const PortalWrapper = /* @__PURE__ */ vue.defineComponent((props, ctx) => {
+  const container = vue.shallowRef();
+  const componentRef = vue.shallowRef();
+  const rafId = vue.shallowRef();
+  const scrollLocker$1 = vue.shallowRef();
+  const removeCurrentContainer = () => {
+    container.value?.parentNode?.removeChild(container.value);
+  };
+  const updateOpenCount = (prevProps) => {
+    const {
+      visible: prevVisible,
+      getContainer: prevGetContainer
+    } = prevProps || {};
+    const {
+      visible,
+      getContainer: getContainer2
+    } = props;
+    if (visible !== prevVisible && supportDom && getParent(getContainer2) === document.body) {
+      if (visible && !prevVisible) openCount += 1;
+      else if (prevProps) openCount -= 1;
+    }
+    const getContainerIsFunc = typeof getContainer2 === "function" && typeof prevGetContainer === "function";
+    if (getContainerIsFunc ? getContainer2.toString() !== prevGetContainer.toString() : getContainer2 !== prevGetContainer) {
+      removeCurrentContainer();
+    }
+  };
+  const attachToParent = (force = false) => {
+    if (force || container.value && !container.value.parentNode) {
+      const parent = getParent(props.getContainer);
+      if (parent) {
+        parent.appendChild(container.value);
+        return true;
+      }
+      return false;
+    }
+    return true;
+  };
+  const setWrapperClassName = () => {
+    const {
+      wrapperClassName
+    } = props;
+    if (container.value && wrapperClassName && wrapperClassName !== container.value.className) {
+      container.value.className = wrapperClassName;
+    }
+  };
+  const getContainer = () => {
+    if (!supportDom) return null;
+    if (!container.value) {
+      container.value = document.createElement("div");
+      attachToParent(true);
+    }
+    setWrapperClassName();
+    return container.value;
+  };
+  vue.onMounted(() => {
+    scrollLocker$1.value = new scrollLocker.default({
+      container: getParent(props.getContainer)
+    });
+    updateOpenCount();
+    if (!attachToParent()) {
+      rafId.value = raf.default(() => {
+      });
+    }
+  });
+  vue.onUpdated(() => {
+    updateOpenCount(props);
+    updateOpenCount(props);
+    setWrapperClassName();
+    attachToParent();
+  });
+  vue.onBeforeUnmount(() => {
+    const {
+      visible,
+      getContainer: getContainer2
+    } = props;
+    if (supportDom && getParent(getContainer2) === document.body) {
+      openCount = visible && openCount ? openCount - 1 : openCount;
+    }
+    removeCurrentContainer();
+    raf.default.cancel(rafId.value);
+  });
+  const switchScrollingEffect = () => {
+    if (openCount === 1 && !Object.keys(cacheOverflow).length) {
+      switchScrollingEffect();
+      cacheOverflow = setStyle.default({
+        overflow: "hidden",
+        overflowX: "hidden",
+        overflowY: "hidden"
+      });
+    } else if (!openCount) {
+      setStyle.default(cacheOverflow);
+      cacheOverflow = {};
+      switchScrollingEffect();
+    }
+  };
+  return () => {
+    const {
+      forceRender,
+      visible
+    } = props;
+    let portal = null;
+    const childProps = {
+      getOpenCount,
+      getContainer,
+      switchScrollingEffect,
+      scrollLocker: scrollLocker$1.value
+    };
+    if (forceRender || visible || componentRef.value) {
+      portal = vue.createVNode(Portal.default, {
+        "getContainer": getContainer,
+        "ref": componentRef
+      }, {
+        default: () => [ctx?.slots?.default(childProps)]
+      });
+    }
+    return portal;
+  };
+}, {
+  props: {
+    visible: {
+      type: Boolean,
+      required: false,
+      default: void 0
+    },
+    getContainer: {
+      type: [String, Function],
+      required: false,
+      skipCheck: true,
+      default: void 0
+    },
+    wrapperClassName: {
+      type: String,
+      required: false,
+      default: void 0
+    },
+    forceRender: {
+      type: Boolean,
+      required: false,
+      default: void 0
+    }
+  }
+});
+exports.default = PortalWrapper;
+exports.getOpenCount = getOpenCount;

package/dist/PortalWrapper.js

@@ -1,115 +1,169 @@
-import { defineComponent as k, shallowRef as u, onMounted as q, onUpdated as E, onBeforeUnmount as O, createVNode as R } from "vue";
-import L from "./Dom/canUseDom.js";
-import P from "./Dom/scrollLocker.js";
-import B from "./Portal.js";
-import b from "./raf.js";
-import N from "./setStyle.js";
-let r = 0;
-const s = L();
-function D() {
-  return process.env.NODE_ENV === "test" ? r : 0;
+import { defineComponent, shallowRef, onMounted, onUpdated, onBeforeUnmount, createVNode } from "vue";
+import canUseDom from "./Dom/canUseDom.js";
+import ScrollLocker from "./Dom/scrollLocker.js";
+import Portal from "./Portal.js";
+import wrapperRaf from "./raf.js";
+import setStyle from "./setStyle.js";
+let openCount = 0;
+const supportDom = canUseDom();
+function getOpenCount() {
+  return process.env.NODE_ENV === "test" ? openCount : 0;
 }
-let f = {};
-function c(e) {
-  if (!s) return null;
-  if (e) {
-    if (typeof e == "string") return document.querySelectorAll(e)[0];
-    if (typeof e == "function") return e();
-    if (typeof e == "object" && e instanceof window.HTMLElement)
-      return e;
+let cacheOverflow = {};
+function getParent(getContainer) {
+  if (!supportDom) return null;
+  if (getContainer) {
+    if (typeof getContainer === "string") return document.querySelectorAll(getContainer)[0];
+    if (typeof getContainer === "function") return getContainer();
+    if (typeof getContainer === "object" && getContainer instanceof window.HTMLElement) {
+      return getContainer;
+    }
   }
   return document.body;
 }
-const W = /* @__PURE__ */ k((e, S) => {
-  const n = u(), v = u(), C = u(), y = u(), g = () => {
-    n.value?.parentNode?.removeChild(n.value);
-  }, d = (t) => {
+const PortalWrapper = /* @__PURE__ */ defineComponent((props, ctx) => {
+  const container = shallowRef();
+  const componentRef = shallowRef();
+  const rafId = shallowRef();
+  const scrollLocker = shallowRef();
+  const removeCurrentContainer = () => {
+    container.value?.parentNode?.removeChild(container.value);
+  };
+  const updateOpenCount = (prevProps) => {
+    const {
+      visible: prevVisible,
+      getContainer: prevGetContainer
+    } = prevProps || {};
     const {
-      visible: o,
-      getContainer: l
-    } = t || {}, {
-      visible: a,
-      getContainer: i
-    } = e;
-    a !== o && s && c(i) === document.body && (a && !o ? r += 1 : t && (r -= 1)), (typeof i == "function" && typeof l == "function" ? i.toString() !== l.toString() : i !== l) && g();
-  }, p = (t = !1) => {
-    if (t || n.value && !n.value.parentNode) {
-      const o = c(e.getContainer);
-      return o ? (o.appendChild(n.value), !0) : !1;
+      visible,
+      getContainer: getContainer2
+    } = props;
+    if (visible !== prevVisible && supportDom && getParent(getContainer2) === document.body) {
+      if (visible && !prevVisible) openCount += 1;
+      else if (prevProps) openCount -= 1;
     }
-    return !0;
-  }, h = () => {
+    const getContainerIsFunc = typeof getContainer2 === "function" && typeof prevGetContainer === "function";
+    if (getContainerIsFunc ? getContainer2.toString() !== prevGetContainer.toString() : getContainer2 !== prevGetContainer) {
+      removeCurrentContainer();
+    }
+  };
+  const attachToParent = (force = false) => {
+    if (force || container.value && !container.value.parentNode) {
+      const parent = getParent(props.getContainer);
+      if (parent) {
+        parent.appendChild(container.value);
+        return true;
+      }
+      return false;
+    }
+    return true;
+  };
+  const setWrapperClassName = () => {
     const {
-      wrapperClassName: t
-    } = e;
-    n.value && t && t !== n.value.className && (n.value.className = t);
-  }, w = () => s ? (n.value || (n.value = document.createElement("div"), p(!0)), h(), n.value) : null;
-  q(() => {
-    y.value = new P({
-      container: c(e.getContainer)
-    }), d(), p() || (C.value = b(() => {
-    }));
-  }), E(() => {
-    d(e), d(e), h(), p();
-  }), O(() => {
+      wrapperClassName
+    } = props;
+    if (container.value && wrapperClassName && wrapperClassName !== container.value.className) {
+      container.value.className = wrapperClassName;
+    }
+  };
+  const getContainer = () => {
+    if (!supportDom) return null;
+    if (!container.value) {
+      container.value = document.createElement("div");
+      attachToParent(true);
+    }
+    setWrapperClassName();
+    return container.value;
+  };
+  onMounted(() => {
+    scrollLocker.value = new ScrollLocker({
+      container: getParent(props.getContainer)
+    });
+    updateOpenCount();
+    if (!attachToParent()) {
+      rafId.value = wrapperRaf(() => {
+      });
+    }
+  });
+  onUpdated(() => {
+    updateOpenCount(props);
+    updateOpenCount(props);
+    setWrapperClassName();
+    attachToParent();
+  });
+  onBeforeUnmount(() => {
     const {
-      visible: t,
-      getContainer: o
-    } = e;
-    s && c(o) === document.body && (r = t && r ? r - 1 : r), g(), b.cancel(C.value);
+      visible,
+      getContainer: getContainer2
+    } = props;
+    if (supportDom && getParent(getContainer2) === document.body) {
+      openCount = visible && openCount ? openCount - 1 : openCount;
+    }
+    removeCurrentContainer();
+    wrapperRaf.cancel(rafId.value);
   });
-  const m = () => {
-    r === 1 && !Object.keys(f).length ? (m(), f = N({
-      overflow: "hidden",
-      overflowX: "hidden",
-      overflowY: "hidden"
-    })) : r || (N(f), f = {}, m());
+  const switchScrollingEffect = () => {
+    if (openCount === 1 && !Object.keys(cacheOverflow).length) {
+      switchScrollingEffect();
+      cacheOverflow = setStyle({
+        overflow: "hidden",
+        overflowX: "hidden",
+        overflowY: "hidden"
+      });
+    } else if (!openCount) {
+      setStyle(cacheOverflow);
+      cacheOverflow = {};
+      switchScrollingEffect();
+    }
   };
   return () => {
     const {
-      forceRender: t,
-      visible: o
-    } = e;
-    let l = null;
-    const a = {
-      getOpenCount: D,
-      getContainer: w,
-      switchScrollingEffect: m,
-      scrollLocker: y.value
+      forceRender,
+      visible
+    } = props;
+    let portal = null;
+    const childProps = {
+      getOpenCount,
+      getContainer,
+      switchScrollingEffect,
+      scrollLocker: scrollLocker.value
     };
-    return (t || o || v.value) && (l = R(B, {
-      getContainer: w,
-      ref: v
-    }, {
-      default: () => [S?.slots?.default(a)]
-    })), l;
+    if (forceRender || visible || componentRef.value) {
+      portal = createVNode(Portal, {
+        "getContainer": getContainer,
+        "ref": componentRef
+      }, {
+        default: () => [ctx?.slots?.default(childProps)]
+      });
+    }
+    return portal;
   };
 }, {
   props: {
     visible: {
       type: Boolean,
-      required: !1,
+      required: false,
       default: void 0
     },
     getContainer: {
       type: [String, Function],
-      required: !1,
-      skipCheck: !0,
+      required: false,
+      skipCheck: true,
       default: void 0
     },
     wrapperClassName: {
       type: String,
-      required: !1,
+      required: false,
       default: void 0
     },
     forceRender: {
       type: Boolean,
-      required: !1,
+      required: false,
       default: void 0
     }
   }
 });
 export {
-  W as default,
-  D as getOpenCount
+  PortalWrapper as default,
+  getOpenCount
 };