@gadmin2n/schematics 0.0.65 → 0.0.67

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

@@ -1,17 +1,20 @@
 import React, { useCallback, useMemo, useState } from "react";
 import { useTable } from "@refinedev/antd";
-import { useGetLocale } from "@refinedev/core";
-import { Table, Button, Space, Tooltip } from "antd";
+import { useGetLocale, useGetIdentity } from "@refinedev/core";
+import { Table, Button, Space, Tooltip, message } from "antd";
 
 import { EditModal } from "./Components/EditModal";
 import { CreateModal } from "./Components/CreateModal";
 import type { RolePageTreeNode } from "./types";
 import { useRolePage } from "./hooks/useRolePage";
-import { EditOutlined, EyeOutlined } from "@ant-design/icons";
+import { EditOutlined, EyeOutlined, CodeOutlined } from "@ant-design/icons";
 import { RoleDetailDrawer } from "./Components/RoleDetailDrawer";
+import { SqlModal, generateRoleSql } from "../../components/SqlModal";
+import { customRequest } from "@/helpers/http";
 
 type RolePageInfo = {
   id: number;
+  code: string;
   name: string;
   menuPath: string;
 };
@@ -74,6 +77,7 @@ const extractActionsFromRelation = (relation: any, pageRecord: any): string[] =>
 export const RoleManagementListPage: React.FC = () => {
   const getLocale = useGetLocale();
   const currentLocale = getLocale();
+  const { data: identity } = useGetIdentity<any>();
 
   const { tableProps } = useTable({
     resource: "role",
@@ -241,6 +245,7 @@ export const RoleManagementListPage: React.FC = () => {
       if (!summary.pageInfos.some(p => p.id === pageId)) {
         summary.pageInfos.push({
           id: pageId,
+          code: pageRecord?.code ?? "",
           name: localizedName,
           menuPath: buildMenuPath(pageId),
         });
@@ -296,6 +301,36 @@ export const RoleManagementListPage: React.FC = () => {
     id: null,
   });
 
+  const [sqlModal, setSqlModal] = useState<{
+    open: boolean;
+    title: string;
+    sql: string;
+  }>({ open: false, title: "", sql: "" });
+
+  const handleShowSql = useCallback(async (record: any) => {
+    const summary = rolePermissionSummary[record.id];
+    const rolePages = summary?.pageInfos?.map(p => ({ pageId: p.id, pageCode: p.code, pageName: p.name })) ?? [];
+
+    let roleResources: Array<{ resourceCode: string; resourceName: string; actions: string[] }> = [];
+    try {
+      const resp: any = await customRequest("roleResource/findMany", "post", {
+        where: { roleId: record.id },
+        include: { resource: true },
+      });
+      const items: any[] = Array.isArray(resp?.data) ? resp.data : [];
+      roleResources = items.map(item => ({
+        resourceCode: item.resource?.code ?? String(item.resourceId),
+        resourceName: item.resource?.name ?? String(item.resourceId),
+        actions: Array.isArray(item.actions) ? item.actions : [],
+      }));
+    } catch {
+      message.warning("Could not fetch role resource details; SQL will omit permissions.");
+    }
+
+    const sql = generateRoleSql(record, rolePages, roleResources, { authorId: identity?.userid, authorName: identity?.username });
+    setSqlModal({ open: true, title: `SQL — Role: ${record.name}`, sql });
+  }, [rolePermissionSummary]);
+
   const refreshRoleRelatedData = useCallback(() => {
     refetchRolePages(rolePagesQuery ?? {});
     refetchPages(pageQuery ?? {});
@@ -349,6 +384,14 @@ export const RoleManagementListPage: React.FC = () => {
                   onClick={() => setShowModal({ type: "edit", id: record.id })}
                 />
               </Tooltip>
+              <Tooltip title="Generate SQL">
+                <Button
+                  type="default"
+                  size="small"
+                  icon={<CodeOutlined />}
+                  onClick={() => handleShowSql(record)}
+                />
+              </Tooltip>
             </Space>
           )}
         />
@@ -377,6 +420,12 @@ export const RoleManagementListPage: React.FC = () => {
           pageTreeData={pageTreeData}
         />
       )}
+      <SqlModal
+        open={sqlModal.open}
+        onClose={() => setSqlModal({ open: false, title: "", sql: "" })}
+        title={sqlModal.title}
+        sql={sqlModal.sql}
+      />
     </div>
   );
 };

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/user/components/form-modal.tsx

@@ -6,8 +6,8 @@ import { type HttpError, type RedirectAction } from "@refinedev/core";
 import { Button, Form, Input, Modal, Select, Space, Switch } from "antd";
 import { ReloadOutlined } from "@ant-design/icons";
 
-import { useRoles } from "hooks/useRoles";
-import { User } from "types";
+import { useRoles } from "@/hooks/useRoles";
+import { User } from "@/types";
 
 import { UserSelect } from "../queries";
 

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

@@ -7,8 +7,8 @@ import { CloseOutlined } from "@ant-design/icons";
 import { Button, Drawer, Space, Tag, Typography } from "antd";
 import dayjs from "dayjs";
 
-import styles from "styles/show-drawer.module.css";
-import { User } from "types";
+import styles from "@/styles/show-drawer.module.css";
+import { User } from "@/types";
 
 import { UserSelect } from "../queries";
 

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

@@ -1,8 +1 @@
-export * from "./list";
-
-// Stub exports for generated/resources.tsx compatibility
-const EmptyComponent = () => null;
-export const UserCreate = EmptyComponent;
-export const UserEdit = EmptyComponent;
-export const UserList = EmptyComponent;
-export const UserShow = EmptyComponent;
+export * from "./list";

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

@@ -8,10 +8,10 @@ import {
   ShowButton,
   useTable,
 } from "@refinedev/antd";
-import { getDefaultFilter, type HttpError } from "@refinedev/core";
+import { getDefaultFilter, type HttpError, useGetIdentity } from "@refinedev/core";
 
-import { PlusOutlined } from "@ant-design/icons";
-import { Button, Form, Input, Select, Space, Table, Tag } from "antd";
+import { PlusOutlined, CodeOutlined } from "@ant-design/icons";
+import { Button, Form, Input, Select, Space, Table, Tag, Tooltip } from "antd";
 import debounce from "lodash/debounce";
 
 import {
@@ -19,17 +19,19 @@ import {
   PaginationTotal,
   RoleStatusTag,
   Text,
-} from "components";
-import { useRoles } from "hooks/useRoles";
-import { User } from "types";
+} from "@/components";
+import { useRoles } from "@/hooks/useRoles";
+import { User } from "@/types";
 
 import { CreateModal } from "./components/create-modal";
 import { EditModal } from "./components/edit-modal";
 import { ShowDrawer } from "./components/show-drawer";
-import { LIST_CONTENT_PROPS } from "constants/layout";
+import { LIST_CONTENT_PROPS } from "@/constants/layout";
+import { SqlModal, generateUserSql } from "../../components/SqlModal";
 
 export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
   const [form] = Form.useForm();
+  const { data: identity } = useGetIdentity<any>();
   
   // Fetch roles from backend using custom hook
   const { roleOptions, loading: rolesLoading } = useRoles();
@@ -116,6 +118,18 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
     id: null,
   });
 
+  const [sqlModal, setSqlModal] = useState<{
+    open: boolean;
+    title: string;
+    sql: string;
+  }>({ open: false, title: "", sql: "" });
+
+  const handleShowSql = (record: any) => {
+    const operator = { authorId: identity?.userid, authorName: identity?.username };
+    const sql = generateUserSql(record, operator);
+    setSqlModal({ open: true, title: `SQL — User: ${record.userid}`, sql });
+  };
+
   // 处理modal关闭
   const handleModalClose = () => {
     setShowModal({ type: null, id: null });
@@ -169,7 +183,7 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
             title="User Name"
             filterDropdown={(props) => (
               <FilterDropdown
-                {...(props as any)}
+                {...props}
                 clearFilters={() => {
                   props.setSelectedKeys([]);
                   props.confirm?.();
@@ -195,7 +209,7 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
             )}
             filterDropdown={(props) => (
               <FilterDropdown
-                {...(props as any)}
+                {...props}
                 clearFilters={() => {
                   props.setSelectedKeys([]);
                   props.confirm?.();
@@ -223,7 +237,7 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
             defaultFilteredValue={getDefaultFilter("isApiKey", filters, "eq")}
             filterDropdown={(props) => (
               <FilterDropdown
-                {...(props as any)}
+                {...props}
                 mapValue={(selectedKeys) => {
                   if (selectedKeys?.[0] === "Yes") return true;
                   if (selectedKeys?.[0] === "No") return false;
@@ -257,7 +271,7 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
             defaultFilteredValue={getDefaultFilter("isActive", filters, "eq")}
             filterDropdown={(props) => (
               <FilterDropdown
-                {...(props as any)}
+                {...props}
                 mapValue={(selectedKeys) => {
                   if (selectedKeys?.[0] === "Active") return true;
                   if (selectedKeys?.[0] === "Inactive") return false;
@@ -308,6 +322,14 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
                       setShowModal({ type: "edit", id: record.id })
                     }
                   />
+                  <Tooltip title="Generate SQL">
+                    <Button
+                      size="small"
+                      icon={<CodeOutlined />}
+                      style={{ backgroundColor: "transparent" }}
+                      onClick={() => handleShowSql(record)}
+                    />
+                  </Tooltip>
                   <DeleteButton
                     hideText
                     size="small"
@@ -336,6 +358,14 @@ export const UserListPage: React.FC<PropsWithChildren> = ({ children }) => {
         <CreateModal onClose={handleModalClose} />
       )}
 
+      {/* SQL Modal */}
+      <SqlModal
+        open={sqlModal.open}
+        onClose={() => setSqlModal({ open: false, title: "", sql: "" })}
+        title={sqlModal.title}
+        sql={sqlModal.sql}
+      />
+
       {children}
     </div>
   );

package/dist/lib/application/files/gadmin2-game-angle-demo/web/tsconfig.json

@@ -20,7 +20,8 @@
     "jsx": "react-jsx",
     "baseUrl": "src",
     "paths": {
-      "*": ["./*"]
+      "*": ["./*"],
+      "@/*": ["./*"]
     }
   },
   "include": ["src"]