feat: 树下拉treeSelect-输入框里计算最大标签数量

frontend/src/components/pure/ms-tree-select/index.vue

@@ -7,6 +7,7 @@
     :mouse-enter-delay="300"
   >
     <a-tree-select
+      ref="treeSelectRef"
       v-model:model-value="selectValue"
       v-model:input-value="inputValue"
       :data="props.data"
@@ -22,6 +23,7 @@
         },
       }"
       v-bind="$attrs"
+      :max-tag-count="maxTagCount"
       @input-value-change="handleInputValueChange"
       @popup-visible-change="handlePopupVisibleChange"
       @change="handleChange"
@@ -43,21 +45,53 @@
 <script lang="ts" setup>
   import type { MsTreeNodeData } from '@/components/business/ms-tree/types';
 
+  import useSelect from '@/hooks/useSelect';
   import { filterTreeNode, findNodeByKey } from '@/utils';
 
   import type { TreeFieldNames, TreeNodeData } from '@arco-design/web-vue';
 
-  const props = defineProps<{
+  const props = withDefaults(
-    data: TreeNodeData[];
+    defineProps<{
-    fieldNames?: TreeFieldNames;
+      data: TreeNodeData[];
-    disabled?: boolean;
+      fieldNames?: TreeFieldNames;
-    multiple?: boolean;
+      disabled?: boolean;
-  }>();
+      multiple?: boolean;
+      shouldCalculateMaxTag?: boolean;
+    }>(),
+    {
+      shouldCalculateMaxTag: true,
+    }
+  );
   const selectValue = defineModel<any>('modelValue', { required: true });
 
   const inputValue = ref('');
   const tempInputValue = ref('');
 
+  const treeSelectRef = ref();
+  const { maxTagCount, calculateMaxTag } = useSelect({
+    selectRef: treeSelectRef,
+    selectVal: selectValue,
+  });
+  watch(
+    () => selectValue.value,
+    () => {
+      if (props.shouldCalculateMaxTag !== false && props.multiple) {
+        calculateMaxTag();
+      }
+    },
+    {
+      immediate: true,
+    }
+  );
+  watch(
+    () => props.data,
+    () => {
+      if (props.shouldCalculateMaxTag !== false && props.multiple) {
+        calculateMaxTag();
+      }
+    }
+  );
+
   const getTreeSelectTooltip = computed(() => {
     return () => {
       let treeSelectTooltip = '';

frontend/src/views/api-test/management/components/management/api/apiTable.vue

@@ -726,7 +726,6 @@
         multiple: true,
         treeCheckable: true,
         treeCheckStrictly: true,
-        maxTagCount: 1,
       },
     },
     {

frontend/src/views/case-management/caseManagementFeature/components/caseTable.vue

@@ -818,7 +818,6 @@
         multiple: true,
         treeCheckable: true,
         treeCheckStrictly: true,
-        maxTagCount: 1,
       },
     },
     {

frontend/src/views/case-management/caseReview/components/detail/caseTable.vue

@@ -1030,7 +1030,6 @@
         multiple: true,
         treeCheckable: true,
         treeCheckStrictly: true,
-        maxTagCount: 1,
       },
     },
     {