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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whistle.mock-plugins",
-  "version": "1.1.1-dev.11",
+  "version": "1.1.1-dev.12",
   "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') {
@@ -1164,6 +1176,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') {