feat: add eq option

Author: 余聪

README.md

@@ -54,6 +54,7 @@ should be named as `use.{{lowerCase}}`, eg. `@rp/use.i18n`.
 
 - [@rcp/c.keepalive](packages/c.keepalive) - Keep react component view / store when switched view.  
 - [@rcp/c.loadingwrapper](packages/c.loadingwrapper) - A component for easy create loading mask  
+- [@rcp/c.prompt](packages/c.prompt) - Advanced React router prompt support beforeunload  
 - [@rcp/hoc.i18n](packages/hoc.i18n) - React Component's high order component about internationalization  
 - [@rcp/hoc.mount](packages/hoc.mount) - The high order component for mounting component  
 - [@rcp/hoc.uncontrolled](packages/hoc.uncontrolled) - The high order component for creating uncontrolled component  
@@ -66,6 +67,7 @@ should be named as `use.{{lowerCase}}`, eg. `@rp/use.i18n`.
 - [@rcp/util.displayname](packages/util.displayname) - The utility for getting display name  
 - [@rcp/util.iscompclass](packages/util.iscompclass) - The utility for checking component class  
 - [@rcp/util.iselemof](packages/util.iselemof) - The utility determinating the input is element of the component class  
+- [@rcp/util.open](packages/util.open) - Open react element standalone  
 - [@rcp/util.tocompclass](packages/util.tocompclass) - The utility converting stateless to be component class  
 
 

packages/use.uncontrolled/__tests__/spec.test.tsx

@@ -1,4 +1,4 @@
-import useUncontrolled from '..'
+import useUncontrolled from '../index'
 import * as TestRenderer from 'react-test-renderer'
 import { renderHook, act } from '@testing-library/react-hooks'
 import * as React from 'react'

packages/use.uncontrolled/index.ts

@@ -6,36 +6,47 @@
 
 import * as React from 'react'
 
+const defaultEq = (a, b) => a === b
+
 export function useUncontrolledCore<T = any>(
   propValue?: T,
   {
     initialValue = propValue,
-    useEffect = React.useEffect,
+    useEffect = React.useLayoutEffect,
+    eq = defaultEq,
     onChange
-  }: { initialValue?: T; useEffect?: typeof React.useEffect; onChange?: (value: T) => void } = {}
+  }: {
+    eq?: (a: T, b: T) => boolean
+    initialValue?: T
+    useEffect?: typeof React.useEffect
+    onChange?: (value: T) => void
+  } = {}
 ): [T | undefined, (newValue: ((value: T) => T) | T) => void] {
   const [value, setStateValue] = React.useState(initialValue)
   const setValueFinal = React.useCallback(
     (newValue: Function | boolean | any) => {
       if (typeof newValue === 'function') {
         newValue = newValue(value)
       }
-      if (value === newValue) {
+      if (eq(value, newValue)) {
         return
       }
       setStateValue(newValue)
       onChange && onChange(newValue)
     },
-    [value, onChange, setStateValue]
+    [value, eq, onChange, setStateValue]
   )
 
+  const fnRef = React.useRef(setValueFinal)
+  fnRef.current = setValueFinal
+
   useEffect(
     () => {
       if (typeof propValue !== 'undefined') {
-        setValueFinal(propValue)
+        fnRef.current(propValue)
       }
     },
-    [propValue, setValueFinal]
+    [propValue]
   )
 
   return [value, setValueFinal]
@@ -48,6 +59,7 @@ export function useUncontrolledCore<T = any>(
  * @param [defaultValue] {T} - Initialize value firstly
  * @param [onChange] {(value: T) => void} - Bind `onChange` handler when value updating
  * @param [useEffect] {typeof React.useLayoutEffect}
+ * @param [eq] {(a: T, b: T) => boolean}
  * @returns {Array} `[T, ((value: T) => T | T) => void]`
  * @example
  * function Input({value, onChangeValue, defaultValue}) {
@@ -60,19 +72,22 @@ export default function useUncontrolled<T = any>({
   value,
   defaultValue,
   onChange,
-  useEffect = React.useLayoutEffect
+  useEffect = React.useLayoutEffect,
+  eq
 }: {
   useEffect?: typeof React.useEffect
   value?: T
   defaultValue?: T
   onChange?: (value: T) => void
+  eq?: (a: T, b: T) => boolean
 }) {
   let initialValue = value
   if (defaultValue) {
     initialValue = typeof value === 'undefined' ? defaultValue : value
   }
 
   return useUncontrolledCore<T>(value, {
+    eq,
     initialValue,
     useEffect,
     onChange

packages/use.uncontrolled/package.json

@@ -33,6 +33,6 @@
   "engines": {
     "node": ">=6"
   },
-  "version": "1.0.3",
+  "version": "2.0.0",
   "gitHead": "f28ececd4b2fab80551292239b568841c895177f"
 }

tsconfig.json

@@ -8,7 +8,8 @@
     "jsx": "react",
     "lib": ["dom", "es2015", "es2017"],
     "experimentalDecorators": true,
-    "moduleResolution": "node"
+    "moduleResolution": "node",
+    "skipLibCheck": true
   },
   "include": ["./packages/**/*"],
   "exclude": ["node_modules", "test", "__tests__"]