moyan-mfw-cli 0.1.1 → 0.1.3

package/dist/index.cjs

@@ -181,7 +181,10 @@ Use --force to overwrite.`));
       process.exit(1);
     }
   }
-  const answers = opts.yes ? defaultExtensionAnswers(name, className) : await import_inquirer.default.prompt([
+  if (!process.stdin.isTTY && !opts.yes) {
+    console.log(import_chalk.default.yellow("\u26A0 \u975E\u4EA4\u4E92\u5F0F\u7EC8\u7AEF\uFF0C\u5C06\u4F7F\u7528\u9ED8\u8BA4\u503C\u521B\u5EFA\uFF08\u4F7F\u7528 -y \u53EF\u8DF3\u8FC7\u6B64\u63D0\u793A\uFF09"));
+  }
+  const answers = opts.yes || !process.stdin.isTTY ? defaultExtensionAnswers(name, className) : await import_inquirer.default.prompt([
     { name: "displayName", message: "\u663E\u793A\u540D\u79F0:", default: className },
     { name: "description", message: "\u63CF\u8FF0:", default: "" },
     { name: "routePrefix", message: "\u8DEF\u7531\u524D\u7F00:", default: `/ext/${name}` },
@@ -259,7 +262,10 @@ Use --force to overwrite.`));
       process.exit(1);
     }
   }
-  const answers = opts.yes ? defaultBusinessAnswers(className) : await import_inquirer2.default.prompt([
+  if (!process.stdin.isTTY && !opts.yes) {
+    console.log(import_chalk2.default.yellow("\u26A0 \u975E\u4EA4\u4E92\u5F0F\u7EC8\u7AEF\uFF0C\u5C06\u4F7F\u7528\u9ED8\u8BA4\u503C\u521B\u5EFA\uFF08\u4F7F\u7528 -y \u53EF\u8DF3\u8FC7\u6B64\u63D0\u793A\uFF09"));
+  }
+  const answers = opts.yes || !process.stdin.isTTY ? defaultBusinessAnswers(className) : await import_inquirer2.default.prompt([
     {
       name: "displayName",
       message: "\u663E\u793A\u540D\u79F0:",
@@ -318,11 +324,13 @@ Use --force to overwrite.`));
 ${import_chalk2.default.bold("\u{1F4CB} \u540E\u7EED\u6B65\u9AA4:")}`);
   console.log(`   1. cd ${path4.relative(process.cwd(), targetDir)}`);
   console.log(`   2. \u7F16\u8F91 backend/.env \u914D\u7F6E\u6570\u636E\u5E93\u8FDE\u63A5`);
-  console.log(`   3. pnpm install && pnpm build`);
-  console.log(`   4. pnpm --filter ${name}-backend dev   # \u542F\u52A8\u540E\u7AEF`);
-  console.log(`   5. pnpm --filter ${name}-frontend dev  # \u542F\u52A8\u524D\u7AEF`);
+  console.log(`   3. \u5728 MySQL \u4E2D\u521B\u5EFA\u6570\u636E\u5E93\uFF08\u9ED8\u8BA4 DB_NAME \u89C1 backend/.env\uFF09`);
+  console.log(`   4. pnpm install --no-frozen-lockfile && pnpm build`);
+  console.log(`   5. pnpm --filter ${name}-backend dev   # \u542F\u52A8\u540E\u7AEF`);
+  console.log(`   6. pnpm --filter ${name}-frontend dev  # \u542F\u52A8\u524D\u7AEF`);
   console.log(`
-${import_chalk2.default.gray("\u{1F4A1} \u6DFB\u52A0\u6269\u5C55\u6A21\u5757: \u5728 backend/src/app.modules.ts \u4E2D\u5F15\u5165\u6269\u5C55 Module")}`);
+${import_chalk2.default.yellow("\u26A0 \u9996\u6B21\u5B89\u88C5\u8BF7\u4F7F\u7528 --no-frozen-lockfile\uFF0C\u5426\u5219\u4F1A\u56E0\u7F3A\u5C11 lock \u6587\u4EF6\u62A5\u9519")}`);
+  console.log(`${import_chalk2.default.gray("\u{1F4A1} \u6DFB\u52A0\u6269\u5C55\u6A21\u5757: \u5728 backend/src/app.modules.ts \u4E2D\u5F15\u5165\u6269\u5C55 Module")}`);
   console.log(`${import_chalk2.default.gray("\u{1F4A1} \u6DFB\u52A0\u4E1A\u52A1\u6A21\u5757: \u5728 backend/src/modules/ \u4E0B\u521B\u5EFA\u65B0\u7684 NestJS \u6A21\u5757")}`);
 });
 

package/dist/index.js

@@ -157,7 +157,10 @@ Use --force to overwrite.`));
       process.exit(1);
     }
   }
-  const answers = opts.yes ? defaultExtensionAnswers(name, className) : await inquirer.prompt([
+  if (!process.stdin.isTTY && !opts.yes) {
+    console.log(chalk.yellow("\u26A0 \u975E\u4EA4\u4E92\u5F0F\u7EC8\u7AEF\uFF0C\u5C06\u4F7F\u7528\u9ED8\u8BA4\u503C\u521B\u5EFA\uFF08\u4F7F\u7528 -y \u53EF\u8DF3\u8FC7\u6B64\u63D0\u793A\uFF09"));
+  }
+  const answers = opts.yes || !process.stdin.isTTY ? defaultExtensionAnswers(name, className) : await inquirer.prompt([
     { name: "displayName", message: "\u663E\u793A\u540D\u79F0:", default: className },
     { name: "description", message: "\u63CF\u8FF0:", default: "" },
     { name: "routePrefix", message: "\u8DEF\u7531\u524D\u7F00:", default: `/ext/${name}` },
@@ -235,7 +238,10 @@ Use --force to overwrite.`));
       process.exit(1);
     }
   }
-  const answers = opts.yes ? defaultBusinessAnswers(className) : await inquirer2.prompt([
+  if (!process.stdin.isTTY && !opts.yes) {
+    console.log(chalk2.yellow("\u26A0 \u975E\u4EA4\u4E92\u5F0F\u7EC8\u7AEF\uFF0C\u5C06\u4F7F\u7528\u9ED8\u8BA4\u503C\u521B\u5EFA\uFF08\u4F7F\u7528 -y \u53EF\u8DF3\u8FC7\u6B64\u63D0\u793A\uFF09"));
+  }
+  const answers = opts.yes || !process.stdin.isTTY ? defaultBusinessAnswers(className) : await inquirer2.prompt([
     {
       name: "displayName",
       message: "\u663E\u793A\u540D\u79F0:",
@@ -294,11 +300,13 @@ Use --force to overwrite.`));
 ${chalk2.bold("\u{1F4CB} \u540E\u7EED\u6B65\u9AA4:")}`);
   console.log(`   1. cd ${path4.relative(process.cwd(), targetDir)}`);
   console.log(`   2. \u7F16\u8F91 backend/.env \u914D\u7F6E\u6570\u636E\u5E93\u8FDE\u63A5`);
-  console.log(`   3. pnpm install && pnpm build`);
-  console.log(`   4. pnpm --filter ${name}-backend dev   # \u542F\u52A8\u540E\u7AEF`);
-  console.log(`   5. pnpm --filter ${name}-frontend dev  # \u542F\u52A8\u524D\u7AEF`);
+  console.log(`   3. \u5728 MySQL \u4E2D\u521B\u5EFA\u6570\u636E\u5E93\uFF08\u9ED8\u8BA4 DB_NAME \u89C1 backend/.env\uFF09`);
+  console.log(`   4. pnpm install --no-frozen-lockfile && pnpm build`);
+  console.log(`   5. pnpm --filter ${name}-backend dev   # \u542F\u52A8\u540E\u7AEF`);
+  console.log(`   6. pnpm --filter ${name}-frontend dev  # \u542F\u52A8\u524D\u7AEF`);
   console.log(`
-${chalk2.gray("\u{1F4A1} \u6DFB\u52A0\u6269\u5C55\u6A21\u5757: \u5728 backend/src/app.modules.ts \u4E2D\u5F15\u5165\u6269\u5C55 Module")}`);
+${chalk2.yellow("\u26A0 \u9996\u6B21\u5B89\u88C5\u8BF7\u4F7F\u7528 --no-frozen-lockfile\uFF0C\u5426\u5219\u4F1A\u56E0\u7F3A\u5C11 lock \u6587\u4EF6\u62A5\u9519")}`);
+  console.log(`${chalk2.gray("\u{1F4A1} \u6DFB\u52A0\u6269\u5C55\u6A21\u5757: \u5728 backend/src/app.modules.ts \u4E2D\u5F15\u5165\u6269\u5C55 Module")}`);
   console.log(`${chalk2.gray("\u{1F4A1} \u6DFB\u52A0\u4E1A\u52A1\u6A21\u5757: \u5728 backend/src/modules/ \u4E0B\u521B\u5EFA\u65B0\u7684 NestJS \u6A21\u5757")}`);
 });
 

package/dist/templates/business/backend/package.json.hbs

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "prebuild": "pnpm --filter {{name}}-shared build && pnpm --filter moyan-mfw-base build",
+    "prebuild": "pnpm --filter {{name}}-shared build",
     "dev": "pnpm run prebuild && nest start --watch",
     "build": "nest build",
     "typecheck": "tsc --noEmit -p tsconfig.json",
@@ -12,25 +12,35 @@
   },
   "dependencies": {
     "@nestjs/common": "catalog:",
+    "@nestjs/config": "catalog:",
     "@nestjs/core": "catalog:",
+    "@nestjs/jwt": "catalog:",
     "@nestjs/platform-express": "catalog:",
-    "@nestjs/typeorm": "catalog:",
     "@nestjs/swagger": "catalog:",
-    "typeorm": "catalog:",
+    "@nestjs/typeorm": "catalog:",
+    "bcryptjs": "catalog:",
     "class-transformer": "catalog:",
     "class-validator": "catalog:",
+    "dotenv": "catalog:",
+    "multer": "catalog:",
+    "mysql2": "catalog:",
+    "redis": "catalog:",
     "reflect-metadata": "catalog:",
     "rxjs": "catalog:",
-    "mysql2": "catalog:",
-    "dotenv": "catalog:",
-    "moyan-mfw-base": "workspace:*",
+    "typeorm": "catalog:",
+    "moyan-mfw-base": "^1.0.0",
+    "moyan-mfw-extension-ad": "^0.1.0",
     "{{name}}-shared": "workspace:*"
   },
   "devDependencies": {
     "@nestjs/cli": "catalog:",
     "@nestjs/schematics": "catalog:",
-    "typescript": "catalog:",
+    "@types/bcryptjs": "catalog:",
+    "@types/express": "catalog:",
+    "@types/multer": "catalog:",
+    "@types/node": "catalog:",
     "ts-node": "catalog:",
-    "tsconfig-paths": "catalog:"
+    "tsconfig-paths": "catalog:",
+    "typescript": "catalog:"
   }
 }

package/dist/templates/business/backend/src/app.modules.ts.hbs

@@ -1,6 +1,7 @@
 import { Module } from '@nestjs/common'
+import AdModule from 'moyan-mfw-extension-ad/backend'
 
 @Module({
-  imports: [],
+  imports: [AdModule],
 })
 export class AppModule {}

package/dist/templates/business/backend/src/main.ts.hbs

@@ -2,8 +2,16 @@ import 'dotenv/config'
 import { createBaseBackendApp, SwaggerGroupConfig } from 'moyan-mfw-base/backend'
 import { appTypesConfig } from './app-types.config'
 import { AppModule } from './app.modules'
+import { AdModule, AD_EXTENSION_PERMISSION_VALUES } from 'moyan-mfw-extension-ad/backend'
 
-const swaggerGroups: SwaggerGroupConfig[] = []
+const swaggerGroups: SwaggerGroupConfig[] = [
+  {
+    name: 'ad-extension',
+    title: '广告管理API文档',
+    description: '广告位类型、广告位、广告内容管理 API',
+    include: [AdModule],
+  },
+]
 
 async function bootstrap() {
   const startTime = Date.now()
@@ -16,7 +24,7 @@ async function bootstrap() {
       syncAppTypes: true,
       modules: [AppModule],
       swagger: swaggerGroups,
-      permissionValues: [],
+      permissionValues: [...AD_EXTENSION_PERMISSION_VALUES],
       hooks: {
         onAppInit: async (ctx) => {
           console.log('[{{displayName}}] 应用初始化完成')

package/dist/templates/business/frontend/index.html.hbs

@@ -1,35 +1,394 @@
 <!doctype html>
-<html lang="zh-CN">
+<html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>{{displayName}}</title>
+    <script>
+      (function() {
+        try {
+          var raw = localStorage.getItem('mfw:base-frontend:layout-preferences');
+          if (raw) {
+            var prefs = JSON.parse(raw);
+            if (prefs && prefs.styleConfig) {
+              var styleConfig = prefs.styleConfig;
+              if (styleConfig.colorMode === 'dark') {
+                document.documentElement.classList.add('dark');
+                var placeholder = document.getElementById('loading-placeholder');
+                if (placeholder) {
+                  placeholder.setAttribute('data-dark', 'true');
+                }
+              }
+              var themeThemes = {
+                default: { primary: '#409eff', success: '#67c23a', warning: '#e6a23c', danger: '#f56c6c', info: '#909399' },
+                ocean: { primary: '#00a8cc', success: '#52c41a', warning: '#faad14', danger: '#ff4d4f', info: '#8c8c8c' },
+                graphite: { primary: '#5a5a5a', success: '#4a9c6d', warning: '#c9a227', danger: '#c45656', info: '#73767a' },
+                fintech: { primary: '#F59E0B', success: '#22C55E', warning: '#FBBF24', danger: '#EF4444', info: '#8B5CF6' },
+                tech: { primary: '#8B5CF6', success: '#10B981', warning: '#FBBF24', danger: '#F43F5E', info: '#6366F1' },
+                luxury: { primary: '#CA8A04', success: '#4ADE80', warning: '#FBBF24', danger: '#F87171', info: '#A8A29E' },
+                nature: { primary: '#059669', success: '#22C55E', warning: '#FBBF24', danger: '#EF4444', info: '#14B8A6' },
+                aurora: { primary: '#7c3aed', success: '#10b981', warning: '#f59e0b', danger: '#ef4444', info: '#6b7280', gradient: 'linear-gradient(135deg, #3b82f6 0%, #7c3aed 50%, #ec4899 100%)' },
+                sunset: { primary: '#f97316', success: '#22c55e', warning: '#eab308', danger: '#dc2626', info: '#78716c', gradient: 'linear-gradient(135deg, #fbbf24 0%, #f97316 50%, #dc2626 100%)' }
+              };
+              var themeName = styleConfig.themePackage || 'default';
+              var colors = themeThemes[themeName] || themeThemes['default'];
+              if (colors) {
+                var root = document.documentElement;
+                function hexToRgb(hex) {
+                  var c = hex.replace('#', '');
+                  return [parseInt(c.substring(0,2),16), parseInt(c.substring(2,4),16), parseInt(c.substring(4,6),16)];
+                }
+                function rgbToHex(r, g, b) {
+                  var h = function(n) { var s = Math.round(Math.max(0,Math.min(255,n))).toString(16); return s.length===1?'0'+s:s; };
+                  return '#'+h(r)+h(g)+h(b);
+                }
+                function mixWhite(color, level) {
+                  var rgb = hexToRgb(color); var ratio = level / 10;
+                  return rgbToHex(Math.round(255*ratio+rgb[0]*(1-ratio)), Math.round(255*ratio+rgb[1]*(1-ratio)), Math.round(255*ratio+rgb[2]*(1-ratio)));
+                }
+                function mixBlack(color, level) {
+                  var rgb = hexToRgb(color); var ratio = level / 10;
+                  return rgbToHex(Math.round(rgb[0]*(1-ratio)), Math.round(rgb[1]*(1-ratio)), Math.round(rgb[2]*(1-ratio)));
+                }
+                var lightLevels = [3, 5, 7, 8, 9];
+                var darkLevels = [2];
+                Object.keys(colors).forEach(function(key) {
+                  var value = colors[key];
+                  if (key === 'gradient') {
+                    root.style.setProperty('--el-color-primary-gradient', value);
+                    root.style.setProperty('--mfw-gradient-primary', value);
+                    root.classList.add('mfw-theme-gradient');
+                    return;
+                  }
+                  root.style.setProperty('--el-color-' + key, value);
+                  lightLevels.forEach(function(level) {
+                    root.style.setProperty('--el-color-' + key + '-light-' + level, mixWhite(value, level));
+                  });
+                  darkLevels.forEach(function(level) {
+                    root.style.setProperty('--el-color-' + key + '-dark-' + level, mixBlack(value, level));
+                  });
+                });
+              }
+            }
+          }
+        } catch (e) {
+          console.warn('[Loading] Failed to read preferences:', e);
+        }
+      })();
+    </script>
     <style>
-      * { margin: 0; padding: 0; box-sizing: border-box; }
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      
       #loading-placeholder {
-        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
-        display: flex; flex-direction: column; align-items: center; justify-content: center;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
         background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #ffffff 100%);
-        z-index: 9999; transition: opacity 0.4s ease;
+        z-index: 9999;
+        transition: opacity 0.5s ease, visibility 0.5s ease;
+        overflow: hidden;
+      }
+      
+      #loading-placeholder[data-dark="true"] {
+        background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
+      }
+      
+      #loading-placeholder.hidden {
+        opacity: 0;
+        visibility: hidden;
+      }
+      
+      .loading-particles {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+      }
+      
+      .particle {
+        position: absolute;
+        width: 4px;
+        height: 4px;
+        background: rgba(59, 130, 246, 0.4);
+        border-radius: 50%;
+        animation: float-particle linear infinite;
+      }
+      
+      #loading-placeholder[data-dark="true"] .particle {
+        background: rgba(59, 130, 246, 0.6);
+      }
+      
+      .particle:nth-child(1) { left: 10%; animation-duration: 8s; animation-delay: 0s; }
+      .particle:nth-child(2) { left: 20%; animation-duration: 10s; animation-delay: 1s; }
+      .particle:nth-child(3) { left: 30%; animation-duration: 7s; animation-delay: 2s; }
+      .particle:nth-child(4) { left: 40%; animation-duration: 9s; animation-delay: 0.5s; }
+      .particle:nth-child(5) { left: 50%; animation-duration: 11s; animation-delay: 1.5s; }
+      .particle:nth-child(6) { left: 60%; animation-duration: 8s; animation-delay: 3s; }
+      .particle:nth-child(7) { left: 70%; animation-duration: 10s; animation-delay: 2.5s; }
+      .particle:nth-child(8) { left: 80%; animation-duration: 7s; animation-delay: 0.8s; }
+      .particle:nth-child(9) { left: 90%; animation-duration: 9s; animation-delay: 1.2s; }
+      .particle:nth-child(10) { left: 15%; animation-duration: 12s; animation-delay: 2.2s; }
+      .particle:nth-child(11) { left: 25%; animation-duration: 8s; animation-delay: 0.3s; }
+      .particle:nth-child(12) { left: 35%; animation-duration: 10s; animation-delay: 1.8s; }
+      .particle:nth-child(13) { left: 45%; animation-duration: 7s; animation-delay: 3.5s; }
+      .particle:nth-child(14) { left: 55%; animation-duration: 9s; animation-delay: 0.7s; }
+      .particle:nth-child(15) { left: 65%; animation-duration: 11s; animation-delay: 2.8s; }
+      .particle:nth-child(16) { left: 75%; animation-duration: 8s; animation-delay: 1.1s; }
+      .particle:nth-child(17) { left: 85%; animation-duration: 10s; animation-delay: 3.2s; }
+      .particle:nth-child(18) { left: 95%; animation-duration: 7s; animation-delay: 0.4s; }
+      
+      @keyframes float-particle {
+        0% {
+          transform: translateY(100vh) scale(0);
+          opacity: 0;
+        }
+        10% {
+          opacity: 1;
+        }
+        90% {
+          opacity: 1;
+        }
+        100% {
+          transform: translateY(-100px) scale(1);
+          opacity: 0;
+        }
       }
-      #loading-placeholder.hidden { opacity: 0; pointer-events: none; }
-      .loader {
-        width: 48px; height: 48px;
-        border: 4px solid #e5e7eb;
+      
+      .loading-core {
+        position: relative;
+        width: 120px;
+        height: 120px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      
+      .loading-ring {
+        position: absolute;
+        border-radius: 50%;
+        border: 2px solid transparent;
+      }
+      
+      .loading-ring-1 {
+        width: 120px;
+        height: 120px;
         border-top-color: #3b82f6;
+        border-right-color: #3b82f6;
+        animation: spin-clockwise 1.5s linear infinite;
+      }
+      
+      .loading-ring-2 {
+        width: 90px;
+        height: 90px;
+        border-bottom-color: #8b5cf6;
+        border-left-color: #8b5cf6;
+        animation: spin-counter-clockwise 1.2s linear infinite;
+      }
+      
+      .loading-ring-3 {
+        width: 60px;
+        height: 60px;
+        border-top-color: #06b6d4;
+        border-right-color: #06b6d4;
+        animation: spin-clockwise 0.9s linear infinite;
+      }
+      
+      .loading-center {
+        width: 30px;
+        height: 30px;
+        background: linear-gradient(135deg, #3b82f6, #8b5cf6, #06b6d4);
+        border-radius: 50%;
+        animation: pulse-glow 1.5s ease-in-out infinite;
+        box-shadow: 0 0 20px rgba(59, 130, 246, 0.5),
+                    0 0 40px rgba(139, 92, 246, 0.3),
+                    0 0 60px rgba(6, 182, 212, 0.2);
+      }
+      
+      @keyframes spin-clockwise {
+        to { transform: rotate(360deg); }
+      }
+      
+      @keyframes spin-counter-clockwise {
+        to { transform: rotate(-360deg); }
+      }
+      
+      @keyframes pulse-glow {
+        0%, 100% {
+          transform: scale(0.8);
+          opacity: 0.8;
+        }
+        50% {
+          transform: scale(1.2);
+          opacity: 1;
+        }
+      }
+      
+      .loading-text-container {
+        margin-top: 40px;
+        text-align: center;
+      }
+      
+      .loading-text {
+        font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
+        font-size: 16px;
+        font-weight: 500;
+        color: #1e293b;
+        letter-spacing: 2px;
+        animation: text-fade 2s ease-in-out infinite;
+      }
+      
+      #loading-placeholder[data-dark="true"] .loading-text {
+        color: #e2e8f0;
+      }
+      
+      .loading-dots {
+        display: inline-block;
+        margin-left: 4px;
+      }
+      
+      .loading-dots span {
+        display: inline-block;
+        width: 6px;
+        height: 6px;
+        margin: 0 2px;
+        background: #3b82f6;
         border-radius: 50%;
-        animation: spin 0.8s linear infinite;
+        animation: dot-bounce 1.4s ease-in-out infinite;
+      }
+      
+      .loading-dots span:nth-child(1) { animation-delay: 0s; }
+      .loading-dots span:nth-child(2) { animation-delay: 0.2s; }
+      .loading-dots span:nth-child(3) { animation-delay: 0.4s; }
+      
+      @keyframes text-fade {
+        0%, 100% { opacity: 0.6; }
+        50% { opacity: 1; }
+      }
+      
+      @keyframes dot-bounce {
+        0%, 80%, 100% {
+          transform: translateY(0);
+        }
+        40% {
+          transform: translateY(-10px);
+        }
+      }
+      
+      .loading-progress {
+        margin-top: 30px;
+        width: 200px;
+        height: 3px;
+        background: rgba(0, 0, 0, 0.1);
+        border-radius: 2px;
+        overflow: hidden;
+      }
+      
+      #loading-placeholder[data-dark="true"] .loading-progress {
+        background: rgba(255, 255, 255, 0.1);
+      }
+      
+      .loading-progress-bar {
+        height: 100%;
+        width: 0%;
+        background: linear-gradient(90deg, #3b82f6, #8b5cf6, #06b6d4);
+        border-radius: 2px;
+        animation: progress-fill 2s ease-in-out infinite;
+      }
+      
+      @keyframes progress-fill {
+        0% { width: 0%; }
+        50% { width: 70%; }
+        100% { width: 100%; }
+      }
+      
+      @media (prefers-reduced-motion: reduce) {
+        .particle,
+        .loading-ring,
+        .loading-center,
+        .loading-text,
+        .loading-dots span,
+        .loading-progress-bar {
+          animation: none;
+        }
+        
+        .loading-center {
+          transform: scale(1);
+          opacity: 1;
+        }
       }
-      @keyframes spin { to { transform: rotate(360deg); } }
-      .loading-text { margin-top: 16px; font-family: system-ui, sans-serif; font-size: 14px; color: #6b7280; }
     </style>
   </head>
   <body>
     <div id="app"></div>
     <div id="loading-placeholder">
-      <div class="loader"></div>
-      <div class="loading-text">正在加载...</div>
+      <div class="loading-particles">
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+        <div class="particle"></div>
+      </div>
+      <div class="loading-core">
+        <div class="loading-ring loading-ring-1"></div>
+        <div class="loading-ring loading-ring-2"></div>
+        <div class="loading-ring loading-ring-3"></div>
+        <div class="loading-center"></div>
+      </div>
+      <div class="loading-text-container">
+        <div class="loading-text">
+          正在加载
+          <span class="loading-dots">
+            <span></span>
+            <span></span>
+            <span></span>
+          </span>
+        </div>
+      </div>
+      <div class="loading-progress">
+        <div class="loading-progress-bar"></div>
+      </div>
     </div>
+    <script>
+      (function() {
+        try {
+          var raw = localStorage.getItem('mfw:base-frontend:layout-preferences');
+          if (raw) {
+            var prefs = JSON.parse(raw);
+            if (prefs && prefs.styleConfig && prefs.styleConfig.colorMode === 'dark') {
+              var placeholder = document.getElementById('loading-placeholder');
+              if (placeholder) {
+                placeholder.setAttribute('data-dark', 'true');
+              }
+            }
+          }
+        } catch (e) {
+          console.warn('[Loading] Failed to read color mode preference:', e);
+        }
+      })();
+    </script>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>

package/dist/templates/business/frontend/package.json.hbs

@@ -10,22 +10,27 @@
     "typecheck": "vue-tsc --noEmit -p tsconfig.json"
   },
   "dependencies": {
-    "vue": "catalog:",
-    "vue-router": "catalog:",
-    "element-plus": "catalog:",
     "@element-plus/icons-vue": "catalog:",
-    "pinia": "catalog:",
     "@vueuse/core": "catalog:",
     "axios": "catalog:",
-    "moyan-mfw-base": "workspace:*",
+    "element-plus": "catalog:",
+    "md-editor-v3": "catalog:",
+    "moyan-mfw-base": "^1.0.0",
+    "moyan-mfw-extension-ad": "^0.1.0",
+    "pinia": "catalog:",
+    "quill": "catalog:",
+    "vue": "catalog:",
+    "vue-advanced-cropper": "catalog:",
+    "vue-router": "catalog:",
     "{{name}}-shared": "workspace:*"
   },
   "devDependencies": {
-    "vite": "catalog:",
+    "@types/node": "catalog:",
     "@vitejs/plugin-vue": "catalog:",
     "@vitejs/plugin-vue-jsx": "catalog:",
-    "vue-tsc": "catalog:",
     "sass": "catalog:",
-    "typescript": "catalog:"
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vue-tsc": "catalog:"
   }
 }

package/dist/templates/business/frontend/src/main.ts.hbs

@@ -1,4 +1,4 @@
-import { createBaseAdminApp, registerPermissionValues } from 'moyan-mfw-base/frontend'
+import { createBaseAdminApp } from 'moyan-mfw-base/frontend'
 import { businessRoutes } from './router'
 import './permissions'
 

package/dist/templates/business/pnpm-workspace.yaml.hbs

@@ -0,0 +1,46 @@
+packages:
+  - 'backend'
+  - 'frontend'
+  - 'shared'
+catalog:
+  '@element-plus/icons-vue': ^2.3.2
+  '@nestjs/cli': ^10.4.9
+  '@nestjs/common': ^10.4.22
+  '@nestjs/config': ^3.3.0
+  '@nestjs/core': ^10.4.22
+  '@nestjs/jwt': ^10.2.0
+  '@nestjs/platform-express': ^10.4.22
+  '@nestjs/schematics': ^10.1.4
+  '@nestjs/swagger': ^7.4.2
+  '@nestjs/typeorm': ^10.0.2
+  '@types/bcryptjs': ^2.4.6
+  '@types/express': ^4.17.25
+  '@types/multer': ^2.1.0
+  '@types/node': ^22.19.15
+  '@vitejs/plugin-vue': ^5.2.4
+  '@vitejs/plugin-vue-jsx': ^5.1.5
+  '@vueuse/core': ^14.2.1
+  axios: ^1.6.5
+  bcryptjs: ^2.4.3
+  class-transformer: ^0.5.1
+  class-validator: ^0.14.4
+  dotenv: ^17.3.1
+  element-plus: ^2.13.5
+  md-editor-v3: ^6.4.2
+  multer: ^2.1.1
+  mysql2: ^3.11.5
+  pinia: ^2.3.0
+  quill: ^2.0.3
+  redis: ^4.7.0
+  reflect-metadata: ^0.1.14
+  rxjs: ^7.8.2
+  sass: ^1.70.0
+  ts-node: ^10.9.2
+  tsconfig-paths: ^4.2.0
+  typeorm: ^0.3.28
+  typescript: ^5.7.3
+  vite: ^5.4.21
+  vue: ^3.5.30
+  vue-advanced-cropper: ^2.8.8
+  vue-router: ^4.5.1
+  vue-tsc: ^2.2.12

package/dist/templates/business/shared/package.json.hbs

@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "reflect-metadata": "catalog:",
-    "moyan-mfw-base": "workspace:*"
+    "moyan-mfw-base": "^1.0.0"
   },
   "devDependencies": {
     "typescript": "catalog:"

package/dist/templates/extension/frontend/vite.config.mts.hbs

@@ -20,7 +20,7 @@ export default defineConfig({
     lib: {
       entry: resolve(__dirname, 'src/index.ts'),
       formats: ['es'],
-      fileName: () => 'index.js',
+      fileName: () => 'index.mjs',
     },
     rollupOptions: {
       external: ['vue', 'vue-router', 'element-plus', '@element-plus/icons-vue', 'moyan-mfw-base/frontend', 'moyan-mfw-base/shared'],

package/dist/templates/extension/package.json.hbs

@@ -1 +1 @@
-{"name": "moyan-mfw-extension-{{name}}", "version": "{{version}}", "description": "{{description}}", "private": true, "type": "module", "exports": {"./backend": {"import": "./src/backend/dist/index.js", "require": "./src/backend/dist/index.js", "types": "./src/backend/dist/index.d.ts"}, "./backend/*": {"import": "./src/backend/dist/*.js", "require": "./src/backend/dist/*", "types": "./src/backend/dist/*.d.ts"}, "./frontend": {"import": "./src/frontend/dist/index.mjs", "require": "./src/frontend/dist/index.js", "types": "./src/frontend/dist/index.d.ts"}, "./frontend/*": {"import": "./src/frontend/dist/*", "require": "./src/frontend/dist/*", "types": "./src/frontend/dist/*.d.ts"}, "./shared": {"import": "./src/shared/dist/index.js", "require": "./src/shared/dist/index.js", "types": "./src/shared/dist/index.d.ts"}, "./shared/*": {"import": "./src/shared/dist/*", "require": "./src/shared/dist/*", "types": "./src/shared/dist/*.d.ts"}}, "typesVersions": {"*": {"*": ["./src/*/dist/*.d.ts", "./src/*/dist/index.d.ts"]}}, "scripts": {"build:shared": "pnpm --filter @internal/{{name}}-shared build", "build:backend": "pnpm --filter moyan-mfw-base run build:shared && pnpm --filter moyan-mfw-base run build:backend && pnpm --filter @internal/{{name}}-backend build", "build:frontend": "pnpm --filter @internal/{{name}}-frontend build", "build": "pnpm run build:shared && pnpm run build:backend && pnpm run build:frontend", "dev:backend": "pnpm --filter @internal/{{name}}-backend dev", "dev:frontend": "pnpm --filter @internal/{{name}}-frontend dev", "typecheck:shared": "pnpm --filter @internal/{{name}}-shared typecheck", "typecheck:backend": "pnpm --filter @internal/{{name}}-backend typecheck", "typecheck:frontend": "pnpm --filter @internal/{{name}}-frontend typecheck", "typecheck": "pnpm run typecheck:shared && pnpm run typecheck:backend && pnpm run typecheck:frontend"}, "devDependencies": {"@internal/{{name}}-backend": "workspace:*", "@internal/{{name}}-frontend": "workspace:*", "@internal/{{name}}-shared": "workspace:*", "moyan-mfw-base": "workspace:*", "typescript": "catalog:"}}
+{"name": "moyan-mfw-extension-{{name}}", "version": "{{version}}", "description": "{{description}}", "private": true, "type": "module", "exports": {"./backend": {"import": "./src/backend/dist/index.js", "require": "./src/backend/dist/index.js", "types": "./src/backend/dist/index.d.ts"}, "./backend/*": {"import": "./src/backend/dist/*.js", "require": "./src/backend/dist/*", "types": "./src/backend/dist/*.d.ts"}, "./frontend": {"import": "./src/frontend/dist/index.mjs", "require": "./src/frontend/dist/index.mjs", "types": "./src/frontend/dist/index.d.ts"}, "./frontend/*": {"import": "./src/frontend/dist/*", "require": "./src/frontend/dist/*", "types": "./src/frontend/dist/*.d.ts"}, "./shared": {"import": "./src/shared/dist/index.js", "require": "./src/shared/dist/index.js", "types": "./src/shared/dist/index.d.ts"}, "./shared/*": {"import": "./src/shared/dist/*", "require": "./src/shared/dist/*", "types": "./src/shared/dist/*.d.ts"}}, "typesVersions": {"*": {"*": ["./src/*/dist/*.d.ts", "./src/*/dist/index.d.ts"]}}, "scripts": {"build:shared": "pnpm --filter @internal/{{name}}-shared build", "build:backend": "pnpm --filter moyan-mfw-base run build:shared && pnpm --filter moyan-mfw-base run build:backend && pnpm --filter @internal/{{name}}-backend build", "build:frontend": "pnpm --filter @internal/{{name}}-frontend build", "build": "pnpm run build:shared && pnpm run build:backend && pnpm run build:frontend", "dev:backend": "pnpm --filter @internal/{{name}}-backend dev", "dev:frontend": "pnpm --filter @internal/{{name}}-frontend dev", "typecheck:shared": "pnpm --filter @internal/{{name}}-shared typecheck", "typecheck:backend": "pnpm --filter @internal/{{name}}-backend typecheck", "typecheck:frontend": "pnpm --filter @internal/{{name}}-frontend typecheck", "typecheck": "pnpm run typecheck:shared && pnpm run typecheck:backend && pnpm run typecheck:frontend"}, "devDependencies": {"@internal/{{name}}-backend": "workspace:*", "@internal/{{name}}-frontend": "workspace:*", "@internal/{{name}}-shared": "workspace:*", "moyan-mfw-base": "workspace:*", "typescript": "catalog:"}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "moyan-mfw-cli",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "MFW framework CLI — extension scaffolding, validation, and publishing tools",
   "type": "module",
   "bin": {