@hufe921/canvas-editor 0.9.84 → 0.9.85

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+## [0.9.85](https://github.com/Hufe921/canvas-editor/compare/v0.9.84...v0.9.85) (2024-07-07)
+
+
+### Bug Fixes
+
+* custom override method removes support for asynchronous #672 ([0e705d6](https://github.com/Hufe921/canvas-editor/commit/0e705d6a0bdb0922efd5c47edd8ca9eba9964199)), closes [#672](https://github.com/Hufe921/canvas-editor/issues/672)
+* set control highlight and re render #678 ([24df9d3](https://github.com/Hufe921/canvas-editor/commit/24df9d3b006a8daf795ada677bfd0159e3ccc3f5)), closes [#678](https://github.com/Hufe921/canvas-editor/issues/678)
+
+
+### Chores
+
+* update build.yml ([a40441d](https://github.com/Hufe921/canvas-editor/commit/a40441dc3994a41ae29c341a542be6e0e7dada2e))
+
+
+### Features
+
+* add render mode #667 ([affd191](https://github.com/Hufe921/canvas-editor/commit/affd1911552a73a2b63a13f2c423121637830b99)), closes [#667](https://github.com/Hufe921/canvas-editor/issues/667)
+* add title deletable property #670 ([b3d8413](https://github.com/Hufe921/canvas-editor/commit/b3d8413b35050eac626af1c57beaaf1b8d692a0e)), closes [#670](https://github.com/Hufe921/canvas-editor/issues/670)
+* insert element boundary optimization #669 ([de44bd6](https://github.com/Hufe921/canvas-editor/commit/de44bd68ab01e5ffa8d6a8dc5d566b0cdb8d08e6)), closes [#669](https://github.com/Hufe921/canvas-editor/issues/669)
+
+
+### Tests
+
+* update text test case ([c24da73](https://github.com/Hufe921/canvas-editor/commit/c24da737b15200775a7d4a5edf4e2224f6ec5429))
+
+
+
 ## [0.9.84](https://github.com/Hufe921/canvas-editor/compare/v0.9.83...v0.9.84) (2024-06-30)
 
 

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.84";
+const version = "0.9.85";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -364,10 +364,6 @@ function isObjectEqual(obj1, obj2) {
   }
   return !obj1Keys.some((key) => obj2[key] !== obj1[key]);
 }
-function isPromiseFunction(fn) {
-  var _a;
-  return ((_a = fn == null ? void 0 : fn.constructor) == null ? void 0 : _a.name) === "AsyncFunction";
-}
 const CURSOR_AGENT_OFFSET_HEIGHT = 12;
 const defaultCursorOption = {
   width: 1,
@@ -4355,7 +4351,7 @@ function formatElementContext(sourceElementList, formatElementList2, anchorIndex
   let isBreakWarped = false;
   for (let e = 0; e < formatElementList2.length; e++) {
     const targetElement = formatElementList2[e];
-    if (isBreakWhenWrap && !copyElement.listId && /^\n/.test(targetElement.value)) {
+    if (isBreakWhenWrap && !copyElement.listId && START_LINE_BREAK_REG.test(targetElement.value)) {
       isBreakWarped = true;
     }
     if (isBreakWarped || !copyElement.listId && targetElement.type === ElementType.LIST) {
@@ -5060,7 +5056,7 @@ function pasteImage(host, file) {
     };
   };
 }
-async function pasteByEvent(host, evt) {
+function pasteByEvent(host, evt) {
   const draw = host.getDraw();
   const isReadonly = draw.isReadonly();
   if (isReadonly)
@@ -5070,7 +5066,7 @@ async function pasteByEvent(host, evt) {
     return;
   const { paste } = draw.getOverride();
   if (paste) {
-    const overrideResult = isPromiseFunction(paste) ? await paste(evt) : paste(evt);
+    const overrideResult = paste(evt);
     if ((overrideResult == null ? void 0 : overrideResult.preventDefault) !== false)
       return;
   }
@@ -5123,7 +5119,7 @@ async function pasteByApi(host, options) {
     return;
   const { paste } = draw.getOverride();
   if (paste) {
-    const overrideResult = isPromiseFunction(paste) ? await paste() : paste();
+    const overrideResult = paste();
     if ((overrideResult == null ? void 0 : overrideResult.preventDefault) !== false)
       return;
   }
@@ -5404,6 +5400,11 @@ var WordBreak;
   WordBreak2["BREAK_ALL"] = "break-all";
   WordBreak2["BREAK_WORD"] = "break-word";
 })(WordBreak || (WordBreak = {}));
+var RenderMode;
+(function(RenderMode2) {
+  RenderMode2["SPEED"] = "speed";
+  RenderMode2["COMPATIBILITY"] = "compatibility";
+})(RenderMode || (RenderMode = {}));
 var MouseEventButton;
 (function(MouseEventButton2) {
   MouseEventButton2[MouseEventButton2["LEFT"] = 0] = "LEFT";
@@ -6166,8 +6167,10 @@ function enter(evt, host) {
   if (evt.shiftKey && startElement.listId) {
     enterText.listWrap = true;
   }
+  formatElementContext(elementList, [enterText], startIndex, {
+    isBreakWhenWrap: true
+  });
   if (!(endElement.titleId && endElement.titleId !== ((_b = elementList[endIndex + 1]) == null ? void 0 : _b.titleId))) {
-    formatElementContext(elementList, [enterText], startIndex);
     const copyElement = getAnchorElement(elementList, endIndex);
     if (copyElement) {
       const copyAttr = [...EDITOR_ROW_ATTR];
@@ -6982,11 +6985,11 @@ function cut(host) {
   rangeManager.setRange(curIndex, curIndex);
   draw.render({ curIndex });
 }
-async function copy(host) {
+function copy(host) {
   const draw = host.getDraw();
   const { copy: copy2 } = draw.getOverride();
   if (copy2) {
-    const overrideResult = isPromiseFunction(copy2) ? await copy2() : copy2();
+    const overrideResult = copy2();
     if ((overrideResult == null ? void 0 : overrideResult.preventDefault) !== false)
       return;
   }
@@ -7034,12 +7037,12 @@ async function copy(host) {
     return;
   writeElementList(copyElementList, draw.getOptions());
 }
-async function drop(evt, host) {
+function drop(evt, host) {
   var _a, _b;
   const draw = host.getDraw();
   const { drop: drop2 } = draw.getOverride();
   if (drop2) {
-    const overrideResult = isPromiseFunction(drop2) ? await drop2(evt) : drop2(evt);
+    const overrideResult = drop2(evt);
     if ((overrideResult == null ? void 0 : overrideResult.preventDefault) !== false)
       return;
   }
@@ -9250,6 +9253,14 @@ class TextParticle {
   }
   record(ctx, element, x, y) {
     this.ctx = ctx;
+    if (this.options.renderMode === RenderMode.COMPATIBILITY) {
+      this._setCurXY(x, y);
+      this.text = element.value;
+      this.curStyle = element.style;
+      this.curColor = element.color;
+      this.complete();
+      return;
+    }
     if (!this.text) {
       this._setCurXY(x, y);
     }
@@ -14951,7 +14962,8 @@ class Draw {
       if (!this.control.getActiveControl()) {
         let deleteIndex = endIndex - 1;
         while (deleteIndex >= start) {
-          if (((_c = (_b = elementList[deleteIndex]) == null ? void 0 : _b.control) == null ? void 0 : _c.deletable) !== false) {
+          const deleteElement = elementList[deleteIndex];
+          if (((_b = deleteElement == null ? void 0 : deleteElement.control) == null ? void 0 : _b.deletable) !== false && ((_c = deleteElement == null ? void 0 : deleteElement.title) == null ? void 0 : _c.deletable) !== false) {
             elementList.splice(deleteIndex, 1);
           }
           deleteIndex--;
@@ -16603,6 +16615,7 @@ function mergeOption(options = {}) {
     marginIndicatorColor: "#BABABA",
     margins: [100, 120, 100, 120],
     pageMode: PageMode.PAGING,
+    renderMode: RenderMode.SPEED,
     defaultHyperlinkColor: "#0000FF",
     paperDirection: PaperDirection.VERTICAL,
     inactiveAlpha: 0.6,
@@ -18616,7 +18629,9 @@ class CommandAdapt {
     const cloneElementList = deepClone(payload);
     const { startIndex } = this.range.getRange();
     const elementList = this.draw.getElementList();
-    formatElementContext(elementList, cloneElementList, startIndex);
+    formatElementContext(elementList, cloneElementList, startIndex, {
+      isBreakWhenWrap: true
+    });
     this.draw.insertElementList(cloneElementList);
   }
   appendElementList(elementList, options) {
@@ -18808,6 +18823,9 @@ class CommandAdapt {
   }
   setControlHighlight(payload) {
     this.draw.getControl().setHighlightList(payload);
+    this.draw.render({
+      isSubmitHistory: false
+    });
   }
   updateOptions(payload) {
     const newOption = mergeOption(payload);
@@ -20152,5 +20170,5 @@ class Editor {
     this.use = plugin.use.bind(plugin);
   }
 }
-export { BackgroundRepeat, BackgroundSize, BlockType, Command, ControlIndentation, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, INTERNAL_CONTEXT_MENU_KEY, ImageDisplay, KeyMap, LETTER_CLASS, ListStyle, ListType, MaxHeightRatio, NumberType, PageMode, PaperDirection, RowFlex, TableBorder, TdBorder, TdSlash, TextDecorationStyle, TitleLevel, VerticalAlign, WordBreak, Editor as default, splitText };
+export { BackgroundRepeat, BackgroundSize, BlockType, Command, ControlIndentation, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, INTERNAL_CONTEXT_MENU_KEY, ImageDisplay, KeyMap, LETTER_CLASS, ListStyle, ListType, MaxHeightRatio, NumberType, PageMode, PaperDirection, RenderMode, RowFlex, TableBorder, TdBorder, TdSlash, TextDecorationStyle, TitleLevel, VerticalAlign, WordBreak, Editor as default, splitText };
 //# sourceMappingURL=canvas-editor.es.js.map