@gadmin2n/schematics 0.0.69 → 0.0.71

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

@@ -1,5 +1,5 @@
-import React from "react";
-import { ResourceFormModal } from "./modal";
+import React from 'react';
+import { ResourceFormModal } from './modal';
 
 interface CreateModalProps {
   onClose: () => void;

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

@@ -1,5 +1,5 @@
-import React from "react";
-import { ResourceFormModal } from "./modal";
+import React from 'react';
+import { ResourceFormModal } from './modal';
 
 interface EditModalProps {
   id?: number;

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

@@ -1,8 +1,8 @@
-import React, { useEffect, useMemo } from "react";
-import { useTranslation } from "react-i18next";
-import { Descriptions, Drawer, Space, Table, Tabs, Tag } from "antd";
-import { useFetchData } from "@/hooks/useFetchData";
-import type { Resource } from "../types";
+import React, { useEffect, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Descriptions, Drawer, Space, Table, Tabs, Tag } from 'antd';
+import { useFetchData } from '@/hooks/useFetchData';
+import type { Resource } from '../types';
 
 interface ResourceDetailDrawerProps {
   resource: Resource;
@@ -16,25 +16,35 @@ export const ResourceDetailDrawer: React.FC<ResourceDetailDrawerProps> = ({
   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: pageLoading,
     fetchData: fetchPageResources,
-  } = useFetchData("pageResource/findMany", "post", undefined, true);
+  } = useFetchData('pageResource/findMany', 'post', undefined, true);
 
   const {
     data: roleData,
     loading: roleLoading,
     fetchData: fetchRoles,
-  } = useFetchData("role/findMany", "post", undefined, true);
+  } = useFetchData('role/findMany', 'post', undefined, true);
 
   useEffect(() => {
     if (open) {
       fetchPageResources({
         where: { resourceId: resource.id },
-        include: { page: { select: { id: true, name: true, code: true, zhName: true, enName: true } } },
+        include: {
+          page: {
+            select: {
+              id: true,
+              name: true,
+              code: true,
+              zhName: true,
+              enName: true,
+            },
+          },
+        },
         take: 1000,
       });
       // Query roles with filtered roleResources for this resource
@@ -61,12 +71,12 @@ export const ResourceDetailDrawer: React.FC<ResourceDetailDrawerProps> = ({
     return list.map((item: any) => {
       const page = item.page;
       const pageName = isChinese
-        ? (page?.zhName || page?.name || "-")
-        : (page?.enName || page?.name || "-");
+        ? page?.zhName || page?.name || '-'
+        : page?.enName || page?.name || '-';
       return {
         key: item.id,
         pageName,
-        pageCode: page?.code || "-",
+        pageCode: page?.code || '-',
         actions: Array.isArray(item.actions) ? item.actions : [],
       };
     });
@@ -79,8 +89,8 @@ export const ResourceDetailDrawer: React.FC<ResourceDetailDrawerProps> = ({
       const actions = roleResource?.actions;
       return {
         key: item.id,
-        roleName: item.name || "-",
-        roleCode: item.code || "-",
+        roleName: item.name || '-',
+        roleCode: item.code || '-',
         actions: Array.isArray(actions) ? actions : [],
       };
     });
@@ -88,11 +98,11 @@ export const ResourceDetailDrawer: React.FC<ResourceDetailDrawerProps> = ({
 
   const permissionColumns = [
     {
-      title: "Permissions",
-      dataIndex: "actions",
+      title: 'Permissions',
+      dataIndex: 'actions',
       render: (actions: string[]) => (
         <Space size={[0, 4]} wrap>
-          {actions.map(a => (
+          {actions.map((a) => (
             <Tag key={a}>{a}</Tag>
           ))}
         </Space>
@@ -108,18 +118,25 @@ export const ResourceDetailDrawer: React.FC<ResourceDetailDrawerProps> = ({
       width={560}
       destroyOnClose
     >
-      <Descriptions column={1} size="small" bordered style={{ marginBottom: 16 }}>
+      <Descriptions
+        column={1}
+        size="small"
+        bordered
+        style={{ marginBottom: 16 }}
+      >
         <Descriptions.Item label="Code">{resource.code}</Descriptions.Item>
         <Descriptions.Item label="Name">{resource.name}</Descriptions.Item>
         {resource.description && (
-          <Descriptions.Item label="Description">{resource.description}</Descriptions.Item>
+          <Descriptions.Item label="Description">
+            {resource.description}
+          </Descriptions.Item>
         )}
       </Descriptions>
 
       <Tabs
         items={[
           {
-            key: "pages",
+            key: 'pages',
             label: `Referenced by Pages (${pages.length})`,
             children: (
               <Table
@@ -129,15 +146,15 @@ export const ResourceDetailDrawer: React.FC<ResourceDetailDrawerProps> = ({
                 size="small"
                 pagination={pages.length > 10 ? { pageSize: 10 } : false}
                 columns={[
-                  { title: "Page Name", dataIndex: "pageName", width: "35%" },
-                  { title: "Page Code", dataIndex: "pageCode", width: "25%" },
+                  { title: 'Page Name', dataIndex: 'pageName', width: '35%' },
+                  { title: 'Page Code', dataIndex: 'pageCode', width: '25%' },
                   ...permissionColumns,
                 ]}
               />
             ),
           },
           {
-            key: "roles",
+            key: 'roles',
             label: `Visible to Roles (${roles.length})`,
             children: (
               <Table
@@ -147,7 +164,7 @@ export const ResourceDetailDrawer: React.FC<ResourceDetailDrawerProps> = ({
                 size="small"
                 pagination={roles.length > 10 ? { pageSize: 10 } : false}
                 columns={[
-                  { title: "Role Name", dataIndex: "roleName", width: "35%" },
+                  { title: 'Role Name', dataIndex: 'roleName', width: '35%' },
                   ...permissionColumns,
                 ]}
               />

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

@@ -1,15 +1,15 @@
-import React from "react";
-import { useModalForm } from "@refinedev/antd";
-import { type HttpError, useList } from "@refinedev/core";
-import { Checkbox, Form, Input, Modal, Select } from "antd";
-import type { Resource } from "../types";
-import { ResourceSelect } from "../queries";
-import { PROTECTED_RESOURCES } from "../list";
+import React from 'react';
+import { useModalForm } from '@refinedev/antd';
+import { type HttpError, useList } from '@refinedev/core';
+import { Checkbox, Form, Input, Modal, Select } from 'antd';
+import type { Resource } from '../types';
+import { ResourceSelect } from '../queries';
+import { PROTECTED_RESOURCES } from '../list';
 
 type ResourceFormFields = Partial<Resource>;
 
 type Props = {
-  action: "create" | "edit";
+  action: 'create' | 'edit';
   id?: number;
   onMutationSuccess?: () => void;
   onCancel?: () => void;
@@ -18,9 +18,18 @@ type Props = {
 // Pattern to detect special characters - only allows letters, numbers, and underscores
 const SPECIAL_CHAR_PATTERN = /[^a-zA-Z0-9_]/;
 
-export const ResourceFormModal: React.FC<Props> = ({ action, id, onCancel, onMutationSuccess }) => {
-  const { formProps, modalProps, close } = useModalForm<Resource, HttpError, ResourceFormFields>({
-    resource: "resource",
+export const ResourceFormModal: React.FC<Props> = ({
+  action,
+  id,
+  onCancel,
+  onMutationSuccess,
+}) => {
+  const { formProps, modalProps, close } = useModalForm<
+    Resource,
+    HttpError,
+    ResourceFormFields
+  >({
+    resource: 'resource',
     action,
     id,
     defaultVisible: true,
@@ -34,14 +43,14 @@ export const ResourceFormModal: React.FC<Props> = ({ action, id, onCancel, onMut
 
   // Fetch all resources for code duplication check
   const { data: resourcesData } = useList<Resource>({
-    resource: "resource",
+    resource: 'resource',
     pagination: {
-      mode: "off",
+      mode: 'off',
     },
   });
 
   // Check if current resource is protected (for edit mode)
-  const currentResource = resourcesData?.data?.find(r => r.id === id);
+  const currentResource = resourcesData?.data?.find((r) => r.id === id);
   const isProtectedResource = currentResource
     ? PROTECTED_RESOURCES.includes(currentResource.code.toLowerCase())
     : false;
@@ -57,18 +66,18 @@ export const ResourceFormModal: React.FC<Props> = ({ action, id, onCancel, onMut
         }
         close();
       }}
-      title={action === "create" ? "Create Resource" : "Edit Resource"}
+      title={action === 'create' ? 'Create Resource' : 'Edit Resource'}
     >
       <Form {...formProps} layout="vertical">
         {isProtectedResource && (
           <div
             style={{
-              padding: "12px",
-              marginBottom: "16px",
-              backgroundColor: "#fff7e6",
-              border: "1px solid #ffd591",
-              borderRadius: "4px",
-              color: "#d46b08",
+              padding: '12px',
+              marginBottom: '16px',
+              backgroundColor: '#fff7e6',
+              border: '1px solid #ffd591',
+              borderRadius: '4px',
+              color: '#d46b08',
             }}
           >
             ⚠️ This is a system resource and cannot be modified.
@@ -76,10 +85,11 @@ export const ResourceFormModal: React.FC<Props> = ({ action, id, onCancel, onMut
         )}
         <Form.Item
           rules={[
-            { required: true, message: "Resource Code is required" },
+            { required: true, message: 'Resource Code is required' },
             {
               pattern: /^[a-zA-Z0-9_]+$/,
-              message: "Resource Code can only contain letters, numbers and underscores",
+              message:
+                'Resource Code can only contain letters, numbers and underscores',
             },
             {
               validator: async (_, value) => {
@@ -91,29 +101,39 @@ export const ResourceFormModal: React.FC<Props> = ({ action, id, onCancel, onMut
                 const trimmedValue = value.trim();
 
                 // In edit mode, if value hasn't changed, skip validation
-                if (action === "edit" && currentResource && trimmedValue === currentResource.code) {
+                if (
+                  action === 'edit' &&
+                  currentResource &&
+                  trimmedValue === currentResource.code
+                ) {
                   return Promise.resolve();
                 }
 
                 // Check if trying to use a protected resource code
                 if (PROTECTED_RESOURCES.includes(trimmedValue.toLowerCase())) {
                   return Promise.reject(
-                    new Error("This resource code is reserved for system use and cannot be used."),
+                    new Error(
+                      'This resource code is reserved for system use and cannot be used.',
+                    ),
                   );
                 }
 
                 // Check if resource code already exists (case-insensitive)
-                const isDuplicate = existingResources.some(resource => {
+                const isDuplicate = existingResources.some((resource) => {
                   // Skip current resource when editing
-                  if (action === "edit" && resource.id === id) {
+                  if (action === 'edit' && resource.id === id) {
                     return false;
                   }
-                  return resource.code.toLowerCase() === trimmedValue.toLowerCase();
+                  return (
+                    resource.code.toLowerCase() === trimmedValue.toLowerCase()
+                  );
                 });
 
                 if (isDuplicate) {
                   return Promise.reject(
-                    new Error("Resource code already exists. Please use a different code."),
+                    new Error(
+                      'Resource code already exists. Please use a different code.',
+                    ),
                   );
                 }
 
@@ -126,20 +146,22 @@ export const ResourceFormModal: React.FC<Props> = ({ action, id, onCancel, onMut
         >
           <Input
             placeholder="Enter resource code (e.g., networkincidents, pageresources)"
-            disabled={isProtectedResource || action === "edit"}
+            disabled={isProtectedResource || action === 'edit'}
           />
         </Form.Item>
 
         <Form.Item
           rules={[
-            { required: true, message: "Resource name is required" },
+            { required: true, message: 'Resource name is required' },
             {
               validator: (_, value) => {
                 if (!value || !SPECIAL_CHAR_PATTERN.test(value)) {
                   return Promise.resolve();
                 }
                 return Promise.reject(
-                  new Error("Special characters are not allowed in resource name."),
+                  new Error(
+                    'Special characters are not allowed in resource name.',
+                  ),
                 );
               },
             },
@@ -153,17 +175,23 @@ export const ResourceFormModal: React.FC<Props> = ({ action, id, onCancel, onMut
                 const trimmedValue = value.trim();
 
                 // In edit mode, if value hasn't changed, skip validation
-                if (action === "edit" && currentResource && trimmedValue === currentResource.name) {
+                if (
+                  action === 'edit' &&
+                  currentResource &&
+                  trimmedValue === currentResource.name
+                ) {
                   return Promise.resolve();
                 }
 
                 // Check if resource name already exists (case-insensitive) - warning only
-                const isDuplicate = existingResources.some(resource => {
+                const isDuplicate = existingResources.some((resource) => {
                   // Skip current resource when editing
-                  if (action === "edit" && resource.id === id) {
+                  if (action === 'edit' && resource.id === id) {
                     return false;
                   }
-                  return resource.name.toLowerCase() === trimmedValue.toLowerCase();
+                  return (
+                    resource.name.toLowerCase() === trimmedValue.toLowerCase()
+                  );
                 });
 
                 if (isDuplicate) {

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

@@ -1,2 +1,2 @@
-export { ResourceManagementListPage } from "./list";
-export type { Resource } from "./types";
+export { ResourceManagementListPage } from './list';
+export type { Resource } from './types';

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

@@ -1,17 +1,33 @@
-import React, { useState, useMemo } from "react";
-import { useTable, FilterDropdown } from "@refinedev/antd";
-import { Table, Button, Space, Tooltip, Input } from "antd";
-import { EditOutlined, EyeOutlined, SearchOutlined, CodeOutlined } from "@ant-design/icons";
-import { getDefaultFilter, type HttpError, useGetIdentity } 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 React, { useState, useMemo } from 'react';
+import { useTable, FilterDropdown } from '@refinedev/antd';
+import { Table, Button, Space, Tooltip, Input } from 'antd';
+import {
+  EditOutlined,
+  EyeOutlined,
+  SearchOutlined,
+  CodeOutlined,
+} from '@ant-design/icons';
+import {
+  getDefaultFilter,
+  type HttpError,
+  useGetIdentity,
+} 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';
 
 // System resources that cannot be modified (use Set for O(1) lookup performance)
 // System resources that cannot be modified
-export const PROTECTED_RESOURCES = ["pageresource", "resource", "page", "rolepages", "role", "roleresource"];
+export const PROTECTED_RESOURCES = [
+  'pageresource',
+  'resource',
+  'page',
+  'rolepages',
+  'role',
+  'roleresource',
+];
 
 export const ResourceManagementListPage: React.FC = () => {
   const { data: identity } = useGetIdentity<any>();
@@ -20,33 +36,32 @@ export const ResourceManagementListPage: React.FC = () => {
     HttpError,
     Partial<Resource>
   >({
-    resource: "resource",
+    resource: 'resource',
     syncWithLocation: false, // Disable URL sync to keep URL clean
     pagination: {
       pageSize: 20,
     },
     onSearch: (values: Partial<Resource>) => {
       return Object.entries(values)
-        .filter(([, value]) => value !== undefined && value !== "")
+        .filter(([, value]) => value !== undefined && value !== '')
         .map(([field, value]) => ({
           field,
-          operator: "contains" as const,
-          value: value || "",
+          operator: 'contains' as const,
+          value: value || '',
         }));
     },
     filters: {
       initial: [
-        { field: "code", operator: "contains", value: "" },
-        { field: "name", operator: "contains", value: "" },
+        { field: 'code', operator: 'contains', value: '' },
+        { field: 'name', operator: 'contains', value: '' },
       ],
-      defaultBehavior: "merge",
-    },
-    sorters: {
+      defaultBehavior: 'merge',
     },
+    sorters: {},
   });
 
   const [showModal, setShowModal] = useState<{
-    type: "edit" | "create" | null;
+    type: 'edit' | 'create' | null;
     id: number | null;
   }>({
     type: null,
@@ -59,18 +74,21 @@ export const ResourceManagementListPage: React.FC = () => {
     open: boolean;
     title: string;
     sql: string;
-  }>({ open: false, title: "", sql: "" });
+  }>({ open: false, title: '', sql: '' });
 
   const handleShowSql = (record: Resource) => {
-    const operator = { authorId: identity?.userid, authorName: identity?.username };
+    const operator = {
+      authorId: identity?.userid,
+      authorName: identity?.username,
+    };
     const sql = generateResourceSql(record, operator);
     setSqlModal({ open: true, title: `SQL — Resource: ${record.code}`, sql });
   };
 
   // fix for ant design filter dropdown contains operator
-  filters.map(filter => {
-    if (filter.operator === "contains" && Array.isArray(filter.value)) {
-      filter.value = filter.value.join(",");
+  filters.map((filter) => {
+    if (filter.operator === 'contains' && Array.isArray(filter.value)) {
+      filter.value = filter.value.join(',');
     }
   });
 
@@ -80,7 +98,10 @@ export const ResourceManagementListPage: React.FC = () => {
     const dataSource = tableProps.dataSource || [];
     const map = new Map<number, boolean>();
     dataSource.forEach((record: Resource) => {
-      map.set(record.id, PROTECTED_RESOURCES.includes(record.code.toLowerCase()));
+      map.set(
+        record.id,
+        PROTECTED_RESOURCES.includes(record.code.toLowerCase()),
+      );
     });
     return map;
   }, [tableProps.dataSource]);
@@ -101,7 +122,7 @@ export const ResourceManagementListPage: React.FC = () => {
           type="primary"
           onClick={() =>
             setShowModal({
-              type: "create",
+              type: 'create',
               id: null,
             })
           }
@@ -114,8 +135,8 @@ export const ResourceManagementListPage: React.FC = () => {
           dataIndex="code"
           title="Code"
           sorter={(a: Resource, b: Resource) => a.code.localeCompare(b.code)}
-          defaultFilteredValue={getDefaultFilter("code", filters, "contains")}
-          filterDropdown={props => (
+          defaultFilteredValue={getDefaultFilter('code', filters, 'contains')}
+          filterDropdown={(props) => (
             <FilterDropdown
               {...props}
               clearFilters={() => {
@@ -132,8 +153,8 @@ export const ResourceManagementListPage: React.FC = () => {
           dataIndex="name"
           title="Name"
           sorter={(a: Resource, b: Resource) => a.name.localeCompare(b.name)}
-          defaultFilteredValue={getDefaultFilter("name", filters, "contains")}
-          filterDropdown={props => (
+          defaultFilteredValue={getDefaultFilter('name', filters, 'contains')}
+          filterDropdown={(props) => (
             <FilterDropdown
               {...props}
               clearFilters={() => {
@@ -150,7 +171,9 @@ export const ResourceManagementListPage: React.FC = () => {
         <Table.Column
           dataIndex="creator"
           title="Creator"
-          sorter={(a: Resource, b: Resource) => (a.creator || "").localeCompare(b.creator || "")}
+          sorter={(a: Resource, b: Resource) =>
+            (a.creator || '').localeCompare(b.creator || '')
+          }
         />
         <Table.Column
           title="Actions"
@@ -166,13 +189,21 @@ export const ResourceManagementListPage: React.FC = () => {
                     onClick={() => setDrawerResource(record)}
                   />
                 </Tooltip>
-                <Tooltip title={isProtected ? "This is a system resource and cannot be modified" : "Edit"}>
+                <Tooltip
+                  title={
+                    isProtected
+                      ? 'This is a system resource and cannot be modified'
+                      : 'Edit'
+                  }
+                >
                   <Button
                     type="default"
                     size="small"
                     icon={<EditOutlined />}
                     disabled={isProtected}
-                    onClick={() => setShowModal({ type: "edit", id: record.id })}
+                    onClick={() =>
+                      setShowModal({ type: 'edit', id: record.id })
+                    }
                   />
                 </Tooltip>
                 <Tooltip title="Generate SQL">
@@ -188,11 +219,18 @@ export const ResourceManagementListPage: React.FC = () => {
           }}
         />
       </Table>
-      {showModal.type === "edit" && showModal.id && (
-        <EditModal id={showModal.id} onClose={handleModalClose} onSuccess={handleModalSuccess} />
+      {showModal.type === 'edit' && showModal.id && (
+        <EditModal
+          id={showModal.id}
+          onClose={handleModalClose}
+          onSuccess={handleModalSuccess}
+        />
       )}
-      {showModal.type === "create" && (
-        <CreateModal onClose={handleModalClose} onSuccess={handleModalSuccess} />
+      {showModal.type === 'create' && (
+        <CreateModal
+          onClose={handleModalClose}
+          onSuccess={handleModalSuccess}
+        />
       )}
       {drawerResource && (
         <ResourceDetailDrawer
@@ -203,7 +241,7 @@ export const ResourceManagementListPage: React.FC = () => {
       )}
       <SqlModal
         open={sqlModal.open}
-        onClose={() => setSqlModal({ open: false, title: "", sql: "" })}
+        onClose={() => setSqlModal({ open: false, title: '', sql: '' })}
         title={sqlModal.title}
         sql={sqlModal.sql}
       />

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

@@ -1,7 +1,7 @@
-import React from "react";
+import React from 'react';
 
-import { RoleFormModal } from "./modal";
-import type { RolePageTreeNode } from "../types";
+import { RoleFormModal } from './modal';
+import type { RolePageTreeNode } from '../types';
 
 interface CreateModalProps {
   onClose: () => void;

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

@@ -1,7 +1,7 @@
-import React from "react";
+import React from 'react';
 
-import { RoleFormModal } from "./modal";
-import type { RolePageTreeNode } from "../types";
+import { RoleFormModal } from './modal';
+import type { RolePageTreeNode } from '../types';
 
 type RolePermissionSummary = {
   pageIds: number[];
@@ -25,7 +25,7 @@ export const EditModal: React.FC<EditModalProps> = ({
   rolePermissionSummary,
 }) => {
   const normalizedPageIds = rolePermissionSummary?.pageIds?.map((pageId) =>
-    String(pageId)
+    String(pageId),
   );
 
   const handleMutationSuccess = () => {