release: v1.2

Author: zhangfisher

docs/guide/debug/devTools.md

@@ -42,7 +42,7 @@ import `@autostorejs/devtools`
 ```tsx {12-13}
 import { createStore,computed } from '@autostorejs/react';
 import { Button,ColorBlock } from "x-react-components"
-const { state,useState,$ } = createStore({
+const { state,$ } = createStore({
   firstName:"Zhang",
   lastName:"Fisher",
   age:18,

docs/guide/form/form/create.md

@@ -57,7 +57,7 @@ const { Form } = useForm({
 </Form>
 ```
 
-更多的`Field`组件的用法请参考[Field组件](/guide/form/field/component.md)。
+更多的`Field`组件的用法请参考[Field组件](/guide/form/field/field-component.md)。
 
 ### 第4步：提交表单
 

docs/guide/form/form/validate.md

@@ -212,6 +212,29 @@ const store = createStore({
 `AutoStore`提供了非常强大的表单双向绑定能力，详见[表单绑定](/guide/form/about)查看更多内容.
 :::
 
+## 第7步: 调试与诊断
+
+在开发与调试过程中，`AutoStore`支持使用[Redux DevTools Extension](https://github.com/reduxjs/redux-devtools)来调试`AutoStore`的状态。
+
+只需要在你的项目的最开始处导入`@autostorejs/devtools`，然后配置`{debug:true}`即可。
+
+```ts {3,6}
+//main.ts | app.ts | index.ts
+
+import `@autostorejs/devtools`
+
+// 创建store时，配置debug:true
+const store = createStore({...},{
+  debug:true,
+  id:"user"   // 配置id便以在devTools中显示
+})
+
+```
+
+使用效果如下：
+
+![devTools](../debug/devtools.png)
+
 
 ## 小结
 

docs/guide/intro/get-started.md

@@ -85,15 +85,15 @@ const InputStyle = styled<InputProps>({
 })
 
 export const Input:ReactFC<InputProps> = (props:InputProps)=>{
-    const { id=Math.random().toString(36).slice(2), enable = true, style={},value, actions,...restProps } = props;
+    const { id=Math.random().toString(36).slice(2), enable = true, style={},value, actions,validate,...restProps } = props;
     const label = props.label  || props.name || props.id
     const ref = useRef<HTMLInputElement>(null)
-    Object.entries(restProps).forEach(([key,value])=>{
-        if(typeof(value)==='boolean'){
-            // @ts-ignore
-            restProps[key] = value ? "true" : "false"
-        }
-    })
+    // Object.entries(restProps).forEach(([key,value])=>{
+    //     if(typeof(value)==='boolean'){
+    //         // @ts-ignore
+    //         restProps[key] = value ? "true" : "false"
+    //     }
+    // })
     return (
         <div         
             className={InputStyle.className}