eoss-ui 0.8.44 → 0.8.46

package/lib/selector.js

@@ -4689,7 +4689,7 @@ module.exports = require("json-bigint");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// 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&
+// 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 render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -4794,35 +4794,59 @@ var 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(),
                     ],
@@ -4903,7 +4927,7 @@ var staticRenderFns = []
 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: ./src/utils/util.js + 1 modules
 var util = __webpack_require__(0);
@@ -5016,6 +5040,13 @@ var external_throttle_debounce_ = __webpack_require__(13);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -5237,6 +5268,21 @@ var external_throttle_debounce_ = __webpack_require__(13);
       } 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: {
@@ -5479,7 +5525,6 @@ var external_throttle_debounce_ = __webpack_require__(13);
     resetInputHeight: function resetInputHeight() {
       var _this4 = this;
 
-      if (this.collapseTags) return;
       this.$nextTick(function () {
         if (!_this4.$refs.reference) return;
         var sizeInMap = _this4.inputHeight;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eoss-ui",
-  "version": "0.8.44",
+  "version": "0.8.46",
   "description": "eoss内部业务组件",
   "main": "lib/eoss-ui.common.js",
   "files": [

package/packages/flow/src/selectUser.vue

@@ -140,7 +140,7 @@ export default {
     },
     selectorTags: {
       type: [Number, undefined],
-      default: 2
+      default: 10
     },
     isCustomUser: { type: Number, default: 1 },
     isCurrentNodeForbiddenChangeCandidate: { type: Number, default: 0 },

package/packages/selector/src/main.vue

@@ -46,7 +46,7 @@
           :class="{ 'is-edit': !isReadonly, 'is-show': selected.length }"
         >
           <el-tag
-            v-for="(item, index) in selected"
+            v-for="(item, index) in visibleTags"
             :key="getValueKey(item)"
             :closable="
               !selectorDisabled && !isReadonly && selected.length > min
@@ -57,6 +57,13 @@
           >
             <span class="el-select__tags-text">{{ getLabel(item) }}</span>
           </el-tag>
+          <el-tag
+            v-if="hiddenTagCount > 0"
+            type="info"
+            disable-transitions
+          >
+            <span class="el-select__tags-text">+{{ hiddenTagCount }}</span>
+          </el-tag>
         </div>
       </template>
     </template>
@@ -315,6 +322,21 @@ export default {
       } else {
         return this.placeholder;
       }
+    },
+    collapseLimit() {
+      if (!this.collapseTags) return 0;
+      if (typeof this.collapseTags === 'number' && this.collapseTags > 0) {
+        return this.collapseTags;
+      }
+      return 1;
+    },
+    visibleTags() {
+      if (!this.collapseLimit) return this.selected;
+      return this.selected.slice(0, this.collapseLimit);
+    },
+    hiddenTagCount() {
+      if (!this.collapseLimit) return 0;
+      return Math.max(0, this.selected.length - this.collapseLimit);
     }
   },
   watch: {
@@ -577,7 +599,6 @@ export default {
       this.selected.length > this.min && this.selected.splice(index, 1);
     },
     resetInputHeight() {
-      if (this.collapseTags) return;
       this.$nextTick(() => {
         if (!this.$refs.reference) return;
         const sizeInMap = this.inputHeight;

package/src/index.js

@@ -127,7 +127,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '0.8.44',
+  version: '0.8.46',
   install,
   Archives,
   Button,