openxiangda 1.0.50 → 1.0.52

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

@@ -0,0 +1,27 @@
+import { FileText, Inbox, Search } from "lucide-react";
+
+const entries = [
+  { title: "发起申请", desc: "打开常用表单和流程", icon: FileText },
+  { title: "我的待办", desc: "处理审批与办理任务", icon: Inbox },
+  { title: "数据查询", desc: "查看有权限的数据列表", icon: Search },
+];
+
+export function UserPortalPage() {
+  return (
+    <div className="space-y-5">
+      <section className="ox-panel p-5">
+        <h1 className="text-xl font-semibold text-slate-950">用户门户</h1>
+        <p className="mt-1 text-sm text-slate-500">面向普通用户的入口页，和后台共享同一套权限与 SDK。</p>
+      </section>
+      <section className="grid gap-4 md:grid-cols-3">
+        {entries.map(entry => (
+          <div className="ox-panel p-5" key={entry.title}>
+            <entry.icon className="text-blue-600" size={20} />
+            <div className="mt-4 text-sm font-semibold text-slate-950">{entry.title}</div>
+            <div className="mt-1 text-sm text-slate-500">{entry.desc}</div>
+          </div>
+        ))}
+      </section>
+    </div>
+  );
+}

package/templates/openxiangda-react-spa/src/pages/public/PublicHomePage.tsx

@@ -0,0 +1,10 @@
+export function PublicHomePage() {
+  return (
+    <section className="ox-panel p-6">
+      <h1 className="text-xl font-semibold text-slate-950">公开访问</h1>
+      <p className="mt-2 text-sm text-slate-500">
+        公开表单、公开查询和 ticket 状态页都应在 PublicShell 下实现，不依赖旧平台导航参数。
+      </p>
+    </section>
+  );
+}

package/templates/openxiangda-react-spa/src/pages/states/NotFoundPage.tsx

@@ -0,0 +1,16 @@
+import { Link } from "react-router-dom";
+
+export function NotFoundPage() {
+  return (
+    <main className="grid min-h-screen place-items-center bg-[#f6f7f9] p-5">
+      <section className="ox-panel max-w-md p-8 text-center">
+        <div className="text-sm font-semibold text-blue-700">404</div>
+        <h1 className="mt-2 text-xl font-semibold text-slate-950">页面不存在</h1>
+        <p className="mt-2 text-sm text-slate-500">请检查当前 React Router 路由或平台 routeCode 配置。</p>
+        <Link className="mt-5 inline-flex rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white" to="/">
+          返回入口
+        </Link>
+      </section>
+    </main>
+  );
+}

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

@@ -0,0 +1,31 @@
+{
+  "menus": [
+    {
+      "code": "runtime_workspace",
+      "name": "运行时工作台",
+      "type": "nav",
+      "routeCode": "admin.dashboard",
+      "path": "/view/:appType/admin",
+      "icon": "LayoutDashboard",
+      "sortOrder": 10
+    },
+    {
+      "code": "user_portal",
+      "name": "用户门户",
+      "type": "nav",
+      "routeCode": "portal.home",
+      "path": "/view/:appType/portal",
+      "icon": "Home",
+      "sortOrder": 20
+    },
+    {
+      "code": "public_home",
+      "name": "公开访问",
+      "type": "nav",
+      "routeCode": "public.home",
+      "path": "/view/:appType/public",
+      "icon": "Globe",
+      "sortOrder": 30
+    }
+  ]
+}

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

@@ -0,0 +1,8 @@
+{
+  "code": "app_admin_spa_pages",
+  "name": "应用管理员 SPA 页面",
+  "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/*"]
+}

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

@@ -0,0 +1,8 @@
+{
+  "code": "app_user_spa_pages",
+  "name": "普通用户 SPA 页面",
+  "roles": ["app_user"],
+  "menuCodes": ["user_portal", "public_home"],
+  "routeCodes": ["portal.home", "public.home"],
+  "pathPatterns": ["/view/:appType/portal/*", "/view/:appType/public/*"]
+}

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

@@ -0,0 +1,14 @@
+{
+  "roles": [
+    {
+      "code": "app_admin",
+      "name": "应用管理员",
+      "description": "可访问 mac-admin 后台与全部 React SPA 路由"
+    },
+    {
+      "code": "app_user",
+      "name": "普通用户",
+      "description": "可访问用户门户和被授权的业务页面"
+    }
+  ]
+}

package/templates/openxiangda-react-spa/src/shared/form-schema.ts

@@ -0,0 +1,135 @@
+import { defineFormSchema } from "openxiangda";
+
+export type FormComponentName =
+  | "TextField"
+  | "TextAreaField"
+  | "NumberField"
+  | "DateField"
+  | "CascadeDateField"
+  | "SelectField"
+  | "MultiSelectField"
+  | "RadioField"
+  | "CheckboxField"
+  | "UserSelectField"
+  | "DepartmentSelectField"
+  | "AttachmentField"
+  | "ImageField"
+  | "AddressField"
+  | "CascadeSelectField"
+  | "LocationField"
+  | "EditorField"
+  | "JSONField"
+  | "SubFormField";
+
+export type FormOption = {
+  label: string;
+  value: string;
+  color?: string;
+  disabled?: boolean;
+};
+
+export type FieldDefinition = {
+  fieldId: string;
+  componentName: FormComponentName;
+  label: string;
+  required?: boolean;
+  behavior?: "NORMAL" | "READONLY" | "DISABLED" | "HIDDEN";
+  rules?: Array<{
+    required?: boolean;
+    message?: string;
+    min?: number;
+    max?: number;
+    minLength?: number;
+    maxLength?: number;
+    preset?: "phone" | "idCard" | "email" | "url" | "bankCard";
+    pattern?: RegExp | string;
+  }>;
+  placeholder?: string;
+  tips?: string;
+  options?: FormOption[];
+  defaultValue?: unknown;
+  columns?: FieldDefinition[];
+  [key: string]: unknown;
+};
+
+export type OpenXiangdaFormSchemaInput = {
+  formMeta: {
+    formUuid: string;
+    appType: string;
+    title: string;
+    formType?: "receipt" | "process";
+  };
+  fields: FieldDefinition[];
+  template?: Record<string, unknown>;
+};
+
+export function option(value: string, label = value): FormOption {
+  return { label, value };
+}
+
+export function options(values: string[]): FormOption[] {
+  return values.map((value) => option(value));
+}
+
+export function createFormSchema(input: OpenXiangdaFormSchemaInput) {
+  return defineFormSchema({
+    formMeta: input.formMeta,
+    template: {
+      ...(input.template || {}),
+      ...(input.formMeta.formType === "process" ? { formType: "process" } : {}),
+    },
+    fields: input.fields.map(normalizeField),
+    layout: input.fields.map((field) => ({
+      id: `layout_${field.fieldId}`,
+      type: "field" as const,
+      fieldId: field.fieldId,
+    })),
+  });
+}
+
+function normalizeField(field: FieldDefinition): FieldDefinition {
+  return {
+    ...field,
+    options:
+      needsOptionsArray(field.componentName) && !Array.isArray(field.options)
+        ? []
+        : field.options,
+    columns: field.columns?.map(normalizeField),
+    rules:
+      field.rules ||
+      (field.required
+        ? [
+            {
+              required: true,
+              message: `${needsSelectVerb(field.componentName) ? "请选择" : "请填写"}${field.label}`,
+            },
+          ]
+        : undefined),
+  };
+}
+
+function needsOptionsArray(componentName: FormComponentName): boolean {
+  return [
+    "SelectField",
+    "MultiSelectField",
+    "RadioField",
+    "CheckboxField",
+    "CascadeSelectField",
+  ].includes(componentName);
+}
+
+function needsSelectVerb(componentName: FormComponentName): boolean {
+  return [
+    "SelectField",
+    "MultiSelectField",
+    "RadioField",
+    "CheckboxField",
+    "UserSelectField",
+    "DepartmentSelectField",
+    "DateField",
+    "CascadeDateField",
+    "CascadeSelectField",
+    "ImageField",
+    "AttachmentField",
+  ].includes(componentName);
+}

package/templates/openxiangda-react-spa/src/styles/index.css

@@ -0,0 +1,23 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+html,
+body,
+#root {
+  min-height: 100%;
+}
+
+body {
+  margin: 0;
+  font-family:
+    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    sans-serif;
+  background: #f6f7f9;
+}
+
+.ox-panel {
+  border: 1px solid rgb(226 232 240);
+  border-radius: 8px;
+  background: rgb(255 255 255 / 0.92);
+}

package/templates/openxiangda-react-spa/tailwind.config.cjs

@@ -0,0 +1,29 @@
+const path = require("node:path");
+const openxiangdaPresetModule = require("openxiangda/tailwind-preset");
+const openxiangdaPreset =
+  openxiangdaPresetModule.default ?? openxiangdaPresetModule;
+
+function resolveOpenXiangdaContent() {
+  try {
+    const packagePath = require.resolve("openxiangda");
+    const distDir = path.dirname(packagePath);
+    return [path.join(distDir, "..", "**/*.{js,mjs,cjs}")];
+  } catch {
+    return [];
+  }
+}
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}", ...resolveOpenXiangdaContent()],
+  blocklist: ["[-:T]", "[-:TZ.]"],
+  presets: [openxiangdaPreset],
+  theme: {
+    extend: {
+      colors: {
+        graphite: "#1f2937",
+      },
+    },
+  },
+  plugins: [],
+};

package/templates/openxiangda-react-spa/tsconfig.app.json

@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"],
+      "openxiangda": [
+        "../../packages/sdk/src/components/index.ts",
+        "node_modules/openxiangda"
+      ],
+      "openxiangda/runtime": [
+        "../../packages/sdk/src/runtime/index.ts",
+        "node_modules/openxiangda/runtime"
+      ],
+      "openxiangda/runtime/react": [
+        "../../packages/sdk/src/runtime/react/openxiangdaProvider.tsx",
+        "node_modules/openxiangda/runtime/react"
+      ]
+    }
+  },
+  "include": ["src", "vite.config.ts"]
+}

package/templates/openxiangda-react-spa/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/templates/openxiangda-react-spa/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/openxiangda-react-spa/vite.config.ts

@@ -0,0 +1,73 @@
+import react from "@vitejs/plugin-react";
+import { fileURLToPath } from "node:url";
+import { defineConfig, loadEnv } from "vite";
+
+const resolveProxyTarget = (value?: string) => {
+  const normalized = String(value || "").trim();
+  if (!normalized) return "";
+  try {
+    return new URL(normalized).origin;
+  } catch {
+    return "";
+  }
+};
+
+const toPort = (value?: string) => {
+  const port = Number(value || 5174);
+  return Number.isFinite(port) && port > 0 ? port : 5174;
+};
+
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), "");
+  const serviceTarget = resolveProxyTarget(
+    env.OPENXIANGDA_BASE_URL || env.APP_PLATFORM_URL,
+  );
+  const servicePrefix = env.APP_SERVICE_PREFIX || "/service";
+  const appType = env.OPENXIANGDA_APP_TYPE || env.APP_TYPE || "";
+  const buildId = env.OPENXIANGDA_BUILD_ID || "";
+  const runtimeAssetBase =
+    env.OPENXIANGDA_RUNTIME_ASSET_BASE ||
+    (appType && buildId
+      ? `${servicePrefix.replace(/\/+$/, "")}/openxiangda-api/v1/apps/${encodeURIComponent(appType)}/runtime/releases/by-build/${encodeURIComponent(buildId)}/files/`
+      : "/");
+
+  return {
+    base: runtimeAssetBase,
+    define: {
+      "process.env.OPENXIANGDA_APP_TYPE": JSON.stringify(appType),
+      "process.env.APP_TYPE": JSON.stringify(appType),
+      "process.env.OPENXIANGDA_BASE_URL": JSON.stringify(
+        env.OPENXIANGDA_BASE_URL || env.APP_PLATFORM_URL || "",
+      ),
+      "process.env.APP_SERVICE_PREFIX": JSON.stringify(servicePrefix),
+    },
+    plugins: [react()],
+    resolve: {
+      alias: [
+        {
+          find: "@",
+          replacement: fileURLToPath(new URL("./src", import.meta.url)),
+        },
+      ],
+      dedupe: ["react", "react-dom"],
+    },
+    server: {
+      host: env.OPENXIANGDA_DEV_HOST || "127.0.0.1",
+      port: toPort(env.OPENXIANGDA_DEV_PORT),
+      proxy: serviceTarget
+        ? {
+            [servicePrefix]: {
+              target: serviceTarget,
+              changeOrigin: true,
+              secure: false,
+              cookieDomainRewrite: "",
+              cookiePathRewrite: "/",
+              headers: {
+                "x-openxiangda-dev-proxy": "1",
+              },
+            },
+          }
+        : undefined,
+    },
+  };
+});