openxiangda 1.0.49 → 1.0.51

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/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,
+    },
+  };
+});

package/templates/sy-lowcode-app-workspace/src/dev/App.tsx

@@ -412,6 +412,23 @@ const findPageByIdentity = (pages: PageOption[], identity: string) =>
       page.dirName === identity,
   );
 
+const getRuntimePermission = (route?: BrowserRuntimeRouteResolution | null) => {
+  const permission = route?.runtime?.permission;
+  return permission && typeof permission === "object"
+    ? (permission as { canView?: unknown; message?: unknown })
+    : undefined;
+};
+
+const isRuntimePermissionDenied = (route?: BrowserRuntimeRouteResolution | null) =>
+  getRuntimePermission(route)?.canView === false;
+
+const getRuntimePermissionMessage = (route: BrowserRuntimeRouteResolution) =>
+  String(
+    route.message ||
+      getRuntimePermission(route)?.message ||
+      "您没有权限访问当前页面",
+  );
+
 const RuntimeRouteNotice = ({
   route,
   routeError,
@@ -446,6 +463,17 @@ const RuntimeRouteNotice = ({
 
   if (!route) return null;
 
+  if (isRuntimePermissionDenied(route)) {
+    return (
+      <Alert
+        type="warning"
+        showIcon
+        message={getRuntimePermissionMessage(route)}
+        style={{ margin: 16 }}
+      />
+    );
+  }
+
   if (route.mode === "builtin-route") {
     return null;
   }
@@ -500,11 +528,15 @@ export default function App() {
   );
 
   const shouldBlockLocalMount =
+    isRuntimePermissionDenied(routeResolution) ||
     routeResolution?.mode === "builtin-route" ||
     routeResolution?.kind === "work-center" ||
     (routeResolution?.mode === "not-found" &&
       routeResolution.params?.routeAppType !== undefined);
   const shouldRenderBuiltinRoute = routeResolution?.mode === "builtin-route";
+  const localMountBlockedDescription = isRuntimePermissionDenied(routeResolution)
+    ? "当前用户没有权限访问该页面"
+    : "当前路由不挂载本地代码页";
 
   const handleSelectPage = (value: string) => {
     setSelectedCode(value);
@@ -774,7 +806,7 @@ export default function App() {
         <section style={{ minHeight: "calc(100vh - 73px)" }}>
           {shouldBlockLocalMount ? (
             <div style={{ padding: 16 }}>
-              <Empty description="当前路由不挂载本地代码页" />
+              <Empty description={localMountBlockedDescription} />
             </div>
           ) : !selected && !selectedCode ? (
             <Spin style={{ margin: 32 }} />