fix(接口场景): 修复拖拽样式异常的缺陷&删除冗余popover

--bug=1038282 --user=吕梦园 https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001038282

frontend/src/components/pure/ms-form-table/index.vue

@@ -53,29 +53,15 @@
           size="mini"
           @change="() => handleFormChange(record, rowIndex, item)"
         />
-        <a-popover
+        <MsTagsInput
           v-else-if="item.inputType === 'tags'"
-          position="tl"
+          v-model:model-value="record[item.dataIndex as string]"
-          :disabled="record[item.dataIndex as string].length === 0"
+          :max-tag-count="1"
-          class="ms-params-input-popover"
+          input-class="ms-form-table-input"
-        >
+          size="mini"
-          <template #content>
+          @change="() => handleFormChange(record, rowIndex, item)"
-            <div class="ms-form-table-popover-title">
+          @clear="() => handleFormChange(record, rowIndex, item)"
-              {{ t('common.tag') }}
+        />
-            </div>
-            <div class="ms-form-table-popover-value">
-              <MsTagsGroup is-string-tag :tag-list="record[item.dataIndex as string]" />
-            </div>
-          </template>
-          <MsTagsInput
-            v-model:model-value="record[item.dataIndex as string]"
-            :max-tag-count="1"
-            input-class="ms-form-table-input"
-            size="mini"
-            @change="() => handleFormChange(record, rowIndex, item)"
-            @clear="() => handleFormChange(record, rowIndex, item)"
-          />
-        </a-popover>
         <a-switch
           v-else-if="item.inputType === 'switch'"
           v-model:model-value="record[item.dataIndex as string]"
@@ -165,7 +151,6 @@
   import type { MsTableColumnData } from '@/components/pure/ms-table/type';
   import useTable from '@/components/pure/ms-table/useTable';
   import MsTableMoreAction from '@/components/pure/ms-table-more-action/index.vue';
-  import MsTagsGroup from '@/components/pure/ms-tag/ms-tag-group.vue';
   import MsTagsInput from '@/components/pure/ms-tags-input/index.vue';
 
   import { useI18n } from '@/hooks/useI18n';

frontend/src/components/pure/ms-tags-input/index.vue

@@ -170,4 +170,9 @@
   }
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+  // arco-input-tag-mirror会导致表格拖拽问题，故需要加上relative
+  :deep(.arco-input-tag) {
+    position: relative;
+  }
+</style>

frontend/src/views/api-test/components/paramTable.vue

@@ -265,29 +265,15 @@
     </template>
     <!-- 标签 -->
     <template #tag="{ record, columnConfig, rowIndex }">
-      <a-popover
+      <MsTagsInput
-        position="tl"
+        v-model:model-value="record[columnConfig.dataIndex as string]"
-        :disabled="(record[columnConfig.dataIndex as string]||[]).length === 0"
+        :disabled="props.disabledExceptParam"
-        class="ms-params-input-popover"
+        :max-tag-count="2"
-      >
+        input-class="ms-form-table-input"
-        <template #content>
+        size="mini"
-          <div class="param-popover-title">
+        @change="() => addTableLine(rowIndex)"
-            {{ t('common.tag') }}
+        @clear="() => addTableLine(rowIndex)"
-          </div>
+      />
-          <div class="param-popover-value">
-            <MsTagsGroup is-string-tag :tag-list="record[columnConfig.dataIndex as string]" />
-          </div>
-        </template>
-        <MsTagsInput
-          v-model:model-value="record[columnConfig.dataIndex as string]"
-          :disabled="props.disabledExceptParam"
-          :max-tag-count="2"
-          input-class="ms-form-table-input"
-          size="mini"
-          @change="() => addTableLine(rowIndex)"
-          @clear="() => addTableLine(rowIndex)"
-        />
-      </a-popover>
     </template>
     <!-- 描述 -->
     <template #description="{ record, columnConfig, rowIndex }">