@v-c/util 1.0.8 → 1.0.9

package/dist/hooks/useControlledState.cjs

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let vue = require("vue");
+function useControlledState(state, emit, updateKey = "value", defaultState, props) {
+	const mergedState = (0, vue.shallowRef)(defaultState ?? state.value);
+	function setState(nextState) {
+		if (emit) emit(`update:${updateKey}`, nextState);
+		if (props && props?.[`onUpdate:${updateKey}`]) props?.[`onUpdate:${updateKey}`](nextState);
+		(0, vue.nextTick)(() => {
+			if (state.value === void 0 && state.value !== nextState) mergedState.value = nextState;
+		});
+	}
+	(0, vue.watch)(() => (0, vue.toValue)(state), () => {
+		const prevState = (0, vue.toValue)(mergedState);
+		const nextState = (0, vue.toValue)(state);
+		if (prevState !== nextState) mergedState.value = nextState;
+	});
+	return [state, setState];
+}
+exports.useControlledState = useControlledState;

package/dist/hooks/useControlledState.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare function useControlledState<T = any>(state: Ref<T | undefined>, emit?: any, updateKey?: string, defaultState?: T, props?: any): readonly [Ref<T, T>, (nextState: T) => void];

package/dist/hooks/useControlledState.js

@@ -0,0 +1,18 @@
+import { nextTick, shallowRef, toValue, watch } from "vue";
+function useControlledState(state, emit, updateKey = "value", defaultState, props) {
+	const mergedState = shallowRef(defaultState ?? state.value);
+	function setState(nextState) {
+		if (emit) emit(`update:${updateKey}`, nextState);
+		if (props && props?.[`onUpdate:${updateKey}`]) props?.[`onUpdate:${updateKey}`](nextState);
+		nextTick(() => {
+			if (state.value === void 0 && state.value !== nextState) mergedState.value = nextState;
+		});
+	}
+	watch(() => toValue(state), () => {
+		const prevState = toValue(mergedState);
+		const nextState = toValue(state);
+		if (prevState !== nextState) mergedState.value = nextState;
+	});
+	return [state, setState];
+}
+export { useControlledState };

package/dist/index.cjs

@@ -4,6 +4,7 @@ const require_raf = require("./raf.cjs");
 const require_omit = require("./omit.cjs");
 const require_RenderComponent = require("./RenderComponent.cjs");
 const require_classnames = require("./classnames.cjs");
+const require_useControlledState = require("./hooks/useControlledState.cjs");
 const require_useId = require("./hooks/useId.cjs");
 const require_useMergedState = require("./hooks/useMergedState.cjs");
 const require_get = require("./utils/get.cjs");
@@ -17,6 +18,7 @@ exports.get = require_get.default;
 exports.omit = require_omit.default;
 exports.raf = require_raf.default;
 exports.set = require_set.default;
+exports.useControlledState = require_useControlledState.useControlledState;
 exports.useId = require_useId.default;
 exports.useMergedState = require_useMergedState.default;
 exports.warning = require_warning.default;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { default as classNames, clsx } from './classnames';
+export { useControlledState } from './hooks/useControlledState';
 export { default as useId } from './hooks/useId';
 export { default as useMergedState } from './hooks/useMergedState';
 export { default as KeyCode } from './KeyCode';

package/dist/index.js

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

package/package.json

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