feat: 增加嵌套拆分逻辑

Author: heiazu

__test__/fixure/pesudo.scss

@@ -1,13 +1,14 @@
 .pesudo {
   height: 400px;
   width: 400px;
+  margin-top: calc(100% - 30px);
 }
 
 .pesudo:last-child {
 	color: red;
 }
 
-.text {
+.a, .a .b  {
 	font-size: 20px;
 	text-overflow: ellipsis;
 }

__test__/index.js

@@ -2,8 +2,8 @@ const fs = require('fs')
 const path = require('path')
 process.env.platform = 'arm64'
 const { parse } = require('../index.js')
-const component = fs.readFileSync(path.resolve(__dirname, 'fixure/mod.jsx'), 'utf8')
-const css1 = fs.readFileSync(path.resolve(__dirname, 'fixure/Mod.scss'), 'utf8')
+const component = fs.readFileSync(path.resolve(__dirname, 'fixure/pesudo.jsx'), 'utf8')
+const css1 = fs.readFileSync(path.resolve(__dirname, 'fixure/pesudo.scss'), 'utf8')
 const code = parse(component, [css1], "Harmony")
 
 console.log(code)

src/constants.rs

@@ -2,6 +2,8 @@ pub const CONVERT_STYLE_PREFIX: &'static str = "_";
 pub const CONVERT_STYLE_PX_FN: &'static str = "convertNumber2VP";
 pub const INNER_STYLE: &'static str = "__inner_style__";
 pub const INNER_STYLE_DATA: &'static str = "__inner_style_data__";
+pub const NESTING_STYLE: &'static str = "__nesting_style__";
+pub const NESTINT_STYLE_DATA: &'static str = "__nesting_style_data__";
 pub const CALC_DYMAMIC_STYLE: &'static str = "calcDynamicStyle";
 
 pub const RN_CONVERT_STYLE_PX_FN: &'static str = "scalePx2dp";

src/style_propetries/marin_padding.rs

@@ -42,6 +42,7 @@ impl ToExpr for MarginPadding {
     // 判断self.id是否padding开头
     let is_padding = self.id.starts_with("padding");
     let key_name = if is_padding { "padding" } else { "margin" };
+
     PropertyTuple::Array(vec![
       (format!("{}Top", key_name), generate_expr_by_length_percentage_or_auto!(self.top.as_ref().unwrap(), Platform::Harmony)),
       (format!("{}Right", key_name), generate_expr_by_length_percentage_or_auto!(self.right.as_ref().unwrap(), Platform::Harmony)),

src/utils.rs

@@ -174,4 +174,42 @@ pub fn color_string(value: &Property) -> String {
       },
       ..PrinterOptions::default()
     }).unwrap()
+}
+
+// 分割选择器
+pub fn split_selector(selector: &str) -> Vec<String> {
+  let mut result = Vec::new();
+    let mut current_word = String::new();
+    let mut buffer = String::new();
+
+    for c in selector.chars() {
+        if c == ' ' || c == '>' || c == '+' || c == '~' {
+            if !current_word.is_empty() {
+                result.push(current_word.clone());
+                current_word.clear();
+            }
+            
+            buffer.push(c);
+            if buffer == " > " || buffer == " + " || buffer == " ~ " {
+                result.push(buffer.clone());
+                buffer.clear();
+            }
+        } else {
+            current_word.push(c);
+            if buffer == ' '.to_string() {
+              result.push(buffer.clone());
+              buffer.clear();
+            }
+        }
+    }
+
+    if !current_word.is_empty() {
+        result.push(current_word.clone());
+    }
+
+    if !buffer.is_empty() {
+        result.push(buffer.clone());
+    }
+
+    result
 }