@gadmin2n/schematics 0.0.68 → 0.0.70

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

@@ -4,7 +4,7 @@ import {
   ModelsFieldsTypeMap,
   ModelType,
   convertPrismaDecimal,
-} from "@gadmin2n/react-common";
+} from '@gadmin2n/react-common';
 import {
   TagField,
   MarkdownField,
@@ -17,13 +17,13 @@ import {
   BooleanField,
   NumberField,
   ShowButton,
-} from "@refinedev/antd";
-import { CheckCircleTwoTone, CloseCircleTwoTone } from "@ant-design/icons";
-import { Space, Typography } from "antd";
-import React from "react";
-import { agentAttrs } from "../components/agentPanel/agentAttributes";
+} from '@refinedev/antd';
+import { CheckCircleTwoTone, CloseCircleTwoTone } from '@ant-design/icons';
+import { Space, Typography } from 'antd';
+import React from 'react';
+import { agentAttrs } from '../components/agentPanel/agentAttributes';
 
-const { Title, Text } = Typography;
+const { Text } = Typography;
 
 export function getShowField(
   field: FieldDataType,
@@ -31,21 +31,21 @@ export function getShowField(
   record: any,
   t: I18N_T,
   model: ModelType,
-  modelsMap: ModelsFieldsTypeMap
+  modelsMap: ModelsFieldsTypeMap,
 ) {
   const { type: fieldType, args } = field.uiType.formItem;
   const fieldName = field.name;
   let value = (record as any)?.[fieldName];
-  if (fieldName.includes(".")) {
-    const attrs = fieldName.split(".");
+  if (fieldName.includes('.')) {
+    const attrs = fieldName.split('.');
     value = (record as any)?.[attrs[0]]?.[attrs[1]];
   }
   let element = <Text>{value}</Text>;
   if (field.render) {
     element = field.render(value);
   } else if (
-    !fieldName.includes(".") &&
-    field.kind === "object" &&
+    !fieldName.includes('.') &&
+    field.kind === 'object' &&
     !field.isList &&
     value !== undefined &&
     value !== null
@@ -62,20 +62,20 @@ export function getShowField(
         {(record as any)?.[fieldName]?.[nameKey]}
       </ShowButton>
     );
-  } else if (fieldType === "Markdown") {
+  } else if (fieldType === 'Markdown') {
     element = <MarkdownField value={value} />;
-  } else if (fieldType === "Text") {
+  } else if (fieldType === 'Text') {
     element = (
       <>
-        {(value || "").split("\n").map((row: string) => (
-          <TextField style={{ display: "block" }} value={row} />
+        {(value || '').split('\n').map((row: string) => (
+          <TextField style={{ display: 'block' }} value={row} />
         ))}
       </>
     );
-  } else if (fieldType === "Image") {
+  } else if (fieldType === 'Image') {
     element = (
       <Space wrap>
-        {JSON.parse(value || "[]")?.map?.((img: any) => (
+        {JSON.parse(value || '[]')?.map?.((img: any) => (
           <ImageField
             key={img?.response?.name}
             value={img?.thumbUrl}
@@ -85,10 +85,10 @@ export function getShowField(
         ))}
       </Space>
     );
-  } else if (fieldType === "File") {
+  } else if (fieldType === 'File') {
     element = (
       <Space wrap>
-        {JSON.parse(value || "[]")?.map?.((file: any) => (
+        {JSON.parse(value || '[]')?.map?.((file: any) => (
           <FileField
             key={file?.response?.name}
             src={file?.thumbUrl}
@@ -97,49 +97,59 @@ export function getShowField(
         ))}
       </Space>
     );
-  } else if (fieldType === "Select") {
-    if (args.mode === "multiple") {
+  } else if (fieldType === 'Select') {
+    if (args.mode === 'multiple') {
       element = (
         <Space>
-          {JSON.parse(value || "[]")?.map?.((v: string) => (
+          {JSON.parse(value || '[]')?.map?.((v: string) => (
             <TagField
-              value={t(`resources.${resourceName}.enums.${fieldName}.${v}`, String(v))}
+              value={t(
+                `resources.${resourceName}.enums.${fieldName}.${v}`,
+                String(v),
+              )}
             />
           ))}
         </Space>
       );
     } else {
-      element = <TagField value={t(
-        `resources.${resourceName}.enums.${fieldName}.${value}`,
-        String(value)
-      )} />;
+      element = (
+        <TagField
+          value={t(
+            `resources.${resourceName}.enums.${fieldName}.${value}`,
+            String(value),
+          )}
+        />
+      );
     }
-  } else if (fieldType === "Radio" || field.kind === "enum") {
+  } else if (fieldType === 'Radio' || field.kind === 'enum') {
     element = (
       <TagField
         value={t(
           `resources.${resourceName}.enums.${fieldName}.${value}`,
-          String(value)
+          String(value),
         )}
       />
     );
-  } else if (fieldType === "CheckBox") {
+  } else if (fieldType === 'CheckBox') {
     element = (
       <Space>
-        {JSON.parse(value || "[]")?.map?.((v: string) => (
+        {JSON.parse(value || '[]')?.map?.((v: string) => (
           <TagField
-            value={t(`resources.${resourceName}.enums.${fieldName}.${v}`, String(v))}
+            value={t(
+              `resources.${resourceName}.enums.${fieldName}.${v}`,
+              String(v),
+            )}
           />
         ))}
       </Space>
     );
-  } else if (fieldType === "DateTime") {
+  } else if (fieldType === 'DateTime') {
     element = <DateField value={value} format="YYYY-MM-DD HH:mm:ss" />;
-  } else if (fieldType === "Url") {
+  } else if (fieldType === 'Url') {
     element = <UrlField value={value} />;
-  } else if (fieldType === "Email") {
+  } else if (fieldType === 'Email') {
     element = <EmailField value={value} />;
-  } else if (fieldType === "Boolean") {
+  } else if (fieldType === 'Boolean') {
     element = (
       <BooleanField
         value={value}
@@ -147,15 +157,24 @@ export function getShowField(
         falseIcon={<CloseCircleTwoTone twoToneColor="red" />}
       />
     );
-  } else if (["Int", "BigInt", "Float", "Decimal"].includes(fieldType)) {
+  } else if (['Int', 'BigInt', 'Float', 'Decimal'].includes(fieldType)) {
     const displayValue = convertPrismaDecimal(value);
-    if (displayValue !== undefined && displayValue !== null && !isNaN(Number(displayValue))) {
-      element = <NumberField value={displayValue ?? ""} />;
+    if (
+      displayValue !== undefined &&
+      displayValue !== null &&
+      !isNaN(Number(displayValue))
+    ) {
+      element = <NumberField value={displayValue ?? ''} />;
     }
   }
   return (
     <div
       key={fieldName}
+      style={{
+        display: 'flex',
+        borderBottom: '1px solid #f0f0f0',
+        minHeight: 48,
+      }}
       {...agentAttrs({
         type: 'show-field',
         field: fieldName,
@@ -163,20 +182,45 @@ export function getShowField(
         meta: { fieldType },
       })}
     >
-      <Title level={5}>
+      <div
+        style={{
+          width: 180,
+          minWidth: 180,
+          padding: '10px 16px',
+          background: '#fafafa',
+          borderRight: '1px solid #f0f0f0',
+          fontWeight: 500,
+          fontSize: 13,
+          color: '#595959',
+          display: 'flex',
+          alignItems: 'center',
+          flexShrink: 0,
+        }}
+      >
         {t(
           `resources.${resourceName}.fields.${fieldName}`,
-          fieldName.startsWith("_count.")
-            ? "Count " +
-            t(
-              `resources.${model[fieldName.split(".")[1]]?.type?.toLowerCase() || ""
-              }.name`,
-              fieldName
-            )
-            : fieldName
+          fieldName.startsWith('_count.')
+            ? 'Count ' +
+                t(
+                  `resources.${model[fieldName.split('.')[1]]?.type?.toLowerCase() || ''}.name`,
+                  fieldName,
+                )
+            : fieldName,
         )}
-      </Title>
-      {element}
+      </div>
+      <div
+        style={{
+          flex: 1,
+          padding: '10px 16px',
+          fontSize: 13,
+          color: '#1a1a1a',
+          display: 'flex',
+          alignItems: 'center',
+          wordBreak: 'break-word',
+        }}
+      >
+        {element}
+      </div>
     </div>
   );
 }

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

@@ -1,5 +1,9 @@
-import React from "react";
+import React from 'react';
 
 export const renderLongColumnValue = (value: string) => {
-  return <div style={{ whiteSpace: "pre-wrap", wordBreak: "break-word" }}>{value}</div>;
-};
+  return (
+    <div style={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>
+      {value}
+    </div>
+  );
+};

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/hooks/types.ts

@@ -2,10 +2,10 @@ import {
   FieldDataType,
   ModelsFieldsTypeMap,
   ModelType,
-} from "@gadmin2n/react-common";
-import { CrudFilters, CrudSorting } from "@refinedev/core";
-import { FormProps, SelectProps, TableProps } from "antd";
-import { DefaultOptionType } from "antd/es/select";
+} from '@gadmin2n/react-common';
+import { CrudFilters, CrudSorting } from '@refinedev/core';
+import { FormProps, SelectProps, TableProps } from 'antd';
+import { DefaultOptionType } from 'antd/es/select';
 
 export interface ListPageConfig {
   resourceName: string;
@@ -37,17 +37,17 @@ export interface ListPageConfig {
 
 export interface RowAction {
   action:
-    | "CHANGE_STATUS"
-    | "DELETE"
-    | "EXPORT"
-    | "CUSTOM"
-    | "INSERT"
-    | "JUMP"
-    | "EDIT"
-    | "DETAIL";
+    | 'CHANGE_STATUS'
+    | 'DELETE'
+    | 'EXPORT'
+    | 'CUSTOM'
+    | 'INSERT'
+    | 'JUMP'
+    | 'EDIT'
+    | 'DETAIL';
   desc: string;
   values?: Record<string, any>;
-  when?: Record<string, any> | "*" | ((record: any) => boolean);
+  when?: Record<string, any> | '*' | ((record: any) => boolean);
   fields?: string[];
 }
 
@@ -76,7 +76,7 @@ export interface SearchFormConfig {
   searchFields: string[];
   dateRangeFields?: string[];
   model: ModelType;
-  tableConfig: ListPageConfig["tableConfig"];
+  tableConfig: ListPageConfig['tableConfig'];
 }
 
 export interface ListPageContextValue {
@@ -85,7 +85,7 @@ export interface ListPageContextValue {
   model: ModelType;
   modelsMap: ModelsFieldsTypeMap;
   modelsEnum: Record<string, Record<string, string>>;
-  tableConfig: ListPageConfig["tableConfig"];
+  tableConfig: ListPageConfig['tableConfig'];
   apiUrl: string;
   relationSelectProps: Record<
     string,

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/hooks/useBatchDelete.ts

@@ -1,6 +1,6 @@
-import { useState, useCallback } from "react";
-import { useDelete } from "@refinedev/core";
-import { notification } from "antd";
+import { useState, useCallback } from 'react';
+import { useDelete } from '@refinedev/core';
+import { notification } from 'antd';
 
 export interface BatchDeleteResult {
   successIds: React.Key[];
@@ -96,17 +96,17 @@ export function useBatchDelete({
           },
           {
             onError: (error) => {
-              console.error("deleteOne error:", error);
+              console.error('deleteOne error:', error);
               reject(error);
             },
             onSuccess: () => {
               resolve();
             },
-          }
-        )
+          },
+        ),
       );
     },
-    [refineDeleteOne, resourceName, customDeleteFn]
+    [refineDeleteOne, resourceName, customDeleteFn],
   );
 
   const deleteSelectedItems = useCallback(
@@ -156,8 +156,8 @@ export function useBatchDelete({
         customNotification(result);
       } else if (showNotification) {
         const message = t(
-          "batch.deleteResult",
-          `Delete success: ${result.successCount}, failed: ${result.failedCount}`
+          'batch.deleteResult',
+          `Delete success: ${result.successCount}, failed: ${result.failedCount}`,
         );
 
         if (result.failedCount === selectedKeys.length) {
@@ -180,7 +180,7 @@ export function useBatchDelete({
       showNotification,
       customNotification,
       confirmDelete,
-    ]
+    ],
   );
 
   return {

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/hooks/useBatchOperations.ts

@@ -1,21 +1,22 @@
-import { useCallback } from "react";
-import { useRowSelection, UseRowSelectionResult } from "./useRowSelection";
+import { useCallback } from 'react';
+import { useRowSelection, UseRowSelectionResult } from './useRowSelection';
 import {
   useBatchUpdate,
   UseBatchUpdateConfig,
   BatchUpdateResult,
-} from "./useBatchUpdate";
+} from './useBatchUpdate';
 import {
   useBatchDelete,
   UseBatchDeleteConfig,
   BatchDeleteResult,
-} from "./useBatchDelete";
+} from './useBatchDelete';
 
 export interface UseBatchOperationsConfig
-  extends Omit<UseBatchUpdateConfig, "onComplete" | "onSuccess" | "onError">,
+  extends
+    Omit<UseBatchUpdateConfig, 'onComplete' | 'onSuccess' | 'onError'>,
     Omit<
       UseBatchDeleteConfig,
-      "onComplete" | "onSuccess" | "onError" | "resourceName"
+      'onComplete' | 'onSuccess' | 'onError' | 'resourceName'
     > {
   /** Called after batch update completes */
   onUpdateComplete?: (result: BatchUpdateResult) => void;
@@ -123,7 +124,7 @@ export function useBatchOperations({
       const failedIds = await batchUpdate(selectedRowKeys, values);
       setSelectedRowKeys(failedIds);
     },
-    [batchUpdate, selectedRowKeys, setSelectedRowKeys]
+    [batchUpdate, selectedRowKeys, setSelectedRowKeys],
   );
 
   const deleteSelectedItems = useCallback(async () => {

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/hooks/useBatchOperationsCore.ts

@@ -1,5 +1,5 @@
-import { useState, useCallback } from "react";
-import { useRowSelection } from "./useRowSelection";
+import { useState, useCallback } from 'react';
+import { useRowSelection } from './useRowSelection';
 
 export interface BatchOperationResult {
   successIds: React.Key[];
@@ -92,28 +92,28 @@ export function useBatchOperationsCore({
   const updateOne = useCallback(
     async (id: number, values: any): Promise<void> => {
       if (!updateFn) {
-        throw new Error("updateFn is not provided");
+        throw new Error('updateFn is not provided');
       }
       await updateFn(id, values);
     },
-    [updateFn]
+    [updateFn],
   );
 
   const deleteOne = useCallback(
     async (id: number): Promise<void> => {
       if (!deleteFn) {
-        throw new Error("deleteFn is not provided");
+        throw new Error('deleteFn is not provided');
       }
       await deleteFn(id);
     },
-    [deleteFn]
+    [deleteFn],
   );
 
   // Batch operations - just execute and return results, no UI logic
   const updateMany = useCallback(
     async (keys: React.Key[], values: any): Promise<BatchOperationResult> => {
       if (!updateFn) {
-        throw new Error("updateFn is not provided");
+        throw new Error('updateFn is not provided');
       }
 
       setIsUpdating(true);
@@ -138,13 +138,13 @@ export function useBatchOperationsCore({
         failedCount: failedIds.length,
       };
     },
-    [updateFn]
+    [updateFn],
   );
 
   const deleteMany = useCallback(
     async (keys: React.Key[]): Promise<BatchOperationResult> => {
       if (!deleteFn) {
-        throw new Error("deleteFn is not provided");
+        throw new Error('deleteFn is not provided');
       }
 
       setIsDeleting(true);
@@ -169,7 +169,7 @@ export function useBatchOperationsCore({
         failedCount: failedIds.length,
       };
     },
-    [deleteFn]
+    [deleteFn],
   );
 
   return {

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/hooks/useBatchUpdate.ts

@@ -1,5 +1,5 @@
-import { useState, useCallback } from "react";
-import { notification } from "antd";
+import { useState, useCallback } from 'react';
+import { notification } from 'antd';
 
 export interface BatchUpdateResult {
   successIds: React.Key[];
@@ -32,7 +32,7 @@ export interface UseBatchUpdateResult {
   /** Update selected items and return failed IDs */
   updateSelectedItems: (
     selectedKeys: React.Key[],
-    values: any
+    values: any,
   ) => Promise<React.Key[]>;
   /** Update a single item */
   updateOne: (id: number, values: any) => Promise<void>;
@@ -93,10 +93,10 @@ export function useBatchUpdate({
 
       const url = `${apiUrl}/${resourceName}/updateUnique/${id}`;
       const response = await fetch(url, {
-        method: "PATCH",
+        method: 'PATCH',
         headers: {
-          "Content-Type": "application/json;charset=utf-8",
-          Accept: "application/json",
+          'Content-Type': 'application/json;charset=utf-8',
+          Accept: 'application/json',
           ...(requestHeaders?.() || {}),
         },
         body: JSON.stringify(values),
@@ -106,7 +106,7 @@ export function useBatchUpdate({
         throw new Error(`Update failed for id ${id}`);
       }
     },
-    [apiUrl, resourceName, requestHeaders, customUpdateFn]
+    [apiUrl, resourceName, requestHeaders, customUpdateFn],
   );
 
   const updateSelectedItems = useCallback(
@@ -148,8 +148,8 @@ export function useBatchUpdate({
         customNotification(result);
       } else if (showNotification) {
         const message = t(
-          "batch.updateResult",
-          `Update success: ${result.successCount}, failed: ${result.failedCount}`
+          'batch.updateResult',
+          `Update success: ${result.successCount}, failed: ${result.failedCount}`,
         );
 
         if (result.failedCount === selectedKeys.length) {
@@ -171,7 +171,7 @@ export function useBatchUpdate({
       t,
       showNotification,
       customNotification,
-    ]
+    ],
   );
 
   return {