@4399ywkf/cli 2.0.20 → 2.0.21

package/dist/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var utils = require('@umijs/utils');
+var boxen = require('boxen');
+var figlet = require('figlet');
 var fs = require('fs');
 var path = require('path');
-var figlet = require('figlet');
-var boxen = require('boxen');
 
 var ERegistry = /* @__PURE__ */ ((ERegistry2) => {
   ERegistry2["npm"] = "https://registry.npmjs.com/";
@@ -17,9 +17,7 @@ const cloneGitTemplate = async (opts) => {
   const { template, dest, gitUrl = "https://ywgit.gz4399.com/ywkf/" /* git */ } = opts;
   const absoluteDest = path.resolve(dest);
   const tempDir = `${absoluteDest}_temp`;
-  utils.logger.info(
-    `Init a new project with template ${utils.chalk.blue(template)} from git ...`
-  );
+  utils.logger.info(`Init a new project with template ${utils.chalk.blue(template)} from git ...`);
   const repoUrl = `${gitUrl}${template}.git`;
   try {
     if (utils.fsExtra.existsSync(absoluteDest)) {
@@ -46,7 +44,7 @@ const cloneGitTemplate = async (opts) => {
     if (utils.fsExtra.existsSync(tempDir)) {
       try {
         utils.fsExtra.removeSync(tempDir);
-      } catch (cleanupError) {
+      } catch (_cleanupError) {
         utils.logger.warn(`Failed to cleanup temporary directory: ${tempDir}`);
       }
     }
@@ -75,22 +73,20 @@ const DEFAULT_DATA = {
   withHusky: false,
   extraNpmrc: "",
   appTemplate: "app" /* app */,
-  microRole: "none" /* none */
+  microRole: "none" /* none */,
+  enableBiome: true
 };
-var index = async ({
-  cwd,
-  args,
-  defaultData = DEFAULT_DATA
-}) => {
+var index = async ({ cwd, args, defaultData = DEFAULT_DATA }) => {
   let [name] = args._;
   let npmClient = "pnpm" /* pnpm */;
   let registry = ERegistry.npm;
   let gitTemplate;
   let appTemplate = (defaultData == null ? void 0 : defaultData.appTemplate) || "app" /* app */;
   let microRole = (defaultData == null ? void 0 : defaultData.microRole) || "none" /* none */;
+  let enableBiome = (defaultData == null ? void 0 : defaultData.enableBiome) ?? true;
   const { username, email } = await utils.getGitInfo();
   const author = email && username ? `${username} <${email}>` : "";
-  let pluginName = `${name || "demo"}`;
+  const pluginName = `${name || "demo"}`;
   let target = name ? path.join(cwd, name) : cwd;
   const { isCancel, text, select, intro, outro, confirm, note } = utils.clackPrompts;
   const exitPrompt = () => {
@@ -105,7 +101,7 @@ var index = async ({
         if (!value.length) {
           return "\u8BF7\u8F93\u5165\u9879\u76EE\u540D\u79F0";
         }
-        if (value != "." && utils.fsExtra.existsSync(path.join(cwd, value))) {
+        if (value !== "." && utils.fsExtra.existsSync(path.join(cwd, value))) {
           return `\u76EE\u5F55 ${value} \u5DF2\u5B58\u5728`;
         }
       }
@@ -172,6 +168,16 @@ var index = async ({
       exitPrompt();
     }
   };
+  const selectBiome = async () => {
+    const useBiome = await confirm({
+      message: "\u662F\u5426\u542F\u7528 Biome \u4EE3\u7801\u89C4\u8303\u68C0\u67E5\uFF1F\uFF08Lint / Format / Import Sorting\uFF09",
+      initialValue: true
+    });
+    if (isCancel(useBiome)) {
+      exitPrompt();
+    }
+    enableBiome = !!useBiome;
+  };
   const selectGitInit = async () => {
     const initGitAnswer = await confirm({
       message: "\u662F\u5426\u521D\u59CB\u5316 Git \u4ED3\u5E93\uFF1F",
@@ -203,9 +209,7 @@ var index = async ({
     });
     console.log(utils.chalk.hex("#19BDD2")(banner));
     console.log("");
-    console.log(
-      utils.chalk.hex("#19BDD2")("  \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501")
-    );
+    console.log(utils.chalk.hex("#19BDD2")("  \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"));
     console.log("");
     console.log(
       utils.chalk.bold.white("     \u{1F680}  \u6B22\u8FCE\u4F7F\u7528 ") + utils.chalk.hex("#19BDD2").bold("\u8FD0\u7EF4\u6280\u672F\u4E2D\u5FC3\u5F00\u53D1\u90E8") + utils.chalk.bold.white(" \u9879\u76EE\u811A\u624B\u67B6\u5DE5\u5177")
@@ -217,9 +221,7 @@ var index = async ({
     console.log("");
     console.log(utils.chalk.yellow("     \u8BA9\u6211\u4EEC\u4E00\u8D77\u521B\u5EFA\u4E00\u4E2A\u65B0\u9879\u76EE\u5427\uFF01"));
     console.log("");
-    console.log(
-      utils.chalk.hex("#19BDD2")("  \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501")
-    );
+    console.log(utils.chalk.hex("#19BDD2")("  \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"));
     console.log("");
     intro(utils.chalk.hex("#19BDD2").bold("\u5F00\u59CB\u521B\u5EFA"));
     await setName();
@@ -239,6 +241,7 @@ var index = async ({
     if (isCancel(registry)) {
       exitPrompt();
     }
+    await selectBiome();
     await selectMicroFrontend();
     await selectGitInit();
     outro(utils.chalk.green(`\u2728 \u4E00\u5207\u5C31\u7EEA, \u5F00\u59CB\u521B\u5EFA\u9879\u76EE...`));
@@ -262,7 +265,7 @@ var index = async ({
       });
       break;
     // TODO: init template from git
-    case useGitTemplate:
+    case useGitTemplate: {
       intro(utils.chalk.bgHex("#19BDD2")(" create-ywkf "));
       await setName();
       if (isCancel(name)) {
@@ -298,6 +301,7 @@ Git\u6A21\u677F: ${gitTemplate}
         dest: target
       });
       break;
+    }
     default:
       if (!useDefaultData) {
         await internalTemplatePrompts();
@@ -339,7 +343,8 @@ Git\u6A21\u677F: ${gitTemplate}
         microRole,
         enableMicro: microRole !== "none" /* none */,
         isMasterApp: microRole === "master" /* master */,
-        isSubApp: microRole === "sub" /* sub */
+        isSubApp: microRole === "sub" /* sub */,
+        enableBiome
       }
     });
     await generator.run();
@@ -349,6 +354,10 @@ Git\u6A21\u677F: ${gitTemplate}
     if (microRole !== "none" /* none */) {
       await injectMicroFrontendPages(target, microRole);
     }
+    await injectVscodeConfig(target, enableBiome);
+    if (enableBiome) {
+      await injectBiomeConfig(target);
+    }
   }
   const context = {
     target,
@@ -378,9 +387,7 @@ Git\u6A21\u677F: ${gitTemplate}
     utils.logger.info(`Skip install deps`);
     if (isPnpm8) {
       utils.logger.warn(
-        utils.chalk.yellow(
-          `You current using pnpm v8, it will install minimal version of dependencies`
-        )
+        utils.chalk.yellow(`You current using pnpm v8, it will install minimal version of dependencies`)
       );
       utils.logger.warn(
         utils.chalk.green(
@@ -391,20 +398,21 @@ Git\u6A21\u677F: ${gitTemplate}
       );
     }
   }
-  printSuccess({ name, target, npmClient, microRole });
+  printSuccess({ name, target, npmClient, microRole, enableBiome });
 };
 function printSuccess(opts) {
-  const { name, target, npmClient, microRole } = opts;
+  const { name, target, npmClient, microRole, enableBiome } = opts;
   const { outro } = utils.clackPrompts;
   const microLabel = microRole === "master" ? "\u4E3B\u5E94\u7528\uFF08\u57FA\u5EA7\uFF09" : microRole === "sub" ? "\u5B50\u5E94\u7528" : "\u672A\u542F\u7528";
+  const biomeLabel = enableBiome ? "\u5DF2\u542F\u7528" : "\u672A\u542F\u7528";
   console.log("");
   console.log(
     boxen(
-      utils.chalk.green.bold("\u{1F389} \u9879\u76EE\u521B\u5EFA\u6210\u529F\uFF01\n\n") + utils.chalk.white("\u{1F4E6} \u9879\u76EE\u4FE1\u606F\n") + utils.chalk.gray("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n") + utils.chalk.cyan("\u540D\u79F0:       ") + utils.chalk.white(name) + "\n" + utils.chalk.cyan("\u8DEF\u5F84:       ") + utils.chalk.white(target) + "\n" + utils.chalk.cyan("\u5305\u7BA1\u7406\u5668:   ") + utils.chalk.white(npmClient) + "\n" + utils.chalk.cyan("\u5FAE\u524D\u7AEF:     ") + utils.chalk.white(microLabel) + "\n\n" + utils.chalk.white("\u{1F680} \u5FEB\u901F\u5F00\u59CB\n") + utils.chalk.gray("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n") + utils.chalk.white("1. \u8FDB\u5165\u9879\u76EE\u76EE\u5F55\n") + utils.chalk.cyan(`   cd ${name}
+      utils.chalk.green.bold("\u{1F389} \u9879\u76EE\u521B\u5EFA\u6210\u529F\uFF01\n\n") + utils.chalk.white("\u{1F4E6} \u9879\u76EE\u4FE1\u606F\n") + utils.chalk.gray("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n") + utils.chalk.cyan("\u540D\u79F0:       ") + utils.chalk.white(name) + "\n" + utils.chalk.cyan("\u8DEF\u5F84:       ") + utils.chalk.white(target) + "\n" + utils.chalk.cyan("\u5305\u7BA1\u7406\u5668:   ") + utils.chalk.white(npmClient) + "\n" + utils.chalk.cyan("\u4EE3\u7801\u89C4\u8303:   ") + utils.chalk.white(`Biome ${biomeLabel}`) + "\n" + utils.chalk.cyan("\u5FAE\u524D\u7AEF:     ") + utils.chalk.white(microLabel) + "\n\n" + utils.chalk.white("\u{1F680} \u5FEB\u901F\u5F00\u59CB\n") + utils.chalk.gray("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n") + utils.chalk.white("1. \u8FDB\u5165\u9879\u76EE\u76EE\u5F55\n") + utils.chalk.cyan(`   cd ${name}
 
 `) + utils.chalk.white("2. \u542F\u52A8\u5F00\u53D1\u670D\u52A1\u5668\n") + utils.chalk.cyan(`   ${npmClient} run dev
 
-`) + utils.chalk.white("3. \u6784\u5EFA\u751F\u4EA7\u7248\u672C\n") + utils.chalk.cyan(`   ${npmClient} run build`),
+`) + utils.chalk.white("3. \u6784\u5EFA\u751F\u4EA7\u7248\u672C\n") + utils.chalk.cyan(`   ${npmClient} run build`) + (enableBiome ? "\n\n" + utils.chalk.white("4. \u4EE3\u7801\u68C0\u67E5 & \u683C\u5F0F\u5316\n") + utils.chalk.cyan(`   ${npmClient} run lint:fix`) : ""),
       {
         padding: 1,
         margin: 1,
@@ -423,10 +431,7 @@ async function detectMonorepoRoot(opts) {
     return null;
   }
   const rootDir = path.dirname(rootPkg);
-  if (utils.tryPaths([
-    path.join(rootDir, "lerna.json"),
-    path.join(rootDir, "pnpm-workspace.yaml")
-  ])) {
+  if (utils.tryPaths([path.join(rootDir, "lerna.json"), path.join(rootDir, "pnpm-workspace.yaml")])) {
     return rootDir;
   }
   return null;
@@ -456,6 +461,125 @@ async function removeHusky(opts) {
     await utils.fsExtra.remove(dir);
   }
 }
+async function injectBiomeConfig(target) {
+  const biomeConfig = {
+    $schema: "https://biomejs.dev/schemas/2.3.2/schema.json",
+    vcs: {
+      enabled: true,
+      defaultBranch: "main",
+      clientKind: "git",
+      useIgnoreFile: true
+    },
+    formatter: {
+      enabled: true,
+      indentStyle: "space"
+    },
+    css: {
+      formatter: {
+        quoteStyle: "single"
+      }
+    },
+    javascript: {
+      formatter: {
+        quoteStyle: "double",
+        arrowParentheses: "always",
+        jsxQuoteStyle: "double",
+        lineWidth: 100
+      }
+    },
+    linter: {
+      enabled: true,
+      rules: {
+        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"
+        }
+      }
+    },
+    assist: {
+      actions: {
+        source: {
+          organizeImports: "on"
+        }
+      }
+    },
+    files: {
+      ignoreUnknown: true,
+      includes: [
+        "**",
+        "!**/.vscode/**/*",
+        "!**/node_modules/**/*",
+        "!**/dist/**/*",
+        "!**/.ywkf/**/*"
+      ]
+    }
+  };
+  const filePath = path.join(target, "biome.json");
+  await writeFile(filePath, `${JSON.stringify(biomeConfig, null, 2)}
+`);
+}
+async function injectVscodeConfig(target, enableBiome) {
+  const vscodeDir = path.join(target, ".vscode");
+  await utils.fsExtra.ensureDir(vscodeDir);
+  const settings = {
+    "editor.formatOnSave": true
+  };
+  const extensions = {
+    recommendations: []
+  };
+  if (enableBiome) {
+    Object.assign(settings, {
+      "editor.defaultFormatter": "biomejs.biome",
+      "editor.codeActionsOnSave": {
+        "quickfix.biome": "explicit",
+        "source.organizeImports.biome": "explicit"
+      },
+      "[javascript]": { "editor.defaultFormatter": "biomejs.biome" },
+      "[typescript]": { "editor.defaultFormatter": "biomejs.biome" },
+      "[javascriptreact]": { "editor.defaultFormatter": "biomejs.biome" },
+      "[typescriptreact]": { "editor.defaultFormatter": "biomejs.biome" },
+      "[json]": { "editor.defaultFormatter": "biomejs.biome" },
+      "[css]": { "editor.defaultFormatter": "biomejs.biome" },
+      "biome.lsp.bin": "./node_modules/@biomejs/biome/bin/biome"
+    });
+    extensions.recommendations.push("biomejs.biome");
+  }
+  await writeFile(path.join(vscodeDir, "settings.json"), `${JSON.stringify(settings, null, 2)}
+`);
+  await writeFile(path.join(vscodeDir, "extensions.json"), `${JSON.stringify(extensions, null, 2)}
+`);
+}
 async function installAndUpdateWithPnpm(cwd) {
   await utils.execa.execa("pnpm", ["up", "-L"], { cwd, stdio: "inherit" });
 }
@@ -479,37 +603,16 @@ async function writeFile(filePath, content) {
   await utils.fsExtra.ensureDir(path.dirname(filePath));
   await utils.fsExtra.writeFile(filePath, content, "utf-8");
 }
-async function injectMasterAppPages(pagesDir, appName) {
-  await writeFile(
-    path.join(pagesDir, "layout.tsx"),
-    MASTER_LAYOUT
-  );
-  await writeFile(
-    path.join(pagesDir, "micro/page.tsx"),
-    MASTER_MICRO_PAGE
-  );
-  await writeFile(
-    path.join(pagesDir, "micro/layout.tsx"),
-    MASTER_MICRO_LAYOUT
-  );
-  await writeFile(
-    path.join(pagesDir, "micro/$.tsx"),
-    MASTER_MICRO_CATCHALL
-  );
-  await writeFile(
-    path.join(pagesDir, "page.tsx"),
-    MASTER_HOME_PAGE
-  );
+async function injectMasterAppPages(pagesDir, _appName) {
+  await writeFile(path.join(pagesDir, "layout.tsx"), MASTER_LAYOUT);
+  await writeFile(path.join(pagesDir, "micro/page.tsx"), MASTER_MICRO_PAGE);
+  await writeFile(path.join(pagesDir, "micro/layout.tsx"), MASTER_MICRO_LAYOUT);
+  await writeFile(path.join(pagesDir, "micro/$.tsx"), MASTER_MICRO_CATCHALL);
+  await writeFile(path.join(pagesDir, "page.tsx"), MASTER_HOME_PAGE);
 }
-async function injectSubAppPages(pagesDir, appName) {
-  await writeFile(
-    path.join(pagesDir, "layout.tsx"),
-    SUB_LAYOUT
-  );
-  await writeFile(
-    path.join(pagesDir, "page.tsx"),
-    SUB_HOME_PAGE
-  );
+async function injectSubAppPages(pagesDir, _appName) {
+  await writeFile(path.join(pagesDir, "layout.tsx"), SUB_LAYOUT);
+  await writeFile(path.join(pagesDir, "page.tsx"), SUB_HOME_PAGE);
 }
 const MASTER_LAYOUT = `import { Outlet, Link, useLocation } from "react-router";
 import { Layout, Menu } from "antd";

package/dist/templates/app/package.json.tpl

@@ -5,8 +5,9 @@
   "scripts": {
     "dev": "ywkf dev",
     "build": "ywkf build",
-    "build:analyze": "ywkf build --analyze",
-    "lint": "biome check"
+    "build:analyze": "ywkf build --analyze"{{#enableBiome}},
+    "lint": "biome check",
+    "lint:fix": "biome check --write"{{/enableBiome}}
   },
   "engines": {
     "node": ">=20.0.0",
@@ -29,7 +30,9 @@
     "zustand": "^5.0.5"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.2",
+{{#enableBiome}}
+    "@biomejs/biome": "^2.3.2",
+{{/enableBiome}}
     "@tailwindcss/postcss": "^4.1.8",
     "@types/node": "^22.9.0",
     "@types/react": "^19.1.6",

package/dist/templates/app/postcss.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
-    '@tailwindcss/postcss': {},
+    "@tailwindcss/postcss": {},
     autoprefixer: {},
   },
 };

package/dist/templates/app/src/index.css

@@ -6,8 +6,9 @@
 }
 
 body {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    "Helvetica Neue", Arial, sans-serif;
+  font-family:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
+    Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background: #fafafa;
@@ -20,7 +21,7 @@ a:hover {
 
 /* Card hover effect */
 a[style*="border-radius: 12px"]:hover {
-  border-color: #3b82f6 !important;
+  border-color: #3b82f6;
   box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);
   transform: translateY(-2px);
 }

package/dist/templates/app/src/pages/dashboard/layout.tsx

@@ -1,5 +1,5 @@
-import { Outlet, Link, useLocation } from "react-router";
 import { Card, Menu } from "antd";
+import { Link, Outlet, useLocation } from "react-router";
 
 const SUB_NAV = [
   { key: "/dashboard", label: <Link to="/dashboard">概览</Link> },

package/dist/templates/app/src/pages/dashboard/page.tsx

@@ -1,4 +1,4 @@
-import { Typography, Card, Row, Col, Statistic } from "antd";
+import { Card, Col, Row, Statistic, Typography } from "antd";
 
 const { Paragraph } = Typography;
 
@@ -6,8 +6,8 @@ export default function DashboardPage() {
   return (
     <div>
       <Paragraph>
-        这是 <code>/dashboard</code> 的默认页面（<code>page.tsx</code>），
-        与 <code>layout.tsx</code> 配合实现嵌套布局。
+        这是 <code>/dashboard</code> 的默认页面（<code>page.tsx</code>）， 与{" "}
+        <code>layout.tsx</code> 配合实现嵌套布局。
       </Paragraph>
       <Row gutter={16}>
         <Col span={8}>

package/dist/templates/app/src/pages/error.tsx

@@ -1,5 +1,5 @@
 import { Button, Result } from "antd";
-import { useRouteError, useNavigate } from "react-router";
+import { useNavigate, useRouteError } from "react-router";
 
 export default function RootError() {
   const error = useRouteError() as Error;

package/dist/templates/app/src/pages/layout.tsx

@@ -1,4 +1,4 @@
-import { Outlet, Link, useLocation } from "react-router";
+import { Link, Outlet, useLocation } from "react-router";
 
 const NAV_ITEMS = [
   { key: "/", label: "首页" },
@@ -17,10 +17,7 @@ export default function RootLayout() {
         </Link>
         <nav style={styles.nav}>
           {NAV_ITEMS.map((item) => {
-            const active =
-              item.key === "/"
-                ? pathname === "/"
-                : pathname.startsWith(item.key);
+            const active = item.key === "/" ? pathname === "/" : pathname.startsWith(item.key);
             return (
               <Link
                 key={item.key}
@@ -41,9 +38,7 @@ export default function RootLayout() {
         <Outlet />
       </main>
 
-      <footer style={styles.footer}>
-        YWKF Framework ©{new Date().getFullYear()}
-      </footer>
+      <footer style={styles.footer}>YWKF Framework ©{new Date().getFullYear()}</footer>
     </div>
   );
 }

package/dist/templates/app/src/pages/loading.tsx

@@ -2,7 +2,9 @@ import { Spin } from "antd";
 
 export default function RootLoading() {
   return (
-    <div style={{ display: "flex", justifyContent: "center", alignItems: "center", height: "60vh" }}>
+    <div
+      style={{ display: "flex", justifyContent: "center", alignItems: "center", height: "60vh" }}
+    >
       <Spin size="large" tip="加载中..." />
     </div>
   );

package/dist/templates/app/src/pages/page.tsx

@@ -36,8 +36,7 @@ export default function WelcomePage() {
             <span style={styles.brand}>YWKF Framework</span>
           </h1>
           <p style={styles.hint}>
-            开始编辑{" "}
-            <code style={styles.code}>src/pages/page.tsx</code>
+            开始编辑 <code style={styles.code}>src/pages/page.tsx</code>
           </p>
         </div>
       </div>

package/dist/templates/app/src/pages/user/[id]/page.tsx

@@ -1,5 +1,5 @@
-import { Typography, Descriptions, Button } from "antd";
-import { useParams, useNavigate } from "react-router";
+import { Button, Descriptions, Typography } from "antd";
+import { useNavigate, useParams } from "react-router";
 
 const { Title } = Typography;
 
@@ -16,8 +16,7 @@ export default function UserDetailPage() {
           <code>/user/[id]/page.tsx</code> → <code>/user/:id</code>
         </Descriptions.Item>
         <Descriptions.Item label="说明">
-          目录名 <code>[id]</code> 会被解析为动态路由参数，
-          使用 <code>useParams()</code> 获取值。
+          目录名 <code>[id]</code> 会被解析为动态路由参数， 使用 <code>useParams()</code> 获取值。
         </Descriptions.Item>
       </Descriptions>
       <div style={{ marginTop: 16 }}>

package/dist/templates/app/src/pages/user/page.tsx

@@ -1,4 +1,4 @@
-import { Typography, Table, Button } from "antd";
+import { Button, Table, Typography } from "antd";
 import { Link } from "react-router";
 
 const { Title } = Typography;
@@ -26,12 +26,7 @@ export default function UserListPage() {
   return (
     <div style={{ maxWidth: 720, margin: "0 auto" }}>
       <Title level={2}>用户列表</Title>
-      <Table
-        dataSource={MOCK_USERS}
-        columns={columns}
-        rowKey="id"
-        pagination={false}
-      />
+      <Table dataSource={MOCK_USERS} columns={columns} rowKey="id" pagination={false} />
       <div style={{ marginTop: 16 }}>
         <Button type="link">
           <Link to="/user/42">直接访问 /user/42（动态路由）</Link>

package/dist/templates/app/store/app/index.tsx

@@ -1,4 +1,4 @@
-export { useAppStore, getAppStoreState } from "./store";
-export type { AppStore } from "./store";
-export { initialState } from "./initialState";
 export type { AppStoreState } from "./initialState";
+export { initialState } from "./initialState";
+export type { AppStore } from "./store";
+export { getAppStoreState, useAppStore } from "./store";

package/dist/templates/app/store/app/initialState.ts

@@ -1,7 +1,4 @@
-import {
-  type CounterState,
-  initialCounterState,
-} from "./slices/counter/initialState";
+import { type CounterState, initialCounterState } from "./slices/counter/initialState";
 
 export type AppStoreState = CounterState;
 

package/dist/templates/app/store/app/slices/counter/actions.ts

@@ -15,7 +15,7 @@ export const createCounterSlice: StateCreator<
   [["zustand/devtools", never]],
   [],
   CounterAction
-> = (set, get) => ({
+> = (set, _get) => ({
   increment: () => set((s) => ({ count: s.count + 1 })),
   decrement: () => set((s) => ({ count: s.count - 1 })),
   reset: () => set({ count: 0, error: null }),

package/dist/templates/app/store/app/store.ts

@@ -6,16 +6,11 @@ import type { StateCreator } from "zustand/vanilla";
 import { createDevtools } from "../middleware/createDevtools";
 import { type AppStoreState, initialState } from "./initialState";
 
-import {
-  type CounterAction,
-  createCounterSlice,
-} from "./slices/counter/actions";
+import { type CounterAction, createCounterSlice } from "./slices/counter/actions";
 
 export type AppStore = AppStoreState & CounterAction;
 
-const createStore: StateCreator<AppStore, [["zustand/devtools", never]]> = (
-  ...parameters
-) => ({
+const createStore: StateCreator<AppStore, [["zustand/devtools", never]]> = (...parameters) => ({
   ...initialState,
   ...createCounterSlice(...parameters),
 });

package/dist/templates/app/store/index.ts

@@ -1,2 +1,2 @@
-export { useAppStore, getAppStoreState } from "./app";
 export type { AppStore, AppStoreState } from "./app";
+export { getAppStoreState, useAppStore } from "./app";

package/dist/templates/app/tsconfig.json

@@ -19,14 +19,6 @@
       "@ywkf/store": ["./.ywkf/store.ts"]
     }
   },
-  "include": [
-    "src/**/*",
-    "store/**/*",
-    ".ywkf/**/*",
-    "ywkf.config.ts"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
+  "include": ["src/**/*", "store/**/*", ".ywkf/**/*", "ywkf.config.ts"],
+  "exclude": ["node_modules", "dist"]
 }

package/dist/templates/app/ywkf.config.ts.tpl

@@ -1,5 +1,5 @@
 import { defineConfig } from "@4399ywkf/core/config";
-import { tailwindPlugin, reactQueryPlugin, zustandPlugin, themePlugin{{#enableMicro}}, garfishPlugin{{/enableMicro}} } from "@4399ywkf/core";
+import { tailwindPlugin, reactQueryPlugin, zustandPlugin, themePlugin{{#enableBiome}}, biomePlugin{{/enableBiome}}{{#enableMicro}}, garfishPlugin{{/enableMicro}} } from "@4399ywkf/core";
 
 export default defineConfig({
   appName: process.env.APP_NAME || "{{{ name }}}",
@@ -58,6 +58,9 @@ export default defineConfig({
     }),
     zustandPlugin(),
     tailwindPlugin(),
+{{#enableBiome}}
+    biomePlugin(),
+{{/enableBiome}}
 {{#isSubApp}}
 
     // 微前端 · 子应用模式

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4399ywkf/cli",
-  "version": "2.0.20",
+  "version": "2.0.21",
   "description": "运维开发部脚手架",
   "main": "dist/index.js",
   "bin": {