Merge pull request #109 from BingBlog/master

select add maxTagCount, maxTagPlaceholder

Author: zhengxkq

src/fields/fieldSelect.vue

@@ -13,6 +13,8 @@
             :loading="loading"
             :remote-method="remoteMethod"
             :prefix="field.prefix"
+            :max-tag-count="field.maxTagCount"
+            :max-tag-placeholder="field.maxTagPlaceholder"
             @on-change="handleChange"
         >
             <template v-for="item in computedOptions">
@@ -46,6 +48,8 @@
             :filterable="filterable || false"
             :loading="loading"
             :prefix="field.prefix"
+            :max-tag-count="field.maxTagCount"
+            :max-tag-placeholder="field.maxTagPlaceholder"
             @on-change="handleChange"
         >
             <template v-for="item in computedOptions">

website/code/doc/select.js

@@ -94,7 +94,11 @@ const multipleField = {
     model: 'city',
     multiple: true,
     options: '/selectApi',
-    defaultValueIndexes: [0, 1]
+    defaultValueIndexes: [0, 1],
+    maxTagCount: 2,
+    maxTagPlaceholder(number) {
+        return `+${number}...`;
+    }
     // options: [
     //     {label: '北京', 'value': 'Beijing'},
     //     {label: '上海', 'value': 'Shanghai'},
@@ -149,7 +153,11 @@ const filterableAndMultipleField = {
     filterable: true,
     multiple: true,
     options: '/selectApi',
-    extraOptions: '/selectExtraOptionsApi'
+    extraOptions: '/selectExtraOptionsApi',
+    maxTagCount: 2,
+    maxTagPlaceholder(number) {
+        return `+${number}...`;
+    }
     // extraOptions: [
     //     {
     //         label: '张三',

website/page/development/request-interceptor/index.vue

@@ -47,7 +47,7 @@
 import iArticle from '../../../components/article';
 import inAnchor from '../../../components/anchor';
 import iCode from '../../../components/code';
-import Demo from '../../../components/demo';
+import Demo from '../../../components/Demo';
 import Code from '../../../code/development/requestInterceptor';
 import axios from 'axios';
 
@@ -68,6 +68,7 @@ export default {
             const interceptor = {
                 reqHandle(conf) {
                     let {url, params, method} = conf;
+                    // eslint-disable-next-line no-undef
                     if (process.env.NODE_ENV === 'production') {
                         url = `website-data-api${url}.json`;
                     }
@@ -80,6 +81,7 @@ export default {
                             // product: 'your params',
                         }
                     };
+                    // eslint-disable-next-line no-console
                     console.log('postData', postData);
                     return postData;
                 },