openxiangda 1.0.69 → 1.0.71

package/templates/openxiangda-react-spa/src/pages/admin/AdminDashboardPage.tsx

@@ -1,193 +1,27 @@
-import {
-  ArrowRight,
-  BarChart3,
-  ClipboardList,
-  Database,
-  FileText,
-  Inbox,
-  Sparkles,
-  Workflow,
-} from "lucide-react";
-import { useMemo } from "react";
-import { useParams } from "react-router-dom";
+import { Home } from "lucide-react";
 
-import {
-  dataPath,
-  formPath,
-  processPath,
-  viewPath,
-} from "@/app/navigation";
-import {
-  dashboardHero,
-  dashboardMetrics,
-  quickActions,
-  recentActivities,
-  taskItems,
-  trendOverview,
-} from "@/app/starter-content";
-import { runtimeDefaultRoutes } from "@/runtime/default-routes";
-import {
-  ListItem,
-  MetricCard,
-  PageHeader,
-  Panel,
-  PrimaryButton,
-  SecondaryButton,
-  StatusPill,
-  TrendBars,
-} from "@/shared/ui";
-
-const metricIcons = [Inbox, FileText, Database, BarChart3];
+import { PageHeader, Panel, StatusPill } from "@/shared/ui";
 
 export function AdminDashboardPage() {
-  const { appType = "" } = useParams();
-  const actionPaths = useActionPaths(appType);
-
   return (
     <div className="min-w-0 space-y-5">
       <PageHeader
-        actions={
-          <>
-            <SecondaryButton onClick={() => window.location.assign(actionPaths.data)}>
-              <Database size={17} />
-              查看数据
-            </SecondaryButton>
-            <PrimaryButton onClick={() => window.location.assign(actionPaths.form)}>
-              <FileText size={17} />
-              发起申请
-            </PrimaryButton>
-          </>
-        }
-        description={dashboardHero.description}
-        meta={
-          <>
-            <StatusPill tone="blue">业务办理</StatusPill>
-            <StatusPill tone="emerald">数据可查</StatusPill>
-            <StatusPill tone="amber">待办提醒</StatusPill>
-          </>
-        }
-        title={dashboardHero.title}
+        description="这是应用默认首页。你可以在这里接入真实业务模块、数据看板或常用操作。"
+        meta={<StatusPill tone="blue">默认首页</StatusPill>}
+        title="首页"
       />
 
-      <section className="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
-        {dashboardMetrics.map((metric, index) => (
-          <MetricCard
-            caption={metric.caption}
-            icon={metricIcons[index]}
-            key={metric.label}
-            label={metric.label}
-            tone={metric.tone}
-            value={metric.value}
-          />
-        ))}
-      </section>
-
-      <section className="grid gap-5 xl:grid-cols-[minmax(0,1.35fr)_minmax(320px,0.65fr)]">
-        <Panel
-          action={<StatusPill tone="emerald">持续更新</StatusPill>}
-          description={trendOverview.description}
-          title={trendOverview.title}
-        >
-          <div className="grid gap-5 lg:grid-cols-[minmax(0,1fr)_240px]">
-            <TrendBars values={trendOverview.values} tone="blue" />
-            <div className="grid gap-3">
-              {trendOverview.summary.map(item => (
-                <div
-                  className="rounded-2xl bg-slate-50 px-4 py-3 ring-1 ring-slate-200/70"
-                  key={item.label}
-                >
-                  <div className="text-xs text-slate-500">{item.label}</div>
-                  <div className="mt-1 text-lg font-semibold text-slate-950">{item.value}</div>
-                </div>
-              ))}
-            </div>
-          </div>
-        </Panel>
-
-        <Panel title="快捷入口" description="把高频业务放在这里，减少用户查找成本。">
-          <div className="space-y-3">
-            {quickActions.map(action => (
-              <button
-                className="block w-full text-left"
-                key={action.label}
-                onClick={() => window.location.assign(actionPaths[action.type])}
-                type="button"
-              >
-                <ListItem
-                  icon={resolveActionIcon(action.type)}
-                  tone={action.tone}
-                >
-                  <div className="flex items-center justify-between gap-3">
-                    <div className="min-w-0">
-                      <div className="truncate text-sm font-semibold text-slate-950">{action.label}</div>
-                      <div className="mt-1 truncate text-xs text-slate-500">{action.desc}</div>
-                    </div>
-                    <ArrowRight className="shrink-0 text-slate-400" size={17} />
-                  </div>
-                </ListItem>
-              </button>
-            ))}
-          </div>
-        </Panel>
-      </section>
-
-      <section className="grid gap-5 xl:grid-cols-[minmax(0,1fr)_360px]">
-        <Panel title="待办事项" description="优先处理即将到期和影响业务推进的事项。">
-          <div className="space-y-3">
-            {taskItems.map(item => (
-              <ListItem
-                icon={<ClipboardList size={17} />}
-                key={item.title}
-                tone={item.priority === "high" ? "rose" : item.priority === "medium" ? "amber" : "blue"}
-              >
-                <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
-                  <div className="min-w-0">
-                    <div className="truncate text-sm font-semibold text-slate-950">{item.title}</div>
-                    <div className="mt-1 text-xs text-slate-500">
-                      {item.assignee} · {item.due}
-                    </div>
-                  </div>
-                  <StatusPill tone={item.priority === "high" ? "rose" : "amber"}>{item.status}</StatusPill>
-                </div>
-              </ListItem>
-            ))}
+      <Panel className="min-h-[420px]">
+        <div className="flex min-h-[360px] flex-col items-center justify-center rounded-2xl border border-dashed border-slate-200 bg-white/60 px-6 text-center">
+          <div className="grid h-14 w-14 place-items-center rounded-2xl bg-blue-50 text-blue-700 ring-1 ring-blue-100">
+            <Home size={24} />
           </div>
-        </Panel>
-
-        <Panel title="最近动态">
-          <div className="space-y-3">
-            {recentActivities.map((activity, index) => (
-              <ListItem
-                icon={<Sparkles size={17} />}
-                key={activity}
-                tone={index % 2 === 0 ? "emerald" : "violet"}
-              >
-                <div className="text-sm leading-6 text-slate-600">{activity}</div>
-              </ListItem>
-            ))}
-          </div>
-        </Panel>
-      </section>
+          <h2 className="mt-5 text-lg font-semibold text-slate-950">默认首页</h2>
+          <p className="mt-2 max-w-md text-sm leading-6 text-slate-500">
+            保留应用框架和登录账号信息，页面内容由后续业务开发自行接入。
+          </p>
+        </div>
+      </Panel>
     </div>
   );
 }
-
-function useActionPaths(appType: string) {
-  return useMemo(
-    () => ({
-      data: dataPath(appType, runtimeDefaultRoutes.dataManageList?.formUuid || runtimeDefaultRoutes.formSubmit?.formUuid),
-      form: formPath(appType, runtimeDefaultRoutes.formSubmit?.formUuid),
-      portal: viewPath(appType, "portal"),
-      process: processPath(appType, runtimeDefaultRoutes.processSubmit?.formUuid),
-      tasks: viewPath(appType, "admin/tasks"),
-    }),
-    [appType],
-  );
-}
-
-function resolveActionIcon(type: (typeof quickActions)[number]["type"]) {
-  if (type === "form") return <FileText size={17} />;
-  if (type === "tasks") return <Inbox size={17} />;
-  if (type === "data") return <Database size={17} />;
-  return <Workflow size={17} />;
-}

package/templates/openxiangda-react-spa/src/resources/menus/menus.json

@@ -2,57 +2,12 @@
   "menus": [
     {
       "code": "admin_dashboard",
-      "name": "业务工作台",
+      "name": "首页",
       "type": "nav",
       "routeCode": "admin.dashboard",
       "path": "/view/:appType/admin",
-      "icon": "LayoutDashboard",
-      "sortOrder": 10
-    },
-    {
-      "code": "task_center",
-      "name": "待办中心",
-      "type": "nav",
-      "routeCode": "admin.tasks",
-      "path": "/view/:appType/admin/tasks",
-      "icon": "Inbox",
-      "sortOrder": 20
-    },
-    {
-      "code": "service_center",
-      "name": "服务入口",
-      "type": "nav",
-      "routeCode": "admin.services",
-      "path": "/view/:appType/admin/services",
-      "icon": "ClipboardList",
-      "sortOrder": 30
-    },
-    {
-      "code": "data_center",
-      "name": "数据中心",
-      "type": "nav",
-      "routeCode": "admin.data",
-      "path": "/view/:appType/admin/data",
-      "icon": "Database",
-      "sortOrder": 40
-    },
-    {
-      "code": "user_portal",
-      "name": "用户门户",
-      "type": "nav",
-      "routeCode": "portal.home",
-      "path": "/view/:appType/portal",
       "icon": "Home",
-      "sortOrder": 50
-    },
-    {
-      "code": "public_home",
-      "name": "公开服务",
-      "type": "nav",
-      "routeCode": "public.home",
-      "path": "/view/:appType/public",
-      "icon": "Globe",
-      "sortOrder": 60
+      "sortOrder": 10
     }
   ]
 }

package/templates/openxiangda-react-spa/src/resources/permissions/page-groups/app-admin.json

@@ -1,8 +1,8 @@
 {
   "code": "app_admin_spa_pages",
-  "name": "应用管理员 SPA 页面",
+  "name": "应用管理员页面权限",
   "roles": ["app_admin"],
-  "menuCodes": ["runtime_workspace", "user_portal", "public_home"],
-  "routeCodes": ["admin.dashboard", "portal.home", "public.home"],
-  "pathPatterns": ["/view/:appType/admin/*", "/view/:appType/portal/*", "/view/:appType/public/*"]
+  "menuCodes": ["admin_dashboard"],
+  "routeCodes": ["admin.dashboard"],
+  "pathPatterns": ["/view/:appType/admin", "/view/:appType/admin/*"]
 }

package/templates/openxiangda-react-spa/src/resources/roles/roles.json

@@ -3,12 +3,7 @@
     {
       "code": "app_admin",
       "name": "应用管理员",
-      "description": "可访问业务工作台、待办中心、服务入口、数据中心和门户页面"
-    },
-    {
-      "code": "app_user",
-      "name": "普通用户",
-      "description": "可访问用户门户和被授权的业务服务"
+      "description": "可访问应用后台首页和后续扩展的管理页面"
     }
   ]
 }

package/templates/openxiangda-react-spa/src/layouts/PublicShell.tsx

@@ -1,33 +0,0 @@
-import { Globe2, ShieldCheck } from "lucide-react";
-import { Link, Outlet, useParams } from "react-router-dom";
-
-import { StatusPill } from "@/shared/ui";
-
-export function PublicShell() {
-  const { appType = "" } = useParams();
-
-  return (
-    <div className="min-h-screen overflow-x-hidden bg-[linear-gradient(180deg,#f8fafc_0%,#eef2f7_100%)]">
-      <header className="border-b border-white/70 bg-white/[0.78] backdrop-blur-xl">
-        <div className="mx-auto flex max-w-6xl items-center justify-between gap-3 px-5 py-4">
-          <Link className="flex min-w-0 items-center gap-3" to={`/view/${appType}/public`}>
-            <span className="grid h-11 w-11 shrink-0 place-items-center rounded-2xl bg-slate-950 text-white">
-              <Globe2 size={22} />
-            </span>
-            <span className="min-w-0">
-              <span className="block truncate text-base font-semibold text-slate-950">公开服务</span>
-              <span className="block truncate text-xs text-slate-500">无需登录的服务入口</span>
-            </span>
-          </Link>
-          <StatusPill tone="blue">
-            <ShieldCheck size={13} />
-            安全访问
-          </StatusPill>
-        </div>
-      </header>
-      <main className="mx-auto min-w-0 max-w-6xl px-5 py-8">
-        <Outlet />
-      </main>
-    </div>
-  );
-}

package/templates/openxiangda-react-spa/src/layouts/UserShell.tsx

@@ -1,129 +0,0 @@
-import { Home, LogIn, Shield, Sparkles } from "lucide-react";
-import { useEffect } from "react";
-import { Link, Outlet, useParams } from "react-router-dom";
-import {
-  PermissionBoundary,
-  useCanAccessRoute,
-  useRuntimeAuth,
-  useRuntimeBootstrap,
-  type PermissionBoundaryFallbackState,
-} from "openxiangda/runtime/react";
-
-import {
-  PrimaryButton,
-  SecondaryButton,
-  StatePage,
-  StatusPill,
-} from "@/shared/ui";
-
-export function UserShell() {
-  const { appType = "" } = useParams();
-  const bootstrap = useRuntimeBootstrap();
-  const adminAccess = useCanAccessRoute({
-    routeCode: "admin.dashboard",
-    menuCode: "admin_dashboard",
-    path: `/view/${appType}/admin`,
-  });
-
-  return (
-    <PermissionBoundary
-      fallback={state => <UserAccessState appType={appType} state={state} />}
-      loadingFallback={<UserLoadingState />}
-      menuCode="user_portal"
-      path={`/view/${appType}/portal`}
-      routeCode="portal.home"
-    >
-      <div className="min-h-screen overflow-x-hidden bg-[linear-gradient(180deg,#eef2f7_0%,#f8fafc_58%,#eef2f7_100%)]">
-        <header className="border-b border-white/70 bg-white/[0.78] backdrop-blur-xl">
-          <div className="mx-auto flex h-20 max-w-6xl items-center justify-between gap-3 px-5 py-4">
-            <Link className="flex min-w-0 items-center gap-3" to={`/view/${appType}/portal`}>
-              <span className="grid h-11 w-11 shrink-0 place-items-center rounded-2xl bg-slate-950 text-sm font-semibold text-white shadow-lg shadow-slate-300/70">
-                OX
-              </span>
-              <span className="min-w-0">
-                <span className="block truncate text-base font-semibold text-slate-950">
-                  {String(bootstrap.data?.app?.name || "用户门户")}
-                </span>
-                <span className="block truncate text-xs text-slate-500">服务门户</span>
-              </span>
-            </Link>
-            <div className="flex shrink-0 items-center gap-2">
-              <StatusPill tone="emerald">已登录</StatusPill>
-              {adminAccess.canAccess ? (
-                <Link
-                  className="inline-flex h-10 items-center gap-2 rounded-xl bg-white px-3 text-sm font-semibold text-slate-700 shadow-sm ring-1 ring-slate-200 transition hover:bg-slate-50"
-                  to={`/view/${appType}/admin`}
-                >
-                  <Home size={17} />
-                  管理后台
-                </Link>
-              ) : null}
-            </div>
-          </div>
-        </header>
-        <main className="mx-auto min-w-0 max-w-6xl px-5 py-6">
-          <Outlet />
-        </main>
-      </div>
-    </PermissionBoundary>
-  );
-}
-
-function UserAccessState({
-  appType,
-  state,
-}: {
-  appType: string;
-  state: PermissionBoundaryFallbackState;
-}) {
-  const auth = useRuntimeAuth();
-
-  useEffect(() => {
-    if (state.errorType === "unauthenticated") {
-      void auth.redirectToLogin({ replace: true });
-    }
-  }, [auth, state.errorType]);
-
-  if (state.errorType === "unauthenticated") {
-    return (
-      <StatePage
-        actions={<PrimaryButton onClick={() => void auth.redirectToLogin({ replace: true })}>去登录</PrimaryButton>}
-        description="当前没有有效登录态，正在跳转到登录页。"
-        fullScreen
-        icon={<LogIn size={24} />}
-        status="401"
-        title="需要登录"
-      />
-    );
-  }
-
-  return (
-    <StatePage
-      actions={
-        <>
-          <SecondaryButton onClick={() => window.history.back()}>返回上一页</SecondaryButton>
-          <PrimaryButton onClick={() => window.location.assign(`/view/${appType}/public`)}>
-            打开公开页
-          </PrimaryButton>
-        </>
-      }
-      description={state.message || "请联系管理员开通用户门户页面权限。"}
-      fullScreen
-      icon={<Shield size={24} />}
-      status="403"
-      title="无权访问用户门户"
-    />
-  );
-}
-
-function UserLoadingState() {
-  return (
-    <StatePage
-      description="正在确认当前用户、菜单和页面权限。"
-      fullScreen
-      icon={<Sparkles size={24} />}
-      status="LOADING"
-      title="正在进入用户门户"
-    />
-  );
-}

package/templates/openxiangda-react-spa/src/pages/admin/DataCenterPage.tsx

@@ -1,96 +0,0 @@
-import { ArrowRight, BarChart3, Database, Filter, RefreshCw, Search } from "lucide-react";
-import { useMemo } from "react";
-import { useParams } from "react-router-dom";
-
-import { dataPath } from "@/app/navigation";
-import { dataRows } from "@/app/starter-content";
-import { runtimeDefaultRoutes } from "@/runtime/default-routes";
-import {
-  ListItem,
-  MetricCard,
-  PageHeader,
-  Panel,
-  PrimaryButton,
-  SecondaryButton,
-  StatusPill,
-  TrendBars,
-} from "@/shared/ui";
-
-export function DataCenterPage() {
-  const { appType = "" } = useParams();
-  const dataFormUuid = runtimeDefaultRoutes.dataManageList?.formUuid || runtimeDefaultRoutes.formSubmit?.formUuid;
-  const listPath = useMemo(
-    () => dataPath(appType, dataFormUuid),
-    [appType, dataFormUuid],
-  );
-
-  return (
-    <div className="min-w-0 space-y-5">
-      <PageHeader
-        actions={
-          <>
-            <SecondaryButton>
-              <Filter size={17} />
-              筛选
-            </SecondaryButton>
-            {dataFormUuid ? (
-              <PrimaryButton onClick={() => window.location.assign(listPath)}>
-                <Database size={17} />
-                打开数据列表
-              </PrimaryButton>
-            ) : (
-              <StatusPill tone="amber">配置后可用</StatusPill>
-            )}
-          </>
-        }
-        description="汇总关键数据、业务趋势和常用查询入口，帮助团队快速掌握当前进展。"
-        meta={
-          <>
-            <StatusPill tone="emerald">权限数据</StatusPill>
-            <StatusPill tone="blue">业务台账</StatusPill>
-            <StatusPill tone="violet">趋势分析</StatusPill>
-          </>
-        }
-        title="数据中心"
-      />
-
-      <section className="grid gap-4 md:grid-cols-3">
-        {dataRows.map((row, index) => (
-          <MetricCard
-            caption={row.trend}
-            icon={index === 0 ? BarChart3 : index === 1 ? RefreshCw : Database}
-            key={row.label}
-            label={row.label}
-            tone={index === 0 ? "blue" : index === 1 ? "amber" : "emerald"}
-            value={row.count}
-          />
-        ))}
-      </section>
-
-      <section className="grid gap-5 xl:grid-cols-[minmax(0,1fr)_360px]">
-        <Panel title="业务趋势" description="用于呈现关键业务数据的变化节奏。">
-          <TrendBars values={[24, 36, 42, 39, 58, 64, 72, 81]} tone="emerald" />
-        </Panel>
-
-        <Panel title="常用查询">
-          <button
-            className="block w-full text-left disabled:cursor-not-allowed disabled:opacity-70"
-            disabled={!dataFormUuid}
-            onClick={() => dataFormUuid && window.location.assign(listPath)}
-            type="button"
-          >
-            <ListItem icon={<Search size={17} />} tone="blue">
-              <div className="flex items-center justify-between gap-3">
-                <div className="min-w-0">
-                  <div className="truncate text-sm font-semibold text-slate-950">业务数据列表</div>
-                  <div className="mt-1 truncate text-xs text-slate-500">查看当前账号有权限访问的数据。</div>
-                </div>
-                <ArrowRight className="shrink-0 text-slate-400" size={17} />
-              </div>
-            </ListItem>
-          </button>
-        </Panel>
-      </section>
-    </div>
-  );
-}

package/templates/openxiangda-react-spa/src/pages/admin/ServiceCenterPage.tsx

@@ -1,100 +0,0 @@
-import { ArrowRight, Database, FileText, Home, Workflow } from "lucide-react";
-import { useMemo } from "react";
-import { useParams } from "react-router-dom";
-
-import {
-  dataPath,
-  formPath,
-  processPath,
-  viewPath,
-} from "@/app/navigation";
-import { serviceEntries } from "@/app/starter-content";
-import { runtimeDefaultRoutes } from "@/runtime/default-routes";
-import {
-  ListItem,
-  PageHeader,
-  Panel,
-  PrimaryButton,
-  StatusPill,
-} from "@/shared/ui";
-
-export function ServiceCenterPage() {
-  const { appType = "" } = useParams();
-  const paths = useMemo(
-    () => ({
-      data: dataPath(appType, runtimeDefaultRoutes.dataManageList?.formUuid || runtimeDefaultRoutes.formSubmit?.formUuid),
-      form: formPath(appType, runtimeDefaultRoutes.formSubmit?.formUuid),
-      portal: viewPath(appType, "portal"),
-      process: processPath(appType, runtimeDefaultRoutes.processSubmit?.formUuid),
-    }),
-    [appType],
-  );
-
-  return (
-    <div className="min-w-0 space-y-5">
-      <PageHeader
-        actions={
-          <PrimaryButton onClick={() => window.location.assign(paths.form)}>
-            <FileText size={17} />
-            发起申请
-          </PrimaryButton>
-        }
-        description="把常用表单、流程、数据和门户入口集中起来，形成清晰的业务办理路径。"
-        meta={
-          <>
-            <StatusPill tone="blue">申请登记</StatusPill>
-            <StatusPill tone="amber">流程办理</StatusPill>
-            <StatusPill tone="emerald">数据查询</StatusPill>
-          </>
-        }
-        title="服务入口"
-      />
-
-      <section className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
-        {serviceEntries.map(entry => (
-          <button
-            className="block text-left"
-            key={entry.label}
-            onClick={() => window.location.assign(paths[entry.type])}
-            type="button"
-          >
-            <div className="h-full rounded-2xl border border-white/70 bg-white/[0.86] p-5 shadow-[0_18px_55px_rgba(15,23,42,0.06)] ring-1 ring-slate-900/5 transition hover:-translate-y-0.5 hover:shadow-[0_24px_70px_rgba(15,23,42,0.10)]">
-              <div className="flex items-start justify-between gap-3">
-                <span className="grid h-11 w-11 place-items-center rounded-2xl bg-blue-50 text-blue-700">
-                  {resolveServiceIcon(entry.type)}
-                </span>
-                <ArrowRight className="text-slate-300" size={18} />
-              </div>
-              <div className="mt-5 text-base font-semibold text-slate-950">{entry.label}</div>
-              <div className="mt-2 text-sm leading-6 text-slate-500">{entry.desc}</div>
-            </div>
-          </button>
-        ))}
-      </section>
-
-      <Panel title="服务组织方式" description="不同服务按办理方式归类，用户可以更快找到需要发起或查询的业务。">
-        <div className="grid gap-3 lg:grid-cols-3">
-          <ListItem icon={<FileText size={17} />} tone="blue">
-            <div className="text-sm font-semibold text-slate-950">表单入口</div>
-            <div className="mt-1 text-xs leading-5 text-slate-500">适合标准登记、收集和提交场景。</div>
-          </ListItem>
-          <ListItem icon={<Workflow size={17} />} tone="amber">
-            <div className="text-sm font-semibold text-slate-950">流程入口</div>
-            <div className="mt-1 text-xs leading-5 text-slate-500">适合审批、办理、抄送和多角色协同。</div>
-          </ListItem>
-          <ListItem icon={<Database size={17} />} tone="emerald">
-            <div className="text-sm font-semibold text-slate-950">数据入口</div>
-            <div className="mt-1 text-xs leading-5 text-slate-500">适合查询台账、跟进状态和查看历史记录。</div>
-          </ListItem>
-        </div>
-      </Panel>
-    </div>
-  );
-}
-
-function resolveServiceIcon(type: (typeof serviceEntries)[number]["type"]) {
-  if (type === "form") return <FileText size={21} />;
-  if (type === "process") return <Workflow size={21} />;
-  if (type === "data") return <Database size={21} />;
-  return <Home size={21} />;
-}