@coze-arch/cli 0.0.1-alpha.de5a13 → 0.0.1-alpha.deaedf

package/lib/__templates__/taro/README.md

@@ -10,7 +10,7 @@
 - **样式**: TailwindCSS 4.1.18
 - **Tailwind 适配层**: weapp-tailwindcss 4.9.2
 - **状态管理**: Zustand 5.0.9
-- **图标库**: lucide-react 0.511.0
+- **图标库**: lucide-react-taro latest
 - **工程化**: Vite 4.2.0
 - **包管理**: pnpm
 - **运行时**: Node.js >= 18
@@ -28,14 +28,16 @@
 │   ├── dev.ts                # 开发环境配置
 │   └── prod.ts               # 生产环境配置
 ├── server/                   # NestJS 后端服务
-│   └── src/  
+│   └── src/
 │       ├── main.ts           # 服务入口
 │       ├── app.module.ts     # 根模块
 │       ├── app.controller.ts # 应用控制器
 │       └── app.service.ts    # 应用服务
 ├── src/                      # 前端源码
 │   ├── pages/                # 页面组件
+│   ├── presets/              # 框架预置逻辑（无需读取，如无必要不改动）
 │   ├── utils/                # 工具函数
+│   ├── network.ts            # 封装好的网络请求工具
 │   ├── app.ts                # 应用入口
 │   ├── app.config.ts         # 应用配置
 │   └── app.css               # 全局样式
@@ -103,56 +105,39 @@ pnpm preview:weapp # 构建并生成预览小程序二维码
 pnpm new      # 交互式创建页面/组件
 ```
 
-### 常用 Taro 组件
+### 组件库
+
+#### UI 组件
 
-引入方式
+UI 组件位于 `@/components/ui`，推荐按需引入：
 
 ```typescript
-import { Text } from '@tarojs/components'
-```
-- 基础组件
-  - Text
-  - Icon
-  - Progress
-  - RichText
-- 表单组件
-  - Button
-  - Checkbox
-  - CheckboxGroup
-  - Editor
-  - Form
-  - Input
-  - Label
-  - Picker
-  - PickerView
-  - PickerViewColumn
-  - Radio
-  - RadioGroup
-  - Slider
-  - Switch
-  - Textarea
-- 导航组件
-  - FunctionalPageNavigator
-  - NavigationBar
-  - Navigator
-  - TabItem
-  - Tabs
-- 媒体组件
-  - Camera
-  - Image
-  - Video
-- 视图容器
-  - ScrollView
-  - Swiper
-  - SwiperItem
-  - View
+import { Button } from '@/components/ui/button'
+import { Card, CardContent } from '@/components/ui/card'
+```
+
+UI 组件列表:
+
+Accordion,Alert,AlertDialog,AspectRatio,Avatar,Badge,Breadcrumb,Button,ButtonGroup,Calendar,Card,Carousel,Checkbox,CodeBlock,Collapsible,Command,ContextMenu,Dialog,Drawer,DropdownMenu,Field,HoverCard,Input,InputGroup,InputOTP,Label,Menubar,NavigationMenu,Pagination,Popover,Portal,Progress,RadioGroup,Resizable,ScrollArea,Select,Separator,Sheet,Skeleton,Slider,Sonner,Switch,Table,Tabs,Textarea,Toast,Toggle,ToggleGroup,Tooltip
+
+#### Taro 原生组件
+
+可以使用的 Taro 组件（UI 未覆盖）
+
+```typescript
+import { View, Text, Icon, Image } from '@tarojs/components'
+```
+
+Taro 原生组件列表：
+
+Text,Icon,RichText,CheckboxGroup,Editor,Form,Picker,PickerView,PickerViewColumn,Radio,FunctionalPageNavigator,NavigationBar,Navigator,TabItem,Camera,Image,Video,ScrollView,Swiper,SwiperItem,View
 
 ### 路径别名
 
 项目配置了 `@/*` 路径别名指向 `src/*`：
 
 ```typescript
-import { SomeComponent } from '@/components/SomeComponent'
+import { SomeComponent } from '@/components/some-component'
 import { useUserStore } from '@/stores/user'
 ```
 
@@ -162,9 +147,18 @@ import { useUserStore } from '@/stores/user'
 
 ```tsx
 // src/pages/example/index.tsx
-import { View, Text } from '@tarojs/components'
+import { View } from '@tarojs/components'
 import { useLoad, useDidShow } from '@tarojs/taro'
 import type { FC } from 'react'
+import { Button } from '@/components/ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
 import './index.css'
 
 const ExamplePage: FC = () => {
@@ -177,8 +171,25 @@ const ExamplePage: FC = () => {
   })
 
   return (
-    <View className="flex flex-col items-center p-4">
-      <Text className="text-lg font-bold">Hello Taro!</Text>
+    <View className="p-4">
+      <Card>
+        <CardHeader>
+          <CardTitle>Hello Taro!</CardTitle>
+          <CardDescription>
+            页面布局用 Taro 基础组件，交互与视觉优先用项目内置 UI 组件。
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <View className="text-sm text-muted-foreground">
+            组件位于 src/components/ui，推荐按需从 @/components/ui/* 引入。
+          </View>
+        </CardContent>
+        <CardFooter className="justify-end">
+          <Button size="sm" onClick={() => console.log('clicked')}>
+            点击
+          </Button>
+        </CardFooter>
+      </Card>
     </View>
   )
 }
@@ -237,8 +248,8 @@ Network 是对 Taro.request、Taro.uploadFile、Taro.downloadFile 的封装，
 import { Network } from '@/network'
 
 // GET 请求
-const data = await Network.request({ 
-  url: '/api/hello' 
+const data = await Network.request({
+  url: '/api/hello'
 })
 
 // POST 请求
@@ -267,8 +278,8 @@ await Network.downloadFile({
 import Taro from '@tarojs/taro'
 
 // ❌ 会导致自动域名拼接无法生效，除非是特殊指定域名
-const data = await Network.request({ 
-  url: 'http://localhost/api/hello' 
+const data = await Network.request({
+  url: 'http://localhost/api/hello'
 })
 
 // ❌ 不要直接使用 Taro.request
@@ -344,23 +355,29 @@ const router = useRouter()
 const { id } = router.params
 ```
 
-### 图标使用 (lucide-react)
+### 图标使用 (lucide-react-taro)
 
-项目集成了 [lucide-react](https://lucide.dev/) 图标库，提供丰富的 SVG 图标：
+**IMPORTANT: 禁止使用 lucide-react，必须使用 lucide-react-taro 替代。**
+
+lucide-react-taro 是 Lucide 图标库的 Taro 适配版本，专为小程序环境优化，API 与 lucide-react 一致：
 
 ```tsx
 import { View } from '@tarojs/components'
-import { Home, Settings, User, Search, Heart, Star } from 'lucide-react'
+import { House, Settings, User, Search, Camera, Zap } from 'lucide-react-taro'
 
 const IconDemo = () => {
   return (
     <View className="flex gap-4">
-      <Home size={24} color="#333" />
-      <Settings size={24} className="text-blue-500" />
-      <User size={20} strokeWidth={1.5} />
-      <Search size={24} />
-      <Heart size={24} fill="red" color="red" />
-      <Star size={24} className="text-yellow-500" />
+      {/* 基本用法 */}
+      <House />
+      {/* 自定义尺寸和颜色 */}
+      <Settings size={32} color="#1890ff" />
+      {/* 自定义描边宽度 */}
+      <User size={24} strokeWidth={1.5} />
+      {/* 绝对描边宽度（描边不随 size 缩放） */}
+      <Camera size={48} strokeWidth={2} absoluteStrokeWidth />
+      {/* 组合使用 */}
+      <Zap size={32} color="#ff6b00" strokeWidth={1.5} className="my-icon" />
     </View>
   )
 }
@@ -368,12 +385,68 @@ const IconDemo = () => {
 
 常用属性：
 - `size` - 图标大小（默认 24）
-- `color` - 图标颜色
+- `color` - 图标颜色（默认 currentColor，小程序中建议显式设置）
 - `strokeWidth` - 线条粗细（默认 2）
-- `className` - 支持 Tailwind 类名
+- `absoluteStrokeWidth` - 绝对描边宽度，启用后描边不随 size 缩放
+- `className` / `style` - 自定义样式
 
 更多图标请访问：https://lucide.dev/icons
 
+### TabBar 图标生成 (CLI 工具)
+
+**IMPORTANT: 微信小程序的 TabBar 不支持 base64 或 SVG 图片，必须使用本地 PNG 文件。**
+
+lucide-react-taro 提供了 CLI 工具来生成 TabBar 所需的 PNG 图标：
+
+```bash
+# 生成带选中状态的图标
+npx taro-lucide-tabbar House Settings User -c "#999999" -a "#1890ff"
+
+# 指定输出目录和尺寸
+npx taro-lucide-tabbar House Settings User -c "#999999" -a "#1890ff" -o ./src/assets/tabbar -s 81
+```
+
+CLI 参数：
+- `--color, -c` (默认 #000000): 图标颜色
+- `--active-color, -a`: 选中状态颜色
+- `--size, -s` (默认 81): 图标尺寸
+- `--output, -o` (默认 ./tabbar-icons): 输出目录
+- `--stroke-width` (默认 2): 描边宽度
+
+在 `app.config.ts` 中使用生成的图标：
+
+> IMPORTANT：iconPath 和 selectedIconPath 必须以 `./` 开头，否则图标无法渲染
+
+```typescript
+export default defineAppConfig({
+  tabBar: {
+    color: '#999999',
+    selectedColor: '#1890ff',
+    backgroundColor: '#ffffff',
+    borderStyle: 'black',
+    list: [
+      {
+        pagePath: 'pages/index/index',
+        text: '首页',
+        iconPath: './assets/tabbar/house.png',
+        selectedIconPath: './assets/tabbar/house-active.png',
+      },
+      {
+        pagePath: 'pages/settings/index',
+        text: '设置',
+        iconPath: './assets/tabbar/settings.png',
+        selectedIconPath: './assets/tabbar/settings-active.png',
+      },
+      {
+        pagePath: 'pages/user/index',
+        text: '用户',
+        iconPath: './assets/tabbar/user.png',
+        selectedIconPath: './assets/tabbar/user-active.png',
+      },
+    ],
+  },
+})
+
 ### Tailwind CSS 样式开发
 
 IMPORTANT：必须使用 tailwindcss 实现样式，只有在必要情况下才能 fallback 到 css / less
@@ -381,10 +454,13 @@ IMPORTANT：必须使用 tailwindcss 实现样式，只有在必要情况下才
 > 项目已集成 Tailwind CSS 4.x + weapp-tailwindcss，支持跨端原子化样式：
 
 ```tsx
+import { View, Text } from '@tarojs/components'
+import { Button } from '@/components/ui/button'
+
 <View className="flex flex-col items-center justify-center min-h-screen bg-gray-100">
   <Text className="text-2xl font-bold text-blue-600 mb-4">标题</Text>
   <View className="w-full px-4">
-    <Button className="w-full bg-blue-500 text-white rounded-lg py-3">
+    <Button className="w-full" size="lg">
       按钮
     </Button>
   </View>

package/lib/__templates__/taro/config/index.ts

@@ -1,22 +1,76 @@
+import fs from 'node:fs';
 import path from 'node:path';
-import dotenv from 'dotenv';
 
 import tailwindcss from '@tailwindcss/postcss';
 import { UnifiedViteWeappTailwindcssPlugin } from 'weapp-tailwindcss/vite';
 import { defineConfig, type UserConfigExport } from '@tarojs/cli';
 import type { PluginItem } from '@tarojs/taro/types/compile/config/project';
-
-// 加载环境变量
-dotenv.config({ path: path.resolve(__dirname, '../.env.local') });
-
+import dotenv from 'dotenv';
 import devConfig from './dev';
 import prodConfig from './prod';
 import pkg from '../package.json';
 
+dotenv.config({ path: path.resolve(__dirname, '../.env.local') });
+
+const generateTTProjectConfig = () => {
+  const config = {
+    miniprogramRoot: './',
+    projectname: '<%= appName %>',
+    appid: process.env.TARO_APP_TT_APPID || '',
+    setting: {
+      urlCheck: false,
+      es6: false,
+      postcss: false,
+      minified: false,
+    },
+  };
+  const outputDir = path.resolve(__dirname, '../dist-tt');
+  if (!fs.existsSync(outputDir)) {
+    fs.mkdirSync(outputDir, { recursive: true });
+  }
+  fs.writeFileSync(
+    path.resolve(outputDir, 'project.config.json'),
+    JSON.stringify(config, null, 2),
+  );
+};
+
 // https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数
 export default defineConfig<'vite'>(async (merge, _env) => {
-  const isWeChatApp = process.env.TARO_ENV === 'weapp';
-  const outputRoot = isWeChatApp ? 'dist' : 'dist-web';
+  const outputRootMap: Record<string, string> = {
+    weapp: 'dist-weapp',
+    tt: 'dist-tt',
+    h5: 'dist-web',
+  };
+  const outputRoot = outputRootMap[process.env.TARO_ENV || ''] || 'dist';
+  const isH5 = process.env.TARO_ENV === 'h5';
+
+  const buildMiniCIPluginConfig = () => {
+    const hasWeappConfig = !!process.env.TARO_APP_WEAPP_APPID;
+    const hasTTConfig = !!process.env.TARO_APP_TT_EMAIL;
+    if (!hasWeappConfig && !hasTTConfig) {
+      return [];
+    }
+    const miniCIConfig: Record<string, any> = {
+      version: pkg.version,
+      desc: pkg.description,
+    };
+    if (hasWeappConfig) {
+      miniCIConfig.weapp = {
+        appid: process.env.TARO_APP_WEAPP_APPID,
+        privateKeyPath: 'key/private.appid.key',
+      };
+    }
+    if (hasTTConfig) {
+      miniCIConfig.tt = {
+        email: process.env.TARO_APP_TT_EMAIL,
+        password: process.env.TARO_APP_TT_PASSWORD,
+        setting: {
+          skipDomainCheck: true,
+        },
+      };
+    }
+    return [['@tarojs/plugin-mini-ci', miniCIConfig]] as PluginItem[];
+  };
 
   const baseConfig: UserConfigExport<'vite'> = {
     projectName: '<%= appName %>',
@@ -33,24 +87,7 @@ export default defineConfig<'vite'>(async (merge, _env) => {
     },
     sourceRoot: 'src',
     outputRoot,
-    plugins: [
-      '@tarojs/plugin-generator',
-      ...(process.env.TARO_APP_WEAPP_APPID
-        ? ([
-            [
-              '@tarojs/plugin-mini-ci',
-              {
-                version: pkg.version,
-                desc: pkg.description,
-                weapp: {
-                  appid: process.env.TARO_APP_WEAPP_APPID,
-                  privateKeyPath: 'key/private.appid.key',
-                },
-              },
-            ],
-          ] as PluginItem[])
-        : []),
-    ],
+    plugins: ['@tarojs/plugin-generator', ...buildMiniCIPluginConfig()],
     defineConstants: {
       PROJECT_DOMAIN: JSON.stringify(
         process.env.PROJECT_DOMAIN ||
@@ -63,6 +100,13 @@ export default defineConfig<'vite'>(async (merge, _env) => {
       patterns: [],
       options: {},
     },
+    ...(process.env.TARO_ENV === 'tt' && {
+      tt: {
+        appid: process.env.TARO_APP_TT_APPID,
+        projectName: '<%= appName %>',
+      },
+    }),
+    jsMinimizer: 'esbuild',
     framework: 'react',
     compiler: {
       type: 'vite',
@@ -95,13 +139,24 @@ export default defineConfig<'vite'>(async (merge, _env) => {
             };
           },
         },
-        UnifiedViteWeappTailwindcssPlugin({
-          rem2rpx: true,
-          cssEntries: [
-            // 你 @import "tailwindcss"; 那个文件的绝对路径
-            path.resolve(__dirname, '../src/app.css'),
-          ],
-        }),
+        ...(isH5
+          ? []
+          : [
+              UnifiedViteWeappTailwindcssPlugin({
+                rem2rpx: true,
+                cssEntries: [path.resolve(__dirname, '../src/app.css')],
+              }),
+            ]),
+        ...(process.env.TARO_ENV === 'tt'
+          ? [
+              {
+                name: 'generate-tt-project-config',
+                closeBundle() {
+                  generateTTProjectConfig();
+                },
+              },
+            ]
+          : []),
       ],
     },
     mini: {
@@ -120,18 +175,21 @@ export default defineConfig<'vite'>(async (merge, _env) => {
       },
     },
     h5: {
-      publicPath: '/',
+      publicPath: './',
       staticDirectory: 'static',
+      router: {
+        mode: 'hash',
+      },
       devServer: {
-          port: <%= port %>,
-          host: '0.0.0.0',
-          open: false,
-          proxy: {
-            '/api': {
-              target: 'http://localhost:<%= serverPort %>',
-              changeOrigin: true,
-            },
+        port: <%= port %>,
+        host: '0.0.0.0',
+        open: false,
+        proxy: {
+          '/api': {
+            target: 'http://localhost:<%= serverPort %>',
+            changeOrigin: true,
           },
+        },
       },
       miniCssExtractPluginOption: {
         ignoreOrder: true,
@@ -143,6 +201,12 @@ export default defineConfig<'vite'>(async (merge, _env) => {
           enable: true,
           config: {},
         },
+        pxtransform: {
+          enable: true,
+          config: {
+            platform: 'h5',
+          },
+        },
         cssModules: {
           enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
           config: {

package/lib/__templates__/taro/config/prod.ts

@@ -1,10 +1,9 @@
-import type { UserConfigExport } from "@tarojs/cli"
+import type { UserConfigExport } from '@tarojs/cli';
 
 export default {
   mini: {},
   h5: {
-    // 确保产物为 es5
-    legacy: true,
+    legacy: false,
     /**
      * WebpackChain 插件配置
      * @docs https://github.com/neutrinojs/webpack-chain
@@ -31,5 +30,5 @@ export default {
     //       postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') })
     //     }))
     // }
-  }
-} satisfies UserConfigExport<'vite'>
+  },
+} satisfies UserConfigExport<'vite'>;

package/lib/__templates__/taro/eslint.config.mjs

@@ -16,6 +16,9 @@ export default [
       'react/jsx-uses-react': 'off',
       'react/react-in-jsx-scope': 'off',
       'jsx-quotes': ['error', 'prefer-double'],
+      'react-hooks/exhaustive-deps': 'off',
+      'tailwindcss/classnames-order': 'off',
+      'tailwindcss/no-custom-classname': 'off',
     },
   },
   {
@@ -28,7 +31,66 @@ export default [
           selector:
             "MemberExpression[object.name='process'][property.name='env']",
           message:
-            '请勿在 src 目录下直接使用 process.env\n如需获取 URL 请求前缀，请使用已经注入全局的 PROJECT_DOMAIN()',
+            '工程规范：请勿在 src 目录下直接使用 process.env\n如需获取 URL 请求前缀，请使用已经注入全局的 PROJECT_DOMAIN',
+        },
+        {
+          selector:
+            ":matches(ExportNamedDeclaration, ExportDefaultDeclaration) :matches([id.name='Network'], [declaration.id.name='Network'])",
+          message:
+            "工程规范：禁止自行定义 Network，项目已提供 src/network.ts，请直接使用: import { Network } from '@/network'",
+        },
+        {
+          selector:
+            'Literal[value=/(^|\\s)(?:[^\\s:]+:)*(bg|text|border|divide|outline|ring|ring-offset|from|to|via|decoration|shadow|accent|caret|fill|stroke)-[a-z0-9-]+\\/([0-9]+|\\[[^\\]]+\\])/], TemplateElement[value.raw=/(^|\\s)(?:[^\\s:]+:)*(bg|text|border|divide|outline|ring|ring-offset|from|to|via|decoration|shadow|accent|caret|fill|stroke)-[a-z0-9-]+\\/([0-9]+|\\[[^\\]]+\\])/]',
+          message:
+            '微信小程序兼容性：禁用 Tailwind 颜色不透明度简写（如 bg-primary/10），该语法在微信小程序下 opacity 会丢失。请拆分写（如 bg-primary bg-opacity-10）。',
+        },
+        {
+          selector:
+            'Literal[value=/(^|\\s)peer-[a-z0-9-]+\\b/], TemplateElement[value.raw=/(^|\\s)peer-[a-z0-9-]+\\b/]',
+          message:
+            '微信小程序兼容性：不支持 Tailwind 的 peer-*（如 peer-checked、peer-disabled）。',
+        },
+        {
+          selector:
+            'Literal[value=/(^|\\s)group-[a-z0-9-]+\\b/], TemplateElement[value.raw=/(^|\\s)group-[a-z0-9-]+\\b/]',
+          message:
+            '微信小程序兼容性：不支持 Tailwind 的 group-*（如 group-hover）。',
+        },
+        {
+          selector:
+            'Literal[value=/\\b(?!gap(?:-x|-y)?-)[a-zA-Z0-9-]+\\-[0-9]+\\.[0-9]+\\b/], TemplateElement[value.raw=/\\b(?!gap(?:-x|-y)?-)[a-zA-Z0-9-]+\\-[0-9]+\\.[0-9]+\\b/]',
+          message:
+            '微信小程序兼容性：禁用 Tailwind 小数值类名（如 space-y-1.5、w-0.5），请用整数替代（如 space-y-2、w-1）。',
+        },
+        {
+          selector:
+            ":matches(JSXAttribute[name.name='className'], CallExpression[callee.name=/^(cn|cva)$/]) :matches(Literal[value=/\\:has\\(/], TemplateElement[value.raw=/\\:has\\(/])",
+          message:
+            '微信小程序兼容性：WXSS 不支持 :has(...)（会导致预览上传失败）。',
+        },
+        {
+          selector:
+            ":matches(JSXAttribute[name.name='className'], CallExpression[callee.name=/^(cn|cva)$/]) :matches(Literal[value=/(^|\\s)has-[^\\s]+/], TemplateElement[value.raw=/(^|\\s)has-[^\\s]+/])",
+          message:
+            '微信小程序兼容性：禁用 Tailwind 的 has-* 变体（会生成 :has，导致预览上传失败）。',
+        },
+        {
+          selector:
+            ":matches(JSXAttribute[name.name='className'], CallExpression[callee.name=/^(cn|cva)$/]) :matches(Literal[value=/\\[&>\\*/], TemplateElement[value.raw=/\\[&>\\*/])",
+          message:
+            '微信小程序兼容性：禁用 [&>*...]（可能生成非法 WXSS，如 >:last-child）。请改为 [&>view] 等明确标签。',
+        },
+        {
+          selector:
+            ":matches(JSXAttribute[name.name='className'], CallExpression[callee.name=/^(cn|cva)$/]) :matches(Literal[value=/\\[&[^\\]]*\\[data-/], TemplateElement[value.raw=/\\[&[^\\]]*\\[data-/])",
+          message:
+            '微信小程序兼容性：禁用 Tailwind 任意选择器里的属性选择器（如 [&>[data-...]]），可能导致预览上传失败。',
+        },
+        {
+          selector:
+            ":matches(JSXAttribute[name.name='className'], CallExpression[callee.name=/^(cn|cva)$/]) :matches(Literal[value=/\\[[^\\]]*&[^\\]]*~[^\\]]*\\]/], TemplateElement[value.raw=/\\[[^\\]]*&[^\\]]*~[^\\]]*\\]/])",
+          message: '微信小程序兼容性：WXSS 不支持 ~（会导致预览上传失败）。',
         },
       ],
       'no-restricted-properties': [
@@ -36,17 +98,33 @@ export default [
         {
           object: 'Taro',
           property: 'request',
-          message: '请使用 Network.request 替代 Taro.request',
+          message:
+            "工程规范：请使用 Network.request 替代 Taro.request，导入方式: import { Network } from '@/network'",
         },
         {
           object: 'Taro',
           property: 'uploadFile',
-          message: '请使用 Network.uploadFile 替代 Taro.uploadFile',
+          message:
+            "工程规范：请使用 Network.uploadFile 替代 Taro.uploadFile，导入方式: import { Network } from '@/network'",
         },
         {
           object: 'Taro',
           property: 'downloadFile',
-          message: '请使用 Network.downloadFile 替代 Taro.downloadFile',
+          message:
+            "工程规范：请使用 Network.downloadFile 替代 Taro.downloadFile，导入方式: import { Network } from '@/network'",
+        },
+      ],
+    },
+  },
+  {
+    files: ['src/pages/index/index.tsx'],
+    rules: {
+      'no-restricted-syntax': [
+        'error',
+        {
+          selector: 'JSXText[value=/应用开发中/]',
+          message:
+            '工程规范：检测到首页 (src/pages/index/index) 仍为默认占位页面，这会导致用户无法进入新增页面，请根据用户需求开发实际的首页功能和界面。如果已经开发了新的首页，也需要删除旧首页，并更新 src/app.config.ts 文件',
         },
       ],
     },