@v-c/util 0.0.13 → 0.0.15

package/dist/PortalWrapper.js

@@ -1,169 +1,132 @@
-import { defineComponent, shallowRef, onMounted, onUpdated, onBeforeUnmount, createVNode } from "vue";
 import canUseDom from "./Dom/canUseDom.js";
+import Portal_default from "./Portal.js";
+import setStyle_default from "./setStyle.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();
+import raf_default from "./raf.js";
+import { createVNode, defineComponent, onBeforeUnmount, onMounted, onUpdated, shallowRef } from "vue";
+var openCount = 0;
+var supportDom = canUseDom();
 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__ */ 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,
-      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;
-  };
-  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,
-      getContainer: getContainer2
-    } = props;
-    if (supportDom && getParent(getContainer2) === document.body) {
-      openCount = visible && openCount ? openCount - 1 : openCount;
-    }
-    removeCurrentContainer();
-    wrapperRaf.cancel(rafId.value);
-  });
-  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,
-      visible
-    } = props;
-    let portal = null;
-    const childProps = {
-      getOpenCount,
-      getContainer,
-      switchScrollingEffect,
-      scrollLocker: scrollLocker.value
-    };
-    if (forceRender || visible || componentRef.value) {
-      portal = createVNode(Portal, {
-        "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
-    }
-  }
-});
-export {
-  PortalWrapper as default,
-  getOpenCount
-};
+var PortalWrapper_default = /* @__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, 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;
+	};
+	onMounted(() => {
+		scrollLocker.value = new ScrollLocker({ container: getParent(props.getContainer) });
+		updateOpenCount();
+		if (!attachToParent()) rafId.value = raf_default(() => {});
+	});
+	onUpdated(() => {
+		updateOpenCount(props);
+		updateOpenCount(props);
+		setWrapperClassName();
+		attachToParent();
+	});
+	onBeforeUnmount(() => {
+		const { visible, getContainer: getContainer$1 } = props;
+		if (supportDom && getParent(getContainer$1) === 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.value
+		};
+		if (forceRender || visible || componentRef.value) portal = 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
+	}
+} });
+export { PortalWrapper_default as default, getOpenCount };

package/dist/classnames.cjs

@@ -1,44 +1,36 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, "__esModule", { value: true });
 function toVal(mix) {
-  let str = "";
-  if (typeof mix === "string" || typeof mix === "number") {
-    str += mix;
-  } else if (typeof mix === "object") {
-    if (Array.isArray(mix)) {
-      for (let k = 0; k < mix.length; k++) {
-        if (mix[k]) {
-          const y = toVal(mix[k]);
-          if (y) {
-            str && (str += " ");
-            str += y;
-          }
-        }
-      }
-    } else {
-      for (const k in mix) {
-        if (mix[k]) {
-          str && (str += " ");
-          str += k;
-        }
-      }
-    }
-  }
-  return str;
+	let str = "";
+	if (typeof mix === "string" || typeof mix === "number") str += mix;
+	else if (typeof mix === "object") {
+		if (Array.isArray(mix)) {
+			for (let k = 0; k < mix.length; k++) if (mix[k]) {
+				const y = toVal(mix[k]);
+				if (y) {
+					str && (str += " ");
+					str += y;
+				}
+			}
+		} else for (const k in mix) if (mix[k]) {
+			str && (str += " ");
+			str += k;
+		}
+	}
+	return str;
 }
 function classNames(...args) {
-  let str = "";
-  for (let i = 0; i < args.length; i++) {
-    const tmp = args[i];
-    if (tmp) {
-      const x = toVal(tmp);
-      if (x) {
-        str && (str += " ");
-        str += x;
-      }
-    }
-  }
-  return str;
+	let str = "";
+	for (let i = 0; i < args.length; i++) {
+		const tmp = args[i];
+		if (tmp) {
+			const x = toVal(tmp);
+			if (x) {
+				str && (str += " ");
+				str += x;
+			}
+		}
+	}
+	return str;
 }
 const clsx = classNames;
 exports.clsx = clsx;

package/dist/classnames.js

@@ -1,45 +1,35 @@
 function toVal(mix) {
-  let str = "";
-  if (typeof mix === "string" || typeof mix === "number") {
-    str += mix;
-  } else if (typeof mix === "object") {
-    if (Array.isArray(mix)) {
-      for (let k = 0; k < mix.length; k++) {
-        if (mix[k]) {
-          const y = toVal(mix[k]);
-          if (y) {
-            str && (str += " ");
-            str += y;
-          }
-        }
-      }
-    } else {
-      for (const k in mix) {
-        if (mix[k]) {
-          str && (str += " ");
-          str += k;
-        }
-      }
-    }
-  }
-  return str;
+	let str = "";
+	if (typeof mix === "string" || typeof mix === "number") str += mix;
+	else if (typeof mix === "object") {
+		if (Array.isArray(mix)) {
+			for (let k = 0; k < mix.length; k++) if (mix[k]) {
+				const y = toVal(mix[k]);
+				if (y) {
+					str && (str += " ");
+					str += y;
+				}
+			}
+		} else for (const k in mix) if (mix[k]) {
+			str && (str += " ");
+			str += k;
+		}
+	}
+	return str;
 }
 function classNames(...args) {
-  let str = "";
-  for (let i = 0; i < args.length; i++) {
-    const tmp = args[i];
-    if (tmp) {
-      const x = toVal(tmp);
-      if (x) {
-        str && (str += " ");
-        str += x;
-      }
-    }
-  }
-  return str;
+	let str = "";
+	for (let i = 0; i < args.length; i++) {
+		const tmp = args[i];
+		if (tmp) {
+			const x = toVal(tmp);
+			if (x) {
+				str && (str += " ");
+				str += x;
+			}
+		}
+	}
+	return str;
 }
 const clsx = classNames;
-export {
-  clsx,
-  classNames as default
-};
+export { clsx, classNames as default };

package/dist/composeProps.cjs

@@ -1,19 +1,17 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, "__esModule", { value: true });
 function composeProps(originProps, patchProps, isAll) {
-  const composedProps = {
-    ...originProps,
-    ...isAll ? patchProps : {}
-  };
-  Object.keys(patchProps).forEach((key) => {
-    const func = patchProps[key];
-    if (typeof func === "function") {
-      composedProps[key] = (...args) => {
-        func(...args);
-        return originProps[key]?.(...args);
-      };
-    }
-  });
-  return composedProps;
+	const composedProps = {
+		...originProps,
+		...isAll ? patchProps : {}
+	};
+	Object.keys(patchProps).forEach((key) => {
+		const func = patchProps[key];
+		if (typeof func === "function") composedProps[key] = (...args) => {
+			func(...args);
+			return originProps[key]?.(...args);
+		};
+	});
+	return composedProps;
 }
-exports.default = composeProps;
+var composeProps_default = composeProps;
+exports.default = composeProps_default;

package/dist/composeProps.js

@@ -1,19 +1,16 @@
 function composeProps(originProps, patchProps, isAll) {
-  const composedProps = {
-    ...originProps,
-    ...isAll ? patchProps : {}
-  };
-  Object.keys(patchProps).forEach((key) => {
-    const func = patchProps[key];
-    if (typeof func === "function") {
-      composedProps[key] = (...args) => {
-        func(...args);
-        return originProps[key]?.(...args);
-      };
-    }
-  });
-  return composedProps;
+	const composedProps = {
+		...originProps,
+		...isAll ? patchProps : {}
+	};
+	Object.keys(patchProps).forEach((key) => {
+		const func = patchProps[key];
+		if (typeof func === "function") composedProps[key] = (...args) => {
+			func(...args);
+			return originProps[key]?.(...args);
+		};
+	});
+	return composedProps;
 }
-export {
-  composeProps as default
-};
+var composeProps_default = composeProps;
+export { composeProps_default as default };

package/dist/createRef.cjs

@@ -1,24 +1,22 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, "__esModule", { value: true });
 function createRef() {
-  const func = (node) => {
-    func.current = node;
-  };
-  return func;
+	const func = (node) => {
+		func.current = node;
+	};
+	return func;
 }
 function fillRef(ref, node) {
-  if (typeof ref === "function")
-    ref(node);
-  else if (typeof ref === "object" && ref && "current" in ref)
-    ref.current = node;
+	if (typeof ref === "function") ref(node);
+	else if (typeof ref === "object" && ref && "current" in ref) ref.current = node;
 }
 function composeRef(...refs) {
-  return (node) => {
-    refs.forEach((ref) => {
-      fillRef(ref, node);
-    });
-  };
+	return (node) => {
+		refs.forEach((ref) => {
+			fillRef(ref, node);
+		});
+	};
 }
+var createRef_default = createRef;
 exports.composeRef = composeRef;
-exports.default = createRef;
+exports.default = createRef_default;
 exports.fillRef = fillRef;

package/dist/createRef.js

@@ -1,24 +1,19 @@
 function createRef() {
-  const func = (node) => {
-    func.current = node;
-  };
-  return func;
+	const func = (node) => {
+		func.current = node;
+	};
+	return func;
 }
 function fillRef(ref, node) {
-  if (typeof ref === "function")
-    ref(node);
-  else if (typeof ref === "object" && ref && "current" in ref)
-    ref.current = node;
+	if (typeof ref === "function") ref(node);
+	else if (typeof ref === "object" && ref && "current" in ref) ref.current = node;
 }
 function composeRef(...refs) {
-  return (node) => {
-    refs.forEach((ref) => {
-      fillRef(ref, node);
-    });
-  };
+	return (node) => {
+		refs.forEach((ref) => {
+			fillRef(ref, node);
+		});
+	};
 }
-export {
-  composeRef,
-  createRef as default,
-  fillRef
-};
+var createRef_default = createRef;
+export { composeRef, createRef_default as default, fillRef };