@moluoxixi/create-app 2.0.404 → 2.0.406

package/dist/commands/create.js

@@ -37,7 +37,6 @@ export async function createProject(projectName) {
         console.log(chalk.gray(`  UI 组件库: ${chalk.white(config.uiLibrary)}`));
         console.log(chalk.gray(`  路由模式: ${chalk.white(config.routeMode)}`));
         console.log(chalk.gray(`  国际化: ${chalk.white(config.i18n ? '是' : '否')}`));
-        console.log(chalk.gray(`  微前端: ${chalk.white(config.qiankun ? '是' : '否')}`));
         console.log(chalk.gray(`  错误监控: ${chalk.white(config.sentry ? '是' : '否')}`));
         console.log(chalk.gray(`  包管理器: ${chalk.white(config.packageManager)}`));
         console.log('');

package/dist/generators/react.js

@@ -13,7 +13,5 @@ export async function generateReactProject(config) {
     generateFrameworkProject(config, {
         mainTemplate: 'src/main.tsx.ejs',
         mainOutput: 'src/main.tsx',
-        routerTemplate: 'src/router/index.tsx.ejs',
-        routerOutput: 'src/router/index.tsx',
     });
 }

package/dist/generators/vue.js

@@ -13,7 +13,5 @@ export async function generateVueProject(config) {
     generateFrameworkProject(config, {
         mainTemplate: 'src/main.ts.ejs',
         mainOutput: 'src/main.ts',
-        routerTemplate: 'src/router/index.ts.ejs',
-        routerOutput: 'src/router/index.ts',
     });
 }

package/dist/test.js

@@ -170,6 +170,7 @@ function createTestConfig(framework, uiLibrary, suffix, overrides) {
 /**
  * 生成测试项目
  * @param minimalOnly 是否只生成全量和最小配置
+ * @returns Promise<void>
  */
 async function generateTestProjects(minimalOnly = false) {
     const mode = minimalOnly ? '（仅全量和最小配置）' : '（全部组合）';
@@ -220,6 +221,8 @@ async function generateTestProjects(minimalOnly = false) {
 }
 /**
  * 检查 package.json 中是否有 catalog 引用（应该已经全部替换为实际版本号）
+ * @param projectDir 项目目录路径
+ * @returns 检查是否通过（true 表示通过，false 表示失败）
  */
 function checkPackageJsonVersions(projectDir) {
     const packageJsonPath = path.join(projectDir, FILE_CONSTANTS.PACKAGE_JSON);
@@ -371,6 +374,9 @@ async function showFileTrees() {
 }
 /**
  * 打印文件树
+ * @param dir 目录路径
+ * @param indent 缩进字符串
+ * @returns Promise<void>
  */
 async function printFileTree(dir, indent) {
     const items = fs.readdirSync(dir).sort();
@@ -390,6 +396,8 @@ async function printFileTree(dir, indent) {
 }
 /**
  * 主函数
+ * 执行测试项目生成、依赖审计和文件树显示
+ * @returns Promise<void>
  */
 async function main() {
     const { minimalOnly } = parseArgs();

package/dist/utils/deepMerge.js

@@ -33,7 +33,7 @@ export function deepMerge(target, source) {
 /**
  * 判断值是否为对象（非数组、非 null）
  * @param val 待判断的值
- * @returns 是否为对象
+ * @returns 是否为对象，排除数组和 null
  */
 function isObject(val) {
     return val !== null && typeof val === 'object' && !Array.isArray(val);

package/dist/utils/featureMapping.d.ts

@@ -11,10 +11,10 @@ import type { FrameworkType } from '../types/index.ts';
 export declare function scanAllFeatures(framework: FrameworkType): string[];
 /**
  * 配置项到 feature 目录的映射（从 renderFeatures 提取）
- * @param framework 框架类型
+ * @param _framework 框架类型（已不再使用，保留以保持接口兼容性）
  * @returns 配置键到 feature 名称的映射对象
  */
-export declare function getConfigToFeatureMap(framework: FrameworkType): Record<string, string>;
+export declare function getConfigToFeatureMap(_framework: FrameworkType): Record<string, string>;
 /**
  * 公共 features 映射
  * @returns 公共配置键到 feature 名称的映射对象

package/dist/utils/featureMapping.js

@@ -41,17 +41,15 @@ export function scanAllFeatures(framework) {
 }
 /**
  * 配置项到 feature 目录的映射（从 renderFeatures 提取）
- * @param framework 框架类型
+ * @param _framework 框架类型（已不再使用，保留以保持接口兼容性）
  * @returns 配置键到 feature 名称的映射对象
  */
-export function getConfigToFeatureMap(framework) {
+export function getConfigToFeatureMap(_framework) {
     return {
-        router: 'router',
-        stateManagement: framework === 'vue' ? 'pinia' : 'zustand',
+        // router、stateManagement、qiankun 已内置到 base，不再作为 feature
         eslint: 'eslint',
         i18n: 'i18n',
         sentry: 'sentry',
-        qiankun: 'qiankun',
     };
 }
 /**

package/dist/utils/generateFrameworkProject.d.ts

@@ -12,10 +12,6 @@ interface EjsTemplateConfig {
     mainTemplate: string;
     /** 主入口文件输出路径（相对于目标目录） */
     mainOutput: string;
-    /** 路由文件模板路径（相对于框架 base 目录） */
-    routerTemplate: string;
-    /** 路由文件输出路径（相对于目标目录） */
-    routerOutput: string;
 }
 /**
  * 生成框架项目的通用函数

package/dist/utils/generateFrameworkProject.js

@@ -36,7 +36,7 @@ export function generateFrameworkProject(config, ejsConfig) {
     };
     const frameworkBasePath = path.join(templatesDir, framework, 'base');
     renderEjsToFile(path.join(frameworkBasePath, ejsConfig.mainTemplate), path.join(targetDir, ejsConfig.mainOutput), ejsData);
-    renderEjsToFile(path.join(frameworkBasePath, ejsConfig.routerTemplate), path.join(targetDir, ejsConfig.routerOutput), ejsData);
+    // Router 已通过 feature 覆盖实现（manualRoutes/pageRoutes），不再使用 EJS
     // 6. 数据驱动生成 vite.config.ts（使用 EJS 模板）
     const viteConfigEjsData = getViteConfigEjsData(config);
     const commonBasePath = path.join(templatesDir, 'common', 'base');

package/dist/utils/install.js

@@ -12,7 +12,7 @@ const RETRY_DELAY_BASE_MS = 1000;
  * 验证命令参数安全性
  * @param packageManager 包管理器类型
  * @param cwd 工作目录
- * @throws {Error} 如果参数不安全
+ * @throws {Error} 如果包管理器类型不支持或路径不安全
  */
 function validateInstallParams(packageManager, cwd) {
     // 验证包管理器类型

package/dist/utils/prompts.js

@@ -113,14 +113,7 @@ export async function collectProjectConfig(projectName) {
                 }
             },
         },
-        // 是否启用路由
-        {
-            type: 'confirm',
-            name: 'router',
-            message: '是否启用路由 (vue-router/react-router-dom)?',
-            default: true,
-        },
-        // 路由模式（仅在启用路由时询问）
+        // 路由模式（路由已内置，只需选择模式）
         {
             type: 'list',
             name: 'routeMode',
@@ -129,18 +122,6 @@ export async function collectProjectConfig(projectName) {
                 { name: '文件系统路由 (vite-plugin-pages)', value: 'file-system' },
                 { name: '手动配置路由', value: 'manual' },
             ],
-            when: (answers) => answers.router === true,
-        },
-        // 是否启用状态管理
-        {
-            type: 'confirm',
-            name: 'stateManagement',
-            message: (answers) => {
-                return answers.framework === 'vue'
-                    ? '是否启用状态管理 (Pinia)?'
-                    : '是否启用状态管理 (Zustand)?';
-            },
-            default: true,
         },
         // 是否启用国际化
         {
@@ -149,13 +130,6 @@ export async function collectProjectConfig(projectName) {
             message: '是否启用国际化 (i18n)?',
             default: true,
         },
-        // 是否启用微前端
-        {
-            type: 'confirm',
-            name: 'qiankun',
-            message: '是否启用微前端 (qiankun)?',
-            default: false,
-        },
         // 是否启用错误监控
         {
             type: 'confirm',
@@ -198,10 +172,10 @@ export async function collectProjectConfig(projectName) {
         framework: answers.framework,
         uiLibrary: answers.uiLibrary,
         routeMode: answers.routeMode || 'manual',
-        router: answers.router,
-        stateManagement: answers.stateManagement,
+        router: true, // 路由已内置
+        stateManagement: true, // 状态管理已内置
         i18n: answers.i18n,
-        qiankun: answers.qiankun,
+        qiankun: true, // 微前端已内置
         sentry: answers.sentry,
         eslint: answers.eslint,
         gitHooks: answers.gitHooks,

package/dist/utils/renderTemplate.js

@@ -23,13 +23,15 @@ export function renderTemplate(src, dest) {
             if (path.basename(src) === FILE_CONSTANTS.NODE_MODULES) {
                 return;
             }
-            fs.mkdirSync(dest, { recursive: true });
+            // 统一使用绝对路径，确保目录创建和文件复制使用相同的路径格式
+            const resolvedDest = path.resolve(dest);
+            fs.mkdirSync(resolvedDest, { recursive: true });
             for (const file of fs.readdirSync(src)) {
                 // 验证文件名安全性
                 if (file.includes('..') || file.includes('~')) {
                     throw new Error(`不安全的文件名: ${file}`);
                 }
-                renderTemplate(path.resolve(src, file), path.resolve(dest, file));
+                renderTemplate(path.resolve(src, file), path.resolve(resolvedDest, file));
             }
             return;
         }
@@ -51,6 +53,9 @@ export function renderTemplate(src, dest) {
         // 处理特殊文件名转换（如 _gitignore -> .gitignore）
         const targetFilename = renameFile(filename);
         const targetPath = path.resolve(path.dirname(dest), targetFilename);
+        // 确保目标文件的父目录存在
+        // 虽然目录处理时已创建，但文件名重命名时路径可能不同，需要确保父目录存在
+        fs.mkdirSync(path.dirname(targetPath), { recursive: true });
         // 普通文件直接复制（后面的会覆盖前面的）
         fs.copyFileSync(src, targetPath);
     }
@@ -106,7 +111,7 @@ function renderPackageJson(src, dest) {
 /**
  * 获取包管理器的默认版本号
  * @param packageManager 包管理器类型
- * @returns 包管理器版本字符串
+ * @returns 包管理器版本字符串，如果未找到则返回 pnpm 的默认版本
  */
 function getPackageManagerVersion(packageManager) {
     const versions = {
@@ -158,7 +163,7 @@ export function updatePackageJsonMetadata(packageJsonPath, projectName, descript
  * 重命名特殊文件
  * 某些文件不能以 . 开头存在于模板中，需要特殊处理
  * @param name 原始文件名
- * @returns 转换后的文件名
+ * @returns 转换后的文件名，_ 开头的文件会转换为 . 开头
  */
 function renameFile(name) {
     // _开头的文件转换为.开头

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moluoxixi/create-app",
-  "version": "2.0.404",
+  "version": "2.0.406",
   "type": "module",
   "description": "Create Vue/React projects with atomic layered architecture",
   "main": "dist/index.js",
@@ -77,6 +77,7 @@
     "test:all": "tsx src/test.ts",
     "type-check": "tsc --noEmit",
     "lint:eslint": "eslint . --fix",
+    "submodule:update": "git submodule init && git submodule update --init --recursive",
     "lint-staged": "lint-staged",
     "commit": "git add . && git-cz",
     "version:patch": "pnpm version patch --no-git-tag-version",

package/templates/common/base/.gitmodules

@@ -0,0 +1,4 @@
+[submodule ".cursor"]
+	path = .cursor
+	url = https://github.com/moluoxixi/AIRules.git
+	branch = main

package/templates/common/base/package.json

@@ -9,6 +9,8 @@
   "packageManager": "pnpm@10.8.0",
   "scripts": {
     "dev": "vite",
+    "submodule:update": "git submodule init && git submodule update --init --recursive",
+    "prepare": "pnpm submodule:update",
     "build": "vite build --mode production",
     "build:zip": "vite build --mode production && tsx scripts/build.mts",
     "preview": "vite preview",

package/templates/common/base/vite.config.ts.ejs

@@ -60,12 +60,23 @@ export default ViteConfig(
             scss: {
               silenceDeprecations: ['legacy-js-api'],
               api: 'modern-compiler',
+<% if (uiLibrary === 'element-plus') { -%>
+              additionalData: (source: string, filename: string) => {
+                if (filename.includes('assets/styles/element/index.scss')) {
+                  return `$namespace : ${appCode || 'el'};
+                ${source}`
+                }
+                else {
+                  return source
+                }
+              },
+<% } -%>
             },
             postcss: {
               plugins: [
                 cssModuleGlobalRootPlugin() as any,
-              ]
-            }
+              ],
+            },
           },
         },
       },

package/templates/common/features/husky/package.json

@@ -1,6 +1,6 @@
 {
   "scripts": {
-    "prepare": "node .husky/install.mjs",
+    "prepare": "pnpm submodule:update && node .husky/install.mjs",
     "lint-staged": "lint-staged",
     "commit": "git add . && git-cz"
   },
@@ -20,6 +20,7 @@
   "devDependencies": {
     "@commitlint/cli": "^19.8.0",
     "@commitlint/config-conventional": "^19.8.0",
+    "@commitlint/types": "^19.8.0",
     "commitizen": "^4.3.1",
     "cz-customizable": "^7.4.0",
     "husky": "^9.1.7",

package/templates/react/base/package.json

@@ -5,7 +5,9 @@
   },
   "dependencies": {
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "vite-plugin-qiankun": "^1.0.15",
+    "@remix-run/router": "^1.23.0"
   },
   "devDependencies": {
     "@moluoxixi/css-module-global-root-plugin": "latest",

package/templates/react/{features/qiankun → base}/src/qiankun/index.ts

@@ -1,3 +1,7 @@
+/**
+ * Qiankun 微前端配置
+ */
+
 import type { ReactNode } from 'react'
 import type { Router } from '@remix-run/router'
 import {

package/templates/react/base/src/stores/index.ts

@@ -0,0 +1,5 @@
+/**
+ * Zustand 状态管理配置
+ */
+
+export * from './user'

package/templates/react/base/src/stores/user.ts

@@ -0,0 +1,55 @@
+/**
+ * 用户状态管理
+ * 基于 Zustand
+ */
+
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+
+/**
+ * 用户信息接口
+ */
+interface UserInfo {
+  /** 用户 ID */
+  id: string
+  /** 用户名 */
+  username: string
+  /** 邮箱 */
+  email: string
+  /** 头像 URL（可选） */
+  avatar?: string
+  /** 角色列表 */
+  roles: string[]
+}
+
+/**
+ * 用户状态接口
+ */
+interface UserState {
+  /** 用户信息 */
+  userInfo: UserInfo | null
+  /** 认证 token */
+  token: string
+  /** 设置用户信息 */
+  setUserInfo: (info: UserInfo | null) => void
+  /** 设置 token */
+  setToken: (token: string) => void
+  /** 清除用户信息 */
+  clearUser: () => void
+}
+
+export const useUserStore = create<UserState>()(
+  persist(
+    set => ({
+      userInfo: null,
+      token: '',
+      setUserInfo: info => set({ userInfo: info }),
+      setToken: token => set({ token }),
+      clearUser: () => set({ userInfo: null, token: '' }),
+    }),
+    {
+      name: 'user-storage',
+      partialize: state => ({ token: state.token }),
+    },
+  ),
+)

package/templates/react/{base/src/router/index.tsx.ejs → features/manualRoutes/src/router/index.tsx}

@@ -1,19 +1,21 @@
 /**
  * 路由配置
+ * 手动配置路由模式
  */
 
 import { createBrowserRouter, createHashRouter } from 'react-router-dom'
-<% if (routeMode === 'file-system') { -%>
-import routes from '~react-pages'
-<% } else { -%>
 import { routes } from './routes'
-<% } -%>
 
 interface RouterConfig {
   historyMode?: 'hash' | 'history'
   basename?: string
 }
 
+/**
+ * 创建路由实例
+ * @param config 路由配置
+ * @returns 路由实例
+ */
 export function createRouter(config: RouterConfig = {}) {
   const { historyMode = 'history', basename } = config
 
@@ -25,4 +27,3 @@ export function createRouter(config: RouterConfig = {}) {
 }
 
 export { routes }
-

package/templates/react/features/pageRoutes/src/router/index.tsx

@@ -0,0 +1,30 @@
+/**
+ * 路由配置
+ * 文件系统路由模式（基于 vite-plugin-pages）
+ */
+
+import { createBrowserRouter, createHashRouter } from 'react-router-dom'
+// @ts-expect-error - vite-plugin-pages 自动生成
+import routes from '~react-pages'
+
+interface RouterConfig {
+  historyMode?: 'hash' | 'history'
+  basename?: string
+}
+
+/**
+ * 创建路由实例
+ * @param config 路由配置
+ * @returns 路由实例
+ */
+export function createRouter(config: RouterConfig = {}) {
+  const { historyMode = 'history', basename } = config
+
+  if (historyMode === 'hash') {
+    return createHashRouter(routes, { basename })
+  }
+
+  return createBrowserRouter(routes, { basename })
+}
+
+export { routes }

package/templates/vue/base/package.json

@@ -4,7 +4,11 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "vue": "^3.5.13"
+    "vue": "^3.5.13",
+    "vite-plugin-qiankun": "^1.0.15",
+    "pinia": "^2.2.7",
+    "pinia-plugin-persistedstate": "^3.2.1",
+    "vue-router": "^4.4.5"
   },
   "devDependencies": {
     "@moluoxixi/css-module-global-root-plugin": "latest",

package/templates/vue/base/src/App.vue

@@ -6,6 +6,7 @@
 /**
  * 根组件
  */
+import { RouterView } from 'vue-router'
 </script>
 
 <style scoped>

package/templates/vue/base/src/assets/styles/base.scss

@@ -0,0 +1,69 @@
+:root {
+  --primary-color: #3a77ff; /* 主色调 */
+  --primary-color-1: #3a81ff; /* 辅助色1 */
+  --primary-color-2: #518fff; /* 辅助色2 */
+  --primary-color-3: #53a0fd; /* 辅助色3 */
+  --primary-color-4: #f7faff; /* 辅助色4 */
+  --success-color: #0eb67f; /* 辅助色5 */
+  --success-color-1: #f6fffc; /* 辅助色6 */
+  --warning-color: #f5ab01; /* 提醒色 */
+  --danger-color: #ef6b53; /* 警告色 */
+
+  /* 文字颜色 */
+  --text-color: #2a3651;
+  --text-color-1: #29354f;
+  --text-color-disable: #a9aeb9;
+  --text-color-choose: #3a77ff;
+  --text-color-white: white;
+
+  /* 边框色 */
+  --border-color-1: #dcdfe6;
+  --border-color-2: #b1b6bd;
+  --border-color-3: #e3e6e9;
+  --border-color-4: #e0e4e8;
+  --border-color-5: #0317c4bf;
+  --border-color-6: #7ba4ff;
+
+  /* 背景色 */
+  --bg-color-1: #f1f2f4;
+  --bg-color-2: #fafbfc;
+  --bg-color-3: #29354f;
+  --bg-color-4: #f5f7fa;
+  --bg-color-5: #f6f9ff;
+  --bg-color-6: #ebf2ff;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+}
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #dddee0; /* 设置滑块的颜色 */
+  border-radius: 5px; /* 设置滑块的圆角 */
+}
+
+body {
+  color: var(--text-color);
+  transition:
+    color 0.5s,
+    background-color 0.5s;
+  font-size: 14px;
+  font-family: SourceHanSans-Regular, serif;
+}
+
+#app {
+  margin: 0;
+  padding: 0;
+  font-weight: normal;
+  background: #f1f2f4;
+  height: 100%;
+  overflow-y: auto;
+}

package/templates/vue/base/src/assets/styles/custom.scss

@@ -0,0 +1,40 @@
+.text-bold {
+  font-family: SourceHanSans-Semibold, serif;
+  font-weight: bold;
+}
+
+.text-medium {
+  font-family: SourceHanSans-Medium, serif;
+}
+
+.text-regular {
+  font-family: SourceHanSans-Regular, serif;
+}
+
+.text-light {
+  font-family: SourceHanSans-Light, serif;
+}
+
+.box-shadow {
+  box-shadow: 0 2px 10px 0 rgb(52 81 212 / 20%);
+}
+
+.rounded-0 {
+  border-radius: 0;
+}
+
+.rounded-4 {
+  border-radius: 4px;
+}
+
+.rounded-8 {
+  border-radius: 8px;
+}
+
+.rounded-12 {
+  border-radius: 12px;
+}
+
+.rounded-16 {
+  border-radius: 16px;
+}

package/templates/vue/base/src/assets/styles/tailwind.scss

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/templates/vue/base/src/layouts/index.ts

@@ -2,3 +2,25 @@
  * 布局组件导出
  * 注意：具体的布局组件在对应的 UI 库 feature 中
  */
+import type { App, Component } from 'vue'
+
+const layoutFiles = import.meta.glob('./*.vue', { eager: true, import: 'default' })
+const layouts = Object.keys(layoutFiles).reduce((modules, modulePath) => {
+  const nameArr: string[] = modulePath.split('/')
+  const name: string | undefined
+    = nameArr.at(-1) === 'index.vue' ? nameArr.at(-2) : nameArr.at(-1)?.slice(0, -4)
+  const layout: Component = layoutFiles[modulePath] as Component
+  if (!layout)
+    return modules
+  if (name) {
+    modules[name!] = layout as Component
+  }
+  return modules
+}, {} as any)
+layouts.install = function (app: App) {
+  const layoutNames = Object.keys(layouts)
+  layoutNames.forEach((name) => {
+    app.component(name, layouts[name!])
+  })
+}
+export default layouts

package/templates/vue/base/src/main.ts.ejs

@@ -21,6 +21,7 @@ import getRouter from './router'
 // 导入样式文件
 <% if (uiLibrary === 'element-plus') { -%>
 import '@/assets/styles/element/index.scss'
+import '@/assets/styles/element/fixQiankun.scss'
 <% } -%>
 import '@/assets/styles/main.scss'
 import '@/assets/fonts/index.css'

package/templates/vue/base/src/router/layout.vue

@@ -0,0 +1,15 @@
+<template>
+  <component :is="layout" />
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import layouts from '@/layouts'
+import { useSystemStore } from '@/stores/modules/system'
+
+const systemInfo = useSystemStore()
+const layoutType = computed(() => systemInfo.layout)
+const layout = computed(() => layouts[layoutType.value])
+</script>
+
+<style lang="scss" scoped></style>