From b0f5719d9819d5adcc6ac6f80e7cd85cac79dc9d Mon Sep 17 00:00:00 2001
From: baojie <baojie223@qq.com>
Date: Fri, 17 Jul 2020 15:57:15 +0800
Subject: [PATCH 1/5] fix: #2516

---
 components/input/__tests__/index.test.js |  13 ---
 components/input/inputProps.js           |   1 -
 examples/App.vue                         | 104 +++++++----------------
 3 files changed, 30 insertions(+), 88 deletions(-)

diff --git a/components/input/__tests__/index.test.js b/components/input/__tests__/index.test.js
index 3ca8f6d82a..02de583e3f 100644
--- a/components/input/__tests__/index.test.js
+++ b/components/input/__tests__/index.test.js
@@ -11,12 +11,6 @@ describe('Input', () => {
   focusTest(TextArea);
   focusTest(Password);
 
-  it('should support maxLength', async () => {
-    const wrapper = mount(Input, { attrs: { maxLength: 3 }, sync: false });
-    await asyncExpect(() => {
-      expect(wrapper.html()).toMatchSnapshot();
-    }, 0);
-  });
   it('select()', () => {
     const wrapper = mount(Input);
     wrapper.vm.select();
@@ -62,13 +56,6 @@ describe('TextArea', () => {
       expect(wrapper.html()).toMatchSnapshot();
     });
   });
-
-  it('should support maxLength', async () => {
-    const wrapper = mount(TextArea, { attrs: { maxLength: 10 }, sync: false });
-    await asyncExpect(() => {
-      expect(wrapper.html()).toMatchSnapshot();
-    });
-  });
 });
 
 describe('As Form Control', () => {
diff --git a/components/input/inputProps.js b/components/input/inputProps.js
index 0158a09ed6..5c52b6799d 100644
--- a/components/input/inputProps.js
+++ b/components/input/inputProps.js
@@ -30,7 +30,6 @@ export default {
     default: true,
     type: Boolean,
   },
-  maxLength: PropTypes.number,
   loading: PropTypes.bool,
   className: PropTypes.string,
 };
diff --git a/examples/App.vue b/examples/App.vue
index 535d215986..928a5b1121 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -1,51 +1,5 @@
 <template>
-  <a-config-provider :locale="locale">
-    <div>
-      <a-radio-group :value="locale" @change="changeLocale">
-        <a-radio-button key="en" :value="enUS">
-          English
-        </a-radio-button>
-        <a-radio-button key="cn" :value="zhCN">
-          中文
-        </a-radio-button>
-      </a-radio-group>
-      <div><h4>v-model: <input v-model="color" type="text"></h4><a-color-picker v-model="color" style="width:130px" @show="changeHandler" /></div>
-      <div><h4>v-model:{{ color }}</h4><a-color-picker v-model="color" style="width:130px" @show="changeHandler" /></div>
-      <div><h4>备选颜色</h4><a-color-picker :config="config1" /></div>
-      <div><h4>多种输入格式</h4><a-color-picker :config="config2" :get-popup-container="node=>node.parentNode" /></div>
-      <div>
-        <button @click="config2.components.preview = !config2.components.preview">
-          修改config
-        </button>
-      </div>
-      <div><h4>多种尺寸</h4><a-color-picker size="large" /></div>
-      <div><a-color-picker size="small" /></div>
-      <div><h4>切换禁用</h4><a-color-picker :disabled="disabled" /></div>
-      <div>
-        <button @click="disabled = !disabled">
-          切换
-        </button>
-      </div>
-      <div><h4>切换格式 [color:{{ color2 }}]</h4><a-color-picker v-model="color2" :locale="zhCN" :format="format" /></div>
-      <div>
-        <button @click="format = 'HEX'">
-          HEX
-        </button>
-        <button @click="format = 'RGBA'">
-          RGBA
-        </button>
-        <button @click="format = 'HSVA'">
-          HSVA
-        </button>
-        <button @click="format = 'HSLA'">
-          HSLA
-        </button>
-        <button @click="format = 'CMYK'">
-          CMYK
-        </button>
-      </div>
-    </div>
-  </a-config-provider>
+  <input v-model="input" :maxlength="number" />
 </template>
 
 <script>
@@ -53,16 +7,16 @@ import enUS from 'ant-design-vue/../components/locale/en_US';
 import zhCN from 'ant-design-vue/../components/locale/zh_CN';
 export default {
   name: 'Demo',
-  data () {
+  data() {
     return {
-      color:'#ccc',
-      color2:'#ccc',
-      disabled:false,
-      format:'',
+      color: '#ccc',
+      color2: '#ccc',
+      disabled: false,
+      format: '',
       locale: enUS,
       enUS,
       zhCN,
-      config1:{
+      config1: {
         swatches: [
           'rgba(244, 67, 54, 1)',
           'rgba(233, 30, 99, 0.95)',
@@ -78,35 +32,37 @@ export default {
           'rgba(205, 220, 57, 0.9)',
           'rgba(255, 235, 59, 0.95)',
           'rgba(255, 193, 7, 1)',
-      ],
+        ],
       },
-      config2:{
+      config2: {
         components: {
           // Main components
-            preview: true,
-            opacity: true,
-            hue: true,
+          preview: true,
+          opacity: true,
+          hue: true,
           interaction: {
-                hex: true,
-                rgba: true,
-                hsla: true,
-                hsva: true,
-                cmyk: true,
-                input: true,
-                clear: true,
-                save: true,
-            },
-            strings: {
-                save: 'Save',
-                clear: 'Clear',
-                cancel: 'Cancel',
-            },
+            hex: true,
+            rgba: true,
+            hsla: true,
+            hsva: true,
+            cmyk: true,
+            input: true,
+            clear: true,
+            save: true,
+          },
+          strings: {
+            save: 'Save',
+            clear: 'Clear',
+            cancel: 'Cancel',
+          },
         },
       },
+      input: '',
+      number: 10,
     };
   },
-  methods:{
-    changeHandler(...arg){
+  methods: {
+    changeHandler(...arg) {
       arg;
       // console.log(arg);
     },

From 23d54d82ba52c1a6da603afbcc6284ad4e5a70c2 Mon Sep 17 00:00:00 2001
From: baojie <baojie223@qq.com>
Date: Fri, 17 Jul 2020 16:01:24 +0800
Subject: [PATCH 2/5] =?UTF-8?q?fix:=20=E6=A0=BC=E5=BC=8F=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/App.vue | 58 +++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 57 insertions(+), 1 deletion(-)

diff --git a/examples/App.vue b/examples/App.vue
index 928a5b1121..4ec58dadff 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -1,5 +1,61 @@
 <template>
-  <input v-model="input" :maxlength="number" />
+  <a-config-provider :locale="locale">
+    <div>
+      <a-radio-group :value="locale" @change="changeLocale">
+        <a-radio-button key="en" :value="enUS">English</a-radio-button>
+        <a-radio-button key="cn" :value="zhCN">中文</a-radio-button>
+      </a-radio-group>
+      <div>
+        <h4>
+          v-model:
+          <input v-model="color" type="text" />
+        </h4>
+        <a-color-picker v-model="color" style="width:130px" @show="changeHandler" />
+      </div>
+      <div>
+        <h4>v-model:{{ color }}</h4>
+        <a-color-picker v-model="color" style="width:130px" @show="changeHandler" />
+      </div>
+      <div>
+        <h4>备选颜色</h4>
+        <a-color-picker :config="config1" />
+      </div>
+      <div>
+        <h4>多种输入格式</h4>
+        <a-color-picker :config="config2" :get-popup-container="node => node.parentNode" />
+      </div>
+      <div>
+        <button @click="config2.components.preview = !config2.components.preview">
+          修改config
+        </button>
+      </div>
+      <div>
+        <h4>多种尺寸</h4>
+        <a-color-picker size="large" />
+      </div>
+      <div>
+        <a-color-picker size="small" />
+      </div>
+      <div>
+        <h4>切换禁用</h4>
+        <a-color-picker :disabled="disabled" />
+      </div>
+      <div>
+        <button @click="disabled = !disabled">切换</button>
+      </div>
+      <div>
+        <h4>切换格式 [color:{{ color2 }}]</h4>
+        <a-color-picker v-model="color2" :locale="zhCN" :format="format" />
+      </div>
+      <div>
+        <button @click="format = 'HEX'">HEX</button>
+        <button @click="format = 'RGBA'">RGBA</button>
+        <button @click="format = 'HSVA'">HSVA</button>
+        <button @click="format = 'HSLA'">HSLA</button>
+        <button @click="format = 'CMYK'">CMYK</button>
+      </div>
+    </div>
+  </a-config-provider>
 </template>
 
 <script>

From e549314a27c987b1b240249baa58d39d061295ff Mon Sep 17 00:00:00 2001
From: baojie <baojie223@qq.com>
Date: Fri, 17 Jul 2020 16:04:00 +0800
Subject: [PATCH 3/5] =?UTF-8?q?fix:=20=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/App.vue | 43 ++++++++++++++++++++++++++-----------------
 1 file changed, 26 insertions(+), 17 deletions(-)

diff --git a/examples/App.vue b/examples/App.vue
index 4ec58dadff..a6f9c7e2ad 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -2,14 +2,15 @@
   <a-config-provider :locale="locale">
     <div>
       <a-radio-group :value="locale" @change="changeLocale">
-        <a-radio-button key="en" :value="enUS">English</a-radio-button>
-        <a-radio-button key="cn" :value="zhCN">中文</a-radio-button>
+        <a-radio-button key="en" :value="enUS">
+          English
+        </a-radio-button>
+        <a-radio-button key="cn" :value="zhCN">
+          中文
+        </a-radio-button>
       </a-radio-group>
       <div>
-        <h4>
-          v-model:
-          <input v-model="color" type="text" />
-        </h4>
+        <h4>v-model: <input v-model="color" type="text" /></h4>
         <a-color-picker v-model="color" style="width:130px" @show="changeHandler" />
       </div>
       <div>
@@ -33,26 +34,36 @@
         <h4>多种尺寸</h4>
         <a-color-picker size="large" />
       </div>
-      <div>
-        <a-color-picker size="small" />
-      </div>
+      <div><a-color-picker size="small" /></div>
       <div>
         <h4>切换禁用</h4>
         <a-color-picker :disabled="disabled" />
       </div>
       <div>
-        <button @click="disabled = !disabled">切换</button>
+        <button @click="disabled = !disabled">
+          切换
+        </button>
       </div>
       <div>
         <h4>切换格式 [color:{{ color2 }}]</h4>
         <a-color-picker v-model="color2" :locale="zhCN" :format="format" />
       </div>
       <div>
-        <button @click="format = 'HEX'">HEX</button>
-        <button @click="format = 'RGBA'">RGBA</button>
-        <button @click="format = 'HSVA'">HSVA</button>
-        <button @click="format = 'HSLA'">HSLA</button>
-        <button @click="format = 'CMYK'">CMYK</button>
+        <button @click="format = 'HEX'">
+          HEX
+        </button>
+        <button @click="format = 'RGBA'">
+          RGBA
+        </button>
+        <button @click="format = 'HSVA'">
+          HSVA
+        </button>
+        <button @click="format = 'HSLA'">
+          HSLA
+        </button>
+        <button @click="format = 'CMYK'">
+          CMYK
+        </button>
       </div>
     </div>
   </a-config-provider>
@@ -113,8 +124,6 @@ export default {
           },
         },
       },
-      input: '',
-      number: 10,
     };
   },
   methods: {

From 006c7b13a18f23083dffe0c22fbd841e661c9eb7 Mon Sep 17 00:00:00 2001
From: baojie <baojie223@qq.com>
Date: Fri, 17 Jul 2020 16:09:30 +0800
Subject: [PATCH 4/5] =?UTF-8?q?fix:=20=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit


From 273711854f9e194ec61dc4746d039f6613b7ad27 Mon Sep 17 00:00:00 2001
From: baojie <baojie223@qq.com>
Date: Fri, 17 Jul 2020 16:10:51 +0800
Subject: [PATCH 5/5] =?UTF-8?q?fix:=20=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit