@moluoxixi/create-app 2.0.432 → 2.0.435

package/templates/vue/features/element-plus/src/layouts/element.vue

@@ -1,117 +1,117 @@
-<template>
-  <ElConfigProvider :namespace="systemCode" :empty-values="[undefined]">
-    <div
-      class="h-full h-screen!"
-      :style="`--el-color-primary: ${themeColor || '#3A77FF'};`"
-    >
-      <ElContainer class="w-full h-full">
-        <ElHeader
-          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 { 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 h-screen!"
+      :style="`--el-color-primary: ${themeColor || '#3A77FF'};`"
+    >
+      <ElContainer class="w-full h-full">
+        <ElHeader
+          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 { 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/features/element-plus/src/main/features/element-plus.ts

@@ -1,23 +1,23 @@
-/**
- * Element Plus UI 组件库 feature 设置
- * 导入 Element Plus 样式
- */
-
-import type { App } from 'vue'
-import type { Router } from 'vue-router'
-
-// 导入 Element Plus 样式
-import '@/assets/styles/element/index.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 设置
+ * 导入 Element Plus 样式
+ */
+
+import type { App } from 'vue'
+import type { Router } from 'vue-router'
+
+// 导入 Element Plus 样式
+import '@/assets/styles/element/index.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/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/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/features/element-plus/vite/features/element-plus.ts

@@ -1,35 +1,35 @@
-/**
- * Element Plus Vite 配置
- * 为 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 配置
+ * 为 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/features/i18n/package.json

@@ -1,7 +1,7 @@
-{
-  "dependencies": {
-    "vue": "^3.5.13",
-    "vue-i18n": "^11.1.10",
-    "vue-router": "^4.4.5"
-  }
-}
+{
+  "dependencies": {
+    "vue": "^3.5.13",
+    "vue-i18n": "^11.1.10",
+    "vue-router": "^4.4.5"
+  }
+}

package/templates/vue/features/i18n/src/locales/index.ts

@@ -1,23 +1,23 @@
-/**
- * 国际化配置
- * 基于 vue-i18n
- */
-
-import { createI18n } from 'vue-i18n'
-
-import en from './lang/en'
-import es from './lang/es'
-import zh from './lang/zh'
-
-const i18n = createI18n({
-  legacy: false,
-  locale: localStorage.getItem('locale') || 'zh',
-  fallbackLocale: 'zh',
-  messages: {
-    zh,
-    en,
-    es,
-  },
-})
-
-export default i18n
+/**
+ * 国际化配置
+ * 基于 vue-i18n
+ */
+
+import { createI18n } from 'vue-i18n'
+
+import en from './lang/en'
+import es from './lang/es'
+import zh from './lang/zh'
+
+const i18n = createI18n({
+  legacy: false,
+  locale: localStorage.getItem('locale') || 'zh',
+  fallbackLocale: 'zh',
+  messages: {
+    zh,
+    en,
+    es,
+  },
+})
+
+export default i18n

package/templates/vue/features/i18n/src/locales/lang/en.ts

@@ -1,29 +1,29 @@
-/**
- * English Language Pack
- */
-
-export default {
-  common: {
-    confirm: 'Confirm',
-    cancel: 'Cancel',
-    save: 'Save',
-    delete: 'Delete',
-    edit: 'Edit',
-    add: 'Add',
-    search: 'Search',
-    reset: 'Reset',
-    loading: 'Loading...',
-    success: 'Success',
-    error: 'Error',
-  },
-  menu: {
-    home: 'Home',
-    about: 'About',
-  },
-  user: {
-    login: 'Login',
-    logout: 'Logout',
-    username: 'Username',
-    password: 'Password',
-  },
-}
+/**
+ * English Language Pack
+ */
+
+export default {
+  common: {
+    confirm: 'Confirm',
+    cancel: 'Cancel',
+    save: 'Save',
+    delete: 'Delete',
+    edit: 'Edit',
+    add: 'Add',
+    search: 'Search',
+    reset: 'Reset',
+    loading: 'Loading...',
+    success: 'Success',
+    error: 'Error',
+  },
+  menu: {
+    home: 'Home',
+    about: 'About',
+  },
+  user: {
+    login: 'Login',
+    logout: 'Logout',
+    username: 'Username',
+    password: 'Password',
+  },
+}

package/templates/vue/features/i18n/src/locales/lang/es.ts

@@ -1,29 +1,29 @@
-/**
- * Spanish Language Pack
- */
-
-export default {
-  common: {
-    confirm: 'Confirmar',
-    cancel: 'Cancelar',
-    save: 'Guardar',
-    delete: 'Eliminar',
-    edit: 'Editar',
-    add: 'Agregar',
-    search: 'Buscar',
-    reset: 'Restablecer',
-    loading: 'Cargando...',
-    success: 'Éxito',
-    error: 'Error',
-  },
-  menu: {
-    home: 'Inicio',
-    about: 'Acerca de',
-  },
-  user: {
-    login: 'Iniciar sesión',
-    logout: 'Cerrar sesión',
-    username: 'Nombre de usuario',
-    password: 'Contraseña',
-  },
-}
+/**
+ * Spanish Language Pack
+ */
+
+export default {
+  common: {
+    confirm: 'Confirmar',
+    cancel: 'Cancelar',
+    save: 'Guardar',
+    delete: 'Eliminar',
+    edit: 'Editar',
+    add: 'Agregar',
+    search: 'Buscar',
+    reset: 'Restablecer',
+    loading: 'Cargando...',
+    success: 'Éxito',
+    error: 'Error',
+  },
+  menu: {
+    home: 'Inicio',
+    about: 'Acerca de',
+  },
+  user: {
+    login: 'Iniciar sesión',
+    logout: 'Cerrar sesión',
+    username: 'Nombre de usuario',
+    password: 'Contraseña',
+  },
+}