feat: 增加伪类

Author: heiazu

.vscode/launch.json

@@ -5,7 +5,7 @@
           "name": "Debug Rust",
           "type": "lldb",
           "request": "launch",
-          "program": "/Users/zhuminghui2/.nvm/versions/node/v16.20.2/bin/node",
+          // "program": "/Users/zhuminghui2/.nvm/versions/node/v16.20.2/bin/node",
           "cwd": "${workspaceFolder}",
             "args": [
                 "${workspaceFolder}/__test__/index.js"

__test__/fixure/mod.jsx

@@ -123,7 +123,7 @@ export default class Mod extends React.Component {
             src='//img14.360buyimg.com/img/jfs/t1/206378/24/25778/195/64eca527F378f17a2/c1623681708609fd.png'
           ></img>
         </div>
-        <div className='normal'></div>
+        <div className='pesudo'></div>
       </div>
     )
   }

__test__/fixure/pesudo.jsx

@@ -0,0 +1,7 @@
+import { View } from '@tarojs/components'
+import './pesudo.scss'
+
+function Pesudo() {
+
+  return <View className='pesudo'></View>
+}

__test__/fixure/pesudo.scss

@@ -0,0 +1,16 @@
+
+
+.pesudo {
+	height: 200px;
+	width: 200px;
+}
+
+.pesudo::before {
+	content: '';
+	color: #00f;
+}
+.pesudo::after {
+	content: '';
+	color: #f00;
+	height: 20px;
+}

src/lib.rs

@@ -45,6 +45,7 @@ pub fn parse(component: String, styles: Vec<String>, platform_string: String) ->
     program.clone(),
     jsx_record.clone(),
     style_data.style_record.clone(),
+    style_data.pesudo_style_record.clone(),
     style_data.all_style.clone(),
   );
   match platform_string.as_str() {

src/style_parser.rs

@@ -10,6 +10,7 @@ pub type StyleValue = Vec<StyleValueType>;
 
 pub struct StyleData<'i> {
   pub style_record: Rc<RefCell<HashMap<SpanKey, Vec<(String, Property<'i>)>>>>,
+  pub pesudo_style_record: Rc<RefCell<HashMap<SpanKey, Vec<(String, Vec<(String, Property<'i>)>)>>>>,
   pub all_style: Rc<RefCell<HashMap<String, StyleValue>>>,
 }
 
@@ -42,7 +43,7 @@ impl<'i> Visitor<'i> for StyleVisitor<'i> {
     match rule {
       CssRule::Style(style) => {
         let selectors_str = style.selectors.to_string();
-        let selectors = selectors_str.split(",").collect::<Vec<&str>>();
+        let selectors: Vec<&str> = selectors_str.split(",").collect::<Vec<&str>>();
         for index in 0..selectors.len() {
           let selector = selectors[index].trim().replace(".", "");
           let mut all_style = self.all_style.borrow_mut();
@@ -92,11 +93,11 @@ impl<'i> StyleParser<'i> {
     // 遍历 style_record，计算每个节点的最终样式
     let mut all_style = self.all_style.borrow_mut();
     let mut style_record = HashMap::new();
+    let mut pesudo_style_record = HashMap::new();
     let mut final_all_style = self.calc_style_record(&mut all_style);
 
     // final_all_style 转换为驼峰命名
     let mut final_all_style = final_all_style.iter_mut().map(|(selector, style_value)| {
-      // calc_style_record 已经处理掉了所有important_declarations，所以这里不需要再处理
       let properties = style_value.declaration.declarations.iter().map(|property| {
         (
           to_camel_case(
@@ -115,13 +116,48 @@ impl<'i> StyleParser<'i> {
     })
     .collect::<Vec<(_, _)>>();
 
+    let mut pesudo_selector = None;
     for (selector, style_value) in final_all_style.iter_mut() {
+      // 判断是否伪类
+     
+      if selector.contains(":") {
+        let selectors = selector.split(":").collect::<Vec<&str>>();
+        let new_selector = selectors[0].to_string();
+        pesudo_selector = selectors[1].parse::<String>().ok();
+        *selector = new_selector;
+      }
+
       let elements = self.document.select(selector);
       for element in elements {
-        let declarations = style_record.entry(element.span).or_insert(vec![]);
-        declarations.push(style_value.clone());
+        match pesudo_selector {
+          Some(ref selector) => {
+            let declarations= pesudo_style_record.entry(element.span).or_insert(vec![]);
+            declarations.push((selector.clone(), style_value.clone()));
+          }
+          None => {
+            let declarations: &mut Vec<Vec<(String, Property<'_>)>> = style_record.entry(element.span).or_insert(vec![]);
+            declarations.push(style_value.clone());
+          }
+        }
       }
-    }
+    }             
+
+    // 进行样式解析优化，提前解析 ArkUI 的样式，减少运行时的计算
+    let final_all_style = final_all_style
+    .iter_mut()
+    .map(|(selector, properties)| {
+      (
+        selector.to_owned(),
+        parse_style_properties(
+          &properties
+            .iter()
+            .map(|(k, v)| (k.to_owned(), v.clone()))
+            .collect::<Vec<_>>(),
+        ),
+      )
+    })
+    .collect::<HashMap<_, _>>();
+
 
     let final_style_record = style_record
       .iter_mut()
@@ -147,24 +183,12 @@ impl<'i> StyleParser<'i> {
       })
       .collect::<HashMap<_, _>>();
 
-          // 进行样式解析优化，提前解析 ArkUI 的样式，减少运行时的计算
-    let final_all_style = final_all_style
-    .iter_mut()
-    .map(|(selector, properties)| {
-      (
-        selector.to_owned(),
-        parse_style_properties(
-          &properties
-            .iter()
-            .map(|(k, v)| (k.to_owned(), v.clone()))
-            .collect::<Vec<_>>(),
-        ),
-      )
-    })
-    .collect::<HashMap<_, _>>();
+      let final_pesudo_style_record = pesudo_style_record;
+      
 
     StyleData {
       style_record: Rc::new(RefCell::new(final_style_record)),
+      pesudo_style_record: Rc::new(RefCell::new(final_pesudo_style_record)),
       all_style: Rc::new(RefCell::new(final_all_style)),
     }
   }

src/style_propetries/background.rs

@@ -73,7 +73,7 @@ fn parse_background(background: &SmallVec<[LNBackground<'_>; 1]>) -> Background
       value: background_repeat,
     });
   }
-  if (background_color.is_some()) {
+  if background_color.is_some() {
     bg.color = background_color;
   }
   bg