fix: vueComponent#2516

Author: baojie

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', () => {

components/input/inputProps.js

@@ -30,7 +30,6 @@ export default {
     default: true,
     type: Boolean,
   },
-  maxLength: PropTypes.number,
   loading: PropTypes.bool,
   className: PropTypes.string,
 };

examples/App.vue

@@ -1,68 +1,22 @@
 <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>
 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);
     },