@gadmin2n/schematics 0.0.68 → 0.0.70

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/BulkActions.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Button, Popconfirm, Space } from 'antd';
 import { agentAttrs } from './agentPanel/agentAttributes';
+import { useAgent } from './agentPanel/AgentContext';
 import { ExportButton } from '@refinedev/antd';
 import { RowAction } from '../hooks/types';
 
@@ -49,19 +50,27 @@ export interface BulkActionsProps {
   /** Show export button */
   showExport?: boolean;
   /** Custom children - if provided, replaces entire default UI */
-  children?: React.ReactNode | ((context: BulkActionsRenderContext) => React.ReactNode);
+  children?:
+    | React.ReactNode
+    | ((context: BulkActionsRenderContext) => React.ReactNode);
 
   // Render props for fine-grained customization
   /** Custom render for update buttons */
   renderUpdateButton?: (
     action: RowAction,
     onClick: () => void,
-    loading: boolean
+    loading: boolean,
   ) => React.ReactNode;
   /** Custom render for delete button */
-  renderDeleteButton?: (onClick: () => void, loading: boolean) => React.ReactNode;
+  renderDeleteButton?: (
+    onClick: () => void,
+    loading: boolean,
+  ) => React.ReactNode;
   /** Custom render for export button */
-  renderExportButton?: (onClick: () => void, loading: boolean) => React.ReactNode;
+  renderExportButton?: (
+    onClick: () => void,
+    loading: boolean,
+  ) => React.ReactNode;
   /** Custom render for selection count */
   renderSelectionCount?: (count: number) => React.ReactNode;
   /** Additional actions to render after default actions */
@@ -129,15 +138,39 @@ export const BulkActions: React.FC<BulkActionsProps> = ({
   renderSelectionCount,
   extraActions,
 }) => {
-  if (selectedRowKeys.length === 0) {
+  const agent = useAgent();
+  const inspecting = agent?.inspecting ?? false;
+
+  if (selectedRowKeys.length === 0 && !inspecting) {
     return null;
   }
 
+  // Inspect-mode preview: render a placeholder when no rows are selected
+  if (selectedRowKeys.length === 0 && inspecting) {
+    return (
+      <Space
+        {...agentAttrs({ type: 'list-bulk-actions', resource: resourceName })}
+        style={{
+          opacity: 0.6,
+          border: '1px dashed #1890ff',
+          padding: '4px 8px',
+          borderRadius: 4,
+        }}
+      >
+        <Button disabled>导出</Button>
+        <Button danger disabled>
+          删除
+        </Button>
+        <span style={{ marginLeft: 8 }}>批量操作（检查模式预览）</span>
+      </Space>
+    );
+  }
+
   const context: BulkActionsRenderContext = {
     selectedCount: selectedRowKeys.length,
     selectedRowKeys,
-    onUpdate: onUpdateSelected || (async () => { }),
-    onDelete: onDeleteSelected || (async () => { }),
+    onUpdate: onUpdateSelected || (async () => {}),
+    onDelete: onDeleteSelected || (async () => {}),
     onExport: onExportSelected,
     updateLoading,
     deleteLoading,
@@ -157,9 +190,15 @@ export const BulkActions: React.FC<BulkActionsProps> = ({
   }
 
   // Default rendering
-  const statusActions = actions.filter((action) => action.action === 'CHANGE_STATUS');
+  const statusActions = actions.filter(
+    (action) => action.action === 'CHANGE_STATUS',
+  );
 
-  const defaultUpdateButton = (action: RowAction, onClick: () => void, loading: boolean) => (
+  const defaultUpdateButton = (
+    action: RowAction,
+    onClick: () => void,
+    loading: boolean,
+  ) => (
     <Popconfirm
       key={action.desc}
       placement="top"
@@ -194,32 +233,45 @@ export const BulkActions: React.FC<BulkActionsProps> = ({
 
   const defaultSelectionCount = (count: number) => (
     <span style={{ marginLeft: 8 }}>
-      {t('table.selected', 'Selected') + ' ' + count + ' ' + t('table.items', 'items')}
+      {t('table.selected', 'Selected') +
+        ' ' +
+        count +
+        ' ' +
+        t('table.items', 'items')}
     </span>
   );
 
   return (
-    <span {...agentAttrs({ type: 'bulk-actions', resource: resourceName })}>
-    <Space>
+    <Space
+      {...agentAttrs({ type: 'list-bulk-actions', resource: resourceName })}
+    >
       {statusActions.map((action) =>
         renderUpdateButton
-          ? renderUpdateButton(action, () => onUpdateSelected?.(action.values), updateLoading)
-          : defaultUpdateButton(action, () => onUpdateSelected?.(action.values), updateLoading)
+          ? renderUpdateButton(
+              action,
+              () => onUpdateSelected?.(action.values),
+              updateLoading,
+            )
+          : defaultUpdateButton(
+              action,
+              () => onUpdateSelected?.(action.values),
+              updateLoading,
+            ),
       )}
 
       {/* Export selected */}
-      {showExport && onExportSelected && (
-        renderExportButton
+      {showExport &&
+        onExportSelected &&
+        (renderExportButton
           ? renderExportButton(onExportSelected, exportLoading)
-          : defaultExportButton(onExportSelected, exportLoading)
-      )}
+          : defaultExportButton(onExportSelected, exportLoading))}
 
       {/* Delete selected */}
-      {showDelete && onDeleteSelected && (
-        renderDeleteButton
+      {showDelete &&
+        onDeleteSelected &&
+        (renderDeleteButton
           ? renderDeleteButton(onDeleteSelected, deleteLoading)
-          : defaultDeleteButton(onDeleteSelected, deleteLoading)
-      )}
+          : defaultDeleteButton(onDeleteSelected, deleteLoading))}
 
       {/* Extra actions */}
       {extraActions}
@@ -229,7 +281,6 @@ export const BulkActions: React.FC<BulkActionsProps> = ({
         ? renderSelectionCount(selectedRowKeys.length)
         : defaultSelectionCount(selectedRowKeys.length)}
     </Space>
-    </span>
   );
 };
 

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/ListPageHeader.tsx

@@ -40,15 +40,15 @@ export const ListPageHeader: React.FC<ListPageHeaderProps> = ({
 }) => {
   return (
     <div {...agentAttrs({ type: 'list-header', resource: resourceName })}>
-    <Space>
-      {extraButtons}
-      {showImport && importProps && <ImportButton {...importProps} />}
-      {showExport && onExport && (
-        <ExportButton onClick={onExport} loading={exportLoading} />
-      )}
-      {showCreate && <CreateButton type="primary" />}
-      {extraButtonsAfter}
-    </Space>
+      <Space>
+        {extraButtons}
+        {showImport && importProps && <ImportButton {...importProps} />}
+        {showExport && onExport && (
+          <ExportButton onClick={onExport} loading={exportLoading} />
+        )}
+        {showCreate && <CreateButton type="primary" />}
+        {extraButtonsAfter}
+      </Space>
     </div>
   );
 };

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/RowActions.tsx

@@ -51,7 +51,9 @@ export interface RowActionsProps<T = any> {
   /** Show history/log button */
   showHistory?: boolean;
   /** Custom children - if provided, replaces entire default UI */
-  children?: React.ReactNode | ((context: RowActionsRenderContext<T>) => React.ReactNode);
+  children?:
+    | React.ReactNode
+    | ((context: RowActionsRenderContext<T>) => React.ReactNode);
 
   // Render props for fine-grained customization
   /** Custom render for edit button */
@@ -70,7 +72,7 @@ export interface RowActionsProps<T = any> {
     record: T,
     onConfirm: () => void,
     loading: boolean,
-    disabled: boolean
+    disabled: boolean,
   ) => React.ReactNode;
   /** Custom render for more dropdown trigger */
   renderMoreTrigger?: () => React.ReactNode;
@@ -161,7 +163,9 @@ export function RowActions<T extends { id: number | string }>({
   }
 
   // Default rendering
-  const statusActions = actions.filter((action) => action.action === 'CHANGE_STATUS');
+  const statusActions = actions.filter(
+    (action) => action.action === 'CHANGE_STATUS',
+  );
 
   // Default button renderers
   const defaultEditButton = (id: number | string) => (
@@ -184,7 +188,13 @@ export function RowActions<T extends { id: number | string }>({
 
   const defaultHistoryButton = (id: number | string) =>
     LogButton ? (
-      <LogButton hideText={false} icon={false} type="text" size="small" recordItemId={id} />
+      <LogButton
+        hideText={false}
+        icon={false}
+        type="text"
+        size="small"
+        recordItemId={id}
+      />
     ) : null;
 
   const defaultStatusAction = (
@@ -192,7 +202,7 @@ export function RowActions<T extends { id: number | string }>({
     _record: T,
     onConfirm: () => void,
     loading: boolean,
-    disabled: boolean
+    disabled: boolean,
   ) => (
     <Popconfirm
       placement="top"
@@ -225,42 +235,54 @@ export function RowActions<T extends { id: number | string }>({
       return {
         key: action.desc,
         label: renderStatusAction
-          ? renderStatusAction(action, record, onConfirm, updateLoading, disabled)
-          : defaultStatusAction(action, record, onConfirm, updateLoading, disabled),
+          ? renderStatusAction(
+              action,
+              record,
+              onConfirm,
+              updateLoading,
+              disabled,
+            )
+          : defaultStatusAction(
+              action,
+              record,
+              onConfirm,
+              updateLoading,
+              disabled,
+            ),
       };
     }),
     // Clone button
     ...(showClone
       ? [
-        {
-          key: 'clone',
-          label: renderCloneButton
-            ? renderCloneButton(recordId)
-            : defaultCloneButton(recordId),
-        },
-      ]
+          {
+            key: 'clone',
+            label: renderCloneButton
+              ? renderCloneButton(recordId)
+              : defaultCloneButton(recordId),
+          },
+        ]
       : []),
     // History/Log button
-    ...((showHistory || LogButton)
+    ...(showHistory || LogButton
       ? [
-        {
-          key: 'history',
-          label: renderHistoryButton
-            ? renderHistoryButton(recordId)
-            : defaultHistoryButton(recordId),
-        },
-      ]
+          {
+            key: 'history',
+            label: renderHistoryButton
+              ? renderHistoryButton(recordId)
+              : defaultHistoryButton(recordId),
+          },
+        ]
       : []),
     // Delete button
     ...(showDelete
       ? [
-        {
-          key: 'delete',
-          label: renderDeleteButton
-            ? renderDeleteButton(recordId)
-            : defaultDeleteButton(recordId),
-        },
-      ]
+          {
+            key: 'delete',
+            label: renderDeleteButton
+              ? renderDeleteButton(recordId)
+              : defaultDeleteButton(recordId),
+          },
+        ]
       : []),
     // Extra items
     ...extraDropdownItems,
@@ -270,11 +292,15 @@ export function RowActions<T extends { id: number | string }>({
     <Space>
       {/* Edit button */}
       {showEdit &&
-        (renderEditButton ? renderEditButton(recordId) : defaultEditButton(recordId))}
+        (renderEditButton
+          ? renderEditButton(recordId)
+          : defaultEditButton(recordId))}
 
       {/* Show/Detail button */}
       {showDetail &&
-        (renderDetailButton ? renderDetailButton(recordId) : defaultDetailButton(recordId))}
+        (renderDetailButton
+          ? renderDetailButton(recordId)
+          : defaultDetailButton(recordId))}
 
       {/* Extra primary actions */}
       {extraPrimaryActions}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/SearchBar.tsx

@@ -41,17 +41,28 @@ export interface SearchBarProps {
   /** Submit button text */
   submitText?: string;
   /** Custom children - if provided as function, gives full control */
-  children?: React.ReactNode | ((context: SearchBarRenderContext) => React.ReactNode);
+  children?:
+    | React.ReactNode
+    | ((context: SearchBarRenderContext) => React.ReactNode);
 
   // Render props for fine-grained customization
   /** Custom render for keyword input */
-  renderKeywordInput?: (field: SearchBarField, defaultInput: React.ReactNode) => React.ReactNode;
+  renderKeywordInput?: (
+    field: SearchBarField,
+    defaultInput: React.ReactNode,
+  ) => React.ReactNode;
   /** Custom render for date range picker */
-  renderDateRangePicker?: (field: SearchBarField, defaultPicker: React.ReactNode) => React.ReactNode;
+  renderDateRangePicker?: (
+    field: SearchBarField,
+    defaultPicker: React.ReactNode,
+  ) => React.ReactNode;
   /** Custom render for submit button */
   renderSubmitButton?: (defaultButton: React.ReactNode) => React.ReactNode;
   /** Custom render for field wrapper (Form.Item) */
-  renderFieldWrapper?: (field: SearchBarField, children: React.ReactNode) => React.ReactNode;
+  renderFieldWrapper?: (
+    field: SearchBarField,
+    children: React.ReactNode,
+  ) => React.ReactNode;
   /** Extra fields to render before submit button */
   extraFields?: React.ReactNode;
   /** Extra actions to render after submit button */
@@ -123,7 +134,10 @@ export const SearchBar: React.FC<SearchBarProps> = ({
       name: 'q',
       type: 'keyword',
       label: t(`resources.${resourceName}.search.q.title`, 'Search'),
-      placeholder: t(`resources.${resourceName}.search.q.placeholder`, searchPlaceholder),
+      placeholder: t(
+        `resources.${resourceName}.search.q.placeholder`,
+        searchPlaceholder,
+      ),
       style: { width: '100%', maxWidth: '300px' },
     },
     {
@@ -146,7 +160,10 @@ export const SearchBar: React.FC<SearchBarProps> = ({
   );
 
   // Default field wrapper
-  const defaultFieldWrapper = (field: SearchBarField, children: React.ReactNode) => (
+  const defaultFieldWrapper = (
+    field: SearchBarField,
+    children: React.ReactNode,
+  ) => (
     <Form.Item
       key={field.name}
       label={field.label}
@@ -174,14 +191,19 @@ export const SearchBar: React.FC<SearchBarProps> = ({
         ? renderDateRangePicker(field, defaultPicker)
         : defaultPicker;
 
-      const defaultLabel = field.label || t(`resources.${resourceName}.fields.${field.name}`, field.name);
+      const defaultLabel =
+        field.label ||
+        t(`resources.${resourceName}.fields.${field.name}`, field.name);
       const defaultStyle = field.style || { width: '100%', maxWidth: '400px' };
 
       if (renderFieldWrapper) {
         return (
           <React.Fragment key={field.name}>
             &nbsp;
-            {renderFieldWrapper({ ...field, label: defaultLabel, style: defaultStyle }, picker)}
+            {renderFieldWrapper(
+              { ...field, label: defaultLabel, style: defaultStyle },
+              picker,
+            )}
           </React.Fragment>
         );
       }
@@ -201,25 +223,35 @@ export const SearchBar: React.FC<SearchBarProps> = ({
     }
 
     // Default: keyword search
-    const defaultLabel = field.label || t(`resources.${resourceName}.search.${field.name}.title`, 'Search');
-    const defaultPlaceholder = field.placeholder || t(`resources.${resourceName}.search.${field.name}.placeholder`, searchPlaceholder);
+    const defaultLabel =
+      field.label ||
+      t(`resources.${resourceName}.search.${field.name}.title`, 'Search');
+    const defaultPlaceholder =
+      field.placeholder ||
+      t(
+        `resources.${resourceName}.search.${field.name}.placeholder`,
+        searchPlaceholder,
+      );
     const defaultStyle = field.style || { width: '100%', maxWidth: '300px' };
 
     const defaultInput = (
-      <Input
-        placeholder={defaultPlaceholder}
-        prefix={<SearchOutlined />}
-      />
+      <Input placeholder={defaultPlaceholder} prefix={<SearchOutlined />} />
     );
 
     const input = renderKeywordInput
-      ? renderKeywordInput({ ...field, placeholder: defaultPlaceholder }, defaultInput)
+      ? renderKeywordInput(
+          { ...field, placeholder: defaultPlaceholder },
+          defaultInput,
+        )
       : defaultInput;
 
     if (renderFieldWrapper) {
       return (
         <React.Fragment key={field.name}>
-          {renderFieldWrapper({ ...field, label: defaultLabel, style: defaultStyle }, input)}
+          {renderFieldWrapper(
+            { ...field, label: defaultLabel, style: defaultStyle },
+            input,
+          )}
         </React.Fragment>
       );
     }
@@ -269,11 +301,10 @@ export const SearchBar: React.FC<SearchBarProps> = ({
       {fieldsToRender.map(renderField)}
       {extraFields}
       &nbsp;
-      {showSubmitButton && (
-        renderSubmitButton
+      {showSubmitButton &&
+        (renderSubmitButton
           ? renderSubmitButton(defaultSubmitButton)
-          : defaultSubmitButton
-      )}
+          : defaultSubmitButton)}
       {extraActions}
     </Space>
   );
@@ -283,10 +314,8 @@ export const SearchBar: React.FC<SearchBarProps> = ({
   }
 
   return (
-    <div {...agentAttrs({ type: 'search-bar', resource: resourceName })}>
-      <Form {...formProps}>
-        {content}
-      </Form>
+    <div {...agentAttrs({ type: 'list-search-bar', resource: resourceName })}>
+      <Form {...formProps}>{content}</Form>
     </div>
   );
 };