@hprint/plugins 0.0.7 → 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.7",
+  "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.7",
-    "@hprint/shared": "0.0.7"
+    "@hprint/core": "0.0.9-alpha.0",
+    "@hprint/shared": "0.0.9-alpha.0"
   },
   "devDependencies": {
     "@types/bwip-js": "^3.2.3",

package/src/assets/style/resizePlugin.css

@@ -1,27 +1,27 @@
-.resize-bar {
-    border-radius: 3px;
-    background-color: rgba(160, 160, 160, 0.6);
-    position: absolute;
-}
-.resize-bar:hover {
-    background-color: #328cff;
-}
-.resize-bar.horizontal {
-    width: 6px;
-    height: 30px;
-}
-.resize-bar.vertical {
-    width: 30px;
-    height: 6px;
-}
-.resize-bar.active {
-    background-color: #328cff;
-}
-#resize-left-bar,
-#resize-right-bar {
-    cursor: ew-resize;
-}
-#resize-top-bar,
-#resize-bottom-bar {
-    cursor: ns-resize;
-}
+.resize-bar {
+    border-radius: 3px;
+    background-color: rgba(160, 160, 160, 0.6);
+    position: absolute;
+}
+.resize-bar:hover {
+    background-color: #328cff;
+}
+.resize-bar.horizontal {
+    width: 6px;
+    height: 30px;
+}
+.resize-bar.vertical {
+    width: 30px;
+    height: 6px;
+}
+.resize-bar.active {
+    background-color: #328cff;
+}
+#resize-left-bar,
+#resize-right-bar {
+    cursor: ew-resize;
+}
+#resize-top-bar,
+#resize-bottom-bar {
+    cursor: ns-resize;
+}

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/objects/Arrow.js

@@ -1,47 +1,47 @@
-import { fabric } from '@hprint/core';
-
-fabric.Arrow = fabric.util.createClass(fabric.Line, {
-    type: 'arrow',
-    superType: 'drawing',
-    initialize(points, options) {
-        if (!points) {
-            const { x1, x2, y1, y2 } = options;
-            points = [x1, y1, x2, y2];
-        }
-        options = options || {};
-        this.callSuper('initialize', points, options);
-    },
-    _render(ctx) {
-        this.callSuper('_render', ctx);
-        ctx.save();
-        // 乘或除对应的scaleX(Y)，抵消元素放缩造成的影响，使箭头不会变形
-        ctx.scale(1 / this.scaleX, 1 / this.scaleY);
-        const xDiff = (this.x2 - this.x1) * this.scaleX;
-        const yDiff = (this.y2 - this.y1) * this.scaleY;
-        const angle = Math.atan2(yDiff, xDiff);
-        ctx.translate(
-            ((this.x2 - this.x1) / 2) * this.scaleX,
-            ((this.y2 - this.y1) / 2) * this.scaleY
-        );
-        ctx.rotate(angle);
-        ctx.beginPath();
-        // Move 5px in front of line to start the arrow so it does not have the square line end showing in front (0,0)
-        ctx.moveTo(0, 0);
-        ctx.lineTo(-10, 5);
-        ctx.lineTo(-10, -5);
-        ctx.closePath();
-        ctx.lineWidth = this.lineWidth;
-        ctx.strokeStyle = this.stroke;
-        ctx.fillStyle = this.fill;
-        ctx.stroke();
-        ctx.fill();
-        ctx.restore();
-    },
-});
-
-fabric.Arrow.fromObject = (options, callback) => {
-    const { x1, x2, y1, y2 } = options;
-    return callback(new fabric.Arrow([x1, y1, x2, y2], options));
-};
-
-export default fabric.Arrow;
+import { fabric } from '@hprint/core';
+
+fabric.Arrow = fabric.util.createClass(fabric.Line, {
+    type: 'arrow',
+    superType: 'drawing',
+    initialize(points, options) {
+        if (!points) {
+            const { x1, x2, y1, y2 } = options;
+            points = [x1, y1, x2, y2];
+        }
+        options = options || {};
+        this.callSuper('initialize', points, options);
+    },
+    _render(ctx) {
+        this.callSuper('_render', ctx);
+        ctx.save();
+        // 乘或除对应的scaleX(Y)，抵消元素放缩造成的影响，使箭头不会变形
+        ctx.scale(1 / this.scaleX, 1 / this.scaleY);
+        const xDiff = (this.x2 - this.x1) * this.scaleX;
+        const yDiff = (this.y2 - this.y1) * this.scaleY;
+        const angle = Math.atan2(yDiff, xDiff);
+        ctx.translate(
+            ((this.x2 - this.x1) / 2) * this.scaleX,
+            ((this.y2 - this.y1) / 2) * this.scaleY
+        );
+        ctx.rotate(angle);
+        ctx.beginPath();
+        // Move 5px in front of line to start the arrow so it does not have the square line end showing in front (0,0)
+        ctx.moveTo(0, 0);
+        ctx.lineTo(-10, 5);
+        ctx.lineTo(-10, -5);
+        ctx.closePath();
+        ctx.lineWidth = this.lineWidth;
+        ctx.strokeStyle = this.stroke;
+        ctx.fillStyle = this.fill;
+        ctx.stroke();
+        ctx.fill();
+        ctx.restore();
+    },
+});
+
+fabric.Arrow.fromObject = (options, callback) => {
+    const { x1, x2, y1, y2 } = options;
+    return callback(new fabric.Arrow([x1, y1, x2, y2], options));
+};
+
+export default fabric.Arrow;

package/src/objects/ThinTailArrow.js

@@ -1,50 +1,50 @@
-import { fabric } from '@hprint/core';
-
-fabric.ThinTailArrow = fabric.util.createClass(fabric.Line, {
-    type: 'thinTailArrow',
-    superType: 'drawing',
-    initialize(points, options) {
-        if (!points) {
-            const { x1, x2, y1, y2 } = options;
-            points = [x1, y1, x2, y2];
-        }
-        options = options || {};
-        this.callSuper('initialize', points, options);
-    },
-    _render(ctx) {
-        ctx.save();
-        // 乘或除对应的scaleX(Y)，抵消元素放缩造成的影响，使箭头不会变形
-        ctx.scale(1 / this.scaleX, 1 / this.scaleY);
-        const xDiff = (this.x2 - this.x1) * this.scaleX;
-        const yDiff = (this.y2 - this.y1) * this.scaleY;
-        ctx.translate(-xDiff / 2, -yDiff / 2);
-        // 箭头方位角
-        const angle = Math.atan2(yDiff, xDiff);
-        ctx.rotate(angle);
-        // 箭头总长(最小长度是20)
-        let length = Math.hypot(xDiff, yDiff);
-        length = length < 20 ? 20 : length;
-        // 绘制箭头
-        ctx.beginPath();
-        ctx.moveTo(0, 0);
-        ctx.lineTo(length - 18, -5);
-        ctx.lineTo(length - 20, -12);
-        ctx.lineTo(length, 0);
-        ctx.lineTo(length - 20, 12);
-        ctx.lineTo(length - 18, 5);
-        ctx.lineTo(0, 0);
-        ctx.lineWidth = this.strokeWidth;
-        ctx.strokeStyle = this.stroke;
-        ctx.fillStyle = this.fill;
-        ctx.stroke();
-        ctx.fill();
-        ctx.restore();
-    },
-});
-
-fabric.ThinTailArrow.fromObject = (options, callback) => {
-    const { x1, x2, y1, y2 } = options;
-    return callback(new fabric.ThinTailArrow([x1, y1, x2, y2], options));
-};
-
-export default fabric.ThinTailArrow;
+import { fabric } from '@hprint/core';
+
+fabric.ThinTailArrow = fabric.util.createClass(fabric.Line, {
+    type: 'thinTailArrow',
+    superType: 'drawing',
+    initialize(points, options) {
+        if (!points) {
+            const { x1, x2, y1, y2 } = options;
+            points = [x1, y1, x2, y2];
+        }
+        options = options || {};
+        this.callSuper('initialize', points, options);
+    },
+    _render(ctx) {
+        ctx.save();
+        // 乘或除对应的scaleX(Y)，抵消元素放缩造成的影响，使箭头不会变形
+        ctx.scale(1 / this.scaleX, 1 / this.scaleY);
+        const xDiff = (this.x2 - this.x1) * this.scaleX;
+        const yDiff = (this.y2 - this.y1) * this.scaleY;
+        ctx.translate(-xDiff / 2, -yDiff / 2);
+        // 箭头方位角
+        const angle = Math.atan2(yDiff, xDiff);
+        ctx.rotate(angle);
+        // 箭头总长(最小长度是20)
+        let length = Math.hypot(xDiff, yDiff);
+        length = length < 20 ? 20 : length;
+        // 绘制箭头
+        ctx.beginPath();
+        ctx.moveTo(0, 0);
+        ctx.lineTo(length - 18, -5);
+        ctx.lineTo(length - 20, -12);
+        ctx.lineTo(length, 0);
+        ctx.lineTo(length - 20, 12);
+        ctx.lineTo(length - 18, 5);
+        ctx.lineTo(0, 0);
+        ctx.lineWidth = this.strokeWidth;
+        ctx.strokeStyle = this.stroke;
+        ctx.fillStyle = this.fill;
+        ctx.stroke();
+        ctx.fill();
+        ctx.restore();
+    },
+});
+
+fabric.ThinTailArrow.fromObject = (options, callback) => {
+    const { x1, x2, y1, y2 } = options;
+    return callback(new fabric.ThinTailArrow([x1, y1, x2, y2], options));
+};
+
+export default fabric.ThinTailArrow;