whistle.mock-plugins 1.1.1-dev.10 → 1.1.1-dev.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whistle.mock-plugins",
-  "version": "1.1.1-dev.10",
+  "version": "1.1.1-dev.12",
   "description": "Whistle 插件，用于快速创建 API 模拟数据",
   "main": "lib/index.js",
   "scripts": {

package/ui/src/pages/InterfaceManagement.js

@@ -172,6 +172,7 @@ const InterfaceManagement = () => {
         
         setInterfaces(processedInterfaces);
         console.log('处理后的接口列表:', processedInterfaces);
+        console.log('接口分组信息:', processedInterfaces.map(item => ({ id: item.id, name: item.name, group: item.group })));
         
         // 提取并更新分组列表
         updateGroups(processedInterfaces);
@@ -250,7 +251,8 @@ const InterfaceManagement = () => {
       activeResponseId: defaultResponseId,
       httpMethod: 'ALL',
       headerItems: [], // 初始化为空数组
-      paramMatchers: [] // 初始化为空数组
+      paramMatchers: [], // 初始化为空数组
+      group: undefined // 确保分组字段为undefined，而不是空字符串
     });
     
     setCurrentResponseId(defaultResponseId);
@@ -297,10 +299,16 @@ const InterfaceManagement = () => {
       }));
     }
     
+    // 处理分组值，确保它是字符串而不是数组
+    let groupValue = record.group;
+    if (Array.isArray(groupValue)) {
+      groupValue = groupValue.length > 0 ? groupValue[0] : undefined;
+    }
+    
     // 设置表单值
     form.setFieldsValue({
       name: record.name,
-      group: record.group || '',
+      group: groupValue || undefined, // 使用undefined而不是空字符串
       pattern: record.urlPattern,
       proxyType: record.proxyType || 'response',
       statusCode: (record.httpStatus || record.statusCode || 200).toString(),
@@ -314,6 +322,8 @@ const InterfaceManagement = () => {
       responseDelay: record.responseDelay ? record.responseDelay.toString() : '0'
     });
     
+    console.log('编辑接口时设置的分组值:', groupValue);
+    
     setCurrentResponseId(activeResponseId);
     setEditingInterface(record);
     setModalVisible(true);
@@ -373,10 +383,16 @@ const InterfaceManagement = () => {
         });
       }
       
+      // 处理分组值，确保它是字符串而不是数组
+      let groupValue = values.group;
+      if (Array.isArray(groupValue)) {
+        groupValue = groupValue.length > 0 ? groupValue[0] : '';
+      }
+      
       // 构建接口数据
       const interfaceData = {
         name: values.name,
-        group: values.group,
+        group: groupValue || '', // 确保group不为undefined
         urlPattern: values.pattern,
         proxyType: values.proxyType,
         featureId: selectedFeatureId,
@@ -389,6 +405,8 @@ const InterfaceManagement = () => {
         active: true
       };
       
+      console.log('提交的分组值:', groupValue);
+      
       // 根据代理类型添加不同字段
       if (values.proxyType === 'redirect' || values.proxyType === 'url_redirect') {
         interfaceData.targetUrl = values.targetUrl;
@@ -1157,8 +1175,18 @@ const InterfaceManagement = () => {
                     placeholder="选择或创建分组"
                     showSearch
                     allowClear
+                    style={{ width: '100%' }}
                     mode="tags"
-                    tokenSeparators={[',']}
+                    maxTagCount="responsive"
+                    maxTagTextLength={10}
+                    onChange={(value) => {
+                      // 如果值是数组（tags模式），只取第一个元素
+                      if (Array.isArray(value) && value.length > 0) {
+                        // 如果第一个元素是空字符串，则设置为undefined
+                        const groupValue = value[0] === '' ? undefined : value[0];
+                        form.setFieldsValue({ group: groupValue });
+                      }
+                    }}
                     onInputKeyDown={(e) => {
                       // 防止回车键提交表单
                       if (e.key === 'Enter') {