@hufe921/canvas-editor 0.9.108 → 0.9.109

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [0.9.109](https://github.com/Hufe921/canvas-editor/compare/v0.9.108...v0.9.109) (2025-05-11)
+
+
+### Bug Fixes
+
+* area mode priority error #1119 ([2abd43a](https://github.com/Hufe921/canvas-editor/commit/2abd43a2a4eb156d154c72a7b709cde6aa433fbd)), closes [#1119](https://github.com/Hufe921/canvas-editor/issues/1119)
+
+
+### Features
+
+* add controlComponent property to getRangeContext api ([6420421](https://github.com/Hufe921/canvas-editor/commit/6420421e2fd01d79ad5be835eac4f2f49359fec6))
+* add disable selection option outside the page #1120 ([f2c61e5](https://github.com/Hufe921/canvas-editor/commit/f2c61e539747c71a6e051fe9f607bf0098b3b22f)), closes [#1120](https://github.com/Hufe921/canvas-editor/issues/1120)
+* add isIgnoreDisabledRule option to richtext style setting apis #1109 ([46d917c](https://github.com/Hufe921/canvas-editor/commit/46d917caa5023c28e692a852f5b036bfbb9a6f0d)), closes [#1109](https://github.com/Hufe921/canvas-editor/issues/1109)
+* add isSubmitHistory option to the insert element apis #1124 ([424e01f](https://github.com/Hufe921/canvas-editor/commit/424e01f9d30d88cf8d749cb169c6733309821d71)), closes [#1124](https://github.com/Hufe921/canvas-editor/issues/1124)
+
+
+
 ## [0.9.108](https://github.com/Hufe921/canvas-editor/compare/v0.9.107...v0.9.108) (2025-04-30)
 
 

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.108";
+const version = "0.9.109";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -4142,7 +4142,8 @@ function mergeOption(options = {}) {
     maskMargin: [0, 0, 0, 0],
     letterClass: [LETTER_CLASS.ENGLISH],
     contextMenuDisableKeys: [],
-    scrollContainerSelector: ""
+    scrollContainerSelector: "",
+    pageOuterSelectionDisable: false
   }, options), {
     table: tableOptions,
     header: headerOptions,
@@ -6648,6 +6649,8 @@ function mouseup(evt, host) {
 }
 function mouseleave(evt, host) {
   const draw = host.getDraw();
+  if (!draw.getOptions().pageOuterSelectionDisable)
+    return;
   const pageContainer = draw.getPageContainer();
   const { x, y, width, height } = pageContainer.getBoundingClientRect();
   if (evt.x >= x && evt.x <= x + width && evt.y >= y && evt.y <= y + height) {
@@ -17604,7 +17607,8 @@ class Draw {
     });
   }
   isReadonly() {
-    if (this.area.getActiveAreaId()) {
+    var _a;
+    if ((_a = this.area.getActiveAreaInfo()) == null ? void 0 : _a.area.mode) {
       return this.area.isReadonly();
     }
     switch (this.mode) {
@@ -17873,12 +17877,13 @@ class Draw {
     }
     return null;
   }
-  insertElementList(payload) {
+  insertElementList(payload, options = {}) {
     if (!payload.length || !this.range.getIsCanInput())
       return;
     const { startIndex, endIndex } = this.range.getRange();
     if (!~startIndex && !~endIndex)
       return;
+    const { isSubmitHistory = true } = options;
     formatElementList(payload, {
       isHandleFirstElement: false,
       editorOptions: this.options
@@ -17912,7 +17917,8 @@ class Draw {
     if (~curIndex) {
       this.range.setRange(curIndex, curIndex);
       this.render({
-        curIndex
+        curIndex,
+        isSubmitHistory
       });
     }
   }
@@ -17924,7 +17930,7 @@ class Draw {
       editorOptions: this.options
     });
     let curIndex;
-    const { isPrepend } = options;
+    const { isPrepend, isSubmitHistory = true } = options;
     if (isPrepend) {
       this.elementList.splice(1, 0, ...elementList);
       curIndex = elementList.length;
@@ -17934,7 +17940,8 @@ class Draw {
     }
     this.range.setRange(curIndex, curIndex);
     this.render({
-      curIndex
+      curIndex,
+      isSubmitHistory
     });
   }
   spliceElementList(elementList, start, deleteCount, items, options) {
@@ -19907,8 +19914,9 @@ class CommandAdapt {
       return;
     this.canvasEvent.applyPainterStyle();
   }
-  format() {
-    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
+  format(options) {
+    const { isIgnoreDisabledRule = false } = options || {};
+    const isDisabled = !isIgnoreDisabledRule && (this.draw.isReadonly() || this.draw.isDisabled());
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -19935,8 +19943,9 @@ class CommandAdapt {
     });
     this.draw.render(renderOption);
   }
-  font(payload) {
-    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
+  font(payload, options) {
+    const { isIgnoreDisabledRule = false } = options || {};
+    const isDisabled = !isIgnoreDisabledRule && (this.draw.isReadonly() || this.draw.isDisabled());
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -19965,13 +19974,14 @@ class CommandAdapt {
       });
     }
   }
-  size(payload) {
+  size(payload, options) {
+    const { isIgnoreDisabledRule = false } = options || {};
+    const isDisabled = !isIgnoreDisabledRule && (this.draw.isReadonly() || this.draw.isDisabled());
+    if (isDisabled)
+      return;
     const { minSize, maxSize, defaultSize } = this.options;
     if (payload < minSize || payload > maxSize)
       return;
-    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
-    if (isDisabled)
-      return;
     let renderOption = {};
     let changeElementList = [];
     const selection = this.range.getTextLikeSelectionElementList();
@@ -20010,8 +20020,9 @@ class CommandAdapt {
       this.draw.render(renderOption);
     }
   }
-  sizeAdd() {
-    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
+  sizeAdd(options) {
+    const { isIgnoreDisabledRule = false } = options || {};
+    const isDisabled = !isIgnoreDisabledRule && (this.draw.isReadonly() || this.draw.isDisabled());
     if (isDisabled)
       return;
     const { defaultSize, maxSize } = this.options;
@@ -20061,8 +20072,9 @@ class CommandAdapt {
       this.draw.render(renderOption);
     }
   }
-  sizeMinus() {
-    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
+  sizeMinus(options) {
+    const { isIgnoreDisabledRule = false } = options || {};
+    const isDisabled = !isIgnoreDisabledRule && (this.draw.isReadonly() || this.draw.isDisabled());
     if (isDisabled)
       return;
     const { defaultSize, minSize } = this.options;
@@ -20112,9 +20124,10 @@ class CommandAdapt {
       this.draw.render(renderOption);
     }
   }
-  bold() {
+  bold(options) {
     var _a;
-    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
+    const { isIgnoreDisabledRule = false } = options || {};
+    const isDisabled = !isIgnoreDisabledRule && (this.draw.isReadonly() || this.draw.isDisabled());
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -20144,9 +20157,10 @@ class CommandAdapt {
       });
     }
   }
-  italic() {
+  italic(options) {
     var _a;
-    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
+    const { isIgnoreDisabledRule = false } = options || {};
+    const isDisabled = !isIgnoreDisabledRule && (this.draw.isReadonly() || this.draw.isDisabled());
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -20176,9 +20190,10 @@ class CommandAdapt {
       });
     }
   }
-  underline(textDecoration) {
+  underline(textDecoration, options) {
     var _a;
-    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
+    const { isIgnoreDisabledRule = false } = options || {};
+    const isDisabled = !isIgnoreDisabledRule && (this.draw.isReadonly() || this.draw.isDisabled());
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -20216,9 +20231,10 @@ class CommandAdapt {
       });
     }
   }
-  strikeout() {
+  strikeout(options) {
     var _a;
-    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
+    const { isIgnoreDisabledRule = false } = options || {};
+    const isDisabled = !isIgnoreDisabledRule && (this.draw.isReadonly() || this.draw.isDisabled());
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -20251,8 +20267,9 @@ class CommandAdapt {
       });
     }
   }
-  superscript() {
-    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
+  superscript(options) {
+    const { isIgnoreDisabledRule = false } = options || {};
+    const isDisabled = !isIgnoreDisabledRule && (this.draw.isReadonly() || this.draw.isDisabled());
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -20273,8 +20290,9 @@ class CommandAdapt {
     });
     this.draw.render({ isSetCursor: false });
   }
-  subscript() {
-    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
+  subscript(options) {
+    const { isIgnoreDisabledRule = false } = options || {};
+    const isDisabled = !isIgnoreDisabledRule && (this.draw.isReadonly() || this.draw.isDisabled());
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -20295,8 +20313,9 @@ class CommandAdapt {
     });
     this.draw.render({ isSetCursor: false });
   }
-  color(payload) {
-    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
+  color(payload, options) {
+    const { isIgnoreDisabledRule = false } = options || {};
+    const isDisabled = !isIgnoreDisabledRule && (this.draw.isReadonly() || this.draw.isDisabled());
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -20336,8 +20355,9 @@ class CommandAdapt {
       });
     }
   }
-  highlight(payload) {
-    const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
+  highlight(payload, options) {
+    const { isIgnoreDisabledRule = false } = options || {};
+    const isDisabled = !isIgnoreDisabledRule && (this.draw.isReadonly() || this.draw.isDisabled());
     if (isDisabled)
       return;
     const selection = this.range.getSelectionElementList();
@@ -20955,10 +20975,10 @@ class CommandAdapt {
     const selectionElementList = zipElementList(this.range.getSelectionElementList() || []);
     const elementList = this.draw.getElementList();
     const startElement = pickElementAttr(elementList[isCollapsed ? startIndex : startIndex + 1], {
-      extraPickAttrs: ["id"]
+      extraPickAttrs: ["id", "controlComponent"]
     });
     const endElement = pickElementAttr(elementList[endIndex], {
-      extraPickAttrs: ["id"]
+      extraPickAttrs: ["id", "controlComponent"]
     });
     const positionList = this.position.getPositionList();
     const startPosition = positionList[startIndex];
@@ -21160,7 +21180,7 @@ class CommandAdapt {
       isBreakWhenWrap: true,
       editorOptions: this.options
     });
-    this.draw.insertElementList(cloneElementList);
+    this.draw.insertElementList(cloneElementList, options);
   }
   appendElementList(elementList, options) {
     if (!elementList.length)
@@ -22971,5 +22991,5 @@ class Editor {
     this.use = plugin.use.bind(plugin);
   }
 }
-export { AreaMode, BackgroundRepeat, BackgroundSize, BlockType, Command, ControlIndentation, ControlState, ControlType, EDITOR_CLIPBOARD, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, FlexDirection, INTERNAL_CONTEXT_MENU_KEY, ImageDisplay, KeyMap, LETTER_CLASS, LineNumberType, ListStyle, ListType, LocationPosition, MaxHeightRatio, NumberType, PageMode, PaperDirection, RenderMode, RowFlex, TableBorder, TdBorder, TdSlash, TextDecorationStyle, TitleLevel, VerticalAlign, WordBreak, createDomFromElementList, Editor as default, getElementListByHTML, getTextFromElementList, splitText };
+export { AreaMode, BackgroundRepeat, BackgroundSize, BlockType, Command, ControlComponent, ControlIndentation, ControlState, ControlType, EDITOR_CLIPBOARD, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, FlexDirection, INTERNAL_CONTEXT_MENU_KEY, ImageDisplay, KeyMap, LETTER_CLASS, LineNumberType, ListStyle, ListType, LocationPosition, MaxHeightRatio, NumberType, PageMode, PaperDirection, RenderMode, RowFlex, TableBorder, TdBorder, TdSlash, TextDecorationStyle, TitleLevel, VerticalAlign, WordBreak, createDomFromElementList, Editor as default, getElementListByHTML, getTextFromElementList, splitText };
 //# sourceMappingURL=canvas-editor.es.js.map