feat: px2rem support selectorDoubleRemList (#1336)

* feat: px2rem support selectorDoubleRemList

* chore: rename

* chore: remove test case

---------

Co-authored-by: sorrycc <sorrycc@gmail.com>

crates/binding/src/lib.rs

@@ -117,6 +117,7 @@ pub struct BuildParams {
         propWhiteList?: string[];
         selectorBlackList?: string[];
         selectorWhiteList?: string[];
+        selectorDoubleList?: string[];
     };
     stats?: boolean;
     hash?: boolean;

crates/mako/src/config/config.rs

@@ -245,6 +245,8 @@ pub struct Px2RemConfig {
     pub selector_blacklist: Vec<String>,
     #[serde(rename = "selectorWhiteList", default)]
     pub selector_whitelist: Vec<String>,
+    #[serde(rename = "selectorDoubleList", default)]
+    pub selector_doublelist: Vec<String>,
     #[serde(rename = "minPixelValue", default)]
     pub min_pixel_value: f64,
 }
@@ -257,6 +259,7 @@ impl Default for Px2RemConfig {
             prop_whitelist: vec![],
             selector_blacklist: vec![],
             selector_whitelist: vec![],
+            selector_doublelist: vec![],
             min_pixel_value: 0.0,
         }
     }

crates/mako/src/visitors/css_px2rem.rs

@@ -18,21 +18,32 @@ pub struct Px2Rem {
     current_selectors: Vec<String>,
     selector_blacklist: Vec<Regex>,
     selector_whitelist: Vec<Regex>,
+    selector_doublelist: Vec<Regex>,
 }
 
 impl Px2Rem {
     pub fn new(config: Px2RemConfig) -> Self {
         let selector_blacklist = parse_patterns(&config.selector_blacklist);
         let selector_whitelist = parse_patterns(&config.selector_whitelist);
+        let selector_doublelist = parse_patterns(&config.selector_doublelist);
         Self {
             config,
             current_decl: None,
             current_selectors: vec![],
             selector_blacklist,
             selector_whitelist,
+            selector_doublelist,
         }
     }
 
+    fn is_any_in_doublelist(&self) -> bool {
+        let is_any_in_doublelist = self.current_selectors.iter().any(|selector| {
+            self.selector_doublelist
+                .iter()
+                .any(|regx| regx.is_match(selector))
+        });
+        is_any_in_doublelist
+    }
     fn should_transform(&self, val: f64) -> bool {
         if val.abs() < self.config.min_pixel_value {
             return false;
@@ -55,12 +66,14 @@ impl Px2Rem {
                     .iter()
                     .any(|regx| regx.is_match(selector))
             });
+
             let is_any_in_blacklist = self.current_selectors.iter().any(|selector| {
                 self.selector_blacklist
                     .iter()
                     .any(|regx| regx.is_match(selector))
             });
-            (is_whitelist_empty || is_all_in_whitelist) && !is_any_in_blacklist
+            (is_whitelist_empty || is_all_in_whitelist || self.is_any_in_doublelist())
+                && !is_any_in_blacklist
         };
         is_prop_valid && is_selector_valid
     }
@@ -92,6 +105,9 @@ impl VisitMut for Px2Rem {
     fn visit_mut_length(&mut self, n: &mut Length) {
         if n.unit.value.to_string() == "px" && self.should_transform(n.value.value) {
             n.value.value /= self.config.root;
+            if self.is_any_in_doublelist() {
+                n.value.value *= 2.0;
+            }
             n.value.raw = None;
             n.unit.value = "rem".into();
         }
@@ -104,8 +120,11 @@ impl VisitMut for Px2Rem {
     fn visit_mut_token(&mut self, t: &mut Token) {
         if let Token::Dimension(dimension) = t {
             if dimension.unit.to_string() == "px" && self.should_transform(dimension.value) {
-                let rem_val = dimension.value / self.config.root;
+                let mut rem_val = dimension.value / self.config.root;
                 dimension.raw_value = rem_val.to_string().into();
+                if self.is_any_in_doublelist() {
+                    rem_val *= 2.0;
+                }
                 dimension.value = rem_val;
                 dimension.raw_unit = "rem".into();
                 dimension.unit = "rem".into();
@@ -577,6 +596,30 @@ mod tests {
         );
     }
 
+    #[test]
+    fn test_multi_selector_doublelist() {
+        assert_eq!(
+            run(
+                r#".a{width:100px;}"#,
+                Px2RemConfig {
+                    selector_doublelist: vec![],
+                    ..Default::default()
+                }
+            ),
+            r#".a{width:1rem}"#
+        );
+        assert_eq!(
+            run(
+                r#".a{width:100px;}"#,
+                Px2RemConfig {
+                    selector_doublelist: vec![".a".to_string()],
+                    ..Default::default()
+                }
+            ),
+            r#".a{width:2rem}"#
+        );
+    }
+
     fn run_with_default(css_code: &str) -> String {
         run(css_code, Px2RemConfig::default())
     }

docs/config.md

@@ -495,7 +495,7 @@ publicPath configuration. Note: There is a special value `"runtime"`, which mean
 
 ### px2rem
 
-- Type: `false | { root?: number, propBlackList?: string[], propWhiteList?: string[], selectorBlackList?: string[], selectorWhiteList?: string[], minPixelValue?: number }`
+- Type: `false | { root?: number, propBlackList?: string[], propWhiteList?: string[], selectorBlackList?: string[], selectorWhiteList?: string[], selectorDoubleList?: string[], minPixelValue?: number }`
 - Default: `false`
 
 Whether to enable px2rem conversion.
@@ -505,6 +505,7 @@ Whether to enable px2rem conversion.
 - `propWhiteList`, property white list
 - `selectorBlackList`, selector black list
 - `selectorWhiteList`, selector white list
+- `selectorDoubleList`, selector double rem list
 - `minPixelValue`，minimum pixel value, default is `0`
 
 ### react

packages/mako/binding.d.ts

@@ -108,6 +108,7 @@ export interface BuildParams {
           propWhiteList?: string[];
           selectorBlackList?: string[];
           selectorWhiteList?: string[];
+          selectorDoubleList?: string[];
         };
     stats?: boolean;
     hash?: boolean;