HarmonyOS 现有组件扩展如何实现

ArkTS没有原型的概念，目前对于拓展的相关述求，只能通过继承基类的方式进行扩展。定义一个基类包含需要扩展的方法。

class Base {
  method1() {
    console.log(‘method1 from Base’);
  }
}
1.
2.
3.
4.
5.

定义一个继承自基类的子类，重写需要扩展的方法，并在子类中添加新的方法。

class Child extends Base {
  method1() {
    console.log(‘method1 from Child’);
  }
  method2() {
    console.log(‘method2 from Child’);
  }
}
1.
2.
3.
4.
5.
6.
7.
8.

组件扩展直接自定义组件即可：

@Component
struct MyText {
  content: string = '';
  fs_type: string = 'medium';

  build() {
    Text(this.content).fontSize(this.getSize())
  }

  getSize() {
    switch (this.fs_type) {
      case 'small':
        return 10;
      case 'medium':
        return 15;
      case 'large':
        return 20;
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.

使用时也可添加默认没有的属性：

MyText({ content: 'Test', fs_type: 'large' }).backgroundColor(Color.Yellow)
  .onClick(() => {
    // do something
  })
1.
2.
3.
4.

如果组件前加上export全局可用。