@hprint/core 0.0.1-alpha.3 → 0.0.1-alpha.4

package/src/index.ts

@@ -1,11 +1,11 @@
-import Editor from './Editor';
-import Utils from './utils/utils';
-import CustomRect from './objects/CustomRect';
-import CustomTextbox from './objects/CustomTextbox';
-import { fabric } from 'fabric';
-import type { Canvas, Point, IEvent } from 'fabric/fabric-impl';
-
-export { Utils, CustomRect, CustomTextbox, fabric, Canvas, Point, IEvent };
-export default Editor;
-
-export * from './interface/Editor';
+import Editor from './Editor';
+import Utils from './utils/utils';
+import CustomRect from './objects/CustomRect';
+import CustomTextbox from './objects/CustomTextbox';
+import { fabric } from 'fabric';
+import type { Canvas, Point, IEvent } from 'fabric/fabric-impl';
+
+export { Utils, CustomRect, CustomTextbox, fabric, Canvas, Point, IEvent };
+export default Editor;
+
+export * from './interface/Editor';

package/src/interface/Editor.ts

@@ -1,58 +1,58 @@
-import type Editor from '@hprint/core';
-
-// IEditor类型包含插件实例，Editor不包含插件实例
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface IEditor extends Editor { }
-
-// 生命周期事件类型
-export type IEditorHooksType =
-    | 'hookImportBefore'
-    | 'hookImportAfter'
-    | 'hookSaveBefore'
-    | 'hookSaveAfter'
-    | 'hookTransform'
-    | 'hookTransformObjectEnd';
-
-// 插件实例
-export declare class IPluginTempl {
-    constructor(
-        canvas: fabric.Canvas,
-        editor: IEditor,
-        options?: IPluginOption
-    );
-    static pluginName: string;
-    static events: string[];
-    static apis: string[];
-    hotkeyEvent?: (name: string, e: KeyboardEvent) => void;
-    hookImportBefore?: (...args: unknown[]) => Promise<unknown>;
-    hookImportAfter?: (...args: unknown[]) => Promise<unknown>;
-    hookSaveBefore?: (...args: unknown[]) => Promise<unknown>;
-    hookSaveAfter?: (...args: unknown[]) => Promise<unknown>;
-    hookTransform?: (...args: unknown[]) => Promise<unknown>;
-    hookTransformObjectEnd?: (...args: unknown[]) => Promise<unknown>;
-    [propName: string]: any;
-    canvas?: fabric.Canvas;
-    editor?: IEditor;
-}
-
-export declare interface IPluginOption {
-    [propName: string]: unknown | undefined;
-}
-
-declare class IPluginClass2 extends IPluginTempl {
-    constructor();
-}
-// 插件class
-export declare interface IPluginClass {
-    new(
-        canvas: fabric.Canvas,
-        editor: Editor,
-        options?: IPluginOption
-    ): IPluginClass2;
-}
-
-export declare interface IPluginMenu {
-    text: string;
-    command?: () => void;
-    child?: IPluginMenu[];
-}
+import type Editor from '@hprint/core';
+
+// IEditor类型包含插件实例，Editor不包含插件实例
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface IEditor extends Editor { }
+
+// 生命周期事件类型
+export type IEditorHooksType =
+    | 'hookImportBefore'
+    | 'hookImportAfter'
+    | 'hookSaveBefore'
+    | 'hookSaveAfter'
+    | 'hookTransform'
+    | 'hookTransformObjectEnd';
+
+// 插件实例
+export declare class IPluginTempl {
+    constructor(
+        canvas: fabric.Canvas,
+        editor: IEditor,
+        options?: IPluginOption
+    );
+    static pluginName: string;
+    static events: string[];
+    static apis: string[];
+    hotkeyEvent?: (name: string, e: KeyboardEvent) => void;
+    hookImportBefore?: (...args: unknown[]) => Promise<unknown>;
+    hookImportAfter?: (...args: unknown[]) => Promise<unknown>;
+    hookSaveBefore?: (...args: unknown[]) => Promise<unknown>;
+    hookSaveAfter?: (...args: unknown[]) => Promise<unknown>;
+    hookTransform?: (...args: unknown[]) => Promise<unknown>;
+    hookTransformObjectEnd?: (...args: unknown[]) => Promise<unknown>;
+    [propName: string]: any;
+    canvas?: fabric.Canvas;
+    editor?: IEditor;
+}
+
+export declare interface IPluginOption {
+    [propName: string]: unknown | undefined;
+}
+
+declare class IPluginClass2 extends IPluginTempl {
+    constructor();
+}
+// 插件class
+export declare interface IPluginClass {
+    new(
+        canvas: fabric.Canvas,
+        editor: Editor,
+        options?: IPluginOption
+    ): IPluginClass2;
+}
+
+export declare interface IPluginMenu {
+    text: string;
+    command?: () => void;
+    child?: IPluginMenu[];
+}

package/src/objects/CustomRect.js

@@ -1,21 +1,21 @@
-import { fabric } from 'fabric';
-
-fabric.Rect = fabric.util.createClass(fabric.Rect, {
-    type: 'rect',
-    initialize: function (options) {
-        options || (options = {});
-        this.callSuper('initialize', options);
-    },
-    _render(ctx) {
-        const roundValue = this.roundValue || 0;
-        this.rx = (1 / this.scaleX) * roundValue;
-        this.ry = (1 / this.scaleY) * roundValue;
-        this.callSuper('_render', ctx);
-    },
-});
-
-fabric.Rect.fromObject = function (object, callback) {
-    return fabric.Object._fromObject('Rect', object, callback);
-};
-
-export default fabric.Rect;
+import { fabric } from 'fabric';
+
+fabric.Rect = fabric.util.createClass(fabric.Rect, {
+    type: 'rect',
+    initialize: function (options) {
+        options || (options = {});
+        this.callSuper('initialize', options);
+    },
+    _render(ctx) {
+        const roundValue = this.roundValue || 0;
+        this.rx = (1 / this.scaleX) * roundValue;
+        this.ry = (1 / this.scaleY) * roundValue;
+        this.callSuper('_render', ctx);
+    },
+});
+
+fabric.Rect.fromObject = function (object, callback) {
+    return fabric.Object._fromObject('Rect', object, callback);
+};
+
+export default fabric.Rect;

package/src/objects/CustomTextbox.js

@@ -1,165 +1,165 @@
-/*
- * 文本框，修改两端对齐逻辑
- */
-import { fabric } from 'fabric';
-
-fabric.Textbox = fabric.util.createClass(fabric.Textbox, {
-    type: 'textbox',
-
-    _renderChars: function (method, ctx, line, left, top, lineIndex) {
-        // set proper line offset
-        var lineHeight = this.getHeightOfLine(lineIndex),
-            isJustify = this.textAlign.indexOf('justify') !== -1,
-            actualStyle,
-            nextStyle,
-            charsToRender = '',
-            charBox,
-            boxWidth = 0,
-            timeToRender,
-            path = this.path,
-            shortCut =
-                !isJustify &&
-                this.charSpacing === 0 &&
-                this.isEmptyStyles(lineIndex) &&
-                !path,
-            isLtr = this.direction === 'ltr',
-            sign = this.direction === 'ltr' ? 1 : -1,
-            drawingLeft,
-            currentDirection = ctx.canvas.getAttribute('dir');
-        ctx.save();
-        if (currentDirection !== this.direction) {
-            ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl');
-            ctx.direction = isLtr ? 'ltr' : 'rtl';
-            ctx.textAlign = isLtr ? 'left' : 'right';
-        }
-        top -= (lineHeight * this._fontSizeFraction) / this.lineHeight;
-        if (shortCut) {
-            // render all the line in one pass without checking
-            // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex);
-            this._renderChar(
-                method,
-                ctx,
-                lineIndex,
-                0,
-                line.join(''),
-                left,
-                top,
-                lineHeight
-            );
-            ctx.restore();
-            return;
-        }
-        for (var i = 0, len = line.length - 1; i <= len; i++) {
-            timeToRender = i === len || this.charSpacing || path;
-            charsToRender += line[i];
-            charBox = this.__charBounds[lineIndex][i];
-            if (boxWidth === 0) {
-                left += sign * (charBox.kernedWidth - charBox.width);
-                boxWidth += charBox.width;
-            } else {
-                boxWidth += charBox.kernedWidth;
-            }
-            if (isJustify && !timeToRender) {
-                if (this._reSpaceAndTab.test(line[i])) {
-                    timeToRender = true;
-                }
-            }
-            if (!timeToRender) {
-                // if we have charSpacing, we render char by char
-                actualStyle =
-                    actualStyle ||
-                    this.getCompleteStyleDeclaration(lineIndex, i);
-                nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);
-                timeToRender = fabric.util.hasStyleChanged(
-                    actualStyle,
-                    nextStyle,
-                    false
-                );
-            }
-            // if (timeToRender) {
-            if (path) {
-                ctx.save();
-                ctx.translate(charBox.renderLeft, charBox.renderTop);
-                ctx.rotate(charBox.angle);
-                this._renderChar(
-                    method,
-                    ctx,
-                    lineIndex,
-                    i,
-                    charsToRender,
-                    -boxWidth / 2,
-                    0,
-                    lineHeight
-                );
-                ctx.restore();
-            } else {
-                drawingLeft = left;
-                this._renderChar(
-                    method,
-                    ctx,
-                    lineIndex,
-                    i,
-                    charsToRender,
-                    drawingLeft,
-                    top,
-                    lineHeight
-                );
-            }
-            charsToRender = '';
-            actualStyle = nextStyle;
-            left += sign * boxWidth;
-            boxWidth = 0;
-            // }
-        }
-        ctx.restore();
-    },
-    enlargeSpaces: function () {
-        var diffSpace,
-            currentLineWidth,
-            numberOfSpaces,
-            accumulatedSpace,
-            line,
-            charBound,
-            spaces;
-        for (var i = 0, len = this._textLines.length; i < len; i++) {
-            if (
-                this.textAlign !== 'justify' &&
-                (i === len - 1 || this.isEndOfWrapping(i))
-            ) {
-                continue;
-            }
-            accumulatedSpace = 0;
-            line = this._textLines[i];
-            currentLineWidth = this.getLineWidth(i);
-            if (
-                currentLineWidth < this.width &&
-                (spaces = this.textLines[i].split('')) &&
-                spaces.length > 1
-            ) {
-                numberOfSpaces = spaces.length;
-                diffSpace =
-                    (this.width - currentLineWidth) / (numberOfSpaces - 1);
-                for (var j = 0, jlen = line.length; j <= jlen; j++) {
-                    charBound = this.__charBounds[i][j];
-                    // if (this._reSpaceAndTab.test(line[j])) {
-                    charBound.left += accumulatedSpace;
-                    if (j < jlen - 1) {
-                        charBound.width += diffSpace;
-                        charBound.kernedWidth += diffSpace;
-                        accumulatedSpace += diffSpace;
-                    }
-                    // } else {
-                    //   charBound.left += accumulatedSpace;
-                    // }
-                }
-            }
-        }
-    },
-});
-
-fabric.Textbox.fromObject = function (options, callback) {
-    const { text } = options;
-    return callback(new fabric.Textbox(text, options));
-};
-
-export default fabric.Rect;
+/*
+ * 文本框，修改两端对齐逻辑
+ */
+import { fabric } from 'fabric';
+
+fabric.Textbox = fabric.util.createClass(fabric.Textbox, {
+    type: 'textbox',
+
+    _renderChars: function (method, ctx, line, left, top, lineIndex) {
+        // set proper line offset
+        var lineHeight = this.getHeightOfLine(lineIndex),
+            isJustify = this.textAlign.indexOf('justify') !== -1,
+            actualStyle,
+            nextStyle,
+            charsToRender = '',
+            charBox,
+            boxWidth = 0,
+            timeToRender,
+            path = this.path,
+            shortCut =
+                !isJustify &&
+                this.charSpacing === 0 &&
+                this.isEmptyStyles(lineIndex) &&
+                !path,
+            isLtr = this.direction === 'ltr',
+            sign = this.direction === 'ltr' ? 1 : -1,
+            drawingLeft,
+            currentDirection = ctx.canvas.getAttribute('dir');
+        ctx.save();
+        if (currentDirection !== this.direction) {
+            ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl');
+            ctx.direction = isLtr ? 'ltr' : 'rtl';
+            ctx.textAlign = isLtr ? 'left' : 'right';
+        }
+        top -= (lineHeight * this._fontSizeFraction) / this.lineHeight;
+        if (shortCut) {
+            // render all the line in one pass without checking
+            // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex);
+            this._renderChar(
+                method,
+                ctx,
+                lineIndex,
+                0,
+                line.join(''),
+                left,
+                top,
+                lineHeight
+            );
+            ctx.restore();
+            return;
+        }
+        for (var i = 0, len = line.length - 1; i <= len; i++) {
+            timeToRender = i === len || this.charSpacing || path;
+            charsToRender += line[i];
+            charBox = this.__charBounds[lineIndex][i];
+            if (boxWidth === 0) {
+                left += sign * (charBox.kernedWidth - charBox.width);
+                boxWidth += charBox.width;
+            } else {
+                boxWidth += charBox.kernedWidth;
+            }
+            if (isJustify && !timeToRender) {
+                if (this._reSpaceAndTab.test(line[i])) {
+                    timeToRender = true;
+                }
+            }
+            if (!timeToRender) {
+                // if we have charSpacing, we render char by char
+                actualStyle =
+                    actualStyle ||
+                    this.getCompleteStyleDeclaration(lineIndex, i);
+                nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);
+                timeToRender = fabric.util.hasStyleChanged(
+                    actualStyle,
+                    nextStyle,
+                    false
+                );
+            }
+            // if (timeToRender) {
+            if (path) {
+                ctx.save();
+                ctx.translate(charBox.renderLeft, charBox.renderTop);
+                ctx.rotate(charBox.angle);
+                this._renderChar(
+                    method,
+                    ctx,
+                    lineIndex,
+                    i,
+                    charsToRender,
+                    -boxWidth / 2,
+                    0,
+                    lineHeight
+                );
+                ctx.restore();
+            } else {
+                drawingLeft = left;
+                this._renderChar(
+                    method,
+                    ctx,
+                    lineIndex,
+                    i,
+                    charsToRender,
+                    drawingLeft,
+                    top,
+                    lineHeight
+                );
+            }
+            charsToRender = '';
+            actualStyle = nextStyle;
+            left += sign * boxWidth;
+            boxWidth = 0;
+            // }
+        }
+        ctx.restore();
+    },
+    enlargeSpaces: function () {
+        var diffSpace,
+            currentLineWidth,
+            numberOfSpaces,
+            accumulatedSpace,
+            line,
+            charBound,
+            spaces;
+        for (var i = 0, len = this._textLines.length; i < len; i++) {
+            if (
+                this.textAlign !== 'justify' &&
+                (i === len - 1 || this.isEndOfWrapping(i))
+            ) {
+                continue;
+            }
+            accumulatedSpace = 0;
+            line = this._textLines[i];
+            currentLineWidth = this.getLineWidth(i);
+            if (
+                currentLineWidth < this.width &&
+                (spaces = this.textLines[i].split('')) &&
+                spaces.length > 1
+            ) {
+                numberOfSpaces = spaces.length;
+                diffSpace =
+                    (this.width - currentLineWidth) / (numberOfSpaces - 1);
+                for (var j = 0, jlen = line.length; j <= jlen; j++) {
+                    charBound = this.__charBounds[i][j];
+                    // if (this._reSpaceAndTab.test(line[j])) {
+                    charBound.left += accumulatedSpace;
+                    if (j < jlen - 1) {
+                        charBound.width += diffSpace;
+                        charBound.kernedWidth += diffSpace;
+                        accumulatedSpace += diffSpace;
+                    }
+                    // } else {
+                    //   charBound.left += accumulatedSpace;
+                    // }
+                }
+            }
+        }
+    },
+});
+
+fabric.Textbox.fromObject = function (options, callback) {
+    const { text } = options;
+    return callback(new fabric.Textbox(text, options));
+};
+
+export default fabric.Rect;