front-ui-admin 1.1.13 → 1.1.16

package/front-ui-admin.common.js

@@ -14216,7 +14216,7 @@ input.install = function (Vue) {
         "click": this.handleClick
       }
     }, [this.$slots.default, this.closable && h("i", {
-      "class": "p-tag__close el-icon-close",
+      "class": "p-tag__close p-icon-close",
       "on": {
         "click": this.handleClose
       }
@@ -14258,8 +14258,8 @@ tag.install = function (Vue) {
   Vue.component(tag.name, tag);
 };
 /* harmony default export */ var p_tag = (tag);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75b11e11-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/package-admin/p-select/src/select.vue?vue&type=template&id=5cd02054
-var selectvue_type_template_id_5cd02054_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75b11e11-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/package-admin/p-select/src/select.vue?vue&type=template&id=39142a1a
+var selectvue_type_template_id_39142a1a_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -14284,7 +14284,34 @@ var selectvue_type_template_id_5cd02054_render = function render() {
       'max-width': _vm.inputWidth - 32 + 'px',
       width: '100%'
     }
-  }, [_vm.collapseTags && _vm.selected.length ? _c('span', [_c('p-tag', {
+  }, [_vm.adaptiveCollapse && _vm.selected.length ? [_c('transition-group', {
+    on: {
+      "after-leave": _vm.resetInputHeight
+    }
+  }, _vm._l(_vm.selected.slice(0, _vm.visibleTagCount), function (item) {
+    return _c('p-tag', {
+      key: _vm.getValueKey(item),
+      attrs: {
+        "closable": !_vm.selectDisabled,
+        "size": _vm.collapseTagSize,
+        "hit": item.hitState,
+        "type": "info",
+        "disable-transitions": ""
+      },
+      on: {
+        "close": function ($event) {
+          return _vm.deleteTag($event, item);
+        }
+      }
+    }, [_c('span', {
+      staticClass: "el-select__tags-text"
+    }, [_vm._v(_vm._s(item.currentLabel))])]);
+  }), 1), _vm.collapsedTagCount > 0 ? _c('div', {
+    staticClass: "p-tag p-tag--info",
+    class: [_vm.collapseTagSize ? `p-tag--${_vm.collapseTagSize}` : '']
+  }, [_c('span', {
+    staticClass: "el-select__tags-text"
+  }, [_vm._v("+ " + _vm._s(_vm.collapsedTagCount))])]) : _vm._e()] : _vm.collapseTags && _vm.selected.length ? _c('span', [_c('p-tag', {
     attrs: {
       "closable": !_vm.selectDisabled,
       "size": _vm.collapseTagSize,
@@ -14308,7 +14335,7 @@ var selectvue_type_template_id_5cd02054_render = function render() {
     }
   }, [_c('span', {
     staticClass: "el-select__tags-text"
-  }, [_vm._v("+ " + _vm._s(_vm.selected.length - 1))])]) : _vm._e()], 1) : _vm._e(), !_vm.collapseTags ? _c('transition-group', {
+  }, [_vm._v("+ " + _vm._s(_vm.selected.length - 1))])]) : _vm._e()], 1) : _vm._e(), !_vm.collapseTags && !_vm.adaptiveCollapse ? _c('transition-group', {
     on: {
       "after-leave": _vm.resetInputHeight
     }
@@ -14391,7 +14418,7 @@ var selectvue_type_template_id_5cd02054_render = function render() {
         _vm.query = $event.target.value;
       }, _vm.debouncedQueryChange]
     }
-  }) : _vm._e()], 1) : _vm._e(), _c('p-input', {
+  }) : _vm._e()], 2) : _vm._e(), _c('p-input', {
     ref: "reference",
     class: {
       'is-focus': _vm.visible
@@ -14515,9 +14542,9 @@ var selectvue_type_template_id_5cd02054_render = function render() {
     staticClass: "el-select-dropdown__empty"
   }, [_vm._v(" " + _vm._s(_vm.emptyText) + " ")])] : _vm._e()], 2)], 1)], 1);
 };
-var selectvue_type_template_id_5cd02054_staticRenderFns = [];
+var selectvue_type_template_id_39142a1a_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/package-admin/p-select/src/select.vue?vue&type=template&id=5cd02054
+// CONCATENATED MODULE: ./src/package-admin/p-select/src/select.vue?vue&type=template&id=39142a1a
 
 // CONCATENATED MODULE: ./src/mixins/focus.js
 /* harmony default export */ var mixins_focus = (function (ref) {
@@ -15031,6 +15058,10 @@ var es_iterator_every = __webpack_require__("d866");
       default: 'value'
     },
     collapseTags: Boolean,
+    adaptiveCollapse: {
+      type: Boolean,
+      default: false
+    },
     popperAppendToBody: {
       type: Boolean,
       default: true
@@ -15062,6 +15093,39 @@ var es_iterator_every = __webpack_require__("d866");
       isSilentBlur: false
     };
   },
+  computed: {
+    // 计算可见的 tag 数量（自适应模式）
+    visibleTagCount() {
+      if (!this.adaptiveCollapse || !this.selected || this.selected.length === 0) {
+        return this.selected ? this.selected.length : 0;
+      }
+
+      // 如果容器宽度还没有初始化，返回所有 tag
+      if (this.inputWidth <= 0) {
+        return this.selected.length;
+      }
+
+      // 简化计算：根据容器宽度估算可显示的 tag 数量
+      const containerWidth = Math.max(100, this.inputWidth - 50); // 减去箭头等元素的宽度
+      const avgTagWidth = 80; // 平均每个 tag 的宽度
+      const collapseTagWidth = 50; // 折叠标签的宽度
+
+      // 计算可显示的 tag 数量
+      const availableWidth = containerWidth - collapseTagWidth;
+      const maxVisibleTags = Math.floor(availableWidth / avgTagWidth);
+
+      // 确保至少显示 1 个 tag，最多显示所有 tag
+      const visibleCount = Math.max(1, Math.min(maxVisibleTags, this.selected.length));
+      return visibleCount;
+    },
+    // 计算折叠的 tag 数量
+    collapsedTagCount() {
+      if (!this.adaptiveCollapse) {
+        return this.collapseTags && this.selected ? this.selected.length - 1 : 0;
+      }
+      return this.selected ? Math.max(0, this.selected.length - this.visibleTagCount) : 0;
+    }
+  },
   watch: {
     selectDisabled() {
       this.$nextTick(() => {
@@ -15340,7 +15404,7 @@ var es_iterator_every = __webpack_require__("d866");
       this.resetInputHeight();
     },
     resetInputHeight() {
-      if (this.collapseTags && !this.filterable) return;
+      if (this.collapseTags && !this.filterable && !this.adaptiveCollapse) return;
       this.$nextTick(() => {
         if (!this.$refs.reference) return;
         let inputChildNodes = this.$refs.reference.$el.childNodes;
@@ -15354,6 +15418,14 @@ var es_iterator_every = __webpack_require__("d866");
         }
       });
     },
+    // 重新计算可见的 tag 数量（自适应模式）
+    recalculateVisibleTags() {
+      if (!this.adaptiveCollapse) return;
+      this.$nextTick(() => {
+        // 强制重新计算计算属性
+        this.$forceUpdate();
+      });
+    },
     resetHoverIndex() {
       setTimeout(() => {
         if (!this.multiple) {
@@ -15478,7 +15550,10 @@ var es_iterator_every = __webpack_require__("d866");
     },
     handleResize() {
       this.resetInputWidth();
-      if (this.multiple) this.resetInputHeight();
+      if (this.multiple) {
+        this.resetInputHeight();
+        this.recalculateVisibleTags();
+      }
     },
     checkDefaultFirstOption() {
       this.hoverIndex = -1;
@@ -15575,8 +15650,8 @@ var es_iterator_every = __webpack_require__("d866");
 
 var select_component = normalizeComponent(
   src_selectvue_type_script_lang_js,
-  selectvue_type_template_id_5cd02054_render,
-  selectvue_type_template_id_5cd02054_staticRenderFns,
+  selectvue_type_template_id_39142a1a_render,
+  selectvue_type_template_id_39142a1a_staticRenderFns,
   false,
   null,
   null,