@moluoxixi/create-app 2.0.432 → 2.0.433

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

@@ -1,60 +1,60 @@
-<template>
-  <template
-    v-for="(route, index) in props.routes"
-    :key="getRouteKey(route, index)"
-  >
-    <ElSubMenu
-      v-if="hasChildren(route)"
-      :teleported="false"
-      :index="getRouteIndex(route, index)"
-    >
-      <template #title>
-        {{ getRouteTitle(route) }}
-      </template>
-      <div :style="`max-height: calc(100vh - ${props.menuHeight || 0}px - 30px);overflow: auto`">
-        <SubMenu :routes="route.children ?? []" />
-      </div>
-    </ElSubMenu>
-
-    <ElMenuItem
-      v-else
-      :index="getRouteIndex(route, index)"
-    >
-      {{ getRouteTitle(route) }}
-    </ElMenuItem>
-  </template>
-</template>
-
-<script setup lang="ts">
-import type { propsType, subMenuRouteType } from './_types'
-
-import { ElMenuItem, ElSubMenu } from 'element-plus'
-
-defineOptions({
-  name: 'SubMenu',
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<propsType>(), {
-  routes: () => [],
-  menuHeight: 60,
-})
-
-function getRouteKey(route: subMenuRouteType, index: number): string {
-  return route.path ?? `${index}`
-}
-
-function getRouteTitle(route: subMenuRouteType): string {
-  const fallback = route.name ?? ''
-  const metaTitle = route.meta?.title ?? ''
-  return metaTitle || fallback
-}
-
-function getRouteIndex(route: subMenuRouteType, index: number): string {
-  return route.path ?? `${index}`
-}
-
-function hasChildren(route: subMenuRouteType): boolean {
-  return Array.isArray(route.children) && route.children.length > 0
-}
-</script>
+<template>
+  <template
+    v-for="(route, index) in props.routes"
+    :key="getRouteKey(route, index)"
+  >
+    <ElSubMenu
+      v-if="hasChildren(route)"
+      :teleported="false"
+      :index="getRouteIndex(route, index)"
+    >
+      <template #title>
+        {{ getRouteTitle(route) }}
+      </template>
+      <div :style="`max-height: calc(100vh - ${props.menuHeight || 0}px - 30px);overflow: auto`">
+        <SubMenu :routes="route.children ?? []" />
+      </div>
+    </ElSubMenu>
+
+    <ElMenuItem
+      v-else
+      :index="getRouteIndex(route, index)"
+    >
+      {{ getRouteTitle(route) }}
+    </ElMenuItem>
+  </template>
+</template>
+
+<script setup lang="ts">
+import type { propsType, subMenuRouteType } from './_types'
+
+import { ElMenuItem, ElSubMenu } from 'element-plus'
+
+defineOptions({
+  name: 'SubMenu',
+  inheritAttrs: false,
+})
+
+const props = withDefaults(defineProps<propsType>(), {
+  routes: () => [],
+  menuHeight: 60,
+})
+
+function getRouteKey(route: subMenuRouteType, index: number): string {
+  return route.path ?? `${index}`
+}
+
+function getRouteTitle(route: subMenuRouteType): string {
+  const fallback = route.name ?? ''
+  const metaTitle = route.meta?.title ?? ''
+  return metaTitle || fallback
+}
+
+function getRouteIndex(route: subMenuRouteType, index: number): string {
+  return route.path ?? `${index}`
+}
+
+function hasChildren(route: subMenuRouteType): boolean {
+  return Array.isArray(route.children) && route.children.length > 0
+}
+</script>

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

@@ -1,120 +1,120 @@
-<template>
-  <ElConfigProvider :namespace="systemCode" :empty-values="[undefined]">
-    <div
-      class="h-full"
-      :class="{ 'h-screen!': !qiankunWindow.__POWERED_BY_QIANKUN__ }"
-      :style="`--el-color-primary: ${themeColor || '#3A77FF'};`"
-    >
-      <ElContainer class="w-full h-full">
-        <ElHeader
-          v-if="!qiankunWindow.__POWERED_BY_QIANKUN__"
-          class="headerbox"
-          style="padding: 0"
-          height="60"
-        >
-          <div class="w-full h-full bg-primary flex justify-center">
-            <ElMenu :default-active="defaultTab" :ellipsis="false" mode="horizontal" router>
-              <SubMenu menu-height="60" :routes="routes" />
-            </ElMenu>
-          </div>
-        </ElHeader>
-        <ElMain>
-          <ElContainer class="h-full w-full">
-            <ElMain style="background-color: #fff">
-              <transition name="fade">
-                <RouterView v-slot="{ Component, route }">
-                  <keep-alive>
-                    <component :is="Component" v-if="route.meta.keep" :key="route.path" />
-                  </keep-alive>
-                  <component :is="Component" v-if="!route.meta.keep" :key="route.path" />
-                </RouterView>
-              </transition>
-            </ElMain>
-          </ElContainer>
-        </ElMain>
-      </ElContainer>
-    </div>
-  </ElConfigProvider>
-</template>
-
-<script lang="ts" setup>
-import { ElConfigProvider, ElContainer, ElHeader, ElMain, ElMenu } from 'element-plus'
-import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper'
-import { computed, reactive } from 'vue'
-import { RouterView, useRouter } from 'vue-router'
-import SubMenu from '@/components/SubMenu'
-import { useSystemStore } from '@/stores/modules/system'
-
-const router = useRouter()
-const routes = reactive(router.options.routes[0].children!)
-const systemStore = useSystemStore()
-const themeColor = computed(() => systemStore.themeColor)
-const systemCode = computed(() => {
-  return systemStore.systemCode
-})
-const defaultTab = computed(() => router.currentRoute.value.path)
-</script>
-
-<style lang="scss" scoped>
-:deep(.el-main) {
-  --el-main-padding: 12px !important;
-}
-.bg-primary {
-  background-color: var(--el-color-primary);
-}
-.headerbox {
-  :deep(.el-menu) {
-    background-color: var(--el-color-primary);
-
-    .el-menu-item,
-    .el-sub-menu {
-      background-color: var(--el-color-primary);
-      color: #fff !important;
-
-      .el-sub-menu__title {
-        background-color: var(--el-color-primary);
-        color: #fff !important;
-      }
-
-      &.is-active,
-      &:hover {
-        background-color: #fff;
-        color: var(--el-color-primary) !important;
-
-        .el-sub-menu__title,
-        .el-sub-menu__title:hover {
-          background-color: #fff;
-          color: var(--el-color-primary) !important;
-        }
-      }
-    }
-
-    &.el-menu--popup {
-      background-color: #fff;
-
-      .el-sub-menu,
-      .el-menu-item {
-        background-color: #fff !important;
-        color: var(--el-color-primary) !important;
-
-        .el-sub-menu__title {
-          background-color: #fff;
-          color: var(--el-color-primary) !important;
-        }
-
-        &.is-active,
-        &:hover {
-          background-color: var(--el-color-primary) !important;
-          color: #fff !important;
-
-          .el-sub-menu__title,
-          .el-sub-menu__title:hover {
-            background-color: var(--el-color-primary) !important;
-            color: #fff !important;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
+<template>
+  <ElConfigProvider :namespace="systemCode" :empty-values="[undefined]">
+    <div
+      class="h-full"
+      :class="{ 'h-screen!': !qiankunWindow.__POWERED_BY_QIANKUN__ }"
+      :style="`--el-color-primary: ${themeColor || '#3A77FF'};`"
+    >
+      <ElContainer class="w-full h-full">
+        <ElHeader
+          v-if="!qiankunWindow.__POWERED_BY_QIANKUN__"
+          class="headerbox"
+          style="padding: 0"
+          height="60"
+        >
+          <div class="w-full h-full bg-primary flex justify-center">
+            <ElMenu :default-active="defaultTab" :ellipsis="false" mode="horizontal" router>
+              <SubMenu menu-height="60" :routes="routes" />
+            </ElMenu>
+          </div>
+        </ElHeader>
+        <ElMain>
+          <ElContainer class="h-full w-full">
+            <ElMain style="background-color: #fff">
+              <transition name="fade">
+                <RouterView v-slot="{ Component, route }">
+                  <keep-alive>
+                    <component :is="Component" v-if="route.meta.keep" :key="route.path" />
+                  </keep-alive>
+                  <component :is="Component" v-if="!route.meta.keep" :key="route.path" />
+                </RouterView>
+              </transition>
+            </ElMain>
+          </ElContainer>
+        </ElMain>
+      </ElContainer>
+    </div>
+  </ElConfigProvider>
+</template>
+
+<script lang="ts" setup>
+import { ElConfigProvider, ElContainer, ElHeader, ElMain, ElMenu } from 'element-plus'
+import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper'
+import { computed, reactive } from 'vue'
+import { RouterView, useRouter } from 'vue-router'
+import SubMenu from '@/components/SubMenu'
+import { useSystemStore } from '@/stores/modules/system'
+
+const router = useRouter()
+const routes = reactive(router.options.routes[0].children!)
+const systemStore = useSystemStore()
+const themeColor = computed(() => systemStore.themeColor)
+const systemCode = computed(() => {
+  return systemStore.systemCode
+})
+const defaultTab = computed(() => router.currentRoute.value.path)
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-main) {
+  --el-main-padding: 12px !important;
+}
+.bg-primary {
+  background-color: var(--el-color-primary);
+}
+.headerbox {
+  :deep(.el-menu) {
+    background-color: var(--el-color-primary);
+
+    .el-menu-item,
+    .el-sub-menu {
+      background-color: var(--el-color-primary);
+      color: #fff !important;
+
+      .el-sub-menu__title {
+        background-color: var(--el-color-primary);
+        color: #fff !important;
+      }
+
+      &.is-active,
+      &:hover {
+        background-color: #fff;
+        color: var(--el-color-primary) !important;
+
+        .el-sub-menu__title,
+        .el-sub-menu__title:hover {
+          background-color: #fff;
+          color: var(--el-color-primary) !important;
+        }
+      }
+    }
+
+    &.el-menu--popup {
+      background-color: #fff;
+
+      .el-sub-menu,
+      .el-menu-item {
+        background-color: #fff !important;
+        color: var(--el-color-primary) !important;
+
+        .el-sub-menu__title {
+          background-color: #fff;
+          color: var(--el-color-primary) !important;
+        }
+
+        &.is-active,
+        &:hover {
+          background-color: var(--el-color-primary) !important;
+          color: #fff !important;
+
+          .el-sub-menu__title,
+          .el-sub-menu__title:hover {
+            background-color: var(--el-color-primary) !important;
+            color: #fff !important;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

package/templates/vue/micro-frontends/qiankun/features/element-plus/src/main/features/element-plus.ts

@@ -1,24 +1,24 @@
-/**
- * Element Plus UI 组件库 feature 设置 - Qiankun 模式
- * 导入 Element Plus 样式，包括 qiankun 修复
- */
-
-import type { App } from 'vue'
-import type { Router } from 'vue-router'
-
-// 导入 Element Plus 样式，包括 qiankun 修复
-import '@/assets/styles/element/index.scss'
-import '@/assets/styles/element/fixQiankun.scss'
-
-/** 执行顺序 - 样式应该尽早加载 */
-export const order = 5
-
-/**
- * 设置 Element Plus
- * @param _app - Vue 应用实例（未使用，样式已导入）
- * @param _router - Vue Router 实例（未使用）
- */
-export function setup(_app: App, _router: Router): void {
-  // Element Plus 通过 unplugin-vue-components 自动导入
-  // 只需要导入样式
-}
+/**
+ * Element Plus UI 组件库 feature 设置 - Qiankun 模式
+ * 导入 Element Plus 样式，包括 qiankun 修复
+ */
+
+import type { App } from 'vue'
+import type { Router } from 'vue-router'
+
+// 导入 Element Plus 样式，包括 qiankun 修复
+import '@/assets/styles/element/index.scss'
+import '@/assets/styles/element/fixQiankun.scss'
+
+/** 执行顺序 - 样式应该尽早加载 */
+export const order = 5
+
+/**
+ * 设置 Element Plus
+ * @param _app - Vue 应用实例（未使用，样式已导入）
+ * @param _router - Vue Router 实例（未使用）
+ */
+export function setup(_app: App, _router: Router): void {
+  // Element Plus 通过 unplugin-vue-components 自动导入
+  // 只需要导入样式
+}

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

@@ -1,6 +1,6 @@
-import { createPinia } from 'pinia'
-import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
-
-const store = createPinia()
-store.use(piniaPluginPersistedstate)
-export { store }
+import { createPinia } from 'pinia'
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+
+const store = createPinia()
+store.use(piniaPluginPersistedstate)
+export { store }

package/templates/vue/micro-frontends/qiankun/features/element-plus/src/stores/modules/system.ts

@@ -1,51 +1,51 @@
-import { defineStore } from 'pinia'
-import { store } from '../index.ts'
-
-/**
- * 系统对象
- * @returns {object} 系统存储对象
- */
-const systemStore = defineStore('system', {
-  state: () => ({
-    /**
-     * 主题颜色
-     * @type {string}
-     */
-    themeColor: '#3a77ff',
-    /**
-     * 布局
-     * @type {string}
-     */
-    layout: 'element',
-    /**
-     * 系统编码
-     * @type {string}
-     */
-    systemCode: import.meta.env.VITE_APP_CODE || '',
-  }),
-  actions: {
-    setSystemCode(systemCode: string) {
-      // 将当前的主题颜色设置为传入的颜色
-      this.systemCode = systemCode
-    },
-    /**
-     * 设置布局
-     * @param {string} layout - 新的布局
-     */
-    setLayout(layout: string) {
-      this.layout = layout
-    },
-    /**
-     * 设置主题颜色
-     * @param {string} color - 新的主题颜色
-     */
-    setTheme(color: string) {
-      // 将当前的主题颜色设置为传入的颜色
-      this.themeColor = color
-    },
-  },
-})
-
-export function useSystemStore() {
-  return systemStore(store)
-}
+import { defineStore } from 'pinia'
+import { store } from '../index.ts'
+
+/**
+ * 系统对象
+ * @returns {object} 系统存储对象
+ */
+const systemStore = defineStore('system', {
+  state: () => ({
+    /**
+     * 主题颜色
+     * @type {string}
+     */
+    themeColor: '#3a77ff',
+    /**
+     * 布局
+     * @type {string}
+     */
+    layout: 'element',
+    /**
+     * 系统编码
+     * @type {string}
+     */
+    systemCode: import.meta.env.VITE_APP_CODE || '',
+  }),
+  actions: {
+    setSystemCode(systemCode: string) {
+      // 将当前的主题颜色设置为传入的颜色
+      this.systemCode = systemCode
+    },
+    /**
+     * 设置布局
+     * @param {string} layout - 新的布局
+     */
+    setLayout(layout: string) {
+      this.layout = layout
+    },
+    /**
+     * 设置主题颜色
+     * @param {string} color - 新的主题颜色
+     */
+    setTheme(color: string) {
+      // 将当前的主题颜色设置为传入的颜色
+      this.themeColor = color
+    },
+  },
+})
+
+export function useSystemStore() {
+  return systemStore(store)
+}

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

@@ -1,35 +1,35 @@
-/**
- * Element Plus Vite 配置 - Qiankun 模式
- * 为 Element Plus 添加 SCSS 命名空间配置
- */
-
-/**
- * Vite feature 配置上下文
- */
-interface ViteFeatureContext {
-  viteEnv: Record<string, any>
-  mode: string
-  appCode: string
-}
-
-/**
- * 获取 Element Plus Vite 配置
- * @param ctx - feature 配置上下文
- * @param ctx.appCode - 应用代码，用于 SCSS 命名空间
- * @returns Vite UserConfig
- */
-export default ({ appCode }: ViteFeatureContext) => ({
-  css: {
-    preprocessorOptions: {
-      scss: {
-        additionalData: (source: string, filename: string) => {
-          if (filename.includes('assets/styles/element/index.scss')) {
-            return `$namespace: ${appCode || 'el'};
-            ${source}`
-          }
-          return source
-        },
-      },
-    },
-  },
-})
+/**
+ * Element Plus Vite 配置 - Qiankun 模式
+ * 为 Element Plus 添加 SCSS 命名空间配置
+ */
+
+/**
+ * Vite feature 配置上下文
+ */
+interface ViteFeatureContext {
+  viteEnv: Record<string, any>
+  mode: string
+  appCode: string
+}
+
+/**
+ * 获取 Element Plus Vite 配置
+ * @param ctx - feature 配置上下文
+ * @param ctx.appCode - 应用代码，用于 SCSS 命名空间
+ * @returns Vite UserConfig
+ */
+export default ({ appCode }: ViteFeatureContext) => ({
+  css: {
+    preprocessorOptions: {
+      scss: {
+        additionalData: (source: string, filename: string) => {
+          if (filename.includes('assets/styles/element/index.scss')) {
+            return `$namespace: ${appCode || 'el'};
+            ${source}`
+          }
+          return source
+        },
+      },
+    },
+  },
+})

package/templates/vue/micro-frontends/qiankun/features/manualRoutes/package.json

@@ -1,14 +1,14 @@
-{
-  "dependencies": {
-    "lodash-es": "^4.17.21",
-    "radash": "^12.1.0",
-    "vite-plugin-qiankun": "^1.0.15",
-    "vue": "^3.5.13",
-    "pinia": "^2.2.7",
-    "pinia-plugin-persistedstate": "^3.2.1",
-    "vue-router": "^4.4.5"
-  },
-  "devDependencies": {
-    "@types/lodash-es": "^4.17.12"
-  }
-}
+{
+  "dependencies": {
+    "lodash-es": "^4.17.21",
+    "radash": "^12.1.0",
+    "vite-plugin-qiankun": "^1.0.15",
+    "vue": "^3.5.13",
+    "pinia": "^2.2.7",
+    "pinia-plugin-persistedstate": "^3.2.1",
+    "vue-router": "^4.4.5"
+  },
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.12"
+  }
+}