@hprint/plugins 0.0.8 → 0.0.9-alpha.0

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAwC5D,QAAA,MAAM,aAAa,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAAA;CAqCjD,CAAC;AAGF,QAAA,MAAM,WAAW,EAAE,YAAY,EAqC9B,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AA0C5D,QAAA,MAAM,aAAa,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAAA;CAuCjD,CAAC;AAGF,QAAA,MAAM,WAAW,EAAE,YAAY,EAuC9B,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}

package/dist/src/plugins/ActualContentLayoutPlugin.d.ts

@@ -0,0 +1,29 @@
+import { fabric, IEditor, IPluginTempl } from '@hprint/core';
+export interface ActualContentLayoutSettings {
+    actualContentLayout?: boolean;
+    overflowMode?: 'clip' | 'expand';
+}
+type IPlugin = Pick<ActualContentLayoutPlugin, 'applyActualContentLayout'>;
+declare module '@hprint/core' {
+    interface IEditor extends IPlugin {
+    }
+}
+declare class ActualContentLayoutPlugin implements IPluginTempl {
+    canvas: fabric.Canvas;
+    editor: IEditor;
+    static pluginName: string;
+    static apis: string[];
+    constructor(canvas: fabric.Canvas, editor: IEditor);
+    private layoutOrigins;
+    hookTransformObjectEnd(...args: unknown[]): Promise<void>;
+    applyActualContentLayout(templateContent: any, templateHeight: number): number;
+    private getOriginalTop;
+    private getOriginalHeight;
+    private getOriginMmValue;
+    private preparePrintLayoutObject;
+    private isPrintableObject;
+    private isEmptyLayoutObject;
+    private getActualLayoutHeight;
+}
+export default ActualContentLayoutPlugin;
+//# sourceMappingURL=ActualContentLayoutPlugin.d.ts.map

package/dist/src/plugins/ActualContentLayoutPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActualContentLayoutPlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/ActualContentLayoutPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,WAAW,2BAA2B;IACxC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CACpC;AAED,KAAK,OAAO,GAAG,IAAI,CAAC,yBAAyB,EAAE,0BAA0B,CAAC,CAAC;AAE3E,OAAO,QAAQ,cAAc,CAAC;IAC1B,UAAU,OAAQ,SAAQ,OAAO;KAAG;CACvC;AASD,cAAM,yBAA0B,YAAW,YAAY;IAKxC,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,MAAM,EAAE,OAAO;IAL1B,MAAM,CAAC,UAAU,SAA+B;IAChD,MAAM,CAAC,IAAI,WAAgC;gBAGhC,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,MAAM,EAAE,OAAO;IAG1B,OAAO,CAAC,aAAa,CAGjB;IAEE,sBAAsB,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE;IAkB/C,wBAAwB,CAAC,eAAe,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM;IA0GrE,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,iBAAiB;IAkBzB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,wBAAwB;IAahC,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,qBAAqB;CAyBhC;AAED,eAAe,yBAAyB,CAAC"}

package/dist/src/plugins/CopyPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyPlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/CopyPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE1D,KAAK,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAEzC,OAAO,QAAQ,cAAc,CAAC;IAE1B,UAAU,OAAQ,SAAQ,OAAO;KAAG;CACvC;AAED,cAAM,UAAW,YAAW,YAAY;IAMzB,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,MAAM,EAAE,OAAO;IAN1B,MAAM,CAAC,UAAU,SAAgB;IACjC,MAAM,CAAC,IAAI,WAAa;IACxB,OAAO,EAAE,MAAM,EAAE,CAAwB;IACzC,OAAO,CAAC,KAAK,CAAuD;gBAEzD,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,MAAM,EAAE,OAAO;IAM1B,oBAAoB,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM;IAiChD,WAAW,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM;IA4BvC,KAAK,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,eAAe,GAAG,MAAM,CAAC,MAAM;IAYlE,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,aAAa;IAiB/C,WAAW;;;;;;IAcX,OAAO;IAKP,SAAS;IAIH,aAAa,CAAC,KAAK,EAAE,GAAG;CAwHjC;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CopyPlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/CopyPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE1D,KAAK,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAEzC,OAAO,QAAQ,cAAc,CAAC;IAE1B,UAAU,OAAQ,SAAQ,OAAO;KAAG;CACvC;AAED,cAAM,UAAW,YAAW,YAAY;IAMzB,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,MAAM,EAAE,OAAO;IAN1B,MAAM,CAAC,UAAU,SAAgB;IACjC,MAAM,CAAC,IAAI,WAAa;IACxB,OAAO,EAAE,MAAM,EAAE,CAAwB;IACzC,OAAO,CAAC,KAAK,CAAuD;gBAEzD,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,MAAM,EAAE,OAAO;IAM1B,oBAAoB,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM;IAiChD,WAAW,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM;IA8BvC,KAAK,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,eAAe,GAAG,MAAM,CAAC,MAAM;IAYlE,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,aAAa;IAiB/C,WAAW;;;;;;IAcX,OAAO;IAKP,SAAS;IAIH,aAAa,CAAC,KAAK,EAAE,GAAG;CAwHjC;AAED,eAAe,UAAU,CAAC"}

package/dist/src/plugins/ImageTextListPlugin.d.ts

@@ -0,0 +1,68 @@
+import { fabric, IEditor, IPluginTempl } from '@hprint/core';
+export type ImageTextListLayout = 'item-vertical' | 'icon-text-split' | 'icon-only' | 'text-only';
+export interface ImageTextListItem {
+    src: string;
+    name: string;
+}
+export interface ImageTextListOptions {
+    items?: ImageTextListItem[];
+    _renderItems?: ImageTextListItem[];
+    _clipContent?: boolean;
+    layout?: ImageTextListLayout;
+    width?: number;
+    height?: number;
+    iconSize?: number;
+    horizontalGap?: number;
+    verticalGap?: number;
+    itemGap?: number;
+    fontFamily?: string;
+    fontSize?: number;
+    fontWeight?: string;
+    fontStyle?: string;
+    underline?: boolean | string;
+    linethrough?: boolean | string;
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+    textWrap?: boolean;
+    lineHeight?: number;
+    charSpacing?: number;
+    color?: string;
+    [key: string]: any;
+}
+type ImageTextListGroup = fabric.Group & {
+    extensionType?: string;
+    extension?: ImageTextListOptions;
+    _originSize?: Record<string, any>;
+    setExtension?: (fields: Record<string, any>) => Promise<void>;
+    setExtensionByUnit?: (fields: Record<string, any>) => Promise<void>;
+    setByUnit?: (field: string, value: any) => Promise<any>;
+    __imageTextListModified?: () => void;
+};
+type IPlugin = Pick<ImageTextListPlugin, 'createImageTextList' | 'initImageTextListEvents' | 'refreshImageTextList'>;
+declare module '@hprint/core' {
+    interface IEditor extends IPlugin {
+    }
+}
+declare class ImageTextListPlugin implements IPluginTempl {
+    canvas: fabric.Canvas;
+    editor: IEditor;
+    static pluginName: string;
+    static apis: string[];
+    constructor(canvas: fabric.Canvas, editor: IEditor);
+    hookTransform(object: any): Promise<void>;
+    hookTransformObjectEnd(...args: unknown[]): Promise<void>;
+    createImageTextList(items: ImageTextListItem[], options?: ImageTextListOptions): Promise<ImageTextListGroup>;
+    initImageTextListEvents(group: ImageTextListGroup): void;
+    refreshImageTextList(group: ImageTextListGroup): Promise<void>;
+    private normalizeOptions;
+    private toPx;
+    private getItems;
+    private createText;
+    private loadImage;
+    private buildGroup;
+    private createGroup;
+    private flowRows;
+    private updateOriginSize;
+    destroy(): void;
+}
+export default ImageTextListPlugin;
+//# sourceMappingURL=ImageTextListPlugin.d.ts.map

package/dist/src/plugins/ImageTextListPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageTextListPlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/ImageTextListPlugin.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hprint/plugins",
-  "version": "0.0.8",
+  "version": "0.0.9-alpha.0",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -22,8 +22,8 @@
     "qs": "~6.12.3",
     "socket.io-client": "^4.8.1",
     "uuid": "~8.3.2",
-    "@hprint/core": "0.0.8",
-    "@hprint/shared": "0.0.8"
+    "@hprint/core": "0.0.9-alpha.0",
+    "@hprint/shared": "0.0.9-alpha.0"
   },
   "devDependencies": {
     "@types/bwip-js": "^3.2.3",

package/src/index.ts

@@ -36,7 +36,9 @@ import ResizePlugin from './plugins/ResizePlugin';
 import LockPlugin from './plugins/LockPlugin';
 import AddBaseTypePlugin from './plugins/AddBaseTypePlugin';
 import PrintPlugin from './plugins/PrintPlugin';
-import CreateElementPlugin from './plugins/CreateElementPlugin';
+import CreateElementPlugin from './plugins/CreateElementPlugin';
+import ImageTextListPlugin from './plugins/ImageTextListPlugin';
+import ActualContentLayoutPlugin from './plugins/ActualContentLayoutPlugin';
 
 // 对象形式导出所有插件
 const pluginsObject: { [key: string]: IPluginTempl } = {
@@ -75,8 +77,10 @@ const pluginsObject: { [key: string]: IPluginTempl } = {
     LockPlugin,
     AddBaseTypePlugin,
     PrintPlugin,
-    CreateElementPlugin,
-};
+    CreateElementPlugin,
+    ImageTextListPlugin,
+    ActualContentLayoutPlugin,
+};
 
 // 数组形式导出所有插件
 const pluginsList: IPluginTempl[] = [
@@ -115,7 +119,9 @@ const pluginsList: IPluginTempl[] = [
     LockPlugin,
     AddBaseTypePlugin,
     PrintPlugin,
-    CreateElementPlugin,
-];
+    CreateElementPlugin,
+    ImageTextListPlugin,
+    ActualContentLayoutPlugin,
+];
 
 export { pluginsObject, pluginsList, SelectEvent, SelectMode };

package/src/plugins/ActualContentLayoutPlugin.ts

@@ -0,0 +1,276 @@
+import { fabric } from '@hprint/core';
+import type { IEditor, IPluginTempl } from '@hprint/core';
+
+export interface ActualContentLayoutSettings {
+    actualContentLayout?: boolean;
+    overflowMode?: 'clip' | 'expand';
+}
+
+type IPlugin = Pick<ActualContentLayoutPlugin, 'applyActualContentLayout'>;
+
+declare module '@hprint/core' {
+    interface IEditor extends IPlugin {}
+}
+
+type LayoutEntry = {
+    object: fabric.Object;
+    index: number;
+    originalTop: number;
+    originalBottom: number;
+};
+
+class ActualContentLayoutPlugin implements IPluginTempl {
+    static pluginName = 'ActualContentLayoutPlugin';
+    static apis = ['applyActualContentLayout'];
+
+    constructor(
+        public canvas: fabric.Canvas,
+        public editor: IEditor
+    ) {}
+
+    private layoutOrigins = new WeakMap<
+        fabric.Object,
+        { top: number; height: number }
+    >();
+
+    async hookTransformObjectEnd(...args: unknown[]) {
+        const { originObject, fabricObject } = args[0] as {
+            originObject: any;
+            fabricObject: fabric.Object;
+        };
+        if (!this.isPrintableObject(originObject)) return;
+
+        const mmPerPx = Number(this.editor.getSizeByUnit?.(1, 'mm')) || 1;
+        this.layoutOrigins.set(fabricObject, {
+            top: this.getOriginalTop(originObject, fabricObject, mmPerPx),
+            height: this.getOriginalHeight(
+                originObject,
+                fabricObject,
+                mmPerPx
+            ),
+        });
+    }
+
+    applyActualContentLayout(templateContent: any, templateHeight: number) {
+        const settings = (templateContent?.templateSettings ||
+            {}) as ActualContentLayoutSettings;
+        if (!settings.actualContentLayout) return templateHeight;
+
+        const fabricObjects = this.canvas
+            .getObjects()
+            .filter(this.isPrintableObject);
+        const mmPerPx = Number(this.editor.getSizeByUnit?.(1, 'mm')) || 1;
+
+        fabricObjects.forEach((object) => this.preparePrintLayoutObject(object));
+
+        const entries = fabricObjects.map((object, index) => {
+            const origin = this.layoutOrigins.get(object);
+            const originalTop =
+                origin?.top ?? Number(object.top || 0) * mmPerPx;
+            const originalHeight =
+                origin?.height ??
+                Number(object.getScaledHeight?.() || object.height || 0) *
+                    mmPerPx;
+            return {
+                object,
+                index,
+                originalTop,
+                originalBottom: originalTop + originalHeight,
+            };
+        }) as LayoutEntry[];
+
+        entries.sort(
+            (a, b) => a.originalTop - b.originalTop || a.index - b.index
+        );
+        const rows: LayoutEntry[][] = [];
+        const sameRowTolerance = 0.01;
+        entries.forEach((entry) => {
+            const row = rows[rows.length - 1];
+            if (
+                row &&
+                Math.abs(row[0].originalTop - entry.originalTop) <=
+                    sameRowTolerance
+            ) {
+                row.push(entry);
+            } else {
+                rows.push([entry]);
+            }
+        });
+
+        let previousOriginalBottom: number | undefined;
+        let previousActualBottom: number | undefined;
+        let pendingGap = 0;
+        let lastVisibleOriginalBottom = 0;
+
+        rows.forEach((row) => {
+            const rowOriginalTop = row[0].originalTop;
+            const rowOriginalBottom = Math.max(
+                ...row.map((entry) => entry.originalBottom)
+            );
+            if (previousOriginalBottom !== undefined) {
+                pendingGap += Math.max(
+                    0,
+                    rowOriginalTop - previousOriginalBottom
+                );
+            }
+            previousOriginalBottom = rowOriginalBottom;
+
+            const visibleEntries = row.filter(
+                (entry) => !this.isEmptyLayoutObject(entry.object)
+            );
+            if (!visibleEntries.length) return;
+
+            const targetTop =
+                previousActualBottom === undefined
+                    ? rowOriginalTop
+                    : previousActualBottom + pendingGap;
+            visibleEntries.forEach((entry) => {
+                entry.object.set('top', targetTop / mmPerPx);
+                entry.object.setCoords();
+            });
+            previousActualBottom = Math.max(
+                ...visibleEntries.map(
+                    (entry) =>
+                        (Number(entry.object.top || 0) +
+                            this.getActualLayoutHeight(entry.object)) *
+                        mmPerPx
+                )
+            );
+            lastVisibleOriginalBottom = rowOriginalBottom;
+            pendingGap = 0;
+        });
+
+        this.canvas.requestRenderAll();
+        if (
+            settings.overflowMode !== 'expand' ||
+            previousActualBottom === undefined
+        ) {
+            return templateHeight;
+        }
+        const bottomSpace = Math.max(
+            0,
+            templateHeight - lastVisibleOriginalBottom
+        );
+        return Math.max(
+            templateHeight,
+            previousActualBottom + bottomSpace
+        );
+    }
+
+    private getOriginalTop(
+        source: any,
+        object: fabric.Object,
+        mmPerPx: number
+    ) {
+        const top = Number(source?.top);
+        if (Number.isFinite(top)) return top * mmPerPx;
+        return this.getOriginMmValue(
+            source,
+            'top',
+            Number(object.top || 0) * mmPerPx
+        );
+    }
+
+    private getOriginalHeight(
+        source: any,
+        object: fabric.Object,
+        mmPerPx: number
+    ) {
+        const height = Number(source?.height);
+        const scaleY = Number(source?.scaleY ?? 1);
+        if (Number.isFinite(height) && Number.isFinite(scaleY)) {
+            return Math.abs(height * scaleY) * mmPerPx;
+        }
+        return this.getOriginMmValue(
+            source,
+            'height',
+            Number(object.getScaledHeight?.() || object.height || 0) *
+                mmPerPx
+        );
+    }
+
+    private getOriginMmValue(
+        source: any,
+        field: 'top' | 'height',
+        fallback: number
+    ) {
+        const originalValue = source?._originSize?.mm?.[field];
+        if (
+            originalValue === undefined ||
+            originalValue === null ||
+            originalValue === ''
+        ) {
+            return fallback;
+        }
+        const value = Number(originalValue);
+        return Number.isFinite(value) ? value : fallback;
+    }
+
+    private preparePrintLayoutObject(object: any) {
+        if (object?.extensionType !== 'imageTextList') return;
+        if (object.extension?._clipContent === true) return;
+
+        // Design canvases can opt into clipping, but print/layout canvases should
+        // measure and render the natural image-text content height.
+        if (object.clipPath) object.set('clipPath', undefined);
+        object.set({
+            objectCaching: false,
+            dirty: true,
+        });
+    }
+
+    private isPrintableObject(object: any) {
+        return (
+            object?.id !== 'workspace' &&
+            object?.id !== 'coverMask' &&
+            object?.type !== 'GuideLine'
+        );
+    }
+
+    private isEmptyLayoutObject(object: any) {
+        if (object?.visible === false) return true;
+        const field = object?.extension?._field_;
+        if (!field) return false;
+        if (object.type === 'textbox') {
+            return String(object.text ?? '') === '';
+        }
+        if (['barcode', 'qrcode'].includes(object.extensionType)) {
+            return String(object.extension?.value ?? '') === '';
+        }
+        if (object.extensionType === 'imageTextList') {
+            return (
+                !Array.isArray(object.extension?.items) ||
+                object.extension.items.length === 0
+            );
+        }
+        return false;
+    }
+
+    private getActualLayoutHeight(object: any) {
+        if (object?.extensionType !== 'imageTextList') {
+            return Number(
+                object.getScaledHeight?.() || object.height || 0
+            );
+        }
+
+        const children = object.getObjects?.() || object._objects || [];
+        const contentChildren = children.slice(1);
+        if (!contentChildren.length) return 0;
+
+        const groupHeight = Number(object.height || 0);
+        const groupScaleY = Math.abs(Number(object.scaleY ?? 1));
+        const contentBottom = Math.max(
+            ...contentChildren.map(
+                (child: any) =>
+                    Number(child.top || 0) +
+                    groupHeight / 2 +
+                    Number(
+                        child.getScaledHeight?.() || child.height || 0
+                    )
+            )
+        );
+        return Math.max(0, contentBottom) * groupScaleY;
+    }
+}
+
+export default ActualContentLayoutPlugin;

package/src/plugins/CopyPlugin.ts

@@ -74,9 +74,11 @@ class CopyPlugin implements IPluginTempl {
             this.editor.addSetAndSyncByUnit(cloned);
             if (cloned.extensionType === 'barcode') {
                 this.editor.initBarcodeEvents(cloned)
-            } else if (cloned.extensionType === 'qrcode') {
-                this.editor.initQrcodeEvents(cloned);
-            }
+            } else if (cloned.extensionType === 'qrcode') {
+                this.editor.initQrcodeEvents(cloned);
+            } else if (cloned.extensionType === 'imageTextList') {
+                this.editor.initImageTextListEvents(cloned);
+            }
             canvas.add(cloned);
             canvas.setActiveObject(cloned);
             canvas.requestRenderAll();