create-art-app-pino 1.0.0 → 1.0.1

package/dist/index.cjs

@@ -97,7 +97,7 @@ async function getProjectOptions(argv) {
             { title: ".reference \u53C2\u8003\u9879\u76EE\uFF08\u514B\u9686 art-design-pro \u6700\u65B0\u4EE3\u7801\uFF09", value: "reference", selected: true },
             { title: ".vscode \u7EDF\u4E00\u7F16\u8F91\u5668\u914D\u7F6E", value: "vscode", selected: true },
             { title: "AGENTS.md AI \u5F00\u53D1\u7EA6\u675F\u6587\u4EF6", value: "agentsMd", selected: true },
-            { title: "\u6587\u6863\u6CBB\u7406\uFF08docs/ + 4 \u9053\u62A4\u680F + PR \u6A21\u677F\uFF09", value: "docGovernance", selected: true }
+            { title: "\u6587\u6863\u6CBB\u7406\uFF08docs/ + 4 \u9053\u62A4\u680F\uFF09", value: "docGovernance", selected: true }
           ]
         },
         {
@@ -171,6 +171,24 @@ function getFeatureDeps(features) {
 var import_node_fs = __toESM(require("fs"), 1);
 var import_node_path = __toESM(require("path"), 1);
 var import_ejs = __toESM(require("ejs"), 1);
+var BINARY_EXTENSIONS = /* @__PURE__ */ new Set([
+  ".png",
+  ".jpg",
+  ".jpeg",
+  ".webp",
+  ".gif",
+  ".ico",
+  ".bmp",
+  ".avif",
+  ".pdf",
+  ".zip",
+  ".gz",
+  ".tgz",
+  ".woff",
+  ".woff2",
+  ".ttf",
+  ".eot"
+]);
 async function renderTemplate(templateDir, targetDir, options, skipFiles = []) {
   const stats = import_node_fs.default.statSync(templateDir);
   if (!stats.isDirectory()) return;
@@ -191,21 +209,31 @@ async function renderTemplate(templateDir, targetDir, options, skipFiles = []) {
 }
 async function renderFile(srcPath, targetDir, fileName, options) {
   let destName = fileName;
-  let content;
+  let textContent = null;
+  let binaryContent = null;
   if (fileName.endsWith(".ejs")) {
     destName = fileName.slice(0, -4);
     const template = import_node_fs.default.readFileSync(srcPath, "utf-8");
-    content = import_ejs.default.render(template, { options });
-    if (!content.trim()) return;
+    textContent = import_ejs.default.render(template, { options });
+    if (!textContent.trim()) return;
+  } else if (isBinaryTemplateFile(srcPath)) {
+    binaryContent = import_node_fs.default.readFileSync(srcPath);
   } else {
-    content = import_node_fs.default.readFileSync(srcPath, "utf-8");
+    textContent = import_node_fs.default.readFileSync(srcPath, "utf-8");
   }
   if (destName.startsWith("_")) {
     destName = `.${destName.slice(1)}`;
   }
   const destPath = import_node_path.default.join(targetDir, destName);
   import_node_fs.default.mkdirSync(import_node_path.default.dirname(destPath), { recursive: true });
-  import_node_fs.default.writeFileSync(destPath, content);
+  if (binaryContent) {
+    import_node_fs.default.writeFileSync(destPath, binaryContent);
+    return;
+  }
+  import_node_fs.default.writeFileSync(destPath, textContent ?? "");
+}
+function isBinaryTemplateFile(filePath) {
+  return BINARY_EXTENSIONS.has(import_node_path.default.extname(filePath).toLowerCase());
 }
 async function renderEjsInPlace(targetDir, options) {
   const files = getAllFiles(targetDir);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-art-app-pino",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "CLI scaffold tool for creating Art Design Pro based projects",
   "type": "module",
   "bin": {
@@ -10,6 +10,12 @@
     "dist",
     "template"
   ],
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "start": "node dist/index.cjs",
+    "prepublishOnly": "pnpm build"
+  },
   "keywords": [
     "cli",
     "scaffold",
@@ -26,19 +32,30 @@
     "prompts": "^2.4.2"
   },
   "devDependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
+    "@iconify/vue": "^5.0.1",
     "@types/ejs": "^3.1.5",
     "@types/minimist": "^1.2.5",
     "@types/node": "^22.10.0",
+    "@types/nprogress": "^0.2.3",
     "@types/prompts": "^2.4.9",
+    "@vueuse/core": "^14.3.0",
+    "axios": "^1.18.0",
+    "echarts": "^6.1.0",
+    "element-plus": "^2.14.2",
+    "highlight.js": "^11.11.1",
+    "mitt": "^3.0.1",
+    "nprogress": "^0.2.0",
+    "ohash": "^2.0.11",
+    "pinia": "^3.0.4",
+    "pinia-plugin-persistedstate": "^4.7.1",
     "tsup": "^8.3.5",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.2",
+    "vue": "^3.5.38",
+    "vue-i18n": "^11.4.5",
+    "vue-router": "^5.1.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
-  },
-  "scripts": {
-    "dev": "tsup --watch",
-    "build": "tsup",
-    "start": "node dist/index.cjs"
   }
-}
+}

package/template/auth-art/_env.development

@@ -1,2 +1,8 @@
 # API 基础地址（开发环境）
 VITE_API_BASE_URL=http://localhost:3000
+
+# 本地 Mock 模式（admin/admin 即可登录，无需真实后端）
+VITE_MOCK_ENABLED=true
+
+# 路由权限模式（frontend：前端静态菜单，backend：后端接口动态获取）
+VITE_ACCESS_MODE=frontend

package/template/auth-art/src/router/guards/beforeEach.ts

@@ -1,7 +1,11 @@
 import type { Router } from 'vue-router'
 import NProgress from 'nprogress'
-import { useUserStore } from '@/store/modules/user'
 import { fetchGetUserInfo } from '@/api/auth'
+import { useUserStore } from '@/store/modules/user'
+import { useMenuStore } from '@/store/modules/menu'
+import { setWorktab } from '@/utils/navigation'
+import { setPageTitle } from '@/utils/router'
+import { MenuProcessor, RouteRegistry } from '@/router/core'
 
 // 是否已获取过用户信息
 let hasLoadedUserInfo = false
@@ -25,8 +29,9 @@ export function setupBeforeEachGuard(router: Router): void {
     // 访问登录页直接放行
     if (to.path === '/login') {
       if (userStore.isLogin) {
-        next('/')
-      } else {
+        next('/dashboard/console')
+      }
+      else {
         next()
       }
       return
@@ -45,9 +50,10 @@ export function setupBeforeEachGuard(router: Router): void {
     if (!hasLoadedUserInfo) {
       try {
         const userInfo = await fetchGetUserInfo()
-        userStore.setUserInfo(userInfo as any)
+        userStore.setUserInfo(userInfo)
         hasLoadedUserInfo = true
-      } catch (error) {
+      }
+      catch (error) {
         console.error('[Router] 获取用户信息失败:', error)
         userStore.logOut()
         next({ path: '/login' })
@@ -55,6 +61,27 @@ export function setupBeforeEachGuard(router: Router): void {
       }
     }
 
+    // 初始化菜单和动态路由
+    const menuStore = useMenuStore()
+    if (menuStore.menuList.length === 0) {
+      try {
+        const menuProcessor = new MenuProcessor()
+        const menuList = await menuProcessor.getMenuList()
+        menuStore.setMenuList(menuList)
+
+        const routeRegistry = new RouteRegistry(router)
+        routeRegistry.register(menuList)
+
+        // 注册动态路由后，进行重定向跳转以使新路由生效
+        next({ ...to, replace: true })
+        return
+      } catch (error) {
+        console.error('[Router] 初始化菜单或路由失败:', error)
+      }
+    }
+
+    setWorktab(to)
+    setPageTitle(to)
     next()
   })
 

package/template/auth-art/src/router/index.ts.ejs

@@ -1,5 +1,5 @@
-import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router'
 import type { RouteRecordRaw } from 'vue-router'
+import { createRouter, <%- options.routerMode === 'hash' ? 'createWebHashHistory' : 'createWebHistory' %> } from 'vue-router'
 import { setupBeforeEachGuard } from './guards/beforeEach'
 
 const routes: RouteRecordRaw[] = [
@@ -11,30 +11,56 @@ const routes: RouteRecordRaw[] = [
   },
   {
     path: '/',
-    name: 'Layout',
+    redirect: '/dashboard/console',
+  },
+  {
+    path: '/dashboard',
+    name: 'Dashboard',
     component: () => import('@/views/index/index.vue'),
-    redirect: '/dashboard',
+    redirect: '/dashboard/console',
+    meta: { title: '仪表盘', icon: 'ri:pie-chart-line' },
     children: [
       {
-        path: 'dashboard',
-        name: 'Dashboard',
-        component: () => import('@/views/dashboard/index.vue'),
-        meta: { title: '仪表盘', icon: 'ep:home-filled' },
+        path: 'console',
+        name: 'Console',
+        component: () => import('@/views/dashboard/console/index.vue'),
+        meta: {
+          title: '工作台',
+          icon: 'ri:home-smile-2-line',
+          keepAlive: false,
+          fixedTab: true,
+        },
+      },
+      {
+        path: 'analysis',
+        name: 'Analysis',
+        component: () => import('@/views/dashboard/analysis/index.vue'),
+        meta: {
+          title: '分析页',
+          icon: 'ri:align-item-bottom-line',
+          keepAlive: false,
+        },
       },
     ],
   },
   {
     path: '/403',
     name: 'Forbidden',
-    component: () => import('@/views/exception/403.vue'),
+    component: () => import('@/views/exception/403/index.vue'),
     meta: { title: '403' },
   },
   {
     path: '/404',
     name: 'NotFound',
-    component: () => import('@/views/exception/404.vue'),
+    component: () => import('@/views/exception/404/index.vue'),
     meta: { title: '404' },
   },
+  {
+    path: '/500',
+    name: 'ServerError',
+    component: () => import('@/views/exception/500/index.vue'),
+    meta: { title: '500' },
+  },
   {
     path: '/:pathMatch(.*)*',
     redirect: '/404',
@@ -49,4 +75,6 @@ const router = createRouter({
 // 设置路由守卫
 setupBeforeEachGuard(router)
 
+export const HOME_PAGE_PATH = ''
+export { router }
 export default router

package/template/auth-art/src/store/modules/user.ts

@@ -1,56 +1,106 @@
+/**
+ * 用户状态管理（auth-art 版本）
+ * 管理用户登录状态、个人信息、语言设置等
+ * 基于 Art Design Pro 的 user store 适配
+ */
 import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-import { useRouter } from 'vue-router'
+import { computed, ref } from 'vue'
+import { LanguageEnum } from '@/enums/appEnum'
+import { router } from '@/router'
+import { useSettingStore } from './setting'
+import { useMenuStore } from './menu'
+import { setPageTitle } from '@/utils/router'
+import { resetRouterState } from '@/router/guards/beforeEach'
+
+export interface UserInfo {
+  roles?: string[]
+  buttons?: string[]
+  userId?: string | number
+  [key: string]: any
+}
 
 export const useUserStore = defineStore(
   'userStore',
   () => {
-    const router = useRouter()
-
+    const language = ref(LanguageEnum.ZH)
     const isLogin = ref(false)
+    const isLock = ref(false)
+    const lockPassword = ref('')
+    const info = ref<UserInfo>({})
+    const searchHistory = ref<Record<string, unknown>[]>([])
     const accessToken = ref('')
     const refreshToken = ref('')
-    const info = ref<Record<string, any>>({})
 
     const getUserInfo = computed(() => info.value)
+    const getSettingState = computed(() => useSettingStore().$state)
 
-    function setUserInfo(newInfo: Record<string, any>) {
+    const setUserInfo = (newInfo: UserInfo) => {
       info.value = newInfo
     }
 
-    function setLoginStatus(status: boolean) {
+    const setLoginStatus = (status: boolean) => {
       isLogin.value = status
     }
 
-    function setToken(newAccessToken: string, newRefreshToken?: string) {
+    const setLanguage = (lang: LanguageEnum) => {
+      setPageTitle(router.currentRoute.value)
+      language.value = lang
+    }
+
+    const setSearchHistory = (list: Record<string, unknown>[]) => {
+      searchHistory.value = list
+    }
+
+    const setLockStatus = (status: boolean) => {
+      isLock.value = status
+    }
+
+    const setLockPassword = (password: string) => {
+      lockPassword.value = password
+    }
+
+    const setToken = (newAccessToken: string, newRefreshToken?: string) => {
       accessToken.value = newAccessToken
       if (newRefreshToken) {
         refreshToken.value = newRefreshToken
       }
     }
 
-    function logOut() {
+    const logOut = () => {
       info.value = {}
       isLogin.value = false
+      isLock.value = false
+      lockPassword.value = ''
       accessToken.value = ''
       refreshToken.value = ''
-
+      sessionStorage.removeItem('iframeRoutes')
+      useMenuStore().setHomePath('')
+      resetRouterState()
       const currentRoute = router.currentRoute.value
       const redirect = currentRoute.path !== '/login' ? currentRoute.fullPath : undefined
       router.push({
-        path: '/login',
+        name: 'Login',
         query: redirect ? { redirect } : undefined,
       })
     }
 
     return {
+      language,
       isLogin,
+      isLock,
+      lockPassword,
+      info,
+      searchHistory,
       accessToken,
       refreshToken,
-      info,
       getUserInfo,
+      getSettingState,
       setUserInfo,
       setLoginStatus,
+      setLanguage,
+      setSearchHistory,
+      setLockStatus,
+      setLockPassword,
       setToken,
       logOut,
     }

package/template/auth-art/src/utils/http/index.ts

@@ -2,12 +2,16 @@ import type { AxiosRequestConfig } from 'axios'
 import axios from 'axios'
 import { ElMessage } from 'element-plus'
 import { useUserStore } from '@/store/modules/user'
+import { setupMock } from './mock'
 
 const http = axios.create({
   baseURL: import.meta.env.VITE_API_BASE_URL || '',
   timeout: 30000,
 })
 
+// 启用 Mock 拦截器（仅 VITE_MOCK_ENABLED=true 时生效）
+setupMock(http)
+
 // 请求拦截器：注入 token
 http.interceptors.request.use(
   (config) => {
@@ -23,7 +27,17 @@ http.interceptors.request.use(
 // 响应拦截器：处理 401 和业务错误
 http.interceptors.response.use(
   (response) => {
-    return response.data
+    const res = response.data
+    // 剥离业务响应包装
+    if (res && typeof res === 'object' && 'code' in res) {
+      if (res.code === 0) {
+        return res.data
+      }
+      const message = res.message || '请求失败'
+      ElMessage.error(message)
+      return Promise.reject(new Error(message))
+    }
+    return res
   },
   (error) => {
     if (error.response?.status === 401) {

package/template/auth-art/src/utils/http/mock.ts

@@ -0,0 +1,94 @@
+import type { AxiosInstance, InternalAxiosRequestConfig } from 'axios'
+
+interface MockRoute {
+  method: string
+  url: string
+  handler: (config: InternalAxiosRequestConfig) => unknown
+}
+
+const MOCK_TOKEN = 'mock-art-token-local-dev'
+
+const mockRoutes: MockRoute[] = [
+  {
+    method: 'post',
+    url: '/api/auth/login',
+    handler: (config) => {
+      const body = typeof config.data === 'string' ? JSON.parse(config.data) : config.data
+      const username = body?.userName?.toLowerCase()
+      const password = body?.password
+
+      const isValid = (
+        (username === 'super' && password === '123456') ||
+        (username === 'admin' && password === '123456') ||
+        (username === 'user' && password === '123456') ||
+        (username === 'admin' && password === 'admin')
+      )
+
+      if (isValid) {
+        const role = username === 'super' ? 'R_SUPER' : (username === 'user' ? 'R_USER' : 'R_ADMIN')
+        return { code: 0, data: { token: `${MOCK_TOKEN}-${role}`, refreshToken: MOCK_TOKEN } }
+      }
+      return { code: 401, message: '用户名或密码错误' }
+    },
+  },
+  {
+    method: 'get',
+    url: '/api/user/info',
+    handler: (config) => {
+      const authHeader = (config.headers as any)?.Authorization as string || ''
+      const role = authHeader.includes('R_ADMIN') ? 'R_ADMIN' : (authHeader.includes('R_USER') ? 'R_USER' : 'R_SUPER')
+      const name = role === 'R_SUPER' ? 'Super' : (role === 'R_USER' ? 'User' : 'Admin')
+
+      return {
+        code: 0,
+        data: { userId: 1, userName: name, roles: [role], avatar: '/src/assets/images/user/avatar.webp' },
+      }
+    },
+  },
+  {
+    method: 'get',
+    url: '/api/v3/system/menus',
+    handler: () => ({
+      code: 0,
+      data: [
+        {
+          path: '/dashboard',
+          name: 'Dashboard',
+          component: '/dashboard/console/index',
+          meta: { title: '仪表盘', icon: 'ep:home-filled' },
+        }
+      ],
+    }),
+  },
+]
+
+/**
+ * 在 VITE_MOCK_ENABLED=true 时启用本地 mock 拦截器
+ * 无需后端即可 admin/admin 登录并获取用户信息
+ */
+export function setupMock(instance: AxiosInstance) {
+  if (import.meta.env.VITE_MOCK_ENABLED !== 'true')
+    return
+
+  instance.interceptors.request.use((config) => {
+    const matched = mockRoutes.find(
+      r => r.method === (config.method || 'get').toLowerCase()
+        && config.url?.includes(r.url),
+    )
+
+    if (matched) {
+      // 标记为 mock 请求，用 adapter 直接返回数据
+      const result = matched.handler(config)
+      config.adapter = () =>
+        Promise.resolve({
+          data: result,
+          status: 200,
+          statusText: 'OK',
+          headers: {},
+          config,
+        })
+    }
+
+    return config
+  })
+}