openxiangda-cli 2.0.0-alpha.67 → 2.0.0-alpha.69

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openxiangda-cli",
-  "version": "2.0.0-alpha.67",
+  "version": "2.0.0-alpha.69",
   "description": "Thin application-level CLI for OpenXiangda 2.0.",
   "type": "module",
   "main": "./dist/index.js",
@@ -23,9 +23,9 @@
   ],
   "dependencies": {
     "@oclif/core": "4.13.3",
-    "openxiangda-contracts": "2.0.0-alpha.31",
-    "openxiangda-devkit-core": "2.0.0-alpha.41",
-    "openxiangda-mcp": "2.0.0-alpha.41"
+    "openxiangda-contracts": "2.0.0-alpha.32",
+    "openxiangda-devkit-core": "2.0.0-alpha.42",
+    "openxiangda-mcp": "2.0.0-alpha.42"
   },
   "devDependencies": {
     "tsx": "4.23.12",

package/template/AGENTS.md

@@ -1,8 +1,13 @@
-# Application development rules
+# OpenXiangda 2.0 Application Agent Contract
 
-- Build normal application code directly; generated Skills and historical templates are not design authority.
-- Keep CRUD in the replaceable browser Data API adapter under `/service`.
-- Put only real transactional or integration actions in Nest under `/api`.
-- Read current-user role/capability unions from the platform. UI guards are presentation only; server authorization is authoritative.
-- Use the declared `reference` mapping for members, departments, and related resources; persist stable IDs, not display labels.
-- Run `openxiangda check` before delivery.
+- Use only the workspace-pinned CLI: `pnpm openxiangda <command>`. Never invoke a bare global `openxiangda` inside a 2.0 task.
+- Use Vite, React Router, Refine Core and Ant Design. Do not add Umi, ProComponents or another admin shell.
+- Declare each resource once in `openxiangda.config.ts`. Resource codes are lower kebab-case. The same declaration owns storage, Surface metadata, permissions and generated AI Schema.
+- Ordinary list/get/create/update/delete, filters, export and batch operations use the platform Native Data API. Do not create Function CRUD or NestJS wrappers.
+- Add NestJS only for a named business action that needs a cross-resource transaction, an invariant or an external side effect.
+- A NestJS backend declares only `enabled`, `isolation: 'shared' | 'dedicated'` and `resourceProfile: 'light' | 'standard'`. Never put raw Kubernetes resources, replicas, ports or environment maps in application metadata; the platform owns capacity and scaling.
+- Use the current logged-in user and the union of application roles. Do not select RoleSession, persist platform Token or implement a second authorization path.
+- Declare restricted field read, create and update permissions explicitly. There is no `write` fallback; generated update permission is denied unless explicitly granted.
+- Desktop and mobile pages share values, validation and authorization, but use separate renderers. Members, departments, resources and attachments use platform-owned selectors and stable IDs.
+- Do not add compatibility aliases, migration branches or silent fallbacks for an earlier 2.0 alpha contract. Replace an incorrect contract and regenerate the application.
+- Run `pnpm openxiangda check` after contract changes. Deploy with `pnpm openxiangda deploy`, inspect with `pnpm openxiangda status` and `pnpm openxiangda logs`, and use the platform rollback command rather than mutating K3s directly.

package/template/README.md

@@ -3,10 +3,10 @@
 这是干净的资源 CRUD 模板：Vite + React Router + Refine Core + Ant Design 前端、NestJS 平台启动层，以及平台 Data/AuthZ 声明。
 
 ```bash
-openxiangda login --base-url https://platform.example.com
-openxiangda create visitor-reservations
+pnpm dlx openxiangda-cli@latest login --base-url https://platform.example.com
+pnpm dlx openxiangda-cli@latest create visitor-reservations
 cd visitor-reservations
-openxiangda dev
+pnpm openxiangda dev
 ```
 
 在 `platform/data` 中声明 `DataResource` 和字段即可生成标准后台列表、筛选、表单、详情、审计、文件上传和独立移动端页面。成员、部门和资源关系分别使用 `reference: { kind: 'directory-user' }`、`directory-department`、`resource`，只保存稳定 ID，不复制目录数据。
@@ -16,10 +16,10 @@ openxiangda dev
 前端读取平台 current-user 的角色/能力并集进行展示保护，服务端始终权威。字段策略区分 create/update；无权字段在提交前从 payload 删除。
 
 ```bash
-openxiangda check
-openxiangda deploy
-openxiangda status
-openxiangda logs
+pnpm openxiangda check
+pnpm openxiangda deploy
+pnpm openxiangda status
+pnpm openxiangda logs
 ```
 
 `deploy` 使用本模板的 `apps/server/Dockerfile` 自动构建并推送 `linux/amd64` 镜像，再把不可变 digest 写入 AppPackage。纯 CRUD 应用可以保持 backend disabled；复杂事务再启用 Nest。

package/template/apps/server/package.json

@@ -15,7 +15,7 @@
     "@nestjs/common": "11.1.29",
     "@nestjs/core": "11.1.29",
     "@nestjs/platform-fastify": "11.1.29",
-    "openxiangda-nest": "2.0.0-alpha.37",
+    "openxiangda-nest": "2.0.0-alpha.38",
     "reflect-metadata": "0.2.2",
     "rxjs": "7.8.2"
   },

package/template/apps/web/e2e/resources.spec.ts

@@ -17,4 +17,15 @@ test('clean scaffold renders the shared shell without business fixtures', async
   await page.goto('/view/clean-app/');
   await expect(page.getByText('还没有声明数据资源')).toBeVisible();
   await expect(page.getByText('仪器' + '资源管理')).toHaveCount(0);
+  await expect(page.locator('.oxa-topbar')).toHaveCSS('height', '52px');
+
+  await page.locator('.oxa-current-user').click();
+  await expect(page.getByText('跟随系统', { exact: true })).toBeVisible();
+  await page.getByText('深色', { exact: true }).click();
+  await expect(page.locator('html')).toHaveAttribute('data-oxa-theme', 'dark');
+  await expect
+    .poll(() => page.evaluate(() => localStorage.getItem('openxiangda.admin.appearance')))
+    .toBe('dark');
+  await page.reload();
+  await expect(page.locator('html')).toHaveAttribute('data-oxa-theme', 'dark');
 });

package/template/apps/web/package.json

@@ -16,7 +16,7 @@
     "antd": "6.4.3",
     "dayjs": "1.11.18",
     "docx-preview": "0.3.7",
-    "openxiangda-contracts": "2.0.0-alpha.31",
+    "openxiangda-contracts": "2.0.0-alpha.32",
     "react": "19.2.8",
     "react-dom": "19.2.8",
     "react-router-dom": "7.8.2",

package/template/apps/web/scripts/check.mjs

@@ -6,26 +6,31 @@ const files = [];
 function visit(directory) {
   for (const entry of readdirSync(directory, { withFileTypes: true })) {
     const path = join(directory, entry.name);
-    if (
-      entry.isDirectory() &&
-      !['.umi', '.umi-production', '.turbopack'].includes(entry.name)
-    )
-      visit(path);
+    if (entry.isDirectory() && !['.umi', '.umi-production', '.turbopack'].includes(entry.name)) visit(path);
     else if (/\.(?:ts|tsx)$/.test(entry.name)) files.push(path);
   }
 }
 visit(join(root, 'src'));
-const lines = files.reduce(
-  (total, file) => total + readFileSync(file, 'utf8').split(/\r?\n/).length,
-  0
-);
+const lines = files.reduce((total, file) => total + readFileSync(file, 'utf8').split(/\r?\n/).length, 0);
 // The shared Surface renderer is deliberately counted as application source;
 // keep its small budget explicit instead of hiding it in generated output.
 if (files.length > 20) throw new Error(`WEB_SOURCE_FILE_BUDGET_EXCEEDED:${files.length}>20`);
-// Mobile shells, Surface filters, and generated resource CRUD are shared application infrastructure.
-if (lines > 5_600) throw new Error(`WEB_BUSINESS_LOC_BUDGET_EXCEEDED:${lines}>5600`);
-const source = files.map(file => readFileSync(file, 'utf8')).join('\n');
-for (const marker of ['@umijs/', 'openxiangda-' + 'admin', 'openxiangda-' + 'user', 'instrument_query', 'instrument_save', 'function.invoke', 'role' + '-session', 'college-' + 'am', 'user-' + 'wang', 'dept-' + 'am-test']) {
+// Mobile shells, Surface filters, generated resource CRUD, atomic batch actions,
+// and import preview are shared application infrastructure.
+if (lines > 6_000) throw new Error(`WEB_BUSINESS_LOC_BUDGET_EXCEEDED:${lines}>6000`);
+const source = files.map((file) => readFileSync(file, 'utf8')).join('\n');
+for (const marker of [
+  '@umijs/',
+  'openxiangda-' + 'admin',
+  'openxiangda-' + 'user',
+  'instrument_query',
+  'instrument_save',
+  'function.invoke',
+  'role' + '-session',
+  'college-' + 'am',
+  'user-' + 'wang',
+  'dept-' + 'am-test',
+]) {
   if (source.includes(marker)) throw new Error(`WEB_FORBIDDEN_MARKER:${marker}`);
 }
 const playwright = readFileSync(join(root, 'playwright.config.ts'), 'utf8');

package/template/apps/web/src/FilePreviewPage.tsx

@@ -58,7 +58,7 @@ function DocxDocument({ blob }: { blob: Blob }) {
     };
   }, [blob]);
   if (error) {
-    return <Alert message="Word 文档解析失败" description={error} type="error" showIcon />;
+    return <Alert title="Word 文档解析失败" description={error} type="error" showIcon />;
   }
   return (
     <div className="oxa-docx-preview">
@@ -115,7 +115,7 @@ function SpreadsheetDocument({ blob }: { blob: Blob }) {
   }, [blob]);
   const rows = sheets[sheetName] || [];
   if (error) {
-    return <Alert message="Excel 文件解析失败" description={error} type="error" showIcon />;
+    return <Alert title="Excel 文件解析失败" description={error} type="error" showIcon />;
   }
   const sheetNames = Object.keys(sheets);
   if (!sheetNames.length) return <Spin description="正在解析 Excel 文件" />;
@@ -151,7 +151,7 @@ function SpreadsheetDocument({ blob }: { blob: Blob }) {
         rows.some(row => row.length >= MAX_SPREADSHEET_COLUMNS)) && (
         <Alert
           banner
-          message={`为保证浏览器稳定，仅展示前 ${MAX_SPREADSHEET_ROWS} 行、${MAX_SPREADSHEET_COLUMNS} 列`}
+          title={`为保证浏览器稳定，仅展示前 ${MAX_SPREADSHEET_ROWS} 行、${MAX_SPREADSHEET_COLUMNS} 列`}
           type="warning"
         />
       )}

package/template/apps/web/src/Shell.tsx

@@ -1,68 +1,358 @@
-import { AppstoreOutlined, DatabaseOutlined, LeftOutlined, MenuUnfoldOutlined, SettingOutlined } from '@ant-design/icons';
-import { Avatar, Breadcrumb, Button, Empty, Layout, Menu, Space, Typography, type MenuProps } from 'antd';
+import {
+  AppstoreOutlined,
+  DatabaseOutlined,
+  DownOutlined,
+  LeftOutlined,
+  LogoutOutlined,
+  MenuUnfoldOutlined,
+  SettingOutlined,
+} from '@ant-design/icons';
+import {
+  App,
+  Avatar,
+  Breadcrumb,
+  Button,
+  Dropdown,
+  Empty,
+  Layout,
+  Menu,
+  Segmented,
+  Tabs,
+  Typography,
+  type MenuProps,
+} from 'antd';
 import type { ReactNode } from 'react';
 import { useEffect, useMemo, useState } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { resourceDefinitions } from '../../../packages/contracts/src/generated.js';
-import { resolveDirectory } from './platform-client';
+import { useAppearance, type AppearancePreference } from './appearance';
+import { logoutCurrentUser, resolveDirectory } from './platform-client';
 import { useRuntime } from './runtime';
 
 const { Content, Header, Sider } = Layout;
-type Definition = { code: string; name: string; capabilities: { read: string }; surface: { generated?: boolean } };
+const HISTORY_STORAGE_KEY = 'openxiangda.admin.route-history';
+const MAX_HISTORY_ITEMS = 8;
+
+type Definition = {
+  code: string;
+  name: string;
+  capabilities: { read: string };
+  surface: { generated?: boolean };
+};
+type HistoryItem = { path: string; label: string };
+
 const definitions = resourceDefinitions as unknown as Record<string, Definition>;
 
 function currentDefinition(pathname: string) {
-  return Object.values(definitions).find(definition => pathname === `/${definition.code}` || pathname.startsWith(`/${definition.code}/`) || pathname === `/m/${definition.code}` || pathname.startsWith(`/m/${definition.code}/`));
+  return Object.values(definitions).find(
+    definition =>
+      pathname === `/${definition.code}` ||
+      pathname.startsWith(`/${definition.code}/`) ||
+      pathname === `/m/${definition.code}` ||
+      pathname.startsWith(`/m/${definition.code}/`),
+  );
+}
+
+function routeLabel(pathname: string, definition?: Definition) {
+  if (!definition) return '应用首页';
+  if (pathname.endsWith('/new')) return `新增${definition.name}`;
+  if (pathname.endsWith('/edit')) return `编辑${definition.name}`;
+  if (pathname === `/${definition.code}`) return definition.name;
+  return `${definition.name}详情`;
+}
+
+function readHistory(): HistoryItem[] {
+  try {
+    const parsed = JSON.parse(
+      window.sessionStorage.getItem(HISTORY_STORAGE_KEY) || '[]',
+    );
+    if (!Array.isArray(parsed)) return [];
+    return parsed
+      .filter(
+        item =>
+          item &&
+          typeof item.path === 'string' &&
+          typeof item.label === 'string',
+      )
+      .slice(-MAX_HISTORY_ITEMS);
+  } catch {
+    return [];
+  }
+}
+
+function storeHistory(items: HistoryItem[]) {
+  try {
+    window.sessionStorage.setItem(HISTORY_STORAGE_KEY, JSON.stringify(items));
+  } catch {
+    // Route history is a convenience only; navigation remains authoritative.
+  }
 }
 
 export function Shell({ children }: { children: ReactNode }) {
   const { identity, hasCapability } = useRuntime();
+  const { effectiveAppearance, preference, setPreference } = useAppearance();
+  const { message } = App.useApp();
   const location = useLocation();
   const navigate = useNavigate();
   const [collapsed, setCollapsed] = useState(false);
-  const [user, setUser] = useState({ label: '当前用户', description: '平台用户' });
+  const [loggingOut, setLoggingOut] = useState(false);
+  const [history, setHistory] = useState<HistoryItem[]>(readHistory);
+  const [user, setUser] = useState({
+    label: '当前用户',
+    description: '平台用户',
+  });
   const definition = currentDefinition(location.pathname);
+  const currentLabel = routeLabel(location.pathname, definition);
+  const accessibleDefinitions = useMemo(
+    () =>
+      Object.values(definitions).filter(
+        item =>
+          item.surface.generated !== false &&
+          hasCapability(item.capabilities.read),
+      ),
+    [hasCapability],
+  );
+  const homePath = accessibleDefinitions[0]
+    ? `/${accessibleDefinitions[0].code}`
+    : '/';
+
   useEffect(() => {
     let active = true;
-    void resolveDirectory('user', [identity.userId]).then(page => {
-      const entry = page.items[0];
-      if (active && entry) setUser({ label: entry.label || '当前用户', description: entry.description || '平台用户' });
-    }).catch(() => undefined);
-    return () => { active = false; };
+    void resolveDirectory('user', [identity.userId])
+      .then(page => {
+        const entry = page.items[0];
+        if (active && entry) {
+          setUser({
+            label: entry.label || '当前用户',
+            description: entry.description || '平台用户',
+          });
+        }
+      })
+      .catch(() => undefined);
+    return () => {
+      active = false;
+    };
   }, [identity.userId]);
-  const menuItems = useMemo<MenuProps['items']>(() => [
-    { key: 'overview', icon: <AppstoreOutlined />, label: '总览', children: [{ key: 'home', label: '首页' }] },
-    {
-      key: 'resources',
-      icon: <DatabaseOutlined />,
-      label: '数据管理',
-      children: Object.values(definitions)
-        .filter(item => item.surface.generated !== false && hasCapability(item.capabilities.read))
-        .map(item => ({ key: `/${item.code}`, icon: <DatabaseOutlined />, label: item.name })),
+
+  useEffect(() => {
+    if (!definition || location.pathname.startsWith('/m/')) return;
+    setHistory(current => {
+      const next = [
+        ...current.filter(item => item.path !== location.pathname),
+        { path: location.pathname, label: currentLabel },
+      ].slice(-MAX_HISTORY_ITEMS);
+      storeHistory(next);
+      return next;
+    });
+  }, [currentLabel, definition, location.pathname]);
+
+  const menuItems = useMemo<MenuProps['items']>(
+    () => [
+      {
+        key: 'overview',
+        icon: <AppstoreOutlined />,
+        label: '总览',
+        children: [{ key: 'home', label: '首页' }],
+      },
+      {
+        key: 'resources',
+        icon: <DatabaseOutlined />,
+        label: '数据管理',
+        children: accessibleDefinitions.map(item => ({
+          key: `/${item.code}`,
+          icon: <DatabaseOutlined />,
+          label: item.name,
+        })),
+      },
+      {
+        key: 'settings',
+        icon: <SettingOutlined />,
+        label: '系统设置',
+        children: [
+          { key: 'settings-disabled', label: '应用设置', disabled: true },
+        ],
+      },
+    ],
+    [accessibleDefinitions],
+  );
+
+  const closeHistory = (targetPath: string) => {
+    const targetIndex = history.findIndex(item => item.path === targetPath);
+    const remaining = history.filter(item => item.path !== targetPath);
+    storeHistory(remaining);
+    setHistory(remaining);
+    if (targetPath !== location.pathname) return;
+    const fallback =
+      remaining[Math.min(Math.max(targetIndex, 0), remaining.length - 1)] ||
+      remaining.at(-1);
+    navigate(fallback?.path || homePath);
+  };
+
+  const handleLogout = async () => {
+    setLoggingOut(true);
+    try {
+      await logoutCurrentUser();
+      window.location.assign('/login');
+    } catch (error) {
+      message.error(error instanceof Error ? error.message : '退出登录失败');
+      setLoggingOut(false);
+    }
+  };
+
+  const userMenu: MenuProps = {
+    items: [
+      { type: 'divider' },
+      {
+        danger: true,
+        icon: <LogoutOutlined />,
+        key: 'logout',
+        label: loggingOut ? '正在退出…' : '退出登录',
+      },
+    ],
+    onClick: ({ key }) => {
+      if (key === 'logout' && !loggingOut) void handleLogout();
     },
-    { key: 'settings', icon: <SettingOutlined />, label: '系统设置', children: [{ key: 'settings-disabled', label: '应用设置', disabled: true }] },
-  ], [hasCapability]);
+  };
+
   return (
     <Layout className="oxa-app-layout">
-      <Sider className="oxa-sider" collapsed={collapsed} collapsedWidth={76} collapsible onBreakpoint={setCollapsed} theme="light" trigger={null} width={240}>
-        <div className="oxa-brand"><div aria-hidden className="oxa-brand-mark"><span /></div>{!collapsed && <div className="oxa-brand-copy"><strong>OpenXiangda 应用</strong><span>标准资源管理工作台</span></div>}</div>
-        <Menu className="oxa-menu" defaultOpenKeys={['overview', 'resources', 'settings']} inlineCollapsed={collapsed} items={menuItems} mode="inline" onClick={({ key }) => {
-          if (key === 'home') navigate(Object.keys(definitions)[0] ? `/${Object.keys(definitions)[0]}` : '/');
-          else if (typeof key === 'string' && key.startsWith('/')) navigate(key);
-        }} selectedKeys={definition ? [`/${definition.code}`] : []} />
-        <div className="oxa-sider-footer"><Button aria-label={collapsed ? '展开侧边栏' : '收起侧边栏'} block icon={collapsed ? <MenuUnfoldOutlined /> : <LeftOutlined />} onClick={() => setCollapsed(value => !value)} type="text">{!collapsed && '收起侧边栏'}</Button></div>
+      <Sider
+        className="oxa-sider"
+        collapsed={collapsed}
+        collapsedWidth={64}
+        collapsible
+        onBreakpoint={setCollapsed}
+        theme={effectiveAppearance}
+        trigger={null}
+        width={228}
+      >
+        <div className="oxa-brand">
+          <div aria-hidden className="oxa-brand-mark">
+            <span />
+          </div>
+          {!collapsed && (
+            <div className="oxa-brand-copy">
+              <strong>OpenXiangda 应用</strong>
+              <span>标准资源管理工作台</span>
+            </div>
+          )}
+        </div>
+        <Menu
+          className="oxa-menu"
+          defaultOpenKeys={['overview', 'resources', 'settings']}
+          inlineCollapsed={collapsed}
+          items={menuItems}
+          mode="inline"
+          onClick={({ key }) => {
+            if (key === 'home') navigate(homePath);
+            else if (typeof key === 'string' && key.startsWith('/')) navigate(key);
+          }}
+          selectedKeys={definition ? [`/${definition.code}`] : []}
+          theme={effectiveAppearance}
+        />
+        <div className="oxa-sider-footer">
+          <Button
+            aria-label={collapsed ? '展开侧边栏' : '收起侧边栏'}
+            block
+            icon={collapsed ? <MenuUnfoldOutlined /> : <LeftOutlined />}
+            onClick={() => setCollapsed(value => !value)}
+            type="text"
+          >
+            {!collapsed && '收起侧边栏'}
+          </Button>
+        </div>
       </Sider>
       <Layout className="oxa-workspace">
         <Header className="oxa-topbar">
-          <div className="oxa-topbar-page"><Breadcrumb items={[{ title: '首页' }, ...(definition ? [{ title: definition.name }] : [])]} /><Typography.Title level={3}>{definition?.name || '应用首页'}</Typography.Title></div>
-          <Space className="oxa-current-user" size={12}><Avatar className="oxa-current-user-avatar" size={42}>{user.label.slice(0, 1)}</Avatar><div className="oxa-current-user-copy"><strong>{user.label}</strong><span>{user.description}</span></div></Space>
+          <Breadcrumb
+            items={[
+              { title: '首页', onClick: () => navigate(homePath) },
+              ...(definition ? [{ title: currentLabel }] : []),
+            ]}
+          />
+          <Dropdown
+            menu={userMenu}
+            popupRender={menus => (
+              <div className="oxa-user-dropdown">
+                <div className="oxa-user-dropdown-profile">
+                  <Avatar className="oxa-current-user-avatar" size={40}>
+                    {user.label.slice(0, 1)}
+                  </Avatar>
+                  <div>
+                    <strong>{user.label}</strong>
+                    <span>{user.description}</span>
+                    <small>{identity.userId}</small>
+                  </div>
+                </div>
+                <div className="oxa-user-dropdown-roles">
+                  <span>当前角色</span>
+                  <Typography.Text ellipsis>
+                    {identity.isAppSuperAdmin
+                      ? '应用管理员'
+                      : identity.roleCodes.join('、') || '普通成员'}
+                  </Typography.Text>
+                </div>
+                <div className="oxa-user-dropdown-theme">
+                  <span>外观</span>
+                  <Segmented
+                    block
+                    onChange={value =>
+                      setPreference(value as AppearancePreference)
+                    }
+                    options={[
+                      { label: '跟随系统', value: 'system' },
+                      { label: '浅色', value: 'light' },
+                      { label: '深色', value: 'dark' },
+                    ]}
+                    size="small"
+                    value={preference}
+                  />
+                </div>
+                {menus}
+              </div>
+            )}
+            trigger={['hover', 'click']}
+          >
+            <button className="oxa-current-user" type="button">
+              <Avatar className="oxa-current-user-avatar" size={30}>
+                {user.label.slice(0, 1)}
+              </Avatar>
+              <strong>{user.label}</strong>
+              <DownOutlined className="oxa-current-user-chevron" />
+            </button>
+          </Dropdown>
         </Header>
-        <Content className="oxa-content"><main className="oxa-main">{children}</main></Content>
+        {history.length > 0 && (
+          <nav aria-label="页面访问历史" className="oxa-route-history">
+            <Tabs
+              activeKey={location.pathname}
+              hideAdd
+              items={history.map(item => ({
+                closable: history.length > 1,
+                key: item.path,
+                label: item.label,
+              }))}
+              onChange={navigate}
+              onEdit={(target, action) => {
+                if (action === 'remove') closeHistory(String(target));
+              }}
+              size="small"
+              type="editable-card"
+            />
+          </nav>
+        )}
+        <Content className="oxa-content">
+          <main className="oxa-main">{children}</main>
+        </Content>
       </Layout>
     </Layout>
   );
 }
 
 export function EmptyApplicationPage() {
-  return <Shell><Empty description="还没有声明数据资源；请在 platform/data 中添加 DataResource" /></Shell>;
+  return (
+    <Shell>
+      <Empty description="还没有声明数据资源；请在 platform/data 中添加 DataResource" />
+    </Shell>
+  );
 }