@varlet/use 3.2.5 → 3.2.6-alpha.1713858357643

package/lib/index.cjs

@@ -52,6 +52,7 @@ __export(src_exports, {
   onWindowResize: () => onWindowResize,
   useChildren: () => useChildren,
   useClickOutside: () => useClickOutside,
+  useClientId: () => useClientId,
   useEventListener: () => useEventListener,
   useId: () => useId,
   useInitialized: () => useInitialized,
@@ -416,15 +417,30 @@ function useId() {
   return id;
 }
 
-// src/useWindowSize.ts
-var import_shared6 = require("@varlet/shared");
+// src/useClientId.ts
 var import_vue10 = require("vue");
+var import_shared6 = require("@varlet/shared");
+function useClientId() {
+  const instance = (0, import_vue10.getCurrentInstance)();
+  const name = (0, import_shared6.kebabCase)(instance.type.name);
+  const id = (0, import_vue10.ref)(process.env.NODE_ENV === "test" ? `${name}-mock-id` : "");
+  (0, import_vue10.onMounted)(() => {
+    if (process.env.NODE_ENV !== "test") {
+      id.value = `${name}-${instance.uid}`;
+    }
+  });
+  return id;
+}
+
+// src/useWindowSize.ts
+var import_shared7 = require("@varlet/shared");
+var import_vue11 = require("vue");
 function useWindowSize(options = {}) {
   const { initialWidth = 0, initialHeight = 0 } = options;
-  const width = (0, import_vue10.ref)(initialWidth);
-  const height = (0, import_vue10.ref)(initialHeight);
+  const width = (0, import_vue11.ref)(initialWidth);
+  const height = (0, import_vue11.ref)(initialHeight);
   const update = () => {
-    if (!(0, import_shared6.inBrowser)()) {
+    if (!(0, import_shared7.inBrowser)()) {
       return;
     }
     width.value = window.innerWidth;
@@ -439,8 +455,8 @@ function useWindowSize(options = {}) {
 }
 
 // src/useVModel.ts
-var import_shared7 = require("@varlet/shared");
-var import_vue11 = require("vue");
+var import_shared8 = require("@varlet/shared");
+var import_vue12 = require("vue");
 function useVModel(props, key, options = {}) {
   const { passive = true, eventName, defaultValue, emit } = options;
   const event = eventName != null ? eventName : `onUpdate:${key.toString()}`;
@@ -449,34 +465,34 @@ function useVModel(props, key, options = {}) {
     return (_a = props[key]) != null ? _a : defaultValue;
   };
   if (!passive) {
-    return (0, import_vue11.computed)({
+    return (0, import_vue12.computed)({
       get() {
         return getValue();
       },
       set(value) {
-        emit ? emit(event, value) : (0, import_shared7.call)(props[event], value);
+        emit ? emit(event, value) : (0, import_shared8.call)(props[event], value);
       }
     });
   }
-  const proxy = (0, import_vue11.ref)(getValue());
+  const proxy = (0, import_vue12.ref)(getValue());
   let shouldEmit = true;
-  (0, import_vue11.watch)(
+  (0, import_vue12.watch)(
     () => props[key],
     () => {
       shouldEmit = false;
       proxy.value = getValue();
-      (0, import_vue11.nextTick)(() => {
+      (0, import_vue12.nextTick)(() => {
         shouldEmit = true;
       });
     }
   );
-  (0, import_vue11.watch)(
+  (0, import_vue12.watch)(
     () => proxy.value,
     (newValue) => {
       if (!shouldEmit) {
         return;
       }
-      emit ? emit(event, newValue) : (0, import_shared7.call)(props[event], newValue);
+      emit ? emit(event, newValue) : (0, import_shared8.call)(props[event], newValue);
     }
   );
   return proxy;
@@ -489,6 +505,7 @@ function useVModel(props, key, options = {}) {
   onWindowResize,
   useChildren,
   useClickOutside,
+  useClientId,
   useEventListener,
   useId,
   useInitialized,

package/lib/index.d.cts

@@ -69,6 +69,8 @@ declare function useTouch(): {
 
 declare function useId(): vue.Ref<string | undefined>;
 
+declare function useClientId(): vue.Ref<string>;
+
 interface UseWindowSizeOptions {
     initialWidth?: number;
     initialHeight?: number;
@@ -86,4 +88,4 @@ interface UseVModelOptions<P, K extends keyof P> {
 }
 declare function useVModel<P extends Record<string, any>, K extends keyof P>(props: P, key: K, options?: UseVModelOptions<P, K>): WritableComputedRef<P[K]> | Ref<P[K]>;
 
-export { TouchDirection, UseChildrenBaseProvider, UseClickOutsideTarget, UseEventListenerOptions, UseEventListenerTarget, UseVModelOptions, UseWindowSizeOptions, keyInProvides, onSmartMounted, onSmartUnmounted, onWindowResize, useChildren, useClickOutside, useEventListener, useId, useInitialized, useParent, useTouch, useVModel, useWindowSize };
+export { TouchDirection, UseChildrenBaseProvider, UseClickOutsideTarget, UseEventListenerOptions, UseEventListenerTarget, UseVModelOptions, UseWindowSizeOptions, keyInProvides, onSmartMounted, onSmartUnmounted, onWindowResize, useChildren, useClickOutside, useClientId, useEventListener, useId, useInitialized, useParent, useTouch, useVModel, useWindowSize };

package/lib/index.d.ts

@@ -69,6 +69,8 @@ declare function useTouch(): {
 
 declare function useId(): vue.Ref<string | undefined>;
 
+declare function useClientId(): vue.Ref<string>;
+
 interface UseWindowSizeOptions {
     initialWidth?: number;
     initialHeight?: number;
@@ -86,4 +88,4 @@ interface UseVModelOptions<P, K extends keyof P> {
 }
 declare function useVModel<P extends Record<string, any>, K extends keyof P>(props: P, key: K, options?: UseVModelOptions<P, K>): WritableComputedRef<P[K]> | Ref<P[K]>;
 
-export { TouchDirection, UseChildrenBaseProvider, UseClickOutsideTarget, UseEventListenerOptions, UseEventListenerTarget, UseVModelOptions, UseWindowSizeOptions, keyInProvides, onSmartMounted, onSmartUnmounted, onWindowResize, useChildren, useClickOutside, useEventListener, useId, useInitialized, useParent, useTouch, useVModel, useWindowSize };
+export { TouchDirection, UseChildrenBaseProvider, UseClickOutsideTarget, UseEventListenerOptions, UseEventListenerTarget, UseVModelOptions, UseWindowSizeOptions, keyInProvides, onSmartMounted, onSmartUnmounted, onWindowResize, useChildren, useClickOutside, useClientId, useEventListener, useId, useInitialized, useParent, useTouch, useVModel, useWindowSize };

package/lib/index.js

@@ -394,13 +394,28 @@ function useId() {
   return id;
 }
 
+// src/useClientId.ts
+import { ref as ref4, getCurrentInstance as getCurrentInstance4, onMounted as onMounted3 } from "vue";
+import { kebabCase as kebabCase2 } from "@varlet/shared";
+function useClientId() {
+  const instance = getCurrentInstance4();
+  const name = kebabCase2(instance.type.name);
+  const id = ref4(process.env.NODE_ENV === "test" ? `${name}-mock-id` : "");
+  onMounted3(() => {
+    if (process.env.NODE_ENV !== "test") {
+      id.value = `${name}-${instance.uid}`;
+    }
+  });
+  return id;
+}
+
 // src/useWindowSize.ts
 import { inBrowser as inBrowser3 } from "@varlet/shared";
-import { ref as ref4 } from "vue";
+import { ref as ref5 } from "vue";
 function useWindowSize(options = {}) {
   const { initialWidth = 0, initialHeight = 0 } = options;
-  const width = ref4(initialWidth);
-  const height = ref4(initialHeight);
+  const width = ref5(initialWidth);
+  const height = ref5(initialHeight);
   const update = () => {
     if (!inBrowser3()) {
       return;
@@ -418,7 +433,7 @@ function useWindowSize(options = {}) {
 
 // src/useVModel.ts
 import { call } from "@varlet/shared";
-import { computed as computed3, nextTick as nextTick3, ref as ref5, watch as watch3 } from "vue";
+import { computed as computed3, nextTick as nextTick3, ref as ref6, watch as watch3 } from "vue";
 function useVModel(props, key, options = {}) {
   const { passive = true, eventName, defaultValue, emit } = options;
   const event = eventName != null ? eventName : `onUpdate:${key.toString()}`;
@@ -436,7 +451,7 @@ function useVModel(props, key, options = {}) {
       }
     });
   }
-  const proxy = ref5(getValue());
+  const proxy = ref6(getValue());
   let shouldEmit = true;
   watch3(
     () => props[key],
@@ -466,6 +481,7 @@ export {
   onWindowResize,
   useChildren,
   useClickOutside,
+  useClientId,
   useEventListener,
   useId,
   useInitialized,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/use",
-  "version": "3.2.5",
+  "version": "3.2.6-alpha.1713858357643",
   "type": "module",
   "main": "lib/index.cjs",
   "module": "lib/index.js",
@@ -33,7 +33,7 @@
     "url": "https://github.com/varletjs/varlet/issues"
   },
   "dependencies": {
-    "@varlet/shared": "3.2.5"
+    "@varlet/shared": "3.2.6-alpha.1713858357643"
   },
   "devDependencies": {
     "@types/node": "^18.7.18",