create-lumal-admin 0.0.5-beta → 0.0.6-beta

package/templates/modes/http/src/services/data-source.ts

@@ -1,120 +0,0 @@
-import type { ApplicationService, ServiceContext } from './contracts'
-import { createRequestClient, RequestError } from '@lumal/core/request'
-import { createHttpAdapter } from './http-adapter'
-
-export const demoAccount: { username: string, password: string } | null = null
-
-export function createHttpBackend(context: ServiceContext, baseURL: string, adapterName = 'standard'): ApplicationService {
-  const adapter = createHttpAdapter(adapterName)
-  const publicRequest = createRequestClient({
-    baseURL,
-    onRequest() {
-      if (!baseURL.trim())
-        throw new Error('未配置 VITE_API_BASE_URL，请先接入真实后端')
-    },
-    onResponse: <T>({ data, init }: { data: unknown, init: RequestInit }) => {
-      init.signal?.throwIfAborted()
-      return adapter.parseResponse(data) as T
-    },
-  })
-  const request = createRequestClient({
-    baseURL,
-    duplicateSubmit: true,
-    getToken: () => context.getSession()?.accessToken,
-    onRequest({ init }) {
-      if (!baseURL.trim())
-        throw new Error('未配置 VITE_API_BASE_URL，请先接入真实后端')
-      init.signal = init.signal ? AbortSignal.any([init.signal, context.getSignal()]) : context.getSignal()
-      const token = context.getSession()?.accessToken
-      if (!token || new Headers(init.headers).get('Authorization') !== `Bearer ${token}`)
-        throw new RequestError('会话已切换', { kind: 'cancelled' })
-    },
-    onResponse: <T>({ data, init }: { data: unknown, init: RequestInit }) => {
-      init.signal?.throwIfAborted()
-      return adapter.parseResponse(data) as T
-    },
-    authRefresh: {
-      async refresh({ init }) {
-        const refreshToken = context.getSession()?.refreshToken
-        if (!refreshToken)
-          throw new Error('缺少刷新凭据')
-        const result = await publicRequest.post('/auth/refresh', { body: { refreshToken }, signal: init.signal ?? undefined })
-        init.signal?.throwIfAborted()
-        if (context.getSession()?.refreshToken !== refreshToken)
-          throw new DOMException('会话已切换', 'AbortError')
-        context.setSession(adapter.parseSession(result))
-      },
-    },
-    onSessionExpired: context.expire,
-  })
-  return {
-    login: async (input, signal) => adapter.parseSession(await publicRequest.post('/auth/login', { body: { ...input }, signal })),
-    getUser: async signal => adapter.parseUser(await request.get('/session/me', { signal })),
-    getAccess: async signal => adapter.parseAccess(await request.get('/session/access', { signal })),
-    getMenus: async signal => adapter.parseMenus(await request.get(adapter.menusPath, { signal })),
-    logout: async (accessToken) => {
-      await publicRequest.post('/auth/logout', { headers: { Authorization: `Bearer ${accessToken}` } })
-    },
-    clearCache() {
-      publicRequest.clearCache()
-      request.clearCache()
-    },
-    async list(resource, input) {
-      const result = await request.get(`/system/${resource}`, {
-        query: { page: input.page, pageSize: input.pageSize, ...input.query } as Record<string, string | number>,
-      })
-      if (resource === 'config' && adapter.configMode === 'object') {
-        if (!result || typeof result !== 'object' || Array.isArray(result))
-          throw new Error('系统配置响应必须是对象')
-        const items = Object.entries(result).map(([key, value]) => ({ id: key, key, value: String(value) }))
-        return { items, total: items.length }
-      }
-      // Mock 的树形 / 字典接口不分页，显式在应用 adapter 边界转换。
-      if (adapterName === 'lumal-mock' && Array.isArray(result)) {
-        const flatten = (rows: Record<string, unknown>[]): Record<string, unknown>[] => rows.flatMap(row => [
-          { ...row, children: undefined },
-          ...(Array.isArray(row.children) ? flatten(row.children) : []),
-        ])
-        const items = flatten(result)
-        const keyword = String(input.query.keyword ?? '').trim()
-        const filtered = items.filter(row => !keyword || Object.values(row).some(value => String(value).includes(keyword)))
-        return { items: filtered.slice((input.page - 1) * input.pageSize, input.page * input.pageSize), total: filtered.length }
-      }
-      const page = adapter.parsePage(result)
-      if (resource === 'roles' && adapterName === 'lumal-mock') {
-        page.items = await Promise.all(page.items.map(async row => ({
-          ...row,
-          permissions: await request.get(`/system/roles/${encodeURIComponent(String(row.code))}/permissions`),
-        })))
-      }
-      return page
-    },
-    async save(resource, model, id) {
-      if (resource === 'config' && adapter.configMode === 'object') {
-        if (!id)
-          throw new Error('系统配置只允许更新已存在的配置键')
-        const current = await request.get<Record<string, unknown>>('/system/config')
-        if (!(id in current))
-          throw new Error('配置键不存在')
-        const original = current[id]
-        const value = typeof original === 'boolean'
-          ? String(model.value) === 'true'
-          : typeof original === 'number' ? Number(model.value) : String(model.value ?? '')
-        return request.put('/system/config', { body: { [id]: value } })
-      }
-      const saved = id
-        ? await request.put(`/system/${resource}/${encodeURIComponent(id)}`, { body: model })
-        : await request.post(`/system/${resource}`, { body: model })
-      if (resource === 'roles' && adapterName === 'lumal-mock' && Array.isArray(model.permissions))
-        await request.put(`/system/roles/${encodeURIComponent(String(model.code))}/permissions`, { body: { permissions: model.permissions } })
-      return saved
-    },
-    remove: async (resource, id) => {
-      await request.delete(`/system/${resource}/${encodeURIComponent(id)}`)
-    },
-  }
-}
-
-export function createBackend(context: ServiceContext): ApplicationService {
-  return createHttpBackend(context, import.meta.env.VITE_API_BASE_URL ?? '', import.meta.env.VITE_API_ADAPTER || 'standard')
-}

package/templates/modes/http/src/services/http-adapter.ts

@@ -1,124 +0,0 @@
-import type { AuthSessionData } from '@lumal/core/auth'
-import type { LumalMenuRecord } from '@lumal/core/router'
-import type { AccessSnapshot, CurrentUser, PageResult } from './contracts'
-import { parseAuthSession } from '@lumal/core/auth'
-import { createStandardResponseParser, parsePageResult } from '@lumal/core/request'
-import { localMenus, viewComponents } from '../router/views'
-
-export interface HttpAdapter {
-  parseResponse: (data: unknown) => unknown
-  parseSession: (data: unknown) => AuthSessionData
-  parseUser: (data: unknown) => CurrentUser
-  parseAccess: (data: unknown) => AccessSnapshot
-  parseMenus: (data: unknown) => LumalMenuRecord[]
-  parsePage: (data: unknown) => PageResult
-  menusPath: string
-  configMode?: 'object'
-}
-
-function record(value: unknown): Record<string, unknown> {
-  if (!value || typeof value !== 'object' || Array.isArray(value))
-    throw new Error('后端返回了无效对象')
-  return value as Record<string, unknown>
-}
-function strings(value: unknown): string[] {
-  if (!Array.isArray(value) || value.some(item => typeof item !== 'string'))
-    throw new Error('角色和权限必须是字符串数组')
-  return value
-}
-function parseUser(value: unknown): CurrentUser {
-  const raw = record(value)
-  if (!['id', 'name', 'username'].every(key => typeof raw[key] === 'string' && raw[key]))
-    throw new Error('当前用户缺少 id/name/username')
-  return { id: String(raw.id), name: String(raw.name), username: String(raw.username) }
-}
-function parseAccess(value: unknown): AccessSnapshot {
-  const raw = record(value)
-  return { roles: strings(raw.roles), permissions: strings(raw.permissions) }
-}
-function parseMenus(value: unknown): LumalMenuRecord[] {
-  if (!Array.isArray(value))
-    throw new Error('菜单响应必须是数组')
-  const visit = (items: unknown[]): LumalMenuRecord[] => items.map((item) => {
-    const raw = record(item)
-    if (typeof raw.path !== 'string' || !raw.path.startsWith('/'))
-      throw new Error('菜单 path 必须是站内绝对路径')
-    if (raw.component && (typeof raw.component !== 'string' || !viewComponents[raw.component]))
-      throw new Error(`菜单组件不在白名单中：${String(raw.component)}`)
-    return {
-      path: raw.path,
-      name: typeof raw.name === 'string' ? raw.name : undefined,
-      component: typeof raw.component === 'string' ? raw.component : undefined,
-      redirect: typeof raw.redirect === 'string' ? raw.redirect : undefined,
-      meta: raw.meta ? record(raw.meta) : undefined,
-      children: Array.isArray(raw.children) ? visit(raw.children) : undefined,
-    }
-  })
-  return visit(value)
-}
-
-// 默认直接消费标准 JSON。特定后端包装仅在显式选择的应用 adapter 中处理。
-export function createHttpAdapter(name = 'standard'): HttpAdapter {
-  const standard: HttpAdapter = {
-    parseResponse: value => value,
-    parseSession: parseAuthSession,
-    parseUser,
-    parseAccess,
-    parseMenus,
-    parsePage: value => Array.isArray(value) ? { items: value, total: value.length } : parsePageResult(value),
-    menusPath: '/menus',
-  }
-  if (name === 'standard')
-    return standard
-  if (name !== 'lumal-mock')
-    throw new Error(`未知 HTTP adapter：${name}`)
-  const unwrap = createStandardResponseParser({
-    fieldNames: { code: 'statusCode', data: 'result', message: 'resultMsg' },
-    successCodes: ['0000'],
-    sessionExpiredCodes: ['AUTH_EXPIRED'],
-  })
-  return {
-    ...standard,
-    // Lumal Mock 是显式接入示例，不能影响标准模式的协议。
-    parseResponse: data => unwrap({ data } as Parameters<typeof unwrap>[0]),
-    parseSession: value => parseAuthSession(value, { fieldNames: { accessToken: 'access_token', refreshToken: 'refresh_token', expiresAt: 'expire_time' } }),
-    parsePage: value => Array.isArray(value) ? { items: value, total: value.length } : parsePageResult(value, { fieldNames: { items: 'records', total: 'totalNum' } }),
-    menusPath: '/menu',
-    configMode: 'object',
-    parseAccess(value) {
-      const access = parseAccess(value)
-      // 此后端以 view 权限管理配置更新；只在显式 adapter 中映射应用权限。
-      return {
-        ...access,
-        permissions: access.permissions.includes('system:config:view')
-          ? [...new Set([...access.permissions, 'system:config:update'])]
-          : access.permissions,
-      }
-    },
-    parseMenus(value) {
-      // 参考 Mock 包含图表等额外演示页面，只映射当前预设声明的页面。
-      if (!Array.isArray(value))
-        throw new Error('Mock 菜单响应必须是数组')
-      const supported = new Map(localMenus.map(menu => [menu.component, menu]))
-      const visit = (items: unknown[]): LumalMenuRecord[] => items.flatMap((item) => {
-        const raw = record(item)
-        const component = raw.viewPath === 'system/dict' ? 'system/dictionaries/types' : String(raw.viewPath ?? '')
-        const selected = supported.get(component)
-        return [
-          ...(selected
-            ? [{
-                ...selected,
-                meta: {
-                  ...selected.meta,
-                  title: String(raw.menuName ?? selected.meta?.title),
-                  authority: strings(raw.authCode ?? []),
-                },
-              }]
-            : []),
-          ...(Array.isArray(raw.nodes) ? visit(raw.nodes) : []),
-        ]
-      })
-      return visit(value)
-    },
-  }
-}

package/templates/modes/local/src/services/data-source.ts

@@ -1,176 +0,0 @@
-import type { LumalMenuRecord } from '@lumal/core/router'
-import type { AccessSnapshot, ApplicationService, CurrentUser, DataRow, ServiceContext } from './contracts'
-import { localMenus } from '../router/views'
-
-export const demoAccount = import.meta.env.DEV ? { username: 'admin', password: 'lumal123' } : null
-
-// 本地演示数据独立于 HTTP 模板，生产构建默认拒绝演示认证。
-export function createBackend(context: ServiceContext): ApplicationService {
-  const permissions = [...new Set(localMenus.flatMap((menu) => {
-    const prefix = String(menu.meta?.permissionPrefix ?? '')
-    return prefix ? ['list', 'view', 'create', 'update', 'delete', 'authorize'].map(action => `${prefix}:${action}`) : []
-  }))]
-  const initial: Record<string, DataRow[]> = {
-    users: [
-      { id: 'admin', username: 'admin', nickname: '管理员', roles: ['admin'], status: 'enabled' },
-      { id: 'guest', username: 'guest', nickname: '访客', roles: ['guest'], status: 'enabled' },
-    ],
-    roles: [
-      { id: 'admin', code: 'admin', name: '管理员', status: 'enabled', permissions },
-      { id: 'guest', code: 'guest', name: '访客', status: 'enabled', permissions: [] },
-    ],
-    menus: localMenus.map(menu => ({
-      id: menu.name ?? menu.path,
-      title: menu.meta?.title,
-      path: menu.path,
-      name: menu.name,
-      component: menu.component,
-      permission: menu.meta?.authority,
-      type: 'menu',
-      hidden: false,
-    })),
-    config: [{ id: 'appName', key: 'appName', value: 'Lumal Admin' }, { id: 'pageSize', key: 'pageSize', value: '10' }],
-  }
-  function readRows(resource: string): DataRow[] {
-    const value = localStorage.getItem(`demo:system:${resource}`)
-    return value ? JSON.parse(value) as DataRow[] : structuredClone(initial[resource] ?? [])
-  }
-  function assertDemo(): void {
-    if (import.meta.env.PROD && import.meta.env.VITE_ENABLE_LOCAL_DEMO !== 'true')
-      throw new Error('生产环境已禁用本地演示，请使用 HTTP 模式或显式启用演示')
-  }
-  function getUser(): CurrentUser {
-    assertDemo()
-    const raw = sessionStorage.getItem(`demo:${context.getSession()?.accessToken ?? ''}`)
-    if (!raw)
-      throw new Error('本地演示会话已失效')
-    return JSON.parse(raw) as CurrentUser
-  }
-  function getAccess(): AccessSnapshot {
-    const user = getUser()
-    const record = readRows('users').find(row => row.username === user.username)
-    if (!record || record.status === 'disabled')
-      throw new Error('本地账号已停用或删除，请重新登录')
-    const roles = Array.isArray(record.roles) ? record.roles.map(String) : []
-    return {
-      roles,
-      permissions: [...new Set(readRows('roles').filter(role => roles.includes(String(role.code)) && role.status !== 'disabled').flatMap(role => Array.isArray(role.permissions) ? role.permissions.map(String) : []))],
-    }
-  }
-  function writeRows(resource: string, rows: DataRow[]): void {
-    localStorage.setItem(`demo:system:${resource}`, JSON.stringify(rows))
-  }
-  function assertWrite(resource: string, action: string): void {
-    const menu = localMenus.find(menu => menu.meta?.resource === resource)
-    const prefix = String(menu?.meta?.permissionPrefix ?? '')
-    if (!prefix || !getAccess().permissions.includes(`${prefix}:${action}`))
-      throw new Error('无操作权限')
-  }
-  function buildMenus(rows: DataRow[]): LumalMenuRecord[] {
-    const active = new Set<string>()
-    const identities = new Set(rows.map(row => String(row.id)))
-    const visit = (parentId = ''): LumalMenuRecord[] => rows
-      .filter(row => String(row.parentId ?? '') === parentId && row.type !== 'button')
-      .sort((left, right) => Number(left.order ?? 0) - Number(right.order ?? 0))
-      .map((row) => {
-        const id = String(row.id)
-        if (active.has(id))
-          throw new Error('菜单存在循环父节点')
-        active.add(id)
-        const original = localMenus.find(menu => menu.component === row.component)
-        if (row.type !== 'directory' && !original)
-          throw new Error(`菜单组件不在预设白名单中：${String(row.component)}`)
-        const children = visit(id)
-        active.delete(id)
-        return {
-          path: String(row.path),
-          name: String(row.name),
-          component: row.type === 'directory' ? undefined : original?.component,
-          children,
-          meta: { ...original?.meta, title: String(row.title), hideInMenu: Boolean(row.hidden), authority: row.permission as string | string[], order: Number(row.order ?? 0) },
-        }
-      })
-    for (const row of rows) {
-      const parents = new Set([String(row.id)])
-      let parent = String(row.parentId ?? '')
-      while (parent) {
-        if (parents.has(parent) || !identities.has(parent))
-          throw new Error('菜单父节点不存在或形成循环')
-        parents.add(parent)
-        parent = String(rows.find(item => String(item.id) === parent)?.parentId ?? '')
-      }
-      if (typeof row.path !== 'string' || !row.path.startsWith('/') || !row.name)
-        throw new Error('菜单必须配置绝对路径与唯一名称')
-    }
-    return visit()
-  }
-  return {
-    async login(input, signal) {
-      assertDemo()
-      signal.throwIfAborted()
-      const account = readRows('users').find(row => row.username === input.username)
-      if (!account || account.status === 'disabled' || input.password !== 'lumal123')
-        throw new Error('账号或密码不正确')
-      const accessToken = crypto.randomUUID()
-      sessionStorage.setItem(`demo:${accessToken}`, JSON.stringify({ id: input.username, name: input.username, username: input.username }))
-      return { accessToken }
-    },
-    getUser: async (signal) => {
-      signal.throwIfAborted()
-      return getUser()
-    },
-    getAccess: async (signal) => {
-      signal.throwIfAborted()
-      return getAccess()
-    },
-    getMenus: async (signal) => {
-      signal.throwIfAborted()
-      getUser()
-      // 只解析本预设组件白名单；菜单可编辑层级，不接受任意远程 import。
-      return buildMenus(readRows('menus'))
-    },
-    logout: async (token) => { sessionStorage.removeItem(`demo:${token}`) },
-    clearCache() {},
-    async list(resource, input) {
-      assertWrite(resource, resource === 'config' ? 'view' : 'list')
-      const keyword = String(input.query.keyword ?? '').trim()
-      const rows = readRows(resource).filter(row => (!keyword || Object.values(row).some(value => String(value).includes(keyword)))
-        && (!input.query.typeCode || row.typeCode === input.query.typeCode))
-      if (typeof input.query.sortField === 'string' && input.query.sortOrder) {
-        const field = input.query.sortField
-        rows.sort((left, right) => String(left[field] ?? '').localeCompare(String(right[field] ?? ''), 'zh-CN', { numeric: true }) * (input.query.sortOrder === 'desc' ? -1 : 1))
-      }
-      return { items: rows.slice((input.page - 1) * input.pageSize, input.page * input.pageSize), total: rows.length }
-    },
-    async save(resource, model, id) {
-      assertWrite(resource, id ? 'update' : 'create')
-      if (resource === 'roles' && Array.isArray(model.permissions))
-        assertWrite(resource, 'authorize')
-      const rows = readRows(resource)
-      if (id && !rows.some(row => row.id === id))
-        throw new Error('记录不存在')
-      const record: DataRow = { ...model, id: id ?? crypto.randomUUID() }
-      const uniqueField = resource === 'users' ? 'username' : resource === 'roles' ? 'code' : undefined
-      if (uniqueField && rows.some(row => row.id !== id && row[uniqueField] === record[uniqueField]))
-        throw new Error(`${uniqueField} 重复`)
-      if (resource === 'users' && id === 'admin' && (record.status === 'disabled' || !Array.isArray(record.roles) || !record.roles.includes('admin')))
-        throw new Error('不能停用或移除内置管理员角色')
-      const assignedPermissions = record.permissions
-      if (resource === 'roles' && id === 'admin' && (record.code !== 'admin' || record.status === 'disabled' || !Array.isArray(assignedPermissions) || !permissions.every(code => assignedPermissions.includes(code))))
-        throw new Error('不能停用或移除内置管理员权限')
-      const next = id ? rows.map(row => row.id === id ? record : row) : [...rows, record]
-      if (resource === 'menus')
-        buildMenus(next)
-      writeRows(resource, next)
-      return record
-    },
-    async remove(resource, id) {
-      assertWrite(resource, 'delete')
-      if (['users', 'roles'].includes(resource) && id === 'admin')
-        throw new Error('不能删除内置管理员')
-      if (resource === 'menus' && readRows(resource).some(row => row.parentId === id))
-        throw new Error('请先删除子菜单')
-      writeRows(resource, readRows(resource).filter(row => row.id !== id))
-    },
-  }
-}

package/templates/vben-compatible/src/components/migration/VbenFormExample.vue

@@ -1,34 +0,0 @@
-<script setup lang="ts">
-import { useVbenForm } from '@lumal/vben-compat/v5'
-import { shallowRef } from 'vue'
-
-/***********************5.7.0 基础控件与动态依赖迁移*********************/
-const submitted = shallowRef('')
-const [Form, formApi] = useVbenForm({
-  layout: 'horizontal',
-  wrapperClass: 'grid-cols-2',
-  handleSubmit(values) { submitted.value = JSON.stringify(values) },
-  schema: [
-    { component: 'Input', fieldName: 'name', label: '姓名', rules: 'required' },
-    { component: 'Select', fieldName: 'role', label: '角色', rules: 'selectRequired', componentProps: { options: [{ label: '管理员', value: 'admin' }, { label: '访客', value: 'guest' }] } },
-    { component: 'DatePicker', fieldName: 'date', label: '日期', rules: 'selectRequired', componentProps: { valueFormat: 'YYYY-MM-DD' } },
-    { component: 'Switch', fieldName: 'enabled', label: '启用扩展', defaultValue: true },
-    {
-      component: 'Input',
-      fieldName: 'remark',
-      label: '备注',
-      dependencies: { triggerFields: ['enabled', 'role'], if: values => Boolean(values.enabled), disabled: values => values.role === 'guest', required: values => values.role === 'admin' },
-    },
-    { component: 'Input', fieldName: 'cssHidden', label: '保留值字段', defaultValue: 'retained', dependencies: { triggerFields: ['enabled'], show: values => Boolean(values.enabled) } },
-  ],
-})
-defineExpose({ formApi })
-</script>
-
-<template>
-  <section>
-    <h2>Vben 5 表单</h2>
-    <Form />
-    <output aria-label="提交结果">{{ submitted }}</output>
-  </section>
-</template>

package/templates/vben-compatible/src/modules/vben.ts

@@ -1,17 +0,0 @@
-import { adaptVbenMenus } from '@lumal/vben-compat/v5/router'
-import '@lumal/vben-compat/style.css'
-
-// Vben authority 是角色；按钮权限继续由应用 PermissionStore 管理。
-export const menus = adaptVbenMenus([
-  { path: '/migration/form', name: 'VbenForm', component: 'migration/form', meta: { title: 'Vben 表单迁移', keepAlive: true } },
-  { path: '/migration/users', name: 'VbenUsers', component: 'migration/users', meta: { title: 'Vben 业务迁移', authority: ['admin'], keepAlive: true } },
-]).map((menu) => {
-  if (menu.component !== 'migration/users')
-    return menu
-  // 迁移页也可单独生成，资源权限不能依赖可选的 system 模块。
-  return { ...menu, meta: { ...menu.meta, permissionPrefix: 'system:user', resource: 'users' } }
-})
-export const views = {
-  'migration/form': () => import('../views/migration/VbenFormView.vue'),
-  'migration/users': () => import('../views/migration/VbenUsersView.vue'),
-}