HarmonyOS TextInput绑定自定义键盘问题

@Entry 
@Component 
struct TextInputExample { 
  controller: TextInputController = new TextInputController() 
  @State inputValue: string = "" 
  @State currentCaretOffset: number = 0; 
 
  // 自定义键盘组件 
  @Builder 
  CustomKeyboardBuilder() { 
    Column() { 
      Button('x').onClick(() => { 
        // 关闭自定义键盘 
        this.controller.stopEditing() 
      }) 
      Grid() { 
        ForEach([1, 2, 3, 4, 5, 6, 7, 8, 9, '*', 0, '#'], (item: number | string) => { 
          GridItem() { 
            Button(item + "") 
              .width(110).onClick(() => { 
              let curCaret = this.controller.getCaretOffset(); 
              this.currentCaretOffset = curCaret.index; 
              this.inputValue = this.inputValue.slice(0, this.currentCaretOffset) + item + this.inputValue.slice(this.currentCaretOffset); 
              this.currentCaretOffset++; 
            }) 
          } 
        }) 
      }.maxCount(3).columnsGap(10).rowsGap(10).padding(5) 
    }.backgroundColor(Color.Gray) 
  } 
 
  build() { 
    Column() { 
      TextInput({ controller: this.controller, text: this.inputValue }) 
        .onChange(() => { 
          this.controller.caretPosition(this.currentCaretOffset) 
        })// 绑定自定义键盘 
        .customKeyboard(this.CustomKeyboardBuilder()).margin(10).border({ width: 1 }) 
    } 
  } 
}