create-lumal-admin 0.0.4-beta → 0.0.6-beta

package/templates/base/src/app/services/local-contracts.ts

@@ -0,0 +1,18 @@
+import type { BusinessRequest, CurrentUser, DataRow, HttpMethod } from './contracts';
+
+export interface LocalDatabase {
+  read: <T extends DataRow = DataRow>(resource: string, initial?: () => T[]) => T[];
+  write: <T extends DataRow>(resource: string, rows: T[]) => void;
+}
+export interface LocalBusinessContext {
+  db: LocalDatabase;
+  user: () => CurrentUser;
+  assertPermission: (code: string) => void;
+}
+export interface LocalHandler {
+  handles: (path: string) => boolean;
+  request: (method: HttpMethod, path: string, input: BusinessRequest) => Promise<unknown>;
+}
+export interface LocalModule {
+  createLocalHandler: (context: LocalBusinessContext) => LocalHandler;
+}

package/templates/base/src/app/services/preferences.ts

@@ -0,0 +1,41 @@
+import type { LumalPreferencesDefaults } from '@lumal/core/theme';
+import { createPreferencesStore } from '@lumal/core/theme';
+import { appConfig } from '../../app.config';
+
+export const adminPreferenceDefaults = {
+  app: { dynamicTitle: true, layout: 'sidebar-nav' },
+  breadcrumb: { enable: true, hideOnlyOne: false, showHome: true, showIcon: true },
+  header: { globalSearch: true },
+  shortcutKeys: { globalSearch: true },
+  sidebar: { width: 220 },
+  tabbar: {
+    cache: appConfig.preset !== 'minimal',
+    draggable: true,
+    enable: appConfig.preset !== 'minimal',
+    maxCount: 0,
+    middleClickToClose: true,
+    persist: true,
+    showIcon: true,
+    showMaximize: true,
+    showMore: true,
+    showRefresh: true,
+    styleType: 'chrome',
+    visitHistory: true,
+    wheelable: true,
+  },
+  theme: { fontSize: 14 },
+  transition: { enable: true, name: 'fade-side' },
+} satisfies LumalPreferencesDefaults;
+
+const preferencesStore = createPreferencesStore({
+  defaults: adminPreferenceDefaults,
+  storage: localStorage,
+  storageKey: 'lumal-admin:preferences',
+});
+
+export const adminPreferences = preferencesStore.state;
+export const adminResolvedThemeMode = preferencesStore.resolvedThemeMode;
+
+export function patchAdminPreferences(preferences: Parameters<typeof preferencesStore.patch>[0]): void {
+  preferencesStore.patch(preferences);
+}

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

@@ -0,0 +1,186 @@
+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 accessVersion = shallowRef(0);
+  const error = shallowRef('');
+  const resetHandlers = new Set<(expired: boolean) => void>();
+  const refreshHandlers = new Set<() => void | Promise<void>>();
+  const tabStorageKey = 'lumal-admin:tabs';
+  let generation = 0;
+  let controller = new AbortController();
+  let initializing: Promise<void> | undefined;
+  let refreshing: 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;
+    refreshing = undefined;
+    accessVersion.value += 1;
+    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);
+  }
+
+  function refreshAccess(): Promise<void> {
+    if (refreshing) return refreshing;
+    if (!session.isAuthenticated()) return Promise.reject(new Error('会话已失效，请重新登录'));
+    const version = generation;
+    const refreshController = new AbortController();
+    const signal = AbortSignal.any([controller.signal, refreshController.signal]);
+    const pending = (async () => {
+      const reads = [service.getUser(signal), service.getAccess(signal), service.getMenus(signal)] as const;
+      try {
+        const [nextUser, access, nextMenus] = await Promise.all(reads);
+        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;
+        await Promise.all([...refreshHandlers].map((handler) => handler()));
+        accessVersion.value += 1;
+        tabStorage?.removeItem(tabStorageKey);
+      } catch (reason) {
+        // 一个读取失败后取消其余请求并等待释放去重占位，立即重试不会撞上旧请求。
+        refreshController.abort(reason);
+        await Promise.allSettled(reads);
+        if (version === generation) {
+          // 重读失败时拒绝继续使用旧授权；保留 Token 以便显式重试。
+          permissionStore.clear();
+          menus.value = [];
+          ready.value = false;
+          tabStorage?.removeItem(tabStorageKey);
+          resetHandlers.forEach((handler) => handler(false));
+        }
+        throw reason;
+      }
+    })();
+    refreshing = pending;
+    void pending
+      .finally(() => {
+        if (refreshing === pending) refreshing = undefined;
+      })
+      .catch(() => {});
+    return pending;
+  }
+
+  return {
+    currentUser: readonly(user),
+    error: readonly(error),
+    menus: readonly(menus),
+    ready: readonly(ready),
+    accessVersion: readonly(accessVersion),
+    permissionStore,
+    session,
+    service,
+    tabStorageKey,
+    initialize,
+    isAuthenticated: session.isAuthenticated,
+    login,
+    logout,
+    reset,
+    refreshAccess,
+    onRefresh(handler: () => void | Promise<void>) {
+      refreshHandlers.add(handler);
+      return () => refreshHandlers.delete(handler);
+    },
+    onReset(handler: (expired: boolean) => void) {
+      resetHandlers.add(handler);
+      return () => resetHandlers.delete(handler);
+    },
+  };
+}

package/templates/base/src/app/services/session.ts

@@ -0,0 +1,14 @@
+import { createBackend } from './data-source';
+import { createApplicationSession } from './session-runtime';
+
+export const application = createApplicationSession(createBackend, localStorage, sessionStorage);
+export const {
+  currentUser,
+  initialize,
+  isAuthenticated,
+  login,
+  logout,
+  permissionStore,
+  service,
+  tabStorageKey: adminTabSnapshotStorageKey,
+} = application;

package/templates/base/src/app/stored-menus.ts

@@ -0,0 +1,72 @@
+import type { LumalMenuRecord } from '@lumal/core/router';
+import type { DataRow } from './services/contracts';
+import { assertHierarchy } from '../shared/tree';
+import { safeExternalUrl, stringArray, validateMenus } from './menu-policy';
+
+export function seedMenuRows(menus: LumalMenuRecord[], parentId = ''): DataRow[] {
+  return menus.flatMap((menu) => [
+    {
+      id: menu.name ?? menu.path,
+      parentId,
+      path: menu.path,
+      name: menu.name ?? menu.path,
+      type: menu.component ? 'menu' : 'directory',
+      title: String(menu.meta?.title ?? menu.name),
+      component: menu.component ?? '',
+      icon: menu.meta?.icon ?? '',
+      order: menu.meta?.order ?? 0,
+      hidden: menu.meta?.hideInMenu === true,
+      permissions: typeof menu.meta?.authority === 'string' ? [menu.meta.authority] : (menu.meta?.authority ?? []),
+      roles: typeof menu.meta?.roles === 'string' ? [menu.meta.roles] : (menu.meta?.roles ?? []),
+      keepAlive: menu.meta?.keepAlive !== false,
+      hideInTab: menu.meta?.hideInTab === true,
+      externalLink: '',
+    },
+    ...seedMenuRows(menu.children ?? [], menu.name ?? menu.path),
+  ]);
+}
+export function buildStoredMenus(rows: DataRow[], views: Record<string, () => Promise<unknown>>): LumalMenuRecord[] {
+  const items = rows.map((row): DataRow & { id: string; parentId: string } => ({
+    ...row,
+    id: String(row.id),
+    parentId: String(row.parentId ?? ''),
+  }));
+  assertHierarchy(items);
+  for (const row of items) {
+    const parent = items.find((item) => item.id === row.parentId);
+    if (parent && !['directory', 'menu'].includes(String(parent.type))) throw new Error('只有目录和菜单可以包含子节点');
+  }
+  function visit(parentId = ''): LumalMenuRecord[] {
+    return items
+      .filter((row) => row.parentId === parentId && row.type !== 'button')
+      .sort((a, b) => Number(a.order ?? 0) - Number(b.order ?? 0))
+      .map((row) => ({
+        path: String(row.path),
+        name: String(row.name),
+        component: ['directory', 'external'].includes(String(row.type)) ? undefined : String(row.component),
+        meta: {
+          title: String(row.title),
+          order: Number(row.order ?? 0),
+          icon: String(row.icon ?? ''),
+          hideInMenu: row.hidden === true,
+          keepAlive: row.keepAlive !== false,
+          hideInTab: row.hideInTab === true,
+          affixTab: row.path === '/dashboard',
+          authority: stringArray(row.permissions ?? []),
+          roles: stringArray(row.roles ?? []),
+          ...(row.type === 'external'
+            ? { externalLink: safeExternalUrl(row.externalLink), externalTarget: '_blank' }
+            : {}),
+          ...(row.type === 'embedded' ? { iframeSrc: safeExternalUrl(row.externalLink) } : {}),
+        },
+        children: visit(row.id),
+      }));
+  }
+  // 空目录允许先保存；隐藏该目录，直到存在可访问的页面。
+  const prune = (menus: LumalMenuRecord[]): LumalMenuRecord[] =>
+    menus.flatMap((menu) => {
+      const children = prune(menu.children ?? []);
+      return !menu.component && !menu.meta?.externalLink && !children.length ? [] : [{ ...menu, children }];
+    });
+  return validateMenus(prune(visit()), views);
+}

package/templates/base/src/app/views/SafeIframeView.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { safeExternalUrl } from '../menu-policy';
+
+/***********************独立 iframe 来源校验*********************/
+const route = useRoute();
+const src = computed(() => {
+  const value = safeExternalUrl(route.meta.iframeSrc);
+  const allowed = String(import.meta.env.VITE_IFRAME_ORIGINS ?? '')
+    .split(',')
+    .map((item) => item.trim());
+  if (!allowed.includes(new URL(value).origin)) throw new Error('iframe 来源未获授权');
+  return value;
+});
+</script>
+
+<template>
+  <iframe
+    class="app-iframe"
+    :src="src"
+    :title="String(route.meta.title ?? '内嵌页面')"
+    sandbox="allow-scripts allow-forms"
+    referrerpolicy="no-referrer"
+  />
+</template>
+
+<style scoped>
+.app-iframe {
+  width: 100%;
+  height: calc(100dvh - 160px);
+  border: 0;
+}
+</style>

package/templates/base/src/app/views/auth/LoginView.vue

@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import type { FormInstance } from 'element-plus';
+import { ElButton, ElForm, ElFormItem, ElInput } from 'element-plus';
+import { reactive, shallowRef, useTemplateRef } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { isInternalLocation } from '../../menu-policy';
+import { routeError } from '../../router';
+import { demoAccount } from '../../services/data-source';
+import { application, login } from '../../services/session';
+
+/***********************登录状态*********************/
+const route = useRoute();
+const router = useRouter();
+const formRef = useTemplateRef<FormInstance>('formRef');
+const loading = shallowRef(false);
+const errorMessage = shallowRef('');
+const form = reactive({ username: demoAccount?.username ?? '', password: demoAccount?.password ?? '' });
+
+/***********************登录提交*********************/
+function resolveRedirect(): string {
+  const redirect = Array.isArray(route.query.redirect) ? route.query.redirect[0] : route.query.redirect;
+  return redirect && isInternalLocation(redirect) && !redirect.startsWith('/login') ? redirect : '/dashboard';
+}
+
+async function handleSubmit(): Promise<void> {
+  if (loading.value) {
+    return;
+  }
+
+  loading.value = true;
+  errorMessage.value = '';
+
+  try {
+    const valid = await formRef.value?.validate();
+    if (valid === false) {
+      return;
+    }
+
+    await login(form);
+    await router.replace(resolveRedirect());
+  } catch (error) {
+    errorMessage.value = error instanceof Error ? error.message : '登录失败';
+  } finally {
+    loading.value = false;
+  }
+}
+</script>
+
+<template>
+  <main class="lumal-admin-login">
+    <section class="lumal-admin-login__panel">
+      <div class="lumal-admin-login__brand" aria-hidden="true">L</div>
+      <h1>Lumal Admin</h1>
+      <p>轻量后台基座</p>
+
+      <ElForm ref="formRef" :model="form" label-position="top" @submit.prevent="handleSubmit">
+        <ElFormItem label="用户名" prop="username" :rules="[{ required: true, message: '请输入用户名' }]">
+          <ElInput v-model="form.username" autocomplete="username" />
+        </ElFormItem>
+        <ElFormItem label="密码" prop="password" :rules="[{ required: true, message: '请输入密码' }]">
+          <ElInput v-model="form.password" type="password" show-password autocomplete="current-password" />
+        </ElFormItem>
+        <p v-if="errorMessage" class="lumal-admin-login__error" role="alert">
+          {{ errorMessage }}
+        </p>
+        <ElButton native-type="submit" type="primary" :loading="loading"> 登录 </ElButton>
+      </ElForm>
+
+      <p v-if="routeError || application.error.value" role="alert">
+        {{ routeError || application.error.value }}
+      </p>
+      <small v-if="demoAccount">本地演示账号：{{ demoAccount.username }} / {{ demoAccount.password }}</small>
+    </section>
+  </main>
+</template>

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

@@ -0,0 +1,20 @@
+<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/src/app/views/error/NotFoundView.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { LumalPage } from '@lumal/core/components';
+import { ElButton } from 'element-plus';
+import { useRouter } from 'vue-router';
+
+/***********************异常页导航*********************/
+const router = useRouter();
+</script>
+
+<template>
+  <main class="lumal-admin-page">
+    <LumalPage title="页面不存在" description="请检查地址，或返回工作台继续操作。">
+      <ElButton type="primary" @click="router.push('/dashboard')"> 返回工作台 </ElButton>
+    </LumalPage>
+  </main>
+</template>

package/templates/base/src/main.ts

@@ -0,0 +1,40 @@
+import type { IconDefinition } from '@lumal/icons';
+import { registerAuthorityDirectives } from '@lumal/core/directives';
+import { createLumalAdmin } from '@lumal/core/minimal';
+import App from './App.vue';
+import { router } from './app/router';
+import { permissionStore } from './app/services/access';
+import '@lumal/core/theme-chalk/index.scss';
+import '@lumal/core/style.css';
+import '@lumal/icons-vue/style.css';
+import 'element-plus/theme-chalk/el-alert.css';
+import 'element-plus/theme-chalk/dark/css-vars.css';
+import './styles.scss';
+
+/***********************本地图标定义*********************/
+const localIcons: IconDefinition[] = [
+  {
+    key: 'app:dashboard',
+    label: '控制台',
+    source: 'local-svg',
+    svgText:
+      '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M3 13h8V3H3v10Zm0 8h8v-6H3v6Zm10 0h8V11h-8v10Zm0-18v6h8V3h-8Z"/></svg>',
+  },
+];
+
+/***********************应用启动*********************/
+const framework = createLumalAdmin({
+  rootComponent: App,
+  router,
+  permissionStore,
+  icons: {
+    localSvg: localIcons,
+  },
+});
+
+registerAuthorityDirectives(framework.app, permissionStore);
+void framework.mount('#app').catch((error: unknown) => {
+  console.error('应用启动失败', error);
+  const element = document.getElementById('app');
+  if (element) element.textContent = '应用启动失败，请检查配置与控制台。';
+});

package/templates/base/src/modules/business/README.md

@@ -0,0 +1,33 @@
+# 业务模块
+
+在此目录新增 `orders/module.ts`，导出 `menus`、`views` 和可选 `permissions`。
+应用仅自动加载模块元数据，页面使用 `() => import('./OrderView.vue')`。
+业务类型与 API 放在同一模块内，不要向系统管理或 Core 添加业务依赖。
+
+```ts
+import type { AppModule } from '../../../app/module';
+
+export const menus: AppModule['menus'] = [
+  {
+    path: '/orders',
+    name: 'Orders',
+    component: 'business/orders',
+    meta: { title: '订单', authority: ['orders:list'] },
+  },
+];
+export const views: AppModule['views'] = {
+  'business/orders': () => import('./OrderView.vue'),
+};
+export const permissions: AppModule['permissions'] = [
+  { id: 'orders:list', label: '订单列表', permission: 'orders:list' },
+];
+```
+
+后端 `/menus` 必须返回此组件白名单键；HTTP 不会把本地路由悄悄融合到远端菜单中。
+本地开发的权限来自显式注册表，生产权限始终由后端检查。
+
+业务 API、输入/响应类型与页面放在 `orders/` 内，通过 `BusinessTransport` 发送请求。
+Local 模式可在同目录提供 `local.ts`，导出满足 `LocalModule` 的 `createLocalHandler`：
+`handles(path)` 仅匹配本模块端点，`request(method, path, input)` 实现开发行为。
+处理器通过上下文的 `db/user/assertPermission` 读写演示数据、确认身份和检查权限。
+路由元数据和 Local 处理器均自动发现，无需改写中心注册文件；HTTP 仍需真实后端实现同一端点。

package/templates/base/src/modules/dashboard/DashboardView.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { ElDescriptions, ElDescriptionsItem } from 'element-plus';
+import { currentUser, permissionStore } from '../../app/services/session';
+
+/***********************会话摘要*********************/
+const startedAt = new Date().toLocaleDateString();
+</script>
+
+<template>
+  <main class="lumal-admin-page">
+    <h1>工作台</h1>
+    <ElDescriptions :column="1" border>
+      <ElDescriptionsItem label="当前用户">
+        {{ currentUser?.name }}
+      </ElDescriptionsItem>
+      <ElDescriptionsItem label="角色">
+        {{ permissionStore.roles.join('、') }}
+      </ElDescriptionsItem>
+      <ElDescriptionsItem label="权限数">
+        {{ permissionStore.permissions.length }}
+      </ElDescriptionsItem>
+      <ElDescriptionsItem label="日期">
+        {{ startedAt }}
+      </ElDescriptionsItem>
+    </ElDescriptions>
+  </main>
+</template>

package/templates/base/src/modules/dashboard/module.ts

@@ -0,0 +1,14 @@
+import type { AppModule } from '../../app/module';
+
+export const menus: AppModule['menus'] = [
+  {
+    path: '/dashboard',
+    name: 'Dashboard',
+    component: 'dashboard/index',
+    meta: { title: '工作台', icon: 'app:dashboard', affixTab: true, keepAlive: true, order: 0 },
+  },
+];
+export const views: AppModule['views'] = {
+  'dashboard/index': () => import('./DashboardView.vue'),
+  'app/iframe': () => import('../../app/views/SafeIframeView.vue'),
+};

package/templates/base/src/shared/api.ts

@@ -0,0 +1,53 @@
+import type { SchemaFormModel } from '@lumal/core/components';
+import { object, stringArray } from '../app/menu-policy';
+
+export type Status = 'enabled' | 'disabled';
+export interface Option {
+  label: string;
+  value: string;
+  disabled?: boolean;
+  children?: Option[];
+}
+export interface Query {
+  keyword?: string;
+  status?: Status | '';
+}
+export interface PageInput<Q = Query> {
+  page: number;
+  pageSize: number;
+  query: Q;
+}
+export { object, stringArray };
+
+export function text(value: unknown, label: string, required = false): string {
+  if (value == null && !required) return '';
+  if (typeof value !== 'string' || (required && !value.trim()))
+    throw new Error(`${label}必须是${required ? '非空' : ''}字符串`);
+  return value.trim();
+}
+export function status(value: unknown): Status {
+  if (value !== 'enabled' && value !== 'disabled') throw new Error('状态仅支持 enabled / disabled');
+  return value;
+}
+export function integer(value: unknown): number {
+  if (typeof value !== 'number' || !Number.isSafeInteger(value) || value < 0) throw new Error('排序必须是非负整数');
+  return value;
+}
+export function rows<T>(value: unknown, parse: (item: unknown) => T): T[] {
+  if (!Array.isArray(value)) throw new Error('列表响应必须是数组');
+  return value.map(parse);
+}
+export function options(value: unknown): Option[] {
+  return rows(value, (item) => {
+    const raw = object(item);
+    return {
+      label: text(raw.label, '选项名称', true),
+      value: text(raw.value, '选项值', true),
+      disabled: raw.disabled === true,
+      children: raw.children === undefined ? undefined : options(raw.children),
+    };
+  });
+}
+export function formStatus(model: SchemaFormModel): Status {
+  return status(model.status ?? 'enabled');
+}