@gadmin2n/schematics 0.0.64 → 0.0.66

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/tags/role-tag.tsx

@@ -0,0 +1,44 @@
+import React from "react";
+
+import { Tag } from "antd";
+
+// Color mapping for different roles
+const roleColorMap: Record<string, string> = {
+  OFFICE: "green",
+  CES: "blue",
+  INFRA: "purple",
+  FIT: "green",
+  SECURITY: "green",
+  COST: "gold",
+  HR: "orange",
+  HR_AMER: "coral",
+  HR_APAC: "khaki",
+  HR_EMEA: "amber",
+  HR_MALAYSIA: "pink",
+  HR_SINGAPORE: "lightblue",
+  OMC: "magenta",
+  PRODUCT: "cyan",
+  SYSTEM_ADMIN: "red",
+  FEATURE_IOA_DEVICE_IP: "green",
+  BUSINESS_TRIP: "teal",
+};
+
+type Props = {
+  role: string;
+};
+
+export const RoleStatusTag: React.FC<Props> = ({ role }) => {
+  const color = roleColorMap[role] || "blue";
+
+  return (
+    <Tag
+      style={{
+        textTransform: "capitalize",
+      }}
+      color={color}
+      title={role}
+    >
+      {role.toLowerCase()}
+    </Tag>
+  );
+};

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/text.tsx

@@ -0,0 +1,74 @@
+import React from "react";
+
+import { ConfigProvider, Typography } from "antd";
+
+export type TextProps = {
+  size?:
+    | "xs"
+    | "sm"
+    | "md"
+    | "lg"
+    | "xl"
+    | "xxl"
+    | "xxxl"
+    | "huge"
+    | "xhuge"
+    | "xxhuge";
+} & React.ComponentProps<typeof Typography.Text>;
+
+const sizes = {
+  xs: {
+    fontSize: 12,
+    lineHeight: 20 / 12,
+  },
+  sm: {
+    fontSize: 14,
+    lineHeight: 22 / 14,
+  },
+  md: {
+    fontSize: 16,
+    lineHeight: 24 / 16,
+  },
+  lg: {
+    fontSize: 20,
+    lineHeight: 28 / 20,
+  },
+  xl: {
+    fontSize: 24,
+    lineHeight: 32 / 24,
+  },
+  xxl: {
+    fontSize: 30,
+    lineHeight: 38 / 30,
+  },
+  xxxl: {
+    fontSize: 38,
+    lineHeight: 46 / 38,
+  },
+  huge: {
+    fontSize: 46,
+    lineHeight: 54 / 46,
+  },
+  xhuge: {
+    fontSize: 56,
+    lineHeight: 64 / 56,
+  },
+  xxhuge: {
+    fontSize: 68,
+    lineHeight: 76 / 68,
+  },
+};
+
+export const Text: React.FC<TextProps> = ({ size = "sm", children, ...rest }) => {
+  return (
+    <ConfigProvider
+      theme={{
+        token: {
+          ...sizes[size],
+        },
+      }}
+    >
+      <Typography.Text {...rest}>{children}</Typography.Text>
+    </ConfigProvider>
+  );
+};

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/config/http.ts

@@ -0,0 +1,28 @@
+// ─── URL / 部署配置 ───────────────────────────────────────────────────────────
+/**
+ * 读取部署子路径（Vite env: VITE_DEPLOY_NAME）
+ * 本地开发不设置时返回空字符串
+ */
+export function getUrlBasename(): string {
+  if (
+    typeof import.meta !== "undefined" &&
+    import.meta.env?.VITE_DEPLOY_NAME?.trim()
+  ) {
+    return `/${import.meta.env.VITE_DEPLOY_NAME.trim()}`;
+  }
+  return "";
+}
+
+/**
+ * 读取后端 API 根路径（Vite env: VITE_API_URL 优先）
+ * 本地开发时自动将前端 3000 端口映射到后端 8000 端口
+ */
+export function getApiUrl(): string {
+  if (
+    typeof import.meta !== "undefined" &&
+    import.meta.env?.VITE_API_URL?.trim()
+  ) {
+    return import.meta.env.VITE_API_URL.trim();
+  }
+  return `${window.location.origin.replace("3000", "8000")}${getUrlBasename()}/api`;
+}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/config/routeRegistry.tsx

@@ -0,0 +1,258 @@
+import React, { lazy, Suspense } from "react";
+import { Outlet, Route } from "react-router-dom";
+import { Spin } from "antd";
+import generatedResources from "generated/resources";
+
+// ─── Types ───────────────────────────────────────────────────────────────────
+
+type LazyComp = React.LazyExoticComponent<React.ComponentType<any>>;
+// Allow both lazy and eagerly-imported components (generated/resources uses the latter)
+type AnyComp = React.ComponentType<any>;
+
+interface RouteEntry {
+  path: string;
+  component?: LazyComp | AnyComp;
+  wrapper?: LazyComp | AnyComp;
+  index?: boolean;
+  children?: Record<string, RouteEntry>;
+}
+
+// ─── Data-Mngt dynamic route helpers ─────────────────────────────────────────
+
+/**
+ * Resource names already covered by the static registry entries below.
+ * These must NOT be auto-registered again under dataMngt.
+ */
+const SYSTEM_RESOURCE_NAMES = new Set([
+  "user", "role", "page", "resource", "audit",
+  "game", "roleResource", "pageResource", "rolePages",
+]);
+
+/** camelCase → PascalCase  (reverses toCamelCase in seedDataMngtPages) */
+function toPascalCase(str: string): string {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+/**
+ * PascalCase → kebab-case  (same algorithm as seedDataMngtPages.ts so the
+ * generated route path always matches the page.path stored in the DB).
+ *   "Event"         → "event"
+ *   "ITActivityDay" → "it-activity-day"
+ */
+function toKebabCase(str: string): string {
+  return str
+    .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
+    .replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2")
+    .toLowerCase();
+}
+
+/**
+ * Build RouteEntry children for the dataMngt segment by scanning
+ * generated/resources.tsx (produced by gadmin2 on every `generate:dev`).
+ *
+ * Each business-model resource becomes:
+ *   <Route path="<slug>">
+ *     <Route index          element={<List   />} />
+ *     <Route path="show/:id"  element={<Show   />} />
+ *     <Route path="edit/:id"  element={<Edit   />} />
+ *     <Route path="create"    element={<Create />} />
+ *   </Route>
+ */
+function buildDataMngtChildren(): Record<string, RouteEntry> {
+  const children: Record<string, RouteEntry> = {};
+
+  for (const res of generatedResources) {
+    if (SYSTEM_RESOURCE_NAMES.has(res.name)) continue;
+
+    // generated/resources stores components in meta.components
+    const { list: ListComp, show: ShowComp, edit: EditComp, create: CreateComp } =
+      (res.meta as any).components ?? {};
+
+    if (!ListComp) continue;
+
+    // Derive the URL slug from the PascalCase model name so it matches
+    // what seedDataMngtPages.ts writes into page.path.
+    const slug = toKebabCase(toPascalCase(res.name));
+
+    children[res.name] = {
+      path: slug,
+      // No component on the parent — React Router renders <Outlet /> so that
+      // the index / show / edit / create children can each occupy the full view.
+      children: {
+        list:   { path: "",          index: true, component: ListComp   as AnyComp },
+        show:   { path: "show/:id",               component: ShowComp   as AnyComp },
+        edit:   { path: "edit/:id",               component: EditComp   as AnyComp },
+        create: { path: "create",                 component: CreateComp as AnyComp },
+      },
+    };
+  }
+
+  return children;
+}
+
+// ─── Suspense wrapper ────────────────────────────────────────────────────────
+
+const S = ({ children }: { children: React.ReactNode }) => (
+  <Suspense fallback={<Spin size="large" />}>{children}</Suspense>
+);
+
+// ─── Route Registry ──────────────────────────────────────────────────────────
+
+export const routeRegistry: Record<string, RouteEntry> = {
+  // ── Administration ─────────────────────────────────────────────────────────
+  admin: {
+    path: "/admin",
+    children: {
+      permission: {
+        path: "permission",
+        children: {
+          // 菜单指引 — sortOrder 1020, code: admin.permission.readme
+          permission_readme: {
+            path: "readme",
+            component: lazy(() =>
+              import("routes/permissionReadme").then((m) => ({
+                default: m.PermissionReadmePage,
+              })),
+            ),
+          },
+          // 用户管理 — sortOrder 1030, code: admin.permission.user
+          user: {
+            path: "user",
+            component: lazy(() =>
+              import("routes/user").then((m) => ({ default: m.UserListPage })),
+            ),
+          },
+          // 角色管理 — sortOrder 1040, code: admin.permission.role
+          role: {
+            path: "role-list",
+            component: lazy(() =>
+              import("routes/role").then((m) => ({
+                default: m.RoleManagementListPage,
+              })),
+            ),
+          },
+          // 页面管理 — sortOrder 1050, code: admin.permission.page
+          page: {
+            path: "page-list",
+            component: lazy(() =>
+              import("routes/page/list").then((m) => ({
+                default: m.PageManagementListPage,
+              })),
+            ),
+          },
+          // 资源管理 — sortOrder 1060, code: admin.permission.resource
+          resource: {
+            path: "resource-list",
+            component: lazy(() =>
+              import("routes/resource").then((m) => ({
+                default: m.ResourceManagementListPage,
+              })),
+            ),
+          },
+        },
+      },
+      dataMngt: {
+        path: "data-mngt",
+        children: buildDataMngtChildren(),
+      },
+      game: {
+        path: "game-list",
+        children: {
+          list:   { path: "",          index: true, component: lazy(() => import("routes/game").then((m) => ({ default: m.GameList   }))) },
+          show:   { path: "show/:id",               component: lazy(() => import("routes/game").then((m) => ({ default: m.GameShow   }))) },
+          edit:   { path: "edit/:id",               component: lazy(() => import("routes/game").then((m) => ({ default: m.GameEdit   }))) },
+          create: { path: "create",                 component: lazy(() => import("routes/game").then((m) => ({ default: m.GameCreate }))) },
+        },
+      },
+      // 操作日志 — sortOrder 1070, code: admin.audit
+      audits: {
+        path: "audit-log-list",
+        component: lazy(() =>
+          import("routes/audit").then((m) => ({ default: m.AuditLogPage })),
+        ),
+      },
+    },
+  },
+};
+
+// ─── Path Index (getRoutePath) ────────────────────────────────────────────────
+
+function buildPathIndex(
+  entries: Record<string, RouteEntry>,
+  parentPath = "",
+): Record<string, string> {
+  const result: Record<string, string> = {};
+  for (const [key, entry] of Object.entries(entries)) {
+    const fullPath = entry.path.startsWith("/")
+      ? entry.path
+      : entry.path === ""
+        ? parentPath
+        : entry.path.startsWith("?")
+          ? parentPath + entry.path
+          : parentPath + "/" + entry.path;
+    result[key] = fullPath;
+    if (entry.children) {
+      Object.assign(result, buildPathIndex(entry.children, fullPath.split("?")[0]));
+    }
+  }
+  return result;
+}
+
+const pathIndex = buildPathIndex(routeRegistry);
+
+export function getRoutePath(pageCode: string): string | null {
+  return pathIndex[pageCode] ?? null;
+}
+
+// ─── renderRoutes() ──────────────────────────────────────────────────────────
+
+function renderEntry(key: string, entry: RouteEntry): React.ReactElement | null {
+  let element: React.ReactNode | undefined;
+  if (entry.component) {
+    const Comp = entry.component;
+    element = (
+      <S>
+        <Comp />
+      </S>
+    );
+  } else if (entry.wrapper) {
+    const W = entry.wrapper;
+    element = (
+      <S>
+        <W>
+          <Outlet />
+        </W>
+      </S>
+    );
+  }
+
+  if (entry.index) {
+    return <Route key={key} index element={element ?? null} />;
+  }
+
+  const routePath = entry.path.split("?")[0];
+
+  const childRoutes = Object.entries(entry.children ?? {})
+    .map(([k, e]) => renderEntry(k, e))
+    .filter(Boolean);
+
+  // Sidebar-only: no element, no renderable children
+  if (!element && childRoutes.length === 0) return null;
+
+  return childRoutes.length > 0 ? (
+    <Route key={key} path={routePath} element={element ?? <Outlet />}>
+      {childRoutes}
+    </Route>
+  ) : (
+    <Route key={key} path={routePath} element={element!} />
+  );
+}
+
+// Memoized at module level — registry is static, routes never change
+const cachedRoutes: React.ReactElement[] = Object.entries(routeRegistry)
+  .map(([key, entry]) => renderEntry(key, entry))
+  .filter(Boolean) as React.ReactElement[];
+
+export function renderRoutes(): React.ReactElement[] {
+  return cachedRoutes;
+}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/constants/layout.ts

@@ -0,0 +1,16 @@
+/** List / Create 页面顶层组件的内容区样式 */
+export const LIST_CONTENT_PROPS = {
+  style: { marginTop: "1rem" },
+} as const;
+
+/** Show 页面顶层组件的内容区样式 */
+export const SHOW_CONTENT_PROPS = {
+  style: {
+    backgroundColor: "#f5f5f5",
+    padding: 0,
+    marginTop: "1rem",
+  },
+  bodyStyle: {
+    padding: 0,
+  },
+} as const;

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/enums/audit-log.enum.ts

@@ -0,0 +1,13 @@
+export enum AuditLogActionEnum {
+  create = "create",
+  update = "update",
+  delete = "delete",
+  download = "download",
+}
+
+export const auditLogActionOptions = [
+  { label: "Create", value: AuditLogActionEnum.create },
+  { label: "Update", value: AuditLogActionEnum.update },
+  { label: "Delete", value: AuditLogActionEnum.delete },
+  { label: "Download", value: AuditLogActionEnum.download },
+];

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/enums/index.ts

@@ -0,0 +1 @@
+export * from "./audit-log.enum";

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/get-name-initials.ts

@@ -0,0 +1,8 @@
+export const getNameInitials = (name: string, count = 2) => {
+  const initials = name
+    .split(" ")
+    .map((n) => n[0])
+    .join("");
+  const filtered = initials.replace(/[^a-zA-Z]/g, "");
+  return filtered.slice(0, count).toUpperCase();
+};

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/get-random-color.ts

@@ -0,0 +1,27 @@
+/*
+ * generates random colors from  https://ant.design/docs/spec/colors. <color-4> used.
+ */
+export const getRandomColorFromString = (text: string) => {
+  const colors = [
+    "#ff9c6e",
+    "#ff7875",
+    "#ffc069",
+    "#ffd666",
+    "#fadb14",
+    "#95de64",
+    "#5cdbd3",
+    "#69c0ff",
+    "#85a5ff",
+    "#b37feb",
+    "#ff85c0",
+  ];
+
+  let hash = 0;
+  for (let i = 0; i < text.length; i++) {
+    hash = text.charCodeAt(i) + ((hash << 5) - hash);
+    hash = hash & hash;
+  }
+  hash = ((hash % colors.length) + colors.length) % colors.length;
+
+  return colors[hash];
+};

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/http.ts

@@ -0,0 +1,87 @@
+import axios from "axios";
+import {
+  GadminCrud as gadminDataProvider,
+  applyErrorInterceptor,
+  customRequest as baseCustomRequest,
+} from "@gadmin2n/react-common";
+import { login, requestHeaders } from "./login";
+import { getApiUrl } from "config/http";
+// Re-export Prisma helpers from react-common for backward compatibility
+export { convertPrismaDecimal, isPrismaDecimal } from "@gadmin2n/react-common";
+
+const apiUrl = getApiUrl();
+
+const axiosInstance = axios.create();
+
+// 注入 auth header
+axiosInstance.interceptors.request.use(
+  (config) => {
+    if (config.headers) {
+      Object.assign(config.headers, requestHeaders());
+    }
+    return config;
+  },
+  (error) => Promise.reject(error)
+);
+
+// 处理 401 跳转登录、403 跳权限页（app 层特有逻辑，须在 applyErrorInterceptor 之前注册）
+axiosInstance.interceptors.response.use(
+  (response) => response,
+  (error) => {
+    if (error?.response?.status === 401) {
+      console.log("login expired");
+      login();
+      // 返回pending状态的promise，以免后续代码出错
+      return new Promise(() => {});
+    }
+    if (error?.response?.status === 403) {
+      // 已经在 /403 页面则不再跳转，防止死循环
+      if (!window.location.pathname.endsWith("/403")) {
+        window.location.href = "/403";
+      }
+      return new Promise(() => {});
+    }
+    return Promise.reject(error);
+  }
+);
+
+// 统一错误格式化（复用公共库逻辑，消除重复代码）
+applyErrorInterceptor(axiosInstance);
+
+
+
+export const gadminCrudProvider = gadminDataProvider(apiUrl, axiosInstance);
+
+/**
+ * 直接用 fetch 发 findMany 请求（绕开 refine DataProvider，适合非 React 上下文）
+ */
+export async function findMany<T>(
+  resource: string,
+  params: Record<string, any>
+): Promise<T[]> {
+  const url = `${apiUrl}/${resource}/findMany`;
+  const res = await fetch(url, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      ...requestHeaders(),
+    },
+    body: JSON.stringify(params),
+  });
+  const data = await res.json();
+  return data.data as T[];
+}
+
+/**
+ * 向后端发送原始 HTTP 请求（绕开 refine DataProvider）。
+ * 底层复用公共库的 customRequest，自动携带当前 app 的 auth header 及错误拦截。
+ */
+export async function customRequest<T>(
+  urlPath: string,
+  method: string,
+  params?: Record<string, any>
+) {
+  return baseCustomRequest<T>(axiosInstance, apiUrl, urlPath, method, params);
+}
+
+

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/index.tsx

@@ -1,3 +1,8 @@
 export * from './list';
 export * from './form';
-export * from './show';
+export * from './show';
+export * from './login';
+export * from './utils';
+export * from './http';
+export * from './get-name-initials';
+export * from './get-random-color';

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/login.ts

@@ -1,68 +1,22 @@
-import axios from "axios";
-import { GadminCrud as gadminDataProvider } from "@gadmin2n/react-common";
-import { HttpError } from "@refinedev/core";
-import { getApiUrl, getUrlParams } from "./utils";
 import Cookies from "js-cookie";
+import { getApiUrl } from "config/http";
 
 export const GAdminTokenName = "gadmin-token";
 
+export function getUrlParams(search = window.location.search) {
+  const hashes = search.slice(search.indexOf("?") + 1).split("&");
+  return hashes.reduce((acc, hash) => {
+    const [key, val] = hash.split("=");
+    if (val) acc[key] = decodeURIComponent(val);
+    return acc;
+  }, {} as Record<string, string>);
+}
+
 type LoginCookie = {
   gadminToken?: string;
 };
 
-const axiosInstance = axios.create();
-
-axiosInstance.interceptors.request.use(
-  (config) => {
-    if (config.headers) {
-      const headers = requestHeaders();
-      Object.assign(config.headers, headers);
-    }
-    return config;
-  },
-  (error) => {
-    return Promise.reject(error);
-  }
-);
-
-axiosInstance.interceptors.response.use(
-  (response) => {
-    return response;
-  },
-  (error) => {
-    if (error?.response?.status === 401) {
-      console.log("login expired");
-      login();
-      // 返回pending状态的promise，以免后续代码出错
-      return new Promise(() => {});
-    }
-    let message = error.response?.data?.message;
-    if (message) {
-      if (Array.isArray(message)) {
-        message = message.join(" AND ");
-      } else if (typeof message === "string") {
-        if (message.includes("Unique constraint")) {
-          message = `Unique constraint ${
-            message.split("Unique constraint")[1]
-          }`;
-        } else {
-          let strings = message.split(")");
-          message = strings[strings.length - 1];
-        }
-      }
-    }
-    const customError: HttpError = {
-      ...error,
-      message: `${error?.response?.statusText || ""}: ${message}`,
-      statusCode: error?.response?.status || 500,
-    };
-
-    return Promise.reject(customError);
-  }
-);
-
-const apiUrl = getApiUrl();
-export const gadminCrudProvider = gadminDataProvider(apiUrl, axiosInstance);
+// ─── 认证 / 会话 ──────────────────────────────────────────────────────────────
 
 export function login() {
   // woa域名直接刷新页面
@@ -71,6 +25,7 @@ export function login() {
     return;
   }
   clearLoginCookie();
+  const apiUrl = getApiUrl();
   window.location.href = `${apiUrl}/login?redirect_url=${encodeURIComponent(
     window.location.href
   )}`;
@@ -78,6 +33,7 @@ export function login() {
 
 export function logout() {
   clearLoginCookie();
+  const apiUrl = getApiUrl();
   window.location.href = `${apiUrl}/logout?redirect_url=${encodeURIComponent(
     window.location.origin
   )}`;
@@ -116,9 +72,16 @@ export function clearLoginCookie() {
 
 export function requestHeaders() {
   const gadminToken = Cookies.get(GAdminTokenName);
-  const headers = {
+  const business = JSON.parse(Cookies.get("Business") || "{}");
+  return {
     "X-Requested-With": "XMLHttpRequest",
+    // 防止 business.name 含中文等非 ASCII 字符导致 HTTP header 500
+    ...(Object.keys(business).length > 0 && {
+      "X-Gadmin-Business": JSON.stringify({
+        ...business,
+        name: encodeURIComponent(business.name),
+      }),
+    }),
     ...(gadminToken && { [GAdminTokenName]: gadminToken }),
   };
-  return headers;
 }