@gadmin2n/schematics 0.0.72 → 0.0.74

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

@@ -0,0 +1,124 @@
+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 {
+  agendaJobFormConfig as formConfig,
+  agendaJobFormPrismaSelect as formPrismaSelect,
+} from '../../generated/props/agendaJob/config';
+import {
+  agendaJobModel,
+  useRelation,
+} from '../../generated/props/agendaJob/model';
+import { AgendaJob } from '../../generated/types/prisma.types';
+import { AgendaJobForm as transformClass } from '../../generated/props/agendaJob/form.validator';
+import { BusinessContext } from 'components/contexts/business';
+
+export const AgendaJobEdit: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = 'agendaJob';
+  const t = useTranslate();
+
+  const [[fields, model]] = useState(() => {
+    const model: ModelType = produceModel(
+      agendaJobModel,
+      {
+        // 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<AgendaJob>({
+    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/agendaJob/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/agendaJob/list.tsx

@@ -0,0 +1,245 @@
+/**
+ * AgendaJob 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 {
+  agendaJobTableConfig as tableConfig,
+  agendaJobTablePrismaSelect as prismaSelect,
+} from 'generated/props/agendaJob/config';
+import { agendaJobModel, useRelation } from 'generated/props/agendaJob/model';
+import type { AgendaJob } 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'],
+  agendaJobModel,
+);
+
+// https://refine.dev/docs/api-reference/antd/hooks/table/useTable/
+export const AgendaJobList: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = 'agendaJob';
+  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(agendaJobModel, {
+      // Custom column renderers can be added here
+      // cron: { render: (value) => humanizeCronInChinese(value) },
+    });
+
+    const columns = getColumns('AgendaJob', tableConfig.fields, {
+      ...modelsMap,
+      AgendaJob: { model, meta: modelsMap['AgendaJob'].meta },
+    });
+
+    return [columns, model] as const;
+  }, []);
+
+  // Table hook
+  const {
+    tableProps,
+    sorters: sorter,
+    setCurrent,
+    setFilters,
+    filters,
+    tableQueryResult,
+    searchFormProps,
+  } = useTable<AgendaJob, HttpError>({
+    meta: {
+      transformQFn: getSearchFilters,
+      select: prismaSelect,
+      model: agendaJobModel,
+    },
+    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<AgendaJob>({
+    maxItemCount: 200,
+    pageSize: 100,
+  });
+
+  // Export selected
+  const {
+    triggerExport: triggerExportSelected,
+    isLoading: exportSelectedLoading,
+  } = useExport<AgendaJob>({
+    pageSize: 100,
+    meta: { where: { id: { in: batchOps.selectedRowKeys.map(Number) } } },
+  });
+
+  // Import
+  const importProps = useImport<AgendaJob>({
+    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<AgendaJob>
+          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 AgendaJobList;

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

@@ -0,0 +1,70 @@
+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 { AgendaJob } from '../../generated/types/prisma.types'; //'.prisma/client/index';
+import {
+  agendaJobShowConfig as showConfig,
+  agendaJobShowPrismaSelect as showPrismaSelect,
+} from '../../generated/props/agendaJob/config';
+import { agendaJobModel } from '../../generated/props/agendaJob/model';
+import { modelsMap } from 'generated/models.index';
+import { agentAttrs } from '../../components/agentPanel/agentAttributes';
+
+export const AgendaJobShow: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = 'agendaJob';
+  const t = useTranslate();
+
+  const { queryResult } = useShow<AgendaJob>({
+    meta: { select: showPrismaSelect },
+  });
+  const { data, isLoading } = queryResult;
+  const record = data?.data;
+
+  const [[fields, model]] = useState(() => {
+    const model: ModelType = produceModel(agendaJobModel, {
+      // status: { render: xxxxx }
+    });
+
+    // getColumns is a function that returns an array of fields
+    const fields = getColumns('AgendaJob', showConfig.fields, {
+      ...modelsMap,
+      AgendaJob: { model, meta: modelsMap['AgendaJob'].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 />
+          {/* 该资源为只读：Edit / Clone / Delete / Refresh 均已移除 */}
+        </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>
+  );
+};

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

@@ -176,7 +176,6 @@ const CanvasListPage: React.FC = () => {
   return (
     <div
       style={{
-        padding: 24,
         background: '#f0f2f5',
         minHeight: 'calc(100vh - 64px)',
       }}

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

@@ -34,6 +34,7 @@ import TableDataSourceModal from './components/TableDataSourceModal';
 import BarChartDataSourceModal from './components/BarChartDataSourceModal';
 import LineChartDataSourceModal from './components/LineChartDataSourceModal';
 import RadarChartDataSourceModal from './components/RadarChartDataSourceModal';
+import MultiChartDataSourceModal from './components/MultiChartDataSourceModal';
 import PromptModal from './components/PromptModal';
 import { createSectionCompactor } from './sectionCompactor';
 import type { CanvasItem as CanvasItemType } from './types';
@@ -298,6 +299,38 @@ const CanvasPage: React.FC<CanvasPageProps> = ({
     };
   }, [updateCode]);
 
+  // ── MultiChart 工具栏切换图表类型时，同步更新代码中的 defaultVariant ──
+  useEffect(() => {
+    const handler = (e: Event) => {
+      const { variant } = (e as CustomEvent).detail;
+      if (!variant) return;
+      // 从事件源找到对应的 canvas item
+      const target = e.target as HTMLElement;
+      const testId = target?.getAttribute('data-testid');
+      if (!testId) return;
+      const { items } = liveRef.current;
+      const item = items.find((i) => i.code?.includes(`testId="${testId}"`));
+      if (!item) return;
+      // 更新 defaultVariant
+      let newCode = item.code;
+      if (/defaultVariant\s*=\s*"[^"]*"/.test(newCode)) {
+        newCode = newCode.replace(
+          /defaultVariant\s*=\s*"[^"]*"/,
+          `defaultVariant="${variant}"`,
+        );
+      } else if (/testId\s*=/.test(newCode)) {
+        newCode = newCode.replace(
+          /([ \t]*)(testId\s*=)/,
+          `$1defaultVariant="${variant}"\n$1$2`,
+        );
+      }
+      if (newCode !== item.code) updateCode(item.id, newCode);
+    };
+    document.addEventListener('multichart-variant-change', handler);
+    return () =>
+      document.removeEventListener('multichart-variant-change', handler);
+  }, [updateCode]);
+
   const handleDragStop = useCallback((_layout: readonly LayoutItem[]) => {
     setIsDragging(false);
     if (_layout.some((l) => l.i === '__dropping-elem__')) return;
@@ -444,7 +477,10 @@ const CanvasPage: React.FC<CanvasPageProps> = ({
                 {
                   key: 'config',
                   icon: <SettingOutlined />,
-                  label: t('canvas.config'),
+                  label:
+                    componentType === 'MultiChart'
+                      ? (t('canvas.configCharts') ?? '配置显示图表与顺序')
+                      : t('canvas.config'),
                   onClick: () => {
                     setConfigModal({ id: itemMenu.id, componentType });
                     setItemMenu(null);
@@ -462,7 +498,8 @@ const CanvasPage: React.FC<CanvasPageProps> = ({
                 componentType === 'Table' ||
                 componentType === 'BarChart' ||
                 componentType === 'LineChart' ||
-                componentType === 'RadarChart'
+                componentType === 'RadarChart' ||
+                componentType === 'MultiChart'
               ) {
                 setDataSourceModal({
                   id: itemMenu.id,
@@ -1301,6 +1338,127 @@ const CanvasPage: React.FC<CanvasPageProps> = ({
           onCancel={() => setDataSourceModal(null)}
         />
 
+        {/* MultiChart 修改数据来源 Modal */}
+        <MultiChartDataSourceModal
+          open={
+            !!dataSourceModal && dataSourceModal.componentType === 'MultiChart'
+          }
+          code={dataSourceModal?.code ?? ''}
+          onConfirm={({
+            dataDescription,
+            charts,
+            chartConfigs,
+            code: origCode,
+          }) => {
+            if (!dataSourceModal) return;
+            let newCode = origCode;
+
+            // 更新 charts prop
+            const chartsStr = `charts={${JSON.stringify(charts)}}`;
+            if (/charts=\{.*?\}/s.test(newCode)) {
+              newCode = newCode.replace(/charts=\{.*?\}/s, chartsStr);
+            } else if (/testId\s*=/.test(newCode)) {
+              newCode = newCode.replace(
+                /([ \t]*)(testId\s*=)/,
+                `$1${chartsStr}\n$1$2`,
+              );
+            }
+
+            // 更新 chartConfig prop
+            const configObj: Record<string, Record<string, any>> = {};
+            for (const [chartKey, config] of Object.entries(chartConfigs)) {
+              const nonDefaults: Record<string, any> = {};
+              for (const [k, v] of Object.entries(config)) {
+                // 只存非默认值的配置
+                if (
+                  k === 'showGrid' ||
+                  k === 'showLabel' ||
+                  k === 'legendShow'
+                ) {
+                  if (!v) nonDefaults[k] = false;
+                } else {
+                  if (v) nonDefaults[k] = true;
+                }
+              }
+              if (Object.keys(nonDefaults).length > 0) {
+                configObj[chartKey] = nonDefaults;
+              }
+            }
+            if (Object.keys(configObj).length > 0) {
+              const configStr = `chartConfig={${JSON.stringify(configObj)}}`;
+              if (/chartConfig=\{[\s\S]*?\}\s*(?=\w+=|\/?>)/.test(newCode)) {
+                newCode = newCode.replace(
+                  /chartConfig=\{[\s\S]*?\}\s*(?=\w+=|\/?>)/,
+                  configStr + '\n  ',
+                );
+              } else if (/testId\s*=/.test(newCode)) {
+                newCode = newCode.replace(
+                  /([ \t]*)(testId\s*=)/,
+                  `$1${configStr}\n$1$2`,
+                );
+              }
+            }
+
+            updateCode(dataSourceModal.id, newCode);
+            setDataSourceModal(null);
+
+            // 构造 prompt 发给 agent
+            const parts: string[] = [];
+            if (dataDescription) parts.push(dataDescription);
+            parts.push(`复合图表包含：${charts.join('、')}`);
+            // 附加各图表配置描述（与单独图表 DataSource modal 输出一致）
+            for (const [chartKey, config] of Object.entries(chartConfigs)) {
+              const flags: string[] = [];
+              for (const [k, v] of Object.entries(config)) {
+                if (v === false || v === '' || v === undefined || v === null)
+                  continue;
+                // select/slider 类型：输出具体值
+                if (typeof v === 'string') {
+                  if (k === 'variant' && v === 'groupBar') flags.push('多系列');
+                  else if (k === 'variant' && v === 'bar') flags.push('单系列');
+                  else if (k === 'variant' && v === 'ring')
+                    flags.push('环形图');
+                  else if (k === 'direction' && v === 'horizontal')
+                    flags.push('横向');
+                  else if (k === 'direction' && v === 'vertical')
+                    flags.push('纵向');
+                } else if (typeof v === 'number') {
+                  if (k === 'dimensionCount') flags.push(`${v}个维度`);
+                } else if (v === true) {
+                  // boolean 类型：输出中文描述
+                  if (k === 'stacked') flags.push('堆叠');
+                  else if (k === 'percent') flags.push('百分比');
+                  else if (k === 'area') flags.push('面积填充');
+                  else if (k === 'smooth') flags.push('拟合曲线');
+                  else if (k === 'showDots') flags.push('显示坐标点');
+                  else if (k === 'showLabel') flags.push('显示坐标点数据');
+                  // 默认开启的项目只在关闭时才有意义，开启时不输出
+                }
+              }
+              // 默认开启的项目关闭时输出
+              if (config.showGrid === false) flags.push('隐藏网格线');
+              if (config.showAxis === false) flags.push('隐藏坐标轴');
+              if (config.legendShow === false) flags.push('隐藏图例');
+              if (config.showLabel === false) flags.push('隐藏数据标签');
+              if (flags.length > 0) {
+                parts.push(`${chartKey}: ${flags.join(', ')}`);
+              }
+            }
+            parts.push(
+              '请返回 MultiChartData 格式：{ xData: string[], series: [{ name, data }] }',
+            );
+            const userPrompt = parts.join('。');
+            triggerDataSourceAgent(
+              dataSourceModal.id,
+              dataSourceModal.componentType,
+              newCode,
+              userPrompt,
+              'canvas-sql-query',
+            );
+          }}
+          onCancel={() => setDataSourceModal(null)}
+        />
+
         {/* ── 通用文本输入弹窗（如修改标题） ── */}
         <PromptModal
           open={!!promptModal}