improve:control element input

src/editor/core/draw/Draw.ts

@@ -340,11 +340,6 @@ export class Draw {
 
   public insertElementList(payload: IElement[]) {
     if (!payload.length) return
-    const activeControl = this.control.getActiveControl()
-    if (activeControl) {
-      const element = activeControl.getElement()
-      if (element.controlComponent !== ControlComponent.POSTFIX) return
-    }
     const isPartRangeInControlOutside = this.control.isPartRangeInControlOutside()
     if (isPartRangeInControlOutside) return
     const { startIndex, endIndex } = this.range.getRange()
@@ -353,27 +348,36 @@ export class Draw {
       isHandleFirstElement: false,
       editorOptions: this.options
     })
-    const elementList = this.getElementList()
+    let curIndex = -1
-    const isCollapsed = startIndex === endIndex
+    // 判断是否在控件内
-    const start = startIndex + 1
+    const activeControl = this.control.getActiveControl()
-    if (!isCollapsed) {
+    if (activeControl && !this.control.isRangInPostfix()) {
-      elementList.splice(start, endIndex - startIndex)
+      curIndex = activeControl.setValue(payload)
-    }
+    } else {
-    const positionContext = this.position.getPositionContext()
+      const elementList = this.getElementList()
-    for (let i = 0; i < payload.length; i++) {
+      const isCollapsed = startIndex === endIndex
-      const element = payload[i]
+      const start = startIndex + 1
-      if (positionContext.isTable) {
+      if (!isCollapsed) {
-        element.tdId = positionContext.tdId
+        elementList.splice(start, endIndex - startIndex)
-        element.trId = positionContext.trId
-        element.tableId = positionContext.tableId
       }
-      elementList.splice(start + i, 0, element)
+      const positionContext = this.position.getPositionContext()
+      for (let i = 0; i < payload.length; i++) {
+        const element = payload[i]
+        if (positionContext.isTable) {
+          element.tdId = positionContext.tdId
+          element.trId = positionContext.trId
+          element.tableId = positionContext.tableId
+        }
+        elementList.splice(start + i, 0, element)
+      }
+      curIndex = startIndex + payload.length
+    }
+    if (~curIndex) {
+      this.range.setRange(curIndex, curIndex)
+      this.render({
+        curIndex
+      })
     }
-    const curIndex = startIndex + payload.length
-    this.range.setRange(curIndex, curIndex)
-    this.render({
-      curIndex
-    })
   }
 
   public getOriginalElementList() {

src/editor/core/draw/control/Control.ts

@@ -48,6 +48,16 @@ export class Control {
     return false
   }
 
+  // 判断选区是否在后缀处
+  public isRangInPostfix(): boolean {
+    if (!this.activeControl) return false
+    const { startIndex, endIndex } = this.getRange()
+    if (startIndex !== endIndex) return false
+    const elementList = this.getElementList()
+    const element = elementList[startIndex]
+    return element.controlComponent === ControlComponent.POSTFIX
+  }
+
   public getContainer(): HTMLDivElement {
     return this.draw.getContainer()
   }

src/editor/core/draw/control/checkbox/CheckboxControl.ts

@@ -61,8 +61,7 @@ export class CheckboxControl implements IControlInstance {
   }
 
   public setValue(): number {
-    const { endIndex } = this.control.getRange()
+    return -1
-    return endIndex
   }
 
   public setSelect() {

src/editor/core/draw/control/select/SelectControl.ts

@@ -68,8 +68,7 @@ export class SelectControl implements IControlInstance {
   }
 
   public setValue(): number {
-    const range = this.control.getRange()
+    return -1
-    return range.endIndex
   }
 
   public keydown(evt: KeyboardEvent): number {

src/editor/core/event/handlers/input.ts

@@ -67,7 +67,7 @@ export function input(data: string, host: CanvasEvent) {
   })
   // 控件-移除placeholder
   let curIndex: number
-  if (activeControl && elementList[endIndex + 1]?.controlId === element.controlId) {
+  if (activeControl && !control.isRangInPostfix()) {
     curIndex = control.setValue(inputData)
   } else {
     const start = startIndex + 1
@@ -80,11 +80,13 @@ export function input(data: string, host: CanvasEvent) {
     }
     curIndex = startIndex + inputData.length
   }
-  rangeManager.setRange(curIndex, curIndex)
+  if (~curIndex) {
-  draw.render({
+    rangeManager.setRange(curIndex, curIndex)
-    curIndex,
+    draw.render({
-    isSubmitHistory: !isComposing
+      curIndex,
-  })
+      isSubmitHistory: !isComposing
+    })
+  }
   if (isComposing) {
     host.compositionInfo = {
       elementList,

src/editor/core/event/handlers/keydown.ts

@@ -74,7 +74,7 @@ export function keydown(evt: KeyboardEvent, host: CanvasEvent) {
       ...restArg
     }
     let curIndex: number
-    if (activeControl) {
+    if (activeControl && !control.isRangInPostfix()) {
       curIndex = control.setValue([enterText])
     } else {
       if (isCollapsed) {
@@ -84,8 +84,10 @@ export function keydown(evt: KeyboardEvent, host: CanvasEvent) {
       }
       curIndex = index + 1
     }
-    rangeManager.setRange(curIndex, curIndex)
+    if (~curIndex) {
-    draw.render({ curIndex })
+      rangeManager.setRange(curIndex, curIndex)
+      draw.render({ curIndex })
+    }
     evt.preventDefault()
   } else if (evt.key === KeyMap.Left) {
     if (isReadonly) return