@moluoxixi/create-app 2.0.425 → 2.0.428

package/dist/constants/index.d.ts

@@ -2,6 +2,7 @@
  * 项目常量定义
  * 统一管理所有硬编码的字符串和配置值
  */
+import type { FrameworkType, MicroFrontendEngine, PackageManagerType, RouteModeType, UILibraryType } from '../types/index.ts';
 /**
  * 文件系统相关常量
  */
@@ -15,3 +16,68 @@ export declare const FILE_CONSTANTS: {
     /** pnpm-workspace.yaml 文件名 */
     readonly PNPM_WORKSPACE_YAML: "pnpm-workspace.yaml";
 };
+/**
+ * UI 库选项配置（按框架分组，允许部分框架不存在）
+ */
+export declare const UI_LIBRARY_OPTIONS: Partial<Record<FrameworkType, Array<{
+    name: string;
+    value: UILibraryType;
+}>>>;
+/**
+ * 框架列表（从 UI_LIBRARY_OPTIONS 的 keys 获取）
+ */
+export declare const FRAMEWORKS: readonly FrameworkType[];
+/**
+ * 框架选项配置（基于 FRAMEWORKS 生成）
+ */
+export declare const FRAMEWORK_OPTIONS: Array<{
+    name: string;
+    value: FrameworkType;
+}>;
+/**
+ * UI 库列表（按框架分组，仅值）
+ * 确保所有框架都有对应的数组（缺失的框架使用空数组）
+ */
+export declare const UI_LIBRARIES: Record<FrameworkType, readonly UILibraryType[]>;
+/**
+ * 路由模式选项配置
+ */
+export declare const ROUTE_MODE_OPTIONS: readonly [{
+    readonly name: "文件系统路由 (vite-plugin-pages)";
+    readonly value: RouteModeType;
+}, {
+    readonly name: "手动配置路由";
+    readonly value: RouteModeType;
+}];
+/**
+ * 路由模式列表（仅值）
+ */
+export declare const ROUTE_MODES: readonly RouteModeType[];
+/**
+ * 微前端引擎选项配置
+ */
+export declare const MICRO_FRONTEND_ENGINE_OPTIONS: readonly [{
+    readonly name: "qiankun (阿里开源)";
+    readonly value: MicroFrontendEngine;
+}];
+/**
+ * 微前端引擎列表（仅值）
+ */
+export declare const MICRO_FRONTEND_ENGINES: readonly MicroFrontendEngine[];
+/**
+ * 包管理器选项配置
+ */
+export declare const PACKAGE_MANAGER_OPTIONS: readonly [{
+    readonly name: "pnpm (推荐)";
+    readonly value: PackageManagerType;
+}, {
+    readonly name: "npm";
+    readonly value: PackageManagerType;
+}, {
+    readonly name: "yarn";
+    readonly value: PackageManagerType;
+}];
+/**
+ * 包管理器列表（仅值）
+ */
+export declare const PACKAGE_MANAGERS: readonly PackageManagerType[];

package/dist/constants/index.js

@@ -15,3 +15,74 @@ export const FILE_CONSTANTS = {
     /** pnpm-workspace.yaml 文件名 */
     PNPM_WORKSPACE_YAML: 'pnpm-workspace.yaml',
 };
+/**
+ * UI 库选项配置（按框架分组，允许部分框架不存在）
+ */
+export const UI_LIBRARY_OPTIONS = {
+    vue: [
+        { name: 'Element Plus', value: 'element-plus' },
+        // TODO: 模板还没优化完毕，先不提供
+        // { name: 'Ant Design Vue', value: 'ant-design-vue' as UILibraryType },
+    ],
+    // TODO: 模板还没优化完毕，先不提供
+    // react: [
+    //   { name: 'Ant Design', value: 'ant-design' as UILibraryType },
+    // ],
+};
+/**
+ * 框架列表（从 UI_LIBRARY_OPTIONS 的 keys 获取）
+ */
+export const FRAMEWORKS = Object.keys(UI_LIBRARY_OPTIONS);
+/**
+ * 框架选项配置（基于 FRAMEWORKS 生成）
+ */
+export const FRAMEWORK_OPTIONS = FRAMEWORKS.map((framework) => {
+    const names = {
+        vue: 'Vue 3',
+        react: 'React',
+    };
+    return { name: names[framework], value: framework };
+});
+/**
+ * UI 库列表（按框架分组，仅值）
+ * 确保所有框架都有对应的数组（缺失的框架使用空数组）
+ */
+export const UI_LIBRARIES = {
+    vue: (UI_LIBRARY_OPTIONS.vue ?? []).map(opt => opt.value),
+    react: (UI_LIBRARY_OPTIONS.react ?? []).map(opt => opt.value),
+};
+/**
+ * 路由模式选项配置
+ */
+export const ROUTE_MODE_OPTIONS = [
+    { name: '文件系统路由 (vite-plugin-pages)', value: 'pageRoutes' },
+    { name: '手动配置路由', value: 'manualRoutes' },
+];
+/**
+ * 路由模式列表（仅值）
+ */
+export const ROUTE_MODES = ROUTE_MODE_OPTIONS.map(opt => opt.value);
+/**
+ * 微前端引擎选项配置
+ */
+export const MICRO_FRONTEND_ENGINE_OPTIONS = [
+    { name: 'qiankun (阿里开源)', value: 'qiankun' },
+    // TODO: 还没有,后续可考虑接入
+    // { name: 'micro-app (京东开源)', value: 'micro-app' as MicroFrontendEngine },
+];
+/**
+ * 微前端引擎列表（仅值）
+ */
+export const MICRO_FRONTEND_ENGINES = MICRO_FRONTEND_ENGINE_OPTIONS.map(opt => opt.value);
+/**
+ * 包管理器选项配置
+ */
+export const PACKAGE_MANAGER_OPTIONS = [
+    { name: 'pnpm (推荐)', value: 'pnpm' },
+    { name: 'npm', value: 'npm' },
+    { name: 'yarn', value: 'yarn' },
+];
+/**
+ * 包管理器列表（仅值）
+ */
+export const PACKAGE_MANAGERS = PACKAGE_MANAGER_OPTIONS.map(opt => opt.value);

package/dist/core/feature.d.ts

@@ -6,7 +6,7 @@ import type { FrameworkType, ProjectConfigType, RouteModeType } from '../types/i
 /**
  * 扫描所有 features（框架的 + 公共的）
  * @param framework 框架类型
- * @returns 所有 feature 名称数组（UI 库按优先级排序）
+ * @returns 所有 feature 名称数组
  */
 export declare function scanAllFeatures(framework: FrameworkType): string[];
 /**

package/dist/core/feature.js

@@ -4,6 +4,7 @@
  */
 import fs from 'fs-extra';
 import path from 'node:path';
+import { ROUTE_MODES, UI_LIBRARIES } from "../constants/index.js";
 import { getTemplatesDir } from "../utils/file.js";
 import { renderTemplate } from "./template.js";
 // ============================================================================
@@ -55,19 +56,10 @@ function getMicroFrontendEngines(framework) {
 // ============================================================================
 // Feature 映射（用于测试用例生成）
 // ============================================================================
-/**
- * UI 库优先级顺序（用于排序，确保默认选择）
- * TODO: ant-design-vue 和 ant-design (React) 功能暂时关闭
- */
-const UI_LIBRARY_PRIORITY = {
-    'element-plus': 1,
-    // 'ant-design-vue': 2,  // TODO: 暂时关闭
-    // 'ant-design': 1,      // TODO: 暂时关闭 (React)
-};
 /**
  * 扫描所有 features（框架的 + 公共的）
  * @param framework 框架类型
- * @returns 所有 feature 名称数组（UI 库按优先级排序）
+ * @returns 所有 feature 名称数组
  */
 export function scanAllFeatures(framework) {
     const frameworkDir = path.join(getTemplatesDir(), framework, 'features');
@@ -79,16 +71,7 @@ export function scanAllFeatures(framework) {
     if (fs.existsSync(commonDir)) {
         features.push(...fs.readdirSync(commonDir).filter(f => fs.statSync(path.join(commonDir, f)).isDirectory()));
     }
-    // 对 UI 库进行排序，确保 element-plus 优先（优先级数字越小越靠前）
-    return features.sort((a, b) => {
-        const priorityA = UI_LIBRARY_PRIORITY[a] ?? 999;
-        const priorityB = UI_LIBRARY_PRIORITY[b] ?? 999;
-        if (priorityA !== priorityB) {
-            return priorityA - priorityB;
-        }
-        // 相同优先级时保持字母顺序
-        return a.localeCompare(b);
-    });
+    return features;
 }
 /**
  * Feature 名称转换为配置键和值（用于测试用例生成）
@@ -99,14 +82,13 @@ export function scanAllFeatures(framework) {
  */
 export function featureToConfig(feature, _framework) {
     // UI 库：配置键是 uiLibrary，值是 feature 名称
-    // TODO: ant-design-vue 和 ant-design (React) 功能暂时关闭
-    // const uiLibraries = ['element-plus', 'ant-design-vue', 'ant-design']
-    const uiLibraries = ['element-plus'];
-    if (uiLibraries.includes(feature)) {
+    // 从常量中获取所有 UI 库列表（合并所有框架的 UI 库）
+    const allUiLibraries = Object.values(UI_LIBRARIES).flat();
+    if (allUiLibraries.includes(feature)) {
         return { key: 'uiLibrary', value: feature };
     }
     // 路由模式 features：用于测试分类
-    if (feature === 'manualRoutes' || feature === 'pageRoutes') {
+    if (ROUTE_MODES.includes(feature)) {
         return { key: 'routeMode', value: feature };
     }
     // 布尔类型的 features：配置名 === feature 名
@@ -132,9 +114,11 @@ export function featureToConfig(feature, _framework) {
  * @returns 包含 manualRoutes 和 pageRoutes 布尔值的对象
  */
 export function getRouteModeFeatures(routeMode) {
+    const manualRoutesValue = ROUTE_MODES.find(m => m === 'manualRoutes');
+    const pageRoutesValue = ROUTE_MODES.find(m => m === 'pageRoutes');
     return {
-        manualRoutes: routeMode === 'manualRoutes',
-        pageRoutes: routeMode === 'pageRoutes',
+        manualRoutes: routeMode === manualRoutesValue,
+        pageRoutes: routeMode === pageRoutesValue,
     };
 }
 // ============================================================================

package/dist/core/prompts.js

@@ -5,6 +5,7 @@
 import fs from 'node:fs';
 import process from 'node:process';
 import inquirer from 'inquirer';
+import { FRAMEWORK_OPTIONS, MICRO_FRONTEND_ENGINE_OPTIONS, PACKAGE_MANAGER_OPTIONS, ROUTE_MODE_OPTIONS, UI_LIBRARY_OPTIONS, } from "../constants/index.js";
 import { getDefaultAuthor } from "../utils/npmConfig.js";
 import { getRouteModeFeatures } from "./feature.js";
 /**
@@ -92,11 +93,7 @@ export async function collectProjectConfig(projectName) {
             type: 'list',
             name: 'framework',
             message: '选择框架:',
-            choices: [
-                { name: 'Vue 3', value: 'vue' },
-                // TODO: React 功能暂时关闭
-                // { name: 'React', value: 'react' },
-            ],
+            choices: FRAMEWORK_OPTIONS,
         },
         // UI 库选择
         {
@@ -104,18 +101,8 @@ export async function collectProjectConfig(projectName) {
             name: 'uiLibrary',
             message: '选择 UI 组件库:',
             choices: (answers) => {
-                if (answers.framework === 'vue') {
-                    return [
-                        { name: 'Element Plus', value: 'element-plus' },
-                        // TODO: Ant Design Vue 功能暂时关闭
-                        // { name: 'Ant Design Vue', value: 'ant-design-vue' },
-                    ];
-                }
-                else {
-                    // TODO: React 功能暂时关闭
-                    // return [{ name: 'Ant Design', value: 'ant-design' }]
-                    return [];
-                }
+                const framework = answers.framework;
+                return UI_LIBRARY_OPTIONS[framework] ?? [];
             },
         },
         // 路由模式（路由已内置，只需选择模式）
@@ -123,10 +110,7 @@ export async function collectProjectConfig(projectName) {
             type: 'list',
             name: 'routeMode',
             message: '选择路由模式:',
-            choices: [
-                { name: '文件系统路由 (vite-plugin-pages)', value: 'pageRoutes' },
-                { name: '手动配置路由', value: 'manualRoutes' },
-            ],
+            choices: ROUTE_MODE_OPTIONS,
         },
         // 是否启用国际化
         {
@@ -147,11 +131,7 @@ export async function collectProjectConfig(projectName) {
             type: 'list',
             name: 'microFrontendEngine',
             message: '选择微前端引擎:',
-            choices: [
-                { name: 'qiankun (阿里开源)', value: 'qiankun' },
-                // TODO: 还没有,后续可考虑接入
-                // { name: 'micro-app (京东开源)', value: 'micro-app' },
-            ],
+            choices: MICRO_FRONTEND_ENGINE_OPTIONS,
             when: (answers) => answers.microFrontend === true,
         },
         // 是否启用错误监控
@@ -180,11 +160,7 @@ export async function collectProjectConfig(projectName) {
             type: 'list',
             name: 'packageManager',
             message: '选择包管理器:',
-            choices: [
-                { name: 'pnpm (推荐)', value: 'pnpm' },
-                { name: 'npm', value: 'npm' },
-                { name: 'yarn', value: 'yarn' },
-            ],
+            choices: PACKAGE_MANAGER_OPTIONS,
             default: 'pnpm',
         },
     ]);

package/dist/generators/project.js

@@ -4,7 +4,7 @@
  * 支持三层嵌套优先级 (L1: common, L2: framework, L3: micro-frontend)
  */
 import path from 'node:path';
-import { FILE_CONSTANTS } from "../constants/index.js";
+import { FILE_CONSTANTS, FRAMEWORKS } from "../constants/index.js";
 import { renderCommonFeatures, renderFrameworkFeatures, renderMicroFrontendFeatures, } from "../core/feature.js";
 import { renderTemplate, updatePackageJsonMetadata } from "../core/template.js";
 import { emptyDir, getTemplatesDir } from "../utils/file.js";
@@ -59,11 +59,8 @@ function renderAllFeatures(config, targetDir) {
  * @throws {Error} 如果框架不支持或项目生成失败
  */
 export async function generateProject(config) {
-    // 支持的框架列表
-    // TODO: React 功能暂时关闭
-    // const supportedFrameworks = ['vue', 'react']
-    const supportedFrameworks = ['vue'];
-    if (!supportedFrameworks.includes(config.framework)) {
+    // 验证框架是否支持
+    if (!FRAMEWORKS.includes(config.framework)) {
         throw new Error(`不支持的框架: ${config.framework}`);
     }
     const { targetDir, framework, microFrontend, microFrontendEngine } = config;

package/dist/test.js

@@ -7,7 +7,7 @@ import process from 'node:process';
 import { fileURLToPath } from 'node:url';
 import chalk from 'chalk';
 import fs from 'fs-extra';
-import { FILE_CONSTANTS } from "./constants/index.js";
+import { FILE_CONSTANTS, FRAMEWORKS, MICRO_FRONTEND_ENGINES, PACKAGE_MANAGERS, ROUTE_MODES, UI_LIBRARIES, } from "./constants/index.js";
 import { featureToConfig, getRouteModeFeatures, scanAllFeatures } from "./core/feature.js";
 import { generateProject } from "./generators/index.js";
 const __filename = fileURLToPath(import.meta.url);
@@ -40,25 +40,19 @@ const TEST_CONFIG = {
     },
     /** 参与组合测试的选项 */
     combinations: {
-        /** 框架列表（空数组表示不启用） */
-        // TODO: React 功能暂时关闭
-        // frameworks: ['vue', 'react'] as FrameworkType[],
-        frameworks: ['vue'],
-        /** UI 库配置（按框架分组，空数组表示不启用，需要明确配置才启用） */
+        /** 框架列表（使用常量） */
+        frameworks: FRAMEWORKS,
+        /** UI 库配置（直接使用 UI_LIBRARIES） */
         uiLibraries: {
-            // TODO: Ant Design Vue 功能暂时关闭
-            // vue: ['element-plus', 'ant-design-vue'] as string[], // Vue 可用的 UI 库
-            vue: ['element-plus'], // Vue 框架可用的 UI 库
-            // TODO: React 功能暂时关闭
-            // react: ['ant-design'] as string[], // React 可用的 UI 库
-            react: [], // React 功能暂时关闭
+            vue: UI_LIBRARIES.vue,
+            react: UI_LIBRARIES.react,
         },
         /** 路由模式列表（空数组表示不启用） */
-        routeModes: ['manualRoutes', 'pageRoutes'],
-        /** 微前端引擎列表（空数组表示不启用） */
-        microFrontendEngines: ['qiankun'],
-        /** 包管理器列表（空数组表示不启用） */
-        packageManagers: ['pnpm'],
+        routeModes: ROUTE_MODES,
+        /** 微前端引擎列表（直接使用常量） */
+        microFrontendEngines: MICRO_FRONTEND_ENGINES,
+        /** 包管理器列表（直接使用常量） */
+        packageManagers: PACKAGE_MANAGERS,
         /** 是否测试 i18n 的组合 */
         i18n: false,
         /** 是否测试 sentry 的组合 */

package/dist/types/features.d.ts

@@ -17,7 +17,9 @@ export declare const MOLUOXIXI_DEPS: {
     readonly '@moluoxixi/css-module-global-root-plugin': "latest";
 };
 /**
- * 微前端引擎类型
+ * 微前端引擎类型定义
+ * 注意：此处的常量仅用于类型推导，实际使用的常量请参考 src/constants/index.ts 中的 MICRO_FRONTEND_ENGINES
+ * 如需修改微前端引擎列表，请同时更新 src/constants/index.ts 中的 MICRO_FRONTEND_ENGINE_OPTIONS
  */
 export declare const MICRO_FRONTEND_ENGINES: readonly ["qiankun", "micro-app"];
 export type MicroFrontendEngine = typeof MICRO_FRONTEND_ENGINES[number];

package/dist/types/features.js

@@ -17,6 +17,8 @@ export const MOLUOXIXI_DEPS = {
     '@moluoxixi/css-module-global-root-plugin': 'latest',
 };
 /**
- * 微前端引擎类型
+ * 微前端引擎类型定义
+ * 注意：此处的常量仅用于类型推导，实际使用的常量请参考 src/constants/index.ts 中的 MICRO_FRONTEND_ENGINES
+ * 如需修改微前端引擎列表，请同时更新 src/constants/index.ts 中的 MICRO_FRONTEND_ENGINE_OPTIONS
  */
 export const MICRO_FRONTEND_ENGINES = ['qiankun', 'micro-app'];

package/dist/utils/install.js

@@ -4,6 +4,7 @@
  */
 import { exec, spawn } from 'node:child_process';
 import { promisify } from 'node:util';
+import { PACKAGE_MANAGERS } from "../constants/index.js";
 import { validatePath } from "./file.js";
 const execAsync = promisify(exec); // exec 用于 initGit 函数
 /** 重试延迟基数（毫秒） */
@@ -15,9 +16,8 @@ const RETRY_DELAY_BASE_MS = 1000;
  * @throws {Error} 如果包管理器类型不支持或路径不安全
  */
 function validateInstallParams(packageManager, cwd) {
-    // 验证包管理器类型
-    const validPackageManagers = ['pnpm', 'npm', 'yarn'];
-    if (!validPackageManagers.includes(packageManager)) {
+    // 验证包管理器类型（从常量中获取）
+    if (!PACKAGE_MANAGERS.includes(packageManager)) {
         throw new Error(`不支持的包管理器: ${packageManager}`);
     }
     // 验证工作目录路径（防止路径遍历攻击）

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moluoxixi/create-app",
-  "version": "2.0.425",
+  "version": "2.0.428",
   "type": "module",
   "description": "Create Vue/React projects with atomic layered architecture",
   "main": "dist/index.js",
@@ -8,6 +8,7 @@
     "create-mox": "./dist/index.js"
   },
   "files": [
+    "!template/**/node_modules/*",
     "LICENSE.txt",
     "README.md",
     "dist",