feat: 支持empty选择器，支持解析createElement嵌套样式

Author: heiazu

.gitignore

@@ -196,4 +196,4 @@ Cargo.lock
 
 *.node
 
-src/main.rs
+# src/main.rs

src/constants.rs

@@ -11,7 +11,7 @@ pub const ENV_FUN: &'static str = "__env__";
 // pub const CALC_DYMAMIC_STYLE: &'static str = "calcDynamicStyle";
 pub const CALC_STATIC_STYLE: &'static str = "calcStaticStyle";
 pub const CSS_VAR_FN: &'static str = "__var_fn";
-pub static SUPPORT_PSEUDO_KEYS: [&'static str; 5] = [":before", ":after", ":first-child", ":last-child", ":nth-child"];
+pub static SUPPORT_PSEUDO_KEYS: [&'static str; 6] = [":before", ":after", ":first-child", ":last-child", ":nth-child", ":empty"];
 
 
 pub const RN_CONVERT_STYLE_PX_FN: &'static str = "scalePx2dp";

src/main.rs

@@ -0,0 +1,78 @@
+use std::{cell::RefCell, fs, rc::Rc};
+use style_parser::StyleParser;
+use style_propetries::unit::Platform;
+
+use swc_core::{
+  ecma::codegen::{text_writer::JsWriter, Emitter},
+  common::{comments::SingleThreadedComments, sync::Lrc, SourceMap}
+};
+use crate::{document::JSXDocument, style_write::StyleWrite};
+
+
+mod document;
+mod scraper;
+mod style_write;
+mod utils;
+mod visitor;
+mod constants;
+mod style_propetries;
+mod style_parser;
+mod parse_style_properties;
+
+// component: jsx的code string
+// styles: css的code string
+// platform_string: "ReactNative" | "Harmony"
+
+
+pub fn main() {
+
+  let component = fs::read_to_string("__test__/fixure/pesudo.jsx").unwrap();
+  let css = fs::read_to_string("__test__/fixure/pesudo.scss").unwrap();
+
+  let platform = Platform::Harmony;
+
+  let mut is_enable_nesting = true;
+
+  // 解析组件文件
+  let cm: Lrc<SourceMap> = Default::default();
+  let comments = SingleThreadedComments::default();
+  let mut document = JSXDocument::new();
+  document.parse(component, cm.clone(), &comments);
+
+  // 解析样式文件
+  let mut style_parser = StyleParser::new(&document, platform.clone());
+  style_parser.parse(&css);
+  let style_data = style_parser.calc();
+
+  // 判断计算的结果是否会含有嵌套选择器
+  if is_enable_nesting {
+    is_enable_nesting = style_data.has_nesting;
+  }
+
+  let program = Rc::new(RefCell::new(document.program.as_ref().unwrap().clone()));
+  let jsx_record = Rc::new(RefCell::new(document.jsx_record.as_ref().unwrap().clone()));
+  let mut style_write = StyleWrite::new(
+    program.clone(),
+    jsx_record.clone(),
+    style_data.pesudo_style_record.clone(),
+    style_data.all_style.clone(),
+    is_enable_nesting,
+  );
+  style_write.write(platform, document.taro_components.clone());
+
+  // ast 转代码
+  let mut buf = Vec::new();
+  {
+    let writer = Box::new(JsWriter::new(cm.clone(), "\n", &mut buf, None));
+    let mut emitter = Emitter {
+      cfg: Default::default(),
+      cm: cm.clone(),
+      wr: writer,
+      comments: Some(&comments),
+    };
+    emitter.emit_program(&program.borrow()).unwrap();
+  }
+  let code = String::from_utf8(buf).unwrap().replace("\r\n", "\n");
+  
+  println!("{}", code);
+}

src/parse_style_properties.rs

@@ -4,7 +4,7 @@ use lightningcss::{properties::{custom::TokenOrValue, Property}, stylesheet::Pri
 use swc_core::{common::DUMMY_SP, ecma::{ast::{self}, utils::quote_ident}};
 use swc_core::ecma::ast::*;
 
-use crate::{constants::ENV_FUN, style_parser::KeyFrameItem, style_propetries::{animation::Animation, aspect_ratio::AspactRatio, background::Background, background_image::BackgroundImage, background_position::BackgroundPosition, background_repeat::BackgroundRepeat, background_size::BackgroundSize, border::Border, border_color::BorderColor, border_radius::BorderRadius, border_style::BorderStyle, border_width::BorderWidth, color::ColorProperty, display::Display, expr::Expr, flex::Flex, flex_align::FlexAlign, flex_basis::FlexBasis, flex_direction::FlexDirection, flex_wrap::FlexWrap, font_size::FontSize, font_style::FontStyle, font_weight::FontWeight, gap::Gap, item_align::ItemAlign, length_value::LengthValueProperty, letter_spacing::LetterSpacing, line_height::LineHeight, marin_padding::MarginPadding, max_size::MaxSizeProperty, normal::Normal, number::NumberProperty, overflow::Overflow, size::SizeProperty, style_value_type::StyleValueType, text_align::TextAlign, text_decoration::TextDecoration, text_overflow::TextOverflow, text_shadow::TextShadow, text_transform::TextTransform, transform::Transform, transform_origin::TransformOrigin, unit::{generate_expr_by_length_value, generate_expr_with_css_input, Platform}, vertical_align::VerticalAlign}};
+use crate::{constants::ENV_FUN, style_parser::KeyFrameItem, style_propetries::{animation::Animation, aspect_ratio::AspactRatio, background::Background, background_image::BackgroundImage, background_position::BackgroundPosition, background_repeat::BackgroundRepeat, background_size::BackgroundSize, border::Border, border_color::BorderColor, border_radius::BorderRadius, border_style::BorderStyle, border_width::BorderWidth, color::ColorProperty, display::Display, expr::Expr, flex::Flex, flex_align::FlexAlign, flex_basis::FlexBasis, flex_direction::FlexDirection, flex_wrap::FlexWrap, font_size::FontSize, font_style::FontStyle, font_weight::FontWeight, gap::Gap, item_align::ItemAlign, length_value::LengthValueProperty, letter_spacing::LetterSpacing, line_height::LineHeight, marin_padding::MarginPadding, max_size::MaxSizeProperty, normal::Normal, number::NumberProperty, overflow::Overflow, size::SizeProperty, style_value_type::StyleValueType, text_align::TextAlign, text_decoration::TextDecoration, text_overflow::TextOverflow, text_shadow::TextShadow, text_transform::TextTransform, transform::Transform, transform_origin::TransformOrigin, unit::{generate_expr_by_length_value, Platform}, vertical_align::VerticalAlign}};
 
 pub fn parse_style_properties(properties: &Vec<(String, Property)>, keyframes_map: Option<Rc<RefCell<HashMap<String, Vec<KeyFrameItem>>>>>) -> Vec<StyleValueType> {
   let mut final_properties = vec![];
@@ -14,7 +14,6 @@ pub fn parse_style_properties(properties: &Vec<(String, Property)>, keyframes_ma
     match value {
       Property::Unparsed(unparsed) => {
         unparsed.value.0.iter().for_each(|item| {
-          println!("Unparsed item: {:?}", item);
           match item {
             TokenOrValue::Env(env) => {
               is_env = true;

src/visitor.rs

@@ -484,11 +484,12 @@ impl ModuleMutVisitor {
         let arg = &mut stmt.arg;
         if let Some(expr_in_box) = arg {
           let is_return_jsx_like = match &mut **expr_in_box {
+            // JSX
             Expr::JSXElement(_) |
             Expr::JSXFragment(_) |
-            Expr::JSXMember(_) => {
-              true
-            },
+            Expr::JSXMember(_) => true,
+            // React.createElement
+            Expr::Call(call_expr) => check_is_jsx_callee(call_expr),
             _ => false
           };
           if is_return_jsx_like {
@@ -948,6 +949,26 @@ fn generate_stylesheet(fn_name: String, fn_data_name: String, style_object: Box<
   )
 }
 
+
+fn check_is_jsx_callee (call_expr: &CallExpr) -> bool {
+  if let Callee::Expr(expr) = &call_expr.callee {
+    if let Expr::Member(member) = &**expr {
+      if let MemberProp::Ident(ident) = &member.prop {
+        if ident.sym.to_string() == "createElement" {
+          return true
+        }
+      }
+    }
+    if let Expr::Ident(ident) = &**expr {
+      if ident.sym.to_string() == "createElement" {
+        return true
+      }
+    }
+  }
+
+  return false
+}
+
 pub enum EtsDirection {
   Row,
   Column,
@@ -980,25 +1001,6 @@ impl<'i> JSXMutVisitor<'i> {
     }
   }
 
-  fn check_is_jsx_callee (&self, call_expr: &CallExpr) -> bool {
-    if let Callee::Expr(expr) = &call_expr.callee {
-      if let Expr::Member(member) = &**expr {
-        if let MemberProp::Ident(ident) = &member.prop {
-          if ident.sym.to_string() == "createElement" {
-            return true
-          }
-        }
-      }
-      if let Expr::Ident(ident) = &**expr {
-        if ident.sym.to_string() == "createElement" {
-          return true
-        }
-      }
-    }
-
-    return false
-  }
-
   fn get_jsx_element_or_callee_calss_value_and_dynamic_class_styles (&self, jsx_element_or_callee: &JSXElementOrJSXCallee) -> (Option<Expr>, bool) {
     let mut has_dynamic_class = false;
     let mut class_attr_value = None;
@@ -1362,7 +1364,7 @@ impl<'i> VisitMut for JSXMutVisitor<'i> {
   noop_visit_mut_type!();
 
   fn visit_mut_call_expr(&mut self, n: &mut CallExpr) {
-    if self.check_is_jsx_callee(n) {
+    if check_is_jsx_callee(n) {
 
       let span_key = SpanKey(n.span);
       if let Some(_) = self.jsx_record.borrow_mut().get(&span_key) {