@v-c/util 0.0.13 → 0.0.15

package/dist/Portal.cjs

@@ -1,48 +1,42 @@
-"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;
-  };
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_canUseDom = require("./Dom/canUseDom.cjs");
+let vue = require("vue");
+var Portal = /* @__PURE__ */ (0, vue.defineComponent)((props, ctx) => {
+	const parentRef = (0, vue.shallowRef)();
+	const containerRef = (0, vue.shallowRef)();
+	const initRef = (0, vue.shallowRef)(false);
+	if (!initRef.value && require_canUseDom.default()) {
+		containerRef.value = props.getContainer();
+		parentRef.value = containerRef.value?.parentNode;
+		initRef.value = true;
+	}
+	(0, vue.onMounted)(() => {
+		if (containerRef.value?.parentNode === null && parentRef.value !== null) parentRef.value.appendChild(containerRef.value);
+	});
+	(0, vue.onBeforeUnmount)(() => {
+		props.didUpdate?.(props);
+	});
+	(0, vue.onUnmounted)(() => {
+		containerRef.value?.parentNode?.removeChild?.(containerRef.value);
+	});
+	return () => {
+		if (containerRef.value) return (0, 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
+	props: {
+		didUpdate: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		getContainer: {
+			type: Function,
+			required: true,
+			default: void 0
+		}
+	},
+	inheritAttrs: false
 });
-exports.default = Portal;
+var Portal_default = Portal;
+exports.default = Portal_default;

package/dist/Portal.js

@@ -1,48 +1,40 @@
-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;
-  };
+import { Teleport, createVNode, defineComponent, onBeforeUnmount, onMounted, onUnmounted, shallowRef } from "vue";
+var Portal_default = /* @__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: false,
-      default: void 0
-    },
-    getContainer: {
-      type: Function,
-      required: true,
-      default: void 0
-    }
-  },
-  inheritAttrs: false
+	props: {
+		didUpdate: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		getContainer: {
+			type: Function,
+			required: true,
+			default: void 0
+		}
+	},
+	inheritAttrs: false
 });
-export {
-  Portal as default
-};
+export { Portal_default as default };

package/dist/PortalWrapper.cjs

@@ -1,169 +1,135 @@
-"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();
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_canUseDom = require("./Dom/canUseDom.cjs");
+const require_Portal = require("./Portal.cjs");
+const require_setStyle = require("./setStyle.cjs");
+const require_scrollLocker = require("./Dom/scrollLocker.cjs");
+const require_raf = require("./raf.cjs");
+let vue = require("vue");
+var openCount = 0;
+var supportDom = require_canUseDom.default();
 function getOpenCount() {
-  return process.env.NODE_ENV === "test" ? openCount : 0;
+	return process.env.NODE_ENV === "test" ? openCount : 0;
 }
-let cacheOverflow = {};
+var 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;
+	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;
+var PortalWrapper = /* @__PURE__ */ (0, vue.defineComponent)((props, ctx) => {
+	const container = (0, vue.shallowRef)();
+	const componentRef = (0, vue.shallowRef)();
+	const rafId = (0, vue.shallowRef)();
+	const scrollLocker = (0, vue.shallowRef)();
+	const removeCurrentContainer = () => {
+		container.value?.parentNode?.removeChild(container.value);
+	};
+	const updateOpenCount = (prevProps) => {
+		const { visible: prevVisible, getContainer: prevGetContainer } = prevProps || {};
+		const { visible, getContainer: getContainer$1 } = props;
+		if (visible !== prevVisible && supportDom && getParent(getContainer$1) === document.body) {
+			if (visible && !prevVisible) openCount += 1;
+			else if (prevProps) openCount -= 1;
+		}
+		if (typeof getContainer$1 === "function" && typeof prevGetContainer === "function" ? getContainer$1.toString() !== prevGetContainer.toString() : getContainer$1 !== 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;
+	};
+	(0, vue.onMounted)(() => {
+		scrollLocker.value = new require_scrollLocker.default({ container: getParent(props.getContainer) });
+		updateOpenCount();
+		if (!attachToParent()) rafId.value = require_raf.default(() => {});
+	});
+	(0, vue.onUpdated)(() => {
+		updateOpenCount(props);
+		updateOpenCount(props);
+		setWrapperClassName();
+		attachToParent();
+	});
+	(0, vue.onBeforeUnmount)(() => {
+		const { visible, getContainer: getContainer$1 } = props;
+		if (supportDom && getParent(getContainer$1) === document.body) openCount = visible && openCount ? openCount - 1 : openCount;
+		removeCurrentContainer();
+		require_raf.default.cancel(rafId.value);
+	});
+	const switchScrollingEffect = () => {
+		if (openCount === 1 && !Object.keys(cacheOverflow).length) {
+			switchScrollingEffect();
+			cacheOverflow = require_setStyle.default({
+				overflow: "hidden",
+				overflowX: "hidden",
+				overflowY: "hidden"
+			});
+		} else if (!openCount) {
+			require_setStyle.default(cacheOverflow);
+			cacheOverflow = {};
+			switchScrollingEffect();
+		}
+	};
+	return () => {
+		const { forceRender, visible } = props;
+		let portal = null;
+		const childProps = {
+			getOpenCount,
+			getContainer,
+			switchScrollingEffect,
+			scrollLocker: scrollLocker.value
+		};
+		if (forceRender || visible || componentRef.value) portal = (0, vue.createVNode)(require_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
+	}
+} });
+var PortalWrapper_default = PortalWrapper;
+exports.default = PortalWrapper_default;
 exports.getOpenCount = getOpenCount;