HarmonyOS鸿蒙Next中声明式开发范式@Extend装饰器的Bug

HarmonyOS鸿蒙Next中声明式开发范式@Extend装饰器的Bug 本来怀着愉快的心情为我的专栏《鸿蒙开发ArkUI最佳实践》写第3章第一节的教程。无意中发现了声明式开发范式@Extend装饰器的一个Bug。具体过程如下：

首先建立一个Hello World页面，代码如下：

@Entry
@Componentstruct Index {
  build() {
    Flex({
      direction: FlexDirection.Column,
      alignItems: ItemAlign.Center,
      justifyContent: FlexAlign.Center
    }) {
      Text('Hello World')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
    }
    .width('100%')
    .height('100%')
  }
}

效果如下：

@Extend装饰器将新的属性函数添加到内置组件上，如Text、Column、Button等。通过@Extend装饰器可以快速定义并复用组件的自定义样式。

将文本样式使用@Extend装饰器包装一下：

[@Extend](/user/Extend)(Text) function style() {
  .fontSize(50)
  .fontWeight(FontWeight.Bold)
}

然后原来的代码可使用.style()描述文本的样式，如下图所示：

此时App的效果仍然让人愉快。但是…如果给上述@Extend声明加上多行注释：

/**
 * 通过[@Extend](/user/Extend)装饰器快速定义并复用组件的自定义样式
 */
[@Extend](/user/Extend)(Text) function style() {
  .fontSize(50)
  .fontWeight(FontWeight.Bold)
}

然后，预览器的效果：

事情还没完，我在多行注释下再加入一个单行注释，居然恢复正常了：

神奇吗？就是这样神奇。估计@Extend装饰器上面有多行注释时会引发编译异常，希望华为的同学复测一下，看看是否一个Bug。

另外，对于@Extend装饰器，我觉得目前还有些鸡肋。首先，@Extend装饰器包装的内容，只能供本页面内部调用，无法使用export供其它页面复用。但是，如果其它页面定义了一个同名的@Extend装饰器，又会提示重复定义。总之，对它，我有些没有脾气。