@gadmin2n/schematics 0.0.149 → 0.0.151

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

@@ -173,6 +173,14 @@ const faqItems = [
     label: 'iframe 页面加载失败？',
     children: (
       <ol>
+        <li>
+          <Text strong>先确认本项目是否已实现 iframe 能力</Text>：若{' '}
+          <Text code>App.tsx</Text> 的兜底路由仍是{' '}
+          <Text code>ErrorComponent</Text>（未接入{' '}
+          <Text code>WildcardPage</Text>），则 <Text code>iframeUrl</Text>{' '}
+          不会生效，点菜单必然 404 —— 这与目标网站的设置无关。详见「iframe
+          嵌入」标签页顶部的说明。
+        </li>
         <li>
           检查目标网站是否允许被 iframe 嵌入（X-Frame-Options /
           Content-Security-Policy 头）
@@ -269,17 +277,22 @@ const comparisonColumns = [
   { title: '原生页面', dataIndex: 'native', key: 'native' },
   { title: '外部链接', dataIndex: 'external', key: 'external' },
   { title: 'iframe 嵌入', dataIndex: 'iframe', key: 'iframe' },
-  { title: '动态菜单', dataIndex: 'dynamic', key: 'dynamic' },
 ];
 
 const comparisonData = [
+  {
+    key: 'support',
+    item: '本项目是否可用',
+    native: '是',
+    external: '否（未实现 WildcardPage）',
+    iframe: '否（未实现 WildcardPage）',
+  },
   {
     key: 'scene',
     item: '适用场景',
     native: '内部开发的完整功能页面',
     external: '跳转到外部系统（Wiki、文档等）',
     iframe: '在应用内嵌入外部页面（报表等）',
-    dynamic: '同一组件多实例（如工作室列表）',
   },
   {
     key: 'registry',
@@ -287,7 +300,6 @@ const comparisonData = [
     native: '是（config/routeRegistry.tsx）',
     external: '否',
     iframe: '否',
-    dynamic: '是（config/dynamicMenus.ts 配置）',
   },
   {
     key: 'component',
@@ -295,7 +307,6 @@ const comparisonData = [
     native: '是',
     external: '否',
     iframe: '否',
-    dynamic: '是（共享组件）',
   },
   {
     key: 'tpage',
@@ -303,7 +314,6 @@ const comparisonData = [
     native: '是（code = routeRegistry key）',
     external: '是（填 externalRedirectUrl）',
     iframe: '是（填 iframeUrl）',
-    dynamic: '是（父级目录）',
   },
   {
     key: 'url',
@@ -311,7 +321,6 @@ const comparisonData = [
     native: 'code, path, parentId',
     external: 'externalRedirectUrl',
     iframe: 'iframeUrl',
-    dynamic: 'code（如 invested / native）',
   },
   {
     key: 'behavior',
@@ -319,7 +328,6 @@ const comparisonData = [
     native: '应用内完整渲染',
     external: '新窗口打开 + 自动返回',
     iframe: '应用框架内嵌入',
-    dynamic: '应用内完整渲染',
   },
   {
     key: 'template',
@@ -327,7 +335,6 @@ const comparisonData = [
     native: '—',
     external: '是',
     iframe: '是',
-    dynamic: '—',
   },
 ];
 
@@ -654,6 +661,26 @@ staff: {
               label: '外部链接',
               children: (
                 <>
+                  <Alert
+                    type="warning"
+                    showIcon
+                    message="本项目暂不支持外部链接菜单"
+                    description={
+                      <>
+                        <Text code>externalRedirectUrl</Text>{' '}
+                        字段在数据库和本页表单里都存在，但本项目未实现渲染它的{' '}
+                        <Text code>WildcardPage</Text> 通配组件（
+                        <Text code>App.tsx</Text> 的兜底路由目前直接返回
+                        404）。填了该字段能保存成功，
+                        <Text strong>但点击菜单会 404</Text>。
+                        <br />
+                        以下内容描述的是上游 ERP
+                        项目的机制，供将来移植参考。当前若需要外部系统入口，
+                        请做一个极薄的自定义页面（页面内放跳转按钮）。
+                      </>
+                    }
+                    style={{ marginBottom: 16 }}
+                  />
                   <Paragraph>
                     外部链接方式<Text strong>无需编写任何前端代码</Text>
                     ，只需在 Page Management 中创建一条 t_page 记录，并填写{' '}
@@ -718,6 +745,24 @@ staff: {
               label: 'iframe 嵌入',
               children: (
                 <>
+                  <Alert
+                    type="warning"
+                    showIcon
+                    message="本项目暂不支持 iframe 菜单"
+                    description={
+                      <>
+                        <Text code>iframeUrl</Text>{' '}
+                        字段在数据库和本页表单里都存在，但本项目未实现渲染它的{' '}
+                        <Text code>WildcardPage</Text> 通配组件（
+                        <Text code>App.tsx</Text> 的兜底路由目前直接返回
+                        404）。填了该字段能保存成功，
+                        <Text strong>但点击菜单会 404</Text>。
+                        <br />
+                        以下内容描述的是上游 ERP 项目的机制，供将来移植参考。
+                      </>
+                    }
+                    style={{ marginBottom: 16 }}
+                  />
                   <Paragraph>
                     iframe 方式同样<Text strong>无需编写前端代码</Text>
                     ，在 Page Management 中填写 <Text code>iframeUrl</Text>{' '}
@@ -771,107 +816,6 @@ staff: {
                 </>
               ),
             },
-            {
-              key: 'dynamic',
-              label: '动态菜单',
-              children: (
-                <>
-                  <Paragraph>
-                    动态菜单适用于
-                    <Text strong>同一个页面组件需要生成多个菜单项</Text>
-                    的场景。通过 <Text code>
-                      src/config/dynamicMenus.ts
-                    </Text>{' '}
-                    的配置驱动方案，开发者只需添加一条配置即可新增动态菜单组。
-                  </Paragraph>
-
-                  <Title level={5}>配置方式</Title>
-                  <Paragraph>
-                    在 <Text code>src/config/dynamicMenus.ts</Text> 中的{' '}
-                    <Text code>dynamicMenuGroups</Text> 数组中添加一条配置：
-                  </Paragraph>
-                  <pre
-                    style={{
-                      background: 'var(--ant-color-fill-quaternary)',
-                      padding: 16,
-                      borderRadius: 6,
-                      overflow: 'auto',
-                      fontSize: 13,
-                      lineHeight: 1.6,
-                    }}
-                  >{`// src/config/dynamicMenus.ts
-interface DynamicMenuGroup {
-  parentCode: string;    // 父级 page code（需在 t_page 注册）
-  routePrefix: string;   // 路由前缀，如 "/rd/invested"
-  items: string[];       // 子项列表，每项生成一个菜单项和路由
-  component: LazyExoticComponent<ComponentType<any>>;  // 共享组件
-}
-
-// 示例：RD 工作室
-{
-  parentCode: "invested",
-  routePrefix: "/rd/invested",
-  items: studioMap.investedStudios,
-  component: lazy(() => import("@/routes/rd/rdec")),
-}`}</pre>
-
-                  <Alert
-                    type="info"
-                    showIcon
-                    message="权限控制"
-                    description={
-                      <>
-                        动态菜单的权限以 <Text code>parentCode</Text>{' '}
-                        为单位控制。例如为角色分配 <Text code>invested</Text>{' '}
-                        页面后，该角色可以看到该组下所有子菜单项。无需为每个子项单独配置权限。
-                      </>
-                    }
-                    style={{ marginTop: 16 }}
-                  />
-
-                  <Divider />
-                  <Title level={5}>添加新动态菜单组的步骤</Title>
-                  <ol>
-                    <li>
-                      在 <Text code>t_page</Text> 中注册父级页面（设置{' '}
-                      <Text code>code</Text>、<Text code>parentId</Text>）
-                    </li>
-                    <li>
-                      在 <Text code>src/config/dynamicMenus.ts</Text> 的{' '}
-                      <Text code>dynamicMenuGroups</Text> 数组中添加一条配置
-                    </li>
-                    <li>
-                      路由和菜单项会自动生成，无需修改{' '}
-                      <Text code>routeRegistry.tsx</Text>、
-                      <Text code>App.tsx</Text> 或{' '}
-                      <Text code>useDynamicResources.tsx</Text>
-                    </li>
-                  </ol>
-
-                  <Divider />
-                  <Title level={5}>现有示例：RD 工作室</Title>
-                  <Paragraph>
-                    当前系统中 RD 模块的 invested（投资工作室）和
-                    native（自研工作室）使用动态菜单：
-                  </Paragraph>
-                  <ul>
-                    <li>
-                      工作室列表定义在 <Text code>src/config/studio.ts</Text> 的{' '}
-                      <Text code>studioMap</Text> 中
-                    </li>
-                    <li>
-                      所有工作室路由共享同一个 <Text code>RDEC</Text>{' '}
-                      组件，组件内从 URL 提取工作室名称
-                    </li>
-                    <li>
-                      添加新工作室只需在 <Text code>studio.ts</Text> 的{' '}
-                      <Text code>StudioEnum</Text> 和{' '}
-                      <Text code>studioMap</Text> 中添加条目即可
-                    </li>
-                  </ul>
-                </>
-              ),
-            },
           ]}
         />
       </Card>

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

@@ -5,18 +5,16 @@ import {
   EditOutlined,
   EyeOutlined,
   SearchOutlined,
-  CodeOutlined,
+  ExportOutlined,
+  ImportOutlined,
 } from '@ant-design/icons';
-import {
-  getDefaultFilter,
-  type HttpError,
-  useGetIdentity,
-} from '@refinedev/core';
+import { getDefaultFilter, type HttpError } from '@refinedev/core';
 import type { Resource } from './types';
 import { EditModal } from './components/EditModal';
 import { CreateModal } from './components/CreateModal';
 import { ResourceDetailDrawer } from './components/ResourceDetailDrawer';
-import { SqlModal, generateResourceSql } from '../../components/SqlModal';
+import { TransferExportModal } from 'components/TransferExportModal';
+import { TransferImportModal } from 'components/TransferImportModal';
 import { PageHeader } from 'components';
 import { PAGE_WRAPPER_STYLE } from 'constants/layout';
 
@@ -32,7 +30,6 @@ export const PROTECTED_RESOURCES = [
 ];
 
 export const ResourceManagementListPage: React.FC = () => {
-  const { data: identity } = useGetIdentity<any>();
   const {
     tableProps,
     filters,
@@ -72,20 +69,8 @@ export const ResourceManagementListPage: React.FC = () => {
 
   const [drawerResource, setDrawerResource] = useState<Resource | null>(null);
 
-  const [sqlModal, setSqlModal] = useState<{
-    open: boolean;
-    title: string;
-    sql: string;
-  }>({ open: false, title: '', sql: '' });
-
-  const handleShowSql = (record: Resource) => {
-    const operator = {
-      authorId: identity?.userid,
-      authorName: identity?.username,
-    };
-    const sql = generateResourceSql(record, operator);
-    setSqlModal({ open: true, title: `SQL — Resource: ${record.code}`, sql });
-  };
+  const [exportEndpoint, setExportEndpoint] = useState<string | null>(null);
+  const [importOpen, setImportOpen] = useState(false);
 
   // fix for ant design filter dropdown contains operator
   filters.map((filter) => {
@@ -122,17 +107,25 @@ export const ResourceManagementListPage: React.FC = () => {
       <PageHeader
         title="Resource mgnts"
         extra={
-          <Button
-            type="primary"
-            onClick={() =>
-              setShowModal({
-                type: 'create',
-                id: null,
-              })
-            }
-          >
-            Create Resource
-          </Button>
+          <Space>
+            <Button
+              icon={<ImportOutlined />}
+              onClick={() => setImportOpen(true)}
+            >
+              Import
+            </Button>
+            <Button
+              type="primary"
+              onClick={() =>
+                setShowModal({
+                  type: 'create',
+                  id: null,
+                })
+              }
+            >
+              Create Resource
+            </Button>
+          </Space>
         }
       />
       <Card className="card-table">
@@ -212,12 +205,16 @@ export const ResourceManagementListPage: React.FC = () => {
                       }
                     />
                   </Tooltip>
-                  <Tooltip title="Generate SQL">
+                  <Tooltip title="Export">
                     <Button
                       type="default"
                       size="small"
-                      icon={<CodeOutlined />}
-                      onClick={() => handleShowSql(record)}
+                      icon={<ExportOutlined />}
+                      onClick={() =>
+                        setExportEndpoint(
+                          `resource/${encodeURIComponent(record.code)}/export-token`,
+                        )
+                      }
                     />
                   </Tooltip>
                 </Space>
@@ -246,11 +243,18 @@ export const ResourceManagementListPage: React.FC = () => {
           onClose={() => setDrawerResource(null)}
         />
       )}
-      <SqlModal
-        open={sqlModal.open}
-        onClose={() => setSqlModal({ open: false, title: '', sql: '' })}
-        title={sqlModal.title}
-        sql={sqlModal.sql}
+      <TransferExportModal
+        open={!!exportEndpoint}
+        exportTokenEndpoint={exportEndpoint}
+        entity="resource"
+        onClose={() => setExportEndpoint(null)}
+      />
+      <TransferImportModal
+        open={importOpen}
+        onClose={() => setImportOpen(false)}
+        onSuccess={() => tableQueryResult?.refetch()}
+        previewEndpoint="resource/import-preview"
+        confirmEndpoint="resource/import-confirm"
       />
     </div>
   );

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

@@ -1,16 +1,21 @@
 import React, { useCallback, useMemo, useState } from 'react';
 import { useTable } from '@refinedev/antd';
-import { useGetLocale, useGetIdentity } from '@refinedev/core';
-import { Table, Button, Card, Space, Tooltip, message } from 'antd';
+import { useGetLocale } from '@refinedev/core';
+import { Table, Button, Card, Space, Tooltip } 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, CodeOutlined } from '@ant-design/icons';
+import {
+  EditOutlined,
+  EyeOutlined,
+  ExportOutlined,
+  ImportOutlined,
+} from '@ant-design/icons';
 import { RoleDetailDrawer } from './components/RoleDetailDrawer';
-import { SqlModal, generateRoleSql } from '../../components/SqlModal';
-import { customRequest } from '@/helpers/http';
+import { TransferExportModal } from '@/components/TransferExportModal';
+import { TransferImportModal } from '@/components/TransferImportModal';
 import { buildPageTree } from '@/helpers/page-tree';
 import { PageHeader } from 'components';
 import { PAGE_WRAPPER_STYLE } from 'constants/layout';
@@ -85,9 +90,8 @@ const extractActionsFromRelation = (
 export const RoleManagementListPage: React.FC = () => {
   const getLocale = useGetLocale();
   const currentLocale = getLocale();
-  const { data: identity } = useGetIdentity<any>();
 
-  const { tableProps } = useTable({
+  const { tableProps, tableQuery: tableQueryResult } = useTable({
     resource: 'role',
     pagination: {
       pageSize: 20,
@@ -258,52 +262,8 @@ 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, identity],
-  );
+  const [exportEndpoint, setExportEndpoint] = useState<string | null>(null);
+  const [importOpen, setImportOpen] = useState(false);
 
   const refreshRoleRelatedData = useCallback(() => {
     refetchRolePages(rolePagesQuery ?? {});
@@ -324,17 +284,25 @@ export const RoleManagementListPage: React.FC = () => {
       <PageHeader
         title="Role mgnts"
         extra={
-          <Button
-            type="primary"
-            onClick={() =>
-              setShowModal({
-                type: 'create',
-                id: null,
-              })
-            }
-          >
-            Create Role
-          </Button>
+          <Space>
+            <Button
+              icon={<ImportOutlined />}
+              onClick={() => setImportOpen(true)}
+            >
+              Import
+            </Button>
+            <Button
+              type="primary"
+              onClick={() =>
+                setShowModal({
+                  type: 'create',
+                  id: null,
+                })
+              }
+            >
+              Create Role
+            </Button>
+          </Space>
         }
       />
       <Card className="card-table">
@@ -364,12 +332,16 @@ export const RoleManagementListPage: React.FC = () => {
                     }
                   />
                 </Tooltip>
-                <Tooltip title="Generate SQL">
+                <Tooltip title="Export">
                   <Button
                     type="default"
                     size="small"
-                    icon={<CodeOutlined />}
-                    onClick={() => handleShowSql(record)}
+                    icon={<ExportOutlined />}
+                    onClick={() =>
+                      setExportEndpoint(
+                        `role/${encodeURIComponent(record.name)}/export-token`,
+                      )
+                    }
                   />
                 </Tooltip>
               </Space>
@@ -401,11 +373,18 @@ export const RoleManagementListPage: React.FC = () => {
           pageTreeData={pageTreeData}
         />
       )}
-      <SqlModal
-        open={sqlModal.open}
-        onClose={() => setSqlModal({ open: false, title: '', sql: '' })}
-        title={sqlModal.title}
-        sql={sqlModal.sql}
+      <TransferExportModal
+        open={!!exportEndpoint}
+        exportTokenEndpoint={exportEndpoint}
+        entity="role"
+        onClose={() => setExportEndpoint(null)}
+      />
+      <TransferImportModal
+        open={importOpen}
+        onClose={() => setImportOpen(false)}
+        onSuccess={() => tableQueryResult?.refetch()}
+        previewEndpoint="role/import-preview"
+        confirmEndpoint="role/import-confirm"
       />
     </div>
   );