@gadmin2n/schematics 0.0.68 → 0.0.70

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/game/show.tsx

@@ -0,0 +1,74 @@
+import { ModelType, getColumns, produceModel } from '@gadmin2n/react-common';
+import {
+  CloneButton,
+  DeleteButton,
+  EditButton,
+  ListButton,
+  RefreshButton,
+  Show,
+} from '@refinedev/antd';
+import {
+  IResourceComponentsProps,
+  useShow,
+  useTranslate,
+} from '@refinedev/core';
+import React, { useState } from 'react';
+import { getShowField } from '../../helpers';
+import type { Game } from '../../generated/types/prisma.types'; //'.prisma/client/index';
+import {
+  gameShowConfig as showConfig,
+  gameShowPrismaSelect as showPrismaSelect,
+} from '../../generated/props/game/config';
+import { gameModel } from '../../generated/props/game/model';
+import { modelsMap } from 'generated/models.index';
+import { agentAttrs } from '../../components/agentPanel/agentAttributes';
+
+export const GameShow: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = 'game';
+  const t = useTranslate();
+
+  const { queryResult } = useShow<Game>({
+    meta: { select: showPrismaSelect },
+  });
+  const { data, isLoading } = queryResult;
+  const record = data?.data;
+
+  const [[fields, model]] = useState(() => {
+    const model: ModelType = produceModel(gameModel, {
+      // status: { render: xxxxx }
+    });
+
+    // getColumns is a function that returns an array of fields
+    const fields = getColumns('Game', showConfig.fields, {
+      ...modelsMap,
+      Game: { model, meta: modelsMap['Game'].meta },
+    });
+
+    return [fields, model] as const;
+  });
+
+  return (
+    <Show
+      isLoading={isLoading}
+      headerButtons={
+        <div
+          style={{ display: 'inline-flex', gap: 8 }}
+          {...agentAttrs({ type: 'show-header', resource: resourceName })}
+        >
+          <ListButton />
+          <EditButton recordItemId={record?.id} />
+          <CloneButton recordItemId={record?.id} />
+          <DeleteButton recordItemId={record?.id} />
+          <RefreshButton
+            recordItemId={record?.id}
+            meta={{ select: showPrismaSelect }}
+          />
+        </div>
+      }
+    >
+      {fields.map((field: any) => {
+        return getShowField(field, resourceName, record, t, model, modelsMap);
+      })}
+    </Show>
+  );
+};

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/page/Components/AssignRolesModal.tsx

@@ -1,6 +1,6 @@
-import React, { useEffect, useMemo, useState } from "react";
-import { Checkbox, Modal, Spin, message } from "antd";
-import { customRequest } from "@/helpers/http";
+import React, { useEffect, useMemo, useState } from 'react';
+import { Checkbox, Modal, Spin, message } from 'antd';
+import { customRequest } from '@/helpers/http';
 
 interface Role {
   id: number;
@@ -42,18 +42,20 @@ export const AssignRolesModal: React.FC<AssignRolesModalProps> = ({
       setLoading(true);
       try {
         const [rolesRes, rolePagesRes] = await Promise.all([
-          customRequest<{ data: Role[] }>("role/findMany", "post"),
-          customRequest<{ data: RolePage[] }>("rolePages/findMany", "post"),
+          customRequest<{ data: Role[] }>('role/findMany', 'post'),
+          customRequest<{ data: RolePage[] }>('rolePages/findMany', 'post'),
         ]);
-        const rolesData: Role[] = Array.isArray(rolesRes?.data) ? rolesRes.data : [];
+        const rolesData: Role[] = Array.isArray(rolesRes?.data)
+          ? rolesRes.data
+          : [];
         const rolePagesData: RolePage[] = Array.isArray(rolePagesRes?.data)
           ? rolePagesRes.data
           : [];
         setRoles(rolesData);
         setRolePages(rolePagesData);
       } catch (error) {
-        console.error("Failed to fetch data:", error);
-        message.error("Failed to load roles data");
+        console.error('Failed to fetch data:', error);
+        message.error('Failed to load roles data');
       }
       setLoading(false);
     };
@@ -89,10 +91,12 @@ export const AssignRolesModal: React.FC<AssignRolesModalProps> = ({
 
   const handleSave = async () => {
     // Find newly added role IDs (not in existingRoleIds)
-    const newRoleIds = selectedRoleIds.filter((id) => !existingRoleIds.includes(id));
+    const newRoleIds = selectedRoleIds.filter(
+      (id) => !existingRoleIds.includes(id),
+    );
 
     if (newRoleIds.length === 0) {
-      message.info("No new roles selected");
+      message.info('No new roles selected');
       onClose();
       return;
     }
@@ -102,17 +106,19 @@ export const AssignRolesModal: React.FC<AssignRolesModalProps> = ({
       const updatePromises = newRoleIds.map((roleId) => {
         const currentPageIds = rolePageIdsMap[roleId] || [];
         const updatedPageIds = [...currentPageIds, pageId];
-        return customRequest(`role/updateUnique/${roleId}`, "PATCH", {
+        return customRequest(`role/updateUnique/${roleId}`, 'PATCH', {
           pageIds: updatedPageIds,
         });
       });
 
       await Promise.all(updatePromises);
-      message.success(`Successfully assigned ${newRoleIds.length} role(s) to page "${pageName}"`);
+      message.success(
+        `Successfully assigned ${newRoleIds.length} role(s) to page "${pageName}"`,
+      );
       onSuccess();
     } catch (error) {
-      console.error("Failed to assign roles:", error);
-      message.error("Failed to assign some roles. Please try again.");
+      console.error('Failed to assign roles:', error);
+      message.error('Failed to assign some roles. Please try again.');
     }
     setSaving(false);
   };
@@ -129,15 +135,16 @@ export const AssignRolesModal: React.FC<AssignRolesModalProps> = ({
     >
       <Spin spinning={loading}>
         {existingRoleIds.length > 0 && (
-          <div style={{ marginBottom: 12, color: "#666" }}>
-            Currently <strong>{existingRoleIds.length}</strong> role(s) can access this page
+          <div style={{ marginBottom: 12, color: '#666' }}>
+            Currently <strong>{existingRoleIds.length}</strong> role(s) can
+            access this page
           </div>
         )}
-        <div style={{ maxHeight: 400, overflow: "auto" }}>
+        <div style={{ maxHeight: 400, overflow: 'auto' }}>
           <Checkbox.Group
             value={selectedRoleIds}
             onChange={(values) => setSelectedRoleIds(values as number[])}
-            style={{ display: "flex", flexDirection: "column", gap: 8 }}
+            style={{ display: 'flex', flexDirection: 'column', gap: 8 }}
           >
             {[...roles]
               .sort((a, b) => {
@@ -152,14 +159,16 @@ export const AssignRolesModal: React.FC<AssignRolesModalProps> = ({
                   <Checkbox key={role.id} value={role.id} disabled={isExisting}>
                     <span style={{ fontWeight: 500 }}>{role.name}</span>
                     {role.description && (
-                      <span style={{ color: "#999", marginLeft: 8 }}>{role.description}</span>
+                      <span style={{ color: '#999', marginLeft: 8 }}>
+                        {role.description}
+                      </span>
                     )}
                   </Checkbox>
                 );
               })}
           </Checkbox.Group>
           {!loading && roles.length === 0 && (
-            <span style={{ color: "#999" }}>No roles available</span>
+            <span style={{ color: '#999' }}>No roles available</span>
           )}
         </div>
       </Spin>

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/page/Components/CreatePageModal.tsx

@@ -1,7 +1,7 @@
-import React from "react";
+import React from 'react';
 
-import { PageFormModal } from "./PageFormModal";
-import type { PageMenuTreeNode, ResourceDefinition } from "../types";
+import { PageFormModal } from './PageFormModal';
+import type { PageMenuTreeNode, ResourceDefinition } from '../types';
 
 interface CreatePageModalProps {
   onModalClose: () => void;

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/page/Components/EditPageModal.tsx

@@ -1,7 +1,11 @@
-import React from "react";
+import React from 'react';
 
-import { PageFormModal } from "./PageFormModal";
-import type { PageMenuTreeNode, PageResourceAssignment, ResourceDefinition } from "../types";
+import { PageFormModal } from './PageFormModal';
+import type {
+  PageMenuTreeNode,
+  PageResourceAssignment,
+  ResourceDefinition,
+} from '../types';
 
 interface EditPageModalProps {
   pageIdToEdit?: number;

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/page/Components/PageDetailDrawer.tsx

@@ -1,10 +1,24 @@
-import React, { useEffect, useMemo } from "react";
-import { useTranslation } from "react-i18next";
-import { Descriptions, Drawer, Space, Table, Tag, type TableColumnsType } from "antd";
-import { useFetchData } from "@/hooks/useFetchData";
+import React, { useEffect, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+  Descriptions,
+  Drawer,
+  Space,
+  Table,
+  Tag,
+  type TableColumnsType,
+} from 'antd';
+import { useFetchData } from '@/hooks/useFetchData';
 
 interface PageDetailDrawerProps {
-  page: { id: number; name: string; code?: string; path?: string; zhName?: string; enName?: string };
+  page: {
+    id: number;
+    name: string;
+    code?: string;
+    path?: string;
+    zhName?: string;
+    enName?: string;
+  };
   open: boolean;
   onClose: () => void;
 }
@@ -15,13 +29,13 @@ export const PageDetailDrawer: React.FC<PageDetailDrawerProps> = ({
   onClose,
 }) => {
   const { i18n } = useTranslation();
-  const isChinese = i18n.language === "zh_CN" || i18n.language === "zh";
+  const isChinese = i18n.language === 'zh_CN' || i18n.language === 'zh';
 
   const {
     data: pageResourceData,
     loading: pageResourceLoading,
     fetchData: fetchPageResources,
-  } = useFetchData("pageResource/findMany", "post", undefined, true);
+  } = useFetchData('pageResource/findMany', 'post', undefined, true);
 
   useEffect(() => {
     if (open) {
@@ -33,28 +47,38 @@ export const PageDetailDrawer: React.FC<PageDetailDrawerProps> = ({
   }, [open, page.id]);
 
   const resources = useMemo(() => {
-    const list: any[] = Array.isArray(pageResourceData?.data) ? pageResourceData.data : [];
+    const list: any[] = Array.isArray(pageResourceData?.data)
+      ? pageResourceData.data
+      : [];
     return list.map((item: any) => {
       const actions = item.actions ?? item.actionList ?? item.permissions;
       let parsedActions: string[] = [];
       if (Array.isArray(actions)) {
         parsedActions = actions
-          .map((a: any) => (typeof a === "string" ? a : a?.name || a?.code || ""))
+          .map((a: any) =>
+            typeof a === 'string' ? a : a?.name || a?.code || '',
+          )
+          .filter(Boolean);
+      } else if (typeof actions === 'string') {
+        parsedActions = actions
+          .split(',')
+          .map((a: string) => a.trim())
           .filter(Boolean);
-      } else if (typeof actions === "string") {
-        parsedActions = actions.split(",").map((a: string) => a.trim()).filter(Boolean);
       }
       return {
         key: item.id ?? `${item.pageId}-${item.resourceId}`,
-        resourceName: item.resource?.name || item.resource?.code || `Resource ${item.resourceId}`,
+        resourceName:
+          item.resource?.name ||
+          item.resource?.code ||
+          `Resource ${item.resourceId}`,
         permissionActions: parsedActions,
       };
     });
   }, [pageResourceData]);
 
   const pageName = isChinese
-    ? (page.zhName || page.name || "-")
-    : (page.enName || page.name || "-");
+    ? page.zhName || page.name || '-'
+    : page.enName || page.name || '-';
 
   return (
     <Drawer
@@ -64,10 +88,19 @@ export const PageDetailDrawer: React.FC<PageDetailDrawerProps> = ({
       width={480}
       destroyOnClose
     >
-      <Descriptions column={1} size="small" bordered style={{ marginBottom: 16 }}>
+      <Descriptions
+        column={1}
+        size="small"
+        bordered
+        style={{ marginBottom: 16 }}
+      >
         <Descriptions.Item label="Name">{pageName}</Descriptions.Item>
-        {page.code && <Descriptions.Item label="Code">{page.code}</Descriptions.Item>}
-        {page.path && <Descriptions.Item label="Path">{page.path}</Descriptions.Item>}
+        {page.code && (
+          <Descriptions.Item label="Code">{page.code}</Descriptions.Item>
+        )}
+        {page.path && (
+          <Descriptions.Item label="Path">{page.path}</Descriptions.Item>
+        )}
       </Descriptions>
 
       <Table
@@ -77,20 +110,22 @@ export const PageDetailDrawer: React.FC<PageDetailDrawerProps> = ({
         size="small"
         pagination={resources.length > 10 ? { pageSize: 10 } : false}
         columns={[
-          { title: "Resource Name", dataIndex: "resourceName", width: "40%" },
+          { title: 'Resource Name', dataIndex: 'resourceName', width: '40%' },
           {
-            title: "Permission Actions",
-            dataIndex: "permissionActions",
-            width: "60%",
+            title: 'Permission Actions',
+            dataIndex: 'permissionActions',
+            width: '60%',
             render: (actions: string[]) =>
               actions.length > 0 ? (
                 <Space size={[4, 4]} wrap>
                   {actions.map((action) => (
-                    <Tag key={action} color="blue">{action}</Tag>
+                    <Tag key={action} color="blue">
+                      {action}
+                    </Tag>
                   ))}
                 </Space>
               ) : (
-                <span style={{ color: "#999" }}>-</span>
+                <span style={{ color: '#999' }}>-</span>
               ),
           },
         ]}