@hailin-zheng/editor-core 1.0.6 → 1.0.9

package/{lib/framework/document-print-offscreen.js → src/med_editor/framework/document-print-offscreen.ts}

@@ -6,17 +6,19 @@ import { ViewOptions } from "./element-define";
 import { ElementPaint } from "./element-paint";
 import { ElementReader } from "./element-reader";
 import { ElementUtil } from "./element-util";
-import { RenderContenxt } from "./render-context";
+import { DocumentElement, DocumentRenderObject } from "./impl/document/doc-impl";
+import { RenderContenxt, RenderContenxtType } from "./render-context";
+
 /**
  * 离屏打印
  */
 export class DocumentPrintOffscreen {
-    documentPaint;
-    viewOptions;
-    docCtx;
-    renderCtx;
-    elementReader;
-    ctx;
+    documentPaint: DocumentPaint;
+    viewOptions: ViewOptions;
+    docCtx: EditorContext;
+    renderCtx: RenderContenxt;
+    elementReader: ElementReader;
+    ctx: CanvasRenderingContext2D;
     constructor() {
         this.viewOptions = new ViewOptions();
         this.viewOptions.copyRightInfo = '万达信息电子病历编辑器,www.wondersgroup.com';
@@ -36,7 +38,7 @@ export class DocumentPrintOffscreen {
             name: '管理员'
         };
         const canvas = document.createElement('canvas');
-        this.ctx = canvas.getContext('2d');
+        this.ctx = canvas.getContext('2d') as CanvasRenderingContext2D;
         const ss = new SelectionState();
         this.docCtx = new EditorContext(ss, this.viewOptions);
         this.renderCtx = new RenderContenxt(this.ctx, this.viewOptions, this.docCtx);
@@ -45,16 +47,17 @@ export class DocumentPrintOffscreen {
         this.docCtx.syncRefresh = () => {
         };
     }
-    async print(data, ranges = null) {
+    async print(data: any | DocumentElement, ranges: Array<number> | null = null): Promise<void> {
         await this.prepare(data);
         const canvasNodes = this.getCanvasNodes(this.documentPaint.docPages, ranges);
         if (!canvasNodes.length) {
-            console.warn('无可打印页');
+            console.warn('无可打印页')
             return;
         }
         const docProps = this.docCtx.document.props;
         printNodes(canvasNodes, { ...docProps });
     }
+
     /**
      * 导出PDF
      * @param fileName
@@ -63,40 +66,44 @@ export class DocumentPrintOffscreen {
      * @param docCtx
      * @param ranges
      */
-    async exportToPDF(data, fileName, ranges = null) {
+    async exportToPDF(data: any | DocumentElement, fileName: string, ranges: Array<number> | null = null): Promise<void> {
         await this.prepare(data);
         const canvasNodes = this.getCanvasNodes(this.documentPaint.docPages, ranges);
         if (!canvasNodes.length) {
-            console.warn('无可导出页');
+            console.warn('无可导出页')
             return;
         }
         exportCanvasToPDF(fileName, canvasNodes, this.docCtx.document.props);
     }
+
+
     /**
      * 获取绘制的图片，格式为Base64编码
      */
-    async getImagesContent(data, ranges = null) {
+    async getImagesContent(data: any | DocumentElement, ranges: Array<number> | null = null): Promise<Array<string>> {
         await this.prepare(data);
         const canvasNodes = this.getCanvasNodes(this.documentPaint.docPages, ranges);
         if (!canvasNodes.length) {
-            console.warn('无可导出页');
+            console.warn('无可导出页')
             return [];
         }
         return canvasNodes.map(node => node.toDataURL());
     }
+
     /**
      * 读取数据，排版
      * @param data
      */
-    async prepare(data) {
+    private async prepare(data: any | DocumentElement,): Promise<void> {
         this.elementReader.read(data);
         this.documentPaint.rePages();
         await Promise.all(this.docCtx.imageLoader.getLoadTasks());
         this.renderCtx.setCanvasProps(this.viewOptions.docPageSettings);
     }
-    getCanvasNodes(printPages, printRanges = null) {
+
+    private getCanvasNodes(printPages: Array<DocumentRenderObject>, printRanges: Array<number> | null = null): Array<HTMLCanvasElement> {
         const { width, height } = this.viewOptions.docPageSettings;
-        const canvasList = [];
+        const canvasList: Array<HTMLCanvasElement> = [];
         for (let i = 0; i < printPages.length; i++) {
             if (printRanges && printRanges.indexOf(i) === -1) {
                 continue;
@@ -105,7 +112,7 @@ export class DocumentPrintOffscreen {
             canvasNode.style.cursor = 'text';
             canvasNode.style.width = width + 'px';
             canvasNode.style.height = height + 'px';
-            const ctx = canvasNode.getContext('2d');
+            const ctx = canvasNode.getContext('2d') as CanvasRenderingContext2D;
             ElementUtil.setCanvasProps(canvasNode, ctx, this.viewOptions.docPageSettings);
             const renderCtx = new RenderContenxt(ctx, this.viewOptions, this.docCtx);
             renderCtx.setCanvasProps(this.viewOptions.docPageSettings);
@@ -125,4 +132,3 @@ export class DocumentPrintOffscreen {
         return canvasList;
     }
 }
-//# sourceMappingURL=document-print-offscreen.js.map

package/{lib/framework/document-print.js → src/med_editor/framework/document-print.ts}

@@ -1,11 +1,14 @@
-import { PageOptions } from "./element-define";
+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';
+import { jsPDF } from 'jspdf'
+
 export class documentPrint {
-    static print(ss, viewOptions, docCtx, printRanges = null) {
+    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('无可打印节点');
@@ -13,22 +16,23 @@ export class documentPrint {
         }
         printNodes(renderCanvasNodes, { ...docCtx.document.props });
     }
+
     /**
      * 获取绘制的canvas节点
-     * @param ss
-     * @param viewOptions
-     * @param docCtx
-     * @param printRanges
-     * @returns
+     * @param ss 
+     * @param viewOptions 
+     * @param docCtx 
+     * @param printRanges 
+     * @returns 
      */
-    static getRenderCanvasNodes(ss, viewOptions, docCtx, printRanges = null) {
+    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 = [];
-        const printPages = [];
+        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(dc.getChild(i));
+                printPages.push(<DocumentRenderObject>dc.getChild(i));
             }
         }
         for (let i = 0; i < printPages.length; i++) {
@@ -36,7 +40,7 @@ export class documentPrint {
             canvasNode.style.cursor = 'text';
             canvasNode.style.width = width + 'px';
             canvasNode.style.height = height + 'px';
-            const ctx = canvasNode.getContext('2d');
+            const ctx = canvasNode.getContext('2d') as CanvasRenderingContext2D;
             ElementUtil.setCanvasProps(canvasNode, ctx, viewOptions.docPageSettings);
             const renderCtx = new RenderContenxt(ctx, viewOptions, docCtx);
             renderCtx.setCanvasProps(viewOptions.docPageSettings);
@@ -53,19 +57,21 @@ export class documentPrint {
             doc.rect = tmp;
             canvasList.push(canvasNode);
         }
-        return canvasList;
+        return canvasList
     }
+
     /**
      * 导出base64
-     * @param ss
-     * @param viewOptions
-     * @param docCtx
-     * @param printRanges
-     * @returns
+     * @param ss 
+     * @param viewOptions 
+     * @param docCtx 
+     * @param printRanges 
+     * @returns 
      */
-    static exportCanvasNodes(ss, viewOptions, docCtx, printRanges = null) {
+    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
@@ -74,16 +80,17 @@ export class documentPrint {
      * @param docCtx
      * @param printRanges
      */
-    static exportPDF(fileName, ss, viewOptions, docCtx, printRanges = null) {
+    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 });
+        exportCanvasToPDF(fileName, nodes, { ...docCtx.document.props })
     }
+
     /**
      * 当前当前页
-     * @param ss
-     * @param viewOptions
+     * @param ss 
+     * @param viewOptions 
      */
-    static printCurrPage(ss, viewOptions, docCtx) {
+    static printCurrPage(ss: SelectionState, viewOptions: ViewOptions, docCtx: EditorContext,): void {
         const { startHitInfo } = ss;
         if (!startHitInfo) {
             return;
@@ -95,7 +102,9 @@ export class documentPrint {
         this.print(ss, viewOptions, docCtx, [docPage.getIndex()]);
     }
 }
-export function createPrintTemplate({ width, height, orient }) {
+
+
+export function createPrintTemplate({ width, height, orient }: PageOptions): string {
     const str = `
     <!DOCTYPE html>
     <html lang="zh">
@@ -139,14 +148,22 @@ export function createPrintTemplate({ width, height, orient }) {
     `.replace(/\n/g, '').replace(/\s+/g, ' ').replace(/'/g, '\\\'');
     return str;
 }
+
+
+type PrintPaperOptions = {
+    width: number;
+    height: number;
+    orient: OrientType;
+};
+
 /**
  * 打印DOM
- * @param printNodes
- * @param options
- * @returns
+ * @param printNodes 
+ * @param options 
+ * @returns 
  */
-export function printNodes(printNodes, options) {
-    const printIFrame = document.createElement("iframe");
+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";
@@ -157,7 +174,7 @@ export function printNodes(printNodes, options) {
         console.warn('无可打印节点');
         return;
     }
-    const printSize = new PageOptions(options.width, options.height, options.orient);
+    const printSize: PageOptions = new PageOptions(options.width, options.height, options.orient);
     const iframeHTML = createPrintTemplate(printSize);
     printIFrame.contentWindow?.document.write(iframeHTML);
     printIFrame.contentWindow?.document.close();
@@ -165,7 +182,7 @@ export function printNodes(printNodes, options) {
         const item = printNodes[i];
         const div = document.createElement('div');
         div.appendChild(item);
-        printIFrame.contentWindow?.document.body.appendChild(div);
+        printIFrame.contentWindow?.document.body.appendChild(div)
     }
     printIFrame.contentWindow?.document.body.focus();
     setTimeout(() => {
@@ -173,17 +190,17 @@ export function printNodes(printNodes, options) {
         printIFrame.parentNode?.removeChild(printIFrame);
     }, 0);
 }
+
 /**
  * canvas节点导出到PDF
- * @param fileName
- * @param nodes
- * @param options
+ * @param fileName 
+ * @param nodes 
+ * @param options 
  */
-export function exportCanvasToPDF(fileName, nodes, options) {
+export function exportCanvasToPDF(fileName: string, nodes: Array<HTMLCanvasElement>, options: PrintPaperOptions): void {
     if (!fileName) {
         fileName = 'document.pdf';
-    }
-    else {
+    } else {
         fileName = fileName.replace(/[\/\\:*?"<>|]/g, '_');
         if (!fileName.endsWith('.pdf')) {
             fileName += '.pdf';
@@ -199,5 +216,4 @@ export function exportCanvasToPDF(fileName, nodes, options) {
         }
     }
     pdf.save(fileName);
-}
-//# sourceMappingURL=document-print.js.map
+}

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

@@ -0,0 +1,211 @@
+import { Element, LeafElement } from "./element-define";
+import { TextGroupElement } from "./impl/text/text-impl";
+import { ElementUtil } from "./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;
+}