mobx-react-use-autorun 3.0.27 → 3.0.29

package/README.md

@@ -49,7 +49,7 @@ Form validation<br/>
             submit: false,
             errors: {
                 get name() {
-                    return state.submit && !state.name && "请填写名称";
+                    return state.submit && !state.name && "Please fill in the username";
                 },
                 get hasError() {
                     return Object.keys(state.errors).filter(s => s !== "hasError").some(s => (state.errors as any)[s]);
@@ -60,29 +60,34 @@ Form validation<br/>
         const ok = async () => {
             state.submit = true;
             if (state.errors.hasError) {
-                MessageService.error("错误");
+                MessageService.error("Error");
             } else {
-                MessageService.success("提交成功");
+                MessageService.success("Submitted successfully");
             }
         }
 
         return (<div className='flex flex-col' style={{ padding: "2em" }}>
-            <TextField value={state.name} label="用户名" onChange={(e) => state.name = e.target.value} error={!!state.errors.name} helperText={state.errors.name} />
-            <Button variant="contained" style={{ marginTop: "2em" }} onClick={ok} >提交</Button>
+            <TextField value={state.name} label="Username" onChange={(e) => state.name = e.target.value} error={!!state.errors.name} helperText={state.errors.name} />
+            <Button variant="contained" style={{ marginTop: "2em" }} onClick={ok} >Submit</Button>
         </div>)
     })
 
 useMobxState provides two usages.<br/>
 
-useMobxState({},{}) is easy to use, you can define state and third-party hooks.<br/>
+    useMobxState({
 
+    },{})
 
-useMobxState(()=>({
-    get (){
-        return state.name
-    },
-    name,
-}),{}) provides advanced usage, the state is executed only once, and the performance is better. At the same time, you can use the get computed property to recalculate when the computed value changes.<br/>
+is easy to use, you can define state and third-party hooks.<br/>
+
+    useMobxState(()=>({
+        get (){
+            return state.name
+        },
+        name: string = 'tom',
+    }),{})
+
+ provides advanced usage, the state is executed only once, and the performance is better. At the same time, you can use the get computed property to recalculate when the computed value changes.<br/>
 
 ## Notes - Subscription property changes with useMobxEffect
 

package/package.json

@@ -1 +1 @@
-{"name":"mobx-react-use-autorun","version":"3.0.27","description":"React Hook for mobx","scripts":{"test":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_test.ts","build":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_build.ts","make":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_make.ts"},"dependencies":{"mobx":">=6.5.0","mobx-react-lite":">=3.3.0","react-use":">=17.3.2","rxjs":">=6.0.0"},"peerDependencies":{"react":">=16.8.0"},"license":"MIT","keywords":["react","mobx","typescript"],"main":"./dist/index.js","types":"./dist/index.d.ts","eslintConfig":{"extends":["react-app","react-app/jest"]},"homepage":"https://github.com/zdu-strong/mobx-react-use-autorun#readme","repository":{"type":"git","url":"git+https://github.com/zdu-strong/mobx-react-use-autorun.git"},"files":["lib","dist"],"bugs":{"url":"https://github.com/zdu-strong/mobx-react-use-autorun/issues"},"publishConfig":{"registry":"https://registry.npmjs.org/"}}
+{"name":"mobx-react-use-autorun","version":"3.0.29","description":"React Hook for mobx","scripts":{"test":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_test.ts","build":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_build.ts","make":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_make.ts"},"dependencies":{"mobx":">=6.5.0","mobx-react-lite":">=3.3.0","react-use":">=17.3.2","rxjs":">=6.0.0"},"peerDependencies":{"react":">=16.8.0"},"license":"MIT","keywords":["react","mobx","typescript"],"main":"./dist/index.js","types":"./dist/index.d.ts","eslintConfig":{"extends":["react-app","react-app/jest"]},"homepage":"https://github.com/zdu-strong/mobx-react-use-autorun#readme","repository":{"type":"git","url":"git+https://github.com/zdu-strong/mobx-react-use-autorun.git"},"files":["lib","dist"],"bugs":{"url":"https://github.com/zdu-strong/mobx-react-use-autorun/issues"},"publishConfig":{"registry":"https://registry.npmjs.org/"}}