@tarojs/plugin-platform-harmony-ets 4.0.0-beta.19 → 4.0.0-beta.20

package/dist/apis/wxml/IntersectionObserver.ts

@@ -19,13 +19,13 @@ export class IntersectionObserver implements Taro.IntersectionObserver {
   constructor(component: any, options: Taro.createIntersectionObserver.Option = {}) {
     const taro = (Current as any).taro
     const page = taro.getCurrentInstance().page
-    const currentPage = getPageScrollerOrNode(page.node, page)
-    this._component = component || currentPage
+
+    this._component = component || getPageScrollerOrNode(page?.node, page)
     Object.assign(this._options, options)
   }
 
   public disconnect (): void {
-    if (this._observerNodes) {
+    if (this._observerNodes && this._component) {
       if (this._observerNodes instanceof Array) {
         this._observerNodes.forEach((n: TaroElement & any) => {
           disconnectEvent(n, VISIBLE_CHANGE_EVENT_NAME)
@@ -44,6 +44,8 @@ export class IntersectionObserver implements Taro.IntersectionObserver {
   }
 
   public observe (targetSelector: string, callback: Taro.IntersectionObserver.ObserveCallback): void {
+    if (!this._component) return
+    
     const { observeAll, thresholds } = this._options
     const node = findChildNodeWithDFS(this._component, targetSelector, observeAll)
     this._observerNodes = node

package/dist/components-harmony-ets/button.ets

@@ -1,5 +1,4 @@
 import { eventHandler, createTaroEvent, convertNumber2VP, getComponentEventCallback, AREA_CHANGE_EVENT_NAME, VISIBLE_CHANGE_EVENT_NAME } from '@tarojs/runtime'
-import { createLazyChildren } from './render'
 import commonStyleModify from './style'
 import { BUTTON_THEME_COLOR } from './utils/constant/style'
 import { TOUCH_EVENT_MAP } from './utils/constant/event'
@@ -96,6 +95,8 @@ function getButtonMinHeight (node: TaroButtonElement): string | number | undefin
 
 @Component
 export default struct TaroButton {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroButtonElement) => void = this.customBuilder
   @ObjectLink node: TaroButtonElement
 
   build() {
@@ -107,7 +108,7 @@ export default struct TaroButton {
               .width(20).height(20)
               .color(getThemeAttributes(this.node).color)
           }
-          createLazyChildren(this.node)
+          this.createLazyChildren(this.node)
         }
       }
       .themeStyles(getThemeAttributes(this.node))

package/dist/components-harmony-ets/checkbox.ets

@@ -1,7 +1,6 @@
 import { createTaroEvent, eventHandler, getComponentEventCallback, AREA_CHANGE_EVENT_NAME, VISIBLE_CHANGE_EVENT_NAME } from '@tarojs/runtime'
 
 import commonStyleModify from './style'
-import { createLazyChildren } from './render'
 import { FlexManager } from './utils/flexManager'
 import { shouldBindEvent, getNodeThresholds } from './utils/helper'
 
@@ -36,6 +35,8 @@ function getOptions (node: TaroCheckboxElement): CheckboxOptions {
 
 @Component
 export struct TaroCheckbox {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroCheckboxElement) => void = this.customBuilder
   @ObjectLink node: TaroCheckboxElement
 
   aboutToAppear () {
@@ -95,6 +96,8 @@ interface ChangeEventDetail { value: string[] }
 
 @Component
 export struct TaroCheckboxGroup {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroCheckboxGroupElement) => void = this.customBuilder
   @ObjectLink node: TaroCheckboxGroupElement
 
   @Styles visibleChangeEvent () {
@@ -124,7 +127,7 @@ export struct TaroCheckboxGroup {
     if (this.node && this.node?.hmStyle?.display !== 'none') {
       if (FlexManager.isFlexNode(this.node) && FlexManager.flexOptions(this.node).direction !== FlexDirection.Column) {
         Row() {
-          createLazyChildren(this.node)
+          this.createLazyChildren(this.node)
         }
         .attributeModifier(commonStyleModify.setNode(this.node))
         .defaultEvent()
@@ -133,7 +136,7 @@ export struct TaroCheckboxGroup {
         .justifyContent(FlexManager.flexOptions(this.node).justifyContent)
       } else {
         Column() {
-          createLazyChildren(this.node)
+          this.createLazyChildren(this.node)
         }
         .attributeModifier(commonStyleModify.setNode(this.node))
         .defaultEvent()

package/dist/components-harmony-ets/form.ets

@@ -1,7 +1,6 @@
 import { AREA_CHANGE_EVENT_NAME, eventHandler, getComponentEventCallback, VISIBLE_CHANGE_EVENT_NAME } from '@tarojs/runtime'
 
 import commonStyleModify from './style'
-import { createLazyChildren } from './render'
 import { TOUCH_EVENT_MAP } from './utils/constant/event'
 import { FlexManager } from './utils/flexManager'
 import { shouldBindEvent, getNodeThresholds } from './utils/helper'
@@ -10,13 +9,15 @@ import type { TaroAny, TaroFormElement } from '@tarojs/runtime'
 
 @Component
 export default struct TaroForm {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroFormElement) => void = this.customBuilder
   @ObjectLink node: TaroFormElement
-  
+
   build() {
     if (this.node?.hmStyle?.display !== 'none') {
       if (FlexManager.isFlexNode(this.node) && FlexManager.flexOptions(this.node).direction !== FlexDirection.Column) {
         Row() {
-          createLazyChildren(this.node)
+          this.createLazyChildren(this.node)
         }
         .attributeModifier(commonStyleModify.setNode(this.node))
         .onClick(shouldBindEvent((e: ClickEvent) => eventHandler(e, 'click', this.node), this.node, ['click']))
@@ -29,7 +30,7 @@ export default struct TaroForm {
         .justifyContent(FlexManager.flexOptions(this.node).justifyContent)
       } else {
         Column() {
-          createLazyChildren(this.node)
+          this.createLazyChildren(this.node)
         }
         .attributeModifier(commonStyleModify.setNode(this.node))
         .onClick(shouldBindEvent((e: ClickEvent) => eventHandler(e, 'click', this.node), this.node, ['click']))

package/dist/components-harmony-ets/icon.ets

@@ -1,7 +1,7 @@
 import { eventHandler, convertNumber2VP, getComponentEventCallback, AREA_CHANGE_EVENT_NAME, VISIBLE_CHANGE_EVENT_NAME, convertNumber2PX } from '@tarojs/runtime'
 
 import commonStyleModify from './style'
-import { getNormalAttributes, shouldBindEvent, getNodeThresholds } from './utils/helper'
+import { shouldBindEvent, getNodeThresholds } from './utils/helper'
 
 import type { TaroIconElement, TaroAny } from '@tarojs/runtime'
 
@@ -50,19 +50,23 @@ function getIconData (node: TaroIconElement): Resource | null {
 
 @Component
 export default struct TaroIcon {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroIconElement) => void = this.customBuilder
   @ObjectLink node: TaroIconElement
+
   build() {
     if (this.node?.hmStyle?.display !== 'none') {
       Image(getIconData(this.node))
         .objectFit(ImageFit.Contain)
         .fillColor(this.node._attrs.color || ICON_COLOR_MAP[this.node._attrs.type] || Color.Black)
-        .attributeModifier(commonStyleModify.setNode(this.node))
+        .attributeModifier(commonStyleModify.setNode(this.node, {
+          width: convertNumber2PX(23),
+          height: convertNumber2PX(23)
+        }))
         .size({
           width: convertNumber2VP(Number(this.node._attrs.size) || 23),
           height: convertNumber2VP(Number(this.node._attrs.size) || 23),
         })
-        .width(getNormalAttributes(this.node).width || convertNumber2PX(23))
-        .height(getNormalAttributes(this.node).height || convertNumber2PX(23))
         .onComplete(e => eventHandler(e, 'complete', this.node))
         .onClick(shouldBindEvent((e: ClickEvent) => eventHandler(e, 'click', this.node), this.node, ['click']))
         .onVisibleAreaChange(getNodeThresholds(this.node) || [0.0, 1.0], getComponentEventCallback(this.node, VISIBLE_CHANGE_EVENT_NAME))

package/dist/components-harmony-ets/image.ets

@@ -18,6 +18,8 @@ function getImageMode (mode: string): ImageFit {
 
 @Component
 export default struct TaroImage {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroImageElement) => void = this.customBuilder
   @ObjectLink node: TaroImageElement
 
   build() {

package/dist/components-harmony-ets/innerHtml.ets

@@ -1,15 +1,16 @@
 import htmlParser from './utils/htmlParser'
-import { createChildItem } from './render'
 
-import type { TaroInnerHtmlElement } from '@tarojs/runtime'
+import type { TaroElement, TaroInnerHtmlElement } from '@tarojs/runtime'
 
 @Component
 export default struct TaroInnerHtml {
+  @Builder customBuilder() {}
+  @BuilderParam createChildItem: (node: TaroElement, callback?: (node: TaroElement) => void) => void = this.customBuilder
   @ObjectLink node: TaroInnerHtmlElement
-  
+
   build() {
     if (this.node?.hmStyle?.display !== 'none' && this.node.innerHTML) {
-      createChildItem(htmlParser(this.node.innerHTML))
+      this.createChildItem(htmlParser(this.node.innerHTML))
     }
   }
 }

package/dist/components-harmony-ets/input.ets

@@ -1,7 +1,7 @@
 import { eventHandler, getComponentEventCallback, AREA_CHANGE_EVENT_NAME, VISIBLE_CHANGE_EVENT_NAME, createTaroEvent } from '@tarojs/runtime'
 
 import commonStyleModify from './style'
-import { getNormalAttributes, parseStyles, shouldBindEvent, getNodeThresholds } from './utils/helper'
+import { parseStyles, shouldBindEvent, getNodeThresholds } from './utils/helper'
 import { INPUT_TYPE_MAP, INPUT_CONFIRM_MAP } from './utils/constant/style'
 
 import type { TaroStyleType, TaroAny, TaroInputElement, TaroEvent } from '@tarojs/runtime'
@@ -48,6 +48,8 @@ function getPlaceholderColor (node: TaroInputElement): string {
 export default struct TaroInput {
   @State value: string = ''
 
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroInputElement) => void = this.customBuilder
   @ObjectLink node: TaroInputElement
 
   aboutToAppear () {
@@ -71,11 +73,11 @@ export default struct TaroInput {
       .placeholderColor(getPlaceholderColor(this.node))
       .enterKeyType(INPUT_CONFIRM_MAP.get(this.node._attrs?.confirmType) || EnterKeyType.Done)
       .attributeModifier(commonStyleModify.setNode(this.node))
-      .styles(getNormalAttributes(this.node))
+      .styles(this.node?.hmStyle)
       .attrs(getAttributes(this.node))
       .onChange((value: string) => {
         const event: TaroEvent = createTaroEvent('input', { detail: { value } }, this.node)
-        
+
         this.value = value
         this.node?.updateFormWidgetValue(value)
         eventHandler(event, 'input', this.node)
@@ -91,7 +93,7 @@ export default struct TaroInput {
       })
       .onFocus(() => {
         const event: TaroEvent = createTaroEvent('focus', { detail: { value: this.value, height: this.node?._height } }, this.node)
-  
+
         eventHandler(event, 'focus', this.node)
       })
       .onAreaChange(getComponentEventCallback(this.node, AREA_CHANGE_EVENT_NAME, (res: TaroAny) => {

package/dist/components-harmony-ets/label.ets

@@ -1,10 +1,9 @@
 import { Current, eventHandler, getComponentEventCallback, VISIBLE_CHANGE_EVENT_NAME, getPageScrollerOrNode, AREA_CHANGE_EVENT_NAME } from '@tarojs/runtime'
 
 import commonStyleModify from './style'
-import { createLazyChildren } from './render'
 import { TOUCH_EVENT_MAP } from './utils/constant/event'
 import { FlexManager } from './utils/flexManager'
-import { getNormalAttributes, shouldBindEvent, getNodeThresholds } from './utils/helper'
+import { shouldBindEvent, getNodeThresholds } from './utils/helper'
 
 import type { TaroLabelElement, TaroElement, TaroAny, TaroRadioElement, TaroCheckboxElement } from '@tarojs/runtime'
 
@@ -37,13 +36,15 @@ function handleTargetChange (id: string) {
 
 @Component
 export default struct TaroLabel {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node:TaroLabelElement) => void = this.customBuilder
   @ObjectLink node:TaroLabelElement
 
   build() {
     if (this.node?.hmStyle?.display !== 'none') {
       if (FlexManager.isFlexNode(this.node) && FlexManager.flexOptions(this.node).direction !== FlexDirection.Column) {
         Row() {
-          createLazyChildren(this.node)
+          this.createLazyChildren(this.node)
         }
         .attributeModifier(commonStyleModify.setNode(this.node))
         .onClick((e: ClickEvent) => {
@@ -62,7 +63,7 @@ export default struct TaroLabel {
         .justifyContent(FlexManager.flexOptions(this.node).justifyContent)
       } else {
         Column() {
-          createLazyChildren(this.node)
+          this.createLazyChildren(this.node)
         }
         .attributeModifier(commonStyleModify.setNode(this.node))
         .onClick((e: ClickEvent) => {

package/dist/components-harmony-ets/movableArea.ets

@@ -1,43 +1,21 @@
-import type { TaroMovableAreaElement, TaroStyleType, TaroMovableViewElement} from '@tarojs/runtime'
-import commonStyleModify from './style'
-import { createLazyChildren } from './render'
+import type { TaroMovableAreaElement, TaroMovableViewElement} from '@tarojs/runtime'
+import { rowModify, columnModify } from './style'
 
 import { FlexManager } from './utils/flexManager'
-import { getNormalAttributes } from './utils/helper'
-
-
-@Extend(Row)
-function rowAttrs(style: TaroStyleType) {
-  .constraintSize({
-    minWidth: style.minWidth || style.width,
-    maxWidth: style.maxWidth,
-    minHeight: style.minHeight,
-    maxHeight: style.maxHeight
-  })
-}
-
-@Extend(Column)
-function columnAttrs(style: TaroStyleType) {
-  .constraintSize({
-    minWidth: style.minWidth,
-    maxWidth: style.maxWidth,
-    minHeight: style.minHeight || style.height,
-    maxHeight: style.maxHeight
-  })
-}
 
 @Component
 export default struct TaroMovableArea {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroMovableAreaElement) => void = this.customBuilder
   @ObjectLink node: TaroMovableAreaElement
 
   build() {
     if (this.node && this.node.hmStyle?.display !== 'none') {
       if (FlexManager.isFlexNode(this.node) && FlexManager.flexOptions(this.node).direction !== FlexDirection.Column) {
         Row() {
-          createLazyChildren(this.node)
+          this.createLazyChildren(this.node)
         }
-        .attributeModifier(commonStyleModify.setNode(this.node))
-        .rowAttrs(getNormalAttributes(this.node))
+        .attributeModifier(rowModify.setNode(this.node))
         .alignItems(FlexManager.flexOptions(this.node).alignItems as VerticalAlign)
         .justifyContent(FlexManager.flexOptions(this.node).justifyContent)
         .clip(true)
@@ -71,10 +49,9 @@ export default struct TaroMovableArea {
         )
       } else {
         Column() {
-          createLazyChildren(this.node)
+          this.createLazyChildren(this.node)
         }
-        .attributeModifier(commonStyleModify.setNode(this.node))
-        .columnAttrs(getNormalAttributes(this.node))
+        .attributeModifier(columnModify.setNode(this.node))
         .alignItems(FlexManager.flexOptions(this.node).alignItems as HorizontalAlign)
         .justifyContent(FlexManager.flexOptions(this.node).justifyContent)
         .clip(true)

package/dist/components-harmony-ets/movableView.ets

@@ -1,34 +1,13 @@
-import type { TaroMovableViewElement, TaroStyleType, TaroAny } from '@tarojs/runtime'
+import type { TaroMovableViewElement } from '@tarojs/runtime'
 
-import commonStyleModify from './style'
-import { createLazyChildren } from './render'
+import { rowModify, columnModify } from './style'
 
 import { FlexManager } from './utils/flexManager'
-import { getNormalAttributes, } from './utils/helper'
-
-@Extend(Row)
-function rowAttrs(style: TaroStyleType) {
-  .constraintSize({
-    minWidth: style.minWidth || style.width,
-    maxWidth: style.maxWidth,
-    minHeight: style.minHeight,
-    maxHeight: style.maxHeight
-  })
-}
-
-@Extend(Column)
-function columnAttrs(style: TaroStyleType) {
-  .constraintSize({
-    minWidth: style.minWidth,
-    maxWidth: style.maxWidth,
-    minHeight: style.minHeight || style.height,
-    maxHeight: style.maxHeight
-  })
-}
-
 
 @Component
 export default struct TaroMovableView {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroMovableViewElement) => void = this.customBuilder
   @ObjectLink node: TaroMovableViewElement
 
   build() {
@@ -37,18 +16,16 @@ export default struct TaroMovableView {
         if (FlexManager.isFlexNode(this.node) && FlexManager.flexOptions(this.node)
           .direction !== FlexDirection.Column) {
           Row() {
-            createLazyChildren(this.node)
+            this.createLazyChildren(this.node)
           }
-          .attributeModifier(commonStyleModify.setNode(this.node))
-          .rowAttrs(getNormalAttributes(this.node))
+          .attributeModifier(rowModify.setNode(this.node))
           .alignItems(FlexManager.flexOptions(this.node).alignItems as VerticalAlign)
           .justifyContent(FlexManager.flexOptions(this.node).justifyContent)
         } else {
           Column() {
-            createLazyChildren(this.node)
+            this.createLazyChildren(this.node)
           }
-          .attributeModifier(commonStyleModify.setNode(this.node))
-          .columnAttrs(getNormalAttributes(this.node))
+          .attributeModifier(columnModify.setNode(this.node))
           .alignItems(FlexManager.flexOptions(this.node).alignItems as HorizontalAlign)
           .justifyContent(FlexManager.flexOptions(this.node).justifyContent)
         }

package/dist/components-harmony-ets/picker.ets

@@ -1,10 +1,9 @@
 import { AREA_CHANGE_EVENT_NAME, eventHandler, getComponentEventCallback, VISIBLE_CHANGE_EVENT_NAME, TaroPickerElement, createTaroEvent } from '@tarojs/runtime'
-import { createLazyChildren } from './render'
 import commonStyleModify from './style'
 import { getSingleSelector, getMultiSelector } from './utils'
 import { TOUCH_EVENT_MAP } from './utils/constant/event'
 import { FlexManager } from './utils/flexManager'
-import { getNormalAttributes, shouldBindEvent, getNodeThresholds } from './utils/helper'
+import { shouldBindEvent, getNodeThresholds } from './utils/helper'
 
 import type { TaroAny, TaroEvent } from '@tarojs/runtime'
 
@@ -146,9 +145,10 @@ export struct PickerView {
               color: '#000'
             })
             .canLoop(false)
-            .attributeModifier(commonStyleModify.setNode(this.node))
-            .width(getNormalAttributes(this.node).width || '100%')
-            .backgroundColor(getNormalAttributes(this.node).backgroundColor || '#fff')
+            .attributeModifier(commonStyleModify.setNode(this.node, {
+              width: '100%',
+              backgroundColor: '#fff'
+            }))
             .onChange((_, index) => {
               this.node?.updateFormWidgetValue(index)
             })
@@ -158,9 +158,10 @@ export struct PickerView {
               color: '#000'
             })
             .canLoop(false)
-            .attributeModifier(commonStyleModify.setNode(this.node))
-            .width(getNormalAttributes(this.node).width || '100%')
-            .backgroundColor(getNormalAttributes(this.node).backgroundColor || '#fff')
+            .attributeModifier(commonStyleModify.setNode(this.node, {
+              width: '100%',
+              backgroundColor: '#fff'
+            }))
             .onChange((_, index) => {
               if (index instanceof Array) {
                 this.node?.updateFormWidgetValue(index)
@@ -187,9 +188,10 @@ export struct PickerView {
             .selectedTextStyle({
               color: '#000'
             })
-            .attributeModifier(commonStyleModify.setNode(this.node))
-            .width(getNormalAttributes(this.node).width || '100%')
-            .backgroundColor(getNormalAttributes(this.node).backgroundColor || '#fff')
+            .attributeModifier(commonStyleModify.setNode(this.node, {
+              width: '100%',
+              backgroundColor: '#fff'
+            }))
             .onDateChange(value => {
               const data = value.toLocaleDateString().split('/')
               const day = data[1]
@@ -203,9 +205,10 @@ export struct PickerView {
               color: '#000'
             })
             .canLoop(false)
-            .attributeModifier(commonStyleModify.setNode(this.node))
-            .width(getNormalAttributes(this.node).width || '100%')
-            .backgroundColor(getNormalAttributes(this.node).backgroundColor || '#fff')
+            .attributeModifier(commonStyleModify.setNode(this.node, {
+              width: '100%',
+              backgroundColor: '#fff'
+            }))
             .onChange((value) => {
               this.node?.updateFormWidgetValue(`${('00'+value[0]).slice(-2)}:${('00'+value[1]).slice(-2)}`)
             })
@@ -222,6 +225,8 @@ export struct PickerView {
 
 @Component
 export default struct TaroPicker {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroPickerElement) => void = this.customBuilder
   @ObjectLink node: TaroPickerElement
 
   aboutToAppear () {
@@ -309,7 +314,7 @@ export default struct TaroPicker {
     if (this.node && this.node.hmStyle?.display !== 'none') {
       if (FlexManager.isFlexNode(this.node) && FlexManager.flexOptions(this.node).direction !== FlexDirection.Column) {
         Row() {
-          createLazyChildren(this.node)
+          this.createLazyChildren(this.node)
         }
         .defaultEvent()
         .visibleChangeEvent()
@@ -317,7 +322,7 @@ export default struct TaroPicker {
         .justifyContent(FlexManager.flexOptions(this.node).justifyContent)
       } else {
         Column() {
-          createLazyChildren(this.node)
+          this.createLazyChildren(this.node)
         }
         .defaultEvent()
         .visibleChangeEvent()

package/dist/components-harmony-ets/progress.ets

@@ -9,6 +9,8 @@ const PROGRESS_DEFAULTINFOFONTSIZE = 16
 
 @Component
 export default struct TaroProgress {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroProgressElement) => void = this.customBuilder
   @ObjectLink node: TaroProgressElement
 
   build() {

package/dist/components-harmony-ets/pseudo.ets

@@ -1,8 +1,7 @@
-import { getFontAttributes, getStyle } from './utils/helper'
+import { getFontAttributes } from './utils/helper'
 import { pseudoModify } from './style'
-import { createLazyChildren } from './render'
 
-import type { TaroViewElement, TaroStyleType, TaroTextStyleType } from '@tarojs/runtime'
+import type { TaroViewElement, TaroStyleType, TaroTextStyleType, TaroAny } from '@tarojs/runtime'
 
 @Extend(Flex)
 function flexAttrs (style: TaroStyleType) {
@@ -41,33 +40,41 @@ function textSpecialFontStyle(attr: TaroTextStyleType) {
   .lineHeight(attr.lineHeight)
 }
 
-@Builder
-export default function PseduoChildren (node: TaroViewElement) {
-  // 伪类::Before
-  if (node._pseudo_before) {
-    if (node._pseudo_before?.hmStyle.content) {
-      Text(node._pseudo_before.hmStyle.content)
-        .attributeModifier(pseudoModify.setStyle(node._pseudo_before.hmStyle))
-        .textNormalFontStyle(getStyle(node._pseudo_before.hmStyle || {}))
-        .textSpecialFontStyle(getFontAttributes(node))
-    } else {
-      Flex() {}
-      .attributeModifier(pseudoModify.setStyle(node._pseudo_before.hmStyle || {}))
-      .flexAttrs(getStyle(node._pseudo_before.hmStyle || {}))
-    }
-  }
-  createLazyChildren(node)
-  // 伪类::After
-  if (node._pseudo_after) {
-    if (node._pseudo_after?.hmStyle.content) {
-      Text(node._pseudo_after.hmStyle.content)
-        .attributeModifier(pseudoModify.setStyle(node._pseudo_after.hmStyle))
-        .textNormalFontStyle(getStyle(node._pseudo_after.hmStyle || {}))
-        .textSpecialFontStyle(getFontAttributes(node))
-    } else {
-      Flex() {}
-      .attributeModifier(pseudoModify.setStyle(node._pseudo_after.hmStyle || {}))
-      .flexAttrs(getStyle(node._pseudo_after.hmStyle || {}))
+@Component
+export default struct PseduoChildren {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroAny) => void = this.customBuilder
+  @ObjectLink node: TaroViewElement
+
+  build () {
+    if (true) {
+      // 伪类::Before
+      if (this.node._pseudo_before) {
+        if (this.node._pseudo_before?.hmStyle.content) {
+          Text(this.node._pseudo_before.hmStyle.content)
+            .attributeModifier(pseudoModify.setStyle(this.node._pseudo_before.hmStyle))
+            .textNormalFontStyle(this.node._pseudo_before.hmStyle || {})
+            .textSpecialFontStyle(getFontAttributes(this.node))
+        } else {
+          Flex() {}
+          .attributeModifier(pseudoModify.setStyle(this.node._pseudo_before.hmStyle || {}))
+          .flexAttrs(this.node._pseudo_before.hmStyle || {})
+        }
+      }
+      this.createLazyChildren(this.node)
+      // 伪类::After
+      if (this.node._pseudo_after) {
+        if (this.node._pseudo_after?.hmStyle.content) {
+          Text(this.node._pseudo_after.hmStyle.content)
+            .attributeModifier(pseudoModify.setStyle(this.node._pseudo_after.hmStyle))
+            .textNormalFontStyle(this.node._pseudo_after.hmStyle || {})
+            .textSpecialFontStyle(getFontAttributes(this.node))
+        } else {
+          Flex() {}
+          .attributeModifier(pseudoModify.setStyle(this.node._pseudo_after.hmStyle || {}))
+          .flexAttrs(this.node._pseudo_after.hmStyle || {})
+        }
+      }
     }
   }
-}
+}

package/dist/components-harmony-ets/radio.ets

@@ -1,7 +1,6 @@
 import { eventHandler, getComponentEventCallback, AREA_CHANGE_EVENT_NAME, VISIBLE_CHANGE_EVENT_NAME, createTaroEvent } from '@tarojs/runtime'
 
 import commonStyleModify from './style'
-import { createLazyChildren } from './render'
 import { TOUCH_EVENT_MAP } from './utils/constant/event'
 import { FlexManager } from './utils/flexManager'
 import { shouldBindEvent, getNodeThresholds } from './utils/helper'
@@ -35,6 +34,8 @@ function themeStyles(isDisabled: boolean) {
 
 @Component
 export struct TaroRadio {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroRadioElement) => void = this.customBuilder
   @ObjectLink node: TaroRadioElement
 
   aboutToAppear () {
@@ -95,6 +96,8 @@ export struct TaroRadio {
 
 @Component
 export struct TaroRadioGroup {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroRadioGroupElement) => void = this.customBuilder
   @ObjectLink node: TaroRadioGroupElement
 
   @Styles visibleChangeEvent () {
@@ -126,7 +129,7 @@ export struct TaroRadioGroup {
     if (this.node && this.node.hmStyle?.display !== 'none') {
       if (FlexManager.isFlexNode(this.node) && FlexManager.flexOptions(this.node).direction !== FlexDirection.Column) {
         Row() {
-          createLazyChildren(this.node)
+          this.createLazyChildren(this.node)
         }
         .attributeModifier(commonStyleModify.setNode(this.node))
         .defaultEvent()
@@ -135,7 +138,7 @@ export struct TaroRadioGroup {
         .justifyContent(FlexManager.flexOptions(this.node).justifyContent)
       } else {
         Column() {
-          createLazyChildren(this.node)
+          this.createLazyChildren(this.node)
         }
         .attributeModifier(commonStyleModify.setNode(this.node))
         .defaultEvent()

package/dist/components-harmony-ets/richText.ets

@@ -1,13 +1,15 @@
 import { eventHandler, getComponentEventCallback, AREA_CHANGE_EVENT_NAME, VISIBLE_CHANGE_EVENT_NAME } from '@tarojs/runtime'
 
 import commonStyleModify from './style'
-import { generateText } from './utils' 
+import { generateText } from './utils'
 import { getNodeThresholds, shouldBindEvent } from './utils/helper'
 
 import type { TaroAny, TaroRichTextElement } from '@tarojs/runtime'
 
 @Component
 export default struct TaroRichText {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroRichTextElement) => void = this.customBuilder
   @ObjectLink node: TaroRichTextElement
 
   build () {