@v-c/util 1.0.12 → 1.0.14

package/dist/Dom/findDOMNode.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPublicInstance, MaybeRef } from 'vue';
 export declare function isDOM(node: any): node is HTMLElement | SVGElement;
-export declare function getDOM(elementRef: MaybeRef): Element | Text;
+export declare function getDOM(elementRef: MaybeRef): any;
 /**
  * Return if a node is a DOM node. Else will return by `findDOMNode`
  */

package/dist/Dom/findDOMNode.js

@@ -1,15 +1,18 @@
+import canUseDom from "./canUseDom.js";
 import { unref } from "vue";
 function isDOM(node) {
 	return node instanceof HTMLElement || node instanceof SVGElement;
 }
 function getDOM(elementRef) {
 	const unrefElementRef = unref(elementRef);
+	if (!canUseDom()) return unrefElementRef;
 	const dom = findDOMNode(unrefElementRef) || (unrefElementRef && typeof unrefElementRef === "object" ? findDOMNode(unrefElementRef.nativeElement) : null);
 	if (dom && (dom.nodeType === 3 || dom.nodeType === 8) && dom.nextElementSibling) return dom.nextElementSibling;
 	return dom;
 }
 function findDOMNode(_node) {
 	const node = unref(_node);
+	if (!canUseDom()) return node;
 	if (isDOM(node)) return node;
 	else if (node && "$el" in node) return node.$el;
 	return null;

package/dist/dist/Dom/canUseDom.js

@@ -0,0 +1,4 @@
+function canUseDom() {
+	return !!(typeof window !== "undefined" && window.document && window.document.createElement);
+}
+export { canUseDom };

package/dist/dist/Dom/findDOMNode.js

@@ -1,15 +1,18 @@
+import { canUseDom } from "./canUseDom.js";
 import { unref } from "vue";
 function isDOM(node) {
 	return node instanceof HTMLElement || node instanceof SVGElement;
 }
 function getDOM(elementRef) {
 	const unrefElementRef = unref(elementRef);
+	if (!canUseDom()) return unrefElementRef;
 	const dom = findDOMNode(unrefElementRef) || (unrefElementRef && typeof unrefElementRef === "object" ? findDOMNode(unrefElementRef.nativeElement) : null);
 	if (dom && (dom.nodeType === 3 || dom.nodeType === 8) && dom.nextElementSibling) return dom.nextElementSibling;
 	return dom;
 }
 function findDOMNode(_node) {
 	const node = unref(_node);
+	if (!canUseDom()) return node;
 	if (isDOM(node)) return node;
 	else if (node && "$el" in node) return node.$el;
 	return null;

package/dist/hooks/useId.d.ts

@@ -1 +1,9 @@
 export default function (id?: string): string;
+/**
+ * Generate a valid HTML id from prefix and key.
+ * Sanitizes the key by replacing invalid characters with hyphens.
+ * @param prefix - The prefix for the id
+ * @param key - The key from React element, may contain spaces or invalid characters
+ * @returns A valid HTML id string
+ */
+export declare function getId(prefix: string, key: string): string;

package/dist/hooks/useId.js

@@ -9,4 +9,7 @@ function useId_default(id) {
 	if (process.env.NODE_ENV === "test") return "test-id";
 	return vueId;
 }
-export { useId_default as default };
+function getId(prefix, key) {
+	return `${prefix}-${key.replace(/[^a-zA-Z0-9_.:-]/g, "-")}`;
+}
+export { useId_default as default, getId };

package/package.json

@@ -1,11 +1,16 @@
 {
   "name": "@v-c/util",
   "type": "module",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Vue3 components utils",
   "publishConfig": {
     "access": "public"
   },
+  "author": {
+    "name": "aibayanyu20",
+    "email": "aibayanyu@qq.com",
+    "url": "https://yanyu.me"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -59,11 +64,6 @@
     },
     "./package.json": "./package.json"
   },
-  "author": {
-    "name": "aibayanyu20",
-    "email": "aibayanyu@qq.com",
-    "url": "https://yanyu.me"
-  },
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [