openxiangda 1.0.70 → 1.0.72

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

@@ -2,21 +2,7 @@
   "code": "app_admin_spa_pages",
   "name": "应用管理员页面权限",
   "roles": ["app_admin"],
-  "menuCodes": [
-    "admin_dashboard",
-    "task_center",
-    "service_center",
-    "data_center",
-    "user_portal",
-    "public_home"
-  ],
-  "routeCodes": [
-    "admin.dashboard",
-    "admin.tasks",
-    "admin.services",
-    "admin.data",
-    "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} />;
-}

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

@@ -1,135 +0,0 @@
-import { CheckCircle2, Clock3, Filter, Inbox, RefreshCw } from "lucide-react";
-import { useMemo, useState } from "react";
-
-import { taskItems } from "@/app/starter-content";
-import {
-  ListItem,
-  PageHeader,
-  Panel,
-  SecondaryButton,
-  StatusPill,
-  cn,
-} from "@/shared/ui";
-
-type TaskFilter = "all" | "pending" | "done";
-
-const doneItems = [
-  {
-    assignee: "系统运营组",
-    due: "昨天",
-    priority: "low" as const,
-    status: "已完成",
-    title: "确认服务入口可访问",
-  },
-  {
-    assignee: "数据管理员",
-    due: "本周一",
-    priority: "low" as const,
-    status: "已完成",
-    title: "完成数据台账月度归档",
-  },
-];
-
-export function TaskCenterPage() {
-  const [filter, setFilter] = useState<TaskFilter>("all");
-  const tasks = useMemo(() => {
-    if (filter === "pending") return taskItems;
-    if (filter === "done") return doneItems;
-    return [...taskItems, ...doneItems];
-  }, [filter]);
-
-  return (
-    <div className="min-w-0 space-y-5">
-      <PageHeader
-        actions={
-          <>
-            <SecondaryButton>
-              <Filter size={17} />
-              筛选
-            </SecondaryButton>
-            <SecondaryButton onClick={() => window.location.reload()}>
-              <RefreshCw size={17} />
-              刷新
-            </SecondaryButton>
-          </>
-        }
-        description="集中查看当前账号需要处理、跟进和确认的业务事项。"
-        meta={
-          <>
-            <StatusPill tone="amber">待处理 {taskItems.length}</StatusPill>
-            <StatusPill tone="emerald">已完成 {doneItems.length}</StatusPill>
-          </>
-        }
-        title="待办中心"
-      />
-
-      <Panel>
-        <div className="mb-4 flex flex-wrap gap-2">
-          {[
-            { label: "全部", value: "all" as const },
-            { label: "待处理", value: "pending" as const },
-            { label: "已完成", value: "done" as const },
-          ].map(item => (
-            <button
-              className={cn(
-                "h-9 rounded-full px-4 text-sm font-semibold transition",
-                filter === item.value
-                  ? "bg-slate-950 text-white shadow-lg shadow-slate-300/60"
-                  : "bg-slate-100 text-slate-600 hover:bg-slate-200/80",
-              )}
-              key={item.value}
-              onClick={() => setFilter(item.value)}
-              type="button"
-            >
-              {item.label}
-            </button>
-          ))}
-        </div>
-
-        <div className="space-y-3">
-          {tasks.map(item => {
-            const done = item.status === "已完成";
-            return (
-              <ListItem
-                icon={done ? <CheckCircle2 size={17} /> : <Clock3 size={17} />}
-                key={`${item.title}-${item.status}`}
-                tone={done ? "emerald" : item.priority === "high" ? "rose" : "amber"}
-              >
-                <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
-                  <div className="min-w-0">
-                    <div className="truncate text-sm font-semibold text-slate-950">{item.title}</div>
-                    <div className="mt-1 flex flex-wrap gap-2 text-xs text-slate-500">
-                      <span>{item.assignee}</span>
-                      <span>·</span>
-                      <span>{item.due}</span>
-                    </div>
-                  </div>
-                  <StatusPill tone={done ? "emerald" : item.priority === "high" ? "rose" : "amber"}>
-                    {item.status}
-                  </StatusPill>
-                </div>
-              </ListItem>
-            );
-          })}
-        </div>
-      </Panel>
-
-      <Panel title="办理建议" description="优先处理高优先级和临近截止时间的事项，保持流程顺畅。">
-        <div className="grid gap-3 md:grid-cols-3">
-          <ListItem icon={<Inbox 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={<Clock3 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={<CheckCircle2 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>
-  );
-}

package/templates/openxiangda-react-spa/src/pages/portal/UserPortalPage.tsx

@@ -1,71 +0,0 @@
-import { ArrowRight, FileText, Inbox, Search, ShieldCheck } from "lucide-react";
-
-import { portalEntries, recentActivities } from "@/app/starter-content";
-import {
-  ListItem,
-  MetricCard,
-  PageHeader,
-  Panel,
-  StatusPill,
-} from "@/shared/ui";
-
-const icons = [FileText, Inbox, Search];
-
-export function UserPortalPage() {
-  return (
-    <div className="min-w-0 space-y-5">
-      <PageHeader
-        description="普通用户可以在这里发起申请、查看事项进度，并查询自己有权限访问的数据。"
-        meta={
-          <>
-            <StatusPill tone="emerald">已登录</StatusPill>
-            <StatusPill tone="blue">服务入口</StatusPill>
-            <StatusPill tone="violet">我的事项</StatusPill>
-          </>
-        }
-        title="用户门户"
-      />
-
-      <section className="grid gap-4 md:grid-cols-3">
-        {portalEntries.map((entry, index) => (
-          <MetricCard
-            caption={entry.desc}
-            icon={icons[index]}
-            key={entry.label}
-            label={entry.label}
-            tone={entry.tone}
-            value={<span className="text-base">进入</span>}
-          />
-        ))}
-      </section>
-
-      <section className="grid gap-5 lg:grid-cols-[minmax(0,1fr)_360px]">
-        <Panel title="我的事项" description="常用事项会集中展示，便于持续跟进。">
-          <div className="grid gap-3 md:grid-cols-2">
-            {portalEntries.map(entry => (
-              <ListItem key={entry.label} tone={entry.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">{entry.label}</div>
-                    <div className="mt-1 truncate text-xs text-slate-500">{entry.desc}</div>
-                  </div>
-                  <ArrowRight className="shrink-0 text-slate-400" size={17} />
-                </div>
-              </ListItem>
-            ))}
-          </div>
-        </Panel>
-
-        <Panel title="最近动态">
-          <div className="space-y-3">
-            {recentActivities.slice(0, 3).map(activity => (
-              <ListItem icon={<ShieldCheck size={17} />} key={activity} tone="emerald">
-                <div className="text-sm leading-6 text-slate-600">{activity}</div>
-              </ListItem>
-            ))}
-          </div>
-        </Panel>
-      </section>
-    </div>
-  );
-}