@varlet/use 2.18.1 → 2.18.2-alpha.1698939289602

package/lib/index.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { Ref, ComponentInternalInstance, ComputedRef, WatchSource } from 'vue';
+import { Ref, ComponentInternalInstance, ComputedRef, WatchSource, WritableComputedRef } from 'vue';
 
 type UseEventListenerTarget = EventTarget | Ref<EventTarget | undefined | null> | (() => EventTarget);
 interface UseEventListenerOptions {
@@ -78,4 +78,12 @@ declare function useWindowSize(options?: UseWindowSizeOptions): {
     height: vue.Ref<number>;
 };
 
-export { TouchDirection, UseChildrenBaseProvider, UseClickOutsideTarget, UseEventListenerOptions, UseEventListenerTarget, UseWindowSizeOptions, keyInProvides, onSmartMounted, onSmartUnmounted, onWindowResize, useChildren, useClickOutside, useEventListener, useId, useInitialized, useParent, useTouch, useWindowSize };
+interface UseVModelOptions<P, K extends keyof P> {
+    passive?: boolean;
+    eventName?: string;
+    defaultValue?: P[K];
+    emit?: (event: string, value: P[K]) => void;
+}
+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 };

package/lib/index.js

@@ -410,6 +410,39 @@ function useWindowSize(options = {}) {
     height
   };
 }
+
+// src/useVModel.ts
+import { call } from "@varlet/shared";
+import { computed as computed3, ref as ref5, 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()}`;
+  const getValue = () => props[key] != null ? props[key] : defaultValue;
+  if (!passive) {
+    return computed3({
+      get() {
+        return getValue();
+      },
+      set(value) {
+        emit ? emit(event, value) : call(props[event], value);
+      }
+    });
+  }
+  const proxy = ref5(getValue());
+  watch3(
+    () => props[key],
+    () => {
+      proxy.value = getValue();
+    }
+  );
+  watch3(
+    () => proxy.value,
+    (newValue) => {
+      emit ? emit(event, newValue) : call(props[event], newValue);
+    }
+  );
+  return proxy;
+}
 export {
   keyInProvides,
   onSmartMounted,
@@ -422,5 +455,6 @@ export {
   useInitialized,
   useParent,
   useTouch,
+  useVModel,
   useWindowSize
 };

package/package.json

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