@visactor/vrender-core 0.20.0-alpha.0 → 0.20.0-alpha.2

package/es/plugins/builtin-plugin/react-attribute-plugin.d.ts

@@ -7,7 +7,8 @@ export declare class ReactAttributePlugin extends HtmlAttributePlugin implements
     _uid: number;
     key: string;
     htmlMap: Record<string, {
-        root: any;
+        root?: any;
+        unmount?: () => void;
         wrapContainer: HTMLElement;
         nativeContainer: HTMLElement;
         container: string | HTMLElement | null;

package/es/plugins/builtin-plugin/react-attribute-plugin.js

@@ -15,12 +15,12 @@ export class ReactAttributePlugin extends HtmlAttributePlugin {
     }
     removeElement(id) {
         if (!this.htmlMap || !this.htmlMap[id]) return;
-        const {root: root, wrapContainer: wrapContainer} = this.htmlMap[id];
+        const {root: root, wrapContainer: wrapContainer, unmount: unmount} = this.htmlMap[id];
         if (root) {
             application.global.getRequestAnimationFrame()((() => {
                 root.unmount();
             }));
-        }
+        } else unmount && unmount();
         wrapContainer && application.global.removeDom(wrapContainer), this.htmlMap[id] = null;
     }
     renderGraphicHTML(graphic) {
@@ -30,21 +30,29 @@ export class ReactAttributePlugin extends HtmlAttributePlugin {
         const stage = graphic.stage;
         if (!stage) return;
         const ReactDOM = stage.params.ReactDOM, {element: element, container: container} = react;
-        if (!(element && ReactDOM && ReactDOM.createRoot)) return;
+        if (!element || !ReactDOM || !ReactDOM.createRoot && !ReactDOM.render) return;
         const id = isNil(react.id) ? `${null !== (_a = graphic.id) && void 0 !== _a ? _a : graphic._uid}_react` : react.id;
         if (this.htmlMap && this.htmlMap[id] && container && container !== this.htmlMap[id].container && this.removeElement(id), 
-        this.htmlMap && this.htmlMap[id]) this.htmlMap[id].root.render(element); else {
+        this.htmlMap && this.htmlMap[id]) ReactDOM.createRoot ? this.htmlMap[id].root.render(element) : ReactDOM.render(element, this.htmlMap[id].wrapContainer); else {
             const {wrapContainer: wrapContainer, nativeContainer: nativeContainer} = this.getWrapContainer(stage, container);
-            if (wrapContainer) {
+            if (wrapContainer) if (this.htmlMap || (this.htmlMap = {}), ReactDOM.createRoot) {
                 const root = ReactDOM.createRoot(wrapContainer);
-                root.render(element), this.htmlMap || (this.htmlMap = {}), this.htmlMap[id] = {
+                root.render(element), this.htmlMap[id] = {
                     root: root,
                     wrapContainer: wrapContainer,
                     nativeContainer: nativeContainer,
                     container: container,
                     renderId: this.renderId
                 };
-            }
+            } else ReactDOM.render(element, wrapContainer), this.htmlMap[id] = {
+                wrapContainer: wrapContainer,
+                nativeContainer: nativeContainer,
+                container: container,
+                renderId: this.renderId,
+                unmount: () => {
+                    ReactDOM.unmountComponentAtNode(wrapContainer);
+                }
+            };
         }
         if (!this.htmlMap || !this.htmlMap[id]) return;
         const {wrapContainer: wrapContainer, nativeContainer: nativeContainer} = this.htmlMap[id];

package/es/plugins/builtin-plugin/react-attribute-plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugins/builtin-plugin/react-attribute-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,MAAM,OAAO,oBAAqB,SAAQ,mBAAmB;IAA7D;;QACE,SAAI,GAA2B,sBAAsB,CAAC;QACtD,gBAAW,GAAiB,YAAY,CAAC;QAEzC,SAAI,GAAW,SAAS,CAAC,kBAAkB,EAAE,CAAC;QAC9C,QAAG,GAAW,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEpC,YAAO,GASH,EAAE,CAAC;IAqET,CAAC;IAnEC,aAAa,CAAC,EAAU;QACtB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;YACtC,OAAO;SACR;QAED,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAEjD,IAAI,IAAI,EAAE;YACR,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,wBAAwB,EAAE,CAAC;YAC1D,GAAG,CAAC,GAAG,EAAE;gBACP,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,CAAC,CAAC,CAAC;SACJ;QAED,aAAa,IAAI,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;QAE7D,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED,iBAAiB,CAAC,OAAiB;;QACjC,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;QACpC,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QACD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QACD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;QACvC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;QACrC,IAAI,CAAC,CAAC,OAAO,IAAI,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,EAAE;YACjD,OAAO;SACR;QACD,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,MAAA,OAAO,CAAC,EAAE,mCAAI,OAAO,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;QAE9E,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,SAAS,IAAI,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE;YAC7F,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;SACxB;QAED,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;YAEtC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YAEnF,IAAI,aAAa,EAAE;gBACjB,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;gBAChD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBAErB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;oBACjB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;iBACnB;gBAED,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;aACjG;SACF;aAAM;YAEL,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SACvC;QAED,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;YACtC,OAAO;SACR;QAED,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAE5D,IAAI,CAAC,0BAA0B,CAAC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC;QACvF,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC5C,CAAC;CACF;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,OAAO,CAAC,cAAc,CAAC,sBAAsB,EAAE,oBAAoB,CAAC,CAAC;AACvE,CAAC,CAAC","file":"react-attribute-plugin.js","sourcesContent":["import { Generator } from '../../common/generator';\nimport type { IGraphic, IPlugin, IPluginService } from '../../interface';\nimport { application } from '../../application';\nimport { HtmlAttributePlugin } from './html-attribute-plugin';\nimport { isNil } from '@visactor/vutils';\nimport { Factory } from '../../factory';\n\nexport class ReactAttributePlugin extends HtmlAttributePlugin implements IPlugin {\n  name: 'ReactAttributePlugin' = 'ReactAttributePlugin';\n  activeEvent: 'onRegister' = 'onRegister';\n  declare pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n\n  htmlMap: Record<\n    string,\n    {\n      root: any;\n      wrapContainer: HTMLElement;\n      nativeContainer: HTMLElement;\n      container: string | HTMLElement | null;\n      renderId: number;\n    }\n  > = {};\n\n  removeElement(id: string) {\n    if (!this.htmlMap || !this.htmlMap[id]) {\n      return;\n    }\n\n    const { root, wrapContainer } = this.htmlMap[id];\n\n    if (root) {\n      const raf = application.global.getRequestAnimationFrame();\n      raf(() => {\n        root.unmount();\n      });\n    }\n\n    wrapContainer && application.global.removeDom(wrapContainer);\n\n    this.htmlMap[id] = null;\n  }\n\n  renderGraphicHTML(graphic: IGraphic) {\n    const { react } = graphic.attribute;\n    if (!react) {\n      return;\n    }\n    const stage = graphic.stage;\n    if (!stage) {\n      return;\n    }\n    const ReactDOM = stage.params.ReactDOM;\n    const { element, container } = react;\n    if (!(element && ReactDOM && ReactDOM.createRoot)) {\n      return;\n    }\n    const id = isNil(react.id) ? `${graphic.id ?? graphic._uid}_react` : react.id;\n\n    if (this.htmlMap && this.htmlMap[id] && container && container !== this.htmlMap[id].container) {\n      this.removeElement(id);\n    }\n\n    if (!this.htmlMap || !this.htmlMap[id]) {\n      // createa a wrapper contianer to be the root of react element\n      const { wrapContainer, nativeContainer } = this.getWrapContainer(stage, container);\n\n      if (wrapContainer) {\n        const root = ReactDOM.createRoot(wrapContainer);\n        root.render(element);\n\n        if (!this.htmlMap) {\n          this.htmlMap = {};\n        }\n\n        this.htmlMap[id] = { root, wrapContainer, nativeContainer, container, renderId: this.renderId };\n      }\n    } else {\n      // update react element\n      this.htmlMap[id].root.render(element);\n    }\n\n    if (!this.htmlMap || !this.htmlMap[id]) {\n      return;\n    }\n\n    const { wrapContainer, nativeContainer } = this.htmlMap[id];\n\n    this.updateStyleOfWrapContainer(graphic, stage, wrapContainer, nativeContainer, react);\n    this.htmlMap[id].renderId = this.renderId;\n  }\n}\n\nexport const registerReactAttributePlugin = () => {\n  Factory.registerPlugin('ReactAttributePlugin', ReactAttributePlugin);\n};\n"]}
+{"version":3,"sources":["../src/plugins/builtin-plugin/react-attribute-plugin.ts"],"names":[],"mappings":"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","file":"react-attribute-plugin.js","sourcesContent":["import { Generator } from '../../common/generator';\nimport type { IGraphic, IPlugin, IPluginService } from '../../interface';\nimport { application } from '../../application';\nimport { HtmlAttributePlugin } from './html-attribute-plugin';\nimport { isNil } from '@visactor/vutils';\nimport { Factory } from '../../factory';\n\nexport class ReactAttributePlugin extends HtmlAttributePlugin implements IPlugin {\n  name: 'ReactAttributePlugin' = 'ReactAttributePlugin';\n  activeEvent: 'onRegister' = 'onRegister';\n  declare pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n\n  htmlMap: Record<\n    string,\n    {\n      root?: any;\n      unmount?: () => void;\n      wrapContainer: HTMLElement;\n      nativeContainer: HTMLElement;\n      container: string | HTMLElement | null;\n      renderId: number;\n    }\n  > = {};\n\n  removeElement(id: string) {\n    if (!this.htmlMap || !this.htmlMap[id]) {\n      return;\n    }\n\n    const { root, wrapContainer, unmount } = this.htmlMap[id];\n\n    if (root) {\n      const raf = application.global.getRequestAnimationFrame();\n      raf(() => {\n        root.unmount();\n      });\n    } else if (unmount) {\n      unmount();\n    }\n\n    wrapContainer && application.global.removeDom(wrapContainer);\n\n    this.htmlMap[id] = null;\n  }\n\n  renderGraphicHTML(graphic: IGraphic) {\n    const { react } = graphic.attribute;\n    if (!react) {\n      return;\n    }\n    const stage = graphic.stage;\n    if (!stage) {\n      return;\n    }\n    const ReactDOM = stage.params.ReactDOM;\n    const { element, container } = react;\n    if (!(element && ReactDOM && (ReactDOM.createRoot || ReactDOM.render))) {\n      return;\n    }\n    const id = isNil(react.id) ? `${graphic.id ?? graphic._uid}_react` : react.id;\n\n    if (this.htmlMap && this.htmlMap[id] && container && container !== this.htmlMap[id].container) {\n      this.removeElement(id);\n    }\n\n    if (!this.htmlMap || !this.htmlMap[id]) {\n      // createa a wrapper contianer to be the root of react element\n      const { wrapContainer, nativeContainer } = this.getWrapContainer(stage, container);\n\n      if (wrapContainer) {\n        if (!this.htmlMap) {\n          this.htmlMap = {};\n        }\n        if (ReactDOM.createRoot) {\n          const root = ReactDOM.createRoot(wrapContainer);\n          root.render(element);\n\n          this.htmlMap[id] = { root, wrapContainer, nativeContainer, container, renderId: this.renderId };\n        } else {\n          ReactDOM.render(element, wrapContainer);\n\n          this.htmlMap[id] = {\n            wrapContainer,\n            nativeContainer,\n            container,\n            renderId: this.renderId,\n            unmount: () => {\n              ReactDOM.unmountComponentAtNode(wrapContainer);\n            }\n          };\n        }\n      }\n    } else {\n      // update react element\n      if (ReactDOM.createRoot) {\n        this.htmlMap[id].root.render(element);\n      } else {\n        ReactDOM.render(element, this.htmlMap[id].wrapContainer);\n      }\n    }\n\n    if (!this.htmlMap || !this.htmlMap[id]) {\n      return;\n    }\n\n    const { wrapContainer, nativeContainer } = this.htmlMap[id];\n\n    this.updateStyleOfWrapContainer(graphic, stage, wrapContainer, nativeContainer, react);\n    this.htmlMap[id].renderId = this.renderId;\n  }\n}\n\nexport const registerReactAttributePlugin = () => {\n  Factory.registerPlugin('ReactAttributePlugin', ReactAttributePlugin);\n};\n"]}

package/es/plugins/builtin-plugin/richtext-edit-plugin.d.ts

@@ -0,0 +1,76 @@
+import type { IPointLike } from '@visactor/vutils';
+import type { IGroup, ILine, IPlugin, IPluginService, IRichText, IRichTextFrame, IRichTextIcon, IRichTextLine, IRichTextParagraph } from '../../interface';
+import { EditModule } from './edit-module';
+type UpdateType = 'input' | 'change' | 'onfocus' | 'defocus' | 'selection' | 'dispatch';
+declare class Selection {
+    cacheSelectionStartCursorIdx: number;
+    cacheCurCursorIdx: number;
+    selectionStartCursorIdx: number;
+    curCursorIdx: number;
+    rt: IRichText;
+    constructor(cacheSelectionStartCursorIdx: number, cacheCurCursorIdx: number, selectionStartCursorIdx: number, curCursorIdx: number, rt: IRichText);
+    hasFormat(key: string): boolean;
+    getFormat(key: string): any;
+    getAllFormat(key: string): any;
+}
+export declare const FORMAT_TEXT_COMMAND = "FORMAT_TEXT_COMMAND";
+export declare const FORMAT_ELEMENT_COMMAND = "FORMAT_ELEMENT_COMMAND";
+export declare class RichTextEditPlugin implements IPlugin {
+    name: 'RichTextEditPlugin';
+    activeEvent: 'onRegister';
+    pluginService: IPluginService;
+    _uid: number;
+    key: string;
+    editing: boolean;
+    editLine: ILine;
+    editBg: IGroup;
+    pointerDown: boolean;
+    lastPoint?: IPointLike;
+    editModule: EditModule;
+    currRt: IRichText;
+    curCursorIdx: number;
+    selectionStartCursorIdx: number;
+    commandCbs: Map<string, Array<(payload: any, p: RichTextEditPlugin) => void>>;
+    updateCbs: Array<(type: UpdateType, p: RichTextEditPlugin) => void>;
+    constructor();
+    getSelection(): Selection;
+    formatTextCommandCb(payload: string, p: RichTextEditPlugin): void;
+    dispatchCommand(command: string, payload: any): void;
+    registerCommand(command: string, cb: (payload: any, p: RichTextEditPlugin) => void): void;
+    registerUpdateListener(cb: (type: UpdateType, p: RichTextEditPlugin) => void): void;
+    activate(context: IPluginService): void;
+    handleInput: (text: string, isComposing: boolean, cursorIdx: number, rt: IRichText, orient: 'left' | 'right') => void;
+    handleChange: (text: string, isComposing: boolean, cursorIdx: number, rt: IRichText, orient: 'left' | 'right') => void;
+    handleMove: (e: PointerEvent) => void;
+    showSelection(e: PointerEvent): void;
+    hideSelection(): void;
+    handlePointerDown: (e: PointerEvent) => void;
+    handlePointerUp: (e: PointerEvent) => void;
+    handleEnter: (e: PointerEvent) => void;
+    handleLeave: (e: PointerEvent) => void;
+    isRichtext(e: PointerEvent): boolean;
+    protected getEventPosition(e: PointerEvent): IPointLike;
+    protected getLineByPoint(cache: IRichTextFrame, p1: IPointLike): IRichTextLine;
+    protected getColumnByLinePoint(lineInfo: IRichTextLine, p1: IPointLike): IRichTextParagraph | IRichTextIcon;
+    onFocus(e: PointerEvent): void;
+    protected getPointByColumnIdx(idx: number, rt: IRichText, orient: 'left' | 'right'): {
+        x: any;
+        y1: number;
+        y2: number;
+    };
+    protected getColumnIndex(cache: IRichTextFrame, cInfo: IRichTextParagraph | IRichTextIcon): number;
+    protected getColumnByIndex(cache: IRichTextFrame, index: number): {
+        lineInfo: IRichTextLine;
+        columnInfo: IRichTextParagraph | IRichTextIcon;
+    } | null;
+    protected setCursorAndTextArea(x: number, y1: number, y2: number, rt: IRichText): void;
+    protected setCursor(x: number, y1: number, y2: number): void;
+    applyUpdate(): void;
+    deFocus(e: PointerEvent): void;
+    splitText(text: string): string[];
+    tryUpdateRichtext(richtext: IRichText): void;
+    onSelect(): void;
+    deactivate(context: IPluginService): void;
+    release(): void;
+}
+export {};

package/es/plugins/builtin-plugin/richtext-edit-plugin.js

@@ -0,0 +1,334 @@
+import { isObject, isString, merge } from "@visactor/vutils";
+
+import { Generator } from "../../common/generator";
+
+import { createGroup, createLine, createRect } from "../../graphic";
+
+import { EditModule, findCursorIndexIgnoreLinebreak } from "./edit-module";
+
+class Selection {
+    constructor(cacheSelectionStartCursorIdx, cacheCurCursorIdx, selectionStartCursorIdx, curCursorIdx, rt) {
+        this.curCursorIdx = curCursorIdx, this.selectionStartCursorIdx = selectionStartCursorIdx, 
+        this.cacheCurCursorIdx = cacheCurCursorIdx, this.cacheSelectionStartCursorIdx = cacheSelectionStartCursorIdx, 
+        this.rt = rt;
+    }
+    hasFormat(key) {
+        return null != this.getFormat(key);
+    }
+    getFormat(key) {
+        if (!this.rt) return null;
+        const config = this.rt.attribute.textConfig, val = config[this.selectionStartCursorIdx + 1][key];
+        if (null == val) return null;
+        for (let i = this.selectionStartCursorIdx + 2; i <= this.curCursorIdx; i++) {
+            if (val !== config[i][key]) return null;
+        }
+        return val;
+    }
+    getAllFormat(key) {
+        if (!this.rt) return [];
+        const config = this.rt.attribute.textConfig, val = config[this.selectionStartCursorIdx + 1][key], set = new Set;
+        set.add(val);
+        for (let i = this.selectionStartCursorIdx + 2; i <= this.curCursorIdx; i++) {
+            const item = config[i];
+            set.add(item[key]);
+        }
+        return Array.from(set.values());
+    }
+}
+
+export const FORMAT_TEXT_COMMAND = "FORMAT_TEXT_COMMAND";
+
+export const FORMAT_ELEMENT_COMMAND = "FORMAT_ELEMENT_COMMAND";
+
+export class RichTextEditPlugin {
+    constructor() {
+        this.name = "RichTextEditPlugin", this.activeEvent = "onRegister", this._uid = Generator.GenAutoIncrementId(), 
+        this.key = this.name + this._uid, this.editing = !1, this.pointerDown = !1, this.handleInput = (text, isComposing, cursorIdx, rt, orient) => {
+            const p = this.getPointByColumnIdx(cursorIdx, rt, orient);
+            this.hideSelection(), this.setCursor(p.x, p.y1, p.y2), this.updateCbs.forEach((cb => cb("input", this)));
+        }, this.handleChange = (text, isComposing, cursorIdx, rt, orient) => {
+            const p = this.getPointByColumnIdx(cursorIdx, rt, orient);
+            this.curCursorIdx = cursorIdx, this.selectionStartCursorIdx = cursorIdx, this.setCursorAndTextArea(p.x, p.y1, p.y2, rt), 
+            this.hideSelection(), this.updateCbs.forEach((cb => cb("change", this)));
+        }, this.handleMove = e => {
+            this.isRichtext(e) && (this.currRt = e.target, this.handleEnter(e), e.target.once("pointerleave", this.handleLeave), 
+            this.showSelection(e));
+        }, this.handlePointerDown = e => {
+            this.editing ? this.onFocus(e) : this.deFocus(e), this.applyUpdate(), this.pointerDown = !0, 
+            this.updateCbs.forEach((cb => cb(this.editing ? "onfocus" : "defocus", this)));
+        }, this.handlePointerUp = e => {
+            this.pointerDown = !1;
+        }, this.handleEnter = e => {
+            this.editing = !0, this.pluginService.stage.setCursor("text");
+        }, this.handleLeave = e => {
+            this.editing = !1, this.pluginService.stage.setCursor("default");
+        }, this.commandCbs = new Map, this.commandCbs.set(FORMAT_TEXT_COMMAND, [ this.formatTextCommandCb ]), 
+        this.updateCbs = [];
+    }
+    getSelection() {
+        return this.selectionStartCursorIdx && this.curCursorIdx && this.selectionStartCursorIdx !== this.curCursorIdx && this.currRt ? new Selection(this.selectionStartCursorIdx, this.curCursorIdx, findCursorIndexIgnoreLinebreak(this.currRt.attribute.textConfig, this.selectionStartCursorIdx), findCursorIndexIgnoreLinebreak(this.currRt.attribute.textConfig, this.curCursorIdx), this.currRt) : null;
+    }
+    formatTextCommandCb(payload, p) {
+        const rt = p.currRt;
+        if (!rt) return;
+        const selectionData = p.getSelection();
+        if (!selectionData) return;
+        const {selectionStartCursorIdx: selectionStartCursorIdx, curCursorIdx: curCursorIdx} = selectionData, config = rt.attribute.textConfig.slice(selectionStartCursorIdx + 1, curCursorIdx + 1);
+        "bold" === payload ? config.forEach((item => item.fontWeight = "bold")) : "italic" === payload ? config.forEach((item => item.fontStyle = "italic")) : "underline" === payload ? config.forEach((item => item.underline = !0)) : "lineThrough" === payload ? config.forEach((item => item.lineThrough = !0)) : isObject(payload) && config.forEach((item => merge(item, payload))), 
+        rt.setAttributes(rt.attribute);
+    }
+    dispatchCommand(command, payload) {
+        const cbs = this.commandCbs.get(command);
+        cbs && cbs.forEach((cb => cb(payload, this))), this.updateCbs.forEach((cb => cb("dispatch", this)));
+    }
+    registerCommand(command, cb) {
+        (this.commandCbs.get(command) || []).push(cb);
+    }
+    registerUpdateListener(cb) {
+        (this.updateCbs || []).push(cb);
+    }
+    activate(context) {
+        this.pluginService = context, this.editModule = new EditModule, context.stage.on("pointermove", this.handleMove), 
+        context.stage.on("pointerdown", this.handlePointerDown), context.stage.on("pointerup", this.handlePointerUp), 
+        context.stage.on("pointerleave", this.handlePointerUp), this.editModule.onInput(this.handleInput), 
+        this.editModule.onChange(this.handleChange);
+    }
+    showSelection(e) {
+        const cache = e.target.getFrameCache();
+        if (cache && this.editBg && this.pointerDown) {
+            let p0 = this.lastPoint, p1 = this.getEventPosition(e), line1Info = this.getLineByPoint(cache, p1);
+            const column1 = this.getColumnByLinePoint(line1Info, p1), y1 = line1Info.top, y2 = line1Info.top + line1Info.height;
+            let x = column1.left + column1.width, cursorIndex = this.getColumnIndex(cache, column1);
+            p1.x < column1.left + column1.width / 2 && (x = column1.left, cursorIndex -= 1), 
+            p1.x = x, p1.y = (y1 + y2) / 2;
+            let line0Info = this.getLineByPoint(cache, p0);
+            if ((p0.y > p1.y || p0.y === p1.y && p0.x > p1.x) && ([p0, p1] = [ p1, p0 ], [line1Info, line0Info] = [ line0Info, line1Info ]), 
+            this.editBg.removeAllChild(), line0Info === line1Info) {
+                const column0 = this.getColumnByLinePoint(line0Info, p0);
+                this.editBg.setAttributes({
+                    x: p0.x,
+                    y: line0Info.top,
+                    width: p1.x - p0.x,
+                    height: column0.height,
+                    fill: "#336df4",
+                    fillOpacity: .2
+                });
+            } else {
+                this.editBg.setAttributes({
+                    x: 0,
+                    y: line0Info.top,
+                    width: 0,
+                    height: 0
+                });
+                const startIdx = cache.lines.findIndex((item => item === line0Info)), endIdx = cache.lines.findIndex((item => item === line1Info));
+                let y = 0;
+                for (let i = startIdx; i <= endIdx; i++) {
+                    const line = cache.lines[i];
+                    if (i === startIdx) {
+                        const p = line.paragraphs[line.paragraphs.length - 1];
+                        this.editBg.add(createRect({
+                            x: p0.x,
+                            y: y,
+                            width: p.left + p.width - p0.x,
+                            height: line.height,
+                            fill: "#336df4",
+                            fillOpacity: .2
+                        }));
+                    } else if (i === endIdx) {
+                        const p = line.paragraphs[0];
+                        this.editBg.add(createRect({
+                            x: p.left,
+                            y: y,
+                            width: p1.x - p.left,
+                            height: line.height,
+                            fill: "#336df4",
+                            fillOpacity: .2
+                        }));
+                    } else {
+                        const p0 = line.paragraphs[0], p1 = line.paragraphs[line.paragraphs.length - 1];
+                        this.editBg.add(createRect({
+                            x: p0.left,
+                            y: y,
+                            width: p1.left + p1.width - p0.left,
+                            height: line.height,
+                            fill: "#336df4",
+                            fillOpacity: .2
+                        }));
+                    }
+                    y += line.height;
+                }
+            }
+            this.curCursorIdx = cursorIndex, this.setCursorAndTextArea(x, y1 + 2, y2 - 2, e.target), 
+            this.applyUpdate(), this.updateCbs.forEach((cb => cb("selection", this)));
+        }
+    }
+    hideSelection() {
+        this.editBg && (this.editBg.removeAllChild(), this.editBg.setAttributes({
+            fill: "transparent"
+        }));
+    }
+    isRichtext(e) {
+        return !(!e.target || "richtext" !== e.target.type || !e.target.attribute.editable);
+    }
+    getEventPosition(e) {
+        const p = this.pluginService.stage.eventPointTransform(e), p1 = {
+            x: 0,
+            y: 0
+        };
+        return e.target.globalTransMatrix.transformPoint(p, p1), p1;
+    }
+    getLineByPoint(cache, p1) {
+        let lineInfo = cache.lines[0];
+        for (let i = 0; i < cache.lines.length && !(lineInfo.top <= p1.y && lineInfo.top + lineInfo.height >= p1.y); i++) lineInfo = cache.lines[i + 1];
+        return lineInfo;
+    }
+    getColumnByLinePoint(lineInfo, p1) {
+        let columnInfo = lineInfo.paragraphs[0];
+        for (let i = 0; i < lineInfo.paragraphs.length && !(columnInfo.left <= p1.x && columnInfo.left + columnInfo.width >= p1.x); i++) columnInfo = lineInfo.paragraphs[i];
+        return columnInfo;
+    }
+    onFocus(e) {
+        this.deFocus(e);
+        const target = e.target;
+        this.tryUpdateRichtext(target);
+        const shadowRoot = target.attachShadow();
+        shadowRoot.setAttributes({
+            shadowRootIdx: -1
+        });
+        const cache = target.getFrameCache();
+        if (!cache) return;
+        if (!this.editLine) {
+            const line = createLine({
+                x: 0,
+                y: 0,
+                lineWidth: 1,
+                stroke: "black"
+            });
+            line.animate().to({
+                opacity: 1
+            }, 10, "linear").wait(700).to({
+                opacity: 0
+            }, 10, "linear").wait(700).loop(1 / 0), this.editLine = line;
+            const g = createGroup({
+                x: 0,
+                y: 0,
+                width: 0,
+                height: 0
+            });
+            this.editBg = g, shadowRoot.add(this.editLine), shadowRoot.add(this.editBg);
+        }
+        const p1 = this.getEventPosition(e), lineInfo = this.getLineByPoint(cache, p1);
+        if (lineInfo) {
+            const columnInfo = this.getColumnByLinePoint(lineInfo, p1);
+            if (!columnInfo) return;
+            let y1 = lineInfo.top, y2 = lineInfo.top + lineInfo.height, x = columnInfo.left + columnInfo.width;
+            y1 += 2, y2 -= 2;
+            let cursorIndex = this.getColumnIndex(cache, columnInfo);
+            p1.x < columnInfo.left + columnInfo.width / 2 && (x = columnInfo.left, cursorIndex -= 1), 
+            this.lastPoint = {
+                x: x,
+                y: (y1 + y2) / 2
+            }, this.curCursorIdx = cursorIndex, this.selectionStartCursorIdx = cursorIndex, 
+            this.setCursorAndTextArea(x, y1, y2, target);
+        }
+    }
+    getPointByColumnIdx(idx, rt, orient) {
+        const cache = rt.getFrameCache(), {lineInfo: lineInfo, columnInfo: columnInfo} = this.getColumnByIndex(cache, idx);
+        let y1 = lineInfo.top, y2 = lineInfo.top + lineInfo.height;
+        return y1 += 2, y2 -= 2, {
+            x: columnInfo.left + ("left" === orient ? 0 : columnInfo.width),
+            y1: y1,
+            y2: y2
+        };
+    }
+    getColumnIndex(cache, cInfo) {
+        let inputIndex = -1;
+        for (let i = 0; i < cache.lines.length; i++) {
+            const line = cache.lines[i];
+            for (let j = 0; j < line.paragraphs.length; j++) if (inputIndex++, cInfo === line.paragraphs[j]) return inputIndex;
+        }
+        return -1;
+    }
+    getColumnByIndex(cache, index) {
+        let inputIndex = -1;
+        for (let i = 0; i < cache.lines.length; i++) {
+            const lineInfo = cache.lines[i];
+            for (let j = 0; j < lineInfo.paragraphs.length; j++) {
+                const columnInfo = lineInfo.paragraphs[j];
+                if (inputIndex++, inputIndex === index) return {
+                    lineInfo: lineInfo,
+                    columnInfo: columnInfo
+                };
+            }
+        }
+        return null;
+    }
+    setCursorAndTextArea(x, y1, y2, rt) {
+        this.editLine.setAttributes({
+            points: [ {
+                x: x,
+                y: y1
+            }, {
+                x: x,
+                y: y2
+            } ]
+        });
+        const out = {
+            x: 0,
+            y: 0
+        };
+        rt.globalTransMatrix.getInverse().transformPoint({
+            x: x,
+            y: y1
+        }, out);
+        const {left: left, top: top} = this.pluginService.stage.window.getBoundingClientRect();
+        out.x += left, out.y += top, this.editModule.moveTo(out.x, out.y, rt, this.curCursorIdx, this.selectionStartCursorIdx);
+    }
+    setCursor(x, y1, y2) {
+        this.editLine.setAttributes({
+            points: [ {
+                x: x,
+                y: y1
+            }, {
+                x: x,
+                y: y2
+            } ]
+        });
+    }
+    applyUpdate() {
+        this.pluginService.stage.renderNextFrame();
+    }
+    deFocus(e) {
+        e.target.detachShadow(), this.currRt = null, this.editLine && (this.editLine.parent.removeChild(this.editLine), 
+        this.editLine.release(), this.editLine = null, this.editBg.parent.removeChild(this.editBg), 
+        this.editBg.release(), this.editBg = null);
+    }
+    splitText(text) {
+        return Array.from(text);
+    }
+    tryUpdateRichtext(richtext) {
+        if (!richtext.getFrameCache().lines.every((line => line.paragraphs.every((item => !(item.text && isString(item.text) && this.splitText(item.text).length > 1)))))) {
+            const tc = [];
+            richtext.attribute.textConfig.forEach((item => {
+                const textList = this.splitText(item.text.toString());
+                if (isString(item.text) && textList.length > 1) for (let i = 0; i < textList.length; i++) {
+                    const t = textList[i];
+                    tc.push(Object.assign(Object.assign({}, item), {
+                        text: t
+                    }));
+                } else tc.push(item);
+            })), richtext.setAttributes({
+                textConfig: tc
+            }), richtext.doUpdateFrameCache(tc);
+        }
+    }
+    onSelect() {}
+    deactivate(context) {
+        context.stage.off("pointermove", this.handleMove), context.stage.off("pointerdown", this.handlePointerDown), 
+        context.stage.off("pointerup", this.handlePointerUp), context.stage.off("pointerleave", this.handlePointerUp);
+    }
+    release() {
+        this.editModule.release();
+    }
+}
+//# sourceMappingURL=richtext-edit-plugin.js.map

package/es/plugins/builtin-plugin/richtext-edit-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugins/builtin-plugin/richtext-edit-plugin.ts"],"names":[],"mappings":"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","file":"richtext-edit-plugin.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\nimport { isObject, isString, merge } from '@visactor/vutils';\nimport { Generator } from '../../common/generator';\nimport { createGroup, createLine, createRect } from '../../graphic';\nimport type {\n  IGroup,\n  ILine,\n  IPlugin,\n  IPluginService,\n  IRect,\n  IRichText,\n  IRichTextCharacter,\n  IRichTextFrame,\n  IRichTextIcon,\n  IRichTextLine,\n  IRichTextParagraph,\n  IRichTextParagraphCharacter\n} from '../../interface';\nimport { EditModule, findCursorIndexIgnoreLinebreak } from './edit-module';\n\ntype UpdateType = 'input' | 'change' | 'onfocus' | 'defocus' | 'selection' | 'dispatch';\n\nclass Selection {\n  cacheSelectionStartCursorIdx: number;\n  cacheCurCursorIdx: number;\n  selectionStartCursorIdx: number;\n  curCursorIdx: number;\n  rt: IRichText;\n\n  constructor(\n    cacheSelectionStartCursorIdx: number,\n    cacheCurCursorIdx: number,\n    selectionStartCursorIdx: number,\n    curCursorIdx: number,\n    rt: IRichText\n  ) {\n    this.curCursorIdx = curCursorIdx;\n    this.selectionStartCursorIdx = selectionStartCursorIdx;\n    this.cacheCurCursorIdx = cacheCurCursorIdx;\n    this.cacheSelectionStartCursorIdx = cacheSelectionStartCursorIdx;\n    this.rt = rt;\n  }\n\n  hasFormat(key: string): boolean {\n    return this.getFormat(key) != null;\n  }\n  getFormat(key: string): any {\n    if (!this.rt) {\n      return null;\n    }\n    const config = this.rt.attribute.textConfig;\n    const val: any = config[this.selectionStartCursorIdx + 1][key];\n    if (val == null) {\n      return null;\n    }\n    for (let i = this.selectionStartCursorIdx + 2; i <= this.curCursorIdx; i++) {\n      const item = config[i];\n      if (val === item[key]) {\n        continue;\n      }\n      return null;\n    }\n    return val;\n  }\n\n  getAllFormat(key: string): any {\n    if (!this.rt) {\n      return [];\n    }\n    const config = this.rt.attribute.textConfig;\n    const val: any = config[this.selectionStartCursorIdx + 1][key];\n    const set = new Set();\n    set.add(val);\n    for (let i = this.selectionStartCursorIdx + 2; i <= this.curCursorIdx; i++) {\n      const item = config[i];\n      set.add(item[key]);\n    }\n    const list = Array.from(set.values());\n    return list;\n  }\n}\n\nexport const FORMAT_TEXT_COMMAND = 'FORMAT_TEXT_COMMAND';\nexport const FORMAT_ELEMENT_COMMAND = 'FORMAT_ELEMENT_COMMAND';\nexport class RichTextEditPlugin implements IPlugin {\n  name: 'RichTextEditPlugin' = 'RichTextEditPlugin';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  editing: boolean = false;\n  editLine: ILine;\n  editBg: IGroup;\n  pointerDown: boolean = false;\n  // 用于selection中保存上一次click时候的位置\n  lastPoint?: IPointLike;\n  editModule: EditModule;\n  currRt: IRichText;\n\n  // 当前的cursor信息\n  curCursorIdx: number;\n  selectionStartCursorIdx: number;\n\n  commandCbs: Map<string, Array<(payload: any, p: RichTextEditPlugin) => void>>;\n  updateCbs: Array<(type: UpdateType, p: RichTextEditPlugin) => void>;\n\n  constructor() {\n    this.commandCbs = new Map();\n    this.commandCbs.set(FORMAT_TEXT_COMMAND, [this.formatTextCommandCb]);\n    this.updateCbs = [];\n  }\n\n  getSelection() {\n    if (\n      this.selectionStartCursorIdx &&\n      this.curCursorIdx &&\n      this.selectionStartCursorIdx !== this.curCursorIdx &&\n      this.currRt\n    ) {\n      return new Selection(\n        this.selectionStartCursorIdx,\n        this.curCursorIdx,\n        findCursorIndexIgnoreLinebreak(this.currRt.attribute.textConfig, this.selectionStartCursorIdx),\n        findCursorIndexIgnoreLinebreak(this.currRt.attribute.textConfig, this.curCursorIdx),\n        this.currRt\n      );\n    }\n    return null;\n  }\n\n  /* command */\n  formatTextCommandCb(payload: string, p: RichTextEditPlugin) {\n    const rt = p.currRt;\n    if (!rt) {\n      return;\n    }\n    const selectionData = p.getSelection();\n    if (!selectionData) {\n      return;\n    }\n    const { selectionStartCursorIdx, curCursorIdx } = selectionData;\n    const config = rt.attribute.textConfig.slice(selectionStartCursorIdx + 1, curCursorIdx + 1);\n    if (payload === 'bold') {\n      config.forEach((item: IRichTextParagraphCharacter) => (item.fontWeight = 'bold'));\n    } else if (payload === 'italic') {\n      config.forEach((item: IRichTextParagraphCharacter) => (item.fontStyle = 'italic'));\n    } else if (payload === 'underline') {\n      config.forEach((item: IRichTextParagraphCharacter) => (item.underline = true));\n    } else if (payload === 'lineThrough') {\n      config.forEach((item: IRichTextParagraphCharacter) => (item.lineThrough = true));\n    } else if (isObject(payload)) {\n      config.forEach((item: IRichTextParagraphCharacter) => merge(item, payload));\n    }\n    rt.setAttributes(rt.attribute);\n  }\n\n  dispatchCommand(command: string, payload: any) {\n    const cbs = this.commandCbs.get(command);\n    cbs && cbs.forEach(cb => cb(payload, this));\n    this.updateCbs.forEach(cb => cb('dispatch', this));\n  }\n\n  registerCommand(command: string, cb: (payload: any, p: RichTextEditPlugin) => void) {\n    const cbs: Array<(payload: any, p: RichTextEditPlugin) => void> = this.commandCbs.get(command) || [];\n    cbs.push(cb);\n  }\n\n  registerUpdateListener(cb: (type: UpdateType, p: RichTextEditPlugin) => void) {\n    const cbs = this.updateCbs || [];\n    cbs.push(cb);\n  }\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    this.editModule = new EditModule();\n    // context.stage.on('click', this.handleClick);\n    context.stage.on('pointermove', this.handleMove);\n    context.stage.on('pointerdown', this.handlePointerDown);\n    context.stage.on('pointerup', this.handlePointerUp);\n    context.stage.on('pointerleave', this.handlePointerUp);\n\n    this.editModule.onInput(this.handleInput);\n    this.editModule.onChange(this.handleChange);\n  }\n\n  handleInput = (text: string, isComposing: boolean, cursorIdx: number, rt: IRichText, orient: 'left' | 'right') => {\n    // 修改cursor的位置，但并不同步，因为这可能是临时的\n    const p = this.getPointByColumnIdx(cursorIdx, rt, orient);\n    this.hideSelection();\n    this.setCursor(p.x, p.y1, p.y2);\n    this.updateCbs.forEach(cb => cb('input', this));\n  };\n  handleChange = (text: string, isComposing: boolean, cursorIdx: number, rt: IRichText, orient: 'left' | 'right') => {\n    // 修改cursor的位置，并同步到editModule\n    const p = this.getPointByColumnIdx(cursorIdx, rt, orient);\n    this.curCursorIdx = cursorIdx;\n    this.selectionStartCursorIdx = cursorIdx;\n    this.setCursorAndTextArea(p.x, p.y1, p.y2, rt);\n    this.hideSelection();\n    this.updateCbs.forEach(cb => cb('change', this));\n  };\n\n  handleMove = (e: PointerEvent) => {\n    if (!this.isRichtext(e)) {\n      return;\n    }\n    this.currRt = e.target as IRichText;\n    this.handleEnter(e);\n    (e.target as any).once('pointerleave', this.handleLeave);\n\n    this.showSelection(e);\n  };\n\n  showSelection(e: PointerEvent) {\n    const cache = (e.target as IRichText).getFrameCache();\n    if (!(cache && this.editBg)) {\n      return;\n    }\n    if (this.pointerDown) {\n      let p0 = this.lastPoint;\n      // 计算p1在字符中的位置\n      let p1 = this.getEventPosition(e);\n      let line1Info = this.getLineByPoint(cache, p1);\n      const column1 = this.getColumnByLinePoint(line1Info, p1);\n      const y1 = line1Info.top;\n      const y2 = line1Info.top + line1Info.height;\n      let x = column1.left + column1.width;\n      let cursorIndex = this.getColumnIndex(cache, column1);\n      if (p1.x < column1.left + column1.width / 2) {\n        x = column1.left;\n        cursorIndex -= 1;\n      }\n      p1.x = x;\n      p1.y = (y1 + y2) / 2;\n      let line0Info = this.getLineByPoint(cache, p0);\n      if (p0.y > p1.y || (p0.y === p1.y && p0.x > p1.x)) {\n        [p0, p1] = [p1, p0];\n        [line1Info, line0Info] = [line0Info, line1Info];\n      }\n\n      this.editBg.removeAllChild();\n      if (line0Info === line1Info) {\n        const column0 = this.getColumnByLinePoint(line0Info, p0);\n        this.editBg.setAttributes({\n          x: p0.x,\n          y: line0Info.top,\n          width: p1.x - p0.x,\n          height: column0.height,\n          fill: '#336df4',\n          fillOpacity: 0.2\n        });\n      } else {\n        this.editBg.setAttributes({ x: 0, y: line0Info.top, width: 0, height: 0 });\n        const startIdx = cache.lines.findIndex(item => item === line0Info);\n        const endIdx = cache.lines.findIndex(item => item === line1Info);\n        let y = 0;\n        for (let i = startIdx; i <= endIdx; i++) {\n          const line = cache.lines[i];\n          if (i === startIdx) {\n            const p = line.paragraphs[line.paragraphs.length - 1];\n            this.editBg.add(\n              createRect({\n                x: p0.x,\n                y,\n                width: p.left + p.width - p0.x,\n                height: line.height,\n                fill: '#336df4',\n                fillOpacity: 0.2\n              })\n            );\n          } else if (i === endIdx) {\n            const p = line.paragraphs[0];\n            this.editBg.add(\n              createRect({\n                x: p.left,\n                y,\n                width: p1.x - p.left,\n                height: line.height,\n                fill: '#336df4',\n                fillOpacity: 0.2\n              })\n            );\n          } else {\n            const p0 = line.paragraphs[0];\n            const p1 = line.paragraphs[line.paragraphs.length - 1];\n            this.editBg.add(\n              createRect({\n                x: p0.left,\n                y,\n                width: p1.left + p1.width - p0.left,\n                height: line.height,\n                fill: '#336df4',\n                fillOpacity: 0.2\n              })\n            );\n          }\n          y += line.height;\n        }\n      }\n\n      this.curCursorIdx = cursorIndex;\n      this.setCursorAndTextArea(x, y1 + 2, y2 - 2, e.target as IRichText);\n\n      this.applyUpdate();\n      this.updateCbs.forEach(cb => cb('selection', this));\n    }\n  }\n\n  hideSelection() {\n    if (this.editBg) {\n      this.editBg.removeAllChild();\n      this.editBg.setAttributes({ fill: 'transparent' });\n    }\n  }\n\n  handlePointerDown = (e: PointerEvent) => {\n    if (this.editing) {\n      this.onFocus(e);\n    } else {\n      this.deFocus(e);\n    }\n    this.applyUpdate();\n    this.pointerDown = true;\n    this.updateCbs.forEach(cb => cb(this.editing ? 'onfocus' : 'defocus', this));\n  };\n  handlePointerUp = (e: PointerEvent) => {\n    this.pointerDown = false;\n  };\n\n  handleEnter = (e: PointerEvent) => {\n    this.editing = true;\n    this.pluginService.stage.setCursor('text');\n  };\n\n  handleLeave = (e: PointerEvent) => {\n    this.editing = false;\n    this.pluginService.stage.setCursor('default');\n  };\n\n  isRichtext(e: PointerEvent) {\n    return !!(e.target && (e.target as any).type === 'richtext' && (e.target as any).attribute.editable);\n  }\n\n  protected getEventPosition(e: PointerEvent): IPointLike {\n    const p = this.pluginService.stage.eventPointTransform(e);\n\n    const p1 = { x: 0, y: 0 };\n    (e.target as IRichText).globalTransMatrix.transformPoint(p, p1);\n    return p1;\n  }\n\n  protected getLineByPoint(cache: IRichTextFrame, p1: IPointLike): IRichTextLine {\n    let lineInfo = cache.lines[0];\n    for (let i = 0; i < cache.lines.length; i++) {\n      if (lineInfo.top <= p1.y && lineInfo.top + lineInfo.height >= p1.y) {\n        break;\n      }\n      lineInfo = cache.lines[i + 1];\n    }\n\n    return lineInfo;\n  }\n  protected getColumnByLinePoint(lineInfo: IRichTextLine, p1: IPointLike): IRichTextParagraph | IRichTextIcon {\n    let columnInfo = lineInfo.paragraphs[0];\n    for (let i = 0; i < lineInfo.paragraphs.length; i++) {\n      if (columnInfo.left <= p1.x && columnInfo.left + columnInfo.width >= p1.x) {\n        break;\n      }\n      columnInfo = lineInfo.paragraphs[i];\n    }\n\n    return columnInfo;\n  }\n\n  onFocus(e: PointerEvent) {\n    this.deFocus(e);\n\n    // 添加shadowGraphic\n    const target = e.target as IRichText;\n    this.tryUpdateRichtext(target);\n    const shadowRoot = target.attachShadow();\n    shadowRoot.setAttributes({ shadowRootIdx: -1 });\n    const cache = target.getFrameCache();\n    if (!cache) {\n      return;\n    }\n    if (!this.editLine) {\n      const line = createLine({ x: 0, y: 0, lineWidth: 1, stroke: 'black' });\n      line\n        .animate()\n        .to({ opacity: 1 }, 10, 'linear')\n        .wait(700)\n        .to({ opacity: 0 }, 10, 'linear')\n        .wait(700)\n        .loop(Infinity);\n      this.editLine = line;\n\n      const g = createGroup({ x: 0, y: 0, width: 0, height: 0 });\n      this.editBg = g;\n      shadowRoot.add(this.editLine);\n      shadowRoot.add(this.editBg);\n    }\n\n    const p1 = this.getEventPosition(e);\n\n    const lineInfo = this.getLineByPoint(cache, p1);\n\n    if (lineInfo) {\n      const columnInfo = this.getColumnByLinePoint(lineInfo, p1);\n      if (!columnInfo) {\n        return;\n      }\n\n      let y1 = lineInfo.top;\n      let y2 = lineInfo.top + lineInfo.height;\n      let x = columnInfo.left + columnInfo.width;\n      y1 += 2;\n      y2 -= 2;\n      let cursorIndex = this.getColumnIndex(cache, columnInfo);\n      if (p1.x < columnInfo.left + columnInfo.width / 2) {\n        x = columnInfo.left;\n        cursorIndex -= 1;\n      }\n\n      this.lastPoint = { x, y: (y1 + y2) / 2 };\n\n      this.curCursorIdx = cursorIndex;\n      this.selectionStartCursorIdx = cursorIndex;\n      this.setCursorAndTextArea(x, y1, y2, target);\n    }\n  }\n\n  protected getPointByColumnIdx(idx: number, rt: IRichText, orient: 'left' | 'right') {\n    const cache = rt.getFrameCache();\n    const { lineInfo, columnInfo } = this.getColumnByIndex(cache, idx);\n    let y1 = lineInfo.top;\n    let y2 = lineInfo.top + lineInfo.height;\n    const x = columnInfo.left + (orient === 'left' ? 0 : columnInfo.width);\n    y1 += 2;\n    y2 -= 2;\n\n    return { x, y1, y2 };\n  }\n\n  protected getColumnIndex(cache: IRichTextFrame, cInfo: IRichTextParagraph | IRichTextIcon) {\n    // TODO 认为都是单个字符拆分的\n    let inputIndex = -1;\n    for (let i = 0; i < cache.lines.length; i++) {\n      const line = cache.lines[i];\n      for (let j = 0; j < line.paragraphs.length; j++) {\n        inputIndex++;\n        if (cInfo === line.paragraphs[j]) {\n          return inputIndex;\n        }\n      }\n    }\n    return -1;\n  }\n  protected getColumnByIndex(\n    cache: IRichTextFrame,\n    index: number\n  ): {\n    lineInfo: IRichTextLine;\n    columnInfo: IRichTextParagraph | IRichTextIcon;\n  } | null {\n    // TODO 认为都是单个字符拆分的\n    let inputIndex = -1;\n    for (let i = 0; i < cache.lines.length; i++) {\n      const lineInfo = cache.lines[i];\n      for (let j = 0; j < lineInfo.paragraphs.length; j++) {\n        const columnInfo = lineInfo.paragraphs[j];\n        inputIndex++;\n        if (inputIndex === index) {\n          return {\n            lineInfo,\n            columnInfo\n          };\n        }\n      }\n    }\n    return null;\n  }\n\n  protected setCursorAndTextArea(x: number, y1: number, y2: number, rt: IRichText) {\n    this.editLine.setAttributes({\n      points: [\n        { x, y: y1 },\n        { x, y: y2 }\n      ]\n    });\n    const out = { x: 0, y: 0 };\n    rt.globalTransMatrix.getInverse().transformPoint({ x, y: y1 }, out);\n    // TODO 考虑stage变换\n    const { left, top } = this.pluginService.stage.window.getBoundingClientRect();\n    out.x += left;\n    out.y += top;\n\n    this.editModule.moveTo(out.x, out.y, rt, this.curCursorIdx, this.selectionStartCursorIdx);\n  }\n  protected setCursor(x: number, y1: number, y2: number) {\n    this.editLine.setAttributes({\n      points: [\n        { x, y: y1 },\n        { x, y: y2 }\n      ]\n    });\n  }\n\n  applyUpdate() {\n    this.pluginService.stage.renderNextFrame();\n  }\n  deFocus(e: PointerEvent) {\n    const target = e.target as IRichText;\n    target.detachShadow();\n    this.currRt = null;\n    if (this.editLine) {\n      this.editLine.parent.removeChild(this.editLine);\n      this.editLine.release();\n      this.editLine = null;\n\n      this.editBg.parent.removeChild(this.editBg);\n      this.editBg.release();\n      this.editBg = null;\n    }\n  }\n\n  splitText(text: string) {\n    // 😁这种emoji长度算两个，所以得处理一下\n    return Array.from(text);\n  }\n\n  tryUpdateRichtext(richtext: IRichText) {\n    const cache = richtext.getFrameCache();\n    if (\n      !cache.lines.every(line =>\n        line.paragraphs.every(item => !(item.text && isString(item.text) && this.splitText(item.text).length > 1))\n      )\n    ) {\n      const tc: IRichTextCharacter[] = [];\n      richtext.attribute.textConfig.forEach((item: IRichTextParagraphCharacter) => {\n        const textList = this.splitText(item.text.toString());\n        if (isString(item.text) && textList.length > 1) {\n          // 拆分\n          for (let i = 0; i < textList.length; i++) {\n            const t = textList[i];\n            tc.push({ ...item, text: t });\n          }\n        } else {\n          tc.push(item);\n        }\n      });\n      richtext.setAttributes({ textConfig: tc });\n      richtext.doUpdateFrameCache(tc);\n    }\n  }\n\n  onSelect() {\n    return;\n  }\n\n  deactivate(context: IPluginService): void {\n    // context.stage.off('pointerdown', this.handleClick);\n    context.stage.off('pointermove', this.handleMove);\n    context.stage.off('pointerdown', this.handlePointerDown);\n    context.stage.off('pointerup', this.handlePointerUp);\n    context.stage.off('pointerleave', this.handlePointerUp);\n  }\n\n  release() {\n    this.editModule.release();\n  }\n}\n"]}

package/es/render/contributions/render/arc-render.js

@@ -10,7 +10,7 @@ var __decorate = this && this.__decorate || function(decorators, target, key, de
     };
 };
 
-import { abs, acos, atan2, cos, epsilon, min, pi, sin, sqrt, pi2, isBoolean } from "@visactor/vutils";
+import { abs, atan2, cos, epsilon, min, sin, pi2, isBoolean } from "@visactor/vutils";
 
 import { inject, injectable, named } from "../../../common/inversify-lite";
 
@@ -20,7 +20,9 @@ import { parseStroke } from "../../../common/utils";
 
 import { ContributionProvider } from "../../../common/contribution-provider";
 
-import { cornerTangents, drawArcPath, fillVisible, intersect } from "./utils";
+import { calculateArcCornerRadius } from "../render/utils";
+
+import { cornerTangents, drawArcPath, fillVisible } from "./utils";
 
 import { getConicGradientAt } from "../../../canvas/conical-gradient";
 
@@ -42,25 +44,14 @@ let DefaultCanvasArcRender = class extends BaseRender {
         const capAngle = _ea - _sa, data = arc.getParsedAngle(), startAngle = data.startAngle;
         let endAngle = data.endAngle;
         endAngle = _ea;
-        const deltaAngle = abs(endAngle - startAngle), clockwise = endAngle > startAngle;
+        abs(endAngle - startAngle);
+        const clockwise = endAngle > startAngle;
         let collapsedToLine = !1;
         if (outerRadius < innerRadius) {
             const temp = outerRadius;
             outerRadius = innerRadius, innerRadius = temp;
         }
-        const cornerRadius = arc.getParsedCornerRadius(), {outerDeltaAngle: outerDeltaAngle, innerDeltaAngle: innerDeltaAngle, outerStartAngle: outerStartAngle, outerEndAngle: outerEndAngle, innerEndAngle: innerEndAngle, innerStartAngle: innerStartAngle} = arc.getParsePadAngle(startAngle, endAngle), outerCornerRadiusStart = cornerRadius, outerCornerRadiusEnd = cornerRadius, innerCornerRadiusEnd = cornerRadius, innerCornerRadiusStart = cornerRadius, maxOuterCornerRadius = Math.max(outerCornerRadiusEnd, outerCornerRadiusStart), maxInnerCornerRadius = Math.max(innerCornerRadiusEnd, innerCornerRadiusStart);
-        let limitedOcr = maxOuterCornerRadius, limitedIcr = maxInnerCornerRadius;
-        const xors = outerRadius * cos(outerStartAngle), yors = outerRadius * sin(outerStartAngle), xire = innerRadius * cos(innerEndAngle), yire = innerRadius * sin(innerEndAngle);
-        let xore, yore, xirs, yirs;
-        if ((maxInnerCornerRadius > epsilon || maxOuterCornerRadius > epsilon) && (xore = outerRadius * cos(outerEndAngle), 
-        yore = outerRadius * sin(outerEndAngle), xirs = innerRadius * cos(innerStartAngle), 
-        yirs = innerRadius * sin(innerStartAngle), deltaAngle < pi)) {
-            const oc = intersect(xors, yors, xirs, yirs, xore, yore, xire, yire);
-            if (oc) {
-                const ax = xors - oc[0], ay = yors - oc[1], bx = xore - oc[0], by = yore - oc[1], kc = 1 / sin(acos((ax * bx + ay * by) / (sqrt(ax * ax + ay * ay) * sqrt(bx * bx + by * by))) / 2), lc = sqrt(oc[0] * oc[0] + oc[1] * oc[1]);
-                limitedIcr = min(maxInnerCornerRadius, (innerRadius - lc) / (kc - 1)), limitedOcr = min(maxOuterCornerRadius, (outerRadius - lc) / (kc + 1));
-            }
-        }
+        const {outerDeltaAngle: outerDeltaAngle, xors: xors, yors: yors, xirs: xirs, yirs: yirs, limitedOcr: limitedOcr, outerCornerRadiusStart: outerCornerRadiusStart, outerCornerRadiusEnd: outerCornerRadiusEnd, maxOuterCornerRadius: maxOuterCornerRadius, xore: xore, yore: yore, xire: xire, yire: yire, limitedIcr: limitedIcr, innerDeltaAngle: innerDeltaAngle, innerStartAngle: innerStartAngle, innerCornerRadiusStart: innerCornerRadiusStart, innerCornerRadiusEnd: innerCornerRadiusEnd, maxInnerCornerRadius: maxInnerCornerRadius} = calculateArcCornerRadius(arc, startAngle, endAngle, innerRadius, outerRadius);
         if (limitedOcr > epsilon) {
             const cornerRadiusStart = min(outerCornerRadiusStart, limitedOcr), cornerRadiusEnd = min(outerCornerRadiusEnd, limitedOcr), t0 = cornerTangents(xirs, yirs, xors, yors, outerRadius, cornerRadiusStart, Number(clockwise)), t1 = cornerTangents(xore, yore, xire, yire, outerRadius, cornerRadiusEnd, Number(clockwise));
             if (limitedOcr < maxOuterCornerRadius && cornerRadiusStart === cornerRadiusEnd) context.moveTo(cx + t0.cx + t0.x01, cy + t0.cy + t0.y01),