operp-print-designer 1.0.3 → 1.0.4

package/dist/components/PrintDesigner.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TemplateData } from '../types';
+export interface PrintDesignerProps {
+ /** 是否为预览模式（只读） */
+ isPreview?: boolean;
+ /** 初始模板数据 */
+ initialTemplateData?: TemplateData;
+ /** 保存回调 */
+ onSave?: (templateData: TemplateData) => void;
+ /** 打印回调 */
+ onPrint?: () => void;
+}
+declare const PrintDesigner: React.FC<PrintDesignerProps>;
+export default PrintDesigner;

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+export { default } from './components/PrintDesigner';
+export { default as PrintDesigner } from './components/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 { useDesignerStore } from './store';

package/dist/store/index.d.ts

@@ -0,0 +1,29 @@
+import { CanvasComponent, PageSettings, GridSettings, DataSource, TemplateData } from '../types';
+interface DesignerStore {
+ components: CanvasComponent[];
+ selectedId: string | null;
+ pageSettings: PageSettings;
+ gridSettings: GridSettings;
+ dataSources: DataSource[];
+ // Components actions
+ addComponent: (comp: Omit<CanvasComponent, 'id'>) => void;
+ updateComponent: (id: string, updates: Partial<CanvasComponent>) => void;
+ updateComponentProps: (id: string, props: Record<string, unknown>) => void;
+ updateComponentTableColumns: (id: string, columns: any[]) => void;
+ deleteComponent: (id: string) => void;
+ selectComponent: (id: string | null) => void;
+ moveComponent: (id: string, x: number, y: number) => void;
+ resizeComponent: (id: string, w: number, h: number) => void;
+ // Page settings actions
+ updatePageSettings: (settings: Partial<PageSettings>) => void;
+ // Grid settings actions
+ updateGridSettings: (settings: Partial<GridSettings>) => void;
+ // Data sources actions
+ addDataSource: (ds: Omit<DataSource, 'id'>) => void;
+ updateDataSource: (id: string, updates: Partial<DataSource>) => void;
+ deleteDataSource: (id: string) => void;
+ // Template actions
+ loadTemplate: (data: TemplateData) => void;
+ exportTemplate: () => TemplateData;
+}
+export declare const useDesignerStore: () => DesignerStore;

package/dist/types/index.d.ts

@@ -0,0 +1,71 @@
+export type CanvasComponentType = 'text' | 'image' | 'table' | 'barcode' | 'line';
+
+export interface DataBinding {
+  dataSourceId?: string;
+  fieldPath?: string;
+  staticValue: string;
+}
+
+export type DataBindingConfig = DataBinding;
+
+export interface TableColumnConfig {
+  title: string;
+  fieldPath?: string;
+  width?: number;
+  editable?: boolean;
+}
+
+export interface CanvasComponent {
+  id: string;
+  type: CanvasComponentType;
+  x: number;
+  y: number;
+  w: number;
+  h: number;
+  props: Record<string, unknown>;
+  tableColumns?: TableColumnConfig[];
+}
+
+export type DataSourceType = 'object' | 'array';
+
+export interface DataSource {
+  id: string;
+  name: string;
+  type: DataSourceType;
+  data: string;
+  createdAt: number;
+}
+
+export type PaperSizePreset = 'A4' | 'A3' | 'A5' | 'Letter' | 'Legal' | 'custom';
+
+export type Orientation = 'portrait' | 'landscape';
+
+export interface PageSettings {
+  paperSize: PaperSizePreset;
+  customWidth: number;
+  customHeight: number;
+  orientation: Orientation;
+  marginTop: number;
+  marginRight: number;
+  marginBottom: number;
+  marginLeft: number;
+  showHeader: boolean;
+  headerContent: string;
+  showFooter: boolean;
+  footerContent: string;
+  showPageNumber: boolean;
+  pageNumberFormat: string;
+}
+
+export interface GridSettings {
+  cellSize: number;
+  cols: number;
+}
+
+export interface TemplateData {
+  version: string;
+  templateName: string;
+  pageSettings: PageSettings;
+  components: Omit<CanvasComponent, 'id'>[];
+  dataSources: Omit<DataSource, 'id'>[];
+}

package/dist/utils/dataHelper.d.ts

@@ -0,0 +1,6 @@
+import { CanvasComponent, DataSource } from '../types';
+export declare function safeParseJSON(str: string): any;
+export declare function getValueByPath(obj: any, path: string): any;
+export declare function getObjectFromDataSource(ds: DataSource): any;
+export declare function getArrayFromDataSource(ds: DataSource): any[];
+export declare function getRenderValue(comp: CanvasComponent, propName: string, dataSources: DataSource[]): string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "operp-print-designer",
   "private": false,
-  "version": "1.0.3",
+  "version": "1.0.4",
   "type": "module",
   "description": "一个功能强大的打印模板设计器组件，支持拖拽、数据绑定和打印预览",
   "main": "./dist/print-designer.umd.js",