@hailin-zheng/editor-core 1.0.15 → 1.0.22

package/lib/texteditor.d.ts

@@ -3,10 +3,10 @@ import { ElementReader } from './framework/element-reader';
 import { Subject } from 'rxjs';
 import { SelectionState } from './framework/document-selection';
 import { BranchElement, Element, ICancelTokenFn, LeafElement, MarginProps, OrientType, Position, TextAlign, ViewOptions } from './framework/element-define';
-import { DataElementInlineGroup, DataElementLeaf } from './framework/impl/data-element/data-element-base-impl';
+import { DataElementInlineGroup, DataElementLeaf } from './framework/impl';
 import { ParagraphProps, TextProps } from './framework/element-props';
 import { EditorContext } from './framework/document-context';
-import { DocumentElement } from './framework/impl/document/doc-impl';
+import { DocumentElement } from './framework/impl';
 export declare class CanvasTextEditor {
     private docScroll;
     private holdSpace;
@@ -113,7 +113,7 @@ export declare class CanvasTextEditor {
         x: number;
         y: number;
         translateY: number;
-    };
+    } | undefined;
     /**
      * 获取文档模型
      * @returns

package/package.json

@@ -1,42 +1,43 @@
 {
   "name": "@hailin-zheng/editor-core",
-  "version": "1.0.15",
-  "description": "",
-  "main": "texteditor.ts",
-  "scripts": {
-    "test": "echo \"Error: on test\"",
-    "build": "webpack",
-    "watch": "webpack --watch",
-    "start": "webpack serve --open",
-    "build-ts": "tsc"
-  },
   "keywords": [],
   "author": "",
   "private": false,
   "license": "ISC",
-  "devDependencies": {
-    "clean-webpack-plugin": "^4.0.0",
-    "css-loader": "^6.7.1",
-    "file-loader": "^6.2.0",
-    "html-webpack-plugin": "^5.5.0",
-    "style-loader": "^3.3.1",
-    "ts-loader": "^9.3.1",
-    "typescript": "^4.7.4",
-    "webpack": "^5.73.0",
-    "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.9.2",
-    "@types/file-saver": "^2.0.5",
-    "@types/node": "^17.0.23",
-    "@types/resize-observer-browser": "^0.1.6",
-    "@types/bwip-js": "^3.0.0"
+  "version": "1.0.22",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "clean": "rimraf lib/",
+    "build-ts": "npm run clean && tsc --project tsconfig.build-lib.json",
+    "publish": "npm publish --access public",
+    "build-rollup": "rollup --config"
   },
   "dependencies": {
     "bwip-js": "^3.0.5",
+    "element-plus": "^2.0.2",
     "file-saver": "^2.0.5",
     "jspdf": "^2.5.1",
     "moment": "^2.29.3",
     "nanoid": "^3.1.30",
-    "rxjs": "^6.6.7"
+    "rxjs": "^6.6.7",
+    "vue": "^3.2.25"
+  },
+  "devDependencies": {
+    "@types/bwip-js": "^3.0.0",
+    "@types/file-saver": "^2.0.5",
+    "@types/node": "^17.0.23",
+    "@types/resize-observer-browser": "^0.1.6",
+    "@vitejs/plugin-vue": "^2.2.0",
+    "sass": "^1.32.7",
+    "sass-loader": "^12.0.0",
+    "typescript": "^4.5.4",
+    "vite": "^2.8.0",
+    "vue-tsc": "^0.29.8",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.75.7",
+    "@rollup/plugin-typescript": "^8.3.3"
   },
   "files": [
     "lib",

package/lib/doc-ruler.js

@@ -1,313 +0,0 @@
-import { ElementUtil } from "./framework/element-util";
-import { DocumentCursor } from "./framework/document-selection";
-import { DocumentRenderObject } from "./framework/impl/document/doc-impl";
-import { ParagraphElement, ParagraphRenderObject } from "./framework/impl/paragraph/p-impl";
-import { TableRowRenderObject } from "./framework/impl/table/table-row-impl";
-export class DocRule {
-    canvas;
-    viewOptions;
-    ss;
-    ctx;
-    options;
-    //标尺高度
-    ruleHeight = 30;
-    //当前标尺的位置
-    thumbX;
-    mouseDownPos;
-    indentThumbPoints = [];
-    hangThumbPoints = [];
-    mouseDownThumbType = 'none';
-    constructor(canvas, viewOptions, ss) {
-        this.canvas = canvas;
-        this.viewOptions = viewOptions;
-        this.ss = ss;
-        this.ctx = this.canvas.getContext('2d');
-        this.options = {
-            width: 0,
-            pagePL: 0,
-            pagePR: 0,
-            docLeft: 0
-        };
-        this.thumbX = {
-            indent: 0,
-            hanging: 0
-        };
-        this.canvas.addEventListener("mousedown", (evt) => this.canvasMousedown(evt));
-        this.canvas.addEventListener("mousemove", (evt) => this.canvasMousemove(evt));
-        this.canvas.addEventListener("mouseup", (evt) => this.canvasMouseup(evt));
-    }
-    destroy() {
-        this.canvas.removeEventListener("mousedown", this.canvasMousedown);
-        this.canvas.removeEventListener("mousemove", this.canvasMousemove);
-        this.canvas.removeEventListener("mouseup", this.canvasMouseup);
-    }
-    setRuleOptions(options) {
-        this.options = options;
-        const convertRatio = this.viewOptions.mmToPixelsRatio;
-        this.options.pagePL = Math.floor(this.options.pagePL * convertRatio);
-        this.options.pagePR = Math.floor(this.options.pagePR * convertRatio);
-        this.scaleView();
-        ElementUtil.setCanvasProps(this.canvas, this.ctx, { width: this.getParentWidth(), height: this.ruleHeight });
-        //this.canvas.style.left = this.options.docLeft + 'px';
-    }
-    getParentWidth() {
-        const parent = this.canvas.parentElement;
-        return parent.getBoundingClientRect().width;
-    }
-    fillRect(x, y, width, height, color) {
-        this.ctx.fillStyle = color;
-        this.ctx.fillRect(x, y, width, height);
-    }
-    drawIndentThumb(x, y) {
-        const points = [];
-        x -= 4;
-        points.push({ x: x, y });
-        points.push({ x: x, y: y + 3 });
-        points.push({ x: x + 4, y: y + 7 });
-        points.push({ x: x + 8, y: y + 3 });
-        points.push({ x: x + 8, y });
-        points.push({ x: x, y });
-        this.drawLine(points);
-        return points;
-    }
-    drawHangThumb(x, y) {
-        const points = [];
-        x -= 4;
-        points.push({ x: x, y });
-        points.push({ x: x, y: y - 3 });
-        points.push({ x: x + 4, y: y - 7 });
-        points.push({ x: x + 8, y: y - 3 });
-        points.push({ x: x + 8, y });
-        points.push({ x: x, y });
-        points.push({ x: x, y: y + 3 });
-        points.push({ x: x + 8, y: y + 3 });
-        points.push({ x: x + 8, y: y });
-        this.drawLine(points);
-        return points;
-    }
-    measureText(text) {
-        this.ctx.font = "8px 'Times New Roman'";
-        const measure = this.ctx.measureText(text);
-        return measure.width;
-    }
-    drawLine(points) {
-        this.ctx.beginPath();
-        this.ctx.save();
-        this.ctx.fillStyle = "white";
-        this.ctx.lineWidth = 0.5;
-        for (let j = 0; j < points.length; j++) {
-            let { x, y } = points[j];
-            x += 0.5;
-            y += 0.5;
-            if (j === 0) {
-                this.ctx.moveTo(x, y);
-            }
-            else {
-                this.ctx.lineTo(x, y);
-            }
-        }
-        this.ctx.stroke();
-        this.ctx.fill();
-        this.ctx.closePath();
-        this.ctx.restore();
-    }
-    drawText(text, x, y) {
-        this.ctx.save();
-        this.ctx.fillStyle = "rgb(0,0,0)";
-        this.ctx.textBaseline = "alphabetic";
-        this.ctx.font = "8px 'Times New Roman'";
-        this.ctx.fillText(text, x, y + 8 - 1);
-        this.ctx.restore();
-    }
-    /**
-     * 刷新新的状态
-     * @param indent
-     * @param hang
-     */
-    refreshRule() {
-        this.ctx.clearRect(0, 0, this.canvas.width, this.ruleHeight);
-        this.ctx.save();
-        this.ctx.translate(this.options.docLeft, 0);
-        this.drawRule();
-        this.ctx.restore();
-    }
-    canvasMousedown(evt) {
-        const clickPos = this.getMousePos(evt);
-        if (this.pointInPoly(clickPos, this.indentThumbPoints)) {
-            this.mouseDownThumbType = 'indent';
-            this.mouseDownPos = clickPos;
-        }
-        else if (this.pointInPoly(clickPos, this.hangThumbPoints)) {
-            this.mouseDownThumbType = 'hang';
-            this.mouseDownPos = clickPos;
-        }
-        else {
-            console.log("未点击在里面");
-        }
-    }
-    getMousePos(evt) {
-        return {
-            x: evt.offsetX - this.options.docLeft,
-            y: evt.offsetY
-        };
-    }
-    canvasMousemove(evt) {
-        if (['indent', 'hang'].indexOf(this.mouseDownThumbType) < 0) {
-            return;
-        }
-        if (!this.mouseDownPos) {
-            return;
-        }
-        const canvasPos = this.getMousePos(evt);
-        let moveX = canvasPos.x - this.mouseDownPos.x;
-        //至少移动5px再进行修改
-        const remainder = moveX % 5;
-        if (Math.abs(remainder) < 3) {
-            return;
-        }
-        else {
-            if (remainder < 0) {
-                moveX -= 5 + remainder;
-            }
-            else {
-                moveX += 5 - remainder;
-            }
-        }
-        if (moveX === 0) {
-            return;
-        }
-        canvasPos.x = this.mouseDownPos.x + moveX;
-        const para = this.getCurrPara();
-        if (!para) {
-            throw new Error('para is null');
-        }
-        if (this.mouseDownThumbType === 'indent') {
-            this.thumbX.indent += moveX;
-            this.thumbX.indent = this.thumbX.indent < 0 ? 0 : this.thumbX.indent;
-            this.thumbX.indent = this.thumbX.indent > this.options.width ? this.options.width : this.thumbX.indent;
-            this.mouseDownPos = canvasPos;
-            para.props.indent += moveX;
-            this.drawRule();
-        }
-        if (this.mouseDownThumbType === 'hang') {
-            this.thumbX.hanging += moveX;
-            this.thumbX.hanging = this.thumbX.hanging < 0 ? 0 : this.thumbX.hanging;
-            this.thumbX.hanging = this.thumbX.hanging > this.options.width ? this.options.width : this.thumbX.hanging;
-            this.mouseDownPos = canvasPos;
-            para.props.hanging += moveX;
-            this.drawRule();
-        }
-    }
-    canvasMouseup(evt) {
-        this.mouseDownThumbType = 'none';
-        this.mouseDownPos = null;
-    }
-    pointInPoly(pt, poly) {
-        let c = false;
-        for (let i = -1, l = poly.length, j = l - 1; ++i < l; j = i) {
-            if (((poly[i].y <= pt.y && pt.y < poly[j].y) || (poly[j].y <= pt.y && pt.y < poly[i].y)) && pt.x < ((poly[j].x - poly[i].x) * (pt.y - poly[i].y)) / (poly[j].y - poly[i].y) + poly[i].x) {
-                c = !c;
-            }
-        }
-        return c;
-    }
-    /**
-     * 绘制
-     */
-    drawRule() {
-        this.fillRect(0, 0, this.options.pagePL, this.ruleHeight, "rgb(198,198,198)");
-        this.fillRect(this.options.width - this.options.pagePR, 0, this.options.pagePR, this.ruleHeight, "rgb(198,198,198)");
-        for (let j = 0; j < 50; j++) {
-            const gantWidth = 20;
-            const points = [];
-            const x = j * gantWidth;
-            if (x > this.options.width) {
-                break;
-            }
-            const y = 10;
-            points.push({ x, y }, { x, y: y + 10 });
-            this.drawLine(points);
-            const textWidth = this.measureText(j + "");
-            this.drawText(j + '', x + Math.floor((gantWidth - textWidth) / 2), y + 1);
-        }
-        this.getRuleMarksPos();
-        this.indentThumbPoints = this.drawIndentThumb(this.thumbX.indent, 6);
-        this.hangThumbPoints = this.drawHangThumb(this.thumbX.hanging, 25);
-    }
-    getRuleMarksPos() {
-        const { startControl, startOffset, startHitInfo } = this.ss;
-        if (!startControl || !startHitInfo) {
-            return;
-        }
-        const para = ElementUtil.getParentByType(startControl, ParagraphElement);
-        const indent = para.props.indent;
-        const hanging = para.props.hanging;
-        const { startRegion, hitDocIndex } = this.ss.startHitInfo;
-        const cursorPosi = DocumentCursor.getElementCursorPos(startControl, startOffset, startRegion, hitDocIndex);
-        //当前段落
-        const paraRender = ElementUtil.getParentRender(cursorPosi.render, ParagraphRenderObject);
-        //当前段落位置
-        const paraRenderPos = ElementUtil.getRenderAbsolutePaintPos(paraRender);
-        //当前文档
-        const docRender = ElementUtil.getParentRender(paraRender, DocumentRenderObject);
-        //当前文档位置
-        const docRenderPos = ElementUtil.getRenderAbsolutePaintPos(docRender);
-        this.thumbX.indent = paraRenderPos.x - docRenderPos.x + indent;
-        this.thumbX.hanging = paraRenderPos.x - docRenderPos.x + hanging;
-        this.setParentMarksPos(paraRender);
-    }
-    getCurrPara() {
-        const { startControl, startOffset } = this.ss;
-        if (!startControl) {
-            return null;
-        }
-        return ElementUtil.getParentByType(startControl, ParagraphElement);
-    }
-    setParentMarksPos(childRender) {
-        const items = [];
-        const parentRender = childRender.parent;
-        if (!parentRender || parentRender instanceof DocumentRenderObject) {
-            return items;
-        }
-        if (parentRender instanceof TableRowRenderObject) {
-            const docRender = ElementUtil.getParentRender(parentRender, DocumentRenderObject);
-            const docRenderPos = ElementUtil.getRenderAbsolutePaintPos(docRender);
-            for (let i = 0; i < parentRender.length; i++) {
-                const cellRender = parentRender.getChild(i);
-                const pos = ElementUtil.getRenderAbsolutePaintPos(cellRender);
-                this.drawCellMark(pos.x - docRenderPos.x, 0, cellRender.padding.left);
-            }
-        }
-        items.push(...this.setParentMarksPos(parentRender));
-        return items;
-    }
-    drawCellMark(x, y, width) {
-        x += 0.5;
-        y += 0.5;
-        this.fillRect(x, y, width, this.ruleHeight, 'rgb(198,198,198,0.2)');
-        for (let i = 0; i < width; i++) {
-            this.ctx.save();
-            this.ctx.beginPath();
-            this.ctx.lineWidth = 0.3;
-            this.ctx.setLineDash([0.5, 0.5, 0.5]);
-            this.ctx.moveTo(x + i, y);
-            this.ctx.lineTo(x + i, y + this.ruleHeight);
-            this.ctx.stroke();
-            this.ctx.closePath();
-            this.ctx.restore();
-        }
-    }
-    scaleView() {
-        return;
-        const { scale } = this.viewOptions;
-        //this.canvas.style.transformOrigin = 'center center';
-        const parent = this.canvas.parentElement;
-        if (scale === 1) {
-            parent.style.transform = '';
-        }
-        else {
-            parent.style.transform = `scale(${this.viewOptions.scale})`;
-        }
-    }
-}
-//# sourceMappingURL=doc-ruler.js.map

package/lib/doc-ruler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"doc-ruler.js","sourceRoot":"lib/","sources":["doc-ruler.ts"],"names":[],"mappings":"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","sourcesContent":["import { ElementUtil } from \"./framework/element-util\";\nimport { DocumentCursor, SelectionState } from \"./framework/document-selection\";\nimport { Position, ViewOptions } from \"./framework/element-define\";\nimport { HitEventInfo } from \"./framework/element-event-define\";\nimport { DocumentRenderObject } from \"./framework/impl/document/doc-impl\";\nimport { ParagraphElement, ParagraphRenderObject } from \"./framework/impl/paragraph/p-impl\";\nimport { TableCellRenderObject } from \"./framework/impl/table/table-cell-impl\";\nimport { TableRowRenderObject } from \"./framework/impl/table/table-row-impl\";\nimport { RenderObject } from \"./framework/render-define\";\n\nexport interface RuleOptions {\n    width: number;\n    pagePL: number;\n    pagePR: number;\n    docLeft: number;\n\n}\nexport class DocRule {\n    private ctx!: CanvasRenderingContext2D;\n    private options: RuleOptions;\n    //标尺高度\n    private ruleHeight = 30;\n    //当前标尺的位置\n    private thumbX: {\n        indent: number,\n        hanging: number\n    }\n    private mouseDownPos!: Position | null;\n    private indentThumbPoints: Array<Position> = [];\n    private hangThumbPoints: Array<Position> = [];\n    private mouseDownThumbType: 'none' | 'indent' | 'hang' = 'none';\n    constructor(public canvas: HTMLCanvasElement, public viewOptions: ViewOptions, public ss: SelectionState) {\n        this.ctx = this.canvas.getContext('2d') as CanvasRenderingContext2D;\n        this.options = {\n            width: 0,\n            pagePL: 0,\n            pagePR: 0,\n            docLeft: 0\n        };\n        this.thumbX = {\n            indent: 0,\n            hanging: 0\n        };\n        this.canvas.addEventListener(\"mousedown\", (evt) => this.canvasMousedown(evt));\n        this.canvas.addEventListener(\"mousemove\", (evt) => this.canvasMousemove(evt));\n        this.canvas.addEventListener(\"mouseup\", (evt) => this.canvasMouseup(evt));\n    }\n\n    destroy(): void {\n        this.canvas.removeEventListener(\"mousedown\", this.canvasMousedown);\n        this.canvas.removeEventListener(\"mousemove\", this.canvasMousemove);\n        this.canvas.removeEventListener(\"mouseup\", this.canvasMouseup);\n    }\n\n    setRuleOptions(options: RuleOptions) {\n        this.options = options;\n        const convertRatio = this.viewOptions.mmToPixelsRatio;\n        this.options.pagePL = Math.floor(this.options.pagePL * convertRatio);\n        this.options.pagePR = Math.floor(this.options.pagePR * convertRatio);\n        this.scaleView();\n        ElementUtil.setCanvasProps(this.canvas, this.ctx, { width: this.getParentWidth(), height: this.ruleHeight });\n        //this.canvas.style.left = this.options.docLeft + 'px';\n    }\n\n    getParentWidth(): number {\n        const parent = this.canvas.parentElement as HTMLDivElement;\n        return parent.getBoundingClientRect().width;\n    }\n\n    private fillRect(x: number, y: number, width: number, height: number, color: string) {\n        this.ctx.fillStyle = color;\n        this.ctx.fillRect(x, y, width, height);\n    }\n\n    private drawIndentThumb(x: number, y: number): Array<Position> {\n        const points: Array<Position> = [];\n        x -= 4;\n        points.push({ x: x, y });\n        points.push({ x: x, y: y + 3 });\n        points.push({ x: x + 4, y: y + 7 });\n        points.push({ x: x + 8, y: y + 3 });\n        points.push({ x: x + 8, y });\n        points.push({ x: x, y });\n        this.drawLine(points);\n        return points;\n    }\n\n    private drawHangThumb(x: number, y: number): Array<Position> {\n        const points: Array<{ x: number, y: number }> = [];\n        x -= 4;\n        points.push({ x: x, y });\n        points.push({ x: x, y: y - 3 });\n        points.push({ x: x + 4, y: y - 7 });\n        points.push({ x: x + 8, y: y - 3 });\n        points.push({ x: x + 8, y });\n        points.push({ x: x, y });\n        points.push({ x: x, y: y + 3 });\n        points.push({ x: x + 8, y: y + 3 });\n        points.push({ x: x + 8, y: y });\n        this.drawLine(points);\n        return points;\n    }\n\n    private measureText(text: string) {\n        this.ctx.font = \"8px 'Times New Roman'\";\n        const measure = this.ctx.measureText(text);\n        return measure.width;\n    }\n\n    private drawLine(points: Array<Position>): void {\n        this.ctx.beginPath();\n        this.ctx.save();\n        this.ctx.fillStyle = \"white\";\n        this.ctx.lineWidth = 0.5;\n        for (let j = 0; j < points.length; j++) {\n            let { x, y } = points[j];\n            x += 0.5;\n            y += 0.5;\n            if (j === 0) {\n                this.ctx.moveTo(x, y);\n            } else {\n                this.ctx.lineTo(x, y);\n            }\n        }\n        this.ctx.stroke();\n        this.ctx.fill();\n        this.ctx.closePath();\n        this.ctx.restore();\n    }\n\n    private drawText(text: string, x: number, y: number) {\n        this.ctx.save();\n        this.ctx.fillStyle = \"rgb(0,0,0)\";\n        this.ctx.textBaseline = \"alphabetic\";\n        this.ctx.font = \"8px 'Times New Roman'\";\n        this.ctx.fillText(text, x, y + 8 - 1);\n        this.ctx.restore();\n    }\n\n    /**\n     * 刷新新的状态\n     * @param indent \n     * @param hang \n     */\n    refreshRule(): void {\n        this.ctx.clearRect(0, 0, this.canvas.width, this.ruleHeight);\n        this.ctx.save();\n        this.ctx.translate(this.options.docLeft, 0);\n        this.drawRule();\n        this.ctx.restore();\n    }\n\n    private canvasMousedown(evt: MouseEvent): void {\n        const clickPos = this.getMousePos(evt);\n        if (this.pointInPoly(clickPos, this.indentThumbPoints)) {\n            this.mouseDownThumbType = 'indent';\n            this.mouseDownPos = clickPos;\n        } else if (this.pointInPoly(clickPos, this.hangThumbPoints)) {\n            this.mouseDownThumbType = 'hang';\n            this.mouseDownPos = clickPos;\n        } else {\n            console.log(\"未点击在里面\");\n        }\n    }\n\n    private getMousePos(evt: MouseEvent): Position {\n        return {\n            x: evt.offsetX - this.options.docLeft,\n            y: evt.offsetY\n        }\n    }\n\n    private canvasMousemove(evt: MouseEvent): void {\n        if (['indent', 'hang'].indexOf(this.mouseDownThumbType) < 0) {\n            return;\n        }\n        if (!this.mouseDownPos) {\n            return;\n        }\n        const canvasPos = this.getMousePos(evt);\n        let moveX = canvasPos.x - this.mouseDownPos.x;\n        //至少移动5px再进行修改\n        const remainder = moveX % 5;\n        if (Math.abs(remainder) < 3) {\n            return;\n        } else {\n            if (remainder < 0) {\n                moveX -= 5 + remainder;\n            } else {\n                moveX += 5 - remainder;\n            }\n        }\n        if (moveX === 0) {\n            return;\n        }\n        canvasPos.x = this.mouseDownPos.x + moveX;\n        const para = this.getCurrPara();\n        if (!para) {\n            throw new Error('para is null')\n        }\n        if (this.mouseDownThumbType === 'indent') {\n            this.thumbX.indent += moveX;\n            this.thumbX.indent = this.thumbX.indent < 0 ? 0 : this.thumbX.indent;\n            this.thumbX.indent = this.thumbX.indent > this.options.width ? this.options.width : this.thumbX.indent;\n            this.mouseDownPos = canvasPos;\n            para.props.indent += moveX;\n            this.drawRule();\n        }\n        if (this.mouseDownThumbType === 'hang') {\n            this.thumbX.hanging += moveX;\n            this.thumbX.hanging = this.thumbX.hanging < 0 ? 0 : this.thumbX.hanging;\n            this.thumbX.hanging = this.thumbX.hanging > this.options.width ? this.options.width : this.thumbX.hanging;\n            this.mouseDownPos = canvasPos;\n            para.props.hanging += moveX;\n            this.drawRule();\n        }\n    }\n\n    private canvasMouseup(evt: MouseEvent): void {\n        this.mouseDownThumbType = 'none';\n        this.mouseDownPos = null;\n    }\n\n\n    private pointInPoly(pt: Position, poly: Array<Position>): boolean {\n        let c = false;\n        for (let i = -1, l = poly.length, j = l - 1; ++i < l; j = i) {\n            if (((poly[i].y <= pt.y && pt.y < poly[j].y) || (poly[j].y <= pt.y && pt.y < poly[i].y)) && pt.x < ((poly[j].x - poly[i].x) * (pt.y - poly[i].y)) / (poly[j].y - poly[i].y) + poly[i].x) {\n                c = !c\n            }\n        }\n        return c;\n    }\n\n\n    /**\n     * 绘制\n     */\n    private drawRule(): void {\n        this.fillRect(0, 0, this.options.pagePL, this.ruleHeight, \"rgb(198,198,198)\");\n        this.fillRect(this.options.width - this.options.pagePR, 0, this.options.pagePR, this.ruleHeight, \"rgb(198,198,198)\");\n        for (let j = 0; j < 50; j++) {\n            const gantWidth = 20;\n            const points: Array<Position> = [];\n            const x = j * gantWidth;\n            if (x > this.options.width) {\n                break;\n            }\n            const y = 10;\n            points.push({ x, y }, { x, y: y + 10 });\n            this.drawLine(points);\n            const textWidth = this.measureText(j + \"\");\n            this.drawText(j + '', x + Math.floor((gantWidth - textWidth) / 2), y + 1);\n        }\n        this.getRuleMarksPos();\n        this.indentThumbPoints = this.drawIndentThumb(this.thumbX.indent, 6);\n        this.hangThumbPoints = this.drawHangThumb(this.thumbX.hanging, 25);\n    }\n\n    private getRuleMarksPos(): void {\n        const { startControl, startOffset, startHitInfo } = this.ss;\n        if (!startControl || !startHitInfo) {\n            return;\n        }\n        const para = ElementUtil.getParentByType(startControl, ParagraphElement) as ParagraphElement;\n        const indent = para.props.indent;\n        const hanging = para.props.hanging;\n        const { startRegion, hitDocIndex } = this.ss.startHitInfo as HitEventInfo;\n        const cursorPosi = DocumentCursor.getElementCursorPos(startControl, startOffset, startRegion, hitDocIndex);\n        //当前段落\n        const paraRender = ElementUtil.getParentRender(cursorPosi.render, ParagraphRenderObject) as ParagraphRenderObject;\n        //当前段落位置\n        const paraRenderPos = ElementUtil.getRenderAbsolutePaintPos(paraRender)\n        //当前文档\n        const docRender = ElementUtil.getParentRender(paraRender, DocumentRenderObject) as DocumentRenderObject;\n        //当前文档位置\n        const docRenderPos = ElementUtil.getRenderAbsolutePaintPos(docRender)\n        this.thumbX.indent = paraRenderPos.x - docRenderPos.x + indent;\n        this.thumbX.hanging = paraRenderPos.x - docRenderPos.x + hanging;\n        this.setParentMarksPos(paraRender);\n    }\n\n    private getCurrPara(): ParagraphElement | null {\n        const { startControl, startOffset } = this.ss;\n        if (!startControl) {\n            return null;\n        }\n        return ElementUtil.getParentByType(startControl, ParagraphElement);\n    }\n\n    private setParentMarksPos(childRender: RenderObject): Array<{ pos: Position }> {\n        const items: Array<{ pos: Position }> = [];\n        const parentRender = childRender.parent;\n        if (!parentRender || parentRender instanceof DocumentRenderObject) {\n            return items;\n        }\n        if (parentRender instanceof TableRowRenderObject) {\n            const docRender = ElementUtil.getParentRender(parentRender, DocumentRenderObject) as DocumentRenderObject;\n            const docRenderPos = ElementUtil.getRenderAbsolutePaintPos(docRender)\n            for (let i = 0; i < parentRender.length; i++) {\n                const cellRender = parentRender.getChild(i) as TableCellRenderObject;\n                const pos = ElementUtil.getRenderAbsolutePaintPos(cellRender)\n                this.drawCellMark(pos.x - docRenderPos.x, 0, cellRender.padding.left);\n            }\n        }\n        items.push(...this.setParentMarksPos(parentRender));\n        return items;\n    }\n\n    private drawCellMark(x: number, y: number, width: number): void {\n        x += 0.5;\n        y += 0.5;\n        this.fillRect(x, y, width, this.ruleHeight, 'rgb(198,198,198,0.2)')\n        for (let i = 0; i < width; i++) {\n            this.ctx.save();\n            this.ctx.beginPath();\n            this.ctx.lineWidth = 0.3;\n            this.ctx.setLineDash([0.5, 0.5, 0.5]);\n            this.ctx.moveTo(x + i, y);\n            this.ctx.lineTo(x + i, y + this.ruleHeight);\n            this.ctx.stroke();\n            this.ctx.closePath();\n            this.ctx.restore();\n        }\n    }\n\n    scaleView(): void {\n        return;\n        const { scale } = this.viewOptions;\n        //this.canvas.style.transformOrigin = 'center center';\n        const parent = this.canvas.parentElement as HTMLDivElement;\n        if (scale === 1) {\n            parent.style.transform = '';\n        } else {\n            parent.style.transform = `scale(${this.viewOptions.scale})`;\n        }\n    }\n\n\n}\n"]}

package/lib/framework/common-util.js

@@ -1,178 +0,0 @@
-import moment from "moment";
-export class CommonUtil {
-    /**
-     * 判断坐标是否在矩形框内
-     * @param rect
-     * @param position
-     * @returns
-     */
-    static isInsideRectByPosition(rect, position) {
-        return position.x >= rect.x
-            &&
-                position.x <= rect.x + rect.width
-            &&
-                position.y >= rect.y
-            &&
-                position.y <= rect.y + rect.height;
-    }
-    static isInsideRectByRect(rect, position) {
-        return position.x >= rect.x
-            &&
-                position.x <= rect.x + rect.width
-            &&
-                position.y >= rect.y
-            &&
-                position.y <= rect.y + rect.height
-            &&
-                position.y + position.height <= rect.y + rect.height
-            &&
-                position.x + position.width <= rect.x + rect.width;
-    }
-    /**
-     * 判断坐标是否在矩形的边框上
-     * @param rect
-     * @param borderWidth
-     * @param position
-     */
-    static isInRectBorder(rect, borderWidth, position) {
-        const leftBorderRect = { x: 0, y: 0, width: borderWidth, height: rect.height, maxWidth: 0, maxHeight: 0 };
-        const rightBorderRect = { x: rect.width - borderWidth, y: 0, width: borderWidth, height: rect.height, maxWidth: 0, maxHeight: 0 };
-        const topBorderRect = { x: 0, y: 0, width: rect.width, height: borderWidth, maxWidth: 0, maxHeight: 0 };
-        const bottomBorderRect = { x: 0, y: rect.height - borderWidth, width: rect.width, height: borderWidth, maxWidth: 0, maxHeight: 0 };
-        let borderType = 'none';
-        if (this.isInsideRectByPosition(leftBorderRect, position)) {
-            borderType = 'left';
-        }
-        else if (this.isInsideRectByPosition(rightBorderRect, position)) {
-            borderType = 'right';
-        }
-        else if (this.isInsideRectByPosition(topBorderRect, position)) {
-            borderType = 'top';
-        }
-        else if (this.isInsideRectByPosition(bottomBorderRect, position)) {
-            borderType = 'bottom';
-        }
-        return { borderType };
-    }
-    /**
-     * 判断坐标是否在图片的缩放操作点上
-     */
-    static isInPictureResizePoint(rect, pos, r) {
-        const { width, height } = rect;
-        const x = 0;
-        const y = 0;
-        const points = [{ x, y, type: 'left-top' }, { x: x + width, y, type: 'right-top' }, { x: x + (Math.floor(width / 2)), y: y, type: 'top-middle' }, { x, y: y + Math.floor(height / 2), type: 'left-middle' }, { x, y: y + height, type: 'left-bottom' }, { x: width, y: Math.floor(height / 2), type: 'right-middle' }, { x: x + width, y: y + height, type: 'right-bottom' }, { x: x + (Math.floor(width / 2)), y: y + height, type: 'bottom-middle' }];
-        for (let i = 0; i < points.length; i++) {
-            const point = points[i];
-            const { x: px, y: py } = point;
-            if (((px - pos.x) * (px - pos.x) + (py - pos.y) * (py - pos.y)) < r * r) {
-                return { borderType: point.type };
-            }
-        }
-        return null;
-    }
-    /**
-    * 整形符合连线要求
-    * @param points
-    * @param width
-    * @param strokeColor
-    */
-    static resharpPoints(points) {
-        let prevPoint = points[0];
-        const array = [];
-        array.push(prevPoint);
-        for (let i = 1; i < points.length; i++) {
-            const currPoint = points[i];
-            //不在同一水平线
-            if (currPoint.y !== prevPoint.y && currPoint.x !== prevPoint.x) {
-                array.push({ x: currPoint.x, y: prevPoint.y });
-            }
-            array.push(currPoint);
-            prevPoint = currPoint;
-        }
-        return array;
-    }
-    static getOffsetX(node) {
-        if (!node.parentElement) {
-            throw new Error('node.parentElement is null');
-        }
-        const parent = node.parentElement.getBoundingClientRect().left;
-        const curr = node.getBoundingClientRect().left;
-        return curr - parent;
-    }
-    static randomColor() {
-        let str = "#";
-        for (let i = 0; i < 6; i++) {
-            str += Math.floor(Math.random() * 16).toString(16);
-        }
-        return str;
-    }
-    /**
-     * 判断一个数值是否在另一个数值的增益区间中
-     * @param val
-     * @param offset
-     * @param compareValue
-     * @returns
-     */
-    static ApproxmateValueInRange(val, offset, compareValue) {
-        return (val - offset) <= compareValue && (val + offset) >= compareValue;
-    }
-    static getEmptyValue(val, emptyVal) {
-        if (!val) {
-            return emptyVal;
-        }
-        return val;
-    }
-    /**
-     * 移除并集
-     * @param array
-     * @param deleteItems
-     * @returns
-     */
-    static removeUnionSet(array, deleteItems) {
-        const arraySet = new Set(array);
-        for (let i = 0; i < deleteItems.length; i++) {
-            const item = deleteItems[i];
-            if (arraySet.has(item)) {
-                arraySet.delete(item);
-            }
-        }
-        return Array.from(arraySet);
-    }
-    static nullToString(val) {
-        if (val === null || val === undefined) {
-            return '';
-        }
-        return val;
-    }
-    static formatDate(date, format) {
-        return moment(date).format(format);
-    }
-    static formatNow(format) {
-        return this.formatDate(new Date(), format);
-    }
-    static parseText(text, data) {
-        const reg = /\{(.*?)\}/g;
-        let result = text;
-        let match;
-        while (match = reg.exec(text)) {
-            const key = match[1];
-            const value = data[key];
-            result = result.replace(match[0], value);
-        }
-        return result;
-    }
-    //获取和当前日期相差的秒数
-    static getNowDiffSeconds(date) {
-        date = typeof date === 'string' ? new Date(date) : date;
-        const now = new Date();
-        const diff = now.getTime() - date.getTime();
-        return diff / 1000;
-    }
-    //验证当前字符串是否为日期格式
-    static isDate(str) {
-        const reg = /^\d{4}-\d{2}-\d{2}$/;
-        return reg.test(str);
-    }
-}
-//# sourceMappingURL=common-util.js.map