@aiszlab/relax 2.1.2-beta.4 → 2.1.2-beta.5

package/dist/hooks/use-controlled-state.cjs

@@ -4,7 +4,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var react = require('react');
 var isUndefined = require('../is/is-undefined.cjs');
 var isFunction = require('../is/is-function.cjs');
-var useUpdateEffect = require('./use-update-effect.cjs');
+var useEvent = require('./use-event.cjs');
 
 function useControlledState(controlledState) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -25,14 +25,15 @@ function useControlledState(controlledState) {
     _useState2 = _slicedToArray(_useState, 2),
     _state = _useState2[0],
     _setState = _useState2[1];
-  // 监听内部状态变更
-  // 如果状态发生更新时，触发回调函数`onChange`
-  useUpdateEffect.useUpdateEffect(function () {
-    onChange === null || onChange === void 0 || onChange(_state);
-  }, [_state]);
   // use controlled
   var state = isUndefined.isUndefined(controlledState) ? _state : controlledState;
-  return [state, _setState];
+  // 复写状态更新
+  var setState = useEvent.useEvent(function (_newValue) {
+    var _newState = isFunction.isFunction(_newValue) ? _newValue(state) : _newValue;
+    _setState(_newState);
+    onChange === null || onChange === void 0 || onChange(_newState);
+  });
+  return [state, setState];
 }
 
 exports.useControlledState = useControlledState;

package/dist/hooks/use-controlled-state.mjs

@@ -2,7 +2,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState } from 'react';
 import { isUndefined } from '../is/is-undefined.mjs';
 import { isFunction } from '../is/is-function.mjs';
-import { useUpdateEffect } from './use-update-effect.mjs';
+import { useEvent } from './use-event.mjs';
 
 function useControlledState(controlledState) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -23,14 +23,15 @@ function useControlledState(controlledState) {
     _useState2 = _slicedToArray(_useState, 2),
     _state = _useState2[0],
     _setState = _useState2[1];
-  // 监听内部状态变更
-  // 如果状态发生更新时，触发回调函数`onChange`
-  useUpdateEffect(function () {
-    onChange === null || onChange === void 0 || onChange(_state);
-  }, [_state]);
   // use controlled
   var state = isUndefined(controlledState) ? _state : controlledState;
-  return [state, _setState];
+  // 复写状态更新
+  var setState = useEvent(function (_newValue) {
+    var _newState = isFunction(_newValue) ? _newValue(state) : _newValue;
+    _setState(_newState);
+    onChange === null || onChange === void 0 || onChange(_newState);
+  });
+  return [state, setState];
 }
 
 export { useControlledState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "2.1.2-beta.4",
+  "version": "2.1.2-beta.5",
   "description": "react utils collection",
   "exports": {
     ".": {