whistle.mock-plugins 1.2.1-beta.4 → 1.2.1-beta.6

package/package.json

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

package/ui/src/index.js

@@ -7,39 +7,19 @@ import 'antd/dist/reset.css'; // 导入antd样式，使用适合的版本
 import './styles/global.css';
 import './App.css';
 
-// 导入页面组件 - V1版本（重构前）
-import MockData from './pages/MockData';
-import InterfaceManagement from './pages/InterfaceManagement';
+// 导入页面组件
+import MockData from './pages/MockDataV2';
+import InterfaceManagement from './pages/InterfaceManagementV2';
 import Settings from './pages/Settings';
 
-// 导入页面组件 - V2版本（重构后）
-import MockDataV2 from './pages/MockDataV2';
-import InterfaceManagementV2 from './pages/InterfaceManagementV2';
-
-// UI版本检测函数
-const getUIVersion = () => {
-  try {
-    return localStorage.getItem('ui-version') || 'v1';
-  } catch (error) {
-    console.error('获取UI版本设置失败:', error);
-    return 'v1';
-  }
-};
-
 const App = () => {
-  const uiVersion = getUIVersion();
-  
-  // 根据版本选择对应组件
-  const MockDataComponent = uiVersion === 'v2' ? MockDataV2 : MockData;
-  const InterfaceManagementComponent = uiVersion === 'v2' ? InterfaceManagementV2 : InterfaceManagement;
-
   return (
     <Router>
       <div className="App">
         <Switch>
-          <Route exact path="/" component={MockDataComponent} />
-          <Route exact path="/interface" component={InterfaceManagementComponent} />
-          <Route path="/interface/:featureId" component={InterfaceManagementComponent} />
+          <Route exact path="/" component={MockData} />
+          <Route exact path="/interface" component={InterfaceManagement} />
+          <Route path="/interface/:featureId" component={InterfaceManagement} />
           <Route path="/settings" component={Settings} />
           <Redirect to="/" />
         </Switch>

package/ui/src/pages/InterfaceManagementV2.js

@@ -1,7 +1,5 @@
 /**
- * InterfaceManagementV2.js - 接口管理页面（重构后版本）
- * 这是重构后的新版本界面，提供更好的用户体验和功能优化
- * 当前内容与V1版本相同，等待后续重构
+ * InterfaceManagementV2.js - 接口管理页面
  */
 
 import React, { useState, useEffect } from 'react';
@@ -1068,21 +1066,6 @@ const InterfaceManagement = () => {
   return (
     <AppLayout>
       <div className="interface-management-container">
-        {/* V2版本标识 */}
-        <div style={{ 
-          position: 'absolute', 
-          top: '10px', 
-          right: '10px', 
-          backgroundColor: '#52c41a', 
-          color: 'white', 
-          padding: '4px 8px', 
-          borderRadius: '4px', 
-          fontSize: '12px',
-          zIndex: 1000
-        }}>
-          重构后版本 V2
-        </div>
-        
         {/* 警告信息置顶显示 */}
         {!features.length && (
           <Alert

package/ui/src/pages/MockDataV2.js

@@ -1,6 +1,5 @@
 /**
- * MockDataV2.js - 功能模块管理页面（V2版本）
- * 功能和UI与V1版本完全一致，仅保留V2版本标识
+ * MockDataV2.js - 功能模块管理页面
  */
 
 import React, { useState, useEffect } from 'react';

package/ui/src/pages/Settings.js

@@ -1,64 +1,11 @@
-import React, { useState, useEffect } from 'react';
+import React from 'react';
 import AppLayout from '../components/AppLayout';
-import { Card, Switch, message, Typography, Divider } from 'antd';
+import { Card, Typography, Empty } from 'antd';
 import '../styles/settings.css';
 
 const { Title, Text, Paragraph } = Typography;
 
-// localStorage工具函数
-const getUIVersion = () => {
-  try {
-    return localStorage.getItem('ui-version') || 'v1';
-  } catch (error) {
-    console.error('获取UI版本设置失败:', error);
-    return 'v1';
-  }
-};
-
-const setUIVersion = (version) => {
-  try {
-    localStorage.setItem('ui-version', version);
-    return true;
-  } catch (error) {
-    console.error('保存UI版本设置失败:', error);
-    return false;
-  }
-};
-
 const Settings = () => {
-  const [uiVersion, setUiVersionState] = useState(getUIVersion());
-
-  // 页面加载时同步localStorage状态
-  useEffect(() => {
-    const currentVersion = getUIVersion();
-    setUiVersionState(currentVersion);
-  }, []);
-
-  // 处理UI版本切换
-  const handleUIVersionChange = (checked) => {
-    const newVersion = checked ? 'v2' : 'v1';
-    
-    if (setUIVersion(newVersion)) {
-      setUiVersionState(newVersion);
-      
-      // 提示用户刷新页面以应用更改
-      message.success({
-        content: `已切换到${checked ? '重构后' : '重构前'}版本，页面将自动刷新`,
-        duration: 2,
-        onClose: () => {
-          window.location.reload();
-        }
-      });
-      
-      // 1秒后自动刷新
-      setTimeout(() => {
-        window.location.reload();
-      }, 1000);
-    } else {
-      message.error('设置保存失败，请重试');
-    }
-  };
-
   return (
     <AppLayout>
       <div className="page-container">
@@ -72,39 +19,10 @@ const Settings = () => {
         </div>
 
         <Card title="界面设置" className="settings-card">
-          <div className="setting-item">
-            <div className="setting-label">
-              <Text strong>UI版本切换</Text>
-              <Paragraph type="secondary" style={{ margin: '4px 0 0 0', fontSize: '12px' }}>
-                切换使用重构前后的界面版本
-              </Paragraph>
-            </div>
-            <div className="setting-control">
-              <Switch
-                checked={uiVersion === 'v2'}
-                onChange={handleUIVersionChange}
-                checkedChildren="重构后"
-                unCheckedChildren="重构前"
-              />
-            </div>
-          </div>
-          
-          <Divider />
-          
-          <div style={{ padding: '16px 0' }}>
-            <Title level={5}>版本说明</Title>
-            <div style={{ marginLeft: '16px' }}>
-              <Paragraph>
-                <Text strong>重构前版本：</Text> 当前稳定版本的功能模块管理和接口管理界面
-              </Paragraph>
-              <Paragraph>
-                <Text strong>重构后版本：</Text> 新设计的界面版本，提供更好的用户体验和功能优化
-              </Paragraph>
-              <Paragraph type="warning">
-                <Text>注意：切换版本后页面将自动刷新以应用更改</Text>
-              </Paragraph>
-            </div>
-          </div>
+          <Empty 
+            description="暂无可配置项" 
+            style={{ padding: '40px 0' }}
+          />
         </Card>
       </div>
     </AppLayout>