@moluoxixi/create-app 2.0.4 → 2.0.403

package/templates/vue/{base → features/element-plus}/src/components/SubMenu/src/_types/props.ts

@@ -1,11 +1,11 @@
-/**
- * SubMenu Props 类型定义
- */
-
-import type { RouteRecordRaw } from 'vue-router';
-
-export interface SubMenuProps {
-  /** 菜单列表 */
-  menuList: RouteRecordRaw[];
-}
-
+/**
+ * SubMenu Props 类型定义
+ */
+
+import type { RouteRecordRaw } from 'vue-router'
+
+export interface SubMenuProps {
+  /** 菜单列表 */
+  menuList: RouteRecordRaw[]
+}
+

package/templates/vue/{base → features/element-plus}/src/components/SubMenu/src/index.vue

@@ -1,24 +1,24 @@
-<script setup lang="ts">
-/**
- * SubMenu 子菜单组件
- * 递归渲染菜单
- */
-import type { SubMenuProps } from './_types';
-
-defineProps<SubMenuProps>();
-</script>
-
-<template>
-  <template v-for="item in menuList" :key="item.path">
-    <el-sub-menu v-if="item.children?.length" :index="item.path">
-      <template #title>
-        <span>{{ item.meta?.title }}</span>
-      </template>
-      <SubMenu :menu-list="item.children" />
-    </el-sub-menu>
-    <el-menu-item v-else :index="item.path">
-      <span>{{ item.meta?.title }}</span>
-    </el-menu-item>
-  </template>
-</template>
-
+<script setup lang="ts">
+/**
+ * SubMenu 子菜单组件
+ * 递归渲染菜单
+ */
+import type { SubMenuProps } from './_types'
+
+defineProps<SubMenuProps>()
+</script>
+
+<template>
+  <template v-for="item in menuList" :key="item.path">
+    <el-sub-menu v-if="item.children?.length" :index="item.path">
+      <template #title>
+        <span>{{ item.meta?.title }}</span>
+      </template>
+      <SubMenu :menu-list="item.children" />
+    </el-sub-menu>
+    <el-menu-item v-else :index="item.path">
+      <span>{{ item.meta?.title }}</span>
+    </el-menu-item>
+  </template>
+</template>
+

package/templates/vue/{base → features/element-plus}/src/layouts/element.vue

@@ -1,81 +1,81 @@
-<script setup lang="ts">
-/**
- * Element Plus 布局组件
- */
-import { ref } from 'vue';
-
-const sidebarCollapsed = ref(false);
-
-function toggleSidebar(): void {
-  sidebarCollapsed.value = !sidebarCollapsed.value;
-}
-</script>
-
-<template>
-  <el-container class="layout-container">
-    <el-aside :width="sidebarCollapsed ? '64px' : '200px'" class="layout-aside">
-      <div class="logo">
-        <span v-if="!sidebarCollapsed">Logo</span>
-      </div>
-      <el-menu
-        :collapse="sidebarCollapsed"
-        default-active="1"
-        class="layout-menu"
-      >
-        <el-menu-item index="1">
-          <template #title>首页</template>
-        </el-menu-item>
-        <el-menu-item index="2">
-          <template #title>关于</template>
-        </el-menu-item>
-      </el-menu>
-    </el-aside>
-    <el-container>
-      <el-header class="layout-header">
-        <el-button @click="toggleSidebar">
-          {{ sidebarCollapsed ? '展开' : '折叠' }}
-        </el-button>
-      </el-header>
-      <el-main class="layout-main">
-        <slot />
-      </el-main>
-    </el-container>
-  </el-container>
-</template>
-
-<style scoped lang="scss">
-.layout-container {
-  height: 100vh;
-}
-
-.layout-aside {
-  background-color: #304156;
-  transition: width 0.3s;
-}
-
-.logo {
-  height: 60px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #fff;
-  font-size: 20px;
-  font-weight: bold;
-}
-
-.layout-menu {
-  border-right: none;
-}
-
-.layout-header {
-  background-color: #fff;
-  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
-  display: flex;
-  align-items: center;
-}
-
-.layout-main {
-  background-color: #f0f2f5;
-}
-</style>
-
+<script setup lang="ts">
+/**
+ * Element Plus 布局组件
+ */
+import { ref } from 'vue';
+
+const sidebarCollapsed = ref(false);
+
+function toggleSidebar(): void {
+  sidebarCollapsed.value = !sidebarCollapsed.value;
+}
+</script>
+
+<template>
+  <el-container class="layout-container">
+    <el-aside :width="sidebarCollapsed ? '64px' : '200px'" class="layout-aside">
+      <div class="logo">
+        <span v-if="!sidebarCollapsed">Logo</span>
+      </div>
+      <el-menu
+        :collapse="sidebarCollapsed"
+        default-active="1"
+        class="layout-menu"
+      >
+        <el-menu-item index="1">
+          <template #title>首页</template>
+        </el-menu-item>
+        <el-menu-item index="2">
+          <template #title>关于</template>
+        </el-menu-item>
+      </el-menu>
+    </el-aside>
+    <el-container>
+      <el-header class="layout-header">
+        <el-button @click="toggleSidebar">
+          {{ sidebarCollapsed ? '展开' : '折叠' }}
+        </el-button>
+      </el-header>
+      <el-main class="layout-main">
+        <slot />
+      </el-main>
+    </el-container>
+  </el-container>
+</template>
+
+<style scoped lang="scss">
+.layout-container {
+  height: 100vh;
+}
+
+.layout-aside {
+  background-color: #304156;
+  transition: width 0.3s;
+}
+
+.logo {
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.layout-menu {
+  border-right: none;
+}
+
+.layout-header {
+  background-color: #fff;
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+  display: flex;
+  align-items: center;
+}
+
+.layout-main {
+  background-color: #f0f2f5;
+}
+</style>
+

package/templates/vue/features/eslint/node_modules/.bin/eslint

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/mnt/e/project/template/vite-cli/node_modules/.pnpm/eslint@9.39.2_jiti@2.6.1/node_modules/eslint/bin/node_modules:/mnt/e/project/template/vite-cli/node_modules/.pnpm/eslint@9.39.2_jiti@2.6.1/node_modules/eslint/node_modules:/mnt/e/project/template/vite-cli/node_modules/.pnpm/eslint@9.39.2_jiti@2.6.1/node_modules:/mnt/e/project/template/vite-cli/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/mnt/e/project/template/vite-cli/node_modules/.pnpm/eslint@9.39.2_jiti@2.6.1/node_modules/eslint/bin/node_modules:/mnt/e/project/template/vite-cli/node_modules/.pnpm/eslint@9.39.2_jiti@2.6.1/node_modules/eslint/node_modules:/mnt/e/project/template/vite-cli/node_modules/.pnpm/eslint@9.39.2_jiti@2.6.1/node_modules:/mnt/e/project/template/vite-cli/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../eslint/bin/eslint.js" "$@"
+else
+  exec node  "$basedir/../eslint/bin/eslint.js" "$@"
+fi

package/templates/vue/features/eslint/node_modules/.bin/eslint.CMD

@@ -0,0 +1,12 @@
+@SETLOCAL
+@IF NOT DEFINED NODE_PATH (
+  @SET "NODE_PATH=E:\project\template\vite-cli\node_modules\.pnpm\eslint@9.39.2_jiti@2.6.1\node_modules\eslint\bin\node_modules;E:\project\template\vite-cli\node_modules\.pnpm\eslint@9.39.2_jiti@2.6.1\node_modules\eslint\node_modules;E:\project\template\vite-cli\node_modules\.pnpm\eslint@9.39.2_jiti@2.6.1\node_modules;E:\project\template\vite-cli\node_modules\.pnpm\node_modules"
+) ELSE (
+  @SET "NODE_PATH=E:\project\template\vite-cli\node_modules\.pnpm\eslint@9.39.2_jiti@2.6.1\node_modules\eslint\bin\node_modules;E:\project\template\vite-cli\node_modules\.pnpm\eslint@9.39.2_jiti@2.6.1\node_modules\eslint\node_modules;E:\project\template\vite-cli\node_modules\.pnpm\eslint@9.39.2_jiti@2.6.1\node_modules;E:\project\template\vite-cli\node_modules\.pnpm\node_modules;%NODE_PATH%"
+)
+@IF EXIST "%~dp0\node.exe" (
+  "%~dp0\node.exe"  "%~dp0\..\eslint\bin\eslint.js" %*
+) ELSE (
+  @SET PATHEXT=%PATHEXT:;.JS;=;%
+  node  "%~dp0\..\eslint\bin\eslint.js" %*
+)

package/templates/vue/features/eslint/node_modules/.bin/eslint.ps1

@@ -0,0 +1,41 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+$pathsep=":"
+$env_node_path=$env:NODE_PATH
+$new_node_path="E:\project\template\vite-cli\node_modules\.pnpm\eslint@9.39.2_jiti@2.6.1\node_modules\eslint\bin\node_modules;E:\project\template\vite-cli\node_modules\.pnpm\eslint@9.39.2_jiti@2.6.1\node_modules\eslint\node_modules;E:\project\template\vite-cli\node_modules\.pnpm\eslint@9.39.2_jiti@2.6.1\node_modules;E:\project\template\vite-cli\node_modules\.pnpm\node_modules"
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+  $pathsep=";"
+} else {
+  $new_node_path="/mnt/e/project/template/vite-cli/node_modules/.pnpm/eslint@9.39.2_jiti@2.6.1/node_modules/eslint/bin/node_modules:/mnt/e/project/template/vite-cli/node_modules/.pnpm/eslint@9.39.2_jiti@2.6.1/node_modules/eslint/node_modules:/mnt/e/project/template/vite-cli/node_modules/.pnpm/eslint@9.39.2_jiti@2.6.1/node_modules:/mnt/e/project/template/vite-cli/node_modules/.pnpm/node_modules"
+}
+if ([string]::IsNullOrEmpty($env_node_path)) {
+  $env:NODE_PATH=$new_node_path
+} else {
+  $env:NODE_PATH="$new_node_path$pathsep$env_node_path"
+}
+
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../eslint/bin/eslint.js" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../eslint/bin/eslint.js" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../eslint/bin/eslint.js" $args
+  } else {
+    & "node$exe"  "$basedir/../eslint/bin/eslint.js" $args
+  }
+  $ret=$LASTEXITCODE
+}
+$env:NODE_PATH=$env_node_path
+exit $ret

package/templates/vue/features/eslint/package.json

@@ -1,7 +1,7 @@
 {
   "devDependencies": {
-    "@moluoxixi/eslint-config": "catalog:dev",
-    "eslint": "catalog:dev",
-    "eslint-plugin-format": "catalog:dev"
+    "@moluoxixi/eslint-config": "latest",
+    "eslint": "^9.22.0",
+    "eslint-plugin-format": "^1.0.1"
   }
 }

package/templates/vue/features/i18n/package.json

@@ -1,5 +1,5 @@
-{
-  "dependencies": {
-    "vue-i18n": "catalog:build"
-  }
-}
+{
+  "dependencies": {
+    "vue-i18n": "^11.1.10"
+  }
+}

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

@@ -1,16 +1,23 @@
-import { createI18n } from 'vue-i18n'
-
-import en from './lang/en'
-import zh from './lang/zh'
-
-const i18n = createI18n({
-  legacy: false,
-  locale: localStorage.getItem('locale') || 'zh',
-  fallbackLocale: 'zh',
-  messages: {
-    zh,
-    en,
-  },
-})
-
-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

@@ -0,0 +1,30 @@
+/**
+ * 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

@@ -0,0 +1,30 @@
+/**
+ * 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',
+  },
+};
+

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

@@ -0,0 +1,30 @@
+/**
+ * 中文语言包
+ */
+
+export default {
+  common: {
+    confirm: '确认',
+    cancel: '取消',
+    save: '保存',
+    delete: '删除',
+    edit: '编辑',
+    add: '新增',
+    search: '搜索',
+    reset: '重置',
+    loading: '加载中...',
+    success: '操作成功',
+    error: '操作失败',
+  },
+  menu: {
+    home: '首页',
+    about: '关于',
+  },
+  user: {
+    login: '登录',
+    logout: '退出登录',
+    username: '用户名',
+    password: '密码',
+  },
+};
+

package/templates/vue/features/manualRoutes/src/router/routes.ts

@@ -1,27 +1,35 @@
-import Layout from './layout.vue'
-
-export const routes = [
-  {
-    path: '/',
-    component: Layout,
-    redirect: '/home',
-    children: [
-      {
-        path: '/home',
-        name: 'Home',
-        component: () => import('@/pages/home/index.vue'),
-        meta: {
-          title: '首页',
-        },
-      },
-      {
-        path: '/about',
-        name: 'About',
-        component: () => import('@/pages/about/index.vue'),
-        meta: {
-          title: '关于',
-        },
-      },
-    ],
-  },
-]
+/**
+ * 路由配置
+ * 手动配置路由表
+ */
+
+import Layout from './layout.vue'
+
+/**
+ * 路由配置数组
+ */
+export const routes = [
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/home',
+    children: [
+      {
+        path: '/home',
+        name: 'Home',
+        component: () => import('@/pages/home/index.vue'),
+        meta: {
+          title: '首页',
+        },
+      },
+      {
+        path: '/about',
+        name: 'About',
+        component: () => import('@/pages/about/index.vue'),
+        meta: {
+          title: '关于',
+        },
+      },
+    ],
+  },
+]

package/templates/vue/features/pageRoutes/package.json

@@ -1,5 +1,5 @@
-{
-  "dependencies": {
-    "vite-plugin-pages": "catalog:build"
-  }
-}
+{
+  "dependencies": {
+    "vite-plugin-pages": "^0.32.5"
+  }
+}

package/templates/vue/features/pinia/package.json

@@ -1,6 +1,7 @@
 {
   "dependencies": {
-    "pinia": "catalog:build",
-    "pinia-plugin-persistedstate": "catalog:build"
+    "pinia": "^2.3.0",
+    "pinia-plugin-persistedstate": "^3.2.1",
+    "vue": "latest"
   }
 }

package/templates/vue/features/pinia/src/stores/index.ts

@@ -1,8 +1,16 @@
+/**
+ * Pinia 状态管理配置
+ */
+
 import { createPinia } from 'pinia'
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 
 export const store = createPinia()
+
+// 使用持久化插件
 store.use(piniaPluginPersistedstate)
 
+// 导出 store 模块
 export * from './user'
+export * from './system'
 

package/templates/vue/features/pinia/src/stores/system.ts

@@ -0,0 +1,60 @@
+/**
+ * 系统状态管理
+ */
+
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export type ThemeType = 'light' | 'dark'
+
+export const useSystemStore = defineStore(
+  'system',
+  () => {
+    /** 当前主题 */
+    const theme = ref<ThemeType>('light')
+
+    /** 当前语言 */
+    const language = ref<string>('zh')
+
+    /** 侧边栏折叠状态 */
+    const sidebarCollapsed = ref<boolean>(false)
+
+    /**
+     * 设置主题
+     * @param value 主题类型（'light' 或 'dark'）
+     */
+    function setTheme(value: ThemeType): void {
+      theme.value = value
+    }
+
+    /**
+     * 设置语言
+     * @param value 语言代码（如 'zh', 'en', 'es'）
+     */
+    function setLanguage(value: string): void {
+      language.value = value
+    }
+
+    /**
+     * 切换侧边栏折叠状态
+     */
+    function toggleSidebar(): void {
+      sidebarCollapsed.value = !sidebarCollapsed.value
+    }
+
+    return {
+      theme,
+      language,
+      sidebarCollapsed,
+      setTheme,
+      setLanguage,
+      toggleSidebar,
+    }
+  },
+  {
+    persist: {
+      pick: ['theme', 'language', 'sidebarCollapsed'],
+    },
+  },
+)
+