@4399ywkf/core 5.0.18 → 5.0.19

package/dist/index.js

@@ -1,3 +1,13 @@
+// src/cli/build.ts
+import { rspack as rspack3 } from "@rspack/core";
+import chalk2 from "chalk";
+
+// src/config/loader.ts
+import { existsSync } from "fs";
+import { extname, resolve } from "path";
+import { pathToFileURL } from "url";
+import deepmerge from "deepmerge";
+
 // src/config/schema.ts
 function defineConfig(config) {
   return config;
@@ -61,16 +71,7 @@ var defaultConfig = {
 };
 
 // src/config/loader.ts
-import { existsSync } from "fs";
-import { resolve, extname } from "path";
-import { pathToFileURL } from "url";
-import deepmerge from "deepmerge";
-var CONFIG_FILES = [
-  "ywkf.config.ts",
-  "ywkf.config.mts",
-  "ywkf.config.js",
-  "ywkf.config.mjs"
-];
+var CONFIG_FILES = ["ywkf.config.ts", "ywkf.config.mts", "ywkf.config.js", "ywkf.config.mjs"];
 function findConfigFile(cwd) {
   for (const file of CONFIG_FILES) {
     const configPath = resolve(cwd, file);
@@ -108,9 +109,7 @@ function mergeConfig(userConfig, baseConfig = defaultConfig) {
 async function resolveConfig(cwd) {
   const configPath = findConfigFile(cwd);
   if (!configPath) {
-    console.warn(
-      "\u26A0\uFE0F  \u672A\u627E\u5230\u914D\u7F6E\u6587\u4EF6 (ywkf.config.ts)\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u914D\u7F6E"
-    );
+    console.warn("\u26A0\uFE0F  \u672A\u627E\u5230\u914D\u7F6E\u6587\u4EF6 (ywkf.config.ts)\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u914D\u7F6E");
     return {
       config: defaultConfig,
       configPath: null
@@ -132,36 +131,257 @@ function createPathResolver(cwd) {
   };
 }
 
+// src/plugin/manager.ts
+function createLogger(pluginName) {
+  const prefix = `[${pluginName}]`;
+  const verbose = !!process.env.DEBUG;
+  return {
+    info: (msg) => {
+      if (verbose) console.log(`${prefix} ${msg}`);
+    },
+    warn: (msg) => console.warn(`${prefix} ${msg}`),
+    error: (msg) => console.error(`${prefix} ${msg}`),
+    debug: (msg) => {
+      if (verbose) console.debug(`${prefix} ${msg}`);
+    }
+  };
+}
+async function resolvePlugin(pluginConfig, _cwd) {
+  let plugin;
+  let options = {};
+  if (typeof pluginConfig === "string") {
+    const module = await import(pluginConfig);
+    plugin = module.default || module;
+  } else if (Array.isArray(pluginConfig)) {
+    const [pluginOrName, pluginOptions] = pluginConfig;
+    options = pluginOptions;
+    if (typeof pluginOrName === "string") {
+      const module = await import(pluginOrName);
+      plugin = module.default || module;
+    } else {
+      plugin = pluginOrName;
+    }
+  } else {
+    plugin = pluginConfig;
+  }
+  if (typeof plugin === "function") {
+    plugin = plugin(options);
+  }
+  return { plugin, options };
+}
+var PluginManager = class {
+  plugins = /* @__PURE__ */ new Map();
+  context;
+  constructor(config, cwd, isDev) {
+    this.context = {
+      cwd,
+      isDev,
+      isProd: !isDev,
+      config,
+      logger: createLogger("PluginManager")
+    };
+  }
+  /**
+   * 加载并初始化所有插件
+   */
+  async loadPlugins(pluginConfigs) {
+    for (const pluginConfig of pluginConfigs) {
+      try {
+        const { plugin } = await resolvePlugin(pluginConfig, this.context.cwd);
+        if (this.plugins.has(plugin.name)) {
+          this.context.logger.warn(`\u63D2\u4EF6 ${plugin.name} \u5DF2\u52A0\u8F7D\uFF0C\u8DF3\u8FC7\u91CD\u590D\u52A0\u8F7D`);
+          continue;
+        }
+        const pluginContext = {
+          ...this.context,
+          logger: createLogger(plugin.name)
+        };
+        const hooks = await plugin.setup(pluginContext);
+        this.plugins.set(plugin.name, { plugin, hooks });
+        this.context.logger.info(`\u5DF2\u52A0\u8F7D\u63D2\u4EF6: ${plugin.name}`);
+      } catch (error) {
+        this.context.logger.error(`\u52A0\u8F7D\u63D2\u4EF6\u5931\u8D25: ${String(pluginConfig)} - ${error}`);
+      }
+    }
+  }
+  /**
+   * 执行 modifyRspackConfig 钩子
+   */
+  async applyRspackConfigHooks(config) {
+    let result = config;
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.modifyRspackConfig) {
+        try {
+          const modified = await hooks.modifyRspackConfig(result, this.context);
+          if (modified) {
+            result = modified;
+          }
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} modifyRspackConfig \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+    return result;
+  }
+  /**
+   * 执行 modifyRoutes 钩子
+   */
+  async applyRoutesHooks(routes) {
+    let result = routes;
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.modifyRoutes) {
+        try {
+          const modified = await hooks.modifyRoutes(result, this.context);
+          if (modified) {
+            result = modified;
+          }
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} modifyRoutes \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+    return result;
+  }
+  /**
+   * 执行 modifyAppConfig 钩子
+   */
+  applyAppConfigHooks(appConfig) {
+    let result = appConfig;
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.modifyAppConfig) {
+        try {
+          const modified = hooks.modifyAppConfig(result, this.context);
+          if (modified) {
+            result = modified;
+          }
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} modifyAppConfig \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+    return result;
+  }
+  /**
+   * 收集所有插件的 Provider
+   */
+  collectProviders() {
+    const providers = [];
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.addProvider) {
+        try {
+          const result = hooks.addProvider(this.context);
+          if (Array.isArray(result)) {
+            providers.push(...result);
+          } else if (result) {
+            providers.push(result);
+          }
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} addProvider \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+    return providers;
+  }
+  /**
+   * 执行 beforeBuild 钩子
+   */
+  async runBeforeBuild() {
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.beforeBuild) {
+        try {
+          await hooks.beforeBuild(this.context);
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} beforeBuild \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+  }
+  /**
+   * 执行 afterBuild 钩子
+   */
+  async runAfterBuild(stats) {
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.afterBuild) {
+        try {
+          await hooks.afterBuild(this.context, stats);
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} afterBuild \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+  }
+  /**
+   * 执行 beforeDevServer 钩子
+   */
+  async runBeforeDevServer() {
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.beforeDevServer) {
+        try {
+          await hooks.beforeDevServer(this.context);
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} beforeDevServer \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+  }
+  /**
+   * 执行 afterDevServer 钩子
+   */
+  async runAfterDevServer(server) {
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.afterDevServer) {
+        try {
+          await hooks.afterDevServer(this.context, server);
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} afterDevServer \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+  }
+  /**
+   * 获取所有已加载的插件名称
+   */
+  getPluginNames() {
+    return Array.from(this.plugins.keys());
+  }
+  /**
+   * 获取所有已加载的插件
+   */
+  getPlugins() {
+    return Array.from(this.plugins.values()).map((p) => p.plugin);
+  }
+  /**
+   * 获取所有已加载的插件钩子
+   */
+  getPluginHooks() {
+    return Array.from(this.plugins.values()).map((p) => p.hooks);
+  }
+};
+
 // src/rspack/index.ts
 import { RsdoctorRspackPlugin } from "@rsdoctor/rspack-plugin";
 
 // src/rspack/dev.ts
+import { createRequire as createRequire2 } from "module";
 import ReactRefreshPlugin from "@rspack/plugin-react-refresh";
 import { merge } from "webpack-merge";
-import { createRequire as createRequire2 } from "module";
 
 // src/rspack/base.ts
-import { rspack } from "@rspack/core";
 import { createRequire } from "module";
-import { fileURLToPath } from "url";
 import { dirname, join as join5 } from "path";
+import { fileURLToPath } from "url";
+import { rspack } from "@rspack/core";
 
 // src/generator/plugin.ts
-import { watch, existsSync as existsSync5 } from "fs";
+import { existsSync as existsSync5, watch } from "fs";
 import { join as join4 } from "path";
 
 // src/generator/generator.ts
-import { existsSync as existsSync4, mkdirSync as mkdirSync2, writeFileSync as writeFileSync2, readFileSync as readFileSync2 } from "fs";
+import { existsSync as existsSync4, mkdirSync as mkdirSync2, readFileSync as readFileSync2, writeFileSync as writeFileSync2 } from "fs";
 import { join as join3 } from "path";
 
 // src/router/generator.ts
-import {
-  existsSync as existsSync2,
-  readdirSync,
-  statSync,
-  mkdirSync,
-  writeFileSync
-} from "fs";
+import { existsSync as existsSync2, mkdirSync, readdirSync, statSync, writeFileSync } from "fs";
 import { join, relative } from "path";
 function winPath(path) {
   const isExtendedLengthPath = /^\\\\\?\\/.test(path);
@@ -221,9 +441,7 @@ var ConventionalRouteGenerator = class {
       const subDirPath = join(dir, subDir);
       if (subDir.startsWith("__")) {
         const pathlessRoutes = this.scanDirectory(subDirPath, routePath);
-        const pathlessLayout = readdirSync(subDirPath).find(
-          (e) => CONVENTION_FILES.layout.test(e)
-        );
+        const pathlessLayout = readdirSync(subDirPath).find((e) => CONVENTION_FILES.layout.test(e));
         if (pathlessLayout) {
           const pathlessChildren = this.scanDirectory(subDirPath, routePath);
           const pathlessLayoutRel = winPath(
@@ -235,9 +453,7 @@ var ConventionalRouteGenerator = class {
             layoutFile: pathlessLayoutRel,
             isLayout: true,
             pathless: true,
-            children: pathlessChildren.filter(
-              (r) => r.layoutFile !== pathlessLayoutRel
-            )
+            children: pathlessChildren.filter((r) => r.layoutFile !== pathlessLayoutRel)
           });
         } else {
           childRoutes.push(...pathlessRoutes);
@@ -255,7 +471,7 @@ var ConventionalRouteGenerator = class {
         layoutChildren.push({
           path: routePath,
           file: relPath(pageFile),
-          name: routeName + "Index",
+          name: `${routeName}Index`,
           index: true
         });
       }
@@ -263,7 +479,7 @@ var ConventionalRouteGenerator = class {
         layoutChildren.push({
           path: "*",
           file: relPath(catchAllFile),
-          name: routeName + "CatchAll"
+          name: `${routeName}CatchAll`
         });
       }
       layoutChildren.push(...childRoutes);
@@ -292,7 +508,7 @@ var ConventionalRouteGenerator = class {
       result.push({
         path: "*",
         file: relPath(catchAllFile),
-        name: routeName + "CatchAll"
+        name: `${routeName}CatchAll`
       });
     }
     result.push(...childRoutes);
@@ -327,15 +543,13 @@ var ConventionalRouteGenerator = class {
    * 生成有效的 JS 标识符名称
    */
   generateRouteName(path) {
-    const name = path.split("/").filter(Boolean).map(
-      (s) => s.replace(/^:/, "Param").replace(/\?$/, "Optional").replace(/^\*$/, "CatchAll")
-    ).map((s) => {
+    const name = path.split("/").filter(Boolean).map((s) => s.replace(/^:/, "Param").replace(/\?$/, "Optional").replace(/^\*$/, "CatchAll")).map((s) => {
       const cleaned = s.replace(/[^a-zA-Z0-9]/g, "");
       if (!cleaned) return "";
       return cleaned.charAt(0).toUpperCase() + cleaned.slice(1);
     }).join("");
     if (!name || /^\d/.test(name)) {
-      return "Page" + (name || "Root");
+      return `Page${name || "Root"}`;
     }
     return name;
   }
@@ -354,8 +568,12 @@ import { createBrowserRouter, type RouteObject } from "react-router";
 
 // \u61D2\u52A0\u8F7D\u9875\u9762\u7EC4\u4EF6
 ${lazyImports.join("\n")}
-${errorImports.length > 0 ? "\n// \u9519\u8BEF\u8FB9\u754C\u7EC4\u4EF6\n" + errorImports.join("\n") : ""}
-${loadingImports.length > 0 ? "\n// \u52A0\u8F7D\u72B6\u6001\u7EC4\u4EF6\n" + loadingImports.join("\n") : ""}
+${errorImports.length > 0 ? `
+// \u9519\u8BEF\u8FB9\u754C\u7EC4\u4EF6
+${errorImports.join("\n")}` : ""}
+${loadingImports.length > 0 ? `
+// \u52A0\u8F7D\u72B6\u6001\u7EC4\u4EF6
+${loadingImports.join("\n")}` : ""}
 
 // \u9ED8\u8BA4\u52A0\u8F7D\u72B6\u6001
 const DefaultLoading = () => <div style={{ padding: 24, textAlign: "center" }}>\u52A0\u8F7D\u4E2D...</div>;
@@ -394,23 +612,17 @@ export default routes;
       const toImportPath = (f) => f.replace(/\.(tsx?|jsx?)$/, "");
       if (route.isLayout && route.layoutFile) {
         lazyImports.push(
-          `const ${name}Layout = lazy(() => import("@/pages/${toImportPath(
-            route.layoutFile
-          )}"));`
+          `const ${name}Layout = lazy(() => import("@/pages/${toImportPath(route.layoutFile)}"));`
         );
       }
       if (route.file) {
         lazyImports.push(
-          `const ${name}Page = lazy(() => import("@/pages/${toImportPath(
-            route.file
-          )}"));`
+          `const ${name}Page = lazy(() => import("@/pages/${toImportPath(route.file)}"));`
         );
       }
       if (route.errorFile) {
         errorImports.push(
-          `const ${name}Error = lazy(() => import("@/pages/${toImportPath(
-            route.errorFile
-          )}"));`
+          `const ${name}Error = lazy(() => import("@/pages/${toImportPath(route.errorFile)}"));`
         );
       }
       if (route.loadingFile) {
@@ -421,12 +633,7 @@ export default routes;
         );
       }
       if (route.children) {
-        this.collectImports(
-          route.children,
-          lazyImports,
-          errorImports,
-          loadingImports
-        );
+        this.collectImports(route.children, lazyImports, errorImports, loadingImports);
       }
     }
   }
@@ -452,9 +659,7 @@ export default routes;
     }
     if (route.isLayout && route.layoutFile) {
       const loadingProp = route.loadingFile ? ` Loading={${name}Loading}` : "";
-      parts.push(
-        `element: <LazyRoute Component={${name}Layout}${loadingProp} />`
-      );
+      parts.push(`element: <LazyRoute Component={${name}Layout}${loadingProp} />`);
     } else if (route.file) {
       parts.push(`element: <LazyRoute Component={${name}Page} />`);
     }
@@ -463,9 +668,7 @@ export default routes;
     }
     if (route.children && route.children.length > 0) {
       const childParent = route.pathless ? parentPath : route.path;
-      parts.push(
-        `children: ${this.emitRouteArray(route.children, childParent)}`
-      );
+      parts.push(`children: ${this.emitRouteArray(route.children, childParent)}`);
     }
     return `{
     ${parts.join(",\n    ")}
@@ -488,53 +691,13 @@ function generateConventionalRoutes(options) {
   new ConventionalRouteGenerator(options).write();
 }
 
-// src/generator/templates/entry.ts
-function generateEntry(config, injections = {}) {
+// src/generator/templates/bootstrap.ts
+function generateBootstrap(config, injections = {}) {
+  const { appName, router } = config;
+  const routerImport = router.conventional ? `import { createRouter } from "./routes";` : `import { createRouter } from "@/routes";`;
   const imports = [
-    `import "@/index.css";`,
-    `import { runApp } from "./bootstrap";`,
-    ...injections.imports || []
-  ];
-  const topLevel = injections.topLevel || [];
-  const exports = injections.exports || [];
-  const hasPluginExports = exports.length > 0;
-  const hasAsyncTopLevel = topLevel.some((line) => line.includes("await "));
-  let startupBody;
-  if (hasPluginExports) {
-    startupBody = [
-      ...topLevel,
-      ...exports,
-      ``,
-      `if (shouldRunIndependently !== false) {`,
-      `  runApp();`,
-      `}`
-    ].join("\n");
-  } else if (hasAsyncTopLevel) {
-    startupBody = [
-      `(async () => {`,
-      ...topLevel.map((l) => `  ${l}`),
-      `  await runApp();`,
-      `})();`
-    ].join("\n");
-  } else {
-    startupBody = topLevel.length > 0 ? [...topLevel, `runApp();`].join("\n") : `runApp();`;
-  }
-  return `// \u6B64\u6587\u4EF6\u7531 @4399ywkf/core \u81EA\u52A8\u751F\u6210\uFF0C\u8BF7\u52FF\u624B\u52A8\u4FEE\u6539
-// Generated at: ${(/* @__PURE__ */ new Date()).toISOString()}
-
-${imports.join("\n")}
-
-${startupBody}
-`;
-}
-
-// src/generator/templates/bootstrap.ts
-function generateBootstrap(config, injections = {}) {
-  const { appName, router } = config;
-  const routerImport = router.conventional ? `import { createRouter } from "./routes";` : `import { createRouter } from "@/routes";`;
-  const imports = [
-    `import { bootstrap, type AppConfig } from "@4399ywkf/core/runtime";`,
-    routerImport,
+    `import { bootstrap, type AppConfig } from "@4399ywkf/core/runtime";`,
+    routerImport,
     ...injections.imports || []
   ];
   const topLevel = injections.topLevel || [];
@@ -616,8 +779,50 @@ export async function runApp(): Promise<void> {
   const userConfig = await getUserConfig();
   await bootstrap(createAppConfig(userConfig));
 }
-${topLevel.length > 0 ? "\n" + topLevel.join("\n") : ""}
-${exports.length > 0 ? "\n" + exports.join("\n") : ""}
+${topLevel.length > 0 ? `
+${topLevel.join("\n")}` : ""}
+${exports.length > 0 ? `
+${exports.join("\n")}` : ""}
+`;
+}
+
+// src/generator/templates/entry.ts
+function generateEntry(_config, injections = {}) {
+  const imports = [
+    `import "@/index.css";`,
+    `import { runApp } from "./bootstrap";`,
+    ...injections.imports || []
+  ];
+  const topLevel = injections.topLevel || [];
+  const exports = injections.exports || [];
+  const hasPluginExports = exports.length > 0;
+  const hasAsyncTopLevel = topLevel.some((line) => line.includes("await "));
+  let startupBody;
+  if (hasPluginExports) {
+    startupBody = [
+      ...topLevel,
+      ...exports,
+      ``,
+      `if (shouldRunIndependently !== false) {`,
+      `  runApp();`,
+      `}`
+    ].join("\n");
+  } else if (hasAsyncTopLevel) {
+    startupBody = [
+      `(async () => {`,
+      ...topLevel.map((l) => `  ${l}`),
+      `  await runApp();`,
+      `})();`
+    ].join("\n");
+  } else {
+    startupBody = topLevel.length > 0 ? [...topLevel, `runApp();`].join("\n") : `runApp();`;
+  }
+  return `// \u6B64\u6587\u4EF6\u7531 @4399ywkf/core \u81EA\u52A8\u751F\u6210\uFF0C\u8BF7\u52FF\u624B\u52A8\u4FEE\u6539
+// Generated at: ${(/* @__PURE__ */ new Date()).toISOString()}
+
+${imports.join("\n")}
+
+${startupBody}
 `;
 }
 
@@ -781,17 +986,14 @@ var YwkfGenerator = class {
     const { outputDir, config } = this.context;
     const configPath = join3(outputDir, "config.json");
     const serializableConfig = JSON.parse(
-      JSON.stringify(config, (key, value) => {
+      JSON.stringify(config, (_key, value) => {
         if (typeof value === "function") {
           return "[Function]";
         }
         return value;
       })
     );
-    this.writeFileIfChanged(
-      configPath,
-      JSON.stringify(serializableConfig, null, 2)
-    );
+    this.writeFileIfChanged(configPath, JSON.stringify(serializableConfig, null, 2));
   }
   /**
    * 生成约定式路由
@@ -895,16 +1097,10 @@ var YwkfGenerator = class {
   generateTypes() {
     const { outputDir, config, cwd } = this.context;
     const envTypesContent = generateEnvTypes(cwd, config);
-    this.writeFileIfChanged(
-      join3(outputDir, "types", "env.d.ts"),
-      envTypesContent
-    );
+    this.writeFileIfChanged(join3(outputDir, "types", "env.d.ts"), envTypesContent);
     if (config.router.conventional) {
       const routeTypesContent = generateRouteTypes();
-      this.writeFileIfChanged(
-        join3(outputDir, "types", "routes.d.ts"),
-        routeTypesContent
-      );
+      this.writeFileIfChanged(join3(outputDir, "types", "routes.d.ts"), routeTypesContent);
     }
   }
   /**
@@ -1039,7 +1235,7 @@ var YwkfGeneratorPlugin = class {
   }
   apply(compiler) {
     const pluginName = "YwkfGeneratorPlugin";
-    compiler.hooks.beforeCompile.tapAsync(pluginName, async (params, callback) => {
+    compiler.hooks.beforeCompile.tapAsync(pluginName, async (_params, callback) => {
       try {
         await this.initialize();
         if (!this.hasGenerated && this.generator) {
@@ -1067,24 +1263,20 @@ var YwkfGeneratorPlugin = class {
     }
     this.isWatching = true;
     let debounceTimer = null;
-    const watcher = watch(
-      pagesDir,
-      { recursive: true },
-      (eventType, filename) => {
-        if (!filename?.match(/\.(tsx?|jsx?)$/)) {
-          return;
-        }
-        if (debounceTimer) {
-          clearTimeout(debounceTimer);
-        }
-        debounceTimer = setTimeout(async () => {
-          if (process.env.DEBUG) console.log(`[ywkf] \u68C0\u6D4B\u5230\u9875\u9762\u53D8\u5316: ${filename}`);
-          if (this.generator) {
-            await this.generator.generate();
-          }
-        }, 500);
+    const watcher = watch(pagesDir, { recursive: true }, (_eventType, filename) => {
+      if (!filename?.match(/\.(tsx?|jsx?)$/)) {
+        return;
       }
-    );
+      if (debounceTimer) {
+        clearTimeout(debounceTimer);
+      }
+      debounceTimer = setTimeout(async () => {
+        if (process.env.DEBUG) console.log(`[ywkf] \u68C0\u6D4B\u5230\u9875\u9762\u53D8\u5316: ${filename}`);
+        if (this.generator) {
+          await this.generator.generate();
+        }
+      }, 500);
+    });
     process.on("exit", () => {
       watcher.close();
     });
@@ -1115,8 +1307,10 @@ var YwkfGeneratorPlugin = class {
           this.resetState();
           await this.initialize();
           await this.regenerate();
-          console.log(`  [ywkf] .ywkf \u76EE\u5F55\u5DF2\u91CD\u65B0\u751F\u6210\u3002\u90E8\u5206\u914D\u7F6E\u53D8\u66F4\uFF08\u5982\u7AEF\u53E3\u3001\u4EE3\u7406\uFF09\u9700\u91CD\u542F dev server \u751F\u6548\u3002
-`);
+          console.log(
+            `  [ywkf] .ywkf \u76EE\u5F55\u5DF2\u91CD\u65B0\u751F\u6210\u3002\u90E8\u5206\u914D\u7F6E\u53D8\u66F4\uFF08\u5982\u7AEF\u53E3\u3001\u4EE3\u7406\uFF09\u9700\u91CD\u542F dev server \u751F\u6548\u3002
+`
+          );
         } catch (error) {
           console.error(`  [ywkf] \u914D\u7F6E\u91CD\u8F7D\u5931\u8D25:`, error);
         }
@@ -1135,15 +1329,7 @@ var coreNodeModules = join5(__dirname, "../../node_modules");
 function createBaseConfig(config, cwd, options = {}) {
   const isDev = options.isDev ?? process.env.NODE_ENV !== "production";
   const { resolveApp } = createPathResolver(cwd);
-  const {
-    appName,
-    appCName,
-    output,
-    html,
-    alias: userAlias,
-    microFrontend,
-    router
-  } = config;
+  const { appName, appCName, output, html, alias: userAlias, microFrontend, router } = config;
   const ywkfOutputDir = resolveApp(".ywkf");
   const defaultAlias = {
     "@": resolveApp("src"),
@@ -1319,7 +1505,7 @@ function createBaseConfig(config, cwd, options = {}) {
 }
 
 // src/rspack/dev.ts
-var require3 = createRequire2(import.meta.url);
+var _require = createRequire2(import.meta.url);
 function convertProxyToArray(proxy) {
   if (!proxy || Object.keys(proxy).length === 0) {
     return void 0;
@@ -1350,10 +1536,7 @@ function createDevConfig(config, cwd) {
       // Less - antd
       {
         test: /\.less$/,
-        include: [
-          /[\\/]node_modules[\\/].*antd/,
-          /[\\/]node_modules[\\/]@4399ywkf[\\/]design/
-        ],
+        include: [/[\\/]node_modules[\\/].*antd/, /[\\/]node_modules[\\/]@4399ywkf[\\/]design/],
         use: [
           { loader: "style-loader" },
           {
@@ -1526,9 +1709,7 @@ function createDevConfig(config, cwd) {
       clean: false
     },
     stats: "errors-only",
-    plugins: [
-      new ReactRefreshPlugin()
-    ],
+    plugins: [new ReactRefreshPlugin()],
     devServer: {
       host: dev2.host,
       port: dev2.port,
@@ -1559,10 +1740,7 @@ function createProdConfig(config, cwd) {
       // Less - antd
       {
         test: /\.less$/,
-        include: [
-          /[\\/]node_modules[\\/].*antd/,
-          /[\\/]node_modules[\\/]@4399ywkf[\\/]design/
-        ],
+        include: [/[\\/]node_modules[\\/].*antd/, /[\\/]node_modules[\\/]@4399ywkf[\\/]design/],
         use: [
           { loader: rspack2.CssExtractRspackPlugin.loader },
           {
@@ -1778,10 +1956,7 @@ function createRspackConfig(config, cwd, options = {}) {
   const isDev = options.isDev ?? process.env.NODE_ENV !== "production";
   let rspackConfig = isDev ? createDevConfig(config, cwd) : createProdConfig(config, cwd);
   if (config.performance.rsdoctor) {
-    rspackConfig.plugins = [
-      ...rspackConfig.plugins || [],
-      new RsdoctorRspackPlugin({})
-    ];
+    rspackConfig.plugins = [...rspackConfig.plugins || [], new RsdoctorRspackPlugin({})];
   }
   if (config.tools.rspack) {
     const userConfig = config.tools.rspack(rspackConfig, {
@@ -1795,477 +1970,484 @@ function createRspackConfig(config, cwd, options = {}) {
   return rspackConfig;
 }
 
-// src/router/plugin.ts
-import { join as join6 } from "path";
-import { watch as watch2, existsSync as existsSync6 } from "fs";
-var ConventionalRoutePlugin = class {
-  options;
-  isWatching = false;
-  hasGenerated = false;
-  lastGeneratedContent = "";
-  constructor(options) {
-    this.options = options;
-  }
-  apply(compiler) {
-    const pluginName = "ConventionalRoutePlugin";
-    compiler.hooks.beforeCompile.tapAsync(pluginName, (params, callback) => {
-      if (!this.hasGenerated) {
-        this.generateRoutes();
-        this.hasGenerated = true;
-      }
-      callback();
-    });
-    if (this.options.watch && !this.isWatching) {
-      this.watchPages();
+// src/cli/env.ts
+import { existsSync as existsSync6, readFileSync as readFileSync3 } from "fs";
+import { resolve as resolve2 } from "path";
+import dotenv from "dotenv";
+function preloadEnv(cwd, mode, nodeEnv) {
+  process.env.NODE_ENV = nodeEnv;
+  process.env.APP_MODE = mode;
+  const defaultPaths = [
+    resolve2(cwd, "config/env/.env.public"),
+    resolve2(cwd, ".env.public"),
+    resolve2(cwd, ".env")
+  ];
+  for (const envPath of defaultPaths) {
+    if (existsSync6(envPath)) {
+      dotenv.config({ path: envPath });
+      break;
     }
   }
-  /**
-   * 生成路由文件（带内容比对，避免不必要的重复生成）
-   */
-  generateRoutes() {
-    try {
-      const generator = new ConventionalRouteGenerator({
-        pagesDir: this.options.pagesDir,
-        outputDir: this.options.outputDir,
-        basename: this.options.basename
-      });
-      const newContent = generator.generateCode();
-      const outputPath = join6(this.options.outputDir, "routes.tsx");
-      const normalizedNew = this.normalizeContent(newContent);
-      const normalizedOld = this.normalizeContent(this.lastGeneratedContent);
-      if (normalizedNew === normalizedOld) {
-        return;
+  const modeEnvPaths = [resolve2(cwd, `config/env/.env.${mode}`), resolve2(cwd, `.env.${mode}`)];
+  for (const envPath of modeEnvPaths) {
+    if (existsSync6(envPath)) {
+      const envContent = readFileSync3(envPath, "utf-8");
+      const parsed = dotenv.parse(envContent);
+      for (const key in parsed) {
+        process.env[key] = parsed[key];
       }
-      generator.write();
-      this.lastGeneratedContent = newContent;
-    } catch (error) {
-      console.error("[ywkf] \u751F\u6210\u8DEF\u7531\u5931\u8D25:", error);
+      break;
     }
   }
-  /**
-   * 标准化内容（去掉时间戳等动态部分）
-   */
-  normalizeContent(content) {
-    return content.replace(/\/\/ Generated at: .+/g, "");
+  process.env.NODE_ENV = nodeEnv;
+  process.env.APP_MODE = mode;
+}
+function loadEnv(config, cwd, mode, nodeEnv) {
+  const { env } = config;
+  const publicEnvPath = resolve2(cwd, env.publicEnvFile ?? "config/env/.env.public");
+  if (existsSync6(publicEnvPath)) {
+    dotenv.config({ path: publicEnvPath });
   }
-  /**
-   * 监听页面目录变化
-   */
-  watchPages() {
-    if (!existsSync6(this.options.pagesDir)) {
-      return;
+  const modeEnvPath = resolve2(cwd, env.envDir ?? "config/env", `.env.${mode}`);
+  if (existsSync6(modeEnvPath)) {
+    const envContent = readFileSync3(modeEnvPath, "utf-8");
+    const parsed = dotenv.parse(envContent);
+    for (const key in parsed) {
+      process.env[key] = parsed[key];
     }
-    this.isWatching = true;
-    let debounceTimer = null;
-    const watcher = watch2(
-      this.options.pagesDir,
-      { recursive: true },
-      (eventType, filename) => {
-        if (!filename?.match(/\.(tsx?|jsx?)$/)) {
-          return;
-        }
-        if (debounceTimer) {
-          clearTimeout(debounceTimer);
-        }
-        debounceTimer = setTimeout(() => {
-          if (process.env.DEBUG) console.log(`[ywkf] \u68C0\u6D4B\u5230\u9875\u9762\u53D8\u5316: ${filename}`);
-          this.generateRoutes();
-        }, 500);
-      }
-    );
-    process.on("exit", () => {
-      watcher.close();
-    });
   }
-};
+  process.env.NODE_ENV = nodeEnv;
+  process.env.APP_MODE = mode;
+  process.env.APP_NAME = process.env.APP_NAME || config.appName;
+  process.env.APP_CNAME = process.env.APP_CNAME || config.appCName;
+  process.env.OUTPUT_PATH = process.env.OUTPUT_PATH || config.output.path;
+  process.env.PUBLIC_PATH = process.env.PUBLIC_PATH || config.output.publicPath;
+  process.env.APP_HOST = process.env.APP_HOST || config.dev.host;
+  process.env.APP_PORT = process.env.APP_PORT || String(config.dev.port);
+}
 
-// src/runtime/context.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var defaultContextValue = {
-  appName: "app",
-  basename: "/",
-  isDev: process.env.NODE_ENV === "development",
-  env: {}
-};
-var AppContext = createContext(defaultContextValue);
-function AppContextProvider({
-  value,
-  children
-}) {
-  const contextValue = {
-    ...defaultContextValue,
-    ...value,
-    env: {
-      ...defaultContextValue.env,
-      ...value.env
-    }
-  };
-  return /* @__PURE__ */ jsx(AppContext.Provider, { value: contextValue, children });
+// src/cli/printer.ts
+import { createRequire as createRequire3 } from "module";
+import os from "os";
+import { dirname as dirname2, join as join6 } from "path";
+import { fileURLToPath as fileURLToPath2 } from "url";
+import chalk from "chalk";
+var __filename = fileURLToPath2(import.meta.url);
+var __dirname2 = dirname2(__filename);
+var require3 = createRequire3(import.meta.url);
+var _version = null;
+function getFrameworkVersion() {
+  if (_version) return _version;
+  try {
+    const pkgPath = join6(__dirname2, "../../package.json");
+    const pkg = require3(pkgPath);
+    _version = pkg.version || "0.0.0";
+  } catch {
+    _version = "0.0.0";
+  }
+  return _version;
 }
-function useApp() {
-  const context = useContext(AppContext);
-  if (!context) {
-    throw new Error("useApp must be used within AppContextProvider");
+function getNetworkAddress(port) {
+  const interfaces = os.networkInterfaces();
+  for (const entries of Object.values(interfaces)) {
+    if (!entries) continue;
+    for (const entry of entries) {
+      if (entry.family === "IPv4" && !entry.internal) {
+        return `http://${entry.address}:${port}/`;
+      }
+    }
   }
-  return context;
+  return null;
 }
-function useAppName() {
-  return useApp().appName;
+var BAR_WIDTH = 30;
+function renderBar(percent) {
+  const filled = Math.round(BAR_WIDTH * percent);
+  const empty = BAR_WIDTH - filled;
+  const bar = chalk.green("\u2501".repeat(filled)) + chalk.gray("\u2501".repeat(empty));
+  return bar;
 }
-function useBasename() {
-  return useApp().basename;
-}
-function useEnv() {
-  return useApp().env;
-}
-function useIsDev() {
-  return useApp().isDev;
-}
-
-// src/runtime/error-boundary.tsx
-import { Component } from "react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var ErrorBoundary = class extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false, error: null };
+var DevPrinter = class {
+  constructor(_host, port, pluginNames, isBuild = false) {
+    this._host = _host;
+    this.port = port;
+    this.pluginNames = pluginNames;
+    this.isBuild = isBuild;
   }
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
+  startTime = 0;
+  lastProgressLine = "";
+  firstCompileDone = false;
+  /**
+   * 打印框架 banner
+   */
+  printBanner() {
+    const version = getFrameworkVersion();
+    console.log();
+    console.log(`  ${chalk.bold.cyan("@4399ywkf/core")} ${chalk.green(`Framework v${version}`)}`);
+    console.log();
   }
-  componentDidCatch(error, errorInfo) {
-    console.error("[ErrorBoundary] Caught error:", error, errorInfo);
-    this.props.onError?.(error, errorInfo);
+  /**
+   * 打印 "start  build started..."
+   */
+  printBuildStart() {
+    this.startTime = Date.now();
+    this.compileDone = false;
+    const label = chalk.gray("start");
+    console.log(`  ${label}   build started...`);
   }
-  reset = () => {
-    this.setState({ hasError: false, error: null });
-  };
-  render() {
-    const { hasError, error } = this.state;
-    const { children, fallback } = this.props;
-    if (hasError && error) {
-      if (typeof fallback === "function") {
-        return fallback(error, this.reset);
+  /**
+   * 更新编译进度条（原地覆写同一行）
+   */
+  updateProgress(percent, message) {
+    const pct = Math.min(Math.round(percent * 100), 100);
+    const bar = renderBar(percent);
+    const status = message || "compiling";
+    const line = `  ${chalk.yellow("\u25CF")} client ${bar} ${chalk.bold(`(${pct}%)`)} ${chalk.gray(status)}`;
+    if (process.stdout.isTTY) {
+      if (this.lastProgressLine) {
+        process.stdout.write("\x1B[1A\x1B[2K");
       }
-      if (fallback) {
-        return fallback;
+      process.stdout.write(`${line}
+`);
+    } else if (!this.firstCompileDone && pct === 100) {
+      console.log(line);
+    }
+    this.lastProgressLine = line;
+  }
+  /**
+   * 编译完成
+   */
+  printBuildDone(hasErrors = false) {
+    if (this.firstCompileDone) {
+      if (!hasErrors) {
+        const elapsed2 = ((Date.now() - this.startTime) / 1e3).toFixed(2);
+        console.log(`  ${chalk.green("hmr")}     update in ${chalk.bold(`${elapsed2} s`)}`);
       }
-      return /* @__PURE__ */ jsx2(DefaultErrorFallback, { error, onReset: this.reset });
+      return;
+    }
+    this.firstCompileDone = true;
+    this.lastProgressLine = "";
+    if (hasErrors) return;
+    const elapsed = ((Date.now() - this.startTime) / 1e3).toFixed(2);
+    const label = chalk.green("ready");
+    console.log(`  ${label}   built in ${chalk.bold(`${elapsed} s`)}`);
+    console.log();
+    if (this.isBuild) {
+      this.printPluginList();
+    } else {
+      this.printServerInfo();
     }
-    return children;
   }
-};
-function DefaultErrorFallback({ error, onReset }) {
-  const isDev = process.env.NODE_ENV === "development";
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      style: {
-        padding: 24,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        minHeight: "100vh",
-        backgroundColor: "#f5f5f5"
-      },
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: {
-            maxWidth: 600,
-            padding: 32,
-            backgroundColor: "#fff",
-            borderRadius: 8,
-            boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
-          },
-          children: [
-            /* @__PURE__ */ jsx2("h1", { style: { color: "#ff4d4f", marginBottom: 16 }, children: "\u9875\u9762\u51FA\u9519\u4E86" }),
-            /* @__PURE__ */ jsx2("p", { style: { color: "#666", marginBottom: 16 }, children: "\u62B1\u6B49\uFF0C\u9875\u9762\u9047\u5230\u4E86\u4E00\u4E9B\u95EE\u9898\u3002\u8BF7\u5C1D\u8BD5\u5237\u65B0\u9875\u9762\u6216\u8054\u7CFB\u7BA1\u7406\u5458\u3002" }),
-            isDev && /* @__PURE__ */ jsxs(
-              "details",
-              {
-                style: {
-                  marginBottom: 16,
-                  padding: 12,
-                  backgroundColor: "#fff2f0",
-                  borderRadius: 4,
-                  border: "1px solid #ffccc7"
-                },
-                children: [
-                  /* @__PURE__ */ jsx2("summary", { style: { cursor: "pointer", fontWeight: "bold" }, children: "\u9519\u8BEF\u8BE6\u60C5\uFF08\u4EC5\u5F00\u53D1\u73AF\u5883\u53EF\u89C1\uFF09" }),
-                  /* @__PURE__ */ jsxs(
-                    "pre",
-                    {
-                      style: {
-                        marginTop: 8,
-                        padding: 8,
-                        backgroundColor: "#fff",
-                        borderRadius: 4,
-                        overflow: "auto",
-                        fontSize: 12
-                      },
-                      children: [
-                        error.message,
-                        "\n\n",
-                        error.stack
-                      ]
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-              /* @__PURE__ */ jsx2(
-                "button",
-                {
-                  onClick: onReset,
-                  style: {
-                    padding: "8px 16px",
-                    backgroundColor: "#1890ff",
-                    color: "#fff",
-                    border: "none",
-                    borderRadius: 4,
-                    cursor: "pointer"
-                  },
-                  children: "\u91CD\u8BD5"
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                "button",
-                {
-                  onClick: () => window.location.reload(),
-                  style: {
-                    padding: "8px 16px",
-                    backgroundColor: "#fff",
-                    color: "#666",
-                    border: "1px solid #d9d9d9",
-                    borderRadius: 4,
-                    cursor: "pointer"
-                  },
-                  children: "\u5237\u65B0\u9875\u9762"
-                }
-              )
-            ] })
-          ]
-        }
-      )
+  /**
+   * 标记新一轮编译开始（HMR）
+   */
+  markRebuildStart() {
+    this.startTime = Date.now();
+    this.lastProgressLine = "";
+  }
+  /**
+   * 仅打印插件列表（build 模式使用）
+   */
+  printPluginList() {
+    if (this.pluginNames.length > 0) {
+      console.log(`  ${chalk.bold(">")} Plugins:`);
+      for (const name of this.pluginNames) {
+        const shortName = name.replace("@4399ywkf/plugin-", "").replace("@4399ywkf/", "");
+        console.log(`    ${chalk.green("\u2713")} ${shortName}`);
+      }
+      console.log();
     }
-  );
-}
-
-// src/runtime/providers.tsx
-import {
-  StrictMode,
-  Suspense
-} from "react";
-import { RouterProvider } from "react-router";
-import { ConfigProvider } from "antd";
-import zhCN from "antd/locale/zh_CN.js";
-import { jsx as jsx3 } from "react/jsx-runtime";
-function DefaultLoading() {
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        height: "100vh",
-        fontSize: 16,
-        color: "#999"
-      },
-      children: "\u52A0\u8F7D\u4E2D..."
+  }
+  /**
+   * 打印服务器信息面板（dev 模式使用）
+   */
+  printServerInfo() {
+    const localUrl = `http://localhost:${this.port}/`;
+    const networkUrl = getNetworkAddress(this.port);
+    console.log(`  ${chalk.bold(">")} Local:    ${chalk.cyan(localUrl)}`);
+    if (networkUrl) {
+      console.log(`  ${chalk.bold(">")} Network:  ${chalk.cyan(networkUrl)}`);
     }
-  );
-}
-function composeProviders(providers) {
-  const sortedProviders = [...providers].sort(
-    (a, b) => (a.order ?? 100) - (b.order ?? 100)
-  );
-  return function ComposedProviders({ children }) {
-    return sortedProviders.reduceRight((acc, { component: Provider, props }) => {
-      return /* @__PURE__ */ jsx3(Provider, { ...props, children: acc });
-    }, children);
-  };
-}
-function RootProvider({ config, children }) {
-  const {
-    appName = "app",
-    router,
-    basename = "/",
-    strictMode = true,
-    antd = { enabled: true },
-    providers = [],
-    lifecycle
-  } = config;
-  const appContextValue = {
-    appName,
-    basename,
-    isDev: process.env.NODE_ENV === "development",
-    env: typeof process !== "undefined" ? process.env : {}
-  };
-  const allProviders = [
-    // 应用上下文 Provider（最外层）
-    {
-      component: AppContextProvider,
-      props: { value: appContextValue },
-      order: 0
-    },
-    // Ant Design ConfigProvider
-    ...antd.enabled !== false ? [
-      {
-        component: ConfigProvider,
-        props: {
-          locale: antd.locale || zhCN,
-          theme: antd.theme,
-          ...antd.configProvider
-        },
-        order: 10
-      }
-    ] : [],
-    // 用户自定义 Providers
-    ...providers.map((p) => ({ ...p, order: p.order ?? 50 }))
-  ];
-  const ComposedProviders = composeProviders(allProviders);
-  const content = router ? /* @__PURE__ */ jsx3(Suspense, { fallback: /* @__PURE__ */ jsx3(DefaultLoading, {}), children: /* @__PURE__ */ jsx3(RouterProvider, { router }) }) : children;
-  const app = /* @__PURE__ */ jsx3(ErrorBoundary, { onError: lifecycle?.onError, children: /* @__PURE__ */ jsx3(ComposedProviders, { children: content }) });
-  if (strictMode) {
-    return /* @__PURE__ */ jsx3(StrictMode, { children: app });
+    console.log();
+    this.printPluginList();
+    console.log(`  ${chalk.bold(">")} press ${chalk.bold("h + enter")} to show shortcuts`);
+    console.log();
   }
-  return app;
+  /**
+   * 打印快捷键帮助
+   */
+  printShortcuts() {
+    console.log();
+    console.log(`  ${chalk.bold("Shortcuts:")}`);
+    console.log(`    ${chalk.bold("o + enter")}  open in browser`);
+    console.log(`    ${chalk.bold("c + enter")}  clear console`);
+    console.log(`    ${chalk.bold("q + enter")}  quit`);
+    console.log();
+  }
+};
+function createProgressHandler(printer) {
+  return (percent, message, ..._details) => {
+    printer.updateProgress(percent, message);
+  };
 }
-function createProvider(component, props, order) {
-  return {
-    component,
-    props,
-    order
+function registerShortcuts(printer, opts) {
+  if (!process.stdin.isTTY) return;
+  process.stdin.setEncoding("utf-8");
+  process.stdin.setRawMode?.(false);
+  let buffer = "";
+  const handler = (data) => {
+    buffer += data;
+    if (!buffer.includes("\n")) return;
+    const cmd = buffer.trim().toLowerCase();
+    buffer = "";
+    switch (cmd) {
+      case "h":
+        printer.printShortcuts();
+        break;
+      case "o": {
+        const url = `http://localhost:${opts.port}/`;
+        import("child_process").then((cp) => {
+          const command = process.platform === "darwin" ? "open" : process.platform === "win32" ? "start" : "xdg-open";
+          cp.exec(`${command} ${url}`);
+        });
+        console.log(`  ${chalk.green("\u279C")} Opening ${chalk.cyan(url)}...`);
+        break;
+      }
+      case "c":
+        console.clear();
+        break;
+      case "q":
+        opts.onQuit();
+        break;
+    }
   };
+  process.stdin.on("data", handler);
+  process.stdin.resume();
 }
 
-// src/runtime/bootstrap.tsx
-import { createRoot } from "react-dom/client";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var root = null;
-async function resolveAppConfig(config) {
-  if (config.router || !config.conventionalRoutes) {
-    return config;
-  }
-  try {
-    const routesModule = await import("@ywkf/routes");
-    const createRouter = routesModule.createRouter || routesModule.default?.createRouter;
-    if (typeof createRouter === "function") {
-      const router = createRouter(config.basename);
-      console.log("[ywkf] \u5DF2\u81EA\u52A8\u6CE8\u5165\u7EA6\u5B9A\u5F0F\u8DEF\u7531");
-      return { ...config, router };
-    } else {
-      console.warn("[ywkf] @ywkf/routes \u672A\u5BFC\u51FA createRouter \u51FD\u6570");
+// src/cli/build.ts
+function formatSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(2)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
+}
+function printBuildResult(stats) {
+  const info = stats.toJson({
+    assets: true,
+    errors: true,
+    warnings: true
+  });
+  if (info.errors && info.errors.length > 0) {
+    console.log(chalk2.red("\n  Compile errors:"));
+    for (const error of info.errors) {
+      console.log(chalk2.red(`    ${error.message}`));
     }
-  } catch (error) {
-    console.error("[ywkf] \u52A0\u8F7D\u7EA6\u5B9A\u5F0F\u8DEF\u7531\u5931\u8D25:", error);
-    console.warn("[ywkf] \u8BF7\u786E\u4FDD\u5DF2\u542F\u7528\u7EA6\u5B9A\u5F0F\u8DEF\u7531\u4E14 src/pages \u76EE\u5F55\u5B58\u5728");
+    return;
   }
-  return config;
-}
-async function bootstrap(config) {
-  const { rootId = "root", lifecycle } = config;
-  const resolvedConfig = await resolveAppConfig(config);
-  if (lifecycle?.onBeforeMount) {
-    await lifecycle.onBeforeMount();
+  if (info.warnings && info.warnings.length > 0) {
+    console.log(chalk2.yellow("\n  Warnings:"));
+    for (const warning of info.warnings) {
+      console.log(chalk2.yellow(`    ${warning.message}`));
+    }
   }
-  const rootElement = document.getElementById(rootId);
-  if (!rootElement) {
-    throw new Error(`\u627E\u4E0D\u5230\u6839\u5143\u7D20 #${rootId}`);
+  console.log(chalk2.bold("\n  Build output:"));
+  console.log();
+  const assets = info.assets || [];
+  const sortedAssets = assets.filter((asset) => !asset.name.endsWith(".map")).sort((a, b) => b.size - a.size);
+  for (const asset of sortedAssets.slice(0, 15)) {
+    const sizeColor = asset.size > 500 * 1024 ? chalk2.yellow : chalk2.green;
+    console.log(`    ${chalk2.dim(asset.name.padEnd(50))} ${sizeColor(formatSize(asset.size))}`);
   }
-  root = createRoot(rootElement);
-  root.render(/* @__PURE__ */ jsx4(RootProvider, { config: resolvedConfig }));
-  if (lifecycle?.onMounted) {
-    setTimeout(() => {
-      lifecycle.onMounted?.();
-    }, 0);
+  if (sortedAssets.length > 15) {
+    console.log(chalk2.dim(`    ... and ${sortedAssets.length - 15} more files`));
   }
-  if (lifecycle?.onUnmount) {
-    window.addEventListener("beforeunload", () => {
-      lifecycle.onUnmount?.();
+  console.log();
+}
+async function build(options = {}) {
+  const cwd = options.cwd || process.cwd();
+  const mode = options.mode || "production";
+  try {
+    preloadEnv(cwd, mode, "production");
+    const { config } = await resolveConfig(cwd);
+    loadEnv(config, cwd, mode, "production");
+    const pluginManager = new PluginManager(config, cwd, false);
+    if (config.plugins && config.plugins.length > 0) {
+      await pluginManager.loadPlugins(config.plugins);
+    }
+    await pluginManager.runBeforeBuild();
+    let rspackConfig = createRspackConfig(config, cwd, { isDev: false });
+    rspackConfig = await pluginManager.applyRspackConfigHooks(rspackConfig);
+    const pluginNames = pluginManager.getPluginNames();
+    const printer = new DevPrinter("localhost", 0, pluginNames, true);
+    printer.printBanner();
+    printer.printBuildStart();
+    printer.updateProgress(0, "preparing");
+    rspackConfig.plugins = rspackConfig.plugins || [];
+    rspackConfig.plugins.push(new rspack3.ProgressPlugin(createProgressHandler(printer)));
+    rspackConfig.stats = "none";
+    rspackConfig.infrastructureLogging = { level: "none" };
+    const compiler = rspack3(rspackConfig);
+    const stats = await new Promise((resolve4, reject) => {
+      compiler.run((err, stats2) => {
+        if (err) {
+          reject(err);
+          return;
+        }
+        if (!stats2) {
+          reject(new Error("Build failed: no stats available"));
+          return;
+        }
+        resolve4(stats2);
+      });
+    });
+    await new Promise((resolve4, reject) => {
+      compiler.close((err) => {
+        if (err) reject(err);
+        else resolve4();
+      });
+    });
+    const hasErrors = stats.hasErrors();
+    const statsInfo = stats.toJson({ errors: true });
+    await pluginManager.runAfterBuild({
+      success: !hasErrors,
+      errors: statsInfo.errors?.map((e) => e.message)
     });
+    printer.printBuildDone(hasErrors);
+    if (hasErrors) {
+      printBuildResult(stats);
+      process.exit(1);
+    }
+    printBuildResult(stats);
+  } catch (error) {
+    console.error();
+    console.error(chalk2.red("  \u2716 Build failed"));
+    console.error(error);
+    process.exit(1);
   }
 }
-function unmount() {
-  if (root) {
-    root.unmount();
-    root = null;
+
+// src/cli/dev.ts
+import { rspack as rspack4 } from "@rspack/core";
+import { RspackDevServer } from "@rspack/dev-server";
+import chalk3 from "chalk";
+
+// src/cli/port.ts
+import net from "net";
+function isPortAvailable(port, host) {
+  return new Promise((resolve4) => {
+    const server = net.createServer();
+    server.once("error", (err) => {
+      if (err.code === "EADDRINUSE") {
+        resolve4(false);
+      } else {
+        resolve4(false);
+      }
+    });
+    server.once("listening", () => {
+      server.close(() => resolve4(true));
+    });
+    server.listen(port, host);
+  });
+}
+async function getAvailablePort(preferredPort, host) {
+  const MAX_ATTEMPTS = 20;
+  for (let i = 0; i < MAX_ATTEMPTS; i++) {
+    const port = preferredPort + i;
+    const available = await isPortAvailable(port, host);
+    if (available) return port;
   }
+  throw new Error(
+    `No available port found in range ${preferredPort}-${preferredPort + MAX_ATTEMPTS - 1}`
+  );
 }
-function createMicroApp(getConfig) {
-  let microRoot = null;
-  return {
-    /**
-     * 微前端 bootstrap 生命周期
-     */
-    async bootstrap() {
-      console.log("[MicroApp] bootstrap");
-    },
-    /**
-     * 微前端 mount 生命周期
-     */
-    async mount(props) {
-      console.log("[MicroApp] mount", props);
-      const config = getConfig(props);
-      const resolvedConfig = await resolveAppConfig(config);
-      const container = props?.masterProps?.container;
-      const rootId = resolvedConfig.rootId || "root";
-      const rootElement = container ? container.querySelector(`#${rootId}`) : document.getElementById(rootId);
-      if (!rootElement) {
-        throw new Error(`[MicroApp] \u627E\u4E0D\u5230\u6839\u5143\u7D20 #${rootId}`);
-      }
-      if (resolvedConfig.lifecycle?.onBeforeMount) {
-        await resolvedConfig.lifecycle.onBeforeMount();
-      }
-      microRoot = createRoot(rootElement);
-      microRoot.render(/* @__PURE__ */ jsx4(RootProvider, { config: resolvedConfig }));
-      if (resolvedConfig.lifecycle?.onMounted) {
-        setTimeout(() => {
-          resolvedConfig.lifecycle?.onMounted?.();
-        }, 0);
-      }
-    },
-    /**
-     * 微前端 unmount 生命周期
-     */
-    async unmount(props) {
-      console.log("[MicroApp] unmount", props);
-      const config = getConfig(props);
-      if (config.lifecycle?.onUnmount) {
-        config.lifecycle.onUnmount();
+
+// src/cli/dev.ts
+async function dev(options = {}) {
+  const cwd = options.cwd || process.cwd();
+  const mode = options.mode || "development";
+  try {
+    preloadEnv(cwd, mode, "development");
+    const { config } = await resolveConfig(cwd);
+    loadEnv(config, cwd, mode, "development");
+    const pluginManager = new PluginManager(config, cwd, true);
+    if (config.plugins && config.plugins.length > 0) {
+      await pluginManager.loadPlugins(config.plugins);
+    }
+    await pluginManager.runBeforeDevServer();
+    let rspackConfig = createRspackConfig(config, cwd, { isDev: true });
+    rspackConfig = await pluginManager.applyRspackConfigHooks(rspackConfig);
+    const host = config.dev.host || "localhost";
+    const preferredPort = config.dev.port || 3e3;
+    const port = await getAvailablePort(preferredPort, host);
+    const pluginNames = pluginManager.getPluginNames();
+    if (port !== preferredPort) {
+      console.log(chalk3.yellow(`  Port ${preferredPort} is in use, using ${port} instead.
+`));
+    }
+    const printer = new DevPrinter(host, port, pluginNames);
+    printer.printBanner();
+    printer.printBuildStart();
+    printer.updateProgress(0, "preparing");
+    rspackConfig.plugins = rspackConfig.plugins || [];
+    rspackConfig.plugins.push(new rspack4.ProgressPlugin(createProgressHandler(printer)));
+    rspackConfig.stats = "none";
+    rspackConfig.infrastructureLogging = { level: "none" };
+    if (rspackConfig.devServer) {
+      const ds = rspackConfig.devServer;
+      const existingClient = ds.client ?? {};
+      ds.client = {
+        ...existingClient,
+        logging: "warn",
+        overlay: false,
+        progress: false
+      };
+    }
+    const compiler = rspack4(rspackConfig);
+    compiler.hooks.done.tap("ywkf-dev-printer", (stats) => {
+      const hasErrors = stats.hasErrors();
+      if (hasErrors) {
+        const info = stats.toJson({ errors: true });
+        console.log();
+        console.log(chalk3.red("  Compile error:"));
+        for (const err of info.errors || []) {
+          console.log(chalk3.red(`    ${err.message}`));
+        }
+        console.log();
       }
-      if (microRoot) {
-        microRoot.unmount();
-        microRoot = null;
+      printer.printBuildDone(hasErrors);
+    });
+    compiler.hooks.invalid.tap("ywkf-dev-printer", () => {
+      printer.markRebuildStart();
+      printer.updateProgress(0, "rebuilding");
+    });
+    const devServerOptions = {
+      ...rspackConfig.devServer || {},
+      host,
+      port
+    };
+    const server = new RspackDevServer(devServerOptions, compiler);
+    await server.start();
+    await pluginManager.runAfterDevServer({ host, port });
+    registerShortcuts(printer, {
+      port,
+      onQuit: async () => {
+        console.log(chalk3.gray("\n  Shutting down...\n"));
+        await server.stop();
+        process.exit(0);
       }
-    },
-    /**
-     * 微前端 update 生命周期（可选）
-     */
-    async update(props) {
-      console.log("[MicroApp] update", props);
+    });
+    const signals = ["SIGINT", "SIGTERM"];
+    for (const signal of signals) {
+      process.on(signal, async () => {
+        await server.stop();
+        process.exit(0);
+      });
     }
-  };
-}
-function isMicroAppEnv() {
-  if (window.__POWERED_BY_QIANKUN__) {
-    return true;
-  }
-  if (window.__GARFISH__) {
-    return true;
-  }
-  return false;
-}
-function getMicroAppPublicPath() {
-  if (window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__) {
-    return window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
+  } catch (error) {
+    console.error();
+    console.error(chalk3.red("  \u2716 Dev server failed to start"));
+    console.error(error);
+    process.exit(1);
   }
-  return "/";
 }
 
 // src/plugin/define.ts
@@ -2276,250 +2458,200 @@ function createPlugin(factory) {
   return factory;
 }
 
-// src/plugin/manager.ts
-function createLogger(pluginName) {
-  const prefix = `[${pluginName}]`;
-  const verbose = !!process.env.DEBUG;
+// src/plugin/builtin/analytics.ts
+var analyticsPlugin = createPlugin((options = {}) => ({
+  name: "@4399ywkf/plugin-analytics",
+  version: "1.0.0",
+  description: "\u6784\u5EFA\u5206\u6790\u63D2\u4EF6",
+  setup(context) {
+    const {
+      buildAnalysis = true,
+      timing = true,
+      bundleSize = true,
+      sizeWarningThreshold = 500
+    } = options;
+    const { logger, isProd } = context;
+    let buildStartTime;
+    const hooks = {
+      beforeBuild() {
+        if (timing) {
+          buildStartTime = Date.now();
+          logger.info("\u5F00\u59CB\u6784\u5EFA...");
+        }
+      },
+      afterBuild(_context, stats) {
+        if (timing) {
+          const duration = Date.now() - buildStartTime;
+          logger.info(`\u6784\u5EFA\u5B8C\u6210\uFF0C\u8017\u65F6: ${(duration / 1e3).toFixed(2)}s`);
+        }
+        if (!stats.success && stats.errors) {
+          logger.error(`\u6784\u5EFA\u5931\u8D25\uFF0C\u9519\u8BEF\u6570: ${stats.errors.length}`);
+        }
+      },
+      modifyRspackConfig(config) {
+        if (buildAnalysis && isProd) {
+          logger.info("\u6784\u5EFA\u5206\u6790\u5DF2\u542F\u7528");
+        }
+        return config;
+      }
+    };
+    return hooks;
+  }
+}));
+
+// src/plugin/builtin/biome.ts
+import { existsSync as existsSync7, writeFileSync as writeFileSync3 } from "fs";
+import { join as join7 } from "path";
+var DEFAULT_IGNORE = [".vscode/**/*", "node_modules/**/*", "dist/**/*", ".ywkf/**/*"];
+var biomePlugin = createPlugin((options = {}) => ({
+  name: "@4399ywkf/plugin-biome",
+  version: "1.0.0",
+  description: "Biome \u4EE3\u7801\u89C4\u8303\u96C6\u6210",
+  setup(context) {
+    const {
+      scaffold = true,
+      indentStyle = "space",
+      quoteStyle = "double",
+      arrowParentheses = "always",
+      lineWidth = 100,
+      organizeImports = true,
+      ignore = [],
+      rules: customRules = {}
+    } = options;
+    const { cwd, logger } = context;
+    if (scaffold) {
+      const biomeConfigPath = join7(cwd, "biome.json");
+      if (!existsSync7(biomeConfigPath)) {
+        const config = buildBiomeConfig({
+          indentStyle,
+          quoteStyle,
+          arrowParentheses,
+          lineWidth,
+          organizeImports,
+          ignore: [...DEFAULT_IGNORE, ...ignore],
+          customRules
+        });
+        writeFileSync3(biomeConfigPath, `${JSON.stringify(config, null, 2)}
+`, "utf-8");
+        logger.info("\u5DF2\u751F\u6210 biome.json");
+      }
+    }
+    const hooks = {
+      modifyRspackConfig(rspackConfig) {
+        logger.info("Biome \u4EE3\u7801\u89C4\u8303\u5DF2\u542F\u7528");
+        return rspackConfig;
+      }
+    };
+    return hooks;
+  }
+}));
+function buildBiomeConfig(params) {
+  const {
+    indentStyle,
+    quoteStyle,
+    arrowParentheses,
+    lineWidth,
+    organizeImports: enableOrganizeImports,
+    ignore,
+    customRules
+  } = params;
+  const defaultRules = {
+    recommended: { "": "true" },
+    style: {
+      useNodejsImportProtocol: "off",
+      noNonNullAssertion: "off",
+      noUnusedTemplateLiteral: "off",
+      noUselessElse: "off",
+      useNumberNamespace: "off"
+    },
+    suspicious: {
+      noExplicitAny: "off",
+      noConfusingVoidType: "off",
+      noImplicitAnyLet: "off",
+      noAssignInExpressions: "off",
+      noPrototypeBuiltins: "off"
+    },
+    complexity: {
+      noForEach: "off",
+      noBannedTypes: "off",
+      useArrowFunction: "off"
+    },
+    correctness: {
+      useExhaustiveDependencies: "off"
+    },
+    a11y: {
+      useAltText: "off",
+      useKeyWithClickEvents: "off",
+      useButtonType: "off",
+      noSvgWithoutTitle: "off"
+    },
+    performance: {
+      noDelete: "off"
+    },
+    security: {
+      noDangerouslySetInnerHtml: "off"
+    }
+  };
+  const mergedRules = { recommended: true };
+  for (const [category, categoryRules] of Object.entries(defaultRules)) {
+    if (category === "recommended") continue;
+    const customCategoryRules = customRules[category] || {};
+    mergedRules[category] = { ...categoryRules, ...customCategoryRules };
+  }
+  const includesPatterns = ["**", ...ignore.map((p) => `!${p}`)];
   return {
-    info: (msg) => {
-      if (verbose) console.log(`${prefix} ${msg}`);
+    $schema: "https://biomejs.dev/schemas/2.3.2/schema.json",
+    vcs: {
+      enabled: true,
+      defaultBranch: "main",
+      clientKind: "git",
+      useIgnoreFile: true
     },
-    warn: (msg) => console.warn(`${prefix} ${msg}`),
-    error: (msg) => console.error(`${prefix} ${msg}`),
-    debug: (msg) => {
-      if (verbose) console.debug(`${prefix} ${msg}`);
+    formatter: {
+      enabled: true,
+      indentStyle
+    },
+    css: {
+      formatter: {
+        quoteStyle: "single"
+      }
+    },
+    javascript: {
+      formatter: {
+        quoteStyle,
+        arrowParentheses,
+        jsxQuoteStyle: "double",
+        lineWidth
+      }
+    },
+    linter: {
+      enabled: true,
+      rules: mergedRules
+    },
+    assist: {
+      actions: {
+        source: {
+          organizeImports: enableOrganizeImports ? "on" : "off"
+        }
+      }
+    },
+    files: {
+      ignoreUnknown: true,
+      includes: includesPatterns
     }
   };
 }
-async function resolvePlugin(pluginConfig, cwd) {
-  let plugin;
-  let options = {};
-  if (typeof pluginConfig === "string") {
-    const module = await import(pluginConfig);
-    plugin = module.default || module;
-  } else if (Array.isArray(pluginConfig)) {
-    const [pluginOrName, pluginOptions] = pluginConfig;
-    options = pluginOptions;
-    if (typeof pluginOrName === "string") {
-      const module = await import(pluginOrName);
-      plugin = module.default || module;
-    } else {
-      plugin = pluginOrName;
-    }
-  } else {
-    plugin = pluginConfig;
-  }
-  if (typeof plugin === "function") {
-    plugin = plugin(options);
-  }
-  return { plugin, options };
+function getDefaultBiomeConfig() {
+  return buildBiomeConfig({
+    indentStyle: "space",
+    quoteStyle: "double",
+    arrowParentheses: "always",
+    lineWidth: 100,
+    organizeImports: true,
+    ignore: DEFAULT_IGNORE,
+    customRules: {}
+  });
 }
-var PluginManager = class {
-  plugins = /* @__PURE__ */ new Map();
-  context;
-  constructor(config, cwd, isDev) {
-    this.context = {
-      cwd,
-      isDev,
-      isProd: !isDev,
-      config,
-      logger: createLogger("PluginManager")
-    };
-  }
-  /**
-   * 加载并初始化所有插件
-   */
-  async loadPlugins(pluginConfigs) {
-    for (const pluginConfig of pluginConfigs) {
-      try {
-        const { plugin } = await resolvePlugin(pluginConfig, this.context.cwd);
-        if (this.plugins.has(plugin.name)) {
-          this.context.logger.warn(`\u63D2\u4EF6 ${plugin.name} \u5DF2\u52A0\u8F7D\uFF0C\u8DF3\u8FC7\u91CD\u590D\u52A0\u8F7D`);
-          continue;
-        }
-        const pluginContext = {
-          ...this.context,
-          logger: createLogger(plugin.name)
-        };
-        const hooks = await plugin.setup(pluginContext);
-        this.plugins.set(plugin.name, { plugin, hooks });
-        this.context.logger.info(`\u5DF2\u52A0\u8F7D\u63D2\u4EF6: ${plugin.name}`);
-      } catch (error) {
-        this.context.logger.error(
-          `\u52A0\u8F7D\u63D2\u4EF6\u5931\u8D25: ${String(pluginConfig)} - ${error}`
-        );
-      }
-    }
-  }
-  /**
-   * 执行 modifyRspackConfig 钩子
-   */
-  async applyRspackConfigHooks(config) {
-    let result = config;
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.modifyRspackConfig) {
-        try {
-          const modified = await hooks.modifyRspackConfig(result, this.context);
-          if (modified) {
-            result = modified;
-          }
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} modifyRspackConfig \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-    return result;
-  }
-  /**
-   * 执行 modifyRoutes 钩子
-   */
-  async applyRoutesHooks(routes) {
-    let result = routes;
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.modifyRoutes) {
-        try {
-          const modified = await hooks.modifyRoutes(result, this.context);
-          if (modified) {
-            result = modified;
-          }
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} modifyRoutes \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-    return result;
-  }
-  /**
-   * 执行 modifyAppConfig 钩子
-   */
-  applyAppConfigHooks(appConfig) {
-    let result = appConfig;
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.modifyAppConfig) {
-        try {
-          const modified = hooks.modifyAppConfig(result, this.context);
-          if (modified) {
-            result = modified;
-          }
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} modifyAppConfig \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-    return result;
-  }
-  /**
-   * 收集所有插件的 Provider
-   */
-  collectProviders() {
-    const providers = [];
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.addProvider) {
-        try {
-          const result = hooks.addProvider(this.context);
-          if (Array.isArray(result)) {
-            providers.push(...result);
-          } else if (result) {
-            providers.push(result);
-          }
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} addProvider \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-    return providers;
-  }
-  /**
-   * 执行 beforeBuild 钩子
-   */
-  async runBeforeBuild() {
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.beforeBuild) {
-        try {
-          await hooks.beforeBuild(this.context);
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} beforeBuild \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-  }
-  /**
-   * 执行 afterBuild 钩子
-   */
-  async runAfterBuild(stats) {
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.afterBuild) {
-        try {
-          await hooks.afterBuild(this.context, stats);
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} afterBuild \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-  }
-  /**
-   * 执行 beforeDevServer 钩子
-   */
-  async runBeforeDevServer() {
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.beforeDevServer) {
-        try {
-          await hooks.beforeDevServer(this.context);
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} beforeDevServer \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-  }
-  /**
-   * 执行 afterDevServer 钩子
-   */
-  async runAfterDevServer(server) {
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.afterDevServer) {
-        try {
-          await hooks.afterDevServer(this.context, server);
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} afterDevServer \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-  }
-  /**
-   * 获取所有已加载的插件名称
-   */
-  getPluginNames() {
-    return Array.from(this.plugins.keys());
-  }
-  /**
-   * 获取所有已加载的插件
-   */
-  getPlugins() {
-    return Array.from(this.plugins.values()).map((p) => p.plugin);
-  }
-  /**
-   * 获取所有已加载的插件钩子
-   */
-  getPluginHooks() {
-    return Array.from(this.plugins.values()).map((p) => p.hooks);
-  }
-};
 
 // src/plugin/builtin/garfish.ts
 var garfishPlugin = createPlugin((options = {}) => ({
@@ -2563,23 +2695,16 @@ var garfishPlugin = createPlugin((options = {}) => ({
         }
       },
       // ===== 代码生成阶段钩子 =====
-      injectEntry(ctx) {
+      injectEntry(_ctx) {
         if (master && apps.length > 0) {
           return {
-            imports: [
-              `import { initGarfishMaster } from "./bootstrap";`
-            ],
-            topLevel: [
-              `// Garfish \u4E3B\u5E94\u7528\uFF1A\u521D\u59CB\u5316\u5FAE\u524D\u7AEF\u5E76\u6CE8\u518C\u5B50\u5E94\u7528`,
-              `await initGarfishMaster();`
-            ]
+            imports: [`import { initGarfishMaster } from "./bootstrap";`],
+            topLevel: [`// Garfish \u4E3B\u5E94\u7528\uFF1A\u521D\u59CB\u5316\u5FAE\u524D\u7AEF\u5E76\u6CE8\u518C\u5B50\u5E94\u7528`, `await initGarfishMaster();`]
           };
         }
         if (!master) {
           return {
-            imports: [
-              `import { garfishProvider, isMicroAppEnv } from "./bootstrap";`
-            ],
+            imports: [`import { garfishProvider, isMicroAppEnv } from "./bootstrap";`],
             exports: [
               `// Garfish \u5B50\u5E94\u7528\u751F\u547D\u5468\u671F\u5BFC\u51FA\uFF08provider \u51FD\u6570\u683C\u5F0F\uFF09`,
               `export const provider = garfishProvider;`
@@ -2592,7 +2717,7 @@ var garfishPlugin = createPlugin((options = {}) => ({
         }
         return {};
       },
-      injectBootstrap(ctx) {
+      injectBootstrap(_ctx) {
         const imports = [];
         const exports = [];
         const topLevel = [];
@@ -2619,12 +2744,9 @@ var garfishPlugin = createPlugin((options = {}) => ({
         }
         return { imports, exports, topLevel };
       },
-      modifyBootstrapCode(code, ctx) {
+      modifyBootstrapCode(code, _ctx) {
         if (!master) {
-          return code.replace(
-            /antd:\s*\{\s*enabled:\s*true/,
-            "antd: { enabled: false"
-          );
+          return code.replace(/antd:\s*\{\s*enabled:\s*true/, "antd: { enabled: false");
         }
         return code;
       },
@@ -2669,143 +2791,58 @@ export async function initGarfishMaster(): Promise<void> {
 `;
 }
 
-// src/plugin/builtin/tailwind.ts
-import { existsSync as existsSync7, writeFileSync as writeFileSync3 } from "fs";
-import { join as join7 } from "path";
-import { rspack as rspack3 } from "@rspack/core";
-var tailwindPlugin = createPlugin((options = {}) => ({
-  name: "@4399ywkf/plugin-tailwind",
+// src/plugin/builtin/i18n.ts
+import { existsSync as existsSync8, mkdirSync as mkdirSync3, writeFileSync as writeFileSync4 } from "fs";
+import { join as join8 } from "path";
+var i18nPlugin = createPlugin((options = {}) => ({
+  name: "@4399ywkf/plugin-i18n",
   version: "1.0.0",
-  description: "Tailwind CSS \u96C6\u6210\u63D2\u4EF6",
+  description: "\u56FD\u9645\u5316 (i18next) \u63D2\u4EF6 \u2014 TS-first \u5DE5\u4F5C\u6D41",
   setup(context) {
     const {
-      darkModeSelector = '&:where([data-theme="dark"], [data-theme="dark"] *)',
-      autoConfig = true,
-      extraCSS = ""
+      defaultLocale = "zh-CN",
+      locales = ["zh-CN", "en-US"],
+      localesDir = "locales",
+      sourceDir = "src/locales/default",
+      defaultNS = ["common"],
+      autoScaffold = true
     } = options;
-    const { cwd, logger } = context;
-    if (autoConfig) {
-      ensurePostcssConfig(cwd, logger);
+    const { cwd, logger, isDev } = context;
+    if (autoScaffold) {
+      scaffoldSourceFiles(cwd, sourceDir, defaultNS, logger);
+      scaffoldResourcesFile(cwd, sourceDir, defaultNS, locales, defaultLocale, logger);
+      scaffoldConvertScript(cwd, sourceDir, localesDir, defaultLocale, logger);
+      scaffoldI18nRc(cwd, localesDir, defaultLocale, locales, logger);
+      scaffoldLocaleJsonDirs(cwd, localesDir, locales, defaultLocale, defaultNS, logger);
     }
     const hooks = {
       modifyRspackConfig(rspackConfig) {
-        logger.info("Tailwind CSS \u5DF2\u542F\u7528");
-        const rules = rspackConfig.module?.rules || [];
-        const postcssConfigPath = join7(cwd, "postcss.config.js");
-        const isProd = rspackConfig.mode === "production";
-        const tailwindRule = {
-          test: /tailwind\.css$/,
-          use: [
-            isProd ? rspack3.CssExtractRspackPlugin.loader : "style-loader",
-            "css-loader",
-            {
-              loader: "postcss-loader",
-              options: {
-                postcssOptions: {
-                  config: postcssConfigPath
-                }
-              }
-            }
-          ]
-        };
-        rules.unshift(tailwindRule);
-        rspackConfig.module = { ...rspackConfig.module, rules };
+        const aliases = rspackConfig.resolve?.alias || {};
+        if (!aliases["@locales"]) {
+          aliases["@locales"] = join8(cwd, localesDir);
+        }
+        rspackConfig.resolve = { ...rspackConfig.resolve, alias: aliases };
         return rspackConfig;
       },
-      generateFiles(ctx) {
-        const cssContent = buildTailwindCSS(darkModeSelector, extraCSS);
+      generateFiles(_ctx) {
         return [
           {
-            path: "tailwind.css",
-            content: cssContent
+            path: "i18n.ts",
+            content: generateI18nCode({
+              defaultLocale,
+              locales,
+              localesDir,
+              sourceDir,
+              defaultNS,
+              isDev
+            })
           }
         ];
       },
-      injectEntry(ctx) {
+      injectBootstrap(_ctx) {
         return {
-          imports: [
-            `import "./tailwind.css";`
-          ]
-        };
-      }
-    };
-    return hooks;
-  }
-}));
-function buildTailwindCSS(darkModeSelector, extraCSS) {
-  return `/* \u6B64\u6587\u4EF6\u7531 @4399ywkf/plugin-tailwind \u81EA\u52A8\u751F\u6210 */
-@import "tailwindcss";
-@variant dark (${darkModeSelector});
-${extraCSS ? `
-${extraCSS}` : ""}
-`;
-}
-function ensurePostcssConfig(cwd, logger) {
-  const configPath = join7(cwd, "postcss.config.js");
-  if (!existsSync7(configPath)) {
-    writeFileSync3(
-      configPath,
-      `module.exports = {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
-};
-`,
-      "utf-8"
-    );
-    logger.info("\u5DF2\u81EA\u52A8\u751F\u6210 postcss.config.js");
-  }
-}
-
-// src/plugin/builtin/i18n.ts
-import { existsSync as existsSync8, mkdirSync as mkdirSync3, writeFileSync as writeFileSync4 } from "fs";
-import { join as join8 } from "path";
-var i18nPlugin = createPlugin((options = {}) => ({
-  name: "@4399ywkf/plugin-i18n",
-  version: "1.0.0",
-  description: "\u56FD\u9645\u5316 (i18next) \u63D2\u4EF6 \u2014 TS-first \u5DE5\u4F5C\u6D41",
-  setup(context) {
-    const {
-      defaultLocale = "zh-CN",
-      locales = ["zh-CN", "en-US"],
-      localesDir = "locales",
-      sourceDir = "src/locales/default",
-      defaultNS = ["common"],
-      autoScaffold = true
-    } = options;
-    const { cwd, logger, isDev } = context;
-    if (autoScaffold) {
-      scaffoldSourceFiles(cwd, sourceDir, defaultNS, logger);
-      scaffoldResourcesFile(cwd, sourceDir, defaultNS, locales, defaultLocale, logger);
-      scaffoldConvertScript(cwd, sourceDir, localesDir, defaultLocale, logger);
-      scaffoldI18nRc(cwd, localesDir, defaultLocale, locales, logger);
-      scaffoldLocaleJsonDirs(cwd, localesDir, locales, defaultLocale, defaultNS, logger);
-    }
-    const hooks = {
-      modifyRspackConfig(rspackConfig) {
-        const aliases = rspackConfig.resolve?.alias || {};
-        if (!aliases["@locales"]) {
-          aliases["@locales"] = join8(cwd, localesDir);
-        }
-        rspackConfig.resolve = { ...rspackConfig.resolve, alias: aliases };
-        return rspackConfig;
-      },
-      generateFiles(ctx) {
-        return [
-          {
-            path: "i18n.ts",
-            content: generateI18nCode({ defaultLocale, locales, localesDir, sourceDir, defaultNS, isDev })
-          }
-        ];
-      },
-      injectBootstrap(ctx) {
-        return {
-          imports: [
-            `import { initI18n } from "./i18n";`
-          ],
-          topLevel: [
-            `await initI18n();`
-          ]
+          imports: [`import { initI18n } from "./i18n";`],
+          topLevel: [`await initI18n();`]
         };
       }
     };
@@ -2916,7 +2953,7 @@ function buildDefaultNsFile(ns) {
 } as const;
 `;
 }
-function scaffoldResourcesFile(cwd, sourceDir, namespaces, locales, defaultLocale, logger) {
+function scaffoldResourcesFile(cwd, sourceDir, _namespaces, locales, defaultLocale, logger) {
   const parentDir = join8(cwd, sourceDir, "..");
   const filePath = join8(parentDir, "resources.ts");
   if (existsSync8(filePath)) return;
@@ -2967,7 +3004,7 @@ function getLocaleLabel(locale) {
     "ru-RU": "\u0420\u0443\u0441\u0441\u043A\u0438\u0439",
     "it-IT": "Italiano",
     "vi-VN": "Ti\u1EBFng Vi\u1EC7t",
-    "ar": "\u0627\u0644\u0639\u0631\u0628\u064A\u0629"
+    ar: "\u0627\u0644\u0639\u0631\u0628\u064A\u0629"
   };
   return map[locale] || locale;
 }
@@ -3043,98 +3080,152 @@ function scaffoldLocaleJsonDirs(cwd, localesDir, locales, defaultLocale, namespa
     for (const ns of namespaces) {
       const filePath = join8(localeDir, `${ns}.json`);
       if (!existsSync8(filePath)) {
-        const placeholder = ns === "common" ? JSON.stringify({
-          welcome: "Welcome",
-          loading: "Loading...",
-          confirm: "OK",
-          cancel: "Cancel",
-          save: "Save",
-          delete: "Delete",
-          edit: "Edit",
-          back: "Back"
-        }, null, 2) : JSON.stringify({ title: ns }, null, 2);
-        writeFileSync4(filePath, placeholder + "\n", "utf-8");
+        const placeholder = ns === "common" ? JSON.stringify(
+          {
+            welcome: "Welcome",
+            loading: "Loading...",
+            confirm: "OK",
+            cancel: "Cancel",
+            save: "Save",
+            delete: "Delete",
+            edit: "Edit",
+            back: "Back"
+          },
+          null,
+          2
+        ) : JSON.stringify({ title: ns }, null, 2);
+        writeFileSync4(filePath, `${placeholder}
+`, "utf-8");
         logger.info(`\u5DF2\u751F\u6210\u7FFB\u8BD1\u6587\u4EF6: ${localesDir}/${locale}/${ns}.json`);
       }
     }
   }
 }
 
-// src/plugin/builtin/theme.ts
-import { join as join9 } from "path";
-var themePlugin = createPlugin((options = {}) => ({
-  name: "@4399ywkf/plugin-theme",
-  version: "3.0.0",
-  description: "Lobe-UI \u98CE\u683C\u54CD\u5E94\u5F0F\u4E3B\u9898\u7CFB\u7EDF\u63D2\u4EF6",
+// src/plugin/builtin/mock.ts
+import { existsSync as existsSync9, readdirSync as readdirSync2, statSync as statSync2 } from "fs";
+import { join as join9, resolve as resolve3 } from "path";
+var mockPlugin = createPlugin((options = {}) => ({
+  name: "@4399ywkf/plugin-mock",
+  version: "1.0.0",
+  description: "Mock \u6570\u636E\u63D2\u4EF6",
+  setup(context) {
+    const { mockDir = "mock", enableInProd = false, delay = 0, prefix = "" } = options;
+    const { cwd, isDev, logger } = context;
+    if (!isDev && !enableInProd) {
+      logger.info("\u751F\u4EA7\u73AF\u5883\u5DF2\u7981\u7528 Mock");
+      return {};
+    }
+    const mockPath = resolve3(cwd, mockDir);
+    if (!existsSync9(mockPath)) {
+      logger.warn(`Mock \u76EE\u5F55\u4E0D\u5B58\u5728: ${mockPath}`);
+      return {};
+    }
+    const hooks = {
+      modifyRspackConfig(rspackConfig) {
+        if (isDev && rspackConfig.devServer) {
+          const mockFiles = scanMockFiles(mockPath);
+          logger.info(`\u627E\u5230 ${mockFiles.length} \u4E2A Mock \u6587\u4EF6`);
+          rspackConfig.devServer.setupMiddlewares = (middlewares, _devServer) => {
+            middlewares.unshift({
+              name: "mock-middleware",
+              middleware: createMockMiddleware(mockPath, { delay, prefix, logger })
+            });
+            return middlewares;
+          };
+        }
+        return rspackConfig;
+      },
+      beforeDevServer() {
+        logger.info(`Mock \u5DF2\u542F\u7528\uFF0C\u76EE\u5F55: ${mockPath}`);
+        if (delay > 0) {
+          logger.info(`\u6A21\u62DF\u5EF6\u8FDF: ${delay}ms`);
+        }
+      }
+    };
+    return hooks;
+  }
+}));
+function scanMockFiles(dir) {
+  const files = [];
+  if (!existsSync9(dir)) {
+    return files;
+  }
+  const entries = readdirSync2(dir);
+  for (const entry of entries) {
+    const fullPath = join9(dir, entry);
+    const stat = statSync2(fullPath);
+    if (stat.isFile() && /\.(ts|js|mjs)$/.test(entry)) {
+      files.push(fullPath);
+    } else if (stat.isDirectory()) {
+      files.push(...scanMockFiles(fullPath));
+    }
+  }
+  return files;
+}
+function createMockMiddleware(mockPath, options) {
+  const { delay } = options;
+  scanMockFiles(mockPath);
+  return async (_req, _res, next) => {
+    if (delay > 0) {
+      await new Promise((resolve4) => setTimeout(resolve4, delay));
+    }
+    next();
+  };
+}
+
+// src/plugin/builtin/react-query.ts
+var reactQueryPlugin = createPlugin((options = {}) => ({
+  name: "@4399ywkf/plugin-react-query",
+  version: "1.0.0",
+  description: "React Query + Axios \u8BF7\u6C42\u5C42\u96C6\u6210",
   setup(context) {
     const {
-      darkMode = true,
-      defaultAppearance = "light",
-      primaryColor,
-      neutralColor,
-      prefixCls = "ant",
-      cssVar = true,
-      globalReset = true,
-      externalTheme = false
+      staleTime = 5 * 60 * 1e3,
+      gcTime = 10 * 60 * 1e3,
+      retry = 1,
+      devtools = true,
+      baseURL = "",
+      timeout = 15e3
     } = options;
-    const { logger } = context;
-    logger.info(`\u4E3B\u9898\u6A21\u5F0F: ${defaultAppearance}, \u4E3B\u8272: ${primaryColor ?? "primary(\u9ED8\u8BA4\u9ED1)"}, \u54CD\u5E94\u5F0F: \u2713`);
+    const { logger, isDev } = context;
     const hooks = {
-      modifyRspackConfig(config, ctx) {
-        const themePath = join9(ctx.cwd, ".ywkf", "theme.tsx");
-        const currentAlias = config.resolve?.alias ?? {};
-        config.resolve = {
-          ...config.resolve,
-          alias: {
-            ...currentAlias,
-            "@ywkf/theme": themePath
-          }
-        };
-        return config;
-      },
-      generateFiles(ctx) {
-        return [
+      generateFiles(_ctx) {
+        logger.info("React Query \u5DF2\u542F\u7528");
+        const files = [
           {
-            path: "theme.tsx",
-            content: generateThemeProvider({
-              darkMode,
-              defaultAppearance,
-              primaryColor,
-              neutralColor,
-              prefixCls,
-              cssVar,
-              globalReset,
-              externalTheme
-            })
+            path: "query-client.ts",
+            content: buildQueryClientFile({ staleTime, gcTime, retry, devtools, isDev })
+          },
+          {
+            path: "request.ts",
+            content: buildRequestFile({ baseURL, timeout })
           }
         ];
+        return files;
       },
-      injectBootstrap(ctx) {
+      injectBootstrap(_ctx) {
         return {
           imports: [
-            `import { ThemeWrapper } from "./theme";`
-          ]
+            `import { QueryClientProvider } from "@tanstack/react-query";`,
+            `import { queryClient } from "./query-client";`
+          ],
+          topLevel: [`// React Query Provider\uFF08\u7531 @4399ywkf/plugin-react-query \u6CE8\u5165\uFF09`]
         };
       },
       modifyBootstrapCode(code) {
         const providerEntry = `    {
-      component: ThemeWrapper as React.ComponentType<{ children: React.ReactNode }>,
-      props: {},
-      order: 10,
+      component: QueryClientProvider as React.ComponentType<{ children: React.ReactNode }>,
+      props: { client: queryClient },
+      order: 20,
     }`;
         if (code.includes("providers: []")) {
-          code = code.replace(
-            "providers: []",
-            `providers: [
+          code = code.replace("providers: []", `providers: [
 ${providerEntry},
-  ]`
-          );
+  ]`);
         } else if (code.includes("providers: [")) {
-          code = code.replace(
-            "providers: [",
-            `providers: [
-${providerEntry},`
-          );
+          code = code.replace("providers: [", `providers: [
+${providerEntry},`);
         }
         if (!code.includes("import React")) {
           code = code.replace(
@@ -3149,489 +3240,366 @@ import { bootstrap`
     return hooks;
   }
 }));
-function generateThemeProvider(opts) {
-  const {
-    darkMode,
-    defaultAppearance,
-    primaryColor,
-    neutralColor,
-    prefixCls,
-    cssVar,
-    globalReset,
-    externalTheme
-  } = opts;
-  const sections = [];
-  sections.push(`// \u6B64\u6587\u4EF6\u7531 @4399ywkf/plugin-theme v3 \u81EA\u52A8\u751F\u6210\uFF0C\u8BF7\u52FF\u624B\u52A8\u4FEE\u6539`);
-  sections.push(buildImports({ globalReset, cssVar }));
-  sections.push(TYPES_CODE);
-  sections.push(buildStoreCode({ defaultAppearance, primaryColor, neutralColor }));
-  sections.push(HOOKS_CODE);
-  if (globalReset) sections.push(GLOBAL_RESET_CODE);
-  if (cssVar) sections.push(CSS_VAR_SYNC_CODE);
-  if (darkMode) sections.push(APPEARANCE_SYNC_CODE);
-  if (externalTheme) sections.push(EXTERNAL_THEME_CODE);
-  sections.push(buildWrapperCode({ darkMode, cssVar, globalReset, externalTheme, prefixCls }));
-  return sections.join("\n");
-}
-function buildImports(opts) {
-  const reactImports = [
-    "useCallback",
-    "useEffect",
-    "useMemo",
-    ...opts.cssVar ? ["useLayoutEffect", "useRef"] : [],
-    "type ReactNode"
-  ];
-  const antdStyleImports = [
-    "ThemeProvider as AntdThemeProvider",
-    "type GetAntdTheme",
-    ...opts.globalReset ? ["createGlobalStyle", "css"] : []
-  ];
-  return `
-import React, { ${reactImports.join(", ")} } from "react";
-import { ${antdStyleImports.join(", ")} } from "antd-style";
-import { createWithEqualityFn } from "zustand/traditional";
-import { shallow } from "zustand/shallow";
-import { createThemeConfig, type PrimaryColors, type NeutralColors } from "@4399ywkf/theme-system";`;
-}
-var TYPES_CODE = `
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Types \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+function buildQueryClientFile(opts) {
+  const { staleTime, gcTime, retry, devtools, isDev } = opts;
+  return `// \u6B64\u6587\u4EF6\u7531 @4399ywkf/plugin-react-query \u81EA\u52A8\u751F\u6210
+import { QueryClient } from "@tanstack/react-query";
 
-export type ThemeAppearance = "light" | "dark" | "auto";
-
-export interface ThemeState {
-  appearance: ThemeAppearance;
-  primaryColor?: PrimaryColors;
-  neutralColor?: NeutralColors;
-}
+/**
+ * \u5168\u5C40 QueryClient \u5B9E\u4F8B
+ *
+ * \u9ED8\u8BA4\u914D\u7F6E\u53EF\u5728 ywkf.config.ts \u7684 reactQueryPlugin \u9009\u9879\u4E2D\u4FEE\u6539\u3002
+ * \u8FD0\u884C\u65F6\u81EA\u5B9A\u4E49\u53EF\u901A\u8FC7 src/app.config.ts \u8986\u76D6\u3002
+ */
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: ${staleTime},
+      gcTime: ${gcTime},
+      retry: ${typeof retry === "boolean" ? retry : retry},
+      refetchOnWindowFocus: false,
+    },
+    mutations: {
+      retry: false,
+    },
+  },
+});
 
-export interface ThemeActions {
-  setAppearance: (mode: ThemeAppearance) => void;
-  setPrimaryColor: (color: PrimaryColors | undefined) => void;
-  setNeutralColor: (color: NeutralColors | undefined) => void;
-  setTheme: (partial: Partial<ThemeState>) => void;
+export default queryClient;
+`;
 }
+function buildRequestFile(opts) {
+  const { baseURL, timeout } = opts;
+  return `// \u6B64\u6587\u4EF6\u7531 @4399ywkf/plugin-react-query \u81EA\u52A8\u751F\u6210\uFF0C\u8BF7\u52FF\u624B\u52A8\u4FEE\u6539
+// \u5982\u9700\u5B9A\u5236\u62E6\u622A\u5668\uFF0C\u8BF7\u7F16\u8F91 src/request.ts
+import axios from "axios";
+import qs from "qs";
+import type { AxiosInstance, AxiosRequestConfig, InternalAxiosRequestConfig, AxiosResponse, AxiosError } from "axios";
+import type { RequestConfig, Result } from "@4399ywkf/core/runtime";
 
-export type ThemeStore = ThemeState & ThemeActions;
-
-export type { PrimaryColors, NeutralColors };`;
-function buildStoreCode(opts) {
-  const primaryLine = opts.primaryColor ? `  primaryColor: "${opts.primaryColor}" as PrimaryColors,` : `  primaryColor: undefined,`;
-  const neutralLine = opts.neutralColor ? `  neutralColor: "${opts.neutralColor}" as NeutralColors,` : `  neutralColor: undefined,`;
-  return `
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Theme Store \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+// ============ \u52A0\u8F7D\u7528\u6237\u914D\u7F6E ============
 
-const DEFAULT_THEME: ThemeState = {
-  appearance: "${opts.defaultAppearance}",
-${primaryLine}
-${neutralLine}
-};
+let userConfig: RequestConfig = {};
 
-export const useThemeStore = createWithEqualityFn<ThemeStore>()(
-  (set) => ({
-    ...DEFAULT_THEME,
-    setAppearance: (mode) => set({ appearance: mode }),
-    setPrimaryColor: (color) => set({ primaryColor: color }),
-    setNeutralColor: (color) => set({ neutralColor: color }),
-    setTheme: (partial) => set(partial),
-  }),
-  shallow,
-);`;
+try {
+  const mod = require("@/request");
+  userConfig = mod.default || mod;
+} catch {
+  // src/request.ts \u4E0D\u5B58\u5728\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u914D\u7F6E
 }
-var HOOKS_CODE = `
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Convenience Hooks \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-export const useTheme = () =>
-  useThemeStore(
-    (s) => ({
-      appearance: s.appearance,
-      primaryColor: s.primaryColor,
-      neutralColor: s.neutralColor,
-    }),
-    shallow,
-  );
+// ============ \u53C2\u6570\u5E8F\u5217\u5316\uFF08GET \u8BF7\u6C42\u4E13\u7528\uFF09============
 
-export const useAppearance = () => useThemeStore((s) => s.appearance);
-export const usePrimaryColor = () => useThemeStore((s) => s.primaryColor);`;
-var GLOBAL_RESET_CODE = `
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Global Style \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+/**
+ * GET \u8BF7\u6C42\u53C2\u6570\u5E8F\u5217\u5316\u89C4\u5219\uFF1A
+ * - \u6570\u7EC4\uFF1Arepeat \u6A21\u5F0F\uFF08key=1&key=2\uFF09
+ * - \u5BF9\u8C61\uFF1AJSON.stringify \u540E\u4F5C\u4E3A\u5B57\u7B26\u4E32\u4F20\u9012
+ * - null / undefined\uFF1AskipNulls \u8DF3\u8FC7
+ * - \u57FA\u672C\u7C7B\u578B\uFF1A\u539F\u6837\u4F20\u9012
+ */
+export function paramsSerializer(params: Record<string, any>): string {
+  const normalized: Record<string, any> = {};
 
-const GlobalReset = createGlobalStyle(({ theme }) => css\`
-  :root {
-    --font-settings: "cv01", "tnum", "kern";
-    --font-variations: "opsz" auto, tabular-nums;
-  }
+  Object.keys(params).forEach((key) => {
+    const value = params[key];
 
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-    vertical-align: baseline;
-  }
+    if (value === null || value === undefined) {
+      normalized[key] = value;
+    } else if (Array.isArray(value)) {
+      normalized[key] = value;
+    } else if (typeof value === "object") {
+      normalized[key] = JSON.stringify(value);
+    } else {
+      normalized[key] = value;
+    }
+  });
 
-  * {
-    scrollbar-color: \${theme.colorFill} transparent;
-    scrollbar-width: thin;
-  }
+  return qs.stringify(normalized, { arrayFormat: "repeat", skipNulls: true });
+}
 
-  html {
-    overscroll-behavior: none;
-    color-scheme: \${theme.isDarkMode ? "dark" : "light"};
-  }
+// ============ \u521B\u5EFA Axios \u5B9E\u4F8B ============
 
-  html, body, #root, #app {
-    height: 100%;
-    margin: 0;
-    padding: 0;
-  }
+const instance: AxiosInstance = axios.create({
+  baseURL: userConfig.baseURL ?? ("${baseURL}" || ""),
+  timeout: userConfig.timeout ?? ${timeout},
+  withCredentials: userConfig.withCredentials ?? false,
+  headers: {
+    "Content-Type": "application/json",
+    ...(userConfig.headers || {}),
+  },
+});
 
-  body {
-    overflow: hidden auto;
-    min-height: 100vh;
-    font-family: \${theme.fontFamily};
-    font-size: \${theme.fontSize}px;
-    font-feature-settings: var(--font-settings);
-    font-variation-settings: var(--font-variations);
-    line-height: 1;
-    color: \${theme.colorTextBase};
-    text-size-adjust: none;
-    text-rendering: optimizelegibility;
-    word-wrap: break-word;
-    background-color: \${theme.colorBgLayout};
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-overflow-scrolling: touch;
-    -webkit-tap-highlight-color: transparent;
-  }
+// ============ \u8BF7\u6C42\u62E6\u622A\u5668 ============
 
-  code {
-    font-family: \${theme.fontFamilyCode} !important;
-  }
+instance.interceptors.request.use(
+  (config: InternalAxiosRequestConfig) => {
+    // 1. Token \u6CE8\u5165
+    if (userConfig.getToken) {
+      const token = userConfig.getToken();
+      if (token && config.headers) {
+        const prefix = userConfig.tokenPrefix ?? "Bearer";
+        config.headers.Authorization = prefix ? \`\${prefix} \${token}\` : token;
+      }
+    } else {
+      // \u9ED8\u8BA4\uFF1A\u4ECE localStorage \u8BFB\u53D6
+      const token = typeof localStorage !== "undefined"
+        ? localStorage.getItem("token")
+        : null;
+      if (token && config.headers) {
+        config.headers.Authorization = \`Bearer \${token}\`;
+      }
+    }
 
-  ::selection {
-    color: #000;
-    -webkit-text-fill-color: unset !important;
-  }
-\`);`;
-var CSS_VAR_SYNC_CODE = `
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CSS Variable Sync \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+    // 2. \u7528\u6237\u81EA\u5B9A\u4E49\u8BF7\u6C42\u62E6\u622A
+    if (userConfig.requestInterceptor) {
+      return userConfig.requestInterceptor(config as any) as any;
+    }
 
-const CSS_VAR_PREFIX = "css-var-";
+    return config;
+  },
+  (error: AxiosError) => Promise.reject(error)
+);
 
-function useCssVarSync(ref: React.RefObject<HTMLDivElement | null>) {
-  useLayoutEffect(() => {
-    const node = ref.current;
-    if (!node) return;
+// ============ \u54CD\u5E94\u62E6\u622A\u5668 ============
 
-    const htmlEl = document.documentElement;
-    let currentClasses: string[] = [];
+instance.interceptors.response.use(
+  (response: AxiosResponse) => {
+    // \u7528\u6237\u81EA\u5B9A\u4E49\u54CD\u5E94\u62E6\u622A
+    if (userConfig.responseInterceptor) {
+      return userConfig.responseInterceptor(response as any);
+    }
 
-    const sync = () => {
-      for (const cls of currentClasses) htmlEl.classList.remove(cls);
+    // \u9ED8\u8BA4\uFF1A\u76F4\u63A5\u8FD4\u56DE response.data
+    return response.data;
+  },
+  (error: AxiosError) => {
+    // \u7528\u6237\u81EA\u5B9A\u4E49\u9519\u8BEF\u5904\u7406
+    if (userConfig.errorHandler) {
+      return userConfig.errorHandler(error as any);
+    }
 
-      const next: string[] = [];
-      let el: HTMLElement | null = node;
-      while (el && el !== htmlEl) {
-        for (const cls of el.classList) {
-          if (cls.startsWith(CSS_VAR_PREFIX)) next.push(cls);
+    // \u9ED8\u8BA4\u9519\u8BEF\u5904\u7406
+    const status = error.response?.status;
+
+    switch (status) {
+      case 401:
+        console.warn("[request] \u672A\u6388\u6743\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55");
+        break;
+      case 403:
+        console.warn("[request] \u65E0\u8BBF\u95EE\u6743\u9650");
+        break;
+      case 500:
+        console.error("[request] \u670D\u52A1\u5668\u5185\u90E8\u9519\u8BEF");
+        break;
+      default:
+        if (!error.response) {
+          console.error("[request] \u7F51\u7EDC\u5F02\u5E38\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC\u8FDE\u63A5");
         }
-        el = el.parentElement;
-      }
+    }
 
-      for (const cls of next) htmlEl.classList.add(cls);
-      currentClasses = next;
-    };
+    return Promise.reject(error);
+  }
+);
 
-    sync();
+// ============ \u8BF7\u6C42\u5C01\u88C5\u7C7B ============
 
-    const observer = new MutationObserver(sync);
-    let el: HTMLElement | null = node;
-    while (el && el !== htmlEl) {
-      observer.observe(el, { attributeFilter: ["class"] });
-      el = el.parentElement;
-    }
-
-    return () => {
-      observer.disconnect();
-      for (const cls of currentClasses) htmlEl.classList.remove(cls);
-    };
-  }, []);
-}`;
-var APPEARANCE_SYNC_CODE = `
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Appearance Sync \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-function useAppearanceSync(appearance: ThemeAppearance) {
-  useEffect(() => {
-    if (appearance !== "auto") {
-      document.documentElement.dataset.theme = appearance;
-      return;
-    }
-
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    document.documentElement.dataset.theme = mq.matches ? "dark" : "light";
-
-    function handleChange(e: MediaQueryListEvent) {
-      document.documentElement.dataset.theme = e.matches ? "dark" : "light";
-    }
+type ExtraConfig = AxiosRequestConfig & { suppressErrorNotification?: boolean };
 
-    mq.addEventListener("change", handleChange);
-    return () => mq.removeEventListener("change", handleChange);
-  }, [appearance]);
-}`;
-var EXTERNAL_THEME_CODE = `
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 External Theme Injection \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+class Request {
+  constructor(private readonly http: AxiosInstance) {}
 
-function useExternalTheme() {
-  useEffect(() => {
-    const hostTheme = (window as any).__YWKF_THEME__;
-    if (hostTheme && typeof hostTheme === "object") {
-      useThemeStore.getState().setTheme(hostTheme);
-    }
+  get<T = any>(url: string, params?: Record<string, any>, config?: ExtraConfig): Promise<Result<T>> {
+    return this.http.get(url, {
+      ...config,
+      params,
+      paramsSerializer,
+    });
+  }
 
-    const handler = (e: Event) => {
-      const detail = (e as CustomEvent<Partial<ThemeState>>).detail;
-      if (detail) useThemeStore.getState().setTheme(detail);
-    };
+  post<T = any>(url: string, data?: any, config?: ExtraConfig): Promise<Result<T>> {
+    return this.http.post(url, data, config);
+  }
 
-    window.addEventListener("ywkf:theme-change", handler);
-    return () => window.removeEventListener("ywkf:theme-change", handler);
-  }, []);
-}`;
-function buildWrapperCode(opts) {
-  const { darkMode, cssVar, globalReset, externalTheme, prefixCls } = opts;
-  const refLine = cssVar ? "\n  const containerRef = useRef<HTMLDivElement>(null);" : "";
-  const cssVarSyncLine = cssVar ? "\n  useCssVarSync(containerRef);" : "";
-  const appearanceSyncLine = darkMode ? "\n  useAppearanceSync(appearance);" : "";
-  const externalThemeLine = externalTheme ? "\n  useExternalTheme();" : "";
-  const childrenSlot = cssVar ? `<div ref={containerRef} style={{ display: "contents" }}>
-        {children}
-      </div>` : "{children}";
-  return `
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ThemeWrapper \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+  put<T = any>(url: string, data?: any, config?: ExtraConfig): Promise<Result<T>> {
+    return this.http.put(url, data, config);
+  }
 
-const RUNTIME_PREFIX_CLS = typeof process !== "undefined"
-  && process.env?.YWKF_PREFIX_CLS
-  || "${prefixCls}";
+  delete<T = any>(url: string, params?: Record<string, any>, config?: ExtraConfig): Promise<Result<T>> {
+    return this.http.delete(url, {
+      ...config,
+      params,
+      paramsSerializer,
+    });
+  }
 
-interface ThemeWrapperProps {
-  children: ReactNode;
+  patch<T = any>(url: string, data?: any, config?: ExtraConfig): Promise<Result<T>> {
+    return this.http.patch(url, data, config);
+  }
 }
 
-export function ThemeWrapper({ children }: ThemeWrapperProps) {${refLine}
-  const { appearance, primaryColor, neutralColor } = useThemeStore(
-    (s) => ({ appearance: s.appearance, primaryColor: s.primaryColor, neutralColor: s.neutralColor }),
-    shallow,
-  );${cssVarSyncLine}${appearanceSyncLine}${externalThemeLine}
-
-  const resolvedAppearance = useMemo(() => {
-    if (appearance !== "auto") return appearance;
-    if (typeof window === "undefined") return "light";
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-  }, [appearance]);
-
-  const theme = useCallback<GetAntdTheme>(
-    (ap) => createThemeConfig({
-      appearance: ap as "light" | "dark",
-      primaryColor,
-      neutralColor,
-    }),
-    [primaryColor, neutralColor],
-  );
-
-  return (
-    <AntdThemeProvider
-      prefixCls={RUNTIME_PREFIX_CLS}
-      appearance={resolvedAppearance}
-      themeMode={appearance}
-      theme={theme}${cssVar ? "\n      customToken={{ cssVar: true }}" : ""}
-    >
-      ${globalReset ? "<GlobalReset />" : ""}
-      ${childrenSlot}
-    </AntdThemeProvider>
-  );
-}
+// ============ \u5BFC\u51FA ============
 
-export default ThemeWrapper;
+export const request = new Request(instance);
+export type { Result };
+export default request;
 `;
 }
 
-// src/plugin/builtin/mock.ts
-import { resolve as resolve2, join as join10 } from "path";
-import { existsSync as existsSync9, readdirSync as readdirSync2, statSync as statSync2 } from "fs";
-var mockPlugin = createPlugin((options = {}) => ({
-  name: "@4399ywkf/plugin-mock",
+// src/plugin/builtin/tailwind.ts
+import { existsSync as existsSync10, writeFileSync as writeFileSync5 } from "fs";
+import { join as join10 } from "path";
+import { rspack as rspack5 } from "@rspack/core";
+var tailwindPlugin = createPlugin((options = {}) => ({
+  name: "@4399ywkf/plugin-tailwind",
   version: "1.0.0",
-  description: "Mock \u6570\u636E\u63D2\u4EF6",
+  description: "Tailwind CSS \u96C6\u6210\u63D2\u4EF6",
   setup(context) {
     const {
-      mockDir = "mock",
-      enableInProd = false,
-      delay = 0,
-      prefix = ""
+      darkModeSelector = '&:where([data-theme="dark"], [data-theme="dark"] *)',
+      autoConfig = true,
+      extraCSS = ""
     } = options;
-    const { cwd, isDev, logger } = context;
-    if (!isDev && !enableInProd) {
-      logger.info("\u751F\u4EA7\u73AF\u5883\u5DF2\u7981\u7528 Mock");
-      return {};
-    }
-    const mockPath = resolve2(cwd, mockDir);
-    if (!existsSync9(mockPath)) {
-      logger.warn(`Mock \u76EE\u5F55\u4E0D\u5B58\u5728: ${mockPath}`);
-      return {};
+    const { cwd, logger } = context;
+    if (autoConfig) {
+      ensurePostcssConfig(cwd, logger);
     }
     const hooks = {
       modifyRspackConfig(rspackConfig) {
-        if (isDev && rspackConfig.devServer) {
-          const mockFiles = scanMockFiles(mockPath);
-          logger.info(`\u627E\u5230 ${mockFiles.length} \u4E2A Mock \u6587\u4EF6`);
-          rspackConfig.devServer.setupMiddlewares = (middlewares, devServer) => {
-            middlewares.unshift({
-              name: "mock-middleware",
-              middleware: createMockMiddleware(mockPath, { delay, prefix, logger })
-            });
-            return middlewares;
-          };
-        }
+        logger.info("Tailwind CSS \u5DF2\u542F\u7528");
+        const rules = rspackConfig.module?.rules || [];
+        const postcssConfigPath = join10(cwd, "postcss.config.js");
+        const isProd = rspackConfig.mode === "production";
+        const tailwindRule = {
+          test: /tailwind\.css$/,
+          use: [
+            isProd ? rspack5.CssExtractRspackPlugin.loader : "style-loader",
+            "css-loader",
+            {
+              loader: "postcss-loader",
+              options: {
+                postcssOptions: {
+                  config: postcssConfigPath
+                }
+              }
+            }
+          ]
+        };
+        rules.unshift(tailwindRule);
+        rspackConfig.module = { ...rspackConfig.module, rules };
         return rspackConfig;
       },
-      beforeDevServer() {
-        logger.info(`Mock \u5DF2\u542F\u7528\uFF0C\u76EE\u5F55: ${mockPath}`);
-        if (delay > 0) {
-          logger.info(`\u6A21\u62DF\u5EF6\u8FDF: ${delay}ms`);
-        }
+      generateFiles(_ctx) {
+        const cssContent = buildTailwindCSS(darkModeSelector, extraCSS);
+        return [
+          {
+            path: "tailwind.css",
+            content: cssContent
+          }
+        ];
+      },
+      injectEntry(_ctx) {
+        return {
+          imports: [`import "./tailwind.css";`]
+        };
       }
     };
     return hooks;
   }
 }));
-function scanMockFiles(dir) {
-  const files = [];
-  if (!existsSync9(dir)) {
-    return files;
-  }
-  const entries = readdirSync2(dir);
-  for (const entry of entries) {
-    const fullPath = join10(dir, entry);
-    const stat = statSync2(fullPath);
-    if (stat.isFile() && /\.(ts|js|mjs)$/.test(entry)) {
-      files.push(fullPath);
-    } else if (stat.isDirectory()) {
-      files.push(...scanMockFiles(fullPath));
-    }
-  }
-  return files;
+function buildTailwindCSS(darkModeSelector, extraCSS) {
+  return `/* \u6B64\u6587\u4EF6\u7531 @4399ywkf/plugin-tailwind \u81EA\u52A8\u751F\u6210 */
+@import "tailwindcss";
+@variant dark (${darkModeSelector});
+${extraCSS ? `
+${extraCSS}` : ""}
+`;
 }
-function createMockMiddleware(mockPath, options) {
-  const { delay } = options;
-  scanMockFiles(mockPath);
-  return async (req, res, next) => {
-    if (delay > 0) {
-      await new Promise((resolve4) => setTimeout(resolve4, delay));
-    }
-    next();
-  };
+function ensurePostcssConfig(cwd, logger) {
+  const configPath = join10(cwd, "postcss.config.js");
+  if (!existsSync10(configPath)) {
+    writeFileSync5(
+      configPath,
+      `module.exports = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+`,
+      "utf-8"
+    );
+    logger.info("\u5DF2\u81EA\u52A8\u751F\u6210 postcss.config.js");
+  }
 }
 
-// src/plugin/builtin/analytics.ts
-var analyticsPlugin = createPlugin((options = {}) => ({
-  name: "@4399ywkf/plugin-analytics",
-  version: "1.0.0",
-  description: "\u6784\u5EFA\u5206\u6790\u63D2\u4EF6",
+// src/plugin/builtin/theme.ts
+import { join as join11 } from "path";
+var themePlugin = createPlugin((options = {}) => ({
+  name: "@4399ywkf/plugin-theme",
+  version: "3.0.0",
+  description: "Lobe-UI \u98CE\u683C\u54CD\u5E94\u5F0F\u4E3B\u9898\u7CFB\u7EDF\u63D2\u4EF6",
   setup(context) {
     const {
-      buildAnalysis = true,
-      timing = true,
-      bundleSize = true,
-      sizeWarningThreshold = 500
-    } = options;
-    const { logger, isProd } = context;
-    let buildStartTime;
-    const hooks = {
-      beforeBuild() {
-        if (timing) {
-          buildStartTime = Date.now();
-          logger.info("\u5F00\u59CB\u6784\u5EFA...");
-        }
-      },
-      afterBuild(_context, stats) {
-        if (timing) {
-          const duration = Date.now() - buildStartTime;
-          logger.info(`\u6784\u5EFA\u5B8C\u6210\uFF0C\u8017\u65F6: ${(duration / 1e3).toFixed(2)}s`);
-        }
-        if (!stats.success && stats.errors) {
-          logger.error(`\u6784\u5EFA\u5931\u8D25\uFF0C\u9519\u8BEF\u6570: ${stats.errors.length}`);
-        }
-      },
-      modifyRspackConfig(config) {
-        if (buildAnalysis && isProd) {
-          logger.info("\u6784\u5EFA\u5206\u6790\u5DF2\u542F\u7528");
-        }
-        return config;
-      }
-    };
-    return hooks;
-  }
-}));
-
-// src/plugin/builtin/react-query.ts
-var reactQueryPlugin = createPlugin((options = {}) => ({
-  name: "@4399ywkf/plugin-react-query",
-  version: "1.0.0",
-  description: "React Query + Axios \u8BF7\u6C42\u5C42\u96C6\u6210",
-  setup(context) {
-    const {
-      staleTime = 5 * 60 * 1e3,
-      gcTime = 10 * 60 * 1e3,
-      retry = 1,
-      devtools = true,
-      baseURL = "",
-      timeout = 15e3
+      darkMode = true,
+      defaultAppearance = "light",
+      primaryColor,
+      neutralColor,
+      prefixCls = "ant",
+      cssVar = true,
+      globalReset = true,
+      externalTheme = false
     } = options;
-    const { logger, isDev } = context;
+    const { logger } = context;
+    logger.info(
+      `\u4E3B\u9898\u6A21\u5F0F: ${defaultAppearance}, \u4E3B\u8272: ${primaryColor ?? "primary(\u9ED8\u8BA4\u9ED1)"}, \u54CD\u5E94\u5F0F: \u2713`
+    );
     const hooks = {
-      generateFiles(ctx) {
-        logger.info("React Query \u5DF2\u542F\u7528");
-        const files = [
-          {
-            path: "query-client.ts",
-            content: buildQueryClientFile({ staleTime, gcTime, retry, devtools, isDev })
-          },
+      modifyRspackConfig(config, ctx) {
+        const themePath = join11(ctx.cwd, ".ywkf", "theme.tsx");
+        const currentAlias = config.resolve?.alias ?? {};
+        config.resolve = {
+          ...config.resolve,
+          alias: {
+            ...currentAlias,
+            "@ywkf/theme": themePath
+          }
+        };
+        return config;
+      },
+      generateFiles(_ctx) {
+        return [
           {
-            path: "request.ts",
-            content: buildRequestFile({ baseURL, timeout })
+            path: "theme.tsx",
+            content: generateThemeProvider({
+              darkMode,
+              defaultAppearance,
+              primaryColor,
+              neutralColor,
+              prefixCls,
+              cssVar,
+              globalReset,
+              externalTheme
+            })
           }
         ];
-        return files;
       },
-      injectBootstrap(ctx) {
+      injectBootstrap(_ctx) {
         return {
-          imports: [
-            `import { QueryClientProvider } from "@tanstack/react-query";`,
-            `import { queryClient } from "./query-client";`
-          ],
-          topLevel: [
-            `// React Query Provider\uFF08\u7531 @4399ywkf/plugin-react-query \u6CE8\u5165\uFF09`
-          ]
+          imports: [`import { ThemeWrapper } from "./theme";`]
         };
       },
       modifyBootstrapCode(code) {
         const providerEntry = `    {
-      component: QueryClientProvider as React.ComponentType<{ children: React.ReactNode }>,
-      props: { client: queryClient },
-      order: 20,
+      component: ThemeWrapper as React.ComponentType<{ children: React.ReactNode }>,
+      props: {},
+      order: 10,
     }`;
         if (code.includes("providers: []")) {
-          code = code.replace(
-            "providers: []",
-            `providers: [
+          code = code.replace("providers: []", `providers: [
 ${providerEntry},
-  ]`
-          );
+  ]`);
         } else if (code.includes("providers: [")) {
-          code = code.replace(
-            "providers: [",
-            `providers: [
-${providerEntry},`
-          );
+          code = code.replace("providers: [", `providers: [
+${providerEntry},`);
         }
         if (!code.includes("import React")) {
           code = code.replace(
@@ -3646,223 +3614,323 @@ import { bootstrap`
     return hooks;
   }
 }));
-function buildQueryClientFile(opts) {
-  const { staleTime, gcTime, retry, devtools, isDev } = opts;
-  return `// \u6B64\u6587\u4EF6\u7531 @4399ywkf/plugin-react-query \u81EA\u52A8\u751F\u6210
-import { QueryClient } from "@tanstack/react-query";
-
-/**
- * \u5168\u5C40 QueryClient \u5B9E\u4F8B
- *
- * \u9ED8\u8BA4\u914D\u7F6E\u53EF\u5728 ywkf.config.ts \u7684 reactQueryPlugin \u9009\u9879\u4E2D\u4FEE\u6539\u3002
- * \u8FD0\u884C\u65F6\u81EA\u5B9A\u4E49\u53EF\u901A\u8FC7 src/app.config.ts \u8986\u76D6\u3002
- */
-export const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      staleTime: ${staleTime},
-      gcTime: ${gcTime},
-      retry: ${typeof retry === "boolean" ? retry : retry},
-      refetchOnWindowFocus: false,
-    },
-    mutations: {
-      retry: false,
-    },
-  },
-});
-
-export default queryClient;
-`;
+function generateThemeProvider(opts) {
+  const {
+    darkMode,
+    defaultAppearance,
+    primaryColor,
+    neutralColor,
+    prefixCls,
+    cssVar,
+    globalReset,
+    externalTheme
+  } = opts;
+  const sections = [];
+  sections.push(`// \u6B64\u6587\u4EF6\u7531 @4399ywkf/plugin-theme v3 \u81EA\u52A8\u751F\u6210\uFF0C\u8BF7\u52FF\u624B\u52A8\u4FEE\u6539`);
+  sections.push(buildImports({ globalReset, cssVar }));
+  sections.push(TYPES_CODE);
+  sections.push(buildStoreCode({ defaultAppearance, primaryColor, neutralColor }));
+  sections.push(HOOKS_CODE);
+  if (globalReset) sections.push(GLOBAL_RESET_CODE);
+  if (cssVar) sections.push(CSS_VAR_SYNC_CODE);
+  if (darkMode) sections.push(APPEARANCE_SYNC_CODE);
+  if (externalTheme) sections.push(EXTERNAL_THEME_CODE);
+  sections.push(buildWrapperCode({ darkMode, cssVar, globalReset, externalTheme, prefixCls }));
+  return sections.join("\n");
 }
-function buildRequestFile(opts) {
-  const { baseURL, timeout } = opts;
-  return `// \u6B64\u6587\u4EF6\u7531 @4399ywkf/plugin-react-query \u81EA\u52A8\u751F\u6210\uFF0C\u8BF7\u52FF\u624B\u52A8\u4FEE\u6539
-// \u5982\u9700\u5B9A\u5236\u62E6\u622A\u5668\uFF0C\u8BF7\u7F16\u8F91 src/request.ts
-import axios from "axios";
-import qs from "qs";
-import type { AxiosInstance, AxiosRequestConfig, InternalAxiosRequestConfig, AxiosResponse, AxiosError } from "axios";
-import type { RequestConfig, Result } from "@4399ywkf/core/runtime";
-
-// ============ \u52A0\u8F7D\u7528\u6237\u914D\u7F6E ============
+function buildImports(opts) {
+  const reactImports = [
+    "useCallback",
+    "useEffect",
+    "useMemo",
+    ...opts.cssVar ? ["useLayoutEffect", "useRef"] : [],
+    "type ReactNode"
+  ];
+  const antdStyleImports = [
+    "ThemeProvider as AntdThemeProvider",
+    "type GetAntdTheme",
+    ...opts.globalReset ? ["createGlobalStyle", "css"] : []
+  ];
+  return `
+import React, { ${reactImports.join(", ")} } from "react";
+import { ${antdStyleImports.join(", ")} } from "antd-style";
+import { createWithEqualityFn } from "zustand/traditional";
+import { shallow } from "zustand/shallow";
+import { createThemeConfig, type PrimaryColors, type NeutralColors } from "@4399ywkf/theme-system";`;
+}
+var TYPES_CODE = `
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Types \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-let userConfig: RequestConfig = {};
+export type ThemeAppearance = "light" | "dark" | "auto";
 
-try {
-  const mod = require("@/request");
-  userConfig = mod.default || mod;
-} catch {
-  // src/request.ts \u4E0D\u5B58\u5728\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u914D\u7F6E
+export interface ThemeState {
+  appearance: ThemeAppearance;
+  primaryColor?: PrimaryColors;
+  neutralColor?: NeutralColors;
 }
 
-// ============ \u53C2\u6570\u5E8F\u5217\u5316\uFF08GET \u8BF7\u6C42\u4E13\u7528\uFF09============
+export interface ThemeActions {
+  setAppearance: (mode: ThemeAppearance) => void;
+  setPrimaryColor: (color: PrimaryColors | undefined) => void;
+  setNeutralColor: (color: NeutralColors | undefined) => void;
+  setTheme: (partial: Partial<ThemeState>) => void;
+}
 
-/**
- * GET \u8BF7\u6C42\u53C2\u6570\u5E8F\u5217\u5316\u89C4\u5219\uFF1A
- * - \u6570\u7EC4\uFF1Arepeat \u6A21\u5F0F\uFF08key=1&key=2\uFF09
- * - \u5BF9\u8C61\uFF1AJSON.stringify \u540E\u4F5C\u4E3A\u5B57\u7B26\u4E32\u4F20\u9012
- * - null / undefined\uFF1AskipNulls \u8DF3\u8FC7
- * - \u57FA\u672C\u7C7B\u578B\uFF1A\u539F\u6837\u4F20\u9012
- */
-export function paramsSerializer(params: Record<string, any>): string {
-  const normalized: Record<string, any> = {};
+export type ThemeStore = ThemeState & ThemeActions;
 
-  Object.keys(params).forEach((key) => {
-    const value = params[key];
+export type { PrimaryColors, NeutralColors };`;
+function buildStoreCode(opts) {
+  const primaryLine = opts.primaryColor ? `  primaryColor: "${opts.primaryColor}" as PrimaryColors,` : `  primaryColor: undefined,`;
+  const neutralLine = opts.neutralColor ? `  neutralColor: "${opts.neutralColor}" as NeutralColors,` : `  neutralColor: undefined,`;
+  return `
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Theme Store \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-    if (value === null || value === undefined) {
-      normalized[key] = value;
-    } else if (Array.isArray(value)) {
-      normalized[key] = value;
-    } else if (typeof value === "object") {
-      normalized[key] = JSON.stringify(value);
-    } else {
-      normalized[key] = value;
-    }
-  });
+const DEFAULT_THEME: ThemeState = {
+  appearance: "${opts.defaultAppearance}",
+${primaryLine}
+${neutralLine}
+};
 
-  return qs.stringify(normalized, { arrayFormat: "repeat", skipNulls: true });
+export const useThemeStore = createWithEqualityFn<ThemeStore>()(
+  (set) => ({
+    ...DEFAULT_THEME,
+    setAppearance: (mode) => set({ appearance: mode }),
+    setPrimaryColor: (color) => set({ primaryColor: color }),
+    setNeutralColor: (color) => set({ neutralColor: color }),
+    setTheme: (partial) => set(partial),
+  }),
+  shallow,
+);`;
 }
+var HOOKS_CODE = `
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Convenience Hooks \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-// ============ \u521B\u5EFA Axios \u5B9E\u4F8B ============
+export const useTheme = () =>
+  useThemeStore(
+    (s) => ({
+      appearance: s.appearance,
+      primaryColor: s.primaryColor,
+      neutralColor: s.neutralColor,
+    }),
+    shallow,
+  );
 
-const instance: AxiosInstance = axios.create({
-  baseURL: userConfig.baseURL ?? ("${baseURL}" || ""),
-  timeout: userConfig.timeout ?? ${timeout},
-  withCredentials: userConfig.withCredentials ?? false,
-  headers: {
-    "Content-Type": "application/json",
-    ...(userConfig.headers || {}),
-  },
-});
+export const useAppearance = () => useThemeStore((s) => s.appearance);
+export const usePrimaryColor = () => useThemeStore((s) => s.primaryColor);`;
+var GLOBAL_RESET_CODE = `
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Global Style \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-// ============ \u8BF7\u6C42\u62E6\u622A\u5668 ============
+const GlobalReset = createGlobalStyle(({ theme }) => css\`
+  :root {
+    --font-settings: "cv01", "tnum", "kern";
+    --font-variations: "opsz" auto, tabular-nums;
+  }
 
-instance.interceptors.request.use(
-  (config: InternalAxiosRequestConfig) => {
-    // 1. Token \u6CE8\u5165
-    if (userConfig.getToken) {
-      const token = userConfig.getToken();
-      if (token && config.headers) {
-        const prefix = userConfig.tokenPrefix ?? "Bearer";
-        config.headers.Authorization = prefix ? \`\${prefix} \${token}\` : token;
-      }
-    } else {
-      // \u9ED8\u8BA4\uFF1A\u4ECE localStorage \u8BFB\u53D6
-      const token = typeof localStorage !== "undefined"
-        ? localStorage.getItem("token")
-        : null;
-      if (token && config.headers) {
-        config.headers.Authorization = \`Bearer \${token}\`;
-      }
-    }
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+    vertical-align: baseline;
+  }
 
-    // 2. \u7528\u6237\u81EA\u5B9A\u4E49\u8BF7\u6C42\u62E6\u622A
-    if (userConfig.requestInterceptor) {
-      return userConfig.requestInterceptor(config as any) as any;
-    }
+  * {
+    scrollbar-color: \${theme.colorFill} transparent;
+    scrollbar-width: thin;
+  }
 
-    return config;
-  },
-  (error: AxiosError) => Promise.reject(error)
-);
+  html {
+    overscroll-behavior: none;
+    color-scheme: \${theme.isDarkMode ? "dark" : "light"};
+  }
 
-// ============ \u54CD\u5E94\u62E6\u622A\u5668 ============
+  html, body, #root, #app {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+  }
 
-instance.interceptors.response.use(
-  (response: AxiosResponse) => {
-    // \u7528\u6237\u81EA\u5B9A\u4E49\u54CD\u5E94\u62E6\u622A
-    if (userConfig.responseInterceptor) {
-      return userConfig.responseInterceptor(response as any);
-    }
+  body {
+    overflow: hidden auto;
+    min-height: 100vh;
+    font-family: \${theme.fontFamily};
+    font-size: \${theme.fontSize}px;
+    font-feature-settings: var(--font-settings);
+    font-variation-settings: var(--font-variations);
+    line-height: 1;
+    color: \${theme.colorTextBase};
+    text-size-adjust: none;
+    text-rendering: optimizelegibility;
+    word-wrap: break-word;
+    background-color: \${theme.colorBgLayout};
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-overflow-scrolling: touch;
+    -webkit-tap-highlight-color: transparent;
+  }
 
-    // \u9ED8\u8BA4\uFF1A\u76F4\u63A5\u8FD4\u56DE response.data
-    return response.data;
-  },
-  (error: AxiosError) => {
-    // \u7528\u6237\u81EA\u5B9A\u4E49\u9519\u8BEF\u5904\u7406
-    if (userConfig.errorHandler) {
-      return userConfig.errorHandler(error as any);
-    }
+  code {
+    font-family: \${theme.fontFamilyCode} !important;
+  }
 
-    // \u9ED8\u8BA4\u9519\u8BEF\u5904\u7406
-    const status = error.response?.status;
+  ::selection {
+    color: #000;
+    -webkit-text-fill-color: unset !important;
+  }
+\`);`;
+var CSS_VAR_SYNC_CODE = `
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CSS Variable Sync \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-    switch (status) {
-      case 401:
-        console.warn("[request] \u672A\u6388\u6743\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55");
-        break;
-      case 403:
-        console.warn("[request] \u65E0\u8BBF\u95EE\u6743\u9650");
-        break;
-      case 500:
-        console.error("[request] \u670D\u52A1\u5668\u5185\u90E8\u9519\u8BEF");
-        break;
-      default:
-        if (!error.response) {
-          console.error("[request] \u7F51\u7EDC\u5F02\u5E38\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC\u8FDE\u63A5");
+const CSS_VAR_PREFIX = "css-var-";
+
+function useCssVarSync(ref: React.RefObject<HTMLDivElement | null>) {
+  useLayoutEffect(() => {
+    const node = ref.current;
+    if (!node) return;
+
+    const htmlEl = document.documentElement;
+    let currentClasses: string[] = [];
+
+    const sync = () => {
+      for (const cls of currentClasses) htmlEl.classList.remove(cls);
+
+      const next: string[] = [];
+      let el: HTMLElement | null = node;
+      while (el && el !== htmlEl) {
+        for (const cls of el.classList) {
+          if (cls.startsWith(CSS_VAR_PREFIX)) next.push(cls);
         }
+        el = el.parentElement;
+      }
+
+      for (const cls of next) htmlEl.classList.add(cls);
+      currentClasses = next;
+    };
+
+    sync();
+
+    const observer = new MutationObserver(sync);
+    let el: HTMLElement | null = node;
+    while (el && el !== htmlEl) {
+      observer.observe(el, { attributeFilter: ["class"] });
+      el = el.parentElement;
     }
 
-    return Promise.reject(error);
-  }
-);
+    return () => {
+      observer.disconnect();
+      for (const cls of currentClasses) htmlEl.classList.remove(cls);
+    };
+  }, []);
+}`;
+var APPEARANCE_SYNC_CODE = `
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Appearance Sync \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-// ============ \u8BF7\u6C42\u5C01\u88C5\u7C7B ============
+function useAppearanceSync(appearance: ThemeAppearance) {
+  useEffect(() => {
+    if (appearance !== "auto") {
+      document.documentElement.dataset.theme = appearance;
+      return;
+    }
 
-type ExtraConfig = AxiosRequestConfig & { suppressErrorNotification?: boolean };
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    document.documentElement.dataset.theme = mq.matches ? "dark" : "light";
 
-class Request {
-  constructor(private readonly http: AxiosInstance) {}
+    function handleChange(e: MediaQueryListEvent) {
+      document.documentElement.dataset.theme = e.matches ? "dark" : "light";
+    }
 
-  get<T = any>(url: string, params?: Record<string, any>, config?: ExtraConfig): Promise<Result<T>> {
-    return this.http.get(url, {
-      ...config,
-      params,
-      paramsSerializer,
-    });
-  }
+    mq.addEventListener("change", handleChange);
+    return () => mq.removeEventListener("change", handleChange);
+  }, [appearance]);
+}`;
+var EXTERNAL_THEME_CODE = `
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 External Theme Injection \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-  post<T = any>(url: string, data?: any, config?: ExtraConfig): Promise<Result<T>> {
-    return this.http.post(url, data, config);
-  }
+function useExternalTheme() {
+  useEffect(() => {
+    const hostTheme = (window as any).__YWKF_THEME__;
+    if (hostTheme && typeof hostTheme === "object") {
+      useThemeStore.getState().setTheme(hostTheme);
+    }
 
-  put<T = any>(url: string, data?: any, config?: ExtraConfig): Promise<Result<T>> {
-    return this.http.put(url, data, config);
-  }
+    const handler = (e: Event) => {
+      const detail = (e as CustomEvent<Partial<ThemeState>>).detail;
+      if (detail) useThemeStore.getState().setTheme(detail);
+    };
 
-  delete<T = any>(url: string, params?: Record<string, any>, config?: ExtraConfig): Promise<Result<T>> {
-    return this.http.delete(url, {
-      ...config,
-      params,
-      paramsSerializer,
-    });
-  }
+    window.addEventListener("ywkf:theme-change", handler);
+    return () => window.removeEventListener("ywkf:theme-change", handler);
+  }, []);
+}`;
+function buildWrapperCode(opts) {
+  const { darkMode, cssVar, globalReset, externalTheme, prefixCls } = opts;
+  const refLine = cssVar ? "\n  const containerRef = useRef<HTMLDivElement>(null);" : "";
+  const cssVarSyncLine = cssVar ? "\n  useCssVarSync(containerRef);" : "";
+  const appearanceSyncLine = darkMode ? "\n  useAppearanceSync(appearance);" : "";
+  const externalThemeLine = externalTheme ? "\n  useExternalTheme();" : "";
+  const childrenSlot = cssVar ? `<div ref={containerRef} style={{ display: "contents" }}>
+        {children}
+      </div>` : "{children}";
+  return `
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ThemeWrapper \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-  patch<T = any>(url: string, data?: any, config?: ExtraConfig): Promise<Result<T>> {
-    return this.http.patch(url, data, config);
-  }
+const RUNTIME_PREFIX_CLS = typeof process !== "undefined"
+  && process.env?.YWKF_PREFIX_CLS
+  || "${prefixCls}";
+
+interface ThemeWrapperProps {
+  children: ReactNode;
 }
 
-// ============ \u5BFC\u51FA ============
+export function ThemeWrapper({ children }: ThemeWrapperProps) {${refLine}
+  const { appearance, primaryColor, neutralColor } = useThemeStore(
+    (s) => ({ appearance: s.appearance, primaryColor: s.primaryColor, neutralColor: s.neutralColor }),
+    shallow,
+  );${cssVarSyncLine}${appearanceSyncLine}${externalThemeLine}
 
-export const request = new Request(instance);
-export type { Result };
-export default request;
-`;
-}
+  const resolvedAppearance = useMemo(() => {
+    if (appearance !== "auto") return appearance;
+    if (typeof window === "undefined") return "light";
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }, [appearance]);
 
-// src/plugin/builtin/zustand.ts
-import { existsSync as existsSync10, mkdirSync as mkdirSync4, writeFileSync as writeFileSync5 } from "fs";
-import { join as join11 } from "path";
-var zustandPlugin = createPlugin((options = {}) => ({
+  const theme = useCallback<GetAntdTheme>(
+    (ap) => createThemeConfig({
+      appearance: ap as "light" | "dark",
+      primaryColor,
+      neutralColor,
+    }),
+    [primaryColor, neutralColor],
+  );
+
+  return (
+    <AntdThemeProvider
+      prefixCls={RUNTIME_PREFIX_CLS}
+      appearance={resolvedAppearance}
+      themeMode={appearance}
+      theme={theme}${cssVar ? "\n      customToken={{ cssVar: true }}" : ""}
+    >
+      ${globalReset ? "<GlobalReset />" : ""}
+      ${childrenSlot}
+    </AntdThemeProvider>
+  );
+}
+
+export default ThemeWrapper;
+`;
+}
+
+// src/plugin/builtin/zustand.ts
+import { existsSync as existsSync11, mkdirSync as mkdirSync4, writeFileSync as writeFileSync6 } from "fs";
+import { join as join12 } from "path";
+var zustandPlugin = createPlugin((options = {}) => ({
   name: "@4399ywkf/plugin-zustand",
   version: "1.0.0",
   description: "Zustand \u72B6\u6001\u7BA1\u7406\u96C6\u6210",
   setup(context) {
     const { scaffold = true, storeDir = "store" } = options;
     const { cwd, logger } = context;
-    const storePath = join11(cwd, storeDir);
-    if (scaffold && !existsSync10(storePath)) {
+    const storePath = join12(cwd, storeDir);
+    if (scaffold && !existsSync11(storePath)) {
       scaffoldStore(storePath, logger);
     }
     const hooks = {
@@ -3875,7 +3943,7 @@ var zustandPlugin = createPlugin((options = {}) => ({
         rspackConfig.resolve = resolve4;
         return rspackConfig;
       },
-      generateFiles(ctx) {
+      generateFiles(_ctx) {
         return [
           {
             path: "store.ts",
@@ -3890,47 +3958,31 @@ var zustandPlugin = createPlugin((options = {}) => ({
 function scaffoldStore(storePath, logger) {
   const dirs = [
     storePath,
-    join11(storePath, "middleware"),
-    join11(storePath, "app"),
-    join11(storePath, "app", "slices"),
-    join11(storePath, "app", "slices", "counter")
+    join12(storePath, "middleware"),
+    join12(storePath, "app"),
+    join12(storePath, "app", "slices"),
+    join12(storePath, "app", "slices", "counter")
   ];
   for (const dir of dirs) {
-    if (!existsSync10(dir)) {
+    if (!existsSync11(dir)) {
       mkdirSync4(dir, { recursive: true });
     }
   }
-  writeFileSync5(
-    join11(storePath, "middleware", "createDevtools.ts"),
-    TPL_CREATE_DEVTOOLS,
-    "utf-8"
-  );
-  writeFileSync5(
-    join11(storePath, "app", "slices", "counter", "initialState.ts"),
+  writeFileSync6(join12(storePath, "middleware", "createDevtools.ts"), TPL_CREATE_DEVTOOLS, "utf-8");
+  writeFileSync6(
+    join12(storePath, "app", "slices", "counter", "initialState.ts"),
     TPL_COUNTER_INITIAL_STATE,
     "utf-8"
   );
-  writeFileSync5(
-    join11(storePath, "app", "slices", "counter", "actions.ts"),
+  writeFileSync6(
+    join12(storePath, "app", "slices", "counter", "actions.ts"),
     TPL_COUNTER_ACTIONS,
     "utf-8"
   );
-  writeFileSync5(
-    join11(storePath, "app", "initialState.ts"),
-    TPL_APP_INITIAL_STATE,
-    "utf-8"
-  );
-  writeFileSync5(
-    join11(storePath, "app", "store.ts"),
-    TPL_APP_STORE,
-    "utf-8"
-  );
-  writeFileSync5(
-    join11(storePath, "app", "index.tsx"),
-    TPL_APP_INDEX,
-    "utf-8"
-  );
-  writeFileSync5(join11(storePath, "index.ts"), TPL_STORE_INDEX, "utf-8");
+  writeFileSync6(join12(storePath, "app", "initialState.ts"), TPL_APP_INITIAL_STATE, "utf-8");
+  writeFileSync6(join12(storePath, "app", "store.ts"), TPL_APP_STORE, "utf-8");
+  writeFileSync6(join12(storePath, "app", "index.tsx"), TPL_APP_INDEX, "utf-8");
+  writeFileSync6(join12(storePath, "index.ts"), TPL_STORE_INDEX, "utf-8");
   logger.info("\u5DF2\u751F\u6210 store/ \u811A\u624B\u67B6\uFF08Agent/Slice \u67B6\u6784\uFF09");
 }
 var TPL_CREATE_DEVTOOLS = `import type { DevtoolsOptions } from "zustand/middleware";
@@ -4092,502 +4144,469 @@ export type { StateCreator, StoreApi } from "zustand";
 `;
 }
 
-// src/cli/dev.ts
-import { rspack as rspack4 } from "@rspack/core";
-import { RspackDevServer } from "@rspack/dev-server";
-import chalk2 from "chalk";
-
-// src/cli/env.ts
-import { existsSync as existsSync11, readFileSync as readFileSync4 } from "fs";
-import { resolve as resolve3 } from "path";
-import dotenv from "dotenv";
-function preloadEnv(cwd, mode, nodeEnv) {
-  process.env.NODE_ENV = nodeEnv;
-  process.env.APP_MODE = mode;
-  const defaultPaths = [
-    resolve3(cwd, "config/env/.env.public"),
-    resolve3(cwd, ".env.public"),
-    resolve3(cwd, ".env")
-  ];
-  for (const envPath of defaultPaths) {
-    if (existsSync11(envPath)) {
-      dotenv.config({ path: envPath });
-      break;
+// src/router/plugin.ts
+import { existsSync as existsSync12, watch as watch2 } from "fs";
+import { join as join13 } from "path";
+var ConventionalRoutePlugin = class {
+  options;
+  isWatching = false;
+  hasGenerated = false;
+  lastGeneratedContent = "";
+  constructor(options) {
+    this.options = options;
+  }
+  apply(compiler) {
+    const pluginName = "ConventionalRoutePlugin";
+    compiler.hooks.beforeCompile.tapAsync(pluginName, (_params, callback) => {
+      if (!this.hasGenerated) {
+        this.generateRoutes();
+        this.hasGenerated = true;
+      }
+      callback();
+    });
+    if (this.options.watch && !this.isWatching) {
+      this.watchPages();
     }
   }
-  const modeEnvPaths = [
-    resolve3(cwd, `config/env/.env.${mode}`),
-    resolve3(cwd, `.env.${mode}`)
-  ];
-  for (const envPath of modeEnvPaths) {
-    if (existsSync11(envPath)) {
-      const envContent = readFileSync4(envPath, "utf-8");
-      const parsed = dotenv.parse(envContent);
-      for (const key in parsed) {
-        process.env[key] = parsed[key];
+  /**
+   * 生成路由文件（带内容比对，避免不必要的重复生成）
+   */
+  generateRoutes() {
+    try {
+      const generator = new ConventionalRouteGenerator({
+        pagesDir: this.options.pagesDir,
+        outputDir: this.options.outputDir,
+        basename: this.options.basename
+      });
+      const newContent = generator.generateCode();
+      const _outputPath = join13(this.options.outputDir, "routes.tsx");
+      const normalizedNew = this.normalizeContent(newContent);
+      const normalizedOld = this.normalizeContent(this.lastGeneratedContent);
+      if (normalizedNew === normalizedOld) {
+        return;
       }
-      break;
+      generator.write();
+      this.lastGeneratedContent = newContent;
+    } catch (error) {
+      console.error("[ywkf] \u751F\u6210\u8DEF\u7531\u5931\u8D25:", error);
     }
   }
-  process.env.NODE_ENV = nodeEnv;
-  process.env.APP_MODE = mode;
-}
-function loadEnv(config, cwd, mode, nodeEnv) {
-  const { env } = config;
-  const publicEnvPath = resolve3(cwd, env.publicEnvFile ?? "config/env/.env.public");
-  if (existsSync11(publicEnvPath)) {
-    dotenv.config({ path: publicEnvPath });
+  /**
+   * 标准化内容（去掉时间戳等动态部分）
+   */
+  normalizeContent(content) {
+    return content.replace(/\/\/ Generated at: .+/g, "");
   }
-  const modeEnvPath = resolve3(cwd, env.envDir ?? "config/env", `.env.${mode}`);
-  if (existsSync11(modeEnvPath)) {
-    const envContent = readFileSync4(modeEnvPath, "utf-8");
-    const parsed = dotenv.parse(envContent);
-    for (const key in parsed) {
-      process.env[key] = parsed[key];
+  /**
+   * 监听页面目录变化
+   */
+  watchPages() {
+    if (!existsSync12(this.options.pagesDir)) {
+      return;
     }
-  }
-  process.env.NODE_ENV = nodeEnv;
-  process.env.APP_MODE = mode;
-  process.env.APP_NAME = process.env.APP_NAME || config.appName;
-  process.env.APP_CNAME = process.env.APP_CNAME || config.appCName;
-  process.env.OUTPUT_PATH = process.env.OUTPUT_PATH || config.output.path;
-  process.env.PUBLIC_PATH = process.env.PUBLIC_PATH || config.output.publicPath;
-  process.env.APP_HOST = process.env.APP_HOST || config.dev.host;
-  process.env.APP_PORT = process.env.APP_PORT || String(config.dev.port);
-}
-
-// src/cli/port.ts
-import net from "net";
-function isPortAvailable(port, host) {
-  return new Promise((resolve4) => {
-    const server = net.createServer();
-    server.once("error", (err) => {
-      if (err.code === "EADDRINUSE") {
-        resolve4(false);
-      } else {
-        resolve4(false);
+    this.isWatching = true;
+    let debounceTimer = null;
+    const watcher = watch2(this.options.pagesDir, { recursive: true }, (_eventType, filename) => {
+      if (!filename?.match(/\.(tsx?|jsx?)$/)) {
+        return;
+      }
+      if (debounceTimer) {
+        clearTimeout(debounceTimer);
       }
+      debounceTimer = setTimeout(() => {
+        if (process.env.DEBUG) console.log(`[ywkf] \u68C0\u6D4B\u5230\u9875\u9762\u53D8\u5316: ${filename}`);
+        this.generateRoutes();
+      }, 500);
     });
-    server.once("listening", () => {
-      server.close(() => resolve4(true));
+    process.on("exit", () => {
+      watcher.close();
     });
-    server.listen(port, host);
-  });
+  }
+};
+
+// src/runtime/bootstrap.tsx
+import { createRoot } from "react-dom/client";
+
+// src/runtime/providers.tsx
+import { ConfigProvider } from "antd";
+import zhCN from "antd/locale/zh_CN.js";
+import { StrictMode, Suspense } from "react";
+import { RouterProvider } from "react-router";
+
+// src/runtime/context.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var defaultContextValue = {
+  appName: "app",
+  basename: "/",
+  isDev: process.env.NODE_ENV === "development",
+  env: {}
+};
+var AppContext = createContext(defaultContextValue);
+function AppContextProvider({ value, children }) {
+  const contextValue = {
+    ...defaultContextValue,
+    ...value,
+    env: {
+      ...defaultContextValue.env,
+      ...value.env
+    }
+  };
+  return /* @__PURE__ */ jsx(AppContext.Provider, { value: contextValue, children });
 }
-async function getAvailablePort(preferredPort, host) {
-  const MAX_ATTEMPTS = 20;
-  for (let i = 0; i < MAX_ATTEMPTS; i++) {
-    const port = preferredPort + i;
-    const available = await isPortAvailable(port, host);
-    if (available) return port;
+function useApp() {
+  const context = useContext(AppContext);
+  if (!context) {
+    throw new Error("useApp must be used within AppContextProvider");
   }
-  throw new Error(
-    `No available port found in range ${preferredPort}-${preferredPort + MAX_ATTEMPTS - 1}`
-  );
+  return context;
+}
+function useAppName() {
+  return useApp().appName;
+}
+function useBasename() {
+  return useApp().basename;
+}
+function useEnv() {
+  return useApp().env;
+}
+function useIsDev() {
+  return useApp().isDev;
 }
 
-// src/cli/printer.ts
-import chalk from "chalk";
-import os from "os";
-import { createRequire as createRequire3 } from "module";
-import { fileURLToPath as fileURLToPath2 } from "url";
-import { dirname as dirname2, join as join12 } from "path";
-var __filename = fileURLToPath2(import.meta.url);
-var __dirname2 = dirname2(__filename);
-var require4 = createRequire3(import.meta.url);
-var _version = null;
-function getFrameworkVersion() {
-  if (_version) return _version;
-  try {
-    const pkgPath = join12(__dirname2, "../../package.json");
-    const pkg = require4(pkgPath);
-    _version = pkg.version || "0.0.0";
-  } catch {
-    _version = "0.0.0";
+// src/runtime/error-boundary.tsx
+import { Component } from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var ErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
   }
-  return _version;
-}
-function getNetworkAddress(port) {
-  const interfaces = os.networkInterfaces();
-  for (const entries of Object.values(interfaces)) {
-    if (!entries) continue;
-    for (const entry of entries) {
-      if (entry.family === "IPv4" && !entry.internal) {
-        return `http://${entry.address}:${port}/`;
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("[ErrorBoundary] Caught error:", error, errorInfo);
+    this.props.onError?.(error, errorInfo);
+  }
+  reset = () => {
+    this.setState({ hasError: false, error: null });
+  };
+  render() {
+    const { hasError, error } = this.state;
+    const { children, fallback } = this.props;
+    if (hasError && error) {
+      if (typeof fallback === "function") {
+        return fallback(error, this.reset);
+      }
+      if (fallback) {
+        return fallback;
       }
+      return /* @__PURE__ */ jsx2(DefaultErrorFallback, { error, onReset: this.reset });
     }
-  }
-  return null;
-}
-var BAR_WIDTH = 30;
-function renderBar(percent) {
-  const filled = Math.round(BAR_WIDTH * percent);
-  const empty = BAR_WIDTH - filled;
-  const bar = chalk.green("\u2501".repeat(filled)) + chalk.gray("\u2501".repeat(empty));
-  return bar;
-}
-var DevPrinter = class {
-  constructor(host, port, pluginNames, isBuild = false) {
-    this.host = host;
-    this.port = port;
-    this.pluginNames = pluginNames;
-    this.isBuild = isBuild;
-  }
-  startTime = 0;
-  lastProgressLine = "";
-  firstCompileDone = false;
-  /**
-   * 打印框架 banner
-   */
-  printBanner() {
-    const version = getFrameworkVersion();
-    console.log();
-    console.log(
-      `  ${chalk.bold.cyan("@4399ywkf/core")} ${chalk.green(`Framework v${version}`)}`
-    );
-    console.log();
-  }
-  /**
-   * 打印 "start  build started..."
-   */
-  printBuildStart() {
-    this.startTime = Date.now();
-    this.compileDone = false;
-    const label = chalk.gray("start");
-    console.log(`  ${label}   build started...`);
-  }
-  /**
-   * 更新编译进度条（原地覆写同一行）
-   */
-  updateProgress(percent, message) {
-    const pct = Math.min(Math.round(percent * 100), 100);
-    const bar = renderBar(percent);
-    const status = message || "compiling";
-    const line = `  ${chalk.yellow("\u25CF")} client ${bar} ${chalk.bold(`(${pct}%)`)} ${chalk.gray(status)}`;
-    if (process.stdout.isTTY) {
-      if (this.lastProgressLine) {
-        process.stdout.write("\x1B[1A\x1B[2K");
-      }
-      process.stdout.write(line + "\n");
-    } else if (!this.firstCompileDone && pct === 100) {
-      console.log(line);
-    }
-    this.lastProgressLine = line;
-  }
-  /**
-   * 编译完成
-   */
-  printBuildDone(hasErrors = false) {
-    if (this.firstCompileDone) {
-      if (!hasErrors) {
-        const elapsed2 = ((Date.now() - this.startTime) / 1e3).toFixed(2);
-        console.log(
-          `  ${chalk.green("hmr")}     update in ${chalk.bold(`${elapsed2} s`)}`
-        );
-      }
-      return;
-    }
-    this.firstCompileDone = true;
-    this.lastProgressLine = "";
-    if (hasErrors) return;
-    const elapsed = ((Date.now() - this.startTime) / 1e3).toFixed(2);
-    const label = chalk.green("ready");
-    console.log(`  ${label}   built in ${chalk.bold(`${elapsed} s`)}`);
-    console.log();
-    if (this.isBuild) {
-      this.printPluginList();
-    } else {
-      this.printServerInfo();
-    }
-  }
-  /**
-   * 标记新一轮编译开始（HMR）
-   */
-  markRebuildStart() {
-    this.startTime = Date.now();
-    this.lastProgressLine = "";
-  }
-  /**
-   * 仅打印插件列表（build 模式使用）
-   */
-  printPluginList() {
-    if (this.pluginNames.length > 0) {
-      console.log(`  ${chalk.bold(">")} Plugins:`);
-      for (const name of this.pluginNames) {
-        const shortName = name.replace("@4399ywkf/plugin-", "").replace("@4399ywkf/", "");
-        console.log(`    ${chalk.green("\u2713")} ${shortName}`);
-      }
-      console.log();
-    }
-  }
-  /**
-   * 打印服务器信息面板（dev 模式使用）
-   */
-  printServerInfo() {
-    const localUrl = `http://localhost:${this.port}/`;
-    const networkUrl = getNetworkAddress(this.port);
-    console.log(`  ${chalk.bold(">")} Local:    ${chalk.cyan(localUrl)}`);
-    if (networkUrl) {
-      console.log(`  ${chalk.bold(">")} Network:  ${chalk.cyan(networkUrl)}`);
-    }
-    console.log();
-    this.printPluginList();
-    console.log(
-      `  ${chalk.bold(">")} press ${chalk.bold("h + enter")} to show shortcuts`
-    );
-    console.log();
-  }
-  /**
-   * 打印快捷键帮助
-   */
-  printShortcuts() {
-    console.log();
-    console.log(`  ${chalk.bold("Shortcuts:")}`);
-    console.log(`    ${chalk.bold("o + enter")}  open in browser`);
-    console.log(`    ${chalk.bold("c + enter")}  clear console`);
-    console.log(`    ${chalk.bold("q + enter")}  quit`);
-    console.log();
+    return children;
   }
 };
-function createProgressHandler(printer) {
-  return (percent, message, ..._details) => {
-    printer.updateProgress(percent, message);
-  };
-}
-function registerShortcuts(printer, opts) {
-  if (!process.stdin.isTTY) return;
-  process.stdin.setEncoding("utf-8");
-  process.stdin.setRawMode?.(false);
-  let buffer = "";
-  const handler = (data) => {
-    buffer += data;
-    if (!buffer.includes("\n")) return;
-    const cmd = buffer.trim().toLowerCase();
-    buffer = "";
-    switch (cmd) {
-      case "h":
-        printer.printShortcuts();
-        break;
-      case "o": {
-        const url = `http://localhost:${opts.port}/`;
-        import("child_process").then((cp) => {
-          const command = process.platform === "darwin" ? "open" : process.platform === "win32" ? "start" : "xdg-open";
-          cp.exec(`${command} ${url}`);
-        });
-        console.log(`  ${chalk.green("\u279C")} Opening ${chalk.cyan(url)}...`);
-        break;
-      }
-      case "c":
-        console.clear();
-        break;
-      case "q":
-        opts.onQuit();
-        break;
+function DefaultErrorFallback({ error, onReset }) {
+  const isDev = process.env.NODE_ENV === "development";
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      style: {
+        padding: 24,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: "100vh",
+        backgroundColor: "#f5f5f5"
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            maxWidth: 600,
+            padding: 32,
+            backgroundColor: "#fff",
+            borderRadius: 8,
+            boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
+          },
+          children: [
+            /* @__PURE__ */ jsx2("h1", { style: { color: "#ff4d4f", marginBottom: 16 }, children: "\u9875\u9762\u51FA\u9519\u4E86" }),
+            /* @__PURE__ */ jsx2("p", { style: { color: "#666", marginBottom: 16 }, children: "\u62B1\u6B49\uFF0C\u9875\u9762\u9047\u5230\u4E86\u4E00\u4E9B\u95EE\u9898\u3002\u8BF7\u5C1D\u8BD5\u5237\u65B0\u9875\u9762\u6216\u8054\u7CFB\u7BA1\u7406\u5458\u3002" }),
+            isDev && /* @__PURE__ */ jsxs(
+              "details",
+              {
+                style: {
+                  marginBottom: 16,
+                  padding: 12,
+                  backgroundColor: "#fff2f0",
+                  borderRadius: 4,
+                  border: "1px solid #ffccc7"
+                },
+                children: [
+                  /* @__PURE__ */ jsx2("summary", { style: { cursor: "pointer", fontWeight: "bold" }, children: "\u9519\u8BEF\u8BE6\u60C5\uFF08\u4EC5\u5F00\u53D1\u73AF\u5883\u53EF\u89C1\uFF09" }),
+                  /* @__PURE__ */ jsxs(
+                    "pre",
+                    {
+                      style: {
+                        marginTop: 8,
+                        padding: 8,
+                        backgroundColor: "#fff",
+                        borderRadius: 4,
+                        overflow: "auto",
+                        fontSize: 12
+                      },
+                      children: [
+                        error.message,
+                        "\n\n",
+                        error.stack
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  onClick: onReset,
+                  style: {
+                    padding: "8px 16px",
+                    backgroundColor: "#1890ff",
+                    color: "#fff",
+                    border: "none",
+                    borderRadius: 4,
+                    cursor: "pointer"
+                  },
+                  children: "\u91CD\u8BD5"
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  onClick: () => window.location.reload(),
+                  style: {
+                    padding: "8px 16px",
+                    backgroundColor: "#fff",
+                    color: "#666",
+                    border: "1px solid #d9d9d9",
+                    borderRadius: 4,
+                    cursor: "pointer"
+                  },
+                  children: "\u5237\u65B0\u9875\u9762"
+                }
+              )
+            ] })
+          ]
+        }
+      )
     }
-  };
-  process.stdin.on("data", handler);
-  process.stdin.resume();
+  );
 }
 
-// src/cli/dev.ts
-async function dev(options = {}) {
-  const cwd = options.cwd || process.cwd();
-  const mode = options.mode || "development";
-  try {
-    preloadEnv(cwd, mode, "development");
-    const { config } = await resolveConfig(cwd);
-    loadEnv(config, cwd, mode, "development");
-    const pluginManager = new PluginManager(config, cwd, true);
-    if (config.plugins && config.plugins.length > 0) {
-      await pluginManager.loadPlugins(config.plugins);
-    }
-    await pluginManager.runBeforeDevServer();
-    let rspackConfig = createRspackConfig(config, cwd, { isDev: true });
-    rspackConfig = await pluginManager.applyRspackConfigHooks(rspackConfig);
-    const host = config.dev.host || "localhost";
-    const preferredPort = config.dev.port || 3e3;
-    const port = await getAvailablePort(preferredPort, host);
-    const pluginNames = pluginManager.getPluginNames();
-    if (port !== preferredPort) {
-      console.log(
-        chalk2.yellow(`  Port ${preferredPort} is in use, using ${port} instead.
-`)
-      );
-    }
-    const printer = new DevPrinter(host, port, pluginNames);
-    printer.printBanner();
-    printer.printBuildStart();
-    printer.updateProgress(0, "preparing");
-    rspackConfig.plugins = rspackConfig.plugins || [];
-    rspackConfig.plugins.push(
-      new rspack4.ProgressPlugin(createProgressHandler(printer))
-    );
-    rspackConfig.stats = "none";
-    rspackConfig.infrastructureLogging = { level: "none" };
-    if (rspackConfig.devServer) {
-      const ds = rspackConfig.devServer;
-      const existingClient = ds.client ?? {};
-      ds.client = {
-        ...existingClient,
-        logging: "warn",
-        overlay: false,
-        progress: false
-      };
+// src/runtime/providers.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function DefaultLoading() {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        height: "100vh",
+        fontSize: 16,
+        color: "#999"
+      },
+      children: "\u52A0\u8F7D\u4E2D..."
     }
-    const compiler = rspack4(rspackConfig);
-    compiler.hooks.done.tap("ywkf-dev-printer", (stats) => {
-      const hasErrors = stats.hasErrors();
-      if (hasErrors) {
-        const info = stats.toJson({ errors: true });
-        console.log();
-        console.log(chalk2.red("  Compile error:"));
-        for (const err of info.errors || []) {
-          console.log(chalk2.red(`    ${err.message}`));
-        }
-        console.log();
-      }
-      printer.printBuildDone(hasErrors);
-    });
-    compiler.hooks.invalid.tap("ywkf-dev-printer", () => {
-      printer.markRebuildStart();
-      printer.updateProgress(0, "rebuilding");
-    });
-    const devServerOptions = {
-      ...rspackConfig.devServer || {},
-      host,
-      port
-    };
-    const server = new RspackDevServer(devServerOptions, compiler);
-    await server.start();
-    await pluginManager.runAfterDevServer({ host, port });
-    registerShortcuts(printer, {
-      port,
-      onQuit: async () => {
-        console.log(chalk2.gray("\n  Shutting down...\n"));
-        await server.stop();
-        process.exit(0);
+  );
+}
+function composeProviders(providers) {
+  const sortedProviders = [...providers].sort((a, b) => (a.order ?? 100) - (b.order ?? 100));
+  return function ComposedProviders({ children }) {
+    return sortedProviders.reduceRight((acc, { component: Provider, props }) => {
+      return /* @__PURE__ */ jsx3(Provider, { ...props, children: acc });
+    }, children);
+  };
+}
+function RootProvider({ config, children }) {
+  const {
+    appName = "app",
+    router,
+    basename = "/",
+    strictMode = true,
+    antd = { enabled: true },
+    providers = [],
+    lifecycle
+  } = config;
+  const appContextValue = {
+    appName,
+    basename,
+    isDev: process.env.NODE_ENV === "development",
+    env: typeof process !== "undefined" ? process.env : {}
+  };
+  const allProviders = [
+    // 应用上下文 Provider（最外层）
+    {
+      component: AppContextProvider,
+      props: { value: appContextValue },
+      order: 0
+    },
+    // Ant Design ConfigProvider
+    ...antd.enabled !== false ? [
+      {
+        component: ConfigProvider,
+        props: {
+          locale: antd.locale || zhCN,
+          theme: antd.theme,
+          ...antd.configProvider
+        },
+        order: 10
       }
-    });
-    const signals = ["SIGINT", "SIGTERM"];
-    for (const signal of signals) {
-      process.on(signal, async () => {
-        await server.stop();
-        process.exit(0);
-      });
-    }
-  } catch (error) {
-    console.error();
-    console.error(chalk2.red("  \u2716 Dev server failed to start"));
-    console.error(error);
-    process.exit(1);
+    ] : [],
+    // 用户自定义 Providers
+    ...providers.map((p) => ({ ...p, order: p.order ?? 50 }))
+  ];
+  const ComposedProviders = composeProviders(allProviders);
+  const content = router ? /* @__PURE__ */ jsx3(Suspense, { fallback: /* @__PURE__ */ jsx3(DefaultLoading, {}), children: /* @__PURE__ */ jsx3(RouterProvider, { router }) }) : children;
+  const app = /* @__PURE__ */ jsx3(ErrorBoundary, { onError: lifecycle?.onError, children: /* @__PURE__ */ jsx3(ComposedProviders, { children: content }) });
+  if (strictMode) {
+    return /* @__PURE__ */ jsx3(StrictMode, { children: app });
   }
+  return app;
 }
-
-// src/cli/build.ts
-import { rspack as rspack5 } from "@rspack/core";
-import chalk3 from "chalk";
-function formatSize(bytes) {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(2)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
+function createProvider(component, props, order) {
+  return {
+    component,
+    props,
+    order
+  };
 }
-function printBuildResult(stats) {
-  const info = stats.toJson({
-    assets: true,
-    errors: true,
-    warnings: true
-  });
-  if (info.errors && info.errors.length > 0) {
-    console.log(chalk3.red("\n  Compile errors:"));
-    for (const error of info.errors) {
-      console.log(chalk3.red(`    ${error.message}`));
-    }
-    return;
+
+// src/runtime/bootstrap.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var root = null;
+async function resolveAppConfig(config) {
+  if (config.router || !config.conventionalRoutes) {
+    return config;
   }
-  if (info.warnings && info.warnings.length > 0) {
-    console.log(chalk3.yellow("\n  Warnings:"));
-    for (const warning of info.warnings) {
-      console.log(chalk3.yellow(`    ${warning.message}`));
+  try {
+    const routesModule = await import("@ywkf/routes");
+    const createRouter = routesModule.createRouter || routesModule.default?.createRouter;
+    if (typeof createRouter === "function") {
+      const router = createRouter(config.basename);
+      console.log("[ywkf] \u5DF2\u81EA\u52A8\u6CE8\u5165\u7EA6\u5B9A\u5F0F\u8DEF\u7531");
+      return { ...config, router };
+    } else {
+      console.warn("[ywkf] @ywkf/routes \u672A\u5BFC\u51FA createRouter \u51FD\u6570");
     }
+  } catch (error) {
+    console.error("[ywkf] \u52A0\u8F7D\u7EA6\u5B9A\u5F0F\u8DEF\u7531\u5931\u8D25:", error);
+    console.warn("[ywkf] \u8BF7\u786E\u4FDD\u5DF2\u542F\u7528\u7EA6\u5B9A\u5F0F\u8DEF\u7531\u4E14 src/pages \u76EE\u5F55\u5B58\u5728");
   }
-  console.log(chalk3.bold("\n  Build output:"));
-  console.log();
-  const assets = info.assets || [];
-  const sortedAssets = assets.filter((asset) => !asset.name.endsWith(".map")).sort((a, b) => b.size - a.size);
-  for (const asset of sortedAssets.slice(0, 15)) {
-    const sizeColor = asset.size > 500 * 1024 ? chalk3.yellow : chalk3.green;
-    console.log(
-      `    ${chalk3.dim(asset.name.padEnd(50))} ${sizeColor(formatSize(asset.size))}`
-    );
+  return config;
+}
+async function bootstrap(config) {
+  const { rootId = "root", lifecycle } = config;
+  const resolvedConfig = await resolveAppConfig(config);
+  if (lifecycle?.onBeforeMount) {
+    await lifecycle.onBeforeMount();
   }
-  if (sortedAssets.length > 15) {
-    console.log(chalk3.dim(`    ... and ${sortedAssets.length - 15} more files`));
+  const rootElement = document.getElementById(rootId);
+  if (!rootElement) {
+    throw new Error(`\u627E\u4E0D\u5230\u6839\u5143\u7D20 #${rootId}`);
   }
-  console.log();
-}
-async function build(options = {}) {
-  const cwd = options.cwd || process.cwd();
-  const mode = options.mode || "production";
-  try {
-    preloadEnv(cwd, mode, "production");
-    const { config } = await resolveConfig(cwd);
-    loadEnv(config, cwd, mode, "production");
-    const pluginManager = new PluginManager(config, cwd, false);
-    if (config.plugins && config.plugins.length > 0) {
-      await pluginManager.loadPlugins(config.plugins);
-    }
-    await pluginManager.runBeforeBuild();
-    let rspackConfig = createRspackConfig(config, cwd, { isDev: false });
-    rspackConfig = await pluginManager.applyRspackConfigHooks(rspackConfig);
-    const pluginNames = pluginManager.getPluginNames();
-    const printer = new DevPrinter("localhost", 0, pluginNames, true);
-    printer.printBanner();
-    printer.printBuildStart();
-    printer.updateProgress(0, "preparing");
-    rspackConfig.plugins = rspackConfig.plugins || [];
-    rspackConfig.plugins.push(
-      new rspack5.ProgressPlugin(createProgressHandler(printer))
-    );
-    rspackConfig.stats = "none";
-    rspackConfig.infrastructureLogging = { level: "none" };
-    const compiler = rspack5(rspackConfig);
-    const stats = await new Promise((resolve4, reject) => {
-      compiler.run((err, stats2) => {
-        if (err) {
-          reject(err);
-          return;
-        }
-        if (!stats2) {
-          reject(new Error("Build failed: no stats available"));
-          return;
-        }
-        resolve4(stats2);
-      });
-    });
-    await new Promise((resolve4, reject) => {
-      compiler.close((err) => {
-        if (err) reject(err);
-        else resolve4();
-      });
-    });
-    const hasErrors = stats.hasErrors();
-    const statsInfo = stats.toJson({ errors: true });
-    await pluginManager.runAfterBuild({
-      success: !hasErrors,
-      errors: statsInfo.errors?.map((e) => e.message)
+  root = createRoot(rootElement);
+  root.render(/* @__PURE__ */ jsx4(RootProvider, { config: resolvedConfig }));
+  if (lifecycle?.onMounted) {
+    setTimeout(() => {
+      lifecycle.onMounted?.();
+    }, 0);
+  }
+  if (lifecycle?.onUnmount) {
+    window.addEventListener("beforeunload", () => {
+      lifecycle.onUnmount?.();
     });
-    printer.printBuildDone(hasErrors);
-    if (hasErrors) {
-      printBuildResult(stats);
-      process.exit(1);
+  }
+}
+function unmount() {
+  if (root) {
+    root.unmount();
+    root = null;
+  }
+}
+function createMicroApp(getConfig) {
+  let microRoot = null;
+  return {
+    /**
+     * 微前端 bootstrap 生命周期
+     */
+    async bootstrap() {
+      console.log("[MicroApp] bootstrap");
+    },
+    /**
+     * 微前端 mount 生命周期
+     */
+    async mount(props) {
+      console.log("[MicroApp] mount", props);
+      const config = getConfig(props);
+      const resolvedConfig = await resolveAppConfig(config);
+      const container = props?.masterProps?.container;
+      const rootId = resolvedConfig.rootId || "root";
+      const rootElement = container ? container.querySelector(`#${rootId}`) : document.getElementById(rootId);
+      if (!rootElement) {
+        throw new Error(`[MicroApp] \u627E\u4E0D\u5230\u6839\u5143\u7D20 #${rootId}`);
+      }
+      if (resolvedConfig.lifecycle?.onBeforeMount) {
+        await resolvedConfig.lifecycle.onBeforeMount();
+      }
+      microRoot = createRoot(rootElement);
+      microRoot.render(/* @__PURE__ */ jsx4(RootProvider, { config: resolvedConfig }));
+      if (resolvedConfig.lifecycle?.onMounted) {
+        setTimeout(() => {
+          resolvedConfig.lifecycle?.onMounted?.();
+        }, 0);
+      }
+    },
+    /**
+     * 微前端 unmount 生命周期
+     */
+    async unmount(props) {
+      console.log("[MicroApp] unmount", props);
+      const config = getConfig(props);
+      if (config.lifecycle?.onUnmount) {
+        config.lifecycle.onUnmount();
+      }
+      if (microRoot) {
+        microRoot.unmount();
+        microRoot = null;
+      }
+    },
+    /**
+     * 微前端 update 生命周期（可选）
+     */
+    async update(props) {
+      console.log("[MicroApp] update", props);
     }
-    printBuildResult(stats);
-  } catch (error) {
-    console.error();
-    console.error(chalk3.red("  \u2716 Build failed"));
-    console.error(error);
-    process.exit(1);
+  };
+}
+function isMicroAppEnv() {
+  if (window.__POWERED_BY_QIANKUN__) {
+    return true;
+  }
+  if (window.__GARFISH__) {
+    return true;
+  }
+  return false;
+}
+function getMicroAppPublicPath() {
+  if (window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__) {
+    return window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
   }
+  return "/";
 }
 export {
   AppContext,
@@ -4600,6 +4619,7 @@ export {
   YwkfGenerator,
   YwkfGeneratorPlugin,
   analyticsPlugin,
+  biomePlugin,
   bootstrap,
   build,
   createBaseConfig,
@@ -4615,6 +4635,7 @@ export {
   dev,
   garfishPlugin,
   generateConventionalRoutes,
+  getDefaultBiomeConfig,
   getMicroAppPublicPath,
   i18nPlugin,
   isMicroAppEnv,