@hailin-zheng/editor-core 1.0.3 → 1.0.6

package/src/med_editor/framework/document-print.ts

@@ -1,219 +0,0 @@
-import { EditorContext } from "./document-context";
-import { SelectionState } from "./document-selection";
-import { OrientType, PageOptions, ViewOptions } from "./element-define";
-import { ElementPaint } from "./element-paint";
-import { ElementUtil } from "./element-util";
-import { DocumentRenderObject } from "./impl/document/doc-impl";
-import { RenderContenxt } from "./render-context";
-import { jsPDF } from 'jspdf'
-
-export class documentPrint {
-    static print(ss: SelectionState, viewOptions: ViewOptions, docCtx: EditorContext, printRanges: Array<number> | null = null): void {
-        const renderCanvasNodes = this.getRenderCanvasNodes(ss, viewOptions, docCtx, printRanges);
-        if (!renderCanvasNodes.length) {
-            console.warn('无可打印节点');
-            return;
-        }
-        printNodes(renderCanvasNodes, { ...docCtx.document.props });
-    }
-
-    /**
-     * 获取绘制的canvas节点
-     * @param ss 
-     * @param viewOptions 
-     * @param docCtx 
-     * @param printRanges 
-     * @returns 
-     */
-    private static getRenderCanvasNodes(ss: SelectionState, viewOptions: ViewOptions, docCtx: EditorContext, printRanges: Array<number> | null = null): Array<HTMLCanvasElement> {
-        const { width, height } = viewOptions.docPageSettings;
-        const dc = ss.renderContainer;
-        const canvasList: Array<HTMLCanvasElement> = [];
-        const printPages: Array<DocumentRenderObject> = [];
-        for (let i = 0; i < dc.length; i++) {
-            if (!printRanges || printRanges.some(pageIndex => pageIndex === i)) {
-                printPages.push(<DocumentRenderObject>dc.getChild(i));
-            }
-        }
-        for (let i = 0; i < printPages.length; i++) {
-            const canvasNode = document.createElement('canvas');
-            canvasNode.style.cursor = 'text';
-            canvasNode.style.width = width + 'px';
-            canvasNode.style.height = height + 'px';
-            const ctx = canvasNode.getContext('2d') as CanvasRenderingContext2D;
-            ElementUtil.setCanvasProps(canvasNode, ctx, viewOptions.docPageSettings);
-            const renderCtx = new RenderContenxt(ctx, viewOptions, docCtx);
-            renderCtx.setCanvasProps(viewOptions.docPageSettings);
-            renderCtx.drawMode = 'print';
-            const doc = printPages[i];
-            const tmp = ElementUtil.cloneRect(doc.rect);
-            doc.rect.x = 0;
-            doc.rect.y = 0;
-            ElementPaint.drawPage(renderCtx, doc, { x: 0, y: 0 });
-            renderCtx.overlaysContext.clear();
-            renderCtx.mainCtx.fillStyle = 'white';
-            renderCtx.mainCtx.fillRect(0, 0, width, height);
-            renderCtx.commit(viewOptions.docPageSettings);
-            doc.rect = tmp;
-            canvasList.push(canvasNode);
-        }
-        return canvasList
-    }
-
-    /**
-     * 导出base64
-     * @param ss 
-     * @param viewOptions 
-     * @param docCtx 
-     * @param printRanges 
-     * @returns 
-     */
-    static exportCanvasNodes(ss: SelectionState, viewOptions: ViewOptions, docCtx: EditorContext, printRanges: Array<number> | null = null): Array<HTMLCanvasElement> {
-        return this.getRenderCanvasNodes(ss, viewOptions, docCtx, printRanges);
-    }
-
-    /**
-     * 导出PDF
-     * @param fileName
-     * @param ss
-     * @param viewOptions
-     * @param docCtx
-     * @param printRanges
-     */
-    static exportPDF(fileName: string, ss: SelectionState, viewOptions: ViewOptions, docCtx: EditorContext, printRanges: Array<number> | null = null): void {
-        const nodes = this.getRenderCanvasNodes(ss, viewOptions, docCtx, printRanges);
-        exportCanvasToPDF(fileName, nodes, { ...docCtx.document.props })
-    }
-
-    /**
-     * 当前当前页
-     * @param ss 
-     * @param viewOptions 
-     */
-    static printCurrPage(ss: SelectionState, viewOptions: ViewOptions, docCtx: EditorContext,): void {
-        const { startHitInfo } = ss;
-        if (!startHitInfo) {
-            return;
-        }
-        const docPage = ElementUtil.getParentRender(startHitInfo.render, DocumentRenderObject);
-        if (!docPage) {
-            return;
-        }
-        this.print(ss, viewOptions, docCtx, [docPage.getIndex()]);
-    }
-}
-
-
-export function createPrintTemplate({ width, height, orient }: PageOptions): string {
-    const str = `
-    <!DOCTYPE html>
-    <html lang="zh">
-    <head>
-      <meta charset="UTF-8">
-      <title></title>
-      <style >
-      html,
-      body {
-          margin: 0;
-          padding: 0;
-      }
-      * {
-          box-sizing: border-box;
-          -moz-box-sizing: border-box;
-      }
-      @page {
-          size: ${orient};
-          margin: 0;
-      }
-      div {
-          width: ${width}mm;
-          min-height: ${height}mm;
-          font-size: 0;
-      }
-      @media print {
-          html,
-          body {
-              width: ${width}mm;
-              height: ${height}mm;
-          }
-          div {
-              width: initial;
-              min-height: initial;
-          }
-      }
-      </style>
-    </head>
-    <body></body>
-    </html>
-    `.replace(/\n/g, '').replace(/\s+/g, ' ').replace(/'/g, '\\\'');
-    return str;
-}
-
-
-type PrintPaperOptions = {
-    width: number;
-    height: number;
-    orient: OrientType;
-};
-
-/**
- * 打印DOM
- * @param printNodes 
- * @param options 
- * @returns 
- */
-export function printNodes(printNodes: Array<Node>, options: PrintPaperOptions): void {
-    const printIFrame = document.createElement("iframe") as HTMLIFrameElement;
-    printIFrame.src = 'about:blank';
-    printIFrame.style.borderWidth = '0';
-    printIFrame.style.height = "0";
-    printIFrame.style.display = 'none';
-    document.body.appendChild(printIFrame);
-    printIFrame.contentWindow?.document.open("text/html", "printer");
-    if (!printNodes.length) {
-        console.warn('无可打印节点');
-        return;
-    }
-    const printSize: PageOptions = new PageOptions(options.width, options.height, options.orient);
-    const iframeHTML = createPrintTemplate(printSize);
-    printIFrame.contentWindow?.document.write(iframeHTML);
-    printIFrame.contentWindow?.document.close();
-    for (let i = 0; i < printNodes.length; i++) {
-        const item = printNodes[i];
-        const div = document.createElement('div');
-        div.appendChild(item);
-        printIFrame.contentWindow?.document.body.appendChild(div)
-    }
-    printIFrame.contentWindow?.document.body.focus();
-    setTimeout(() => {
-        printIFrame.contentWindow?.print();
-        printIFrame.parentNode?.removeChild(printIFrame);
-    }, 0);
-}
-
-/**
- * canvas节点导出到PDF
- * @param fileName 
- * @param nodes 
- * @param options 
- */
-export function exportCanvasToPDF(fileName: string, nodes: Array<HTMLCanvasElement>, options: PrintPaperOptions): void {
-    if (!fileName) {
-        fileName = 'document.pdf';
-    } else {
-        fileName = fileName.replace(/[\/\\:*?"<>|]/g, '_');
-        if (!fileName.endsWith('.pdf')) {
-            fileName += '.pdf';
-        }
-    }
-    const pdf = new jsPDF(options.orient, 'px', [options.width, options.height]);
-    for (let i = 0; i < nodes.length; i++) {
-        const canvas = nodes[i];
-        const imgData = canvas.toDataURL('image/jpeg', 1.0);
-        pdf.addImage(imgData, 'JPEG', 0, 0, options.width, options.height);
-        if (i < nodes.length - 1) {
-            pdf.addPage();
-        }
-    }
-    pdf.save(fileName);
-}

package/src/med_editor/framework/document-segmenter.ts

@@ -1,211 +0,0 @@
-import { Element, LeafElement } from "@/med_editor/framework/element-define";
-import { TextGroupElement } from "@/med_editor/framework/impl/text/text-impl";
-import { ElementUtil } from "@/med_editor/framework/element-util";
-import { SelectionRange, SelectionState } from "./document-selection";
-
-declare namespace Intl {
-
-    type BCP47LanguageTag = string;
-
-    /**
-     * An object with some or all properties of the `Intl.Segmenter` constructor `options` parameter.
-     *
-     * [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter/Segmenter#parameters)
-     */
-    interface SegmenterOptions {
-        /** The locale matching algorithm to use. For information about this option, see [Intl page](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_negotiation). */
-        localeMatcher?: "best fit" | "lookup" | undefined;
-        /** The type of input to be split */
-        granularity?: "grapheme" | "word" | "sentence" | undefined;
-    }
-
-    interface Segmenter {
-        /**
-         * Returns `Segments` object containing the segments of the input string, using the segmenter's locale and granularity.
-         *
-         * @param input - The text to be segmented as a `string`.
-         *
-         * @returns A new iterable Segments object containing the segments of the input string, using the segmenter's locale and granularity.
-         */
-        segment(input: string): Segments;
-
-        resolvedOptions(): ResolvedSegmenterOptions;
-    }
-
-    interface ResolvedSegmenterOptions {
-        locale: string;
-        granularity: "grapheme" | "word" | "sentence";
-    }
-
-    interface Segments {
-        /**
-         * Returns an object describing the segment in the original string that includes the code unit at a specified index.
-         *
-         * @param codeUnitIndex - A number specifying the index of the code unit in the original input string. If the value is omitted, it defaults to `0`.
-         */
-        containing(codeUnitIndex?: number): SegmentData;
-
-        /** Returns an iterator to iterate over the segments. */
-        [Symbol.iterator](): IterableIterator<SegmentData>;
-    }
-
-    interface SegmentData {
-        /** A string containing the segment extracted from the original input string. */
-        segment: string;
-        /** The code unit index in the original input string at which the segment begins. */
-        index: number;
-        /** The complete input string that was segmented. */
-        input: string;
-        /**
-         * A boolean value only if granularity is "word"; otherwise, undefined.
-         * If granularity is "word", then isWordLike is true when the segment is word-like (i.e., consists of letters/numbers/ideographs/etc.); otherwise, false.
-         */
-        isWordLike?: boolean;
-    }
-
-    const Segmenter: {
-        prototype: Segmenter;
-
-        /**
-         * Creates a new `Intl.Segmenter` object.
-         *
-         * @param locales - A string with a [BCP 47 language tag](http://tools.ietf.org/html/rfc5646), or an array of such strings.
-         *  For the general form and interpretation of the `locales` argument,
-         *  see the [`Intl` page](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation).
-         *
-         * @param options - An [object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter/Segmenter#parameters)
-         *  with some or all options of `SegmenterOptions`.
-         *
-         * @returns [Intl.Segmenter](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segments) object.
-         *
-         * [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter).
-         */
-        new(locales?: BCP47LanguageTag | BCP47LanguageTag[], options?: SegmenterOptions): Segmenter;
-
-        /**
-         * Returns an array containing those of the provided locales that are supported without having to fall back to the runtime's default locale.
-         *
-         * @param locales - A string with a [BCP 47 language tag](http://tools.ietf.org/html/rfc5646), or an array of such strings.
-         *  For the general form and interpretation of the `locales` argument,
-         *  see the [`Intl` page](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation).
-         *
-         * @param options An [object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter/supportedLocalesOf#parameters).
-         *  with some or all possible options.
-         *
-         * [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter/supportedLocalesOf)
-         */
-        supportedLocalesOf(locales: BCP47LanguageTag | BCP47LanguageTag[], options?: Pick<SegmenterOptions, "localeMatcher">): BCP47LanguageTag[];
-    };
-}
-
-export function getFocusTextSegment(selection: SelectionState): boolean {
-    let { startControl: element, startOffset: offset } = selection;
-    if (!(element instanceof TextGroupElement)) return false;
-    if (!supportSegment()) return false;
-    const focusEle = element as TextGroupElement;
-    offset = offset + 1;
-    offset = offset > focusEle.textMeasures.length ? focusEle.textMeasures.length : offset;
-    //获取连续的字符
-    const items = [...getConsecutiveTextsByDirection(element), element, ...getConsecutiveTextsByDirection(element, false)];
-    const sortItems = getTextSortData(items);
-    const { index, text } = sortItems.reduce((prev, curr) => {
-        prev.text += curr.text;
-        if (prev.completed) {
-            return prev;
-        }
-        if (curr.item === focusEle) {
-            prev.index += offset;
-            prev.completed = true;
-        } else {
-            prev.index += curr.item.textMeasures.length;
-        }
-        return prev
-    }, { completed: false, index: 0, text: '' });
-    const { index: hitIndex, len: hitLen } = getHitSegment(text, index);
-    const matchSegment = sortItems.filter(item => (item.index <= hitIndex && item.endIndex > hitIndex) || (item.index <= hitIndex + hitLen && item.endIndex > hitIndex + hitLen));
-    const startSegment = matchSegment[0];
-    const endSegment = matchSegment[matchSegment.length - 1];
-    const startOffset = hitIndex - startSegment.index;
-    const endOffset = hitIndex + hitLen - endSegment.index;
-    const newRange = new SelectionRange();
-    newRange.setStart(startSegment.item, startOffset);
-    newRange.setEnd(endSegment.item, endOffset);
-    selection.addRange(newRange);
-    return true;
-}
-
-interface TextSegmentData {
-    item: TextGroupElement,
-    len: number,
-    index: number,
-    endIndex: number,
-    text: string
-}
-
-/**
- * 进行分词
- * @param text
- * @param focusOffset
- */
-function getHitSegment(text: string, focusOffset): { index: number, len: number } {
-    const segmenter = new Intl.Segmenter("zh-CN", { granularity: "word" });
-    const iterator1 = segmenter.segment(text)[Symbol.iterator]();
-    const segItems = Array.from(iterator1);
-    let index = 0;
-    for (let i = 0; i < segItems.length; i++) {
-        const segItem = segItems[i];
-        const currIndex = segItem.index;
-        const currLen = segItem.segment.length;
-        if (focusOffset > currIndex && focusOffset <= currLen + currIndex) {
-            return {
-                index,
-                len: currLen
-            }
-        }
-        index += currLen;
-    }
-    throw new Error('未获取到对应的分词词组');
-}
-
-function supportSegment(): boolean {
-    return typeof Intl.Segmenter === 'function';
-}
-
-/**
- * 根据前后顺序标识索引位
- * @param texts
- */
-function getTextSortData(texts: Array<TextGroupElement>): Array<TextSegmentData> {
-    let index = 0;
-    const sortItems: Array<TextSegmentData> = [];
-    for (let i = 0; i < texts.length; i++) {
-        const item = texts[i];
-        const sortData = {
-            len: item.textMeasures.length,
-            index,
-            endIndex: index + item.textMeasures.length,
-            item,
-            text: item.text
-        };
-        sortItems.push(sortData);
-        index += sortData.len;
-    }
-    return sortItems;
-}
-
-/**
- * 获取指定方向上连续的字符
- * @param element
- * @param prev
- */
-function getConsecutiveTextsByDirection(element: TextGroupElement, prev = true): Array<TextGroupElement> {
-    let prevText: Element | null = element;
-    const prevTexts: Array<TextGroupElement> = [];
-    const func = prev ? ElementUtil.getPrevSiblingElement : ElementUtil.getNextSiblingElement;
-    const addItem = prev ? prevTexts.unshift : prevTexts.push;
-    while ((prevText = func(prevText)) && prevText instanceof TextGroupElement) {
-        //addItem(prevText);
-        addItem.apply(prevTexts, [prevText]);
-    }
-    return prevTexts;
-}