@hufe921/canvas-editor 0.9.97 → 0.9.98

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.97";
+const version = "0.9.98";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -387,6 +387,9 @@ function isRectIntersect(rect1, rect2) {
 function isNonValue(value) {
   return value === void 0 || value === null;
 }
+function normalizeLineBreak(text) {
+  return text.replace(/\r\n|\r/g, "\n");
+}
 const CURSOR_AGENT_OFFSET_HEIGHT = 12;
 const defaultCursorOption = {
   width: 1,
@@ -472,6 +475,7 @@ const EDITOR_ELEMENT_ZIP_ATTR = [
   "dashArray",
   "trList",
   "borderType",
+  "borderColor",
   "width",
   "height",
   "url",
@@ -3772,6 +3776,8 @@ var ControlComponent;
 (function(ControlComponent2) {
   ControlComponent2["PREFIX"] = "prefix";
   ControlComponent2["POSTFIX"] = "postfix";
+  ControlComponent2["PRE_TEXT"] = "preText";
+  ControlComponent2["POST_TEXT"] = "postText";
   ControlComponent2["PLACEHOLDER"] = "placeholder";
   ControlComponent2["VALUE"] = "value";
   ControlComponent2["CHECKBOX"] = "checkbox";
@@ -3899,7 +3905,8 @@ const defaultSeparatorOption = {
 const defaultTableOption = {
   tdPadding: [0, 5, 5, 5],
   defaultTrMinHeight: 42,
-  defaultColMinWidth: 40
+  defaultColMinWidth: 40,
+  defaultBorderColor: "#000000"
 };
 const defaultWatermarkOption = {
   data: "",
@@ -4238,7 +4245,7 @@ function formatElementList(elementList, options) {
         i++;
         continue;
       }
-      const { prefix, postfix, value, placeholder, code, type, valueSets } = el.control;
+      const { prefix, postfix, preText, postText, value, placeholder, code, type, valueSets } = el.control;
       const { editorOptions: { control: controlOption, checkbox: checkboxOption, radio: radioOption } } = options;
       const controlId = el.controlId || getUUID();
       elementList.splice(i, 1);
@@ -4262,6 +4269,20 @@ function formatElementList(elementList, options) {
         }));
         i++;
       }
+      if (preText) {
+        const preTextStrList = splitText(preText);
+        for (let p = 0; p < preTextStrList.length; p++) {
+          const value2 = preTextStrList[p];
+          elementList.splice(i, 0, __spreadProps(__spreadValues(__spreadValues({}, controlContext), controlDefaultStyle), {
+            controlId,
+            value: value2,
+            type: el.type,
+            control: el.control,
+            controlComponent: ControlComponent.PRE_TEXT
+          }));
+          i++;
+        }
+      }
       if (value && value.length || type === ControlType.CHECKBOX || type === ControlType.RADIO || type === ControlType.SELECT && code && (!value || !value.length)) {
         let valueList = value || [];
         if (type === ControlType.CHECKBOX) {
@@ -4380,6 +4401,20 @@ function formatElementList(elementList, options) {
           i++;
         }
       }
+      if (postText) {
+        const postTextStrList = splitText(postText);
+        for (let p = 0; p < postTextStrList.length; p++) {
+          const value2 = postTextStrList[p];
+          elementList.splice(i, 0, __spreadProps(__spreadValues(__spreadValues({}, controlContext), controlDefaultStyle), {
+            controlId,
+            value: value2,
+            type: el.type,
+            control: el.control,
+            controlComponent: ControlComponent.POST_TEXT
+          }));
+          i++;
+        }
+      }
       const postfixStrList = splitText(postfix || controlOption.postfix);
       for (let p = 0; p < postfixStrList.length; p++) {
         const value2 = postfixStrList[p];
@@ -4634,31 +4669,45 @@ function zipElementList(payload, options = {}) {
       }
     } else if (element.controlId) {
       const controlId = element.controlId;
-      if (controlId) {
-        const controlDefaultStyle = pickObject(element, CONTROL_STYLE_ATTR);
-        const control = __spreadValues(__spreadValues({}, element.control), controlDefaultStyle);
-        const controlElement = __spreadProps(__spreadValues({}, pickObject(element, EDITOR_ROW_ATTR)), {
-          type: ElementType.CONTROL,
-          value: "",
-          control,
-          controlId
-        });
+      if (element.controlComponent === ControlComponent.PREFIX) {
         const valueList = [];
-        while (e < elementList.length) {
-          const controlE = elementList[e];
-          if (controlId !== controlE.controlId) {
-            e--;
+        let isFull = false;
+        let start = e;
+        while (start < elementList.length) {
+          const controlE = elementList[start];
+          if (controlId !== controlE.controlId)
             break;
-          }
           if (controlE.controlComponent === ControlComponent.VALUE) {
             delete controlE.control;
             delete controlE.controlId;
             valueList.push(controlE);
           }
+          if (controlE.controlComponent === ControlComponent.POSTFIX) {
+            isFull = true;
+          }
+          start++;
+        }
+        if (isFull) {
+          const controlDefaultStyle = pickObject(element, CONTROL_STYLE_ATTR);
+          const control = __spreadValues(__spreadValues({}, element.control), controlDefaultStyle);
+          const controlElement = __spreadProps(__spreadValues({}, pickObject(element, EDITOR_ROW_ATTR)), {
+            type: ElementType.CONTROL,
+            value: "",
+            control,
+            controlId
+          });
+          controlElement.control.value = zipElementList(valueList, options);
+          element = pickElementAttr(controlElement, { extraPickAttrs });
+          e += start - e - 1;
+        }
+      }
+      if (element.controlComponent) {
+        delete element.control;
+        delete element.controlId;
+        if (element.controlComponent !== ControlComponent.VALUE && element.controlComponent !== ControlComponent.PRE_TEXT && element.controlComponent !== ControlComponent.POST_TEXT) {
           e++;
+          continue;
         }
-        controlElement.control.value = zipElementList(valueList, options);
-        element = pickElementAttr(controlElement, { extraPickAttrs });
       }
     }
     const pickElement = pickElementAttr(element, { extraPickAttrs });
@@ -5237,7 +5286,7 @@ function getElementListByHTML(htmlText, options) {
 }
 function getTextFromElementList(elementList) {
   function buildText(payload) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     let text = "";
     for (let e = 0; e < payload.length; e++) {
       const element = payload[e];
@@ -5282,9 +5331,10 @@ ${ulListStyleText || `${listIndex + 1}.`}${buildText(listElementList)}${isLast ?
       } else if (!element.type || element.type === ElementType.LATEX || TEXTLIKE_ELEMENT_TYPE.includes(element.type)) {
         let textLike = "";
         if (element.type === ElementType.CONTROL) {
-          textLike = ((_d = (_c = element.control.value) == null ? void 0 : _c[0]) == null ? void 0 : _d.value) || "";
+          const controlValue = ((_d = (_c = element.control.value) == null ? void 0 : _c[0]) == null ? void 0 : _d.value) || "";
+          textLike = controlValue ? `${((_e = element.control) == null ? void 0 : _e.preText) || ""}${controlValue}${((_f = element.control) == null ? void 0 : _f.postText) || ""}` : "";
         } else if (element.type === ElementType.DATE) {
-          textLike = ((_e = element.valueList) == null ? void 0 : _e.map((v) => v.value).join("")) || "";
+          textLike = ((_g = element.valueList) == null ? void 0 : _g.map((v) => v.value).join("")) || "";
         } else {
           textLike = element.value;
         }
@@ -5490,7 +5540,7 @@ function pasteByEvent(host, evt) {
   if (!getIsClipboardContainFile(clipboardData)) {
     const clipboardText = clipboardData.getData("text");
     const editorClipboardData = getClipboardData();
-    if (clipboardText === (editorClipboardData == null ? void 0 : editorClipboardData.text)) {
+    if (editorClipboardData && normalizeLineBreak(clipboardText) === normalizeLineBreak(editorClipboardData.text)) {
       pasteElement(host, editorClipboardData.elementList);
       return;
     }
@@ -5897,7 +5947,7 @@ class CheckboxControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         break;
       }
       if (preElement.controlComponent === ControlComponent.VALUE) {
@@ -5908,7 +5958,7 @@ class CheckboxControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         break;
       }
       if (nextElement.controlComponent === ControlComponent.VALUE) {
@@ -5932,7 +5982,7 @@ class CheckboxControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         break;
       }
       if (preElement.controlComponent === ControlComponent.CHECKBOX) {
@@ -5944,7 +5994,7 @@ class CheckboxControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         break;
       }
       if (nextElement.controlComponent === ControlComponent.CHECKBOX) {
@@ -5987,7 +6037,7 @@ class RadioControl extends CheckboxControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         break;
       }
       if (preElement.controlComponent === ControlComponent.RADIO) {
@@ -5999,7 +6049,7 @@ class RadioControl extends CheckboxControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         break;
       }
       if (nextElement.controlComponent === ControlComponent.RADIO) {
@@ -6680,7 +6730,7 @@ function enter(evt, host) {
   evt.preventDefault();
 }
 function left(evt, host) {
-  var _a, _b;
+  var _a, _b, _c;
   const draw = host.getDraw();
   const isReadonly = draw.isReadonly();
   if (isReadonly)
@@ -6698,7 +6748,7 @@ function left(evt, host) {
   const isCollapsed = rangeManager.getIsCollapsed();
   const elementList = draw.getElementList();
   const control = draw.getControl();
-  if (draw.getMode() === EditorMode.FORM && control.getActiveControl() && ((_a = elementList[index2]) == null ? void 0 : _a.controlComponent) === ControlComponent.PREFIX) {
+  if (draw.getMode() === EditorMode.FORM && control.getActiveControl() && (((_a = elementList[index2]) == null ? void 0 : _a.controlComponent) === ControlComponent.PREFIX || ((_b = elementList[index2]) == null ? void 0 : _b.controlComponent) === ControlComponent.PRE_TEXT)) {
     control.initNextControl({
       direction: MoveDirection.UP
     });
@@ -6708,7 +6758,7 @@ function left(evt, host) {
   if (isMod(evt)) {
     const LETTER_REG = draw.getLetterReg();
     const moveStartIndex = evt.shiftKey && !isCollapsed && startIndex === (cursorPosition == null ? void 0 : cursorPosition.index) ? endIndex : startIndex;
-    if (LETTER_REG.test((_b = elementList[moveStartIndex]) == null ? void 0 : _b.value)) {
+    if (LETTER_REG.test((_c = elementList[moveStartIndex]) == null ? void 0 : _c.value)) {
       let i = moveStartIndex - 1;
       while (i > 0) {
         const element = elementList[i];
@@ -6818,7 +6868,7 @@ function left(evt, host) {
   evt.preventDefault();
 }
 function right(evt, host) {
-  var _a, _b;
+  var _a, _b, _c;
   const draw = host.getDraw();
   const isReadonly = draw.isReadonly();
   if (isReadonly)
@@ -6837,7 +6887,7 @@ function right(evt, host) {
   const isCollapsed = rangeManager.getIsCollapsed();
   let elementList = draw.getElementList();
   const control = draw.getControl();
-  if (draw.getMode() === EditorMode.FORM && control.getActiveControl() && ((_a = elementList[index2 + 1]) == null ? void 0 : _a.controlComponent) === ControlComponent.POSTFIX) {
+  if (draw.getMode() === EditorMode.FORM && control.getActiveControl() && (((_a = elementList[index2 + 1]) == null ? void 0 : _a.controlComponent) === ControlComponent.POSTFIX || ((_b = elementList[index2 + 1]) == null ? void 0 : _b.controlComponent) === ControlComponent.POST_TEXT)) {
     control.initNextControl({
       direction: MoveDirection.DOWN
     });
@@ -6847,7 +6897,7 @@ function right(evt, host) {
   if (isMod(evt)) {
     const LETTER_REG = draw.getLetterReg();
     const moveStartIndex = evt.shiftKey && !isCollapsed && startIndex === (cursorPosition == null ? void 0 : cursorPosition.index) ? endIndex : startIndex;
-    if (LETTER_REG.test((_b = elementList[moveStartIndex + 1]) == null ? void 0 : _b.value)) {
+    if (LETTER_REG.test((_c = elementList[moveStartIndex + 1]) == null ? void 0 : _c.value)) {
       let i = moveStartIndex + 2;
       while (i < elementList.length) {
         const element = elementList[i];
@@ -7463,7 +7513,7 @@ function cut(host) {
   rangeManager.setRange(curIndex, curIndex);
   draw.render({ curIndex });
 }
-function copy(host) {
+function copy(host, options) {
   const draw = host.getDraw();
   const { copy: copy2 } = draw.getOverride();
   if (copy2) {
@@ -7511,6 +7561,13 @@ function copy(host) {
   } else {
     copyElementList = rangeManager.getIsCollapsed() ? rangeManager.getRangeRowElementList() : rangeManager.getSelectionElementList();
   }
+  if ((options == null ? void 0 : options.isPlainText) && (copyElementList == null ? void 0 : copyElementList.length)) {
+    copyElementList = [
+      {
+        value: getTextFromElementList(copyElementList)
+      }
+    ];
+  }
   if (!(copyElementList == null ? void 0 : copyElementList.length))
     return;
   writeElementList(copyElementList, draw.getOptions());
@@ -7897,8 +7954,8 @@ class CanvasEvent {
   cut() {
     cut(this);
   }
-  copy() {
-    copy(this);
+  copy(options) {
+    copy(this, options);
   }
   compositionstart() {
     composition.compositionstart(this);
@@ -8959,15 +9016,17 @@ class RangeManager {
     return rangeList;
   }
   getIsCanInput() {
+    var _a;
     const { startIndex, endIndex } = this.getRange();
     if (!~startIndex && !~endIndex)
       return false;
-    if (startIndex === endIndex)
-      return true;
     const elementList = this.draw.getElementList();
     const startElement = elementList[startIndex];
+    if (startIndex === endIndex) {
+      return (startElement.controlComponent !== ControlComponent.PRE_TEXT || ((_a = elementList[startIndex + 1]) == null ? void 0 : _a.controlComponent) !== ControlComponent.PRE_TEXT) && startElement.controlComponent !== ControlComponent.POST_TEXT;
+    }
     const endElement = elementList[endIndex];
-    return !startElement.controlId && !endElement.controlId || (!startElement.controlId || startElement.controlComponent === ControlComponent.POSTFIX) && (!endElement.controlId || endElement.controlComponent === ControlComponent.POSTFIX) || !!startElement.controlId && endElement.controlId === startElement.controlId && endElement.controlComponent !== ControlComponent.POSTFIX;
+    return !startElement.controlId && !endElement.controlId || (!startElement.controlId || startElement.controlComponent === ControlComponent.POSTFIX) && (!endElement.controlId || endElement.controlComponent === ControlComponent.POSTFIX) || !!startElement.controlId && endElement.controlId === startElement.controlId && endElement.controlComponent !== ControlComponent.PRE_TEXT && endElement.controlComponent !== ControlComponent.POST_TEXT && endElement.controlComponent !== ControlComponent.POSTFIX;
   }
   setRange(startIndex, endIndex, tableId, startTdIndex, endTdIndex, startTrIndex, endTrIndex) {
     this.range.startIndex = startIndex;
@@ -9124,7 +9183,7 @@ class RangeManager {
         let index2 = startIndex - 1;
         while (index2 > 0) {
           const preElement = elementList[index2];
-          if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+          if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
             range.startIndex = index2;
             range.endIndex = index2;
             break;
@@ -9137,7 +9196,7 @@ class RangeManager {
         let index2 = endIndex - 1;
         while (index2 > 0) {
           const preElement = elementList[index2];
-          if (preElement.controlId !== endElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+          if (preElement.controlId !== endElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
             range.startIndex = index2;
             range.endIndex = index2;
             return;
@@ -10160,10 +10219,10 @@ class TableParticle {
   }
   _drawBorder(ctx, element, startX, startY) {
     var _a, _b, _c, _d, _e, _f;
-    const { colgroup, trList, borderType } = element;
+    const { colgroup, trList, borderType, borderColor } = element;
     if (!colgroup || !trList)
       return;
-    const { scale } = this.options;
+    const { scale, table: { defaultBorderColor } } = this.options;
     const tableWidth = element.width * scale;
     const tableHeight = element.height * scale;
     const isEmptyBorderType = borderType === TableBorder.EMPTY;
@@ -10174,6 +10233,7 @@ class TableParticle {
       ctx.setLineDash([3, 3]);
     }
     ctx.lineWidth = scale;
+    ctx.strokeStyle = borderColor || defaultBorderColor;
     if (!isEmptyBorderType && !isInternalBorderType) {
       this._drawOuterBorder({
         ctx,
@@ -11293,6 +11353,8 @@ class SelectControl {
     __publicField(this, "isPopup");
     __publicField(this, "selectDom");
     __publicField(this, "options");
+    __publicField(this, "VALUE_DELIMITER", ",");
+    __publicField(this, "DEFAULT_MULTI_SELECT_DELIMITER", ",");
     const draw = control.getDraw();
     this.options = draw.getOptions();
     this.element = element;
@@ -11309,9 +11371,27 @@ class SelectControl {
   getIsPopup() {
     return this.isPopup;
   }
-  getCode() {
-    var _a;
-    return ((_a = this.element.control) == null ? void 0 : _a.code) || null;
+  getCodes() {
+    var _a, _b;
+    return ((_b = (_a = this.element) == null ? void 0 : _a.control) == null ? void 0 : _b.code) ? this.element.control.code.split(",") : [];
+  }
+  getText(codes) {
+    var _a, _b;
+    if (!((_a = this.element) == null ? void 0 : _a.control))
+      return null;
+    const control = this.element.control;
+    if (!((_b = control.valueSets) == null ? void 0 : _b.length))
+      return null;
+    const multiSelectDelimiter = (control == null ? void 0 : control.multiSelectDelimiter) || this.DEFAULT_MULTI_SELECT_DELIMITER;
+    const valueSets = control.valueSets;
+    const valueList = [];
+    codes.forEach((code) => {
+      const valueSet = valueSets.find((v) => v.code === code);
+      if (valueSet && !isNonValue(valueSet.value)) {
+        valueList.push(valueSet.value);
+      }
+    });
+    return valueList.join(multiSelectDelimiter) || null;
   }
   getValue(context = {}) {
     const elementList = context.elementList || this.control.getElementList();
@@ -11321,7 +11401,7 @@ class SelectControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         break;
       }
       if (preElement.controlComponent === ControlComponent.VALUE) {
@@ -11332,7 +11412,7 @@ class SelectControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         break;
       }
       if (nextElement.controlComponent === ControlComponent.VALUE) {
@@ -11342,8 +11422,38 @@ class SelectControl {
     }
     return data2;
   }
-  setValue() {
-    return -1;
+  setValue(data2, context = {}, options = {}) {
+    var _a, _b;
+    if (!((_b = (_a = this.element.control) == null ? void 0 : _a.selectExclusiveOptions) == null ? void 0 : _b.inputAble) || !options.isIgnoreDisabledRule && this.control.getIsDisabledControl(context)) {
+      return -1;
+    }
+    const elementList = context.elementList || this.control.getElementList();
+    const range = context.range || this.control.getRange();
+    this.control.shrinkBoundary(context);
+    const { startIndex, endIndex } = range;
+    const draw = this.control.getDraw();
+    if (startIndex !== endIndex) {
+      draw.spliceElementList(elementList, startIndex + 1, endIndex - startIndex);
+    } else {
+      this.control.removePlaceholder(startIndex, context);
+    }
+    const startElement = elementList[startIndex];
+    const anchorElement = startElement.type && !TEXTLIKE_ELEMENT_TYPE.includes(startElement.type) || startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT ? pickObject(startElement, [
+      "control",
+      "controlId",
+      ...CONTROL_STYLE_ATTR
+    ]) : omitObject(startElement, ["type"]);
+    const start = range.startIndex + 1;
+    for (let i = 0; i < data2.length; i++) {
+      const newElement = __spreadProps(__spreadValues(__spreadValues({}, anchorElement), data2[i]), {
+        controlComponent: ControlComponent.VALUE
+      });
+      formatElementContext(elementList, [newElement], startIndex, {
+        editorOptions: this.options
+      });
+      draw.spliceElementList(elementList, start + i, 0, newElement);
+    }
+    return start + data2.length - 1;
   }
   keydown(evt) {
     if (this.control.getIsDisabledControl()) {
@@ -11359,7 +11469,7 @@ class SelectControl {
       if (startIndex !== endIndex) {
         return this.clearSelect();
       } else {
-        if (startElement.controlComponent === ControlComponent.PREFIX || endElement.controlComponent === ControlComponent.POSTFIX || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
+        if (startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT || endElement.controlComponent === ControlComponent.POSTFIX || endElement.controlComponent === ControlComponent.POST_TEXT || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
           return this.control.removeControl(startIndex);
         } else {
           return this.clearSelect();
@@ -11370,7 +11480,7 @@ class SelectControl {
         return this.clearSelect();
       } else {
         const endNextElement = elementList[endIndex + 1];
-        if (startElement.controlComponent === ControlComponent.PREFIX && endNextElement.controlComponent === ControlComponent.PLACEHOLDER || endNextElement.controlComponent === ControlComponent.POSTFIX || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
+        if ((startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT) && endNextElement.controlComponent === ControlComponent.PLACEHOLDER || endNextElement.controlComponent === ControlComponent.POSTFIX || endNextElement.controlComponent === ControlComponent.POST_TEXT || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
           return this.control.removeControl(startIndex);
         } else {
           return this.clearSelect();
@@ -11403,7 +11513,7 @@ class SelectControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         leftIndex = preIndex;
         break;
       }
@@ -11412,7 +11522,7 @@ class SelectControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         rightIndex = nextIndex - 1;
         break;
       }
@@ -11425,18 +11535,27 @@ class SelectControl {
     if (isAddPlaceholder) {
       this.control.addPlaceholder(preIndex, context);
     }
-    this.element.control.code = null;
+    this.control.setControlProperties({
+      code: null
+    }, {
+      elementList,
+      range: { startIndex: preIndex, endIndex: preIndex }
+    });
     return preIndex;
   }
   setSelect(code, context = {}, options = {}) {
+    var _a;
     if (!options.isIgnoreDisabledRule && this.control.getIsDisabledControl(context)) {
       return;
     }
     const elementList = context.elementList || this.control.getElementList();
     const range = context.range || this.control.getRange();
     const control = this.element.control;
+    const newCodes = (code == null ? void 0 : code.split(this.VALUE_DELIMITER)) || [];
     const oldCode = control.code;
-    if (code === oldCode) {
+    const oldCodes = ((_a = control.code) == null ? void 0 : _a.split(this.VALUE_DELIMITER)) || [];
+    const isMultiSelect = control.isMultiSelect;
+    if (!isMultiSelect && code === oldCode || isMultiSelect && isArrayEqual(oldCodes, newCodes)) {
       this.control.repaintControl({
         curIndex: range.startIndex,
         isCompute: false,
@@ -11448,9 +11567,18 @@ class SelectControl {
     const valueSets = control.valueSets;
     if (!Array.isArray(valueSets) || !valueSets.length)
       return;
-    const valueSet = valueSets.find((v) => v.code === code);
-    if (!valueSet)
+    const text = this.getText(newCodes);
+    if (!text) {
+      if (oldCode) {
+        const prefixIndex2 = this.clearSelect(context);
+        if (~prefixIndex2) {
+          this.control.repaintControl({
+            curIndex: prefixIndex2
+          });
+        }
+      }
       return;
+    }
     const valueElement = this.getValue(context)[0];
     const styleElement = valueElement ? pickObject(valueElement, EDITOR_ELEMENT_STYLE_ATTR) : pickObject(elementList[range.startIndex], CONTROL_STYLE_ATTR);
     const prefixIndex = this.clearSelect(context, {
@@ -11463,7 +11591,7 @@ class SelectControl {
     }
     const propertyElement = omitObject(elementList[prefixIndex], EDITOR_ELEMENT_STYLE_ATTR);
     const start = prefixIndex + 1;
-    const data2 = splitText(valueSet.value);
+    const data2 = splitText(text);
     const draw = this.control.getDraw();
     for (let i = 0; i < data2.length; i++) {
       const newElement = __spreadProps(__spreadValues(__spreadValues({}, styleElement), propertyElement), {
@@ -11476,13 +11604,20 @@ class SelectControl {
       });
       draw.spliceElementList(elementList, start + i, 0, newElement);
     }
-    control.code = code;
+    this.control.setControlProperties({
+      code
+    }, {
+      elementList,
+      range: { startIndex: prefixIndex, endIndex: prefixIndex }
+    });
     if (!context.range) {
       const newIndex = start + data2.length - 1;
       this.control.repaintControl({
         curIndex: newIndex
       });
-      this.destroy();
+      if (!isMultiSelect) {
+        this.destroy();
+      }
     }
   }
   _createSelectPopupDom() {
@@ -11500,12 +11635,26 @@ class SelectControl {
     for (let v = 0; v < valueSets.length; v++) {
       const valueSet = valueSets[v];
       const li = document.createElement("li");
-      const code = this.getCode();
-      if (code === valueSet.code) {
+      let codes = this.getCodes();
+      if (codes.includes(valueSet.code)) {
         li.classList.add("active");
       }
       li.onclick = () => {
-        this.setSelect(valueSet.code);
+        const codeIndex = codes.findIndex((code) => code === valueSet.code);
+        if (control.isMultiSelect) {
+          if (~codeIndex) {
+            codes.splice(codeIndex, 1);
+          } else {
+            codes.push(valueSet.code);
+          }
+        } else {
+          if (~codeIndex) {
+            codes = [];
+          } else {
+            codes = [valueSet.code];
+          }
+        }
+        this.setSelect(codes.join(this.VALUE_DELIMITER));
       };
       li.append(document.createTextNode(valueSet.value));
       ul.append(li);
@@ -11563,7 +11712,7 @@ class TextControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         break;
       }
       if (preElement.controlComponent === ControlComponent.VALUE) {
@@ -11574,7 +11723,7 @@ class TextControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         break;
       }
       if (nextElement.controlComponent === ControlComponent.VALUE) {
@@ -11599,7 +11748,7 @@ class TextControl {
       this.control.removePlaceholder(startIndex, context);
     }
     const startElement = elementList[startIndex];
-    const anchorElement = startElement.type && !TEXTLIKE_ELEMENT_TYPE.includes(startElement.type) || startElement.controlComponent === ControlComponent.PREFIX ? pickObject(startElement, [
+    const anchorElement = startElement.type && !TEXTLIKE_ELEMENT_TYPE.includes(startElement.type) || startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT ? pickObject(startElement, [
       "control",
       "controlId",
       ...CONTROL_STYLE_ATTR
@@ -11650,7 +11799,7 @@ class TextControl {
         }
         return startIndex;
       } else {
-        if (startElement.controlComponent === ControlComponent.PREFIX || endElement.controlComponent === ControlComponent.POSTFIX || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
+        if (startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT || endElement.controlComponent === ControlComponent.POSTFIX || endElement.controlComponent === ControlComponent.POST_TEXT || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
           return this.control.removeControl(startIndex);
         } else {
           draw.spliceElementList(elementList, startIndex, 1);
@@ -11671,7 +11820,7 @@ class TextControl {
         return startIndex;
       } else {
         const endNextElement = elementList[endIndex + 1];
-        if (startElement.controlComponent === ControlComponent.PREFIX && endNextElement.controlComponent === ControlComponent.PLACEHOLDER || endNextElement.controlComponent === ControlComponent.POSTFIX || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
+        if ((startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT) && endNextElement.controlComponent === ControlComponent.PLACEHOLDER || endNextElement.controlComponent === ControlComponent.POSTFIX || endNextElement.controlComponent === ControlComponent.POST_TEXT || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
           return this.control.removeControl(startIndex);
         } else {
           draw.spliceElementList(elementList, startIndex + 1, 1);
@@ -12194,7 +12343,7 @@ class DateControl {
     let preIndex = startIndex;
     while (preIndex > 0) {
       const preElement = elementList[preIndex];
-      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+      if (preElement.controlId !== startElement.controlId || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
         break;
       }
       preIndex--;
@@ -12202,7 +12351,7 @@ class DateControl {
     let nextIndex = startIndex + 1;
     while (nextIndex < elementList.length) {
       const nextElement = elementList[nextIndex];
-      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX) {
+      if (nextElement.controlId !== startElement.controlId || nextElement.controlComponent === ControlComponent.POSTFIX || nextElement.controlComponent === ControlComponent.POST_TEXT) {
         break;
       }
       nextIndex++;
@@ -12241,7 +12390,7 @@ class DateControl {
       this.control.removePlaceholder(startIndex, context);
     }
     const startElement = elementList[startIndex];
-    const anchorElement = startElement.type && !TEXTLIKE_ELEMENT_TYPE.includes(startElement.type) || startElement.controlComponent === ControlComponent.PREFIX ? pickObject(startElement, [
+    const anchorElement = startElement.type && !TEXTLIKE_ELEMENT_TYPE.includes(startElement.type) || startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT ? pickObject(startElement, [
       "control",
       "controlId",
       ...CONTROL_STYLE_ATTR
@@ -12332,7 +12481,7 @@ class DateControl {
         }
         return startIndex;
       } else {
-        if (startElement.controlComponent === ControlComponent.PREFIX || endElement.controlComponent === ControlComponent.POSTFIX || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
+        if (startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT || endElement.controlComponent === ControlComponent.POSTFIX || endElement.controlComponent === ControlComponent.POST_TEXT || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
           return this.control.removeControl(startIndex);
         } else {
           draw.spliceElementList(elementList, startIndex, 1);
@@ -12353,7 +12502,7 @@ class DateControl {
         return startIndex;
       } else {
         const endNextElement = elementList[endIndex + 1];
-        if (startElement.controlComponent === ControlComponent.PREFIX && endNextElement.controlComponent === ControlComponent.PLACEHOLDER || endNextElement.controlComponent === ControlComponent.POSTFIX || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
+        if ((startElement.controlComponent === ControlComponent.PREFIX || startElement.controlComponent === ControlComponent.PRE_TEXT) && endNextElement.controlComponent === ControlComponent.PLACEHOLDER || endNextElement.controlComponent === ControlComponent.POSTFIX || endNextElement.controlComponent === ControlComponent.POST_TEXT || startElement.controlComponent === ControlComponent.PLACEHOLDER) {
           return this.control.removeControl(startIndex);
         } else {
           draw.spliceElementList(elementList, startIndex + 1, 1);
@@ -12467,8 +12616,8 @@ class Control {
     return this.draw;
   }
   filterAssistElement(elementList) {
-    return elementList.filter((element) => {
-      var _a;
+    return elementList.filter((element, index2) => {
+      var _a, _b, _c;
       if (element.type === ElementType.TABLE) {
         const trList = element.trList;
         for (let r = 0; r < trList.length; r++) {
@@ -12486,6 +12635,37 @@ class Control {
           element.value = "";
           return true;
         }
+      } else {
+        if (((_b = element.control) == null ? void 0 : _b.preText) && element.controlComponent === ControlComponent.PRE_TEXT) {
+          let isExistValue = false;
+          let start = index2 + 1;
+          while (start < elementList.length) {
+            const nextElement = elementList[start];
+            if (element.controlId !== nextElement.controlId)
+              break;
+            if (nextElement.controlComponent === ControlComponent.VALUE) {
+              isExistValue = true;
+              break;
+            }
+            start++;
+          }
+          return isExistValue;
+        }
+        if (((_c = element.control) == null ? void 0 : _c.postText) && element.controlComponent === ControlComponent.POST_TEXT) {
+          let isExistValue = false;
+          let start = index2 - 1;
+          while (start < elementList.length) {
+            const preElement = elementList[start];
+            if (element.controlId !== preElement.controlId)
+              break;
+            if (preElement.controlComponent === ControlComponent.VALUE) {
+              isExistValue = true;
+              break;
+            }
+            start--;
+          }
+          return isExistValue;
+        }
       }
       return element.controlComponent !== ControlComponent.PREFIX && element.controlComponent !== ControlComponent.POSTFIX && element.controlComponent !== ControlComponent.PLACEHOLDER;
     });
@@ -12760,11 +12940,11 @@ class Control {
         }
         startIndex++;
       }
-    } else if (element.controlComponent === ControlComponent.PREFIX) {
+    } else if (element.controlComponent === ControlComponent.PREFIX || element.controlComponent === ControlComponent.PRE_TEXT) {
       let startIndex = newIndex + 1;
       while (startIndex < elementList.length) {
         const nextElement = elementList[startIndex];
-        if (nextElement.controlId !== element.controlId || nextElement.controlComponent !== ControlComponent.PREFIX) {
+        if (nextElement.controlId !== element.controlId || nextElement.controlComponent !== ControlComponent.PREFIX && nextElement.controlComponent !== ControlComponent.PRE_TEXT) {
           return {
             newIndex: startIndex - 1,
             newElement: elementList[startIndex - 1]
@@ -12772,11 +12952,11 @@ class Control {
         }
         startIndex++;
       }
-    } else if (element.controlComponent === ControlComponent.PLACEHOLDER) {
+    } else if (element.controlComponent === ControlComponent.PLACEHOLDER || element.controlComponent === ControlComponent.POST_TEXT) {
       let startIndex = newIndex - 1;
       while (startIndex > 0) {
         const preElement = elementList[startIndex];
-        if (preElement.controlId !== element.controlId || preElement.controlComponent === ControlComponent.PREFIX) {
+        if (preElement.controlId !== element.controlId || preElement.controlComponent === ControlComponent.VALUE || preElement.controlComponent === ControlComponent.PREFIX || preElement.controlComponent === ControlComponent.PRE_TEXT) {
           return {
             newIndex: startIndex,
             newElement: elementList[startIndex]
@@ -12881,6 +13061,27 @@ class Control {
     }
     return this.activeControl.setValue(data2);
   }
+  setControlProperties(properties, context = {}) {
+    const elementList = context.elementList || this.getElementList();
+    const { startIndex } = context.range || this.getRange();
+    const startElement = elementList[startIndex];
+    let preIndex = startIndex;
+    while (preIndex > 0) {
+      const preElement = elementList[preIndex];
+      if (preElement.controlId !== startElement.controlId)
+        break;
+      preElement.control = __spreadValues(__spreadValues({}, preElement.control), properties);
+      preIndex--;
+    }
+    let nextIndex = startIndex + 1;
+    while (nextIndex < elementList.length) {
+      const nextElement = elementList[nextIndex];
+      if (nextElement.controlId !== startElement.controlId)
+        break;
+      nextElement.control = __spreadValues(__spreadValues({}, nextElement.control), properties);
+      nextIndex++;
+    }
+  }
   keydown(evt) {
     if (!this.activeControl) {
       throw new Error("active control is null");
@@ -13111,7 +13312,12 @@ class Control {
         if (!element.control || id && element.controlId !== id || conceptId && element.control.conceptId !== conceptId || areaId && element.areaId !== areaId) {
           continue;
         }
-        element.control.extension = extension;
+        this.setControlProperties({
+          extension
+        }, {
+          elementList,
+          range: { startIndex: i, endIndex: i }
+        });
         let newEndIndex = i;
         while (newEndIndex < elementList.length) {
           const nextElement = elementList[newEndIndex];
@@ -13136,7 +13342,7 @@ class Control {
     if (!id && !conceptId)
       return;
     let isExistUpdate = false;
-    function setProperties(elementList) {
+    const setProperties = (elementList) => {
       let i = 0;
       while (i < elementList.length) {
         const element = elementList[i];
@@ -13155,8 +13361,11 @@ class Control {
           continue;
         }
         isExistUpdate = true;
-        element.control = __spreadProps(__spreadValues(__spreadValues({}, element.control), properties), {
+        this.setControlProperties(__spreadProps(__spreadValues(__spreadValues({}, element.control), properties), {
           value: element.control.value
+        }), {
+          elementList,
+          range: { startIndex: i, endIndex: i }
         });
         CONTROL_STYLE_ATTR.forEach((key) => {
           const controlStyleProperty = properties[key];
@@ -13173,7 +13382,7 @@ class Control {
         }
         i = newEndIndex;
       }
-    }
+    };
     const pageComponentData = {
       header: this.draw.getHeaderElementList(),
       main: this.draw.getOriginalMainElementList(),
@@ -13286,7 +13495,7 @@ class Control {
         let nextIndex = e;
         while (nextIndex > 0) {
           const nextElement = elementList2[nextIndex];
-          if (nextElement.controlComponent === ControlComponent.VALUE || nextElement.controlComponent === ControlComponent.PREFIX) {
+          if (nextElement.controlComponent === ControlComponent.VALUE || nextElement.controlComponent === ControlComponent.PREFIX || nextElement.controlComponent === ControlComponent.PRE_TEXT) {
             break;
           }
           nextIndex--;
@@ -13358,6 +13567,7 @@ class Control {
       return null;
     const controlElement = this.activeControl.getElement();
     function getNextContext(elementList2, start) {
+      var _a, _b;
       for (let e = start; e < elementList2.length; e++) {
         const element = elementList2[e];
         if (element.type === ElementType.TABLE) {
@@ -13385,7 +13595,7 @@ class Control {
             }
           }
         }
-        if (!element.controlId || element.controlId === controlElement.controlId) {
+        if (!element.controlId || element.controlId === controlElement.controlId || ((_a = elementList2[e + 1]) == null ? void 0 : _a.controlComponent) === ControlComponent.PREFIX || ((_b = elementList2[e + 1]) == null ? void 0 : _b.controlComponent) === ControlComponent.PRE_TEXT) {
           continue;
         }
         return {
@@ -16105,6 +16315,23 @@ class TableOperate {
       curIndex: endIndex
     });
   }
+  tableBorderColor(payload) {
+    const positionContext = this.position.getPositionContext();
+    if (!positionContext.isTable)
+      return;
+    const { index: index2 } = positionContext;
+    const originalElementList = this.draw.getOriginalElementList();
+    const element = originalElementList[index2];
+    if (!element.borderColor && payload === this.options.table.defaultBorderColor || element.borderColor === payload) {
+      return;
+    }
+    element.borderColor = payload;
+    const { endIndex } = this.range.getRange();
+    this.draw.render({
+      curIndex: endIndex,
+      isCompute: false
+    });
+  }
   tableTdBorderType(payload) {
     const rowCol = this.tableParticle.getRangeRowCol();
     if (!rowCol)
@@ -16245,7 +16472,7 @@ class Area {
   }
   isReadonly() {
     const activeAreaInfo = this.getActiveAreaInfo();
-    if (!activeAreaInfo)
+    if (!(activeAreaInfo == null ? void 0 : activeAreaInfo.area))
       return false;
     switch (activeAreaInfo.area.mode) {
       case AreaMode.EDIT:
@@ -16293,7 +16520,7 @@ class Area {
     const width = this.draw.getInnerWidth();
     for (const areaInfoItem of this.areaInfoMap) {
       const { area, positionList } = areaInfoItem[1];
-      if (!area.backgroundColor && !area.borderColor)
+      if (!(area == null ? void 0 : area.backgroundColor) && !(area == null ? void 0 : area.borderColor))
         continue;
       const pagePositionList = positionList.filter((p) => p.pageNo === pageNo);
       if (!pagePositionList.length)
@@ -16360,6 +16587,9 @@ class Area {
     const areaInfo = this.areaInfoMap.get(areaId);
     if (!areaInfo)
       return;
+    if (!areaInfo.area) {
+      areaInfo.area = {};
+    }
     let isCompute = false;
     if (payload.properties.mode) {
       areaInfo.area.mode = payload.properties.mode;
@@ -17307,7 +17537,7 @@ class Draw {
   computeRowList(payload) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
     const { innerWidth, elementList, isPagingMode = false, isFromTable = false, startX = 0, startY = 0, pageHeight = 0, mainOuterHeight = 0, surroundElementList = [] } = payload;
-    const { defaultSize, defaultRowMargin, scale, table: { tdPadding }, defaultTabWidth } = this.options;
+    const { defaultSize, defaultRowMargin, scale, table: { tdPadding, defaultTrMinHeight }, defaultTabWidth } = this.options;
     const defaultBasicRowMarginHeight = this.getDefaultBasicRowMarginHeight();
     const canvas = document.createElement("canvas");
     const ctx = canvas.getContext("2d");
@@ -17390,8 +17620,12 @@ class Draw {
           }
         }
         element.pagingIndex = (_d = element.pagingIndex) != null ? _d : 0;
-        this.tableParticle.computeRowColInfo(element);
         const trList = element.trList;
+        for (let t = 0; t < trList.length; t++) {
+          const tr = trList[t];
+          tr.height = tr.minHeight || defaultTrMinHeight;
+        }
+        this.tableParticle.computeRowColInfo(element);
         for (let t = 0; t < trList.length; t++) {
           const tr = trList[t];
           for (let d = 0; d < tr.tdList.length; d++) {
@@ -17411,6 +17645,11 @@ class Draw {
               changeTr.height += extraHeight;
               changeTr.tdList.forEach((changeTd) => {
                 changeTd.height += extraHeight;
+                if (!changeTd.realHeight) {
+                  changeTd.realHeight = changeTd.height;
+                } else {
+                  changeTd.realHeight += extraHeight;
+                }
               });
             }
             let curTdMinHeight = 0;
@@ -17446,6 +17685,7 @@ class Draw {
             changeTr.height -= reduceHeight;
             changeTr.tdList.forEach((changeTd) => {
               changeTd.height -= reduceHeight;
+              changeTd.realHeight -= reduceHeight;
             });
           }
         }
@@ -18371,6 +18611,7 @@ class Command {
     __publicField(this, "executeCancelMergeTableCell");
     __publicField(this, "executeTableTdVerticalAlign");
     __publicField(this, "executeTableBorderType");
+    __publicField(this, "executeTableBorderColor");
     __publicField(this, "executeTableTdBorderType");
     __publicField(this, "executeTableTdSlashType");
     __publicField(this, "executeTableTdBackgroundColor");
@@ -18393,6 +18634,7 @@ class Command {
     __publicField(this, "executeSaveAsImageElement");
     __publicField(this, "executeChangeImageDisplay");
     __publicField(this, "executePageMode");
+    __publicField(this, "executePageScale");
     __publicField(this, "executePageScaleRecovery");
     __publicField(this, "executePageScaleMinus");
     __publicField(this, "executePageScaleAdd");
@@ -18493,6 +18735,7 @@ class Command {
     this.executeCancelMergeTableCell = adapt.cancelMergeTableCell.bind(adapt);
     this.executeTableTdVerticalAlign = adapt.tableTdVerticalAlign.bind(adapt);
     this.executeTableBorderType = adapt.tableBorderType.bind(adapt);
+    this.executeTableBorderColor = adapt.tableBorderColor.bind(adapt);
     this.executeTableTdBorderType = adapt.tableTdBorderType.bind(adapt);
     this.executeTableTdSlashType = adapt.tableTdSlashType.bind(adapt);
     this.executeTableTdBackgroundColor = adapt.tableTdBackgroundColor.bind(adapt);
@@ -18515,6 +18758,7 @@ class Command {
     this.executeSaveAsImageElement = adapt.saveAsImageElement.bind(adapt);
     this.executeChangeImageDisplay = adapt.changeImageDisplay.bind(adapt);
     this.executePageMode = adapt.pageMode.bind(adapt);
+    this.executePageScale = adapt.pageScale.bind(adapt);
     this.executePageScaleRecovery = adapt.pageScaleRecovery.bind(adapt);
     this.executePageScaleMinus = adapt.pageScaleMinus.bind(adapt);
     this.executePageScaleAdd = adapt.pageScaleAdd.bind(adapt);
@@ -18682,8 +18926,8 @@ class CommandAdapt {
       return;
     this.canvasEvent.cut();
   }
-  copy() {
-    this.canvasEvent.copy();
+  copy(payload) {
+    this.canvasEvent.copy(payload);
   }
   paste(payload) {
     const isDisabled = this.draw.isReadonly() || this.draw.isDisabled();
@@ -19425,6 +19669,12 @@ class CommandAdapt {
       return;
     this.tableOperate.tableBorderType(payload);
   }
+  tableBorderColor(payload) {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
+    this.tableOperate.tableBorderColor(payload);
+  }
   tableTdBorderType(payload) {
     const isReadonly = this.draw.isReadonly();
     if (isReadonly)
@@ -20051,6 +20301,11 @@ class CommandAdapt {
   pageMode(payload) {
     this.draw.setPageMode(payload);
   }
+  pageScale(scale) {
+    if (scale === this.options.scale)
+      return;
+    this.draw.setPageScale(scale);
+  }
   pageScaleRecovery() {
     const { scale } = this.options;
     if (scale !== 1) {
@@ -20326,6 +20581,7 @@ class CommandAdapt {
   locationControl(controlId, options) {
     const isLocationAfter = (options == null ? void 0 : options.position) === LocationPosition.AFTER;
     function location(elementList, zone2) {
+      var _a, _b;
       let i = 0;
       while (i < elementList.length) {
         const element = elementList[i];
@@ -20358,7 +20614,11 @@ class CommandAdapt {
         let curIndex = i - 1;
         if (isLocationAfter) {
           curIndex -= 1;
-          if (element.controlComponent !== ControlComponent.PLACEHOLDER && element.controlComponent !== ControlComponent.POSTFIX) {
+          if (element.controlComponent !== ControlComponent.PLACEHOLDER && element.controlComponent !== ControlComponent.POSTFIX && element.controlComponent !== ControlComponent.POST_TEXT) {
+            continue;
+          }
+        } else {
+          if (element.controlComponent !== ControlComponent.PREFIX && element.controlComponent !== ControlComponent.PRE_TEXT || ((_a = elementList[i]) == null ? void 0 : _a.controlComponent) === ControlComponent.PREFIX || ((_b = elementList[i]) == null ? void 0 : _b.controlComponent) === ControlComponent.PRE_TEXT) {
             continue;
           }
         }
@@ -20417,7 +20677,8 @@ class CommandAdapt {
     const cloneAttr = [
       ...TABLE_CONTEXT_ATTR,
       ...EDITOR_ROW_ATTR,
-      ...LIST_CONTEXT_ATTR
+      ...LIST_CONTEXT_ATTR,
+      ...AREA_CONTEXT_ATTR
     ];
     cloneProperty(cloneAttr, copyElement, cloneElement);
     this.draw.insertElementList([cloneElement]);
@@ -20543,7 +20804,8 @@ class CommandAdapt {
     const cloneAttr = [
       ...TABLE_CONTEXT_ATTR,
       ...EDITOR_ROW_ATTR,
-      ...LIST_CONTEXT_ATTR
+      ...LIST_CONTEXT_ATTR,
+      ...AREA_CONTEXT_ATTR
     ];
     (_a = cloneElement.valueList) == null ? void 0 : _a.forEach((valueItem) => {
       cloneProperty(cloneAttr, copyElement, valueItem);