@gadmin2n/schematics 0.0.72 → 0.0.75

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

@@ -0,0 +1,127 @@
+import {
+  FieldDataType,
+  handleInitialValues,
+  handleOnFinish,
+  ModelType,
+  produceModel,
+} from '@gadmin2n/react-common';
+import {
+  Edit,
+  ListButton,
+  RefreshButton,
+  useFileUploadState,
+  useForm,
+} from '@refinedev/antd';
+import { Form } from 'antd';
+import {
+  IResourceComponentsProps,
+  useApiUrl,
+  useParsed,
+  useTranslate,
+} from '@refinedev/core';
+import { getFormItem, onFormValuesChange } from '../../helpers';
+import React, { useContext, useState } from 'react';
+
+import { modelsMap, modelsEnum } from '../../generated/models.index';
+import {
+  workflowEventOutboxFormConfig as formConfig,
+  workflowEventOutboxFormPrismaSelect as formPrismaSelect,
+} from '../../generated/props/workflowEventOutbox/config';
+import {
+  workflowEventOutboxModel,
+  useRelation,
+} from '../../generated/props/workflowEventOutbox/model';
+import { WorkflowEventOutbox } from '../../generated/types/prisma.types';
+import { WorkflowEventOutboxForm as transformClass } from '../../generated/props/workflowEventOutbox/form.validator';
+import { BusinessContext } from 'components/contexts/business';
+
+export const WorkflowEventOutboxEdit: React.FC<
+  IResourceComponentsProps
+> = () => {
+  const resourceName = 'workflowEventOutbox';
+  const t = useTranslate();
+
+  const [[fields, model]] = useState(() => {
+    const model: ModelType = produceModel(
+      workflowEventOutboxModel,
+      {
+        // all formItem attrs surport, https://ant.design/components/form#formitem
+        // description : { component : <MDEditor data-color-mode="light" /> },
+        // status : { normalize : (value: any) => value ? "1" : "0" },
+        // cron: {validator: { validator: runCronValidator },},
+      },
+      transformClass,
+    );
+
+    const fields: FieldDataType[] = formConfig.fields
+      .map((fieldName: string) => model[fieldName])
+      .filter((field: FieldDataType) => field);
+
+    return [fields, model] as const;
+  });
+
+  const { formProps, saveButtonProps, onFinish, form } =
+    useForm<WorkflowEventOutbox>({
+      meta: { select: formPrismaSelect },
+    });
+  formProps.initialValues = handleInitialValues(
+    formProps.initialValues || {},
+    fields,
+  );
+
+  const apiUrl = useApiUrl();
+  const { isLoading, onChange } = useFileUploadState();
+
+  const relationSelectProps = useRelation(modelsMap);
+
+  return (
+    <Edit
+      saveButtonProps={{
+        ...saveButtonProps,
+        disabled: isLoading,
+      }}
+      headerButtons={
+        <>
+          <ListButton />
+          <RefreshButton meta={{ select: formPrismaSelect }} />
+        </>
+      }
+    >
+      <Form
+        {...formProps}
+        validateTrigger="onBlur"
+        onFinish={(values) => {
+          onFinish(
+            handleOnFinish(
+              {
+                ...values,
+
+                id: undefined,
+              },
+              fields,
+              'edit',
+            ),
+          );
+        }}
+        layout="vertical"
+        form={form}
+        onValuesChange={onFormValuesChange(form, formConfig.reaction)}
+      >
+        {fields.map((field) => {
+          return getFormItem(
+            field,
+            resourceName,
+            t,
+            form,
+            formConfig.reaction,
+            modelsEnum,
+            model,
+            apiUrl,
+            relationSelectProps,
+            onChange,
+          );
+        })}
+      </Form>
+    </Edit>
+  );
+};

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

@@ -0,0 +1,4 @@
+export * from './list';
+export * from './create';
+export * from './edit';
+export * from './show';

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

@@ -0,0 +1,254 @@
+/**
+ * WorkflowEventOutbox List Page
+ *
+ * Generated using simplified pattern with @gadmin2n/react-common hooks and components.
+ *
+ * Flexibility Levels:
+ * 1. Basic usage - Use components with defaults (this file)
+ * 2. Render props - Customize specific buttons/elements
+ * 3. Children function - Complete UI control
+ * 4. Core hooks - No UI assumptions, full control
+ *
+ * See: examples/ListPageExamples.tsx for all patterns
+ */
+import React, { useMemo } from 'react';
+import { Table } from 'antd';
+import { List, useTable, useImport } from '@refinedev/antd';
+import {
+  HttpError,
+  IResourceComponentsProps,
+  parseTableParams,
+  useExport,
+  useTranslate,
+  useApiUrl,
+} from '@refinedev/core';
+import { useLocation } from 'react-router-dom';
+import {
+  getColumns,
+  ModelType,
+  produceModel,
+  tableSearchBar,
+} from '@gadmin2n/react-common';
+
+// Generated imports
+import { modelsEnum, modelsMap } from 'generated/models.index';
+import {
+  workflowEventOutboxTableConfig as tableConfig,
+  workflowEventOutboxTablePrismaSelect as prismaSelect,
+} from 'generated/props/workflowEventOutbox/config';
+import {
+  workflowEventOutboxModel,
+  useRelation,
+} from 'generated/props/workflowEventOutbox/model';
+import type { WorkflowEventOutbox } from 'generated/types/prisma.types';
+
+// Local imports
+import { BulkActions, ListPageHeader, RowActions, SearchBar } from 'components';
+import { getRowActionsColumnProps } from 'components/agentPanel';
+import { requestHeaders } from 'helpers/login';
+import { useBatchOperations } from 'hooks';
+import {
+  createSearchFormOnFinish,
+  getSearchFormInitialValues,
+  getTableColumnV2,
+  TableColumnContext,
+} from 'helpers';
+
+const { placeholder: searchPlaceholder, getSearchFilters } = tableSearchBar(
+  tableConfig['toolbar']['searchBar'],
+  workflowEventOutboxModel,
+);
+
+// https://refine.dev/docs/api-reference/antd/hooks/table/useTable/
+export const WorkflowEventOutboxList: React.FC<
+  IResourceComponentsProps
+> = () => {
+  const resourceName = 'workflowEventOutbox';
+  const t = useTranslate();
+  const apiUrl = useApiUrl();
+  const { search } = useLocation();
+  const { parsedSorter, parsedFilters } = parseTableParams(search);
+
+  // Relations
+  const relationSelectProps = useRelation(modelsMap);
+
+  // Model with customizations
+  const [columns, model] = useMemo(() => {
+    const model: ModelType = produceModel(workflowEventOutboxModel, {
+      // Custom column renderers can be added here
+      // cron: { render: (value) => humanizeCronInChinese(value) },
+    });
+
+    const columns = getColumns('WorkflowEventOutbox', tableConfig.fields, {
+      ...modelsMap,
+      WorkflowEventOutbox: {
+        model,
+        meta: modelsMap['WorkflowEventOutbox'].meta,
+      },
+    });
+
+    return [columns, model] as const;
+  }, []);
+
+  // Table hook
+  const {
+    tableProps,
+    sorters: sorter,
+    setCurrent,
+    setFilters,
+    filters,
+    tableQueryResult,
+    searchFormProps,
+  } = useTable<WorkflowEventOutbox, HttpError>({
+    meta: {
+      transformQFn: getSearchFilters,
+      select: prismaSelect,
+      model: workflowEventOutboxModel,
+    },
+    filters: { initial: parsedFilters, defaultBehavior: 'merge' },
+    sorters: { initial: parsedSorter },
+  });
+
+  // initialValues: 从 URL 的 parsedFilters 中恢复 q（搜索关键词）和 createdAt（日期范围）
+  // onFinish: 将表单值转换为 CrudFilters 并更新筛选条件
+  // 有 createdAt 字段的模型（默认）
+  searchFormProps.initialValues = getSearchFormInitialValues(parsedFilters);
+  searchFormProps.onFinish = createSearchFormOnFinish(setCurrent, setFilters);
+
+  // 没有 createdAt 字段的模型
+  // searchFormProps.initialValues = getSearchFormInitialValues(parsedFilters, { dateField: null });
+  // searchFormProps.onFinish = createSearchFormOnFinish(setCurrent, setFilters, { dateField: null });
+
+  // 使用其他日期字段（如 updatedAt）
+  // searchFormProps.initialValues = getSearchFormInitialValues(parsedFilters, { dateField: 'updatedAt' });
+  // searchFormProps.onFinish = createSearchFormOnFinish(setCurrent, setFilters, { dateField: 'updatedAt' });
+
+  // Batch operations (selection, update, delete)
+  const batchOps = useBatchOperations({
+    resourceName,
+    apiUrl,
+    requestHeaders,
+    onSuccess: () => tableQueryResult.refetch(),
+    t,
+  });
+
+  // Export all
+  const { triggerExport, isLoading: exportLoading } =
+    useExport<WorkflowEventOutbox>({
+      maxItemCount: 200,
+      pageSize: 100,
+    });
+
+  // Export selected
+  const {
+    triggerExport: triggerExportSelected,
+    isLoading: exportSelectedLoading,
+  } = useExport<WorkflowEventOutbox>({
+    pageSize: 100,
+    meta: { where: { id: { in: batchOps.selectedRowKeys.map(Number) } } },
+  });
+
+  // Import
+  const importProps = useImport<WorkflowEventOutbox>({
+    mapData: (item: any) => ({
+      ...item,
+    }),
+    batchSize: 1,
+  });
+
+  // Context for table columns
+  const columnContext: TableColumnContext = {
+    resourceName,
+    t,
+    model,
+    modelsEnum,
+    modelsMap,
+    tableConfig,
+    sorter,
+    filters,
+    relationSelectProps,
+  };
+
+  return (
+    <List
+      headerProps={{
+        subTitle: (
+          <BulkActions
+            selectedRowKeys={batchOps.selectedRowKeys}
+            actions={tableConfig.rowSelection.actions}
+            onUpdateSelected={batchOps.updateSelectedItems}
+            onDeleteSelected={batchOps.deleteSelectedItems}
+            onExportSelected={triggerExportSelected}
+            updateLoading={batchOps.updateManyIsLoading}
+            deleteLoading={batchOps.deleteManyIsLoading}
+            exportLoading={exportSelectedLoading}
+            t={t}
+            resourceName={resourceName}
+            showDelete={false}
+            // Render props examples (uncomment to customize):
+            // renderDeleteButton={(onClick, loading) => <Button danger onClick={onClick} loading={loading}>Delete</Button>}
+            // renderSelectionCount={(count) => <Badge count={count}><Tag>Selected</Tag></Badge>}
+            // extraActions={<Button>Custom Action</Button>}
+          />
+        ),
+        extra: (
+          <ListPageHeader
+            importProps={importProps}
+            onExport={triggerExport}
+            exportLoading={exportLoading}
+            resourceName={resourceName}
+            showCreate={false}
+            showImport={false}
+          />
+        ),
+      }}
+    >
+      {/* Search Bar */}
+      <SearchBar
+        formProps={searchFormProps}
+        t={t}
+        resourceName={resourceName}
+        searchPlaceholder={searchPlaceholder}
+        // Render props examples (uncomment to customize):
+        // renderKeywordInput={(field, defaultInput) => <Input.Search placeholder={field.placeholder} />}
+        // renderSubmitButton={(defaultButton) => <Space>{defaultButton}<Button>Reset</Button></Space>}
+        // extraActions={<Button type="link">Advanced</Button>}
+      />
+
+      {/* Data Table */}
+      <Table {...tableProps} rowKey="id" rowSelection={batchOps.rowSelection}>
+        {columns.map((col) =>
+          getTableColumnV2({ col, context: columnContext }),
+        )}
+
+        {/* Actions Column */}
+        <Table.Column<WorkflowEventOutbox>
+          title={t('table.actions')}
+          dataIndex="actions"
+          {...getRowActionsColumnProps(resourceName)}
+          render={(_, record) => (
+            <RowActions
+              record={record}
+              actions={tableConfig.rowActions.actions}
+              onUpdate={batchOps.updateOne}
+              updateLoading={batchOps.updateManyIsLoading}
+              t={t}
+              resourceName={resourceName}
+              showEdit={false}
+              showDelete={false}
+              showClone={false}
+              // Render props examples (uncomment to customize):
+              // showClone={false}
+              // showDelete={false}
+              // renderEditButton={(id) => <Button type="link" size="small">Quick Edit</Button>}
+              // renderDeleteButton={(id) => <Popconfirm title="Sure?"><Button danger size="small">Remove</Button></Popconfirm>}
+              // extraPrimaryActions={<Button type="text" size="small">Quick View</Button>}
+            />
+          )}
+        />
+      </Table>
+    </List>
+  );
+};
+
+export default WorkflowEventOutboxList;

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

@@ -0,0 +1,74 @@
+import { ModelType, getColumns, produceModel } from '@gadmin2n/react-common';
+import { ListButton, Show } from '@refinedev/antd';
+import {
+  IResourceComponentsProps,
+  useShow,
+  useTranslate,
+} from '@refinedev/core';
+import React, { useState } from 'react';
+import { getShowField } from '../../helpers';
+import type { WorkflowEventOutbox } from '../../generated/types/prisma.types'; //'.prisma/client/index';
+import {
+  workflowEventOutboxShowConfig as showConfig,
+  workflowEventOutboxShowPrismaSelect as showPrismaSelect,
+} from '../../generated/props/workflowEventOutbox/config';
+import { workflowEventOutboxModel } from '../../generated/props/workflowEventOutbox/model';
+import { modelsMap } from 'generated/models.index';
+import { agentAttrs } from '../../components/agentPanel/agentAttributes';
+
+export const WorkflowEventOutboxShow: React.FC<
+  IResourceComponentsProps
+> = () => {
+  const resourceName = 'workflowEventOutbox';
+  const t = useTranslate();
+
+  const { queryResult } = useShow<WorkflowEventOutbox>({
+    meta: { select: showPrismaSelect },
+  });
+  const { data, isLoading } = queryResult;
+  const record = data?.data;
+
+  const [[fields, model]] = useState(() => {
+    const model: ModelType = produceModel(workflowEventOutboxModel, {
+      // status: { render: xxxxx }
+    });
+
+    // getColumns is a function that returns an array of fields
+    const fields = getColumns('WorkflowEventOutbox', showConfig.fields, {
+      ...modelsMap,
+      WorkflowEventOutbox: {
+        model,
+        meta: modelsMap['WorkflowEventOutbox'].meta,
+      },
+    });
+
+    return [fields, model] as const;
+  });
+
+  return (
+    <Show
+      isLoading={isLoading}
+      headerButtons={
+        <div
+          style={{ display: 'inline-flex', gap: 8 }}
+          {...agentAttrs({ type: 'show-header', resource: resourceName })}
+        >
+          <ListButton />
+        </div>
+      }
+      contentProps={{ styles: { body: { padding: 0 } } }}
+    >
+      <div
+        style={{
+          border: '1px solid #f0f0f0',
+          borderRadius: 8,
+          overflow: 'hidden',
+        }}
+      >
+        {fields.map((field: any) => {
+          return getShowField(field, resourceName, record, t, model, modelsMap);
+        })}
+      </div>
+    </Show>
+  );
+};