@bytenew/bn-applet-ui 1.1.28 → 1.1.30

package/dist/bn-applet-ui.umd.js

@@ -11,7 +11,7 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 4552
+/***/ 7515
 (module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -230,7 +230,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `*[data-v-a5f24f64]{box-sizing:border-b
 
 /***/ },
 
-/***/ 5265
+/***/ 8868
 (module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -250,7 +250,7 @@ __webpack_require__.r(__webpack_exports__);
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 ___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_clonedRuleSet_64_use_1_node_modules_vue_vue_loader_v15_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_64_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_64_use_3_font_iconfont_css__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.bnDrop-select[data-v-13f9f2c9]{display:inline-block;position:relative;max-width:100%;min-width:110px;height:32px;line-height:32px;padding-right:28px;padding-left:12px;font-size:14px;color:rgba(0,0,0,.85);border:1px solid rgba(0,0,0,.15);border-radius:2px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnDrop-select-clear[data-v-13f9f2c9]{background:#fff;display:none;position:absolute;font-size:14px;right:8px;color:#888;cursor:pointer}.bnDrop-select-down[data-v-13f9f2c9]{position:absolute;font-size:12px;right:8px;color:#888}.bnDrop-select-down[data-v-13f9f2c9] .el-loading-mask .el-loading-spinner{padding-top:6px}.bnDrop-select-down[data-v-13f9f2c9] .el-loading-mask .circular{width:17px;height:17px}.bnDrop-select.disabled[data-v-13f9f2c9]{color:rgba(0,0,0,.25);background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.15)!important;cursor:not-allowed}.bnDrop-select.disabled .bnDrop-select-clear[data-v-13f9f2c9]{display:none!important}.bnDrop-select[data-v-13f9f2c9]:hover{border-color:#1890ff}.bnDrop-select:hover .bnDrop-select-clear[data-v-13f9f2c9]{z-index:1;display:inline-block}.bnDrop-select.simple[data-v-13f9f2c9]{padding-left:0;color:#1890ff;border:1px solid transparent!important}.bnDrop-select.simple.disabled[data-v-13f9f2c9]{color:rgba(24,144,255,.35);background:none}.bnDrop-placeholder[data-v-13f9f2c9]{color:rgba(0,0,0,.25)}.bnDrop-body[data-v-13f9f2c9]{position:relative}.bnDrop-body-input[data-v-13f9f2c9]{padding:8px}.bnDrop-body-input[data-v-13f9f2c9] .el-input__inner{border-radius:0}.bnDrop-body-list[data-v-13f9f2c9]{position:relative;width:100%;background:#fff;min-height:68px;max-height:260px;overflow-y:auto}.bnDrop-body-list-item[data-v-13f9f2c9]{position:relative;height:36px;font-size:14px;padding:0 10px;color:rgba(0,0,0,.85);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnDrop-body-list-item.disabled[data-v-13f9f2c9]{color:rgba(0,0,0,.25);background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.15)!important;cursor:not-allowed}.bnDrop-body-list-item[data-v-13f9f2c9]:hover{color:#2783f2;background-color:rgba(0,0,0,.04)}.bnDrop-body-list-empty[data-v-13f9f2c9]{height:48px;line-height:48px;text-align:center;font-size:12px;color:#999}.bnDrop-body-footer[data-v-13f9f2c9]{width:100%;overflow:hidden}.bnDrop-body-footer[data-v-13f9f2c9] .bnCheck{width:100%;max-width:100%}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.bnDrop-select[data-v-830beb80]{display:inline-block;position:relative;max-width:100%;min-width:110px;height:32px;line-height:32px;padding-right:28px;padding-left:12px;font-size:14px;color:rgba(0,0,0,.85);border:1px solid rgba(0,0,0,.15);border-radius:2px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnDrop-select-clear[data-v-830beb80]{background:#fff;display:none;position:absolute;font-size:14px;right:8px;color:#888;cursor:pointer}.bnDrop-select-down[data-v-830beb80]{position:absolute;font-size:12px;right:8px;color:#888}.bnDrop-select-down[data-v-830beb80] .el-loading-mask .el-loading-spinner{padding-top:6px}.bnDrop-select-down[data-v-830beb80] .el-loading-mask .circular{width:17px;height:17px}.bnDrop-select.disabled[data-v-830beb80]{color:rgba(0,0,0,.25);background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.15)!important;cursor:not-allowed}.bnDrop-select.disabled .bnDrop-select-clear[data-v-830beb80]{display:none!important}.bnDrop-select[data-v-830beb80]:hover{border-color:#1890ff}.bnDrop-select:hover .bnDrop-select-clear[data-v-830beb80]{z-index:1;display:inline-block}.bnDrop-select.simple[data-v-830beb80]{padding-left:0;color:#1890ff;border:1px solid transparent!important}.bnDrop-select.simple.disabled[data-v-830beb80]{color:rgba(24,144,255,.35);background:none}.bnDrop-select.is-multiple-tags[data-v-830beb80]{display:inline-flex;align-items:center;height:auto;min-height:32px;line-height:normal;padding-top:1px;padding-bottom:1px;white-space:normal;overflow:visible}.bnDrop-tags[data-v-830beb80]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:2px 0;flex:1;min-width:0}.bnDrop-tag[data-v-830beb80]{display:inline-flex;align-items:center;max-width:100%;height:24px;padding:0 8px;font-size:12px;color:#909399;background:#f0f2f5;border-radius:4px;box-sizing:border-box}.bnDrop-tag--collapse[data-v-830beb80]{cursor:default}.bnDrop-tag-text[data-v-830beb80]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bnDrop-tag-close[data-v-830beb80]{margin-left:4px;font-size:12px;color:#909399;cursor:pointer;border-radius:50%;flex-shrink:0}.bnDrop-tag-close[data-v-830beb80]:hover{color:#409eff;background:#ecf5ff}.bnDrop-collapse-tooltip[data-v-830beb80]{max-width:280px;line-height:1.6}.bnDrop-placeholder[data-v-830beb80]{color:rgba(0,0,0,.25)}.bnDrop-body[data-v-830beb80]{position:relative}.bnDrop-body-input[data-v-830beb80]{padding:8px}.bnDrop-body-input[data-v-830beb80] .el-input__inner{border-radius:0}.bnDrop-body-list[data-v-830beb80]{position:relative;width:100%;background:#fff;min-height:68px;max-height:260px;overflow-y:auto}.bnDrop-body-list-item[data-v-830beb80]{position:relative;height:36px;font-size:14px;padding:0 10px;color:rgba(0,0,0,.85);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnDrop-body-list-item.disabled[data-v-830beb80]{color:rgba(0,0,0,.25);background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.15)!important;cursor:not-allowed}.bnDrop-body-list-item[data-v-830beb80]:hover{color:#2783f2;background-color:rgba(0,0,0,.04)}.bnDrop-body-list-empty[data-v-830beb80]{height:48px;line-height:48px;text-align:center;font-size:12px;color:#999}.bnDrop-body-footer[data-v-830beb80]{width:100%;overflow:hidden}.bnDrop-body-footer[data-v-830beb80] .bnCheck{width:100%;max-width:100%}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -819,19 +819,19 @@ module.exports = function (i) {
 
 /***/ },
 
-/***/ 3465
+/***/ 1330
 (module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(4552);
+var content = __webpack_require__(7515);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("7b8ee08f", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("4233f664", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ },
 
@@ -963,19 +963,19 @@ var update = add("3698972a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ },
 
-/***/ 9117
+/***/ 7448
 (module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(5265);
+var content = __webpack_require__(8868);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("a67ff2f6", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("8d645a60", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ },
 
@@ -11823,8 +11823,8 @@ var dialog_component = normalizeComponent(
 )
 
 /* harmony default export */ const dialog = (dialog_component.exports);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/BnDrop/BnDrop.vue?vue&type=template&id=13f9f2c9&scoped=true
-var BnDropvue_type_template_id_13f9f2c9_scoped_true_render = function render() {
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/BnDrop/BnDrop.vue?vue&type=template&id=830beb80&scoped=true
+var BnDropvue_type_template_id_830beb80_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-popover', {
@@ -11842,41 +11842,78 @@ var BnDropvue_type_template_id_13f9f2c9_scoped_true_render = function render() {
     scopedSlots: _vm._u([{
       key: "reference",
       fn: function fn() {
-        return [_vm._t("default", function () {
-          return [_c('div', {
-            staticClass: "bnDrop-select",
-            "class": {
-              'simple': !_vm.border,
-              'disabled': _vm.disabled
-            }
-          }, [_vm.multiple && _vm.modelValue.length == 0 || !_vm.multiple && (!_vm.labelInValue && _vm.modelValue === '' || _vm.labelInValue && !_vm.modelValue[_vm.optionProps.value]) ? _c('span', {
-            staticClass: "bnDrop-placeholder"
-          }, [_vm._v(" " + _vm._s(_vm.placeholder) + " ")]) : _c('span', [!_vm.multiple ? _c('span', {
-            attrs: {
-              "title": _vm.singleTitle
-            }
-          }, [_vm._v(_vm._s(_vm.singleTitle))]) : _c('span', {
+        return [_vm.$slots["default"] ? _vm._t("default") : _c('div', {
+          staticClass: "bnDrop-select",
+          "class": {
+            'simple': !_vm.border,
+            'disabled': _vm.disabled,
+            'is-multiple-tags': _vm.multiple && _vm.collapseTags && _vm.val.length > 0
+          }
+        }, [_vm.multiple && _vm.val.length == 0 || !_vm.multiple && (!_vm.labelInValue && _vm.val === '' || _vm.labelInValue && !_vm.val[_vm.optionProps.value]) ? _c('span', {
+          staticClass: "bnDrop-placeholder"
+        }, [_vm._v(" " + _vm._s(_vm.placeholder) + " ")]) : [!_vm.multiple ? _c('span', {
+          attrs: {
+            "title": _vm.singleTitle
+          }
+        }, [_vm._v(_vm._s(_vm.singleTitle))]) : _vm.collapseTags ? _c('div', {
+          staticClass: "bnDrop-tags"
+        }, [_vm._l(_vm.visibleTags, function (tag) {
+          return _c('span', {
+            key: tag.index,
+            staticClass: "bnDrop-tag"
+          }, [_c('span', {
+            staticClass: "bnDrop-tag-text",
             attrs: {
-              "title": _vm.multipleTitle
+              "title": tag.label
             }
-          }, [_vm._v(" " + _vm._s(_vm.multipleTitle) + " ")]), _vm.clearable ? _c('span', {
-            staticClass: "bnUIcon bnUIcon-clear bnDrop-select-clear",
+          }, [_vm._v(_vm._s(tag.label))]), !_vm.disabled ? _c('span', {
+            staticClass: "bnDrop-tag-close bnUIcon bnUIcon-close",
             on: {
               "click": function click($event) {
                 $event.stopPropagation();
-                return _vm.clear.apply(null, arguments);
+                return _vm.removeTag(tag.index);
               }
             }
-          }) : _vm._e()]), _c('span', {
-            directives: [{
-              name: "loading",
-              rawName: "v-loading",
-              value: _vm.loading,
-              expression: "loading"
-            }],
-            staticClass: "bnUIcon bnUIcon-down bnDrop-select-down"
-          })])];
-        })];
+          }) : _vm._e()]);
+        }), _vm.collapsedCount > 0 ? _c('el-tooltip', {
+          attrs: {
+            "disabled": !_vm.collapseTagsTooltip,
+            "effect": "dark",
+            "placement": "top"
+          }
+        }, [_c('div', {
+          staticClass: "bnDrop-collapse-tooltip",
+          attrs: {
+            "slot": "content"
+          },
+          slot: "content"
+        }, _vm._l(_vm.collapsedTags, function (tag) {
+          return _c('div', {
+            key: tag.index
+          }, [_vm._v(_vm._s(tag.label))]);
+        }), 0), _c('span', {
+          staticClass: "bnDrop-tag bnDrop-tag--collapse"
+        }, [_vm._v("+ " + _vm._s(_vm.collapsedCount))])]) : _vm._e()], 2) : _c('span', {
+          attrs: {
+            "title": _vm.multipleTitle
+          }
+        }, [_vm._v(_vm._s(_vm.multipleTitle))]), _vm.clearable ? _c('span', {
+          staticClass: "bnUIcon bnUIcon-clear bnDrop-select-clear",
+          on: {
+            "click": function click($event) {
+              $event.stopPropagation();
+              return _vm.clear.apply(null, arguments);
+            }
+          }
+        }) : _vm._e()], _c('span', {
+          directives: [{
+            name: "loading",
+            rawName: "v-loading",
+            value: _vm.loading,
+            expression: "loading"
+          }],
+          staticClass: "bnUIcon bnUIcon-down bnDrop-select-down"
+        })], 2)];
       },
       proxy: true
     }], null, true),
@@ -11975,7 +12012,7 @@ var BnDropvue_type_template_id_13f9f2c9_scoped_true_render = function render() {
     staticClass: "w-margin-left4"
   }, [_vm._v(_vm._s(_vm.val.length == 0 ? '全选' : "\u5DF2\u9009".concat(_vm.val.length - _vm.fixedFrontOptions.length, "\u9879")))]), _c('span', {}, [_vm._v("已加载" + _vm._s(_vm.optionList.length) + "/" + _vm._s(_vm.total) + "项")])])])], 1) : _vm._e(), _vm._t("dropdown-bottom")], 2)]);
 };
-var BnDropvue_type_template_id_13f9f2c9_scoped_true_staticRenderFns = [];
+var BnDropvue_type_template_id_830beb80_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.every.js
 var es_array_every = __webpack_require__(8431);
@@ -12163,6 +12200,10 @@ function _toConsumableArray(r) {
 
 /* harmony default export */ const BnDropvue_type_script_lang_js = ({
   name: "BnDrop",
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
   props: {
     //最终选中的value
     modelValue: {
@@ -12192,10 +12233,6 @@ function _toConsumableArray(r) {
         };
       }
     },
-    // 数据结构
-    valueProps: {
-      type: Array
-    },
     // 位置
     placement: {
       type: String,
@@ -12247,6 +12284,18 @@ function _toConsumableArray(r) {
     },
     // 是否多选
     multiple: Boolean,
+    // 多选 tag 是否折叠超出部分（对齐 Element UI collapse-tags）
+    collapseTags: Boolean,
+    // 折叠 tag 的 +N 是否启用 tooltip 展示全部
+    collapseTagsTooltip: {
+      type: Boolean,
+      "default": true
+    },
+    // collapseTags 为 true 时，收起时默认展示几个 tag
+    maxCollapseTags: {
+      type: Number,
+      "default": 1
+    },
     // 单选模式 是否允许取消选中
     canUncheck: {
       type: Boolean,
@@ -12272,6 +12321,10 @@ function _toConsumableArray(r) {
       type: Boolean,
       "default": true
     },
+    // 数据结构,当labelInValue=true时，返回的对象中都需要那些字段。不传就返回全部
+    valueProps: {
+      type: Array
+    },
     // 不绑定v-model，仅在点击的时候回传点击事件
     noValue: {
       type: Boolean,
@@ -12339,8 +12392,8 @@ function _toConsumableArray(r) {
     }
   },
   methods: {
-    /**
-     * 初始化远程数据
+    /**
+     * 初始化远程数据
      * */
     initRemote: function initRemote() {
       if (this.pathUrl) {
@@ -12349,8 +12402,8 @@ function _toConsumableArray(r) {
         this.loadOptions();
       }
     },
-    /**
-     * 下拉框打开关闭
+    /**
+     * 下拉框打开关闭
      * */
     open: function open() {
       // 打开弹框时
@@ -12362,8 +12415,8 @@ function _toConsumableArray(r) {
         this.initRemote();
       }
     },
-    /**
-     * 清空value
+    /**
+     * 清空value
      * */
     clear: function clear() {
       if (this.multiple) {
@@ -12372,8 +12425,8 @@ function _toConsumableArray(r) {
         this.val = this.labelInValue ? {} : '';
       }
     },
-    /**
-     * 滚动加载
+    /**
+     * 滚动加载
      * */
     scrollMore: (0,external_lodash_.debounce)(function () {
       if (this.optionList.length < this.total && !this.loading) {
@@ -12390,9 +12443,9 @@ function _toConsumableArray(r) {
         }
       }
     }, 400),
-    /**
-     * 快速搜索选项
-     * @param {String} val 搜索的值
+    /**
+     * 快速搜索选项
+     * @param {String} val 搜索的值
      */
     filterMethod: (0,external_lodash_.debounce)(function (val) {
       this.queryValue = val;
@@ -12402,8 +12455,8 @@ function _toConsumableArray(r) {
         this.loadOptions();
       }
     }, 400),
-    /**
-     * 多选时判断全部选中
+    /**
+     * 多选时判断全部选中
      * */
     isCheckedAll: function isCheckedAll() {
       var _this = this;
@@ -12436,8 +12489,8 @@ function _toConsumableArray(r) {
         return valSet.has(item);
       });
     },
-    /**
-     * 全选/取消全选
+    /**
+     * 全选/取消全选
      * */
     checkAll: function checkAll() {
       var _this2 = this;
@@ -12465,9 +12518,9 @@ function _toConsumableArray(r) {
       }
       this.$emit('change', value, isAllChecked);
     },
-    /**
-     * 多选判断是否选中 选中返回true，未选中返回false
-     * @param {Object} item 选项的对象数据
+    /**
+     * 多选判断是否选中 选中返回true，未选中返回false
+     * @param {Object} item 选项的对象数据
      * */
     isChecked: function isChecked(_ref) {
       var _this3 = this;
@@ -12482,9 +12535,9 @@ function _toConsumableArray(r) {
       }
       return check;
     },
-    /**
-     * 单选判断是否选中 选中返回true，未选中返回false
-     * @param {Object} item 选项的对象数据
+    /**
+     * 单选判断是否选中 选中返回true，未选中返回false
+     * @param {Object} item 选项的对象数据
      * */
     isChoose: function isChoose(item) {
       var check = false;
@@ -12496,9 +12549,9 @@ function _toConsumableArray(r) {
       }
       return check;
     },
-    /**
-     * 点击下拉菜单中的某一项，选中或取消选中
-     * @param {Object} item 选项的对象数据
+    /**
+     * 点击下拉菜单中的某一项，选中或取消选中
+     * @param {Object} item 选项的对象数据
      * */
     chooseItem: function chooseItem(item) {
       var value = this.val;
@@ -12561,8 +12614,8 @@ function _toConsumableArray(r) {
       }
       this.$emit('change', value);
     },
-    /**
-     * 远程加载options
+    /**
+     * 远程加载options
      * */
     loadOptions: function loadOptions(post) {
       var _this4 = this;
@@ -12605,15 +12658,15 @@ function _toConsumableArray(r) {
         }
       });
     },
-    /**
-     * 前端手动分页
+    /**
+     * 前端手动分页
      * */
     catchPage: function catchPage(page) {
       this.pageData.pageNum = page || this.pageData.pageNum;
       return this.options.slice((this.pageData.pageNum - 1) * this.pageData.pageSize, this.pageData.pageNum * this.pageData.pageSize);
     },
-    /**
-     * 如果value是对象，然会value的时候把对象组装好再返回。
+    /**
+     * 如果value是对象，然会value的时候把对象组装好再返回。
      * */
     getValObj: function getValObj(val) {
       if (this.valueProps) {
@@ -12626,10 +12679,10 @@ function _toConsumableArray(r) {
         return val;
       }
     },
-    /**
-     * 从一个数组中通过id找到名字，并返回给调用者
-     * @param {Array} list 数组
-     * @param {String} id 需要匹配的id
+    /**
+     * 从一个数组中通过id找到名字，并返回给调用者
+     * @param {Array} list 数组
+     * @param {String} id 需要匹配的id
      * */
     foundTitle: function foundTitle(list, id) {
       var title = '';
@@ -12641,11 +12694,11 @@ function _toConsumableArray(r) {
       }
       return title;
     },
-    /**
-     * 从一个数组中通过id和ids数组的匹配找到标题，并返回给调用者
-     * @param {Array} list 数组
-     * @param {String} ids 需要匹配的id数组[1,2,3]
-     * @return {Array} values 返回所有匹配项组成的数组
+    /**
+     * 从一个数组中通过id和ids数组的匹配找到标题，并返回给调用者
+     * @param {Array} list 数组
+     * @param {String} ids 需要匹配的id数组[1,2,3]
+     * @return {Array} values 返回所有匹配项组成的数组
      * */
     foundValue: function foundValue(list, ids) {
       var value = [];
@@ -12656,11 +12709,19 @@ function _toConsumableArray(r) {
       }
       return value;
     },
-    /**
-     * 手动关闭
+    /**
+     * 手动关闭
      * */
     close: function close() {
       this.popoverVisible = false;
+    },
+    /** 删除多选 tag */removeTag: function removeTag(index) {
+      if (this.disabled || !this.multiple || !Array.isArray(this.val)) {
+        return;
+      }
+      var next = _toConsumableArray(this.val);
+      next.splice(index, 1);
+      this.val = next;
     }
   },
   computed: {
@@ -12734,39 +12795,68 @@ function _toConsumableArray(r) {
     singleTitle: function singleTitle() {
       var title = '';
       if (this.labelInValue) {
-        title = this.modelValue[this.optionProps.label];
+        title = this.val[this.optionProps.label];
       } else {
-        title = this.foundTitle(this.options, this.modelValue) || this.modelValue;
+        title = this.foundTitle(this.options, this.val) || this.val;
       }
       return title;
     },
-    //  多选时的value值
-    multipleTitle: function multipleTitle() {
+    //  多选时的 tag 列表
+    multipleTags: function multipleTags() {
       var _this7 = this;
-      var values = [];
+      var value = this.val;
+      if (!Array.isArray(value) || !value.length) {
+        return [];
+      }
       if (this.labelInValue) {
-        values = this.modelValue.map(function (v) {
-          return v[_this7.optionProps.label];
+        return value.map(function (v, index) {
+          return {
+            index: index,
+            label: v[_this7.optionProps.label] || ''
+          };
         });
-      } else {
-        var data = this.foundValue(this.options, this.modelValue);
-        if (data.length) {
-          values = [].concat(_toConsumableArray(values), _toConsumableArray(data));
-        }
       }
-      return values.join(',');
+      return value.map(function (id, index) {
+        return {
+          index: index,
+          label: _this7.foundTitle(_this7.options, id) || id
+        };
+      });
+    },
+    //  多选时的 value 展示文本
+    multipleTitle: function multipleTitle() {
+      return this.multipleTags.map(function (tag) {
+        return tag.label;
+      }).join(',');
+    },
+    // 多选 collapseTags 模式下可见 tag
+    visibleTags: function visibleTags() {
+      if (!this.collapseTags || this.multipleTags.length <= this.maxCollapseTags) {
+        return this.multipleTags;
+      }
+      return this.multipleTags.slice(0, this.maxCollapseTags);
+    },
+    // 多选 collapseTags 模式下被折叠的 tag
+    collapsedTags: function collapsedTags() {
+      if (!this.collapseTags || this.multipleTags.length <= this.maxCollapseTags) {
+        return [];
+      }
+      return this.multipleTags.slice(this.maxCollapseTags);
+    },
+    collapsedCount: function collapsedCount() {
+      return this.collapsedTags.length;
     }
   }
 });
 ;// ./packages/BnDrop/BnDrop.vue?vue&type=script&lang=js
  /* harmony default export */ const BnDrop_BnDropvue_type_script_lang_js = (BnDropvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/BnDrop/BnDrop.vue?vue&type=style&index=0&id=13f9f2c9&prod&lang=css
-var BnDropvue_type_style_index_0_id_13f9f2c9_prod_lang_css = __webpack_require__(3465);
-;// ./packages/BnDrop/BnDrop.vue?vue&type=style&index=0&id=13f9f2c9&prod&lang=css
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/BnDrop/BnDrop.vue?vue&type=style&index=0&id=830beb80&prod&lang=css
+var BnDropvue_type_style_index_0_id_830beb80_prod_lang_css = __webpack_require__(1330);
+;// ./packages/BnDrop/BnDrop.vue?vue&type=style&index=0&id=830beb80&prod&lang=css
 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/BnDrop/BnDrop.vue?vue&type=style&index=1&id=13f9f2c9&prod&scoped=true&lang=scss
-var BnDropvue_type_style_index_1_id_13f9f2c9_prod_scoped_true_lang_scss = __webpack_require__(9117);
-;// ./packages/BnDrop/BnDrop.vue?vue&type=style&index=1&id=13f9f2c9&prod&scoped=true&lang=scss
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/BnDrop/BnDrop.vue?vue&type=style&index=1&id=830beb80&prod&scoped=true&lang=scss
+var BnDropvue_type_style_index_1_id_830beb80_prod_scoped_true_lang_scss = __webpack_require__(7448);
+;// ./packages/BnDrop/BnDrop.vue?vue&type=style&index=1&id=830beb80&prod&scoped=true&lang=scss
 
 ;// ./packages/BnDrop/BnDrop.vue
 
@@ -12780,11 +12870,11 @@ var BnDropvue_type_style_index_1_id_13f9f2c9_prod_scoped_true_lang_scss = __webp
 
 var BnDrop_component = normalizeComponent(
   BnDrop_BnDropvue_type_script_lang_js,
-  BnDropvue_type_template_id_13f9f2c9_scoped_true_render,
-  BnDropvue_type_template_id_13f9f2c9_scoped_true_staticRenderFns,
+  BnDropvue_type_template_id_830beb80_scoped_true_render,
+  BnDropvue_type_template_id_830beb80_scoped_true_staticRenderFns,
   false,
   null,
-  "13f9f2c9",
+  "830beb80",
   null
   
 )