operp-print-designer 1.1.0 → 1.1.2

package/README.md

@@ -55,6 +55,7 @@ function Previewer() {
 |------|------|------|------|
 | `isPreview` | `boolean` | 否 | 是否为预览模式（只读），默认为 `false` |
 | `initialTemplateData` | `TemplateData` | 否 | 初始模板数据，用于加载已有的模板 |
+| `dataSource` | `PrintDesignerDataSource` | 否 | 外部数据源，传入后优先于模板内部数据源用于渲染和打印 |
 | `onSave` | `(data: TemplateData) => void` | 否 | 保存回调函数，当用户点击保存按钮时触发 |
 | `onPrint` | `() => void` | 否 | 打印回调函数，当用户点击打印按钮时触发 |
 
@@ -86,6 +87,15 @@ interface DataSource {
 }
 ```
 
+### PrintDesignerDataSource
+
+```typescript
+interface PrintDesignerDataSource {
+  data?: Record<string, unknown>;      // 对象数据
+  list?: Record<string, unknown>[];    // 列表数据
+}
+```
+
 ### CanvasComponent
 
 ```typescript

package/dist/components/Canvas.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import 'react-grid-layout/css/styles.css';
 import 'react-resizable/css/styles.css';
+import { DataSource } from '../types';
 declare const Canvas: React.FC<{
     isPreview?: boolean;
+    dataSources?: DataSource[];
 }>;
 export default Canvas;

package/dist/components/PrintDesigner/index.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-import { TemplateData } from '../../types';
+import { PrintDesignerDataSource, TemplateData } from '../../types';
 export interface PrintDesignerProps {
     /** 是否为预览模式（只读） */
     isPreview?: boolean;
     /** 初始模板数据 */
     initialTemplateData?: TemplateData;
+    /** 外部数据源。传入后优先于设计器内部数据源用于渲染和打印 */
+    dataSource?: PrintDesignerDataSource;
     /** 保存回调 */
     onSave?: (templateData: TemplateData) => void;
     /** 打印回调 */

package/dist/components/PrintPreview.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-declare const PrintPreview: React.FC;
+import { DataSource } from '../types';
+declare const PrintPreview: React.FC<{
+    dataSources?: DataSource[];
+}>;
 export default PrintPreview;

package/dist/constants/index.d.ts

@@ -40,6 +40,7 @@ export declare const COMPONENT_DEFAULTS: {
         textAlign: "left";
         color: string;
         backgroundColor: string;
+        format: string;
     };
     image: {
         src: string;
@@ -51,6 +52,9 @@ export declare const COMPONENT_DEFAULTS: {
         cols: number;
         borderWidth: number;
         borderColor: string;
+        headerBackgroundColor: string;
+        headerColor: string;
+        headerFontSize: number;
         content: string;
     };
     barcode: {

package/dist/index.d.ts

@@ -2,6 +2,6 @@ import PrintDesigner from './components/PrintDesigner';
 export default PrintDesigner;
 export { PrintDesigner };
 export type { PrintDesignerProps } from './components/PrintDesigner';
-export type { CanvasComponent, CanvasComponentType, PageSettings, GridSettings, TemplateData, DataSource, DataSourceType, TableColumnConfig, DataBinding, DataBindingConfig, } from './types';
-export { getRenderValue, getObjectFromDataSource, getArrayFromDataSource, safeParseJSON, getValueByPath, } from './utils/dataHelper';
+export type { CanvasComponent, CanvasComponentType, PageSettings, GridSettings, TemplateData, DataSource, DataSourceType, PrintDesignerDataSource, TableColumnConfig, DataBinding, DataBindingConfig, } from './types';
+export { getRenderValue, getObjectFromDataSource, getArrayFromDataSource, formatRenderValue, safeParseJSON, getValueByPath, } from './utils/dataHelper';
 export { useDesignerStore } from './store';