small change

Author: luo0412

README.md

@@ -20,7 +20,7 @@ function App() {
 ReactDOM.render(<App />, mountNode);
 ```
 
-- 入口js: 开头为小写字母且不是`use`的js文件 --> 在config.js进行路径匹配
+- 入口js: 开头为小写字母且不是`use`的js文件 --> 在config/index.js进行路径匹配
 - 如果创建和js同名的`.ejs`文件，优先级更高，会覆盖默认模板 --> umi-plugin-mpa实现
 - 如果不创建`index.js`入口，umi-plugin-mpa会默认生成index.html(`url导航`)
 - 使用到`react-hooks`功能的部分, 需要引入react-dom, 否则估计会报错!! 

_antd/form/slider-range.js

@@ -0,0 +1,48 @@
+import { Slider, InputNumber, Row, Col } from 'antd';
+import {useState} from "react";
+import ReactDOM from 'react-dom'
+// import { cloneDeep } from "lodash"
+
+
+function App() {
+    const [inputValue, setInputValue] = useState([0, 0])
+
+    const onChange = (value) => {
+        setInputValue(value)
+    }
+
+    const onAfterChange = (value) => {
+        console.log('onAfterChange: ', value);
+    }
+
+    return (
+        <Row>
+            <Col span={6}>
+                <InputNumber
+                    min={0}
+                    value={inputValue[0]}
+                    onChange={ (value) => {setInputValue([Number(value) || 0, inputValue[1]].sort()) }}
+                />
+
+            <Slider
+                range
+                max={10000}
+                step={10}
+                defaultValue={[0, 0]}
+                value={inputValue}
+                onChange={onChange}
+                onAfterChange={onAfterChange}
+            />
+
+                <InputNumber
+                    min={0}
+                    value={ inputValue[1] }
+                    onChange={ (value) => { setInputValue([inputValue[0] || 10000, Number(value)].sort()) }}
+                />
+            </Col>
+        </Row>
+    );
+}
+
+ReactDOM.render(<App />, mountNode);
+

_ecma/README.md

@@ -0,0 +1,3 @@
+# README
+
+主要参考 http://es6.ruanyifeng.com/#docs/promise

_ecma/async/README.md

@@ -2,4 +2,3 @@
 
 JavaScript异步编程-学习代码
 
-- http://es6.ruanyifeng.com/#docs/promise

_ecma/async/my-promise/es6Promise.test.js

@@ -1,13 +1,27 @@
-const es6Promise = require("./libs/es6Promise")
+const ES6Promise = require("./libs/es6Promise")
 
-let p1 = new es6Promise((resolve, reject) => {
+let p1 = new ES6Promise((resolve, reject) => {
     reject('hello error');
 
-    // 不应该执行到这里
+    // reject --> 不应该执行到这里
     setTimeout(() => {
         resolve('hello promise')
     }, 1000)
 
 })
 
-p1.then((data) => console.log(data), (err) => console.log(err))
+
+let p2 = new ES6Promise((resolve, reject) => {
+    resolve("这里是数据")
+    console.log('HAHA')
+
+    // 这里不会执行
+    setTimeout(() => {
+        console.log("hello promise")
+        // resolve('hello promise')
+    }, 1000)
+
+})
+
+p1.then((data) => console.log('输出数据: ' + data), (err) => console.log(err))
+p2.then((data) => console.log('输出数据: ' + data), (err) => console.log(err))

_ecma/async/my-promise/libs/es6Promise.js renamed to _ecma/async/my-promise/libs/ES6Promise.js

@@ -1,4 +1,4 @@
-class es6Promise {
+class ES6Promise {
 
     constructor(fn) {
         this.status = 'Pending'
@@ -32,6 +32,6 @@ class es6Promise {
     }
 }
 
-module.exports = es6Promise
+module.exports = ES6Promise
 
 

_ecma/async/my-promise/libs/myPromise.js renamed to _ecma/async/my-promise/libs/MyPromise.js

@@ -44,6 +44,7 @@ class MyPromise {
                     cb(value)
                 }
             }
+
             // 依次执行失败队列中的函数，并清空队列
             const runRejected = (error) => {
                 let cb;

_ecma/async/my-promise/myPromise.test.js

@@ -9,5 +9,15 @@ let p1 = new myPromise((resolve, reject) => {
         resolve('hello promise')
     }, 1000)
 })
+
+let p2 = new myPromise((resolve, reject) => {
+    resolve('数据');
+
+    setTimeout(() => {
+        console.log('hello promise')
+    }, 1000)
+})
+
 p1.then((data) => console.log(data), (err) => console.log(err))
+p2.then((data) => console.log(data), (err) => console.log(err))
 

_fetch/swr/suspense-mode.js

@@ -1,15 +1,13 @@
 import { Suspense } from 'react'
 import useSWR from 'swr'
 import ReactDOM from 'react-dom'
-
 import fetch from 'unfetch'
 
 const fetcher = url => fetch(url).then(r => r.json())
 
-
 function Profile () {
     const { data } = useSWR('/mock/user.json', fetcher, { suspense: true })
-    console.log(data)
+    // console.log(data)
     return <div>hello, { data.data.name }</div>
 }
 

_form/rheostat/index.js

@@ -0,0 +1,22 @@
+import ReactDOM from 'react-dom'
+import Rheostat from 'rheostat';
+
+import ThemedStyleSheet from 'react-with-styles/lib/ThemedStyleSheet';
+import aphroditeInterface from 'react-with-styles-interface-aphrodite';
+import DefaultTheme from 'rheostat/lib/themes/DefaultTheme';
+
+ThemedStyleSheet.registerInterface(aphroditeInterface);
+ThemedStyleSheet.registerTheme(DefaultTheme);
+
+import 'rheostat/initialize';
+
+function App () {
+
+    return  <Rheostat
+        min={1}
+        max={100}
+        values={[1, 100]}
+    />
+}
+
+ReactDOM.render(<App />, mountNode)