@hprint/core 0.0.7 → 0.0.8

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/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;

package/src/plugin.ts

@@ -1,88 +1,88 @@
-import Editor from './Editor';
-type IEditor = Editor;
-
-class FontPlugin {
-    public canvas: fabric.Canvas;
-    public editor: IEditor;
-    // 插件名称
-    static pluginName = 'FontPlugin';
-    // 挂载API名称
-    static apis = ['downFontByJSON'];
-    // 发布事件
-    static events = ['textEvent1', 'textEvent2'];
-    // 快捷键 keyCode hotkeys-js
-    public hotkeys: string[] = ['backspace', 'space'];
-    // 私有属性
-    repoSrc: string;
-
-    constructor(
-        canvas: fabric.Canvas,
-        editor: IEditor,
-        config: { repoSrc: string }
-    ) {
-        // 初始化
-        this.canvas = canvas;
-        this.editor = editor;
-        // 可插入外部配置
-        this.repoSrc = config.repoSrc;
-    }
-
-    // 钩子函数 hookImportAfter/hookSaveBefore/hookSaveAfter Promise
-    hookImportBefore(json: string) {
-        return this.downFontByJSON(json);
-    }
-
-    // 挂载API方法
-    downFontByJSON() {
-        //
-    }
-
-    // 私有方法 + 发布事件
-    _createFontCSS() {
-        const params = [];
-        this.editor.emit('textEvent1', params);
-    }
-
-    // 右键菜单
-    contextMenu() {
-        const selectedMode = this.editor.getSelectMode();
-        if (selectedMode === SelectMode.ONE) {
-            return [
-                null, // 分割线
-                {
-                    text: '翻转',
-                    hotkey: '❯',
-                    subitems: [
-                        {
-                            text: '水平翻转',
-                            hotkey: '|',
-                            onclick: () => this.flip('X'),
-                        },
-                        {
-                            text: '垂直翻转',
-                            hotkey: '-',
-                            onclick: () => this.flip('Y'),
-                        },
-                    ],
-                },
-            ];
-        }
-    }
-
-    // 快捷键
-    hotkeyEvent(eventName: string, { type }: KeyboardEvent) {
-        // eventName：hotkeys中的属性 backspace、space
-        // type：keyUp keyDown
-        // code：hotkeys-js Code
-        if (eventName === 'backspace' && type === 'keydown') {
-            this.del();
-        }
-    }
-
-    // 注销
-    destroy() {
-        console.log('pluginDestroy');
-    }
-}
-
-export default FontPlugin;
+import Editor from './Editor';
+type IEditor = Editor;
+
+class FontPlugin {
+    public canvas: fabric.Canvas;
+    public editor: IEditor;
+    // 插件名称
+    static pluginName = 'FontPlugin';
+    // 挂载API名称
+    static apis = ['downFontByJSON'];
+    // 发布事件
+    static events = ['textEvent1', 'textEvent2'];
+    // 快捷键 keyCode hotkeys-js
+    public hotkeys: string[] = ['backspace', 'space'];
+    // 私有属性
+    repoSrc: string;
+
+    constructor(
+        canvas: fabric.Canvas,
+        editor: IEditor,
+        config: { repoSrc: string }
+    ) {
+        // 初始化
+        this.canvas = canvas;
+        this.editor = editor;
+        // 可插入外部配置
+        this.repoSrc = config.repoSrc;
+    }
+
+    // 钩子函数 hookImportAfter/hookSaveBefore/hookSaveAfter Promise
+    hookImportBefore(json: string) {
+        return this.downFontByJSON(json);
+    }
+
+    // 挂载API方法
+    downFontByJSON() {
+        //
+    }
+
+    // 私有方法 + 发布事件
+    _createFontCSS() {
+        const params = [];
+        this.editor.emit('textEvent1', params);
+    }
+
+    // 右键菜单
+    contextMenu() {
+        const selectedMode = this.editor.getSelectMode();
+        if (selectedMode === SelectMode.ONE) {
+            return [
+                null, // 分割线
+                {
+                    text: '翻转',
+                    hotkey: '❯',
+                    subitems: [
+                        {
+                            text: '水平翻转',
+                            hotkey: '|',
+                            onclick: () => this.flip('X'),
+                        },
+                        {
+                            text: '垂直翻转',
+                            hotkey: '-',
+                            onclick: () => this.flip('Y'),
+                        },
+                    ],
+                },
+            ];
+        }
+    }
+
+    // 快捷键
+    hotkeyEvent(eventName: string, { type }: KeyboardEvent) {
+        // eventName：hotkeys中的属性 backspace、space
+        // type：keyUp keyDown
+        // code：hotkeys-js Code
+        if (eventName === 'backspace' && type === 'keydown') {
+            this.del();
+        }
+    }
+
+    // 注销
+    destroy() {
+        console.log('pluginDestroy');
+    }
+}
+
+export default FontPlugin;