@gadmin2n/schematics 0.0.71 → 0.0.74

package/{src/lib/application/files/gadmin2-game-angle-demo/web/src/routes/game → dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/agendaJob}/create.tsx

@@ -16,21 +16,24 @@ import React, { useContext, useState } from 'react';
 import { getFormItem, onFormValuesChange } from '../../helpers';
 import { modelsMap, modelsEnum } from '../../generated/models.index';
 import {
-  gameFormConfig as formConfig,
-  gameFormPrismaSelect as formPrismaSelect,
-} from '../../generated/props/game/config';
-import { gameModel, useRelation } from '../../generated/props/game/model';
-import { Game } from '../../generated/types/prisma.types';
-import { GameForm as transformClass } from '../../generated/props/game/form.validator';
+  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 GameCreate: React.FC<IResourceComponentsProps> = () => {
-  const resourceName = 'game';
+export const AgendaJobCreate: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = 'agendaJob';
   const t = useTranslate();
 
   const [[fields, model]] = useState(() => {
     const model: ModelType = produceModel(
-      gameModel,
+      agendaJobModel,
       {
         // all formItem attrs surport, https://ant.design/components/form#formitem
         // description : { component : <MDEditor data-color-mode="light" /> },
@@ -47,7 +50,7 @@ export const GameCreate: React.FC<IResourceComponentsProps> = () => {
     return [fields, model] as const;
   });
 
-  const { formProps, saveButtonProps, onFinish, form } = useForm<Game>({
+  const { formProps, saveButtonProps, onFinish, form } = useForm<AgendaJob>({
     meta: { select: formPrismaSelect },
   });
   if (formProps.initialValues || formConfig.initialValues) {

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

@@ -24,21 +24,24 @@ import React, { useContext, useState } from 'react';
 
 import { modelsMap, modelsEnum } from '../../generated/models.index';
 import {
-  auditFormConfig as formConfig,
-  auditFormPrismaSelect as formPrismaSelect,
-} from '../../generated/props/audit/config';
-import { auditModel, useRelation } from '../../generated/props/audit/model';
-import { Audit } from '../../generated/types/prisma.types';
-import { AuditForm as transformClass } from '../../generated/props/audit/form.validator';
+  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 AuditEdit: React.FC<IResourceComponentsProps> = () => {
-  const resourceName = 'audit';
+export const AgendaJobEdit: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = 'agendaJob';
   const t = useTranslate();
 
   const [[fields, model]] = useState(() => {
     const model: ModelType = produceModel(
-      auditModel,
+      agendaJobModel,
       {
         // all formItem attrs surport, https://ant.design/components/form#formitem
         // description : { component : <MDEditor data-color-mode="light" /> },
@@ -55,7 +58,7 @@ export const AuditEdit: React.FC<IResourceComponentsProps> = () => {
     return [fields, model] as const;
   });
 
-  const { formProps, saveButtonProps, onFinish, form } = useForm<Audit>({
+  const { formProps, saveButtonProps, onFinish, form } = useForm<AgendaJob>({
     meta: { select: formPrismaSelect },
   });
   formProps.initialValues = handleInitialValues(

package/{src/lib/application/files/gadmin2-game-angle-demo/web/src/routes/game → dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/agendaJob}/list.tsx

@@ -1,5 +1,5 @@
 /**
- * Game List Page
+ * AgendaJob List Page
  *
  * Generated using simplified pattern with @gadmin2n/react-common hooks and components.
  *
@@ -33,16 +33,15 @@ import {
 // Generated imports
 import { modelsEnum, modelsMap } from 'generated/models.index';
 import {
-  gameTableConfig as tableConfig,
-  gameTablePrismaSelect as prismaSelect,
-} from 'generated/props/game/config';
-import { gameModel, useRelation } from 'generated/props/game/model';
-import type { Game } from 'generated/types/prisma.types';
+  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 { LogButton } from 'components/auditLog';
 import { requestHeaders } from 'helpers/login';
 import { useBatchOperations } from 'hooks';
 import {
@@ -54,12 +53,12 @@ import {
 
 const { placeholder: searchPlaceholder, getSearchFilters } = tableSearchBar(
   tableConfig['toolbar']['searchBar'],
-  gameModel,
+  agendaJobModel,
 );
 
 // https://refine.dev/docs/api-reference/antd/hooks/table/useTable/
-export const GameList: React.FC<IResourceComponentsProps> = () => {
-  const resourceName = 'game';
+export const AgendaJobList: React.FC<IResourceComponentsProps> = () => {
+  const resourceName = 'agendaJob';
   const t = useTranslate();
   const apiUrl = useApiUrl();
   const { search } = useLocation();
@@ -70,14 +69,14 @@ export const GameList: React.FC<IResourceComponentsProps> = () => {
 
   // Model with customizations
   const [columns, model] = useMemo(() => {
-    const model: ModelType = produceModel(gameModel, {
+    const model: ModelType = produceModel(agendaJobModel, {
       // Custom column renderers can be added here
       // cron: { render: (value) => humanizeCronInChinese(value) },
     });
 
-    const columns = getColumns('Game', tableConfig.fields, {
+    const columns = getColumns('AgendaJob', tableConfig.fields, {
       ...modelsMap,
-      Game: { model, meta: modelsMap['Game'].meta },
+      AgendaJob: { model, meta: modelsMap['AgendaJob'].meta },
     });
 
     return [columns, model] as const;
@@ -92,8 +91,12 @@ export const GameList: React.FC<IResourceComponentsProps> = () => {
     filters,
     tableQueryResult,
     searchFormProps,
-  } = useTable<Game, HttpError>({
-    meta: { transformQFn: getSearchFilters, select: prismaSelect },
+  } = useTable<AgendaJob, HttpError>({
+    meta: {
+      transformQFn: getSearchFilters,
+      select: prismaSelect,
+      model: agendaJobModel,
+    },
     filters: { initial: parsedFilters, defaultBehavior: 'merge' },
     sorters: { initial: parsedSorter },
   });
@@ -122,7 +125,7 @@ export const GameList: React.FC<IResourceComponentsProps> = () => {
   });
 
   // Export all
-  const { triggerExport, isLoading: exportLoading } = useExport<Game>({
+  const { triggerExport, isLoading: exportLoading } = useExport<AgendaJob>({
     maxItemCount: 200,
     pageSize: 100,
   });
@@ -131,13 +134,13 @@ export const GameList: React.FC<IResourceComponentsProps> = () => {
   const {
     triggerExport: triggerExportSelected,
     isLoading: exportSelectedLoading,
-  } = useExport<Game>({
+  } = useExport<AgendaJob>({
     pageSize: 100,
     meta: { where: { id: { in: batchOps.selectedRowKeys.map(Number) } } },
   });
 
   // Import
-  const importProps = useImport<Game>({
+  const importProps = useImport<AgendaJob>({
     mapData: (item: any) => ({
       ...item,
     }),
@@ -172,6 +175,7 @@ export const GameList: React.FC<IResourceComponentsProps> = () => {
             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>}
@@ -184,6 +188,8 @@ export const GameList: React.FC<IResourceComponentsProps> = () => {
             onExport={triggerExport}
             exportLoading={exportLoading}
             resourceName={resourceName}
+            showCreate={false}
+            showImport={false}
           />
         ),
       }}
@@ -207,7 +213,7 @@ export const GameList: React.FC<IResourceComponentsProps> = () => {
         )}
 
         {/* Actions Column */}
-        <Table.Column<Game>
+        <Table.Column<AgendaJob>
           title={t('table.actions')}
           dataIndex="actions"
           {...getRowActionsColumnProps(resourceName)}
@@ -219,7 +225,9 @@ export const GameList: React.FC<IResourceComponentsProps> = () => {
               updateLoading={batchOps.updateManyIsLoading}
               t={t}
               resourceName={resourceName}
-              LogButton={LogButton}
+              showEdit={false}
+              showDelete={false}
+              showClone={false}
               // Render props examples (uncomment to customize):
               // showClone={false}
               // showDelete={false}
@@ -234,4 +242,4 @@ export const GameList: React.FC<IResourceComponentsProps> = () => {
   );
 };
 
-export default GameList;
+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';
@@ -148,7 +149,6 @@ const CanvasPage: React.FC<CanvasPageProps> = ({
     id: string;
     componentType: string;
     code: string;
-    mode: 'api' | 'sql';
   } | null>(null);
 
   // ── PromptModal state（通用文本输入弹窗）──
@@ -178,7 +178,7 @@ const CanvasPage: React.FC<CanvasPageProps> = ({
       skill?: string,
     ) => {
       const prompt = generatePrompt({
-        skill: skill ?? 'canvas-data-query',
+        skill: skill ?? 'canvas-sql-query',
         pageInfo: agent?.pageInfo ?? {
           resourceName: '',
           pageType: 'unknown',
@@ -299,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;
@@ -445,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);
@@ -456,64 +491,25 @@ const CanvasPage: React.FC<CanvasPageProps> = ({
           {
             key: 'data-source',
             icon: <DatabaseOutlined />,
-            label: t('canvas.dataSource.api'),
-            onClick: () => {
-              if (
-                componentType === 'NumCard' ||
-                componentType === 'Table' ||
-                componentType === 'BarChart' ||
-                componentType === 'LineChart' ||
-                componentType === 'RadarChart'
-              ) {
-                setDataSourceModal({
-                  id: itemMenu.id,
-                  componentType,
-                  code: item?.code ?? '',
-                  mode: 'api',
-                });
-              } else {
-                // 其他组件：弹 modal 收集描述后触发 agent
-                menuActionContext.showPrompt({
-                  label: t('canvas.dataSource.api'),
-                  placeholder: t('canvas.dataSource.apiPlaceholder'),
-                  defaultValue: '',
-                  onConfirm: (value) => {
-                    if (!value.trim()) return;
-                    triggerDataSourceAgent(
-                      itemMenu.id,
-                      componentType,
-                      item?.code ?? '',
-                      value.trim(),
-                    );
-                  },
-                });
-              }
-              setItemMenu(null);
-            },
-          },
-          {
-            key: 'data-source-sql',
-            icon: <DatabaseOutlined />,
-            label: t('canvas.dataSource.sql'),
+            label: t('canvas.dataSource.label'),
             onClick: () => {
               if (
                 componentType === 'NumCard' ||
                 componentType === 'Table' ||
                 componentType === 'BarChart' ||
                 componentType === 'LineChart' ||
-                componentType === 'RadarChart'
+                componentType === 'RadarChart' ||
+                componentType === 'MultiChart'
               ) {
                 setDataSourceModal({
                   id: itemMenu.id,
                   componentType,
                   code: item?.code ?? '',
-                  mode: 'sql',
                 });
               } else {
-                // 其他组件：弹通用输入 modal
                 menuActionContext.showPrompt({
-                  label: t('canvas.dataSource.sql'),
-                  placeholder: t('canvas.dataSource.sqlPlaceholder'),
+                  label: t('canvas.dataSource.label'),
+                  placeholder: t('canvas.dataSource.placeholder'),
                   defaultValue: '',
                   onConfirm: (value) => {
                     if (!value.trim()) return;
@@ -973,9 +969,7 @@ const CanvasPage: React.FC<CanvasPageProps> = ({
               dataSourceModal.componentType,
               newCode,
               userPrompt || undefined,
-              dataSourceModal.mode === 'sql'
-                ? 'canvas-sql-query'
-                : 'canvas-data-query',
+              'canvas-sql-query',
             );
           }}
           onCancel={() => setDataSourceModal(null)}
@@ -1048,9 +1042,7 @@ const CanvasPage: React.FC<CanvasPageProps> = ({
               dataSourceModal.componentType,
               newCode,
               userPrompt,
-              dataSourceModal.mode === 'sql'
-                ? 'canvas-sql-query'
-                : 'canvas-data-query',
+              'canvas-sql-query',
             );
           }}
           onCancel={() => setDataSourceModal(null)}
@@ -1141,9 +1133,7 @@ const CanvasPage: React.FC<CanvasPageProps> = ({
               'BarChart',
               newCode,
               userPrompt,
-              dataSourceModal.mode === 'sql'
-                ? 'canvas-sql-query'
-                : 'canvas-data-query',
+              'canvas-sql-query',
             );
           }}
           onCancel={() => setDataSourceModal(null)}
@@ -1316,9 +1306,7 @@ const CanvasPage: React.FC<CanvasPageProps> = ({
               'LineChart',
               newCode,
               userPrompt || undefined,
-              dataSourceModal.mode === 'sql'
-                ? 'canvas-sql-query'
-                : 'canvas-data-query',
+              'canvas-sql-query',
             );
           }}
           onCancel={() => setDataSourceModal(null)}
@@ -1344,9 +1332,128 @@ const CanvasPage: React.FC<CanvasPageProps> = ({
               dataSourceModal.componentType,
               dataSourceModal.code,
               userPrompt,
-              dataSourceModal.mode === 'sql'
-                ? 'canvas-sql-query'
-                : 'canvas-data-query',
+              'canvas-sql-query',
+            );
+          }}
+          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)}