@hufe921/canvas-editor 0.9.103 → 0.9.104

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [0.9.104](https://github.com/Hufe921/canvas-editor/compare/v0.9.103...v0.9.104) (2025-02-22)
+
+
+### Bug Fixes
+
+* missing some fields when zip elements #1023 ([c41fc9e](https://github.com/Hufe921/canvas-editor/commit/c41fc9eb578d4dc0f59cbb642050cee49158b460)), closes [#1023](https://github.com/Hufe921/canvas-editor/issues/1023)
+
+
+### Features
+
+* add imgToolDisabled option #1028 ([01b2c16](https://github.com/Hufe921/canvas-editor/commit/01b2c16596e9208bfdc08182b5e329f7a78a6b45)), closes [#1028](https://github.com/Hufe921/canvas-editor/issues/1028)
+* increase priority when zip area elements #1020 ([21543cc](https://github.com/Hufe921/canvas-editor/commit/21543cc15f87302cd89d53da56f1a0a95b0a9f54)), closes [#1020](https://github.com/Hufe921/canvas-editor/issues/1020)
+
+
+### Performance Improvements
+
+* spliceElementList method performance #1021 ([2066d0d](https://github.com/Hufe921/canvas-editor/commit/2066d0de80a2f2aae5f0b8bc4f0bc8378aaaa47d)), closes [#1021](https://github.com/Hufe921/canvas-editor/issues/1021)
+
+
+
 ## [0.9.103](https://github.com/Hufe921/canvas-editor/compare/v0.9.102...v0.9.103) (2025-02-16)
 
 

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.103";
+const version = "0.9.104";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -488,6 +488,7 @@ const EDITOR_ELEMENT_ZIP_ATTR = [
   "rowMargin",
   "dashArray",
   "trList",
+  "tableToolDisabled",
   "borderType",
   "borderColor",
   "width",
@@ -509,6 +510,7 @@ const EDITOR_ELEMENT_ZIP_ATTR = [
   "conceptId",
   "imgDisplay",
   "imgFloatPosition",
+  "imgToolDisabled",
   "textDecoration",
   "extension",
   "externalId",
@@ -522,7 +524,9 @@ const TABLE_TD_ZIP_ATTR = [
   "verticalAlign",
   "backgroundColor",
   "borderTypes",
-  "slashTypes"
+  "slashTypes",
+  "disabled",
+  "deletable"
 ];
 const TABLE_CONTEXT_ATTR = [
   "tdId",
@@ -4559,7 +4563,36 @@ function zipElementList(payload, options = {}) {
       e++;
       continue;
     }
-    if (element.titleId && element.level) {
+    if (element.areaId && element.area) {
+      const areaId = element.areaId;
+      const area = element.area;
+      const valueList = [];
+      while (e < elementList.length) {
+        const areaE = elementList[e];
+        if (areaId !== areaE.areaId) {
+          e--;
+          break;
+        }
+        delete areaE.area;
+        delete areaE.areaId;
+        valueList.push(areaE);
+        e++;
+      }
+      const areaElementList = zipElementList(valueList, options);
+      if (isClassifyArea) {
+        const areaElement = {
+          type: ElementType.AREA,
+          value: "",
+          areaId,
+          area
+        };
+        areaElement.valueList = areaElementList;
+        element = areaElement;
+      } else {
+        zipElementListData.splice(e, 0, ...areaElementList);
+        continue;
+      }
+    } else if (element.titleId && element.level) {
       const titleId = element.titleId;
       if (titleId) {
         const level = element.level;
@@ -4612,35 +4645,6 @@ function zipElementList(payload, options = {}) {
         listElement.valueList = zipElementList(valueList, options);
         element = listElement;
       }
-    } else if (element.areaId && element.area) {
-      const areaId = element.areaId;
-      const area = element.area;
-      const valueList = [];
-      while (e < elementList.length) {
-        const areaE = elementList[e];
-        if (areaId !== areaE.areaId) {
-          e--;
-          break;
-        }
-        delete areaE.area;
-        delete areaE.areaId;
-        valueList.push(areaE);
-        e++;
-      }
-      const areaElementList = zipElementList(valueList, options);
-      if (isClassifyArea) {
-        const areaElement = {
-          type: ElementType.AREA,
-          value: "",
-          areaId,
-          area
-        };
-        areaElement.valueList = areaElementList;
-        element = areaElement;
-      } else {
-        zipElementListData.splice(e, 0, ...areaElementList);
-        continue;
-      }
     } else if (element.type === ElementType.TABLE) {
       if (element.pagingId) {
         let tableIndex = e + 1;
@@ -6520,7 +6524,7 @@ function mouseup(evt, host) {
       rangeEnd = activeControl.setValue(replaceElementList);
       rangeStart = rangeEnd - replaceLength;
     } else {
-      draw.spliceElementList(elementList, rangeStart + 1, 0, ...replaceElementList);
+      draw.spliceElementList(elementList, rangeStart + 1, 0, replaceElementList);
     }
     if (!~rangeEnd) {
       draw.render({
@@ -6914,9 +6918,9 @@ function enter(evt, host) {
       return;
     const { index: index2 } = cursorPosition;
     if (isCollapsed) {
-      draw.spliceElementList(elementList, index2 + 1, 0, enterText);
+      draw.spliceElementList(elementList, index2 + 1, 0, [enterText]);
     } else {
-      draw.spliceElementList(elementList, startIndex + 1, endIndex - startIndex, enterText);
+      draw.spliceElementList(elementList, startIndex + 1, endIndex - startIndex, [enterText]);
     }
     curIndex = index2 + 1;
   }
@@ -7659,7 +7663,7 @@ function input(data2, host) {
     formatElementContext(elementList, inputData, startIndex, {
       editorOptions: draw.getOptions()
     });
-    draw.spliceElementList(elementList, start, 0, ...inputData);
+    draw.spliceElementList(elementList, start, 0, inputData);
     curIndex = startIndex + inputData.length;
   }
   if (~curIndex) {
@@ -9944,9 +9948,11 @@ class Search {
           if (p === 0) {
             tableElement.value = value;
           } else {
-            this.draw.spliceElementList(tableElementList, curIndex + p, 0, __spreadProps(__spreadValues({}, tableElement), {
-              value
-            }));
+            this.draw.spliceElementList(tableElementList, curIndex + p, 0, [
+              __spreadProps(__spreadValues({}, tableElement), {
+                value
+              })
+            ]);
             tableDiffCount++;
           }
         }
@@ -9969,9 +9975,11 @@ class Search {
           if (p === 0) {
             element.value = value;
           } else {
-            this.draw.spliceElementList(elementList, curIndex + p, 0, __spreadProps(__spreadValues({}, element), {
-              value
-            }));
+            this.draw.spliceElementList(elementList, curIndex + p, 0, [
+              __spreadProps(__spreadValues({}, element), {
+                value
+              })
+            ]);
             pageDiffCount++;
           }
         }
@@ -11801,7 +11809,7 @@ class SelectControl {
       formatElementContext(elementList, [newElement], startIndex, {
         editorOptions: this.options
       });
-      draw.spliceElementList(elementList, start + i, 0, newElement);
+      draw.spliceElementList(elementList, start + i, 0, [newElement]);
     }
     return start + data2.length - 1;
   }
@@ -11955,7 +11963,7 @@ class SelectControl {
       formatElementContext(elementList, [newElement], prefixIndex, {
         editorOptions: this.options
       });
-      draw.spliceElementList(elementList, start + i, 0, newElement);
+      draw.spliceElementList(elementList, start + i, 0, [newElement]);
     }
     this.control.setControlProperties({
       code
@@ -12117,7 +12125,7 @@ class TextControl {
       formatElementContext(elementList, [newElement], startIndex, {
         editorOptions: this.options
       });
-      draw.spliceElementList(elementList, start + i, 0, newElement);
+      draw.spliceElementList(elementList, start + i, 0, [newElement]);
     }
     return start + data2.length - 1;
   }
@@ -12759,7 +12767,7 @@ class DateControl {
       formatElementContext(elementList, [newElement], startIndex, {
         editorOptions: this.options
       });
-      draw.spliceElementList(elementList, start + i, 0, newElement);
+      draw.spliceElementList(elementList, start + i, 0, [newElement]);
     }
     return start + data2.length - 1;
   }
@@ -12807,7 +12815,7 @@ class DateControl {
       formatElementContext(elementList, [newElement], prefixIndex, {
         editorOptions: this.options
       });
-      draw.spliceElementList(elementList, start + i, 0, newElement);
+      draw.spliceElementList(elementList, start + i, 0, [newElement]);
     }
     if (!context.range) {
       const newIndex = start + date.length - 1;
@@ -13480,7 +13488,9 @@ class Control {
       formatElementContext(elementList, [newElement], startIndex, {
         editorOptions: this.options
       });
-      this.draw.spliceElementList(elementList, startIndex + p + 1, 0, newElement);
+      this.draw.spliceElementList(elementList, startIndex + p + 1, 0, [
+        newElement
+      ]);
     }
   }
   setValue(data2) {
@@ -13849,7 +13859,8 @@ class Control {
     for (const key in pageComponentData) {
       const pageComponentKey = key;
       const elementList = zipElementList(pageComponentData[pageComponentKey], {
-        isClassifyArea: true
+        isClassifyArea: true,
+        extraPickAttrs: ["id"]
       });
       pageComponentData[pageComponentKey] = elementList;
       formatElementList(elementList, {
@@ -14754,10 +14765,15 @@ class Previewer {
     this.resizerSize.innerText = `${Math.round(width)} \xD7 ${Math.round(height)}`;
   }
   render() {
+    if (!this.curElement || this.curElement.imgToolDisabled && !this.draw.isDesignMode()) {
+      return;
+    }
     this._drawPreviewer();
     document.body.style.overflow = "hidden";
   }
   drawResizer(element, position = null, options = {}) {
+    if (element.imgToolDisabled && !this.draw.isDesignMode())
+      return;
     this.previewerDrawOption = options;
     this.curElementSrc = element[options.srcKey || "value"] || "";
     this.updateResizer(element, position);
@@ -15626,9 +15642,11 @@ class ListParticle {
         if (element.value === ZERO && !element.listWrap)
           break;
         if (element.listId !== endElement.listId) {
-          this.draw.spliceElementList(elementList, start, 0, {
-            value: ZERO
-          });
+          this.draw.spliceElementList(elementList, start, 0, [
+            {
+              value: ZERO
+            }
+          ]);
           break;
         }
         start++;
@@ -16218,7 +16236,7 @@ class TableOperate {
       editorOptions: this.options
     });
     const curIndex = startIndex + 1;
-    this.draw.spliceElementList(elementList, curIndex, startIndex === endIndex ? 0 : endIndex - startIndex, element);
+    this.draw.spliceElementList(elementList, curIndex, startIndex === endIndex ? 0 : endIndex - startIndex, [element]);
     this.range.setRange(curIndex, curIndex);
     this.draw.render({ curIndex, isSetCursor: false });
   }
@@ -17734,7 +17752,7 @@ class Draw {
       if (!isCollapsed) {
         this.spliceElementList(elementList, start, endIndex - startIndex);
       }
-      this.spliceElementList(elementList, start, 0, ...payload);
+      this.spliceElementList(elementList, start, 0, payload);
       curIndex = startIndex + payload.length;
       const preElement = elementList[start - 1];
       if (payload[0].listId && preElement && !preElement.listId && (preElement == null ? void 0 : preElement.value) === ZERO && (!preElement.type || preElement.type === ElementType.TEXT)) {
@@ -17770,7 +17788,7 @@ class Draw {
       curIndex
     });
   }
-  spliceElementList(elementList, start, deleteCount, ...items) {
+  spliceElementList(elementList, start, deleteCount, items) {
     var _a, _b, _c, _d, _e;
     const isDesignMode = this.isDesignMode();
     if (deleteCount > 0) {
@@ -17804,8 +17822,10 @@ class Draw {
         elementList.splice(start, deleteCount);
       }
     }
-    for (let i = 0; i < items.length; i++) {
-      elementList.splice(start + i, 0, items[i]);
+    if (items == null ? void 0 : items.length) {
+      for (let i = 0; i < items.length; i++) {
+        elementList.splice(start + i, 0, items[i]);
+      }
     }
   }
   getCanvasEvent() {
@@ -18416,7 +18436,7 @@ class Draw {
               }
               cloneElement.trList = cloneTrList;
               cloneElement.id = getUUID();
-              this.spliceElementList(elementList, i + 1, 0, cloneElement);
+              this.spliceElementList(elementList, i + 1, 0, [cloneElement]);
             }
           }
           if (element.pagingId) {
@@ -20403,7 +20423,7 @@ class CommandAdapt {
     formatElementContext(elementList, newElementList, startIndex, {
       editorOptions: this.options
     });
-    this.draw.spliceElementList(elementList, start, startIndex === endIndex ? 0 : endIndex - startIndex, ...newElementList);
+    this.draw.spliceElementList(elementList, start, startIndex === endIndex ? 0 : endIndex - startIndex, newElementList);
     const curIndex = start + newElementList.length - 1;
     this.range.setRange(curIndex, curIndex);
     this.draw.render({ curIndex });
@@ -20532,10 +20552,12 @@ class CommandAdapt {
         editorOptions: this.options
       });
       if (startIndex !== 0 && elementList[startIndex].value === ZERO) {
-        this.draw.spliceElementList(elementList, startIndex, 1, newElement);
+        this.draw.spliceElementList(elementList, startIndex, 1, [newElement]);
         curIndex = startIndex - 1;
       } else {
-        this.draw.spliceElementList(elementList, startIndex + 1, 0, newElement);
+        this.draw.spliceElementList(elementList, startIndex + 1, 0, [
+          newElement
+        ]);
         curIndex = startIndex;
       }
     }