@v-c/util 1.0.3 → 1.0.4

package/dist/Children/isFragment.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let vue = require("vue");
 function isFragment(node) {
 	return (0, vue.isVNode)(node) && node.type === vue.Fragment;

package/dist/Children/toArray.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_isFragment = require("./isFragment.cjs");
 function toArray(children, option = {}) {
 	let ret = [];

package/dist/Dom/addEventListener.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function addEventListener(...args) {
 	const [target, eventType, cb, option] = args;
 	if (target?.addEventListener) target.addEventListener(eventType, cb, option);

package/dist/Dom/canUseDom.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 function canUseDom() {
 	return !!(typeof window !== "undefined" && window.document && window.document.createElement);
 }

package/dist/Dom/class.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function hasClass(node, className) {
 	if (node.classList) return node.classList.contains(className);
 	return ` ${node.className} `.includes(` ${className} `);

package/dist/Dom/contains.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 function contains(root, n) {
 	if (!root) return false;
 	if (root.contains) return root.contains(n);

package/dist/Dom/css.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var PIXEL_PATTERN = /margin|padding|width|height|max|min|offset/;
 var removePixel = {
 	left: true,

package/dist/Dom/dynamicCSS.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_canUseDom = require("./canUseDom.cjs");
 const require_contains = require("./contains.cjs");
 var APPEND_ORDER = "data-vc-order";

package/dist/Dom/findDOMNode.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 let vue = require("vue");
 function isDOM(node) {
 	return node instanceof HTMLElement || node instanceof SVGElement;
@@ -6,7 +9,7 @@ function isDOM(node) {
 function getDOM(elementRef) {
 	const unrefElementRef = (0, vue.unref)(elementRef);
 	const dom = findDOMNode(unrefElementRef) || (unrefElementRef && typeof unrefElementRef === "object" ? findDOMNode(unrefElementRef.nativeElement) : null);
-	if (dom && dom.nodeType === 3 && dom.nextElementSibling) return dom.nextElementSibling;
+	if (dom && (dom.nodeType === 3 || dom.nodeType === 8) && dom.nextElementSibling) return dom.nextElementSibling;
 	return dom;
 }
 function findDOMNode(_node) {

package/dist/Dom/findDOMNode.js

@@ -5,7 +5,7 @@ function isDOM(node) {
 function getDOM(elementRef) {
 	const unrefElementRef = unref(elementRef);
 	const dom = findDOMNode(unrefElementRef) || (unrefElementRef && typeof unrefElementRef === "object" ? findDOMNode(unrefElementRef.nativeElement) : null);
-	if (dom && dom.nodeType === 3 && dom.nextElementSibling) return dom.nextElementSibling;
+	if (dom && (dom.nodeType === 3 || dom.nodeType === 8) && dom.nextElementSibling) return dom.nextElementSibling;
 	return dom;
 }
 function findDOMNode(_node) {

package/dist/Dom/focus.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_isVisible = require("./isVisible.cjs");
 function focusable(node, includePositive = false) {
 	if (require_isVisible.default(node)) {

package/dist/Dom/isVisible.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 var isVisible_default = (element) => {
 	if (!element) return false;
 	if (element instanceof Element) {

package/dist/Dom/scrollLocker.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_getScrollBarSize = require("../getScrollBarSize.cjs");
 const require_setStyle = require("../setStyle.cjs");
 var uuid = 0;

package/dist/Dom/shadow.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function getRoot(ele) {
 	return ele?.getRootNode?.();
 }

package/dist/Dom/styleChecker.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_canUseDom = require("./canUseDom.cjs");
 function isStyleNameSupport(styleName) {
 	if (require_canUseDom.default() && window.document.documentElement) {

package/dist/Dom/support.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_canUseDom = require("./canUseDom.cjs");
 var animationEndEventNames = {
 	WebkitAnimation: "webkitAnimationEnd",

package/dist/EventInterface.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/dist/KeyCode.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 var KeyCode = {
 	MAC_ENTER: 3,
 	BACKSPACE: 8,

package/dist/Portal.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_canUseDom = require("./Dom/canUseDom.cjs");
 let vue = require("vue");
 var Portal = /* @__PURE__ */ (0, vue.defineComponent)((props, ctx) => {

package/dist/PortalWrapper.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_canUseDom = require("./Dom/canUseDom.cjs");
 const require_Portal = require("./Portal.cjs");
 const require_setStyle = require("./setStyle.cjs");

package/dist/RenderComponent.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_index = require("./props-util/index.cjs");
 let vue = require("vue");
 function checkIsBaseType(value) {

package/dist/classnames.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 function toVal(mix) {
 	let str = "";
 	if (typeof mix === "string" || typeof mix === "number") str += mix;

package/dist/composeProps.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 function composeProps(originProps, patchProps, isAll) {
 	const composedProps = {
 		...originProps,

package/dist/createRef.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 function createRef() {
 	const func = (node) => {
 		func.current = node;

package/dist/debug/diff.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 function createArray() {
 	const arr = [];
 	arr.__proto__ = [];

package/dist/deprecated.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 function deprecated(props, instead, component) {
 	if (typeof window !== "undefined" && window.console && window.console.error) window.console.error(`Warning: ${props} is deprecated at [ ${component} ], use [ ${instead} ] instead of it.`);
 }

package/dist/getScrollBarSize.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 var cached;
 function getScrollBarSize(fresh) {
 	if (typeof document === "undefined") return 0;
@@ -37,7 +40,15 @@ function getTargetScrollBarSize(target) {
 		width: 0,
 		height: 0
 	};
-	const { width, height } = getComputedStyle(target, "::-webkit-scrollbar");
+	if (typeof navigator !== "undefined" && /jsdom/i.test(navigator.userAgent)) return {
+		width: 0,
+		height: 0
+	};
+	let width = "0px";
+	let height = "0px";
+	try {
+		({width, height} = getComputedStyle(target, "::-webkit-scrollbar"));
+	} catch {}
 	return {
 		width: ensureSize(width),
 		height: ensureSize(height)

package/dist/getScrollBarSize.js

@@ -36,7 +36,15 @@ function getTargetScrollBarSize(target) {
 		width: 0,
 		height: 0
 	};
-	const { width, height } = getComputedStyle(target, "::-webkit-scrollbar");
+	if (typeof navigator !== "undefined" && /jsdom/i.test(navigator.userAgent)) return {
+		width: 0,
+		height: 0
+	};
+	let width = "0px";
+	let height = "0px";
+	try {
+		({width, height} = getComputedStyle(target, "::-webkit-scrollbar"));
+	} catch {}
 	return {
 		width: ensureSize(width),
 		height: ensureSize(height)

package/dist/guid.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 var seed = 0;
 function guid() {
 	return `${Date.now()}_${seed++}`;

package/dist/hooks/useEvent.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 function useEvent(callback) {
 	return callback;
 }

package/dist/hooks/useId.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 let vue = require("vue");
 function getUseId() {
 	return vue.useId;

package/dist/hooks/useLayoutEffect.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let vue = require("vue");
 function useLayoutEffect(callback, deps = []) {
 	let close = null;

package/dist/hooks/useMemo.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 let vue = require("vue");
 function useMemo(getValue, condition, shouldUpdate) {
 	const cacheRef = (0, vue.ref)(getValue());

package/dist/hooks/useMergedState.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 let vue = require("vue");
 function useMergedState(defaultStateValue, option) {
 	const { defaultValue, value = (0, vue.ref)() } = option || {};

package/dist/hooks/useMobile.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_isMobile = require("../isMobile.cjs");
 let vue = require("vue");
 function useMobile() {

package/dist/hooks/useState.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 let vue = require("vue");
 function useState(defaultStateValue) {
 	const innerValue = (0, vue.ref)(typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue);

package/dist/index.cjs

@@ -1,11 +1,20 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_KeyCode = require("./KeyCode.cjs");
+const require_omit = require("./omit.cjs");
 const require_RenderComponent = require("./RenderComponent.cjs");
 const require_classnames = require("./classnames.cjs");
 const require_get = require("./utils/get.cjs");
 const require_set = require("./utils/set.cjs");
+const require_useId = require("./hooks/useId.cjs");
+const require_useMergedState = require("./hooks/useMergedState.cjs");
 const require_warning = require("./warning.cjs");
+exports.KeyCode = require_KeyCode.default;
 exports.RenderComponent = require_RenderComponent.default;
 exports.classNames = require_classnames.default;
 exports.clsx = require_classnames.clsx;
 exports.get = require_get.default;
+exports.omit = require_omit.default;
 exports.set = require_set.default;
+exports.useId = require_useId.default;
+exports.useMergedState = require_useMergedState.default;
 exports.warning = require_warning.default;

package/dist/index.d.ts

@@ -1,5 +1,10 @@
 export { default as classNames, clsx } from './classnames';
 export { default as RenderComponent } from './RenderComponent';
+export { default as KeyCode } from './KeyCode';
+export { default as omit } from './omit';
 export { default as get } from './utils/get';
 export { default as set } from './utils/set';
+export { default as useId } from './hooks/useId';
+export { default as useMergedState } from './hooks/useMergedState';
 export { default as warning } from './warning';
+export type { VueNode } from './type';

package/dist/index.js

@@ -1,6 +1,10 @@
+import KeyCode_default from "./KeyCode.js";
+import omit from "./omit.js";
 import RenderComponent_default from "./RenderComponent.js";
 import classNames, { clsx } from "./classnames.js";
 import get from "./utils/get.js";
 import set from "./utils/set.js";
+import useId_default from "./hooks/useId.js";
+import useMergedState from "./hooks/useMergedState.js";
 import warning_default from "./warning.js";
-export { RenderComponent_default as RenderComponent, classNames, clsx, get, set, warning_default as warning };
+export { KeyCode_default as KeyCode, RenderComponent_default as RenderComponent, classNames, clsx, get, omit, set, useId_default as useId, useMergedState, warning_default as warning };

package/dist/isEqual.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_warning = require("./warning.cjs");
 function isEqual(obj1, obj2, shallow = false) {
 	const refSet = /* @__PURE__ */ new Set();

package/dist/isMobile.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 var isMobile_default = () => {
 	if (typeof navigator === "undefined" || typeof window === "undefined") return false;
 	const agent = navigator.userAgent || navigator.vendor || window.opera;

package/dist/isValid.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 function isValid(value) {
 	return value !== void 0 && value !== null && value !== "";
 }

package/dist/omit.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 function omit(obj, fields) {
 	const clone = { ...obj };
 	if (Array.isArray(fields)) fields.forEach((key) => {

package/dist/pickAttrs.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 var propList = `accept acceptCharset accessKey action allowFullScreen allowTransparency
     alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge
     charSet checked classID className colSpan cols content contentEditable contextMenu

package/dist/props-util/index.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_isValid = require("../isValid.cjs");
 const require_omit = require("../omit.cjs");
 let vue = require("vue");

package/dist/raf.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 var raf = (callback) => +setTimeout(callback, 16);
 var caf = (num) => clearTimeout(num);
 if (typeof window !== "undefined" && "requestAnimationFrame" in window) {

package/dist/setStyle.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 function setStyle(style, options = {}) {
 	if (!style) return {};
 	const { element = document.body } = options;

package/dist/switchScrollingEffect.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_getScrollBarSize = require("./getScrollBarSize.cjs");
 const require_setStyle = require("./setStyle.cjs");
 function isBodyOverflowing() {

package/dist/test/domHook.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var NO_EXIST = { __NOT_EXIST: true };
 function spyElementPrototypes(elementClass, properties) {
 	const propNames = Object.keys(properties);

package/dist/type.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tuple = (...args) => args;
 const tupleNum = (...args) => args;
 function withInstall(comp) {

package/dist/utils/checkSlotProp.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function checkSlotProp(props, slots, name, ...args) {
 	if (slots[name]) return slots[name]?.(...args);
 	if (name in props) {

package/dist/utils/get.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 function get(entity, path) {
 	let current = entity;
 	for (let i = 0; i < path.length; i += 1) {

package/dist/utils/omit.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function omit(obj, keys) {
 	const result = { ...obj };
 	keys.forEach((key) => {

package/dist/utils/set.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_get = require("./get.cjs");
 function internalSet(entity, paths, value, removeIfUndefined) {
 	if (!paths.length) return value;

package/dist/utils/transition.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_type = require("../type.cjs");
 let vue = require("vue");
 require_type.tuple("bottomLeft", "bottomRight", "topLeft", "topRight");

package/dist/utils/watchState.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function watchState() {
 	let states = [];
 	return (fn, args) => {

package/dist/vnode.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_index = require("./props-util/index.cjs");
 const require_warning = require("./warning.cjs");
 const require_findDOMNode = require("./Dom/findDOMNode.cjs");

package/dist/vueuse/unref-element.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let vue = require("vue");
 function unrefElement(elRef) {
 	const plain = (0, vue.toValue)(elRef);

package/dist/warning.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 var warned = {};
 var preWarningFns = [];
 function preMessage(fn) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/util",
   "type": "module",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Vue3 components utils",
   "publishConfig": {
     "access": "public"