如何实现一个分割线可以将组件分隔成左右两部分，分割线可以拖动将左右空间进行压缩和拉伸？

Column({ space: 8 }) {
    RowSplit() {
      Text(this.text_left)
        .width(this.left)
        .height("100%")
        .backgroundColor(0xF5DEB3)
        .textAlign(TextAlign.Center)
        .onSizeChange((oldValue, newValue) => {

          this.text_left = Math.round((newValue.width as number * 100 / 200)) + "%"
        })
      Text(this.text_right)
        .width(this.right)
        .height("100%")
        .backgroundColor(0xD2B48C)
        .textAlign(TextAlign.Center)
        .onSizeChange((oldValue, newValue) => {
          this.text_right = Math.round((newValue.width as number * 100 / 200)) + "%"
        })
    }
    .borderWidth(1)
    .resizeable(true) // 可拖动
    .width(200)
    .height('60%')
  }.width('100%')
  .height("100%")
  .justifyContent(FlexAlign.Center)
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.