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

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

@@ -1,13 +1,12 @@
 import { eventHandler, getComponentEventCallback, AREA_CHANGE_EVENT_NAME, VISIBLE_CHANGE_EVENT_NAME, createTaroEvent } from '@tarojs/runtime'
 
-import commonStyleModify from './style'
+import { rowModify, columnModify } from './style'
 import PseduoChildren from './pseudo'
-import { createLazyChildren } from './render'
 import { FlexManager } from './utils/FlexManager'
 import { TOUCH_EVENT_MAP } from './utils/constant/event'
-import { getNodeThresholds, getNormalAttributes, shouldBindEvent } from './utils/helper'
+import { getNodeThresholds, getStyleAttr, shouldBindEvent } from './utils/helper'
 
-import type { TaroAny, TaroStyleType, TaroScrollViewElement, TaroEvent } from '@tarojs/runtime'
+import type { TaroAny, TaroScrollViewElement, TaroEvent } from '@tarojs/runtime'
 
 interface ScrollViewAttrs {
   scrollBar: BarState
@@ -58,28 +57,10 @@ function handleScrollEvent (node: TaroScrollViewElement, eventName = 'scroll', x
   eventHandler(event, eventName, node)
 }
 
-@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 TaroScrollView {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroScrollViewElement) => void = this.customBuilder
   @ObjectLink node: TaroScrollViewElement
 
   build () {
@@ -88,13 +69,12 @@ export default struct TaroScrollView {
         if (this.node._attrs.scrollX) {
           Row() {
             if (this.node._pseudo_before || this.node._pseudo_after) {
-              PseduoChildren(this.node)
+              PseduoChildren({ node: this.node, createLazyChildren: this.createLazyChildren })
             } else {
-              createLazyChildren(this.node)
+              this.createLazyChildren(this.node)
             }
           }
-          .attributeModifier(commonStyleModify.setNode(this.node))
-          .rowAttrs(getNormalAttributes(this.node))
+          .attributeModifier(rowModify.setNode(this.node))
           .width(null)
           .onAreaChange(shouldBindEvent((_: Area, areaResult: Area) => {
             this.node._nodeInfo._scroll = areaResult
@@ -105,13 +85,12 @@ export default struct TaroScrollView {
         } else {
           Column() {
             if (this.node._pseudo_before || this.node._pseudo_after) {
-              PseduoChildren(this.node)
+              PseduoChildren({ node: this.node, createLazyChildren: this.createLazyChildren })
             } else {
-              createLazyChildren(this.node)
+              this.createLazyChildren(this.node)
             }
           }
-          .attributeModifier(commonStyleModify.setNode(this.node))
-          .columnAttrs(getNormalAttributes(this.node))
+          .attributeModifier(columnModify.setNode(this.node))
           .height(null)
           .alignItems(HorizontalAlign.Start)
           .onAreaChange(shouldBindEvent((_: Area, areaResult: Area) => {
@@ -122,10 +101,10 @@ export default struct TaroScrollView {
           .flexGrow(0).flexShrink(0)
         }
       }
-      .width(getNormalAttributes(this.node).width)
-      .height(getNormalAttributes(this.node).height)
-      .flexGrow(getNormalAttributes(this.node).flexGrow)
-      .flexShrink(getNormalAttributes(this.node).flexShrink)
+      .width(getStyleAttr(this.node, 'width'))
+      .height(getStyleAttr(this.node, 'height'))
+      .flexGrow(this.node.hmStyle?.flexGrow)
+      .flexShrink(this.node.hmStyle?.flexShrink)
       .scrollable(getScrollable(this.node))
       .scrollBar(getAttributes(this.node).scrollBar)
       .onClick(shouldBindEvent((e: ClickEvent) => eventHandler(e, 'click', this.node), this.node, ['click']))

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

@@ -37,6 +37,8 @@ function themeStyles(isDisabled: boolean) {
 
 @Component
 export default struct TaroSlider {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroSliderElement) => void = this.customBuilder
   @ObjectLink node: TaroSliderElement
 
   @State value: number = 0
@@ -74,7 +76,7 @@ export default struct TaroSlider {
         } else {
           this.value = value
           this.node?.updateFormWidgetValue(value)
-          
+
           if (mode === SliderChangeMode.End) {
             const event: TaroEvent = createTaroEvent('change', { detail: { value: this.value } }, node)
             eventHandler(event, 'change', node)
@@ -108,4 +110,4 @@ export default struct TaroSlider {
       }
     }
   }
-}
+}

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

@@ -1,30 +1,32 @@
 import type { HarmonyStyle, TaroElement, TaroStyleType } from '@tarojs/runtime'
 import { isUndefined } from '../shared'
 import { computeBackgroundPosition } from './utils'
-import { getNormalAttributes, getStyle } from './utils/helper'
-
-function getTop (node: TaroElement): Length | number {
-  return node?.hmStyle?.top || 0
-}
-
-function getLeft (node: TaroElement): Length | number {
-  return node?.hmStyle?.left || 0
-}
+import { getNormalAttributes } from './utils/helper'
+import { isMaxWidthView } from './utils/styles'
 
 class CommonStyleModify implements AttributeModifier<CommonAttribute> {
   node: TaroElement | null = null
   style: TaroStyleType | null = null
+  initStyle?: TaroStyleType
 
-  setNode (node: TaroElement) {
+  setNode (node: TaroElement, initStyle?: TaroStyleType) {
     this.node = node
     this.style = getNormalAttributes(this.node)
-
+    this.initStyle = initStyle
+    // 覆盖初始化样式
+    if (initStyle) {
+      Object.keys(initStyle).forEach(key => {
+        if (this.style && !this.style[key]) {
+          this.style[key] = initStyle[key]
+        }
+      })
+    }
     return this
   }
 
   applyNormalAttribute(instance: CommonAttribute): void {
     if (this.node && this.style) {
-      setNormalAttributeIntoInstance(instance, this.style)
+      setNormalAttributeIntoInstance(instance, this.style, this.node)
     }
   }
 }
@@ -33,7 +35,7 @@ class PseudoStyleModify implements AttributeModifier<CommonAttribute> {
   style: TaroStyleType | null = null
 
   setStyle (style: HarmonyStyle) {
-    this.style = getStyle(style)
+    this.style = style
     return this
   }
 
@@ -45,7 +47,37 @@ class PseudoStyleModify implements AttributeModifier<CommonAttribute> {
 }
 
 
-function setNormalAttributeIntoInstance(instance: CommonAttribute, style: TaroStyleType) {
+class RowStyleModify extends CommonStyleModify {
+
+  applyNormalAttribute(instance: CommonAttribute): void {
+    if (this.style) {
+      setNormalAttributeIntoInstance(instance, this.style, this.node)
+      instance.constraintSize({
+        minWidth: this.style.minWidth || this.style.width,
+        maxWidth: this.style.maxWidth,
+        minHeight: this.style.minHeight,
+        maxHeight: this.style.maxHeight
+      })
+    }
+  }
+}
+
+class ColumnStyleModify extends CommonStyleModify {
+  applyNormalAttribute(instance: CommonAttribute): void {
+    if (this.style) {
+      setNormalAttributeIntoInstance(instance, this.style, this.node)
+      instance.constraintSize({
+        minWidth: this.style.minWidth,
+        maxWidth: this.style.maxWidth,
+        minHeight: this.style.minHeight || this.style.height,
+        maxHeight: this.style.maxHeight
+      })
+    }
+  }
+}
+
+
+function setNormalAttributeIntoInstance(instance: CommonAttribute, style: TaroStyleType, node?: TaroElement | null) {
   if (!isUndefined(style.id)) {
     instance.id(style.id)
     instance.key(style.id)
@@ -78,7 +110,9 @@ function setNormalAttributeIntoInstance(instance: CommonAttribute, style: TaroSt
       left: style.marginLeft
     })
   }
-  if (!isUndefined(style.width)) {
+  if (node) {
+    instance.width(isMaxWidthView(node as TaroElement) && isUndefined(style.width) ? '100%' : style.width)
+  } else {
     instance.width(style.width)
   }
   if (!isUndefined(style.height)) {
@@ -96,7 +130,11 @@ function setNormalAttributeIntoInstance(instance: CommonAttribute, style: TaroSt
     instance.backgroundColor(style.backgroundColor)
   }
   if (!isUndefined(style.backgroundImage)) {
-    instance.backgroundImage(style.backgroundImage?.src, style.backgroundRepeat)
+    if (style.backgroundImage.colors) {
+      instance.linearGradient(style.backgroundImage)
+    } else {
+      instance.backgroundImage(style.backgroundImage?.src, style.backgroundRepeat)
+    }
   }
   if (!isUndefined(style.backgroundSize)) {
     instance.backgroundImageSize(style.backgroundSize)
@@ -150,11 +188,8 @@ function setNormalAttributeIntoInstance(instance: CommonAttribute, style: TaroSt
   if (!isUndefined(style.opacity)) {
     instance.opacity(style.opacity)
   }
-  if (!isUndefined(style.linearGradient)) {
-    instance.linearGradient(style.linearGradient)
-  }
   if (!isUndefined(style.overflow)) {
-    instance.clip(style.overflow)
+    instance.clip(style.overflow === 'hidden')
   }
   // if (!isUndefined(style.transformOrigin)) {
   //   instance.rotate({ centerX: style.transformOrigin.x, centerY: style.transformOrigin.y, angle: 0 })
@@ -173,8 +208,8 @@ function setNormalAttributeIntoInstance(instance: CommonAttribute, style: TaroSt
         x: style.transform.Scale.x || 0,
         y: style.transform.Scale.y || 0,
         z: style.transform.Scale.z || 0,
-        centerX: style.transformOrigin?.x,
-        centerY: style.transformOrigin?.y,
+        centerX: style.transformOrigin?.x || 0,
+        centerY: style.transformOrigin?.y || 0,
       })
     }
     if (style.transform.Rotate) {
@@ -182,8 +217,8 @@ function setNormalAttributeIntoInstance(instance: CommonAttribute, style: TaroSt
         x: style.transform.Rotate.x || 0,
         y: style.transform.Rotate.y || 0,
         z: style.transform.Rotate.z || 0,
-        centerX: style.transformOrigin?.x,
-        centerY: style.transformOrigin?.y,
+        centerX: style.transformOrigin?.x || 0,
+        centerY: style.transformOrigin?.y || 0,
         angle: 0
       })
     }
@@ -202,8 +237,8 @@ function setNormalAttributeIntoInstance(instance: CommonAttribute, style: TaroSt
   }
 }
 
-const modify = new CommonStyleModify()
-
 export const pseudoModify = new PseudoStyleModify()
+export const rowModify = new RowStyleModify()
+export const columnModify = new ColumnStyleModify()
 
-export default modify
+export default new CommonStyleModify()

package/dist/components-harmony-ets/swiper.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 { getNodeThresholds, shouldBindEvent } from './utils/helper'
 
 import type { TaroSwiperElement, TaroEvent, TaroAny } from '@tarojs/runtime'
@@ -42,12 +41,14 @@ function getSwiperAttributes (node: TaroSwiperElement): SwiperAttrs {
 
 @Component
 export default struct TaroSwiper {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroSwiperElement) => void = this.customBuilder
   @ObjectLink node: TaroSwiperElement
 
   build () {
     if (this.node.hmStyle?.display !== 'none') {
       Swiper(this.node.controller) {
-        createLazyChildren(this.node)
+        this.createLazyChildren(this.node)
       }
         .attributeModifier(commonStyleModify.setNode(this.node))
         .swiperAttr(getSwiperAttributes(this.node))

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

@@ -28,6 +28,8 @@ function themeStyles(isDisabled: boolean) {
 
 @Component
 export default struct TaroSwitch {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroSwitchElement) => void = this.customBuilder
   @ObjectLink node: TaroSwitchElement
 
   aboutToAppear () {
@@ -50,7 +52,7 @@ export default struct TaroSwitch {
           if (this.node) {
             if (!this.node?._attrs.disabled) {
               const event: TaroEvent = createTaroEvent('change', { detail: { value: isOn } }, this.node)
-      
+
               this.node.updateCheckedValue(isOn)
               eventHandler(event, 'change', this.node)
             } else {

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

@@ -3,7 +3,7 @@ import { eventHandler, convertNumber2VP, getComponentEventCallback, AREA_CHANGE_
 import commonStyleModify from './style'
 import { getButtonColor } from './button'
 import { BUTTON_THEME_COLOR } from './utils/constant/style'
-import { getNodeThresholds, getNormalAttributes, getFontAttributes, shouldBindEvent } from './utils/helper'
+import { getNodeThresholds, getStyleAttr, getFontAttributes, shouldBindEvent } from './utils/helper'
 
 import type { TaroButtonElement, TaroElement, TaroTextElement, TaroAny, TaroTextStyleType, TaroStyleType } from '@tarojs/runtime'
 
@@ -41,6 +41,8 @@ function getButtonFontSize (node: TaroButtonElement) {
 
 @Component
 export default struct TaroText {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroTextElement) => void = this.customBuilder
   @ObjectLink node: TaroTextElement
 
   build () {
@@ -48,16 +50,16 @@ export default struct TaroText {
       if (this.node.parentNode) {
         if ((this.node.parentNode as TaroElement).tagName === 'BUTTON') {
           Text(this.node.textContent)
-            .textNormalFontStyle(getNormalAttributes(this.node.parentNode as TaroElement))
-            .textSpecialFontStyle(getFontAttributes(this.node.parentNode as TaroElement))
+            .textNormalFontStyle(this.node.parentElement?.hmStyle || {})
+            .textSpecialFontStyle(getFontAttributes(this.node.parentElement as TaroElement))
             .fontSize((this.node.parentNode as TaroButtonElement).hmStyle.fontSize || getButtonFontSize(this.node.parentNode as TaroButtonElement))
             .fontColor((this.node.parentNode as TaroButtonElement).hmStyle.color || getButtonColor(this.node.parentNode as TaroButtonElement, BUTTON_THEME_COLOR.get((this.node.parentNode as TaroButtonElement)._attrs.type).text))
         } else {
           Text(this.node.textContent)
-            .textNormalFontStyle(getNormalAttributes(this.node.parentNode as TaroElement))
-            .textSpecialFontStyle(getFontAttributes(this.node.parentNode as TaroElement))
-            .width(getNormalAttributes(this.node.parentNode as TaroElement).width)
-            .height(getNormalAttributes(this.node.parentNode as TaroElement).height)
+            .textNormalFontStyle(this.node.parentElement?.hmStyle || {})
+            .textSpecialFontStyle(getFontAttributes(this.node.parentElement as TaroElement))
+            .width(getStyleAttr(this.node.parentElement, 'width'))
+            .height(getStyleAttr(this.node.parentElement, 'height'))
         }
       }
     } else {
@@ -65,7 +67,7 @@ export default struct TaroText {
         Text(this.node.textContent)
         .onClick(shouldBindEvent((e: ClickEvent) => eventHandler(e, 'click', this.node), this.node, ['click']))
         .attributeModifier(commonStyleModify.setNode(this.node))
-        .textNormalFontStyle(getNormalAttributes(this.node))
+        .textNormalFontStyle(this.node?.hmStyle)
         .textSpecialFontStyle(getFontAttributes(this.node))
         .onVisibleAreaChange(getNodeThresholds(this.node) || [0.0, 1.0], getComponentEventCallback(this.node, VISIBLE_CHANGE_EVENT_NAME))
         .onAreaChange(getComponentEventCallback(this.node, AREA_CHANGE_EVENT_NAME, (res: TaroAny) => {

package/dist/components-harmony-ets/textArea.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 { getNodeThresholds, getNormalAttributes, getFontAttributes, shouldBindEvent, parseStyles } from './utils/helper'
+import { getNodeThresholds, getFontAttributes, shouldBindEvent, parseStyles } from './utils/helper'
 
 import type { TaroAny, TaroStyleType, TaroTextStyleType, TaroTextAreaElement, TaroEvent } from '@tarojs/runtime'
 
@@ -30,6 +30,8 @@ function getPlaceholderColor (node: TaroTextAreaElement): string {
 export default struct TaroTextArea {
   @State value: string = ''
 
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroTextAreaElement) => void = this.customBuilder
   @ObjectLink node: TaroTextAreaElement
 
   aboutToAppear () {
@@ -51,11 +53,11 @@ export default struct TaroTextArea {
         .maxLength(Number(this.node._attrs?.maxlength) || null)
         .placeholderColor(getPlaceholderColor(this.node))
         .attributeModifier(commonStyleModify.setNode(this.node))
-        .textStyle(getNormalAttributes(this.node))
+        .textStyle(this.node?.hmStyle)
         .textAttr(getFontAttributes(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)
@@ -67,7 +69,7 @@ export default struct TaroTextArea {
         })
         .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/utils/helper.ets

@@ -1,4 +1,4 @@
-import { getNormalAttributes, getStyle, getFontAttributes } from './styles'
+import { getNormalAttributes, getFontAttributes, getStyleAttr } from './styles'
 
 import type { TFunc } from '@tarojs/runtime/dist/runtime.esm'
 import type { TaroElement } from '@tarojs/runtime'
@@ -36,4 +36,5 @@ export function getNodeThresholds (node: TaroElement): number[] | null {
   return node?._nodeInfo.thresholds || null
 }
 
-export { getNormalAttributes, getStyle, getFontAttributes }
+
+export { getNormalAttributes, getFontAttributes, getStyleAttr }

package/dist/components-harmony-ets/utils/styles.ets

@@ -2,10 +2,9 @@ import { isUndefined } from '@tarojs/shared'
 import { ObjectAssign } from '@tarojs/runtime'
 
 import { FlexManager } from './flexManager'
-import { TEXT_DEFAULT_STYLE } from './constant/style'
 
 import type { StandardProps, TextProps } from '@tarojs/components/types'
-import type { TaroAny, TaroElement, TaroStyleType, TaroTextStyleType, HarmonyType, HarmonyStyle } from '@tarojs/runtime'
+import type { TaroAny, TaroElement, TaroStyleType, TaroTextStyleType, HarmonyStyle } from '@tarojs/runtime'
 
 export function getFontAttributes (node: TaroElement): TaroTextStyleType {
   const hmStyle = node.hmStyle
@@ -18,8 +17,18 @@ export function getFontAttributes (node: TaroElement): TaroTextStyleType {
     lineHeight = 0
   }
 
+  let WebkitLineClamp = attrs.maxLines || hmStyle.WebkitLineClamp || Infinity
+  if (hmStyle.textOverflow && !isUndefined(hmStyle.textOverflow.overflow)) {
+    switch (hmStyle.textOverflow.overflow) {
+      case TextOverflow.Clip: 
+      case TextOverflow.Ellipsis:
+      case TextOverflow.None: WebkitLineClamp = WebkitLineClamp || 1; break
+      default: break
+    }
+  }
+
   const attributes: TaroAny = {
-    WebkitLineClamp: attrs.maxLines || hmStyle.WebkitLineClamp || Infinity,
+    WebkitLineClamp: WebkitLineClamp,
     // 已做处理的属性
     letterSpacing: hmStyle.letterSpacing,
     textAlign: hmStyle.textAlign,
@@ -32,14 +41,14 @@ export function getFontAttributes (node: TaroElement): TaroTextStyleType {
 }
 
 // 模拟 div 自动撑满父元素的情况
-function isMaxWidthView (node: TaroElement) {
+export function isMaxWidthView (node: TaroElement) {
   const parentNode: TaroElement = node.parentNode as TaroElement
 
   return node.tagName === 'VIEW' && parentNode && parentNode.tagName === 'VIEW' &&
     !(FlexManager.isFlexNode(parentNode) && FlexManager.flexOptions(parentNode).direction !== FlexDirection.Column)
 }
 
-export function getNormalAttributes (node: TaroElement): TaroStyleType {
+export function getNormalAttributes (node: TaroElement): HarmonyStyle {
   const hmStyle = node.hmStyle
   
   if (!hmStyle) return {}
@@ -47,107 +56,30 @@ export function getNormalAttributes (node: TaroElement): TaroStyleType {
   const _nid = node._nid
   const _attrs: StandardProps = node._attrs || {}
 
-  let linearGradient: HarmonyType.LinearGradient | undefined = undefined
-  // 渐变
-  if (hmStyle.backgroundImage?.colors) {
-    linearGradient = hmStyle.backgroundImage
-  }
-
-  let normalAttributes = getStyle(hmStyle)
+  let normalAttributes = hmStyle
 
-  normalAttributes.width = isMaxWidthView(node) && isUndefined(hmStyle.width) ? '100%' : hmStyle.width
+  // 覆盖属性
   normalAttributes.id =  _attrs.id || _nid
 
   // taro_page 等写死在运行时里的节点，没有 _nodeInfo
   if (node._nodeInfo) {
     const overwriteStyle: TaroStyleType = node._nodeInfo?.overwriteStyle
-
     // 处理覆盖属性：如动画的覆盖
     if (overwriteStyle) {
-      normalAttributes = ObjectAssign(normalAttributes, overwriteStyle)
+      normalAttributes = ObjectAssign({}, normalAttributes, overwriteStyle)
     }
   }
   return normalAttributes
 }
 
-export function getStyle(hmStyle: HarmonyStyle): TaroStyleType {
-  let linearGradient: HarmonyType.LinearGradient | undefined = undefined
-  // 渐变
-  if (hmStyle.backgroundImage?.colors) {
-    linearGradient = hmStyle.backgroundImage
-  }
 
-  let normalAttributes: HarmonyStyle = {
-    // Flex相关
-    flexBasis: hmStyle.flexBasis,
-    flexGrow: hmStyle.flexGrow,
-    flexShrink: hmStyle.flexShrink,
-    alignSelf: hmStyle.alignSelf,
-    // 尺寸相关
-    width: hmStyle.width,
-    height: hmStyle.height,
-    minHeight: hmStyle.minHeight,
-    maxHeight: hmStyle.maxHeight,
-    minWidth: hmStyle.minWidth,
-    maxWidth: hmStyle.maxWidth,
-    marginTop: hmStyle.marginTop,
-    marginRight: hmStyle.marginRight,
-    marginBottom: hmStyle.marginBottom,
-    marginLeft: hmStyle.marginLeft,
-    paddingTop: hmStyle.paddingTop,
-    paddingRight: hmStyle.paddingRight,
-    paddingBottom: hmStyle.paddingBottom,
-    paddingLeft: hmStyle.paddingLeft,
-    // 边框相关
-    borderStyle: hmStyle.borderStyle,
-    borderTopStyle: hmStyle.borderTopStyle,
-    borderRightStyle: hmStyle.borderRightStyle,
-    borderBottomStyle: hmStyle.borderBottomStyle,
-    borderLeftStyle: hmStyle.borderLeftStyle,
-    borderWidth: hmStyle.borderWidth,
-    borderTopWidth: hmStyle.borderTopWidth,
-    borderRightWidth: hmStyle.borderRightWidth,
-    borderBottomWidth: hmStyle.borderBottomWidth,
-    borderLeftWidth: hmStyle.borderLeftWidth,
-    borderColor: hmStyle.borderColor,
-    borderTopColor: hmStyle.borderTopColor,
-    borderRightColor: hmStyle.borderRightColor,
-    borderBottomColor: hmStyle.borderBottomColor,
-    borderLeftColor: hmStyle.borderLeftColor,
-    borderRadius: hmStyle.borderRadius,
-    borderTopLeftRadius: hmStyle.borderTopLeftRadius,
-    borderTopRightRadius: hmStyle.borderTopRightRadius,
-    borderBottomRightRadius: hmStyle.borderBottomRightRadius,
-    borderBottomLeftRadius: hmStyle.borderBottomLeftRadius,
-    // 背景相关
-    backgroundColor: hmStyle.backgroundColor,
-    backgroundImage: hmStyle.backgroundImage,
-    backgroundSize: hmStyle.backgroundSize,
-    backgroundRepeat: hmStyle.backgroundRepeat,
-    backgroundPosition: hmStyle.backgroundPosition,
-    linearGradient,
-    // 变换相关
-    transform: hmStyle.transform,
-    transformOrigin: {
-      x: hmStyle.transformOrigin?.x || 0,
-      y: hmStyle.transformOrigin?.y || 0
-    },
-    // 通用文本相关
-    color: hmStyle.color,
-    fontSize: hmStyle.fontSize,
-    fontStyle: hmStyle.fontStyle,
-    fontWeight: hmStyle.fontWeight,
-    fontFamily: hmStyle.fontFamily || TEXT_DEFAULT_STYLE.FONT_FAMILY,
-    textDecoration: hmStyle.textDecoration,
-    // 其他
-    overflow: hmStyle.overflow,
-    opacity: hmStyle.opacity,
-    zIndex: hmStyle.zIndex,
-    // 定位
-    position: hmStyle.position,
-    top: hmStyle.top,
-    left: hmStyle.left,
+export function getStyleAttr(node: TaroElement | null, key: string): TaroAny {
+  if (!node) return null
+  const hmStyle = node.hmStyle
+  if (!hmStyle) return null
+  // 覆盖属性
+  if (key === 'width') {
+    return isMaxWidthView(node) && isUndefined(hmStyle.width) ? '100%' : hmStyle.width
   }
-
-  return normalAttributes
+  return hmStyle[key]
 }

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

@@ -80,6 +80,8 @@ function handleUpdate (node: TaroVideoElement, e: VideoUpdateEvent) {
 
 @Component
 export default struct TaroVideo {
+  @Builder customBuilder() {}
+  @BuilderParam createLazyChildren: (node: TaroVideoElement) => void = this.customBuilder
   @ObjectLink node: TaroVideoElement
 
   build () {