Update Form

Add peerDependencies
ElemeFE · Aug 7, 2017 · dc3f07a · dc3f07a
1 parent d224e5c
commit dc3f07a
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 11 deletions.
diff --git a/libs/editor/index.jsx b/libs/editor/index.jsx
@@ -25,7 +25,13 @@ export default class Editor extends Component {
     this.cm.setValue(value)
 
     this.cm.on('changes', cm => {
-      onChange && onChange(cm.getValue())
+      if (onChange) {
+        clearTimeout(this.timeout);
+
+        this.timeout = setTimeout(() => {
+          onChange(cm.getValue());
+        }, 300);
+      }
     })
   }
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "element-react",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Element UI for React",
   "private": false,
   "main": "dist/npm/es5/index.js",
@@ -86,6 +86,10 @@
     "react-transition-group": "^1.2.0",
     "throttle-debounce": "^1.0.1"
   },
+  "peerDependencies": {
+    "react": "^15.6.1",
+    "react-dom": "^15.6.1"
+  },
   "jest": {
     "testRegex": "(/jest/.+\\.(js|jsx)$)|_test.jsx?$",
     "testPathIgnorePatterns": [

diff --git a/site/docs/en-US/form.md b/site/docs/en-US/form.md
@@ -49,7 +49,7 @@ render() {
       </Form.Item>
       <Form.Item label="Activity time">
         <Layout.Col span="11">
-          <Form.Item prop="date1">
+          <Form.Item prop="date1" labelWidth="0px">
             <DatePicker
               value={this.state.form.date1}
               placeholder="Pick a date"
@@ -59,7 +59,7 @@ render() {
         </Layout.Col>
         <Layout.Col className="line" span="2">-</Layout.Col>
         <Layout.Col span="11">
-          <Form.Item prop="date2">
+          <Form.Item prop="date2" labelWidth="0px">
             <TimePicker
               value={this.state.form.date2}
               selectableRange="18:30:00 - 20:30:00"
@@ -295,7 +295,7 @@ render() {
       </Form.Item>
       <Form.Item label="Activity time" required={true}>
         <Layout.Col span="11">
-          <Form.Item prop="date1">
+          <Form.Item prop="date1" labelWidth="0px">
             <DatePicker
               value={this.state.form.date1}
               placeholder="Pick a date"
@@ -305,7 +305,7 @@ render() {
         </Layout.Col>
         <Layout.Col className="line" span="2">-</Layout.Col>
         <Layout.Col span="11">
-          <Form.Item prop="date2">
+          <Form.Item prop="date2" labelWidth="0px">
             <TimePicker
               value={this.state.form.date2}
               selectableRange="18:30:00 - 20:30:00"

diff --git a/site/docs/zh-CN/form.md b/site/docs/zh-CN/form.md
@@ -49,7 +49,7 @@ render() {
       </Form.Item>
       <Form.Item label="活动时间">
         <Layout.Col span="11">
-          <Form.Item prop="date1">
+          <Form.Item prop="date1" labelWidth="0px">
             <DatePicker
               value={this.state.form.date1}
               placeholder="选择日期"
@@ -59,7 +59,7 @@ render() {
         </Layout.Col>
         <Layout.Col className="line" span="2">-</Layout.Col>
         <Layout.Col span="11">
-          <Form.Item prop="date2">
+          <Form.Item prop="date2" labelWidth="0px">
             <TimePicker
               value={this.state.form.date2}
               selectableRange="18:30:00 - 20:30:00"
@@ -294,7 +294,7 @@ render() {
       </Form.Item>
       <Form.Item label="活动时间" required={true}>
         <Layout.Col span="11">
-          <Form.Item prop="date1">
+          <Form.Item prop="date1" labelWidth="0px">
             <DatePicker
               value={this.state.form.date1}
               placeholder="选择日期"
@@ -304,7 +304,7 @@ render() {
         </Layout.Col>
         <Layout.Col className="line" span="2">-</Layout.Col>
         <Layout.Col span="11">
-          <Form.Item prop="date2">
+          <Form.Item prop="date2" labelWidth="0px">
             <TimePicker
               value={this.state.form.date2}
               selectableRange="18:30:00 - 20:30:00"