docs: 更新文档

config/config.ts

@@ -41,7 +41,19 @@ const configs = defineConfig({
       },
       {
         title: 'state',
-        children: ['useCallbackState/index.md', 'useLatest/index.md'],
+        children: ['useCallbackState/index.md', 'useLatest/index.md', 'usePrevious/index.md'],
+      },
+      {
+        title: 'effect',
+        children: ['useUpdateEffect/index.md'],
+      },
+      {
+        title: 'dom',
+        children: ['useClientRect/index.md'],
+      },
+      {
+        title: 'other',
+        children: ['useDebounceFn/index.md'],
       },
     ],
   },

packages/rc-use-hooks/src/useClientRect/index.md

@@ -0,0 +1,23 @@
+---
+title: useClientRect
+order: 3
+group:
+  path: /dom
+nav:
+  order: 3
+  path: /hooks
+---
+
+# useClientRect
+
+返回最新的 state 或 props 避免闭包问题。
+
+## 代码演示
+
+<!-- <code src='./demos/demo1.tsx' /> -->
+
+## API
+
+```typescript
+const latestValue = useLatest(value);
+```

packages/rc-use-hooks/src/useDebounceFn/index.md

@@ -0,0 +1,23 @@
+---
+title: useDebounceFn
+order: 3
+group:
+  path: /other
+nav:
+  order: 3
+  path: /hooks
+---
+
+# useDebounceFn
+
+返回最新的 state 或 props 避免闭包问题。
+
+## 代码演示
+
+<!-- <code src='./demos/demo1.tsx' /> -->
+
+## API
+
+```typescript
+const latestValue = useLatest(value);
+```

packages/rc-use-hooks/src/useLatest/index.md

@@ -1,6 +1,6 @@
 ---
 title: useLatest
-order: 2
+order: 3
 group:
   path: /state
 nav:

packages/rc-use-hooks/src/usePrevious/demos/demo1.tsx

@@ -0,0 +1,21 @@
+import { Button } from 'antd';
+import { usePrevious } from 'rc-use-hooks';
+import { useState } from 'react';
+
+const demo1 = () => {
+  const [count, setCount] = useState(0);
+  const prevCount = usePrevious(count);
+  const onClick = () => {
+    setCount(count + 1);
+  };
+  return (
+    <>
+      <Button onClick={onClick}>点击</Button>
+
+      <div> 上一次count:{prevCount}</div>
+      <div> 当前count:{count}</div>
+    </>
+  );
+};
+
+export default demo1;

packages/rc-use-hooks/src/usePrevious/index.md

@@ -0,0 +1,23 @@
+---
+title: usePrevious
+order: 3
+group:
+  path: /state
+nav:
+  order: 3
+  path: /hooks
+---
+
+# usePrevious
+
+用于获取状态上一次的值
+
+## 代码演示
+
+<code src='./demos/demo1.tsx' />
+
+### API
+
+```typescript
+const prevValue = usePrevious(value);
+```

packages/rc-use-hooks/src/useSetSate/index.md

@@ -0,0 +1,23 @@
+---
+title: useSetSate
+order: 3
+group:
+  path: /other
+nav:
+  order: 3
+  path: /hooks
+---
+
+# useDebounceFn
+
+返回最新的 state 或 props 避免闭包问题。
+
+## 代码演示
+
+<!-- <code src='./demos/demo1.tsx' /> -->
+
+## API
+
+```typescript
+const latestValue = useLatest(value);
+```

packages/rc-use-hooks/src/useUpdateEffect/index.md

@@ -0,0 +1,23 @@
+---
+title: useUpdateEffect
+order: 3
+group:
+  path: /effect
+nav:
+  order: 3
+  path: /hooks
+---
+
+# useUpdateEffect
+
+返回最新的 state 或 props 避免闭包问题。
+
+## 代码演示
+
+<!-- <code src='./demos/demo1.tsx' /> -->
+
+## API
+
+```typescript
+const latestValue = useLatest(value);
+```