@qlover/create-app 0.3.2 → 0.3.4

package/templates/react-app/config/app.router.json

@@ -21,7 +21,7 @@
             "meta": {
               "title": "fe-utils/home",
               "icon": "home",
-              "localNamespace": "home"
+              "localNamespace": "common"
             }
           },
           {
@@ -30,7 +30,7 @@
             "meta": {
               "title": "关于",
               "icon": "info",
-              "localNamespace": "about"
+              "localNamespace": "common"
             }
           },
           {
@@ -39,7 +39,7 @@
             "meta": {
               "title": "FE-Utils JSONStorage",
               "icon": "info",
-              "localNamespace": "jsonStorage"
+              "localNamespace": "common"
             }
           },
           {
@@ -48,7 +48,7 @@
             "meta": {
               "title": "FE-Utils Request",
               "icon": "info",
-              "localNamespace": "request"
+              "localNamespace": "common"
             }
           },
           {
@@ -57,7 +57,7 @@
             "meta": {
               "title": "FE-Utils Executor",
               "icon": "info",
-              "localNamespace": "executor"
+              "localNamespace": "common"
             }
           },
           {
@@ -109,7 +109,7 @@
             "meta": {
               "title": "登录",
               "icon": "info",
-              "localNamespace": "login"
+              "localNamespace": "common"
             }
           },
           {
@@ -118,7 +118,7 @@
             "meta": {
               "title": "注册",
               "icon": "info",
-              "localNamespace": "register"
+              "localNamespace": "common"
             }
           }
         ]

package/templates/react-app/config/common.ts

@@ -1,7 +1,20 @@
+import type { ViteDeprecatedAntdOptions } from '@brain-toolkit/antd-theme-override/vite';
+
 export const envPrefix = 'VITE_';
 
 export const browserGlobalsName = 'feGlobals';
 
+/**
+ * 覆盖 antd 主题模式
+ *
+ * - noGlobals 不要使用全局的 antd 组件(推荐)
+ * - overrideStatic 单独覆盖静态组件变量(这个文件就是这个作用)
+ *
+ * If use vite-deprecated-antd, automatically change file
+ */
+export const overrideAntdThemeMode: ViteDeprecatedAntdOptions['mode'] =
+  'noGlobals';
+
 /**
  * bootstrap ,not inject env
  */

package/templates/react-app/config/theme.json

@@ -1,90 +1,9 @@
 {
-  "base": {
-    "domAttribute": "data-theme",
-    "defaultTheme": "system",
-    "target": "html",
-    "storageKey": "fe_theme",
-    "supportedThemes": ["light", "dark", "pink"],
-    "styleThemeKeyTemplate": "${target}[${domAttribute}='${theme}']",
-    "colors": {
-      "light": {
-        "primary": "#00f",
-        "secondary": "#fff",
-        "text": "#000",
-        "background": "#fff"
-      },
-      "dark": {
-        "primary": "#f00",
-        "secondary": "#000",
-        "text": "#fff",
-        "background": "#000"
-      },
-      "pink": {
-        "primary": "#f0f",
-        "secondary": "#aaa",
-        "text": "#ddd",
-        "background": "#e0e0e0"
-      }
-    }
-  },
-  "override": {
-    "domAttribute": "data-theme",
-    "defaultTheme": "system",
-    "target": "html",
-    "supportedThemes": ["light", "dark", "pink"],
-    "storageKey": "fe_theme",
-    "styleThemeKeyTemplate": "${target}[${domAttribute}='${theme}']",
-    "styleKeyTemplate": "--fe-color-${colorKey}",
-    "colorsValueTemplate": "rgb(var(${styleKey}))",
-    "colors": {
-      "light": {
-        "white": "255 255 255",
-        "black": "0 0 0",
-        "gray": {
-          "50": "249 250 251",
-          "100": "243 244 246",
-          "200": "229 231 235",
-          "300": "209 213 219",
-          "400": "156 163 175",
-          "500": "107 114 128",
-          "600": "75 85 99",
-          "700": "55 65 81",
-          "800": "31 41 55",
-          "900": "17 24 39"
-        }
-      },
-      "dark": {
-        "white": "226 232 240",
-        "black": "0 0 0",
-        "gray": {
-          "50": "10 10 10",
-          "100": "28 28 28",
-          "200": "46 46 46",
-          "300": "64 64 64",
-          "400": "82 82 82",
-          "500": "100 100 100",
-          "600": "120 120 120",
-          "700": "138 138 138",
-          "800": "156 156 156",
-          "900": "176 176 176"
-        }
-      },
-      "pink": {
-        "white": "255 228 225",
-        "black": "51 51 51",
-        "gray": {
-          "50": "255 245 245",
-          "100": "255 234 234",
-          "200": "255 194 194",
-          "300": "255 153 153",
-          "400": "255 112 112",
-          "500": "255 71 71",
-          "600": "255 31 31",
-          "700": "230 0 0",
-          "800": "179 0 0",
-          "900": "128 0 0"
-        }
-      }
-    }
-  }
+  "domAttribute": "data-theme",
+  "defaultTheme": "system",
+  "target": "html",
+  "supportedThemes": ["light", "dark", "pink"],
+  "storageKey": "fe_theme",
+  "init": true,
+  "prioritizeStore": true
 }

package/templates/react-app/package.json

@@ -51,10 +51,15 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@qlover/corekit-bridge": "^1.0.1",
+    "@brain-toolkit/antd-theme-override": "^0.0.3",
+    "@qlover/corekit-bridge": "^1.0.3",
     "@qlover/fe-corekit": "^1.3.1",
     "@qlover/logger": "^0.1.1",
     "@qlover/slice-store-react": "^1.0.8",
+    "@tailwindcss/postcss": "^4.1.8",
+    "@tailwindcss/vite": "^4.1.8",
+    "antd": "^5.25.3",
+    "clsx": "^2.1.1",
     "i18next": "^24.2.0",
     "i18next-browser-languagedetector": "^8.0.2",
     "i18next-http-backend": "^3.0.1",
@@ -64,9 +69,11 @@
     "react-dom": "^18.3.1",
     "react-i18next": "^15.2.0",
     "react-router-dom": "^7.1.5",
-    "reflect-metadata": "^0.2.2"
+    "reflect-metadata": "^0.2.2",
+    "vite": "^6.3.5"
   },
   "devDependencies": {
+    "@brain-toolkit/ts2locales": "^0.2.3",
     "@qlover/env-loader": "latest",
     "@qlover/eslint-plugin-fe-dev": "^0.2.0",
     "@qlover/fe-scripts": "latest",
@@ -86,13 +93,12 @@
     "eslint-plugin-react-refresh": "^0.4.14",
     "eslint-plugin-vitest": "^0.5.4",
     "globals": "^15.12.0",
-    "postcss": "^8.4.49",
+    "postcss": "^8.5.4",
     "prettier": "^3.5.3",
     "sass-embedded": "^1.79.4",
-    "tailwindcss": "^3.4.16",
+    "tailwindcss": "^4.1.8",
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.15.0",
-    "vite": "^5.4.8",
     "vite-plugin-cross-origin-isolation": "^0.1.6",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.5"

package/templates/react-app/postcss.config.js

@@ -1,6 +1,5 @@
 export default {
   plugins: {
-    tailwindcss: {},
-    autoprefixer: {}
+    '@tailwindcss/postcss': {}
   }
 };

package/templates/react-app/public/locales/en/common.json

@@ -6,5 +6,146 @@
   "err.ioc.not.implemented": "IOC not implemented",
   "err.local.no.user.token": "Local no user token",
   "err.global.no.window": "Global no window",
-  "err.within.page.provider": "Must be used in PageProvider"
+  "err.within.page.provider": "Must be used in PageProvider",
+  "page.about.title": "About",
+  "page.about.description": "Learn more about our project and team information",
+  "about.title": "About",
+  "jsonStorage.title": "JSONStorage Demo",
+  "jsonStorage.title2": "Permanent storage test",
+  "jsonStorage.title3": "Expire time test",
+  "jsonStorage.title4": "Request Timeout",
+  "jsonStorage.format.title": "Test key: ${key}, Random value range: ${min}~${max}",
+  "jsonStorage.setRandomValue": "Set random value",
+  "jsonStorage.currentValue": "Current value",
+  "jsonStorage.ms": "ms",
+  "jsonStorage.setExpireTime": "Set random value(with expire time)",
+  "login.title": "Login",
+  "login.email": "Email",
+  "login.username": "Username",
+  "login.password": "Password",
+  "login.login": "Login",
+  "request.requestTimeout": "Request Timeout",
+  "request.helloResult": "Hello result is",
+  "request.helloError": "Hello error is",
+  "request.ipInfoResult": "IpInfo result is",
+  "request.ipInfo": "IpInfo",
+  "request.randomUser": "RandomUser",
+  "request.loading": "Loading...",
+  "request.randomUserResult": "RandomUser result is",
+  "request.randomUserError": "RandomUser error is",
+  "request.triggerAbortRequest": "Trigger Abort Request",
+  "request.stopAbortRequest": "Stop Abort Request",
+  "request.abortRequestResult": "Abort Request Result",
+  "request.abortRequestError": "Abort Request Error",
+  "executor.executorDemo": "Executor Demo",
+  "executor.requestTimeout": "Request Timeout",
+  "executor.executorTestPlugin": "Executor Test Plugin",
+  "executor.testPlugin": "Test Plugin",
+  "home.welcome": "Welcome to the home page",
+  "home.description": "A modern frontend utility library collection providing various practical tools and components",
+  "home.about": "About Us",
+  "home.about_description": "Learn more about our project and team information",
+  "home.jsonstorage": "JSONStorage",
+  "home.jsonstorage_description": "Efficient JSON data storage solution",
+  "home.request": "Request",
+  "home.request_description": "A modern frontend utility library collection providing various practical tools and components",
+  "page.jsonstorage.title": "JSONStorage Page",
+  "page.jsonstorage.description": "Use JSONStorage for data storage and management",
+  "page.request.title": "Request Examples",
+  "page.request.description": "Demonstrate various request examples and usage",
+  "page.executor.title": "Executor Examples",
+  "page.executor.description": "A powerful task executor supporting multiple task types and state management",
+  "page.error.identifier.title": "Error Identifier",
+  "page.error.identifier.description": "Error identifier usage and examples",
+  "home.explore": "Explore",
+  "home.get_started.title": "Ready to Get Started?",
+  "home.get_started.description": "Join us and discover the power of our utilities",
+  "home.get_started.button": "Get Started Now",
+  "header.theme.default": "Default Theme",
+  "header.theme.dark": "Dark Theme",
+  "header.theme.pink": "Pink Theme",
+  "page.jsonstorage.main_title": "JSONStorage Demo",
+  "page.jsonstorage.permanent_title": "Permanent Storage Test",
+  "page.jsonstorage.expire_title": "Expire Time Test",
+  "page.jsonstorage.timeout_title": "Request Timeout Setting",
+  "page.jsonstorage.format_title": "Test key: ${key}, Random value range: ${min}~${max}",
+  "page.jsonstorage.set_random": "Set Random Value",
+  "page.jsonstorage.current_value": "Current Value",
+  "page.jsonstorage.set_expire": "Set Random Value (with expire time)",
+  "page.jsonstorage.ms": "ms",
+  "page.request.timeout": "Request Timeout",
+  "page.request.hello.title": "AI API: Hello",
+  "page.request.hello.description": "Functional API using FetchURLPlugin, RequestCommonPlugin, ApiMockPlugin, RequestLogger plugins",
+  "page.request.hello.button": "Hello",
+  "page.request.ip_info.title": "FeApi: IP Information",
+  "page.request.ip_info.description": "RequestScheduler class API using FetchURLPlugin, RequestCommonPlugin, RequestLogger, ApiPickDataPlugin plugins, where ApiPickDataPlugin can flatten return types to data field",
+  "page.request.random_user.title": "UserApi: Random User",
+  "page.request.random_user.description": "RequestTransaction class API using FetchURLPlugin, RequestCommonPlugin, ApiMockPlugin, FetchAbortPlugin, RequestLogger, ApiCatchPlugin plugins, where FetchAbortPlugin can abort requests, ApiCatchPlugin can unify caught errors to apiCatchResult field",
+  "page.request.api_catch.title": "UserApi: Api Catch Result",
+  "page.request.abort.title": "UserApi: Abort Request",
+  "page.request.trigger_abort": "Trigger Abort Request",
+  "page.request.stop_abort": "Stop Abort Request",
+  "page.request.trigger_api_catch": "Trigger API Catch Result",
+  "page.request.stop_api_catch": "Stop API Catch Result",
+  "page.executor.main_title": "Executor",
+  "page.executor.test_plugin.title": "Test Plugin",
+  "page.executor.task.status.pending": "Pending",
+  "page.executor.task.status.running": "Running",
+  "page.executor.task.status.completed": "Completed",
+  "page.executor.task.status.failed": "Failed",
+  "page.executor.task.type.data_sync": "Data Sync",
+  "page.executor.task.type.report": "Report Generation",
+  "page.executor.task.type.maintenance": "System Maintenance",
+  "page.executor.task.type.backup": "Backup",
+  "page.executor.task.duration.unit": "minutes",
+  "page.executor.task.start": "Start",
+  "page.executor.task.stop": "Stop",
+  "page.executor.task.success": "Task %{name} executed successfully",
+  "page.executor.task.failure": "Task %{name} execution failed",
+  "page.executor.plugin.test.success": "Plugin test successful",
+  "page.executor.plugin.test.failure": "Plugin test failed",
+  "page.executor.custom_task.url_required": "Please enter URL",
+  "page.executor.custom_task.name": "Custom Task %{method} %{url}",
+  "page.executor.create_task.title": "Create Custom Task",
+  "page.executor.create_button": "Create",
+  "page.executor.enter_url": "Enter URL",
+  "page.executor.task_list.title": "Task List",
+  "page.executor.task_stats.total": "Total Tasks",
+  "page.executor.task_stats.running": "Running",
+  "page.executor.task_stats.completed": "Completed",
+  "page.executor.task_stats.failed": "Failed",
+  "page.executor.task_history.title": "Execution History",
+  "page.executor.help.title": "Need Help?",
+  "page.executor.help.description": "Having issues? Check our task execution guide or contact support",
+  "page.executor.view_guide": "View Guide",
+  "page.executor.contact_support": "Contact Support",
+  "page.error.identifier.main_title": "Error Identifier",
+  "page.error.identifier.source_description": "Identifier From: '@config/Identifier.Error'",
+  "page.error.identifier.help.title": "Need Help?",
+  "page.error.identifier.help.description": "If you encounter any issues while using error identifiers, please contact our support team",
+  "page.error.identifier.contact_support": "Contact Support",
+  "about.message.test": "This is a test message",
+  "about.notification.title": "Notification Title",
+  "about.notification.description": "This is a test notification",
+  "about.button.message": "Show Message",
+  "about.button.notification": "Show Notification",
+  "about.tooltip.text": "This is a tooltip text",
+  "about.button.tooltip": "Hover to show Tooltip",
+  "about.modal.title": "Modal Example",
+  "about.modal.content": "This is modal content",
+  "about.button.modal": "Show Modal",
+  "about.drawer.title": "Drawer Example",
+  "about.drawer.content": "This is drawer content",
+  "about.button.drawer": "Show Drawer",
+  "about.popover.content": "This is a popover card",
+  "about.popover.title": "Popover Title",
+  "about.button.popover": "Show Popover",
+  "about.popconfirm.title": "Confirmation",
+  "about.popconfirm.description": "Are you sure you want to perform this action?",
+  "about.button.popconfirm": "Show Popconfirm",
+  "about.alert.message": "This is a warning alert",
+  "common.ok": "OK",
+  "common.cancel": "Cancel",
+  "about.button.message2": "Static Message",
+  "about.button.notification2": "Static Notification"
 }

package/templates/react-app/public/locales/zh/common.json

@@ -6,5 +6,146 @@
   "err.ioc.not.implemented": "IOC 未实现",
   "err.local.no.user.token": "本地未找到 user token",
   "err.global.no.window": "全局未找到 window",
-  "err.within.page.provider": "必须在 PageProvider 中使用"
+  "err.within.page.provider": "必须在 PageProvider 中使用",
+  "page.about.title": "关于",
+  "page.about.description": "了解更多关于我们的项目和团队信息",
+  "about.title": "关于我们",
+  "jsonStorage.title": "JSONStorage Demo",
+  "jsonStorage.title2": "永久存储测试",
+  "jsonStorage.title3": "过期时间测试",
+  "jsonStorage.title4": "请求超时时间设置",
+  "jsonStorage.format.title": "测试 key: ${key}, 随机值范围: ${min}~${max}",
+  "jsonStorage.setRandomValue": "设置随机值",
+  "jsonStorage.currentValue": "当前值",
+  "jsonStorage.ms": "毫秒",
+  "jsonStorage.setExpireTime": "设置随机值(带过期时间)",
+  "login.title": "登录",
+  "login.email": "邮箱",
+  "login.username": "用户名",
+  "login.password": "密码",
+  "login.login": "登录",
+  "request.requestTimeout": "请求超时",
+  "request.helloResult": "Hello 结果是",
+  "request.helloError": "Hello 错误是",
+  "request.ipInfoResult": "IpInfo 结果是",
+  "request.ipInfo": "IpInfo",
+  "request.randomUser": "随机用户",
+  "request.loading": "加载中...",
+  "request.randomUserResult": "随机用户 结果是",
+  "request.randomUserError": "随机用户 错误是",
+  "request.triggerAbortRequest": "触发中止请求",
+  "request.stopAbortRequest": "停止中止请求",
+  "request.abortRequestResult": "中止请求 结果是",
+  "request.abortRequestError": "中止请求 错误是",
+  "executor.executorDemo": "执行器 Demo",
+  "executor.requestTimeout": "请求超时",
+  "executor.executorTestPlugin": "执行器 测试插件",
+  "executor.testPlugin": "测试插件",
+  "home.welcome": "欢迎来到主页",
+  "home.description": "一个现代前端实用库集合，提供各种实用工具和组件",
+  "home.about": "关于我们",
+  "home.about_description": "了解更多关于我们的项目和团队信息",
+  "home.jsonstorage": "JSON存储",
+  "home.jsonstorage_description": "高效的JSON数据存储解决方案",
+  "home.request": "请求",
+  "home.request_description": "一个现代前端实用库集合，提供各种实用工具和组件",
+  "page.jsonstorage.title": "JSONStorage 页面",
+  "page.jsonstorage.description": "使用 JSONStorage 进行数据存储和管理",
+  "page.request.title": "请求示例",
+  "page.request.description": "展示各种请求示例和用法",
+  "page.executor.title": "执行器示例",
+  "page.executor.description": "一个强大的任务执行器，支持多种任务类型和状态管理",
+  "page.error.identifier.title": "错误标识符",
+  "page.error.identifier.description": "错误标识符的使用和示例",
+  "home.explore": "探索",
+  "home.get_started.title": "准备开始使用？",
+  "home.get_started.description": "加入我们，探索实用工具的力量",
+  "home.get_started.button": "立即开始",
+  "header.theme.default": "默认主题",
+  "header.theme.dark": "暗色主题",
+  "header.theme.pink": "粉色主题",
+  "page.jsonstorage.main_title": "JSONStorage 演示",
+  "page.jsonstorage.permanent_title": "永久存储测试",
+  "page.jsonstorage.expire_title": "过期时间测试",
+  "page.jsonstorage.timeout_title": "请求超时时间设置",
+  "page.jsonstorage.format_title": "测试 key: ${key}, 随机值范围: ${min}~${max}",
+  "page.jsonstorage.set_random": "设置随机值",
+  "page.jsonstorage.current_value": "当前值",
+  "page.jsonstorage.set_expire": "设置随机值(带过期时间)",
+  "page.jsonstorage.ms": "毫秒",
+  "page.request.timeout": "请求超时时间",
+  "page.request.hello.title": "AI API: Hello",
+  "page.request.hello.description": "函数式 api, 使用了 FetchURLPlugin, RequestCommonPlugin, ApiMockPlugin, RequestLogger 插件",
+  "page.request.hello.button": "Hello",
+  "page.request.ip_info.title": "FeApi: IP Information",
+  "page.request.ip_info.description": "RequestScheduler 类式 api, 使用了 FetchURLPlugin, RequestCommonPlugin, RequestLogger, ApiPickDataPlugin 插件, 其中 ApiPickDataPlugin 插件可以将返回类型统一扁平到 data 字段",
+  "page.request.random_user.title": "UserApi: Random User",
+  "page.request.random_user.description": "RequestTransaction 类式 api, 使用了 FetchURLPlugin, RequestCommonPlugin, ApiMockPlugin, FetchAbortPlugin, RequestLogger, ApiCatchPlugin 插件, 其中 FetchAbortPlugin 可以中止请求, ApiCatchPlugin 可以将捕获的错误统一到 apiCatchResult 字段",
+  "page.request.api_catch.title": "UserApi: Api Catch Result",
+  "page.request.abort.title": "UserApi: Abort Request",
+  "page.request.trigger_abort": "触发中止请求",
+  "page.request.stop_abort": "停止中止请求",
+  "page.request.trigger_api_catch": "触发 API 捕获结果",
+  "page.request.stop_api_catch": "停止 API 捕获结果",
+  "page.executor.main_title": "执行器",
+  "page.executor.test_plugin.title": "测试插件",
+  "page.executor.task.status.pending": "等待中",
+  "page.executor.task.status.running": "运行中",
+  "page.executor.task.status.completed": "已完成",
+  "page.executor.task.status.failed": "失败",
+  "page.executor.task.type.data_sync": "数据同步",
+  "page.executor.task.type.report": "报告生成",
+  "page.executor.task.type.maintenance": "系统维护",
+  "page.executor.task.type.backup": "数据备份",
+  "page.executor.task.duration.unit": "分钟",
+  "page.executor.task.start": "开始",
+  "page.executor.task.stop": "停止",
+  "page.executor.task.success": "任务 %{name} 执行成功",
+  "page.executor.task.failure": "任务 %{name} 执行失败",
+  "page.executor.plugin.test.success": "插件测试成功",
+  "page.executor.plugin.test.failure": "插件测试失败",
+  "page.executor.custom_task.url_required": "请输入URL",
+  "page.executor.custom_task.name": "自定义任务 %{method} %{url}",
+  "page.executor.create_task.title": "创建自定义任务",
+  "page.executor.create_button": "创建",
+  "page.executor.enter_url": "输入URL",
+  "page.executor.task_list.title": "任务列表",
+  "page.executor.task_stats.total": "总任务数",
+  "page.executor.task_stats.running": "运行中",
+  "page.executor.task_stats.completed": "已完成",
+  "page.executor.task_stats.failed": "失败",
+  "page.executor.task_history.title": "执行历史",
+  "page.executor.help.title": "需要帮助？",
+  "page.executor.help.description": "遇到问题？查看我们的任务执行指南或联系支持团队",
+  "page.executor.view_guide": "查看指南",
+  "page.executor.contact_support": "联系支持",
+  "page.error.identifier.main_title": "错误标识符",
+  "page.error.identifier.source_description": "来自 '@config/Identifier.Error' 的标识符",
+  "page.error.identifier.help.title": "需要帮助？",
+  "page.error.identifier.help.description": "如果您在使用错误标识符时遇到问题，请联系我们的支持团队",
+  "page.error.identifier.contact_support": "联系支持",
+  "about.message.test": "这是一条测试消息",
+  "about.notification.title": "通知标题",
+  "about.notification.description": "这是一条测试通知",
+  "about.button.message": "显示 Message",
+  "about.button.notification": "显示 Notification",
+  "about.tooltip.text": "这是一个提示文本",
+  "about.button.tooltip": "悬停显示 Tooltip",
+  "about.modal.title": "模态框示例",
+  "about.modal.content": "这是一个模态框的内容",
+  "about.button.modal": "显示 Modal",
+  "about.drawer.title": "抽屉示例",
+  "about.drawer.content": "这是一个抽屉的内容",
+  "about.button.drawer": "显示 Drawer",
+  "about.popover.content": "这是一个气泡卡片",
+  "about.popover.title": "Popover 标题",
+  "about.button.popover": "显示 Popover",
+  "about.popconfirm.title": "确认提示",
+  "about.popconfirm.description": "您确定要执行此操作吗？",
+  "about.button.popconfirm": "显示 Popconfirm",
+  "about.alert.message": "这是一个警告提示",
+  "common.ok": "确定",
+  "common.cancel": "取消",
+  "about.button.message2": "静态消息",
+  "about.button.notification2": "静态通知"
 }

package/templates/react-app/src/App.tsx

@@ -1,10 +1,11 @@
-import '@/uikit/styles/css/index.css';
+import '@/styles/css/index.css';
 import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import { lazy, useMemo } from 'react';
 import { RouterRenderComponent } from './uikit/components/RouterRenderComponent';
 import { IOC } from './core/IOC';
 import { RouterController } from './uikit/controllers/RouterController';
-import { RouterLoader, type ComponentValue } from '@/base/cases/router-loader';
+import { RouterLoader, type ComponentValue } from '@/base/cases/RouterLoader';
+import { AntdThemeProvider } from '@brain-toolkit/antd-theme-override/react';
 
 function getAllPages() {
   const modules = import.meta.glob('./pages/**/*.tsx');
@@ -34,7 +35,19 @@ function App() {
     return router;
   }, []);
 
-  return <RouterProvider router={routerBase} />;
+  return (
+    <AntdThemeProvider
+      staticApi={IOC('DialogHandler')}
+      theme={{
+        cssVar: {
+          key: 'fe-theme',
+          prefix: 'fe'
+        }
+      }}
+    >
+      <RouterProvider router={routerBase} />
+    </AntdThemeProvider>
+  );
 }
 
 export default App;

package/templates/react-app/src/base/apis/AiApi.ts

@@ -1,4 +1,3 @@
-import AppConfig from '@/core/AppConfig';
 import {
   FetchURLPlugin,
   RequestAdapterFetch,
@@ -10,9 +9,10 @@ import {
 } from '@qlover/corekit-bridge';
 import { RequestLogger } from '../cases/RequestLogger';
 import { IOCIdentifier } from '@/core/IOC';
+import { appConfig } from '@/core/globals';
 
 const apiApiAdapter = new RequestAdapterFetch({
-  baseURL: AppConfig.aiApiBaseUrl
+  baseURL: appConfig.aiApiBaseUrl
 });
 
 // 使用 RequestScheduler
@@ -27,8 +27,8 @@ export const AiApiBootstarp: BootstrapExecutorPlugin = {
     apiApiAdapter.usePlugin(new FetchURLPlugin());
     apiApiAdapter.usePlugin(
       new RequestCommonPlugin({
-        tokenPrefix: AppConfig.aiApiTokenPrefix,
-        token: AppConfig.aiApiToken
+        tokenPrefix: appConfig.aiApiTokenPrefix,
+        token: appConfig.aiApiToken
       })
     );
     apiApiAdapter.usePlugin(ioc.get(IOCIdentifier.ApiMockPlugin));

package/templates/react-app/src/base/apis/feApi/FeApiAdapter.ts

@@ -1,11 +1,11 @@
+import type { AppConfig } from '@/base/cases/AppConfig';
 import { IOCIdentifier } from '@/core/IOC';
 import { RequestAdapterFetch } from '@qlover/fe-corekit';
 import { inject, injectable } from 'inversify';
-import { AppConfigImpl } from '@/core/AppConfig';
 
 @injectable()
 export class FeApiAdapter extends RequestAdapterFetch {
-  constructor(@inject(IOCIdentifier.AppConfig) appConfig: AppConfigImpl) {
+  constructor(@inject(IOCIdentifier.AppConfig) appConfig: AppConfig) {
     super({
       responseType: 'json',
       baseURL: appConfig.feApiBaseUrl

package/templates/react-app/src/base/apis/userApi/UserApiAdapter.ts

@@ -1,11 +1,11 @@
+import type { AppConfig } from '@/base/cases/AppConfig';
 import { IOCIdentifier } from '@/core/IOC';
 import { RequestAdapterFetch } from '@qlover/fe-corekit';
 import { inject, injectable } from 'inversify';
-import { AppConfigImpl } from '@/core/AppConfig';
 
 @injectable()
 export class UserApiAdapter extends RequestAdapterFetch {
-  constructor(@inject(IOCIdentifier.AppConfig) appConfig: AppConfigImpl) {
+  constructor(@inject(IOCIdentifier.AppConfig) appConfig: AppConfig) {
     super({
       responseType: 'json',
       baseURL: appConfig.feApiBaseUrl