openxiangda 1.0.69 → 1.0.71

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openxiangda",
-  "version": "1.0.69",
+  "version": "1.0.71",
   "description": "OpenXiangda CLI, workspace build tools, runtime SDK, and form components.",
   "private": false,
   "bin": {

package/templates/openxiangda-react-spa/AGENTS.md

@@ -1,14 +1,14 @@
 # AGENTS.md — OpenXiangda React SPA 应用工作区
 
-本工作区是标准 React 18 + Vite + React Router 应用。默认模板面向真实用户交付，不是开发验证控制台。
+本工作区是标准 React 18 + Vite + React Router 应用。默认模板只提供应用壳、账号菜单和一个首页，不是开发验证控制台。
 
 ## 开发原则
 
-- 用户界面使用业务语言：工作台、待办、服务、数据、门户、公开服务。
+- 默认用户界面保持克制：左侧应用导航、顶部账号信息、首页内容区域。
 - 不在默认可见页面展示 SDK、Runtime、Cookie、Proxy、Playwright、AI 验证、调试上下文、构建号等开发语言。
 - 使用 React Router 管理路由，路由定义在 `src/app/router.tsx`。
 - 使用 Tailwind CSS 表达样式，不依赖平台 theme tokens。
-- 菜单、首页卡片、快捷入口和示例业务数据优先改 `src/app/navigation.ts` 与 `src/app/starter-content.ts`。
+- 菜单和首页文案优先改 `src/app/navigation.ts`、`src/app/starter-content.ts` 与 `src/pages/admin/AdminDashboardPage.tsx`。
 - 页面、表单、字段、数据范围、流程动作、文件、连接器权限以后端接口为准；前端只做展示保护和清晰状态页。
 - 本地开发通过 Vite `/service` 代理远端平台，保持 HttpOnly Cookie 同域访问。
 
@@ -38,9 +38,7 @@ openxiangda runtime deploy --profile <name>
 ## 应用结构
 
 - `src/layouts/AdminShell.tsx`：管理后台应用壳、侧边栏、顶部栏、用户菜单。
-- `src/pages/admin/*`：业务工作台、待办中心、服务入口、数据中心。
-- `src/pages/portal/UserPortalPage.tsx`：普通用户门户。
-- `src/pages/public/PublicHomePage.tsx`：公开服务页。
+- `src/pages/admin/AdminDashboardPage.tsx`：默认首页。
 - `src/pages/defaults/*`：表单、流程、数据列表、文件预览等默认页。
 - `src/runtime/default-page-overrides.tsx`：整页覆盖默认页的入口。
 
@@ -51,7 +49,7 @@ React SPA 页面需要声明菜单 code、route code 和 path pattern。默认
 ```json
 {
   "code": "admin_dashboard",
-  "name": "业务工作台",
+  "name": "首页",
   "routeCode": "admin.dashboard",
   "path": "/view/:appType/admin"
 }
@@ -71,6 +69,6 @@ import { PermissionBoundary, useAppMenus, useRuntimeBootstrap } from "openxiangd
 - 表单详情：`/view/:appType/admin/forms/:formUuid/:formInstId`
 - 流程详情：`/view/:appType/admin/process/:formUuid/:formInstId`
 - 数据列表：`/view/:appType/admin/data/:formUuid`
-- 文件预览：`/view/file-preview?ticket=...`
+- 文件预览：`/view/:appType/file-preview?ticket=...`
 
 需要自定义默认页时，在 `src/runtime/default-page-overrides.tsx` 中按页面类型和 `formUuid` 注册覆盖组件。不要回到旧平台 `isRenderNav` 或 workbench 参数模型。

package/templates/openxiangda-react-spa/src/app/navigation.ts

@@ -1,15 +1,5 @@
 import type { ComponentType } from "react";
-import {
-  ClipboardList,
-  Database,
-  FileText,
-  Globe2,
-  Home,
-  Inbox,
-  LayoutDashboard,
-  Search,
-  Workflow,
-} from "lucide-react";
+import { Home } from "lucide-react";
 
 export type StarterNavigationItem = {
   code?: string;
@@ -27,120 +17,26 @@ export type StarterNavigationGroup = {
 
 export type BuildStarterNavigationOptions = {
   appType: string;
-  dataFormUuid?: string;
-  processFormUuid?: string;
-  receiptFormUuid?: string;
 };
 
 export const viewPath = (appType: string, path: string) =>
   `/view/${appType}/${path}`.replace(/\/{2,}/g, "/");
 
-export const formPath = (appType: string, formUuid?: string) =>
-  formUuid ? viewPath(appType, `admin/forms/${encodeURIComponent(formUuid)}/new`) : viewPath(appType, "admin/forms");
-
-export const processPath = (appType: string, formUuid?: string) =>
-  formUuid ? viewPath(appType, `admin/forms/${encodeURIComponent(formUuid)}/new`) : viewPath(appType, "admin/process");
-
-export const dataPath = (appType: string, formUuid?: string) =>
-  formUuid ? viewPath(appType, `admin/data/${encodeURIComponent(formUuid)}`) : viewPath(appType, "admin/data");
-
 export function buildStarterAdminNavigation({
   appType,
-  dataFormUuid,
-  processFormUuid,
-  receiptFormUuid,
 }: BuildStarterNavigationOptions): StarterNavigationGroup[] {
   return [
     {
-      title: "工作台",
+      title: "应用",
       items: [
         {
           code: "admin_dashboard",
-          hint: "业务概览",
-          icon: LayoutDashboard,
-          name: "业务工作台",
+          hint: "默认首页",
+          icon: Home,
+          name: "首页",
           path: viewPath(appType, "admin"),
           routeCode: "admin.dashboard",
         },
-        {
-          code: "task_center",
-          hint: "待办与跟进",
-          icon: Inbox,
-          name: "待办中心",
-          path: viewPath(appType, "admin/tasks"),
-          routeCode: "admin.tasks",
-        },
-      ],
-    },
-    {
-      title: "业务办理",
-      items: [
-        {
-          code: "service_center",
-          hint: "常用服务",
-          icon: ClipboardList,
-          name: "服务入口",
-          path: viewPath(appType, "admin/services"),
-          routeCode: "admin.services",
-        },
-        {
-          code: "service_center",
-          hint: receiptFormUuid ? "提交业务申请" : "配置后可用",
-          icon: FileText,
-          name: "发起申请",
-          path: formPath(appType, receiptFormUuid),
-          routeCode: "admin.services",
-        },
-        {
-          code: "service_center",
-          hint: processFormUuid ? "发起流程办理" : "配置后可用",
-          icon: Workflow,
-          name: "流程办理",
-          path: processPath(appType, processFormUuid),
-          routeCode: "admin.services",
-        },
-      ],
-    },
-    {
-      title: "数据管理",
-      items: [
-        {
-          code: "data_center",
-          hint: "经营数据",
-          icon: Database,
-          name: "数据中心",
-          path: viewPath(appType, "admin/data"),
-          routeCode: "admin.data",
-        },
-        {
-          code: "data_center",
-          hint: dataFormUuid ? "业务台账" : "配置后可用",
-          icon: Search,
-          name: "数据查询",
-          path: dataPath(appType, dataFormUuid),
-          routeCode: "admin.data",
-        },
-      ],
-    },
-    {
-      title: "服务门户",
-      items: [
-        {
-          code: "user_portal",
-          hint: "普通用户入口",
-          icon: Home,
-          name: "用户门户",
-          path: viewPath(appType, "portal"),
-          routeCode: "portal.home",
-        },
-        {
-          code: "public_home",
-          hint: "公开服务",
-          icon: Globe2,
-          name: "公开访问",
-          path: viewPath(appType, "public"),
-          routeCode: "public.home",
-        },
       ],
     },
   ];

package/templates/openxiangda-react-spa/src/app/router.tsx

@@ -5,18 +5,11 @@ import {
   useParams,
 } from "react-router-dom";
 import { lazy, Suspense, type ReactNode } from "react";
-import { FileText, Sparkles, Workflow } from "lucide-react";
+import { Sparkles } from "lucide-react";
 import { OpenXiangdaProvider } from "openxiangda/runtime/react";
 
 import { AdminShell } from "@/layouts/AdminShell";
-import { PublicShell } from "@/layouts/PublicShell";
-import { UserShell } from "@/layouts/UserShell";
 import { AdminDashboardPage } from "@/pages/admin/AdminDashboardPage";
-import { DataCenterPage } from "@/pages/admin/DataCenterPage";
-import { ServiceCenterPage } from "@/pages/admin/ServiceCenterPage";
-import { TaskCenterPage } from "@/pages/admin/TaskCenterPage";
-import { UserPortalPage } from "@/pages/portal/UserPortalPage";
-import { PublicHomePage } from "@/pages/public/PublicHomePage";
 import { NotFoundPage } from "@/pages/states/NotFoundPage";
 import { StatePage } from "@/shared/ui";
 
@@ -81,32 +74,11 @@ export const router = createBrowserRouter([
         element: <AdminShell />,
         children: [
           { index: true, element: <AdminDashboardPage /> },
-          { path: "tasks", element: <TaskCenterPage /> },
-          { path: "services", element: <ServiceCenterPage /> },
-          { path: "forms", element: <ResourceEmptyPage type="form" /> },
-          { path: "process", element: <ResourceEmptyPage type="process" /> },
-          { path: "data", element: <DataCenterPage /> },
           { path: "data/:formUuid", element: routeElement(<DataRoutePage />) },
           { path: "forms/:formUuid/new", element: routeElement(<FormRoutePage mode="submit" />) },
           { path: "forms/:formUuid/:formInstId", element: routeElement(<FormRoutePage mode="detail" />) },
           { path: "process/:formUuid/:formInstId", element: routeElement(<FormRoutePage mode="process" />) },
-        ],
-      },
-      {
-        path: "portal",
-        element: <UserShell />,
-        children: [
-          { index: true, element: <UserPortalPage /> },
-          { path: "forms/:formUuid/new", element: routeElement(<FormRoutePage mode="submit" />) },
-          { path: "data/:formUuid", element: routeElement(<DataRoutePage />) },
-        ],
-      },
-      {
-        path: "public",
-        element: <PublicShell />,
-        children: [
-          { index: true, element: <PublicHomePage /> },
-          { path: "forms/:formUuid/new", element: routeElement(<FormRoutePage mode="submit" />) },
+          { path: "*", element: <NotFoundPage /> },
         ],
       },
       { path: "file-preview", element: routeElement(<FilePreviewRoutePage />) },
@@ -115,27 +87,3 @@ export const router = createBrowserRouter([
   },
   { path: "*", element: <NotFoundPage /> },
 ]);
-
-function ResourceEmptyPage({ type }: { type: "form" | "process" }) {
-  const config = {
-    form: {
-      description: "当前应用还没有配置可发起的普通表单。配置完成后，这里会进入对应的申请页面。",
-      icon: <FileText size={24} />,
-      title: "暂无可发起申请",
-    },
-    process: {
-      description: "当前应用还没有配置流程办理入口。配置完成后，这里会进入对应的流程页面。",
-      icon: <Workflow size={24} />,
-      title: "暂无流程入口",
-    },
-  }[type];
-
-  return (
-    <StatePage
-      description={config.description}
-      icon={config.icon}
-      status="EMPTY"
-      title={config.title}
-    />
-  );
-}

package/templates/openxiangda-react-spa/src/app/starter-content.ts

@@ -1,182 +1,5 @@
-import type { AppTone } from "@/shared/ui";
-
 export const starterBrand = {
   fallbackName: "业务应用",
-  logoText: "企",
-  subtitle: "运营后台",
+  logoText: "A",
+  subtitle: "React SPA Starter",
 };
-
-export const dashboardHero = {
-  title: "业务工作台",
-  description: "集中处理待办事项、跟进关键业务进展，并快速进入常用服务。",
-};
-
-export const dashboardMetrics: Array<{
-  label: string;
-  value: string;
-  caption: string;
-  tone: AppTone;
-}> = [
-  {
-    caption: "待审批、待办理和需要补充资料的事项。",
-    label: "今日待办",
-    tone: "amber",
-    value: "18",
-  },
-  {
-    caption: "本周新增的申请、登记和服务请求。",
-    label: "新增业务",
-    tone: "blue",
-    value: "126",
-  },
-  {
-    caption: "按当前权限可查看的数据记录。",
-    label: "可查数据",
-    tone: "emerald",
-    value: "3,428",
-  },
-  {
-    caption: "近七日平均办理完成率。",
-    label: "办理效率",
-    tone: "violet",
-    value: "92%",
-  },
-];
-
-export const trendOverview = {
-  title: "近七日业务趋势",
-  description: "用于呈现申请、审批和数据更新节奏，帮助团队判断当前业务负载。",
-  values: [38, 52, 46, 68, 74, 63, 91],
-  summary: [
-    { label: "平均响应", value: "2.6 小时" },
-    { label: "按时完成", value: "94%" },
-    { label: "本周高峰", value: "周五" },
-  ],
-};
-
-export const quickActions = [
-  {
-    desc: "提交业务申请、登记信息或创建流程。",
-    label: "发起申请",
-    tone: "blue" as AppTone,
-    type: "form" as const,
-  },
-  {
-    desc: "查看需要当前用户处理的审批与任务。",
-    label: "处理待办",
-    tone: "amber" as AppTone,
-    type: "tasks" as const,
-  },
-  {
-    desc: "进入有权限的数据列表和业务台账。",
-    label: "数据查询",
-    tone: "emerald" as AppTone,
-    type: "data" as const,
-  },
-  {
-    desc: "打开面向普通用户的服务门户。",
-    label: "用户门户",
-    tone: "violet" as AppTone,
-    type: "portal" as const,
-  },
-];
-
-export const taskItems = [
-  {
-    assignee: "当前用户",
-    due: "今天 18:00",
-    priority: "high" as const,
-    status: "待处理",
-    title: "审批新的业务申请",
-  },
-  {
-    assignee: "业务运营组",
-    due: "明天 10:00",
-    priority: "medium" as const,
-    status: "跟进中",
-    title: "补充客户资料并更新台账",
-  },
-  {
-    assignee: "数据管理员",
-    due: "本周五",
-    priority: "low" as const,
-    status: "待确认",
-    title: "核对本周数据汇总结果",
-  },
-];
-
-export const recentActivities = [
-  "业务申请已提交并进入审批流程。",
-  "数据列表完成更新，新增记录已可查询。",
-  "用户门户服务入口已同步最新配置。",
-  "公开服务页收到新的访问请求。",
-];
-
-export const serviceEntries = [
-  {
-    desc: "适合信息登记、业务申请和资料收集。",
-    label: "普通表单",
-    tone: "blue" as AppTone,
-    type: "form" as const,
-  },
-  {
-    desc: "适合需要审批、办理或抄送的业务流程。",
-    label: "流程办理",
-    tone: "amber" as AppTone,
-    type: "process" as const,
-  },
-  {
-    desc: "按权限查看、筛选和维护业务数据。",
-    label: "数据管理",
-    tone: "emerald" as AppTone,
-    type: "data" as const,
-  },
-  {
-    desc: "面向内部普通用户的统一服务入口。",
-    label: "用户门户",
-    tone: "violet" as AppTone,
-    type: "portal" as const,
-  },
-];
-
-export const portalEntries = [
-  {
-    desc: "快速提交常用业务申请。",
-    label: "我要申请",
-    tone: "blue" as AppTone,
-  },
-  {
-    desc: "查看待处理、已提交和已完成事项。",
-    label: "我的事项",
-    tone: "amber" as AppTone,
-  },
-  {
-    desc: "查询当前账号有权限访问的数据。",
-    label: "数据查询",
-    tone: "emerald" as AppTone,
-  },
-];
-
-export const publicServices = [
-  {
-    desc: "发布无需登录即可查看的说明、指南或入口。",
-    label: "公开说明",
-    tone: "blue" as AppTone,
-  },
-  {
-    desc: "开放访客可提交的登记或反馈表单。",
-    label: "公开登记",
-    tone: "emerald" as AppTone,
-  },
-  {
-    desc: "使用短期凭证打开文件、邀请或查询页面。",
-    label: "安全链接",
-    tone: "amber" as AppTone,
-  },
-];
-
-export const dataRows = [
-  { count: "428", label: "本月新增", trend: "+12%" },
-  { count: "96", label: "处理中", trend: "-8%" },
-  { count: "2,904", label: "累计完成", trend: "+18%" },
-];

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

@@ -1,5 +1,4 @@
 import {
-  CalendarDays,
   ChevronDown,
   ChevronRight,
   LogOut,
@@ -25,12 +24,10 @@ import {
   type StarterNavigationGroup,
 } from "@/app/navigation";
 import { starterBrand } from "@/app/starter-content";
-import { runtimeDefaultRoutes } from "@/runtime/default-routes";
 import {
   PrimaryButton,
   SecondaryButton,
   StatePage,
-  StatusPill,
   cn,
 } from "@/shared/ui";
 
@@ -62,26 +59,6 @@ export function AdminShell() {
       bootstrap.data?.user?.id ||
       "当前用户",
   );
-  const todayText = new Intl.DateTimeFormat("zh-CN", {
-    day: "numeric",
-    month: "long",
-    weekday: "long",
-  }).format(new Date());
-
-  const primaryReceiptFormUuid = useMemo(
-    () =>
-      runtimeDefaultRoutes.formSubmit?.formUuid ||
-      findMenuFormUuid(menus.data, ["receipt", "form"]),
-    [menus.data],
-  );
-  const primaryProcessFormUuid = useMemo(
-    () =>
-      runtimeDefaultRoutes.processSubmit?.formUuid ||
-      findMenuFormUuid(menus.data, ["process", "workflow"]),
-    [menus.data],
-  );
-  const primaryDataFormUuid =
-    runtimeDefaultRoutes.dataManageList?.formUuid || primaryReceiptFormUuid;
 
   const menuCodes = useMemo(() => collectMenuCodes(menus.data), [menus.data]);
   const groups = useMemo<StarterNavigationGroup[]>(
@@ -89,13 +66,10 @@ export function AdminShell() {
       filterNavigationByMenuCodes(
         buildStarterAdminNavigation({
           appType,
-          dataFormUuid: primaryDataFormUuid,
-          processFormUuid: primaryProcessFormUuid,
-          receiptFormUuid: primaryReceiptFormUuid,
         }),
         menuCodes,
       ),
-    [appType, menuCodes, primaryDataFormUuid, primaryProcessFormUuid, primaryReceiptFormUuid],
+    [appType, menuCodes],
   );
 
   const handleLogout = async () => {
@@ -107,7 +81,7 @@ export function AdminShell() {
     <aside className="flex h-full min-h-0 flex-col border-r border-white/70 bg-white/[0.86] backdrop-blur-xl">
       <div className="flex h-20 shrink-0 items-center gap-3 border-b border-slate-200/70 px-5">
         <Link
-          className="grid h-12 w-12 place-items-center rounded-2xl bg-[linear-gradient(135deg,#2563eb,#0f172a)] text-base font-semibold text-white shadow-lg shadow-blue-200/70"
+          className="grid h-11 w-11 place-items-center rounded-2xl bg-[linear-gradient(135deg,#2563eb,#172554)] text-base font-semibold text-white shadow-lg shadow-blue-200/70"
           to={`/view/${appType}/admin`}
         >
           {appName.slice(0, 1) || starterBrand.logoText}
@@ -178,28 +152,19 @@ export function AdminShell() {
           );
         })}
       </nav>
-
-      <div className="shrink-0 border-t border-slate-200/70 p-4">
-        <div className="rounded-2xl bg-[linear-gradient(135deg,#eff6ff,#ecfeff)] p-4 ring-1 ring-blue-100">
-          <div className="text-xs font-semibold text-blue-700">今日提醒</div>
-          <div className="mt-1 text-sm leading-5 text-slate-600">
-            关注待办事项和业务数据变化，保持关键流程及时推进。
-          </div>
-        </div>
-      </div>
     </aside>
   );
 
   return (
     <PermissionBoundary
-      fallback={state => <AdminPermissionState appType={appType} state={state} />}
+      fallback={state => <AdminPermissionState state={state} />}
       loadingFallback={<AdminLoadingState />}
       menuCode="admin_dashboard"
       path={`/view/${appType}/admin`}
       routeCode="admin.dashboard"
     >
       <div className="min-h-screen overflow-x-hidden bg-[linear-gradient(180deg,#edf4ff_0%,#f8fafc_42%,#f1f5f9_100%)] text-slate-950">
-        <div className="fixed inset-y-0 left-0 z-30 hidden w-80 lg:block">{sidebar}</div>
+        <div className="fixed inset-y-0 left-0 z-30 hidden w-64 lg:block">{sidebar}</div>
 
         {mobileOpen ? (
           <div className="fixed inset-0 z-40 lg:hidden">
@@ -223,7 +188,7 @@ export function AdminShell() {
           </div>
         ) : null}
 
-        <main className="min-w-0 lg:pl-80">
+        <main className="min-w-0 lg:pl-64">
           <header className="sticky top-0 z-20 border-b border-white/70 bg-white/[0.8] backdrop-blur-xl">
             <div className="flex h-20 min-w-0 items-center justify-between gap-3 px-4 sm:px-6">
               <div className="flex min-w-0 items-center gap-3">
@@ -236,16 +201,12 @@ export function AdminShell() {
                   <Menu size={20} />
                 </button>
                 <div className="min-w-0">
-                  <div className="truncate text-lg font-semibold text-slate-950">{appName}</div>
-                  <div className="mt-1 truncate text-xs text-slate-500">欢迎回来，{userName}</div>
+                  <div className="truncate text-xs font-medium text-slate-500">首页 / 应用</div>
+                  <div className="mt-1 truncate text-lg font-semibold text-slate-950">{appName}</div>
                 </div>
               </div>
 
-              <div className="flex shrink-0 items-center gap-2">
-                <StatusPill tone="blue">
-                  <CalendarDays size={13} />
-                  {todayText}
-                </StatusPill>
+              <div className="flex shrink-0 items-center">
                 <div className="relative">
                   <button
                     className="flex h-10 items-center gap-2 rounded-full bg-white py-1 pl-1 pr-3 text-sm font-medium text-slate-700 shadow-sm ring-1 ring-slate-200 transition hover:bg-slate-50"
@@ -296,7 +257,7 @@ export function AdminShell() {
             </div>
           </header>
 
-          <div className="mx-auto min-w-0 max-w-[1500px] px-4 py-5 sm:px-6">
+          <div className="mx-auto min-w-0 max-w-[1440px] px-4 py-5 sm:px-6">
             <Outlet />
           </div>
         </main>
@@ -305,13 +266,7 @@ export function AdminShell() {
   );
 }
 
-function AdminPermissionState({
-  appType,
-  state,
-}: {
-  appType: string;
-  state: PermissionBoundaryFallbackState;
-}) {
+function AdminPermissionState({ state }: { state: PermissionBoundaryFallbackState }) {
   const auth = useRuntimeAuth();
 
   useEffect(() => {
@@ -342,8 +297,8 @@ function AdminPermissionState({
       actions={
         <>
           <SecondaryButton onClick={() => window.history.back()}>返回上一页</SecondaryButton>
-          <PrimaryButton onClick={() => window.location.assign(`/view/${appType}/portal`)}>
-            打开用户门户
+          <PrimaryButton onClick={() => void auth.redirectToLogin({ replace: true })}>
+            切换账号
           </PrimaryButton>
         </>
       }
@@ -381,23 +336,12 @@ function collectMenuCodes(items: PlatformMenuLike[]): Set<string> {
   return codes;
 }
 
-function findMenuFormUuid(
-  items: PlatformMenuLike[],
-  types: string[],
-): string | undefined {
-  for (const item of items) {
-    const type = String(item.type || "").toLowerCase();
-    if (item.formUuid && types.some(candidate => type.includes(candidate))) {
-      return item.formUuid;
-    }
-    const nested = findMenuFormUuid(item.children || [], types);
-    if (nested) return nested;
-  }
-  return undefined;
-}
-
 function isMenuActive(pathname: string, search: string, target: string) {
-  const current = `${pathname}${search}`;
-  if (target.includes("?")) return current === target;
-  return pathname === target || pathname.startsWith(`${target}/`);
+  const normalize = (value: string) =>
+    value
+      .replace(/[?#].*$/, "")
+      .replace(/\/+$/, "")
+      .replace(/\/{2,}/g, "/");
+  if (target.includes("?")) return `${pathname}${search}` === target;
+  return normalize(pathname) === normalize(target);
 }