eoss-ui 0.8.44 → 0.8.45

package/lib/eoss-ui.common.js

@@ -97127,8 +97127,8 @@ select_ganged_src_main.install = function (Vue) {
 };
 
 /* harmony default export */ var select_ganged = (select_ganged_src_main);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/selector/src/main.vue?vue&type=template&id=060f91c3&
-var mainvue_type_template_id_060f91c3_render = function () {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/selector/src/main.vue?vue&type=template&id=51d4790e&
+var mainvue_type_template_id_51d4790e_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -97232,35 +97232,59 @@ var mainvue_type_template_id_060f91c3_render = function () {
                                 "is-show": _vm.selected.length,
                               },
                             },
-                            _vm._l(_vm.selected, function (item, index) {
-                              return _c(
-                                "el-tag",
-                                {
-                                  key: _vm.getValueKey(item),
-                                  attrs: {
-                                    closable:
-                                      !_vm.selectorDisabled &&
-                                      !_vm.isReadonly &&
-                                      _vm.selected.length > _vm.min,
-                                    type: "info",
-                                    "disable-transitions": "",
-                                  },
-                                  on: {
-                                    close: function ($event) {
-                                      _vm.deleteTag($event, item, index)
+                            [
+                              _vm._l(_vm.visibleTags, function (item, index) {
+                                return _c(
+                                  "el-tag",
+                                  {
+                                    key: _vm.getValueKey(item),
+                                    attrs: {
+                                      closable:
+                                        !_vm.selectorDisabled &&
+                                        !_vm.isReadonly &&
+                                        _vm.selected.length > _vm.min,
+                                      type: "info",
+                                      "disable-transitions": "",
+                                    },
+                                    on: {
+                                      close: function ($event) {
+                                        _vm.deleteTag($event, item, index)
+                                      },
                                     },
                                   },
-                                },
-                                [
-                                  _c(
-                                    "span",
-                                    { staticClass: "el-select__tags-text" },
-                                    [_vm._v(_vm._s(_vm.getLabel(item)))]
-                                  ),
-                                ]
-                              )
-                            }),
-                            1
+                                  [
+                                    _c(
+                                      "span",
+                                      { staticClass: "el-select__tags-text" },
+                                      [_vm._v(_vm._s(_vm.getLabel(item)))]
+                                    ),
+                                  ]
+                                )
+                              }),
+                              _vm.hiddenTagCount > 0
+                                ? _c(
+                                    "el-tag",
+                                    {
+                                      attrs: {
+                                        type: "info",
+                                        "disable-transitions": "",
+                                      },
+                                    },
+                                    [
+                                      _c(
+                                        "span",
+                                        { staticClass: "el-select__tags-text" },
+                                        [
+                                          _vm._v(
+                                            "+" + _vm._s(_vm.hiddenTagCount)
+                                          ),
+                                        ]
+                                      ),
+                                    ]
+                                  )
+                                : _vm._e(),
+                            ],
+                            2
                           )
                         : _vm._e(),
                     ],
@@ -97337,11 +97361,11 @@ var mainvue_type_template_id_060f91c3_render = function () {
       )
     : _vm._e()
 }
-var mainvue_type_template_id_060f91c3_staticRenderFns = []
-mainvue_type_template_id_060f91c3_render._withStripped = true
+var mainvue_type_template_id_51d4790e_staticRenderFns = []
+mainvue_type_template_id_51d4790e_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/selector/src/main.vue?vue&type=template&id=060f91c3&
+// CONCATENATED MODULE: ./packages/selector/src/main.vue?vue&type=template&id=51d4790e&
 
 // EXTERNAL MODULE: external "eoss-element/src/utils/clickoutside"
 var clickoutside_ = __webpack_require__(17);
@@ -97445,6 +97469,13 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -97666,6 +97697,21 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
       } else {
         return this.placeholder;
       }
+    },
+    collapseLimit: function collapseLimit() {
+      if (!this.collapseTags) return 0;
+      if (typeof this.collapseTags === 'number' && this.collapseTags > 0) {
+        return this.collapseTags;
+      }
+      return 1;
+    },
+    visibleTags: function visibleTags() {
+      if (!this.collapseLimit) return this.selected;
+      return this.selected.slice(0, this.collapseLimit);
+    },
+    hiddenTagCount: function hiddenTagCount() {
+      if (!this.collapseLimit) return 0;
+      return Math.max(0, this.selected.length - this.collapseLimit);
     }
   },
   watch: {
@@ -97908,7 +97954,6 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
     resetInputHeight: function resetInputHeight() {
       var _this4 = this;
 
-      if (this.collapseTags) return;
       this.$nextTick(function () {
         if (!_this4.$refs.reference) return;
         var sizeInMap = _this4.inputHeight;
@@ -97968,8 +98013,8 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
 
 var selector_src_main_component = normalizeComponent(
   packages_selector_src_mainvue_type_script_lang_js_,
-  mainvue_type_template_id_060f91c3_render,
-  mainvue_type_template_id_060f91c3_staticRenderFns,
+  mainvue_type_template_id_51d4790e_render,
+  mainvue_type_template_id_51d4790e_staticRenderFns,
   false,
   null,
   null,
@@ -112983,7 +113028,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 /* harmony default export */ var src_0 = __webpack_exports__["default"] = ({
-  version: '0.8.44',
+  version: '0.8.45',
   install: install,
   Archives: archives,
   Button: packages_button,