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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whistle.mock-plugins",
-  "version": "1.1.1-dev.10",
+  "version": "1.1.1-dev.11",
   "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);
@@ -300,7 +302,7 @@ const InterfaceManagement = () => {
     // 设置表单值
     form.setFieldsValue({
       name: record.name,
-      group: record.group || '',
+      group: record.group || undefined, // 使用undefined而不是空字符串
       pattern: record.urlPattern,
       proxyType: record.proxyType || 'response',
       statusCode: (record.httpStatus || record.statusCode || 200).toString(),
@@ -314,6 +316,8 @@ const InterfaceManagement = () => {
       responseDelay: record.responseDelay ? record.responseDelay.toString() : '0'
     });
     
+    console.log('编辑接口时设置的分组值:', record.group);
+    
     setCurrentResponseId(activeResponseId);
     setEditingInterface(record);
     setModalVisible(true);
@@ -376,7 +380,7 @@ const InterfaceManagement = () => {
       // 构建接口数据
       const interfaceData = {
         name: values.name,
-        group: values.group,
+        group: values.group || '', // 确保group不为undefined
         urlPattern: values.pattern,
         proxyType: values.proxyType,
         featureId: selectedFeatureId,
@@ -389,6 +393,8 @@ const InterfaceManagement = () => {
         active: true
       };
       
+      console.log('提交的分组值:', values.group);
+      
       // 根据代理类型添加不同字段
       if (values.proxyType === 'redirect' || values.proxyType === 'url_redirect') {
         interfaceData.targetUrl = values.targetUrl;
@@ -1157,8 +1163,7 @@ const InterfaceManagement = () => {
                     placeholder="选择或创建分组"
                     showSearch
                     allowClear
-                    mode="tags"
-                    tokenSeparators={[',']}
+                    style={{ width: '100%' }}
                     onInputKeyDown={(e) => {
                       // 防止回车键提交表单
                       if (e.key === 'Enter') {