搜索框的值在输入完之后需要回车才能获取，首先在搜索框上挂载二开脚本（二开示例脚本如下所示），在脚本中定义组件选择器，监听搜索框的输入内容并赋值给组件选择器（通过ev.data.value可以拿到当前输入的值 ）：

二开示例脚本：

export class SampleExtension {
  文本 = Element.empty(); //定义组件选择器，可选择其他组件（单选）

  /**
   * 生命周期函数 当前初始化完成时回调
   * 事件监听通常在这里添加
   * 注意：由于这是其他组件可能还未加载，其他组件的引用在这里可能还是空
   */
  async init() {
    // //监听组件数据变化
    this.element.addEventListener("自定义事件", (ev) => {
      this.文本.setOption(
        ["text"],
        ev.data.value
      );
    });
  }

  /**
   * 生命周期函数 当前组件所在子看板中所有组件初始化完成时回调
   * 其他组件的引用在这里都可以访问了
   */
  ready() {

  }

  /**
   * 生命周期函数 ready后每帧调用，未启用时不会调用
   * 不要在这里放耗时的操作，否则会很卡
   */
  update() {

  }

  /**
   * 生命周期函数 组件销毁时调用，一般在此处清空监听事件
   */
  destroy() {

  }
}

然后在搜索框的代码面板这边，给自定义设置项添加对应组件

最后给搜索框添加一个“搜索”事件的交互（回车时会触发），用来触发二开中的事件

这样就可以在文本组件上显示当前输入的值了