feat(vue-next): add vue3 css cache

driver/js/packages/hippy-vue-next/src/runtime/element/hippy-element.ts

@@ -222,9 +222,12 @@ export class HippyElement extends HippyNode {
   // attributes
   public attributes: NativeNodeProps;
 
-  // style
+  // TODO style
   public style: NativeNodeProps;
 
+  // 包含了 className 解析后的完整属性，待重构
+  public cssStyle: NativeNodeProps = {};
+
   // events map
   public events: NativeNodeProps;
 
@@ -874,6 +877,19 @@ export class HippyElement extends HippyNode {
     // get styles
     let style: NativeNodeProps = this.getNativeStyles();
 
+    if (this.parentNode && this.parentNode instanceof HippyElement) {
+      // 属性继承逻辑实现
+      // 只继承 color 和 font属性
+      const parentNodeStyle = this.parentNode.cssStyle;
+      const styleAttributes = ['color', 'fontSize', 'fontWeight', 'fontFamily', 'fontStyle', 'textAlign', 'lineHeight'];
+
+      styleAttributes.forEach((attribute) => {
+        if (!style[attribute] && parentNodeStyle[attribute]) {
+          style[attribute] = parentNodeStyle[attribute];
+        }
+      });
+    }
+
     getBeforeRenderToNative()(this, style);
 
     /*
@@ -892,6 +908,8 @@ export class HippyElement extends HippyNode {
       style = { ...updateStyle, ...style };
     }
 
+    this.cssStyle = style;
+
     const elementExtraAttributes: Partial<NativeNode> = {
       name: this.component.name,
       props: {

driver/js/packages/hippy-vue-next/src/runtime/node/hippy-node.ts

@@ -372,6 +372,8 @@ export class HippyNode extends HippyEventTarget {
     // In the case of keep-alive, the node still exists and will be moved to the virtual container
     if (child.parentNode && child.parentNode !== this) {
       child.parentNode.removeChild(child);
+      // TODO keep alive 标记
+      return;
     }
 
     // If the node is already mounted, remove it first, but do not remove when is hydrate.