@gadmin2n/schematics 0.0.139 → 0.0.141

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

@@ -18,6 +18,7 @@ import {
   buildVirtualTableCode,
 } from './utils/tableCodeUtils';
 import { parseJsLiteralProp } from './utils/jsLiteralParser';
+import { readWhiteboardName, writeWhiteboardName } from './whiteboardLayout';
 
 // ─── 组件特有右键菜单操作注册表 ────────────────────────────────────────────────
 //
@@ -57,6 +58,35 @@ export interface MenuActionContext {
   }) => void;
 }
 
+function whiteboardActions(
+  code: string,
+  updateCode: (newCode: string) => void,
+  closeMenu: () => void,
+  ctx?: MenuActionContext,
+  t?: TFunction,
+): MenuProps['items'] {
+  return [
+    {
+      key: 'rename-whiteboard',
+      icon: <EditOutlined />,
+      label: t?.('canvas.menu.renameWhiteboard') ?? '修改白板名称',
+      onClick: () => {
+        closeMenu();
+        ctx?.showPrompt({
+          label: t?.('canvas.menu.renameWhiteboardTitle') ?? '修改白板名称',
+          placeholder:
+            t?.('canvas.menu.whiteboardNamePlaceholder') ?? '请输入白板名称',
+          defaultValue: readWhiteboardName(code),
+          onConfirm: (name) => {
+            if (!name) return;
+            updateCode(writeWhiteboardName(code, name));
+          },
+        });
+      },
+    },
+  ];
+}
+
 // ─── NumCard 特有操作 ─────────────────────────────────────────────────────────
 
 function numCardActions(
@@ -1294,6 +1324,7 @@ export const CANVAS_CONTEXT_MENU_REGISTRY: Record<
   string,
   ComponentActionsFactory
 > = {
+  Whiteboard: whiteboardActions,
   NumCard: numCardActions,
   Table: tableActions,
   BarChart: barChartActions,

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

@@ -22,6 +22,7 @@ export interface CanvasDefault {
 }
 
 export const CANVAS_COMPONENTS: string[] = [
+  'Whiteboard',
   'NumCard',
   'BarChart',
   'LineChart',
@@ -33,6 +34,20 @@ export const CANVAS_COMPONENTS: string[] = [
 ];
 
 export const CANVAS_DEFAULTS: Record<string, CanvasDefault> = {
+  Whiteboard: {
+    code: `<Section title="白板" testId="canvas-whiteboard" />`,
+    layout: { w: 36, h: 28, minW: 16, minH: 12 },
+    props: getPropsFor('Section'),
+    variants: [
+      {
+        name: 'default',
+        label: 'default',
+        code: `<Section title="白板" testId="canvas-whiteboard" />`,
+      },
+    ],
+    imports: `import { Section } from "@gadmin2n/charts";`,
+  },
+
   NumCard: {
     code: `<NumCard variant="default" title="指标" value={0} testId="canvas-numcard" />`,
     layout: { w: 10, h: 8, minW: 4, minH: 2 },

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

@@ -1,10 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { Modal, Radio, Input, Checkbox } from 'antd';
 import { useTranslation } from 'react-i18next';
-import {
-  CANVAS_MODAL_PROPS,
-  CANVAS_MODAL_TITLE_STYLE,
-} from './canvasModalProps';
+import { CANVAS_MODAL_PROPS } from './canvasModalProps';
 
 export interface BarChartDataSourceResult {
   direction: 'vertical' | 'horizontal';
@@ -63,11 +60,7 @@ const BarChartDataSourceModal: React.FC<BarChartDataSourceModalProps> = ({
   return (
     <Modal
       {...CANVAS_MODAL_PROPS}
-      title={
-        <span style={CANVAS_MODAL_TITLE_STYLE}>
-          {t('canvas.dataSourceModal.title')}
-        </span>
-      }
+      title={t('canvas.dataSourceModal.title')}
       open={open}
       onOk={handleConfirm}
       onCancel={onCancel}
@@ -76,7 +69,13 @@ const BarChartDataSourceModal: React.FC<BarChartDataSourceModalProps> = ({
     >
       <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
         <div>
-          <div style={{ marginBottom: 6, fontSize: 13, color: '#595959' }}>
+          <div
+            style={{
+              marginBottom: 6,
+              fontSize: 13,
+              color: 'var(--ant-color-text-secondary)',
+            }}
+          >
             方向：
           </div>
           <Radio.Group
@@ -102,7 +101,13 @@ const BarChartDataSourceModal: React.FC<BarChartDataSourceModalProps> = ({
         </div>
 
         <div>
-          <div style={{ marginBottom: 6, fontSize: 13, color: '#595959' }}>
+          <div
+            style={{
+              marginBottom: 6,
+              fontSize: 13,
+              color: 'var(--ant-color-text-secondary)',
+            }}
+          >
             数据来源描述：
           </div>
           <Input.TextArea

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

@@ -1,7 +1,9 @@
 import React, { useState, useEffect, useRef } from 'react';
-import { Modal, Input } from 'antd';
+import { Modal, Input, Button, Typography } from 'antd';
+import { SendOutlined } from '@ant-design/icons';
 import type { TextAreaRef } from 'antd/es/input/TextArea';
-import { CANVAS_MODAL_TITLE_STYLE } from './canvasModalProps';
+
+const { Text } = Typography;
 
 export interface CanvasAiModalProps {
   /** 控制弹窗开关 */
@@ -33,7 +35,7 @@ const CanvasAiModal: React.FC<CanvasAiModalProps> = ({
     }
   }, [open]);
 
-  const handleOk = () => {
+  const handleSubmit = () => {
     const trimmed = value.trim();
     if (!trimmed) return;
     onSubmit(trimmed);
@@ -42,37 +44,39 @@ const CanvasAiModal: React.FC<CanvasAiModalProps> = ({
 
   return (
     <Modal
-      width={520}
-      centered
-      destroyOnClose
-      closable={false}
-      styles={{
-        header: { padding: '16px 20px 0', marginBottom: 0 },
-        body: { padding: '12px 20px 16px' },
-        footer: { padding: '0 20px 16px', borderTop: 'none' },
-      }}
+      title="AI 配置页面"
       open={open}
       onCancel={onClose}
-      onOk={handleOk}
-      okText="发送给 AI"
-      cancelText="取消"
-      title={<span style={CANVAS_MODAL_TITLE_STYLE}>AI 配置页面</span>}
+      footer={null}
+      width={520}
+      destroyOnClose
     >
+      <Text type="secondary" style={{ display: 'block', marginBottom: 12 }}>
+        描述你想要的页面效果，AI 将自动为你实现
+      </Text>
       <Input.TextArea
         ref={textAreaRef}
         value={value}
-        placeholder="描述你想要的页面效果，例如：把所有数字卡片改成蓝色主题，图表数据改为近7天趋势"
+        placeholder="例：把所有数字卡片改成蓝色主题，图表数据改为近7天趋势"
         onChange={(e) => setValue(e.target.value)}
         onKeyDown={(e) => {
           if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {
             e.preventDefault();
-            handleOk();
+            handleSubmit();
           }
         }}
-        style={{ borderRadius: 6 }}
-        autoSize={{ minRows: 4, maxRows: 10 }}
-        allowClear
+        autoSize={{ minRows: 6, maxRows: 12 }}
       />
+      <Button
+        type="primary"
+        icon={<SendOutlined />}
+        onClick={handleSubmit}
+        disabled={!value.trim()}
+        style={{ marginTop: 12 }}
+        block
+      >
+        发送
+      </Button>
     </Modal>
   );
 };

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

@@ -67,7 +67,12 @@ export function ExportModal({ open, canvasId, onClose }: ExportModalProps) {
         </div>
       ) : (
         <>
-          <p style={{ marginBottom: 8, color: '#666' }}>
+          <p
+            style={{
+              marginBottom: 8,
+              color: 'var(--ant-color-text-secondary)',
+            }}
+          >
             Export URL (valid for 30 minutes):
           </p>
           <Input.TextArea

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

@@ -1,10 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { Modal, Checkbox, Input } from 'antd';
 import { useTranslation } from 'react-i18next';
-import {
-  CANVAS_MODAL_PROPS,
-  CANVAS_MODAL_TITLE_STYLE,
-} from './canvasModalProps';
+import { CANVAS_MODAL_PROPS } from './canvasModalProps';
 
 export interface LineChartDataSourceResult {
   legendShow: boolean;
@@ -78,11 +75,7 @@ const LineChartDataSourceModal: React.FC<LineChartDataSourceModalProps> = ({
   return (
     <Modal
       {...CANVAS_MODAL_PROPS}
-      title={
-        <span style={CANVAS_MODAL_TITLE_STYLE}>
-          {t('canvas.dataSourceModal.title')}
-        </span>
-      }
+      title={t('canvas.dataSourceModal.title')}
       open={open}
       onOk={handleConfirm}
       onCancel={onCancel}
@@ -140,7 +133,13 @@ const LineChartDataSourceModal: React.FC<LineChartDataSourceModalProps> = ({
         </Checkbox>
 
         <div style={{ marginTop: 4 }}>
-          <div style={{ marginBottom: 6, fontSize: 13, color: '#595959' }}>
+          <div
+            style={{
+              marginBottom: 6,
+              fontSize: 13,
+              color: 'var(--ant-color-text-secondary)',
+            }}
+          >
             数据来源描述：
           </div>
           <Input.TextArea

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

@@ -27,10 +27,7 @@ import { CSS } from '@dnd-kit/utilities';
 import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
 import type { CanvasConfigModalProps } from '../canvasConfigRegistry';
 import type { MultiChartType } from '@gadmin2n/charts';
-import {
-  CANVAS_MODAL_PROPS,
-  CANVAS_MODAL_TITLE_STYLE,
-} from './canvasModalProps';
+import { CANVAS_MODAL_PROPS } from './canvasModalProps';
 
 // ─── 所有可选图表的元信息 ─────────────────────────────────────────────────────
 
@@ -112,7 +109,7 @@ const SortableChartItem: React.FC<SortableChartItemProps> = ({
         transition,
         opacity: isDragging ? 0.5 : 1,
         padding: '8px 0',
-        borderBottom: '1px solid #f0f0f0',
+        borderBottom: '1px solid var(--ant-color-border-secondary)',
         userSelect: 'none',
       }}
     >
@@ -120,7 +117,7 @@ const SortableChartItem: React.FC<SortableChartItemProps> = ({
         {...attributes}
         {...listeners}
         style={{
-          color: '#ccc',
+          color: 'var(--ant-color-text-quaternary)',
           cursor: 'grab',
           touchAction: 'none',
           fontSize: 16,
@@ -194,7 +191,7 @@ const MultiChartConfigModal: React.FC<CanvasConfigModalProps> = ({
     <Modal
       {...CANVAS_MODAL_PROPS}
       open
-      title={<span style={CANVAS_MODAL_TITLE_STYLE}>配置图表</span>}
+      title="配置图表"
       okText="确认"
       cancelText="取消"
       onOk={handleOk}

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

@@ -18,10 +18,7 @@ import {
   GlobalOutlined,
   TableOutlined,
 } from '@ant-design/icons';
-import {
-  CANVAS_MODAL_PROPS,
-  CANVAS_MODAL_TITLE_STYLE,
-} from './canvasModalProps';
+import { CANVAS_MODAL_PROPS } from './canvasModalProps';
 
 const { Text } = Typography;
 
@@ -286,7 +283,7 @@ const MultiChartDataSourceModal: React.FC<MultiChartDataSourceModalProps> = ({
   return (
     <Modal
       {...CANVAS_MODAL_PROPS}
-      title={<span style={CANVAS_MODAL_TITLE_STYLE}>配置复合图表数据来源</span>}
+      title="配置复合图表数据来源"
       open={open}
       onOk={handleConfirm}
       onCancel={onCancel}
@@ -298,7 +295,13 @@ const MultiChartDataSourceModal: React.FC<MultiChartDataSourceModalProps> = ({
       <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
         {/* 数据描述 */}
         <div>
-          <div style={{ marginBottom: 6, fontSize: 13, color: '#595959' }}>
+          <div
+            style={{
+              marginBottom: 6,
+              fontSize: 13,
+              color: 'var(--ant-color-text-secondary)',
+            }}
+          >
             数据来源描述：
           </div>
           <Input.TextArea
@@ -314,7 +317,13 @@ const MultiChartDataSourceModal: React.FC<MultiChartDataSourceModalProps> = ({
 
         {/* 选择图表类型 */}
         <div>
-          <div style={{ marginBottom: 8, fontSize: 13, color: '#595959' }}>
+          <div
+            style={{
+              marginBottom: 8,
+              fontSize: 13,
+              color: 'var(--ant-color-text-secondary)',
+            }}
+          >
             选择展示的图表类型：
           </div>
           <Flex wrap="wrap" gap={8}>
@@ -351,7 +360,12 @@ const MultiChartDataSourceModal: React.FC<MultiChartDataSourceModalProps> = ({
                 if (opt.type === 'select') {
                   return (
                     <Flex key={opt.key} align="center" gap={6}>
-                      <Text style={{ fontSize: 12, color: '#8c8c8c' }}>
+                      <Text
+                        style={{
+                          fontSize: 12,
+                          color: 'var(--ant-color-text-tertiary)',
+                        }}
+                      >
                         {opt.label}:
                       </Text>
                       <Radio.Group
@@ -383,7 +397,7 @@ const MultiChartDataSourceModal: React.FC<MultiChartDataSourceModalProps> = ({
                       <Text
                         style={{
                           fontSize: 12,
-                          color: '#8c8c8c',
+                          color: 'var(--ant-color-text-tertiary)',
                           whiteSpace: 'nowrap',
                         }}
                       >

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

@@ -2,10 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { Modal, Checkbox, Input, Button, Space } from 'antd';
 import { PlusOutlined, MinusCircleOutlined } from '@ant-design/icons';
 import { useTranslation } from 'react-i18next';
-import {
-  CANVAS_MODAL_PROPS,
-  CANVAS_MODAL_TITLE_STYLE,
-} from './canvasModalProps';
+import { CANVAS_MODAL_PROPS } from './canvasModalProps';
 
 interface NumCardDataSourceModalProps {
   open: boolean;
@@ -100,11 +97,7 @@ const NumCardDataSourceModal: React.FC<NumCardDataSourceModalProps> = ({
   return (
     <Modal
       {...CANVAS_MODAL_PROPS}
-      title={
-        <span style={CANVAS_MODAL_TITLE_STYLE}>
-          {t('canvas.dataSourceModal.title')}
-        </span>
-      }
+      title={t('canvas.dataSourceModal.title')}
       open={open}
       onOk={handleConfirm}
       onCancel={onCancel}
@@ -129,7 +122,13 @@ const NumCardDataSourceModal: React.FC<NumCardDataSourceModalProps> = ({
                 gap: 8,
               }}
             >
-              <span style={{ flexShrink: 0, fontSize: 13, color: '#595959' }}>
+              <span
+                style={{
+                  flexShrink: 0,
+                  fontSize: 13,
+                  color: 'var(--ant-color-text-secondary)',
+                }}
+              >
                 {t('canvas.dataSourceModal.chartRange')}
               </span>
               <Input
@@ -198,7 +197,13 @@ const NumCardDataSourceModal: React.FC<NumCardDataSourceModalProps> = ({
         </div>
 
         <div>
-          <div style={{ marginBottom: 6, fontSize: 13, color: '#595959' }}>
+          <div
+            style={{
+              marginBottom: 6,
+              fontSize: 13,
+              color: 'var(--ant-color-text-secondary)',
+            }}
+          >
             {t('canvas.dataSourceModal.descLabel')}
           </div>
           <Input.TextArea

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

@@ -1,10 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { Modal, Input } from 'antd';
 import type { TextAreaRef } from 'antd/es/input/TextArea';
-import {
-  CANVAS_MODAL_PROPS,
-  CANVAS_MODAL_TITLE_STYLE,
-} from './canvasModalProps';
+import { CANVAS_MODAL_PROPS } from './canvasModalProps';
 
 export interface PromptModalProps {
   /** 控制弹窗开关 */
@@ -58,7 +55,7 @@ const PromptModal: React.FC<PromptModalProps> = ({
       onOk={handleOk}
       okText="确认"
       cancelText="取消"
-      title={<span style={CANVAS_MODAL_TITLE_STYLE}>{label}</span>}
+      title={label}
     >
       <Input.TextArea
         ref={textAreaRef}

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

@@ -1,10 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { Modal, Slider, Input } from 'antd';
 import { useTranslation } from 'react-i18next';
-import {
-  CANVAS_MODAL_PROPS,
-  CANVAS_MODAL_TITLE_STYLE,
-} from './canvasModalProps';
+import { CANVAS_MODAL_PROPS } from './canvasModalProps';
 
 interface RadarChartDataSourceModalProps {
   open: boolean;
@@ -48,11 +45,7 @@ const RadarChartDataSourceModal: React.FC<RadarChartDataSourceModalProps> = ({
   return (
     <Modal
       {...CANVAS_MODAL_PROPS}
-      title={
-        <span style={CANVAS_MODAL_TITLE_STYLE}>
-          {t('canvas.dataSourceModal.title')}
-        </span>
-      }
+      title={t('canvas.dataSourceModal.title')}
       open={open}
       onOk={handleConfirm}
       onCancel={onCancel}
@@ -61,7 +54,13 @@ const RadarChartDataSourceModal: React.FC<RadarChartDataSourceModalProps> = ({
     >
       <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
         <div>
-          <div style={{ marginBottom: 6, fontSize: 13, color: '#595959' }}>
+          <div
+            style={{
+              marginBottom: 6,
+              fontSize: 13,
+              color: 'var(--ant-color-text-secondary)',
+            }}
+          >
             维度数量：{dimensionCount}
           </div>
           <Slider
@@ -74,7 +73,13 @@ const RadarChartDataSourceModal: React.FC<RadarChartDataSourceModalProps> = ({
         </div>
 
         <div>
-          <div style={{ marginBottom: 6, fontSize: 13, color: '#595959' }}>
+          <div
+            style={{
+              marginBottom: 6,
+              fontSize: 13,
+              color: 'var(--ant-color-text-secondary)',
+            }}
+          >
             数据来源描述：
           </div>
           <Input.TextArea

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

@@ -3,10 +3,7 @@ import { Modal, Table as AntTable, Checkbox, Alert } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
 import { useTranslation } from 'react-i18next';
 import type { CanvasConfigModalProps } from '../canvasConfigRegistry';
-import {
-  CANVAS_MODAL_PROPS,
-  CANVAS_MODAL_TITLE_STYLE,
-} from './canvasModalProps';
+import { CANVAS_MODAL_PROPS } from './canvasModalProps';
 import {
   parseTableColumnsMeta,
   readTableFlag,
@@ -154,11 +151,7 @@ const TableConfigModal: React.FC<CanvasConfigModalProps> = ({
       {...CANVAS_MODAL_PROPS}
       width={520}
       open
-      title={
-        <span style={CANVAS_MODAL_TITLE_STYLE}>
-          {t('canvas.modal.columnConfigTitle', { defaultValue: '列配置' })}
-        </span>
-      }
+      title={t('canvas.modal.columnConfigTitle', { defaultValue: '列配置' })}
       okText={t('canvas.modal.ok', { defaultValue: '确认' })}
       cancelText={t('canvas.modal.cancel', { defaultValue: '取消' })}
       onOk={handleOk}

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

@@ -2,10 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { Modal, Checkbox, Input, Button, Select } from 'antd';
 import { PlusOutlined, MinusCircleOutlined } from '@ant-design/icons';
 import { useTranslation } from 'react-i18next';
-import {
-  CANVAS_MODAL_PROPS,
-  CANVAS_MODAL_TITLE_STYLE,
-} from './canvasModalProps';
+import { CANVAS_MODAL_PROPS } from './canvasModalProps';
 
 // ─── Types ────────────────────────────────────────────────────────────────────
 
@@ -82,11 +79,7 @@ const TableDataSourceModal: React.FC<TableDataSourceModalProps> = ({
   return (
     <Modal
       {...CANVAS_MODAL_PROPS}
-      title={
-        <span style={CANVAS_MODAL_TITLE_STYLE}>
-          {t('canvas.dataSourceModal.title')}
-        </span>
-      }
+      title={t('canvas.dataSourceModal.title')}
       open={open}
       onOk={handleConfirm}
       onCancel={onCancel}
@@ -96,7 +89,13 @@ const TableDataSourceModal: React.FC<TableDataSourceModalProps> = ({
       <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
         {/* 列配置 */}
         <div>
-          <div style={{ marginBottom: 8, fontSize: 13, color: '#595959' }}>
+          <div
+            style={{
+              marginBottom: 8,
+              fontSize: 13,
+              color: 'var(--ant-color-text-secondary)',
+            }}
+          >
             列配置：
           </div>
           {columns.map((col, index) => (
@@ -158,7 +157,13 @@ const TableDataSourceModal: React.FC<TableDataSourceModalProps> = ({
                 gap: 8,
               }}
             >
-              <span style={{ flexShrink: 0, fontSize: 13, color: '#595959' }}>
+              <span
+                style={{
+                  flexShrink: 0,
+                  fontSize: 13,
+                  color: 'var(--ant-color-text-secondary)',
+                }}
+              >
                 每页条数：
               </span>
               <Select
@@ -191,7 +196,13 @@ const TableDataSourceModal: React.FC<TableDataSourceModalProps> = ({
 
         {/* 数据来源描述 */}
         <div>
-          <div style={{ marginBottom: 6, fontSize: 13, color: '#595959' }}>
+          <div
+            style={{
+              marginBottom: 6,
+              fontSize: 13,
+              color: 'var(--ant-color-text-secondary)',
+            }}
+          >
             数据来源描述：
           </div>
           <Input.TextArea

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/canvas/components/canvasModalProps.ts

@@ -1,24 +1,9 @@
 /**
- * Canvas 编辑弹窗统一样式 Props
+ * Canvas 编辑弹窗统一 Props
  *
  * 所有 Canvas 画布内的工具/配置弹窗共享这些 Modal props，
- * 保证视觉风格一致（间距、无分隔线、居中、无关闭按钮）。
+ * 使用 antd 默认样式（标准标题、右上角关闭按钮、标准 footer）。
  */
 export const CANVAS_MODAL_PROPS = {
-  width: 420,
-  centered: true,
   destroyOnClose: true,
-  closable: false,
-  styles: {
-    header: { padding: '16px 20px 0', marginBottom: 0 },
-    body: { padding: '12px 20px 16px' },
-    footer: { padding: '0 20px 16px', borderTop: 'none' },
-  },
 } as const;
-
-/** 统一标题样式 */
-export const CANVAS_MODAL_TITLE_STYLE: React.CSSProperties = {
-  fontSize: 13,
-  fontWeight: 500,
-  color: '#595959',
-};