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

package/templates/base/eslint.config.mjs

@@ -1,8 +0,0 @@
-import antfu from '@antfu/eslint-config'
-
-export default antfu({
-  vue: true,
-  ignores: ['dist/**', 'coverage/**'],
-  // 与 Lumal 仓库一致，保留 Composition API 功能分块注释。
-  rules: { 'style/spaced-comment': 'off' },
-})

package/templates/base/src/components/app/AppHeaderActions.vue

@@ -1,34 +0,0 @@
-<script setup lang="ts">
-import type { ResolvedThemeMode } from '@lumal/core/theme'
-import { LumalIcon } from '@lumal/icons-vue'
-import { ElButton } from 'element-plus'
-
-/***********************头部操作契约*********************/
-withDefaults(defineProps<{
-  resolvedThemeMode: ResolvedThemeMode
-  userName?: string
-}>(), {
-  userName: '管理员',
-})
-
-defineEmits<{
-  logout: []
-  openSettings: []
-  toggleTheme: []
-}>()
-</script>
-
-<template>
-  <div class="lumal-admin-header-actions">
-    <ElButton text :title="resolvedThemeMode === 'dark' ? '切换浅色模式' : '切换深色模式'" :aria-label="resolvedThemeMode === 'dark' ? '切换浅色模式' : '切换深色模式'" @click="$emit('toggleTheme')">
-      <LumalIcon :name="resolvedThemeMode === 'dark' ? 'lumal:sun' : 'lumal:moon'" />
-    </ElButton>
-    <ElButton text title="偏好设置" aria-label="偏好设置" @click="$emit('openSettings')">
-      <LumalIcon name="lumal:settings" />
-    </ElButton>
-    <span class="lumal-admin-header-actions__user">{{ userName }}</span>
-    <ElButton text aria-label="退出登录" @click="$emit('logout')">
-      退出
-    </ElButton>
-  </div>
-</template>

package/templates/base/src/router/index.ts

@@ -1,86 +0,0 @@
-import type { LumalLayoutTabItem } from '@lumal/core/layout'
-import type { LumalMenuInputRecord, SidebarMenuItem } from '@lumal/core/router'
-import type { RouteRecordRaw, RouterHistory } from 'vue-router'
-import { setupPermissionGuard } from '@lumal/core/permission'
-import { createMenuRouteRuntime } from '@lumal/core/router'
-import { shallowRef } from 'vue'
-import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'
-import { appConfig } from '../app.config'
-import { application, permissionStore } from '../services/session'
-import { viewComponents } from './views'
-
-/***********************路由初始化*********************/
-export const routeError = shallowRef('')
-export function createAdminRouter(history?: RouterHistory) {
-  const targetRouter = createRouter({
-    history: history ?? (appConfig.routerMode === 'history' ? createWebHistory(import.meta.env.BASE_URL) : createWebHashHistory(import.meta.env.BASE_URL)),
-    routes: [
-      { path: '/login', name: 'Login', component: () => import('../views/auth/LoginView.vue'), meta: { layout: 'public', requireLogin: false, title: '登录' } },
-      { path: '/', redirect: '/dashboard' },
-      { path: '/403', component: () => import('../views/error/ForbiddenView.vue'), meta: { title: '无权限' } },
-      { path: '/404', component: () => import('../views/error/NotFoundView.vue'), meta: { title: '页面不存在' } },
-      { path: '/:pathMatch(.*)*', name: 'CatchAll', component: () => import('../views/error/NotFoundView.vue') },
-    ],
-  })
-  const runtime = createMenuRouteRuntime({
-    router: {
-      addRoute: route => targetRouter.addRoute(route as RouteRecordRaw),
-      getRoutes: () => targetRouter.getRoutes(),
-      hasRoute: name => targetRouter.hasRoute(name),
-      removeRoute: name => targetRouter.removeRoute(name),
-    },
-    componentResolver: name => viewComponents[name],
-    hasPermission: values => permissionStore.hasPermission(values, 'every'),
-    hasRole: values => permissionStore.hasRole(values, 'some'),
-    loadRemoteMenus: async () => {
-      await application.initialize()
-      return application.menus.value as unknown as LumalMenuInputRecord[]
-    },
-  })
-  application.onReset((expired) => {
-    runtime.resetRemote()
-    if (expired && targetRouter.currentRoute.value.path !== '/login')
-      void targetRouter.replace({ path: '/login', query: { redirect: targetRouter.currentRoute.value.fullPath } })
-  })
-
-  targetRouter.beforeEach(async (to) => {
-    if (!application.isAuthenticated())
-      return to.path === '/login' ? true : { path: '/login', query: { redirect: to.fullPath } }
-    const rematch = !runtime.remoteLoaded
-    try {
-      await runtime.loadRemote()
-      routeError.value = ''
-    }
-    catch (reason) {
-      routeError.value = reason instanceof Error ? reason.message : '菜单加载失败'
-      application.reset()
-      return { path: '/login', query: { redirect: to.fullPath } }
-    }
-    if (to.path === '/login' || to.path === '/')
-      return runtime.firstAccessiblePath || '/403'
-    if (rematch)
-      return to.fullPath
-    return to.name === 'CatchAll' ? '/404' : true
-  })
-  setupPermissionGuard(targetRouter, permissionStore, {
-    isAuthenticated: application.isAuthenticated,
-    mode: 'every',
-    roleMode: 'some',
-    requireLoginByDefault: true,
-    noAccessRedirect: '/403',
-  })
-  return { router: targetRouter, runtime }
-}
-
-const { router, runtime } = createAdminRouter()
-export { router }
-export function createAdminSidebarMenus(): SidebarMenuItem[] {
-  // ready 使非响应式菜单运行时在退出和初始化完成后重新计算。
-  return application.ready.value ? runtime.sidebarMenus : []
-}
-export function createAdminTabs(): LumalLayoutTabItem[] {
-  return runtime.routes.filter(route => route.meta.affixTab === true
-    && permissionStore.hasPermission(route.meta.permissions, 'every')
-    && permissionStore.hasRole(route.meta.roles, 'some'))
-    .map(route => ({ path: route.path, title: route.meta.title, closable: false }))
-}

package/templates/base/src/router/views.ts

@@ -1,16 +0,0 @@
-import type { LumalMenuRecord } from '@lumal/core/router'
-
-export interface FeatureModule {
-  menus: LumalMenuRecord[]
-  views: Record<string, () => Promise<unknown>>
-}
-
-const modules = import.meta.glob<FeatureModule>('../modules/*.ts', { eager: true })
-export const localMenus: LumalMenuRecord[] = [
-  { path: '/dashboard', name: 'Dashboard', component: 'dashboard/index', meta: { title: '工作台', icon: 'app:dashboard', affixTab: true, keepAlive: true } },
-  ...Object.values(modules).flatMap(module => module.menus),
-]
-export const viewComponents: Record<string, () => Promise<unknown>> = {
-  'dashboard/index': () => import('../views/dashboard/DashboardView.vue'),
-  ...Object.assign({}, ...Object.values(modules).map(module => module.views)),
-}

package/templates/base/src/services/contracts.ts

@@ -1,29 +0,0 @@
-import type { AuthSessionData } from '@lumal/core/auth'
-import type { LumalMenuRecord } from '@lumal/core/router'
-
-export interface LoginInput { username: string, password: string }
-export interface CurrentUser { id: string, name: string, username: string }
-export interface AccessSnapshot { permissions: string[], roles: string[] }
-export type DataRow = Record<string, unknown>
-export interface ListInput { page: number, pageSize: number, query: DataRow }
-export interface PageResult { items: DataRow[], total: number }
-
-// 应用协议由 Local/HTTP 共同实现，后端包装和字段转换不进入 Core。
-export interface ApplicationService {
-  login: (input: LoginInput, signal: AbortSignal) => Promise<AuthSessionData>
-  getUser: (signal: AbortSignal) => Promise<CurrentUser>
-  getAccess: (signal: AbortSignal) => Promise<AccessSnapshot>
-  getMenus: (signal: AbortSignal) => Promise<LumalMenuRecord[]>
-  logout: (accessToken: string) => Promise<void>
-  clearCache: () => void
-  list: (resource: string, input: ListInput) => Promise<PageResult>
-  save: (resource: string, model: DataRow, id?: string) => Promise<unknown>
-  remove: (resource: string, id: string) => Promise<void>
-}
-
-export interface ServiceContext {
-  getSession: () => AuthSessionData | null
-  getSignal: () => AbortSignal
-  setSession: (value: AuthSessionData) => void
-  expire: () => Promise<void>
-}

package/templates/base/src/services/session-runtime.ts

@@ -1,137 +0,0 @@
-import type { LumalMenuRecord } from '@lumal/core/router'
-import type { ApplicationService, CurrentUser, LoginInput, ServiceContext } from './contracts'
-import { createAuthSession } from '@lumal/core/auth'
-import { createPermissionStore } from '@lumal/core/permission'
-import { readonly, shallowRef } from 'vue'
-
-export function createApplicationSession(
-  createService: (context: ServiceContext) => ApplicationService,
-  storage: Storage,
-  tabStorage?: Storage,
-) {
-  const permissionStore = createPermissionStore()
-  const user = shallowRef<CurrentUser | null>(null)
-  const menus = shallowRef<LumalMenuRecord[]>([])
-  const ready = shallowRef(false)
-  const error = shallowRef('')
-  const resetHandlers = new Set<(expired: boolean) => void>()
-  const tabStorageKey = 'lumal-admin:tabs'
-  let generation = 0
-  let controller = new AbortController()
-  let initializing: Promise<void> | undefined
-  const session = createAuthSession({ storage, tokenKey: 'lumal-admin:session' })
-  let service: ApplicationService
-
-  function reset(expired = false): void {
-    generation += 1
-    controller.abort()
-    controller = new AbortController()
-    initializing = undefined
-    ready.value = false
-    user.value = null
-    menus.value = []
-    permissionStore.clear()
-    session.clearToken()
-    service.clearCache()
-    tabStorage?.removeItem(tabStorageKey)
-    resetHandlers.forEach(handler => handler(expired))
-  }
-
-  service = createService({
-    getSession: session.getSession,
-    getSignal: () => controller.signal,
-    setSession: session.setSession,
-    expire: async () => reset(true),
-  })
-
-  /***********************会话初始化与隔离*********************/
-  function initialize(): Promise<void> {
-    if (ready.value || !session.isAuthenticated())
-      return Promise.resolve()
-    if (initializing)
-      return initializing
-    const version = generation
-    const signal = controller.signal
-    const pending = (async () => {
-      try {
-        const [nextUser, access, nextMenus] = await Promise.all([
-          service.getUser(signal),
-          service.getAccess(signal),
-          service.getMenus(signal),
-        ])
-        signal.throwIfAborted()
-        if (version !== generation)
-          throw new Error('会话已切换')
-        user.value = nextUser
-        permissionStore.setPermissions(access.permissions)
-        permissionStore.setRoles(access.roles)
-        menus.value = nextMenus
-        ready.value = true
-        error.value = ''
-      }
-      catch (reason) {
-        if (version === generation) {
-          reset()
-          error.value = reason instanceof Error ? reason.message : '会话初始化失败'
-        }
-        throw reason
-      }
-    })()
-    initializing = pending
-    void pending.finally(() => {
-      if (initializing === pending)
-        initializing = undefined
-    }).catch(() => {}) // 原始 Promise 仍向调用方传播异常，只消费 finally 分支。
-    return pending
-  }
-
-  async function login(input: LoginInput): Promise<void> {
-    reset()
-    const version = generation
-    const signal = controller.signal
-    error.value = ''
-    try {
-      const result = await service.login(input, signal)
-      signal.throwIfAborted()
-      if (version !== generation)
-        throw new Error('会话已切换')
-      session.setSession(result)
-      await initialize()
-    }
-    catch (reason) {
-      if (version === generation) {
-        reset()
-        error.value = reason instanceof Error ? reason.message : '登录失败'
-      }
-      throw reason
-    }
-  }
-
-  async function logout(): Promise<void> {
-    const token = session.getToken()
-    reset()
-    // 即使远端撤销失败，本地状态也已清理；错误交由界面反馈。
-    if (token)
-      await service.logout(token)
-  }
-
-  return {
-    currentUser: readonly(user),
-    error: readonly(error),
-    menus: readonly(menus),
-    ready: readonly(ready),
-    permissionStore,
-    session,
-    service,
-    tabStorageKey,
-    initialize,
-    isAuthenticated: session.isAuthenticated,
-    login,
-    logout,
-    reset,
-    onReset(handler: (expired: boolean) => void) {
-      resetHandlers.add(handler)
-      return () => resetHandlers.delete(handler)
-    },
-  }
-}

package/templates/base/src/views/error/ForbiddenView.vue

@@ -1,25 +0,0 @@
-<script setup lang="ts">
-import { LumalPage } from '@lumal/core/components'
-import { ElButton } from 'element-plus'
-import { useRouter } from 'vue-router'
-
-/***********************路由操作*********************/
-const router = useRouter()
-
-function handleBackDashboardClick(): void {
-  void router.push('/dashboard')
-}
-</script>
-
-<template>
-  <main class="lumal-admin-page">
-    <LumalPage
-      title="无权限"
-      description="当前账号没有访问该页面所需的权限。"
-    >
-      <ElButton type="primary" @click="handleBackDashboardClick">
-        返回工作台
-      </ElButton>
-    </LumalPage>
-  </main>
-</template>

package/templates/base/vitest.config.ts

@@ -1,3 +0,0 @@
-import { defineConfig } from 'vitest/config'
-
-export default defineConfig({ test: { environment: 'node' } })

package/templates/features/examples/src/modules/examples.ts

@@ -1,10 +0,0 @@
-import type { FeatureModule } from '../router/views'
-
-export const menus: FeatureModule['menus'] = [
-  { path: '/examples/form', name: 'SchemaFormExample', component: 'examples/form', meta: { title: 'Schema 表单', keepAlive: true } },
-  { path: '/examples/crud', name: 'CrudExample', component: 'examples/crud', meta: { title: 'CRUD 示例', keepAlive: true } },
-]
-export const views: FeatureModule['views'] = {
-  'examples/form': () => import('../views/examples/FormExampleView.vue'),
-  'examples/crud': () => import('../views/examples/CrudExampleView.vue'),
-}

package/templates/features/examples/src/views/examples/CrudExampleView.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import type { CrudDataSource, SchemaTableRow } from '@lumal/core/components'
-import { LumalCrudTable } from '@lumal/core/components'
-
-/***********************隔离的 CRUD 示例数据*********************/
-let rows: SchemaTableRow[] = [{ id: 'example', name: '示例记录', status: 'enabled' }]
-const columns = [{ field: 'name', label: '名称' }, { field: 'status', label: '状态' }]
-const dataSource: CrudDataSource = {
-  fetch: async ({ page, pageSize, query }) => {
-    const filtered = rows.filter(row => String(row.name).includes(String(query.keyword ?? '')))
-    return { items: filtered.slice((page - 1) * pageSize, page * pageSize), total: filtered.length }
-  },
-  create: async (model) => { rows = [...rows, { ...model, id: crypto.randomUUID() }] },
-  update: async (row, model) => { rows = rows.map(item => item.id === row.id ? { ...model, id: row.id } : item) },
-  remove: async (row) => { rows = rows.filter(item => item.id !== row.id) },
-}
-</script>
-
-<template>
-  <main class="lumal-admin-page">
-    <LumalCrudTable
-      title="CRUD 示例"
-      :data-source="dataSource"
-      :table="{ columns, rowKey: 'id', showColumnSettings: true, selection: true }"
-      :query="{ schemas: [{ field: 'keyword', label: '关键词', component: 'input' }] }"
-      :form-schemas="[{ field: 'name', label: '名称', component: 'input', required: true }, { field: 'status', label: '状态', component: 'select', options: [{ label: '启用', value: 'enabled' }, { label: '停用', value: 'disabled' }], defaultValue: 'enabled' }]"
-      :toolbar="{ export: true, refresh: true }"
-    />
-  </main>
-</template>

package/templates/features/system/src/business/system/entities.ts

@@ -1,93 +0,0 @@
-import type { SchemaFormItem, SchemaTableColumn } from '@lumal/core/components'
-import { localMenus } from '../../router/views'
-
-export interface EntityDefinition {
-  title: string
-  resource: string
-  permission: string
-  schemas: SchemaFormItem[]
-  columns: SchemaTableColumn[]
-  create?: boolean
-  remove?: boolean
-}
-const status: SchemaFormItem = {
-  field: 'status',
-  label: '状态',
-  component: 'select',
-  defaultValue: 'enabled',
-  options: [{ label: '启用', value: 'enabled' }, { label: '停用', value: 'disabled' }],
-}
-function input(field: string, label: string, required = true): SchemaFormItem {
-  return { field, label, required, component: 'input' }
-}
-function define(resource: string, permission: string, title: string, schemas: SchemaFormItem[]): EntityDefinition {
-  return {
-    title,
-    resource,
-    permission,
-    schemas,
-    columns: schemas.map(schema => ({
-      field: schema.field,
-      label: schema.label,
-      options: schema.component === 'select' && Array.isArray(schema.options) ? schema.options : undefined,
-    })),
-  }
-}
-
-// 保持应用侧字段契约；页面与 HTTP adapter 都不依赖演示应用源码。
-export const entities: EntityDefinition[] = [
-  define('users', 'system:user', '用户管理', [
-    { ...input('username', '用户名'), editDisabled: true },
-    input('nickname', '昵称'),
-    input('phone', '手机号', false),
-    input('organizationId', '机构 ID', false),
-    { field: 'roles', label: '角色', component: 'select', componentProps: { multiple: true }, defaultValue: ['guest'], options: [{ label: '管理员', value: 'admin' }, { label: '运营', value: 'operator' }, { label: '访客', value: 'guest' }] },
-    status,
-  ]),
-  define('roles', 'system:role', '角色管理', [
-    input('name', '角色名称'),
-    { ...input('code', '角色编码'), editDisabled: true },
-    input('description', '说明', false),
-    status,
-    {
-      field: 'permissions',
-      label: '授权权限',
-      component: 'checkbox',
-      defaultValue: [],
-      options: [...new Set(localMenus.flatMap((menu) => {
-        const prefix = String(menu.meta?.permissionPrefix ?? '')
-        return prefix ? ['list', 'view', 'create', 'update', 'delete', 'authorize'].map(action => `${prefix}:${action}`) : []
-      }))].map(value => ({ label: value, value })),
-    },
-  ]),
-  define('menus', 'system:menu', '菜单管理', [
-    input('title', '标题'),
-    input('path', '路径'),
-    input('name', '路由名'),
-    { ...input('component', '组件白名单键'), required: ({ model }) => model.type === 'menu', hidden: ({ model }) => model.type !== 'menu' },
-    input('parentId', '父节点 ID', false),
-    input('permission', '权限标识', false),
-    { field: 'type', label: '类型', component: 'select', defaultValue: 'menu', options: [{ label: '目录', value: 'directory' }, { label: '页面', value: 'menu' }, { label: '按钮', value: 'button' }] },
-    { field: 'order', label: '排序', component: 'number', defaultValue: 0 },
-    { field: 'hidden', label: '隐藏菜单', component: 'switch', defaultValue: false },
-  ]),
-  define('organizations', 'system:organization', '机构管理', [input('name', '机构名称'), input('code', '机构编码'), input('parentId', '父机构 ID', false), input('leader', '负责人', false), status]),
-  define('dictionaries/types', 'system:dict', '字典管理', [input('name', '字典名称'), input('code', '字典编码'), input('description', '说明', false), status]),
-  define('dictionaries/items', 'system:dict', '字典项管理', [
-    input('typeCode', '字典编码'),
-    input('label', '显示名称'),
-    input('value', '值'),
-    input('color', '颜色', false),
-    { field: 'order', label: '排序', component: 'number', defaultValue: 0 },
-    status,
-  ]),
-  {
-    ...define('config', 'system:config', '系统配置', [
-      { ...input('key', '配置键'), disabled: true },
-      input('value', '配置值'),
-      input('description', '说明', false),
-    ]),
-    create: false,
-    remove: false,
-  },
-]

package/templates/features/system/src/modules/system.ts

@@ -1,28 +0,0 @@
-import type { LumalMenuRecord } from '@lumal/core/router'
-import type { FeatureModule } from '../router/views'
-
-const definitions = [
-  ['users', 'user', '用户管理'],
-  ['roles', 'role', '角色管理'],
-  ['menus', 'menu', '菜单管理'],
-  ['organizations', 'organization', '机构管理'],
-  ['dictionaries/types', 'dict', '字典管理'],
-  ['dictionaries/items', 'dict', '字典项管理'],
-  ['config', 'config', '系统配置'],
-]
-export const menus: LumalMenuRecord[] = definitions.map(([resource, code, title]) => ({
-  component: `system/${resource}`,
-  name: `System-${resource!.replaceAll('/', '-')}`,
-  path: `/system/${resource}`,
-  meta: {
-    title,
-    resource,
-    permissionPrefix: `system:${code}`,
-    authority: [`system:${code}:${code === 'config' ? 'view' : 'list'}`],
-    keepAlive: true,
-  },
-}))
-export const views: FeatureModule['views'] = Object.fromEntries(definitions.map(([resource]) => [
-  `system/${resource}`,
-  () => import('../views/system/SystemEntityView.vue'),
-]))

package/templates/features/system/src/views/system/SystemEntityView.vue

@@ -1,85 +0,0 @@
-<script setup lang="ts">
-import type { CrudDataSource, SchemaFormItem, SchemaFormOption, SchemaTableRow } from '@lumal/core/components'
-import { LumalCrudTable } from '@lumal/core/components'
-import { ElAlert } from 'element-plus'
-import { computed, shallowRef, useTemplateRef, watch } from 'vue'
-import { useRoute } from 'vue-router'
-import { entities } from '../../business/system/entities'
-import { permissionStore, service } from '../../services/session'
-
-/***********************业务模块配置*********************/
-const route = useRoute()
-// RouterView 按路径缓存实例；离开页面后不能读取新路由并切换本实例的数据源。
-const entity = entities.find(item => `/system/${item.resource}` === route.path)
-if (!entity)
-  throw new Error('未注册的系统模块')
-const tableRef = useTemplateRef<InstanceType<typeof LumalCrudTable>>('tableRef')
-const can = (action: string) => permissionStore.hasPermission(`${entity.permission}:${action}`)
-const table = computed(() => ({ columns: entity.columns, showColumnSettings: true, rowKey: 'id', selection: true }))
-const actions = computed(() => ({ view: true, edit: can('update'), remove: entity.remove !== false && can('delete') }))
-const toolbar = computed(() => ({ create: entity.create !== false && can('create'), batchDelete: false, refresh: true, export: true }))
-const querySchemas = computed(() => [
-  { field: 'keyword', label: '关键词', component: 'input' as const },
-  ...(entity.resource === 'dictionaries/items' ? [{ field: 'typeCode', label: '字典编码', component: 'input' as const }] : []),
-])
-const operationError = shallowRef('')
-function handleOperationError(error: unknown): void {
-  operationError.value = error instanceof Error ? error.message : String(error)
-}
-
-/***********************业务引用数据*********************/
-const roleOptions = shallowRef<SchemaFormOption[]>()
-const schemas = computed<SchemaFormItem[]>(() => entity.schemas.map(schema =>
-  schema.field === 'roles' && roleOptions.value ? { ...schema, options: roleOptions.value } : schema))
-watch(() => entity.resource, async (resource, _previous, onCleanup) => {
-  let active = true
-  onCleanup(() => {
-    active = false
-  })
-  if (resource !== 'users' || !permissionStore.hasPermission('system:role:list'))
-    return
-  try {
-    const result = await service.list('roles', { page: 1, pageSize: 1000, query: {} })
-    if (active)
-      roleOptions.value = result.items.filter(row => row.status !== 'disabled').map(row => ({ label: String(row.name ?? row.code), value: String(row.code) }))
-  }
-  catch (error) {
-    // 引用数据失败应进入应用错误边界，不能把加载失败伪装成空角色。
-    if (active)
-      throw error
-  }
-}, { immediate: true })
-
-/***********************真实应用数据源*********************/
-function id(row: SchemaTableRow): string {
-  if (typeof row.id !== 'string' && typeof row.id !== 'number')
-    throw new Error('业务记录缺少主键 id')
-  return String(row.id)
-}
-const dataSource: CrudDataSource = {
-  fetch: input => service.list(entity.resource, input),
-  create: model => service.save(entity.resource, model),
-  update: (row, model) => service.save(entity.resource, model, id(row)),
-  remove: row => service.remove(entity.resource, id(row)),
-}
-defineExpose({ reload: () => tableRef.value?.reload() })
-</script>
-
-<template>
-  <main class="lumal-admin-page">
-    <ElAlert v-if="operationError" :title="operationError" type="error" role="alert" closable @close="operationError = ''" />
-    <LumalCrudTable
-      ref="tableRef"
-      :key="entity.resource"
-      :title="entity.title"
-      :table="table"
-      :form-schemas="schemas"
-      :data-source="dataSource"
-      :query="{ schemas: querySchemas, columns: 3 }"
-      :actions="actions"
-      :toolbar="toolbar"
-      :editor="{ type: 'dialog', columns: 2 }"
-      @operation-error="handleOperationError"
-    />
-  </main>
-</template>