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

package/dist/runtime-ets/dom/document.ts

@@ -4,7 +4,6 @@ import { isUndefined } from '@tarojs/shared'
 import { Current } from '../current'
 import { findChildNodeWithDFS, getPageScrollerOrNode } from '../utils'
 import { TaroComment } from './comment'
-import { createCSSStyleDeclaration } from './cssStyleDeclaration'
 import { TaroElement } from './element/element'
 import { NodeType, TaroNode, TaroTextNode } from './node'
 
@@ -45,8 +44,6 @@ class TaroDocument extends TaroNode {
       node = new TaroElement(tagName)
     }
     node._doc = this
-    // Hack: 此 Proxy 不能放在 Element 类内定义，否则响应式更新会失效
-    node._style = createCSSStyleDeclaration(node)
     return node
   }
 

package/dist/runtime-ets/dom/element/element.ts

@@ -11,7 +11,7 @@ import StyleSheet, { HarmonyStyle } from '../stylesheet'
 
 import type { StandardProps } from '@tarojs/components/types'
 import type { TaroAny } from '../../utils'
-import type { ICSSStyleDeclaration } from '../cssStyleDeclaration'
+import { createCSSStyleDeclaration, type ICSSStyleDeclaration } from '../cssStyleDeclaration'
 
 type NamedNodeMap = ({ name: string, value: string })[]
 
@@ -31,7 +31,7 @@ export class TaroElement<T extends StandardProps = StandardProps> extends TaroNo
   constructor(tagName: string) {
     super(tagName.replace(new RegExp('(?<=.)([A-Z])', 'g'), '-$1').toUpperCase(), NodeType.ELEMENT_NODE)
     this.tagName = this.nodeName
-
+    this._style = createCSSStyleDeclaration(this)
     initComponentNodeInfo(this)
     bindAnimation(this)
   }
@@ -159,6 +159,7 @@ export class TaroElement<T extends StandardProps = StandardProps> extends TaroNo
     return this._innerHTML
   }
 
+  // 存放的样式，获取其实跟获取style是一样的，只不过这里取的更快捷，不需要走style的get方法进到cssStyleDeclaration
   public _st = new StyleSheet()
 
   // 经转换后的鸿蒙样式
@@ -173,7 +174,7 @@ export class TaroElement<T extends StandardProps = StandardProps> extends TaroNo
   }
 
   // 伪类，不存在style动态设置，均已被转换为鸿蒙样式
-  // TODO：可根据实际情况，迁移到具体的组件中，如View、ScrollView中，Text\Image其实是不需要的
+  // 可根据实际情况，迁移到具体的组件中，如View、ScrollView中，Text\Image其实是不需要的
   public _pseudo_before: StyleSheet | null = null
 
   public set_pseudo_before (value: HarmonyStyle | null) {
@@ -182,7 +183,7 @@ export class TaroElement<T extends StandardProps = StandardProps> extends TaroNo
         this._pseudo_before = new StyleSheet()
       }
       Object.keys(value).forEach(key => {
-        this._pseudo_before![key] = value[key]
+        this._pseudo_before!.hmStyle[key] = value[key]
       })
     } else {
       this._pseudo_before = null
@@ -197,7 +198,7 @@ export class TaroElement<T extends StandardProps = StandardProps> extends TaroNo
         this._pseudo_after = new StyleSheet()
       }
       Object.keys(value).forEach(key => {
-        this._pseudo_after![key] = value[key]
+        this._pseudo_after!.hmStyle[key] = value[key]
       })
     } else {
       this._pseudo_after = null