whistle.mock-plugins 1.1.1-dev.11 → 1.1.1-dev.13

package/lib/routes/interfaces.js

@@ -23,6 +23,7 @@ const processInterfaceData = (data) => {
   console.log('=== 开始处理接口数据 ===');
   console.log('原始数据:', JSON.stringify({
     name: result.name,
+    group: result.group, // 添加分组信息的日志
     hasResponses: !!result.responses,
     responsesType: typeof result.responses,
     responsesLength: result.responses ? result.responses.length : 0,
@@ -108,6 +109,7 @@ const processInterfaceData = (data) => {
   console.log('=== 处理后的最终接口数据 ===');
   console.log('最终数据:', JSON.stringify({
     name: result.name,
+    group: result.group, // 添加分组信息的日志
     responsesLength: result.responses.length,
     responses: result.responses,
     activeResponseId: result.activeResponseId,

package/package.json

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

package/ui/src/pages/InterfaceManagement.js

@@ -299,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 || undefined, // 使用undefined而不是空字符串
+      group: groupValue || undefined, // 使用undefined而不是空字符串
       pattern: record.urlPattern,
       proxyType: record.proxyType || 'response',
       statusCode: (record.httpStatus || record.statusCode || 200).toString(),
@@ -316,7 +322,7 @@ const InterfaceManagement = () => {
       responseDelay: record.responseDelay ? record.responseDelay.toString() : '0'
     });
     
-    console.log('编辑接口时设置的分组值:', record.group);
+    console.log('编辑接口时设置的分组值:', groupValue);
     
     setCurrentResponseId(activeResponseId);
     setEditingInterface(record);
@@ -377,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不为undefined
+        group: groupValue || '', // 确保group不为undefined
         urlPattern: values.pattern,
         proxyType: values.proxyType,
         featureId: selectedFeatureId,
@@ -393,7 +405,7 @@ const InterfaceManagement = () => {
         active: true
       };
       
-      console.log('提交的分组值:', values.group);
+      console.log('提交的分组值:', groupValue);
       
       // 根据代理类型添加不同字段
       if (values.proxyType === 'redirect' || values.proxyType === 'url_redirect') {
@@ -429,6 +441,8 @@ const InterfaceManagement = () => {
         const response = await axios.post('/cgi-bin/interfaces', interfaceData);
         if (response.data && response.data.code === 0) {
           message.success('接口创建成功');
+          console.log('接口创建成功，返回数据:', response.data);
+          console.log('返回的接口数据中的分组信息:', response.data.data?.group);
           setModalVisible(false);
           fetchInterfaces();
           
@@ -1164,6 +1178,17 @@ const InterfaceManagement = () => {
                     showSearch
                     allowClear
                     style={{ width: '100%' }}
+                    mode="tags"
+                    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') {