@varlet/use 2.9.3-alpha.1679397366672 → 2.9.3-alpha.1679420700979

package/lib/index.d.ts

@@ -3,3 +3,4 @@ export * from './useClickOutside.js';
 export * from './useMounted.js';
 export * from './useParent.js';
 export * from './useChildren.js';
+export * from './useVModel.js';

package/lib/index.js

@@ -3,3 +3,4 @@ export * from './useClickOutside.js';
 export * from './useMounted.js';
 export * from './useParent.js';
 export * from './useChildren.js';
+export * from './useVModel.js';

package/lib/useVModel.d.ts

@@ -0,0 +1,7 @@
+export interface UseVModelOptions<P, K extends keyof P> {
+    passive?: boolean;
+    eventName?: string;
+    defaultValue?: P[K];
+    emit?: (event: string, value: P[K]) => void;
+}
+export declare function useVModel<P extends Record<string, any>, K extends keyof P>(props: P, key: K, options?: UseVModelOptions<P, K>): import("vue").WritableComputedRef<P[K]> | ([P[K]] extends [import("vue").Ref<any>] ? P[K] : import("vue").Ref<import("vue").UnwrapRef<P[K]>>);

package/lib/useVModel.js

@@ -0,0 +1,25 @@
+import { computed, getCurrentInstance, ref, watch } from 'vue';
+export function useVModel(props, key, options = {}) {
+    const vm = getCurrentInstance();
+    const { passive = true, eventName, defaultValue, emit = vm === null || vm === void 0 ? void 0 : vm.emit } = options;
+    const event = eventName !== null && eventName !== void 0 ? eventName : `update:${key.toString()}`;
+    const getValue = () => (props[key] != null ? props[key] : defaultValue);
+    if (!passive) {
+        return computed({
+            get() {
+                return getValue();
+            },
+            set(value) {
+                emit(event, value);
+            },
+        });
+    }
+    const proxy = ref(getValue());
+    watch(() => props[key], () => {
+        proxy.value = getValue();
+    });
+    watch(() => proxy.value, (newValue) => {
+        emit(event, newValue);
+    });
+    return proxy;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/use",
-  "version": "2.9.3-alpha.1679397366672",
+  "version": "2.9.3-alpha.1679420700979",
   "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.9.3-alpha.1679397366672"
+    "@varlet/shared": "2.9.3-alpha.1679420700979"
   },
   "devDependencies": {
     "typescript": "^4.4.4",