@moluoxixi/create-app 2.0.432 → 2.0.435

package/templates/vue/micro-frontends/qiankun/base/src/main.ts

@@ -1,70 +1,70 @@
-/**
- * Application entry file - Qiankun micro-frontend mode
- * Initialize Vue application and mount to DOM (supports qiankun lifecycle)
- */
-
-import { qiankunWindow, renderWithQiankun } from 'vite-plugin-qiankun/dist/helper'
-import { createApp } from 'vue'
-import directives from '@/directives'
-import { store } from '@/stores'
-import App from './App.vue'
-import getRouter from './router'
-import { setupFeatures } from './main/index'
-
-// Import styles
-import '@/assets/styles/main.scss'
-import '@/assets/fonts/index.css'
-
-let app: ReturnType<typeof createApp> | null = null
-
-/**
- * Render application
- * @param props - Render props from qiankun
- */
-async function render(props: Record<string, unknown> = {}): Promise<void> {
-  const { container } = props as { container?: Element }
-  app = createApp(App)
-
-  directives(app)
-  const router = getRouter(props)
-
-  // Setup all features (i18n, sentry, etc.)
-  await setupFeatures(app, router)
-
-  app.use(store)
-  app.use(router)
-  app.config.warnHandler = () => null
-
-  if (container) {
-    const root = container.querySelector('#app')
-    app.mount(root)
-  }
-  else {
-    app.mount('#app')
-  }
-}
-
-// Qiankun lifecycle
-if (!qiankunWindow.__POWERED_BY_QIANKUN__) {
-  // Standalone mode
-  render({})
-}
-else {
-  // Micro-frontend mode
-  renderWithQiankun({
-    async mount(props: Record<string, unknown>) {
-      await render(props)
-    },
-    bootstrap() {
-      console.log('[Qiankun] Vue app bootstrapped')
-    },
-    unmount() {
-      app?.unmount()
-      app = null
-      console.log('[Qiankun] Vue app unmounted')
-    },
-    update() {
-      console.log('[Qiankun] Vue app updated')
-    },
-  })
-}
+/**
+ * Application entry file - Qiankun micro-frontend mode
+ * Initialize Vue application and mount to DOM (supports qiankun lifecycle)
+ */
+
+import { qiankunWindow, renderWithQiankun } from 'vite-plugin-qiankun/dist/helper'
+import { createApp } from 'vue'
+import directives from '@/directives'
+import { store } from '@/stores'
+import App from './App.vue'
+import getRouter from './router'
+import { setupFeatures } from './main/index'
+
+// Import styles
+import '@/assets/styles/main.scss'
+import '@/assets/fonts/index.css'
+
+let app: ReturnType<typeof createApp> | null = null
+
+/**
+ * Render application
+ * @param props - Render props from qiankun
+ */
+async function render(props: Record<string, unknown> = {}): Promise<void> {
+  const { container } = props as { container?: Element }
+  app = createApp(App)
+
+  directives(app)
+  const router = getRouter(props)
+
+  // Setup all features (i18n, sentry, etc.)
+  await setupFeatures(app, router)
+
+  app.use(store)
+  app.use(router)
+  app.config.warnHandler = () => null
+
+  if (container) {
+    const root = container.querySelector('#app')
+    app.mount(root)
+  }
+  else {
+    app.mount('#app')
+  }
+}
+
+// Qiankun lifecycle
+if (!qiankunWindow.__POWERED_BY_QIANKUN__) {
+  // Standalone mode
+  render({})
+}
+else {
+  // Micro-frontend mode
+  renderWithQiankun({
+    async mount(props: Record<string, unknown>) {
+      await render(props)
+    },
+    bootstrap() {
+      console.log('[Qiankun] Vue app bootstrapped')
+    },
+    unmount() {
+      app?.unmount()
+      app = null
+      console.log('[Qiankun] Vue app unmounted')
+    },
+    update() {
+      console.log('[Qiankun] Vue app updated')
+    },
+  })
+}

package/templates/vue/micro-frontends/qiankun/base/vite/index.ts

@@ -1,53 +1,53 @@
-import fs from 'node:fs'
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
-import { mergeConfig } from 'vite'
-import type { UserConfig } from 'vite'
-import { createJiti } from 'jiti'
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
-const _require = createJiti(import.meta.url, { interopDefault: true })
-
-/**
- * Vite feature 配置上下文
- */
-export interface ViteFeatureContext {
-  /** Vite 环境变量 */
-  viteEnv: Record<string, any>
-  /** 构建模式 */
-  mode: string
-  /** 应用代码 */
-  appCode: string
-}
-
-/**
- * 加载所有 feature 的 Vite 配置
- * @param ctx - feature 配置上下文
- * @returns 合并后的 UserConfig
- */
-export function loadFeatureConfigs(ctx: ViteFeatureContext): UserConfig {
-  const featuresDir = path.resolve(__dirname, 'features')
-
-  if (!fs.existsSync(featuresDir)) {
-    return {}
-  }
-
-  const featureFiles = fs.readdirSync(featuresDir).filter(f => f.endsWith('.ts'))
-  const configs: UserConfig[] = []
-
-  for (const file of featureFiles) {
-    try {
-      const filePath = path.resolve(featuresDir, file)
-      const mod = _require(filePath)
-      const config = mod.default(ctx)
-      if (config) {
-        configs.push(config)
-      }
-    }
-    catch (e) {
-      console.warn(`[Vite] Failed to load feature config: ${file}`, e)
-    }
-  }
-
-  return configs.reduce((acc, cfg) => mergeConfig(acc, cfg), {} as UserConfig)
-}
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { mergeConfig } from 'vite'
+import type { UserConfig } from 'vite'
+import { createJiti } from 'jiti'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const _require = createJiti(import.meta.url, { interopDefault: true })
+
+/**
+ * Vite feature 配置上下文
+ */
+export interface ViteFeatureContext {
+  /** Vite 环境变量 */
+  viteEnv: Record<string, any>
+  /** 构建模式 */
+  mode: string
+  /** 应用代码 */
+  appCode: string
+}
+
+/**
+ * 加载所有 feature 的 Vite 配置
+ * @param ctx - feature 配置上下文
+ * @returns 合并后的 UserConfig
+ */
+export function loadFeatureConfigs(ctx: ViteFeatureContext): UserConfig {
+  const featuresDir = path.resolve(__dirname, 'features')
+
+  if (!fs.existsSync(featuresDir)) {
+    return {}
+  }
+
+  const featureFiles = fs.readdirSync(featuresDir).filter(f => f.endsWith('.ts'))
+  const configs: UserConfig[] = []
+
+  for (const file of featureFiles) {
+    try {
+      const filePath = path.resolve(featuresDir, file)
+      const mod = _require(filePath)
+      const config = mod.default(ctx)
+      if (config) {
+        configs.push(config)
+      }
+    }
+    catch (e) {
+      console.warn(`[Vite] Failed to load feature config: ${file}`, e)
+    }
+  }
+
+  return configs.reduce((acc, cfg) => mergeConfig(acc, cfg), {} as UserConfig)
+}

package/templates/vue/micro-frontends/qiankun/features/element-plus/package.json

@@ -1,10 +1,10 @@
-{
-  "dependencies": {
-    "element-plus": "^2.11.3",
-    "pinia": "^2.2.7",
-    "pinia-plugin-persistedstate": "^3.2.1",
-    "vite-plugin-qiankun": "^1.0.15",
-    "vue": "^3.5.13",
-    "vue-router": "^4.4.5"
-  }
-}
+{
+  "dependencies": {
+    "element-plus": "^2.11.3",
+    "pinia": "^2.2.7",
+    "pinia-plugin-persistedstate": "^3.2.1",
+    "vite-plugin-qiankun": "^1.0.15",
+    "vue": "^3.5.13",
+    "vue-router": "^4.4.5"
+  }
+}

package/templates/vue/micro-frontends/qiankun/features/element-plus/src/assets/styles/base.scss

@@ -1,69 +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;
-}
+: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/micro-frontends/qiankun/features/element-plus/src/assets/styles/custom.scss

@@ -1,20 +1,20 @@
-.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%);
-}
+.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%);
+}

package/templates/vue/micro-frontends/qiankun/features/element-plus/src/assets/styles/element/fixQiankun.scss

@@ -1,10 +1,10 @@
-.el-button {
-  border: 1px solid var(--border-color-1);
-  &--text {
-    border-color: transparent;
-  }
-}
-
-.el-radio-button__inner {
-  border: 1px solid var(--border-color-1);
-}
+.el-button {
+  border: 1px solid var(--border-color-1);
+  &--text {
+    border-color: transparent;
+  }
+}
+
+.el-radio-button__inner {
+  border: 1px solid var(--border-color-1);
+}

package/templates/vue/micro-frontends/qiankun/features/element-plus/src/assets/styles/element/index.scss

@@ -1,29 +1,29 @@
-/**
- * Element Plus 样式定制
- * 自定义 Element Plus 主题
- */
-@forward 'element-plus/theme-chalk/src/mixins/config.scss' with (
-  $namespace: $namespace
-);
-
-@forward 'element-plus/theme-chalk/src/common/var.scss' with (
-  $colors: (
-    'primary': (
-      'base': #409eff,
-    ),
-    'success': (
-      'base': #67c23a,
-    ),
-    'warning': (
-      'base': #e6a23c,
-    ),
-    'danger': (
-      'base': #f56c6c,
-    ),
-    'info': (
-      'base': #909399,
-    ),
-  )
-);
-
-@use 'element-plus/theme-chalk/src/index.scss' as *;
+/**
+ * Element Plus 样式定制
+ * 自定义 Element Plus 主题
+ */
+@forward 'element-plus/theme-chalk/src/mixins/config.scss' with (
+  $namespace: $namespace
+);
+
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $colors: (
+    'primary': (
+      'base': #409eff,
+    ),
+    'success': (
+      'base': #67c23a,
+    ),
+    'warning': (
+      'base': #e6a23c,
+    ),
+    'danger': (
+      'base': #f56c6c,
+    ),
+    'info': (
+      'base': #909399,
+    ),
+  )
+);
+
+@use 'element-plus/theme-chalk/src/index.scss' as *;

package/templates/vue/micro-frontends/qiankun/features/element-plus/src/assets/styles/main.scss

@@ -1,9 +1,9 @@
-/**
- * 主样式文件
- * 导入所有样式
- */
-
-@use './base.scss';
-@use './custom.scss';
-@use './tailwind.scss';
-@use 'element/index.scss';
+/**
+ * 主样式文件
+ * 导入所有样式
+ */
+
+@use './base.scss';
+@use './custom.scss';
+@use './tailwind.scss';
+@use 'element/index.scss';

package/templates/vue/micro-frontends/qiankun/features/element-plus/src/assets/styles/tailwind.scss

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

package/templates/vue/micro-frontends/qiankun/features/element-plus/src/components/SubMenu/index.ts

@@ -1,8 +1,8 @@
-/**
- * SubMenu 组件导出
- */
-
-import SubMenu from './src/index.vue'
-
-export { SubMenu }
-export default SubMenu
+/**
+ * SubMenu 组件导出
+ */
+
+import SubMenu from './src/index.vue'
+
+export { SubMenu }
+export default SubMenu

package/templates/vue/micro-frontends/qiankun/features/element-plus/src/components/SubMenu/src/_types/index.ts

@@ -1 +1 @@
-export * from './props'
+export * from './props'

package/templates/vue/micro-frontends/qiankun/features/element-plus/src/components/SubMenu/src/_types/props.ts

@@ -1,16 +1,16 @@
-export interface subMenuRouteMetaType {
-  title?: string
-  [key: string]: unknown
-}
-
-export interface subMenuRouteType {
-  path?: string
-  name?: string
-  meta?: subMenuRouteMetaType
-  children?: subMenuRouteType[]
-}
-
-export interface propsType {
-  routes: subMenuRouteType[]
-  menuHeight?: number
-}
+export interface subMenuRouteMetaType {
+  title?: string
+  [key: string]: unknown
+}
+
+export interface subMenuRouteType {
+  path?: string
+  name?: string
+  meta?: subMenuRouteMetaType
+  children?: subMenuRouteType[]
+}
+
+export interface propsType {
+  routes: subMenuRouteType[]
+  menuHeight?: number
+}