Add call case

Author: owjs3901

.changeset/fluffy-cups-pay.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/wasm": patch
+---
+
+Add call case

libs/css/src/lib.rs

@@ -731,4 +731,12 @@ mod tests {
             ":root[data-theme=dark] .cls:hover"
         );
     }
+
+    #[test]
+    fn test_set_class_map() {
+        let mut map = HashMap::new();
+        map.insert("background-0-rgba(255,0,0,0.5)-".to_string(), 1);
+        set_class_map(map);
+        assert_eq!(get_class_map().len(), 1);
+    }
 }

libs/extractor/src/lib.rs

@@ -492,6 +492,19 @@ mod tests {
             "test.tsx",
             r#"import { Box } from "@devup-ui/core";
 <Box padding={someStyleVar} margin={someStyleVar2} />;
+"#,
+            ExtractOption {
+                package: "@devup-ui/core".to_string(),
+                css_file: None
+            }
+        )
+        .unwrap());
+
+        reset_class_map();
+        assert_debug_snapshot!(extract(
+            "test.tsx",
+            r#"import { Box } from "@devup-ui/core";
+<Box padding={Math.abs(5)} />;
 "#,
             ExtractOption {
                 package: "@devup-ui/core".to_string(),

libs/extractor/src/snapshots/extractor__tests__extract_dynamic_style_props-2.snap

@@ -0,0 +1,17 @@
+---
+source: libs/extractor/src/lib.rs
+expression: "extract(\"test.tsx\",\nr#\"import { Box } from \"@devup-ui/core\";\n<Box padding={Math.abs(5)} />;\n\"#,\nExtractOption\n{ package: \"@devup-ui/core\".to_string(), css_file: None }).unwrap()"
+---
+ExtractOutput {
+    styles: [
+        Dynamic(
+            ExtractDynamicStyle {
+                property: "padding",
+                level: 0,
+                identifier: "Math.abs(5)",
+                selector: None,
+            },
+        ),
+    ],
+    code: "import \"@devup-ui/core/devup-ui.css\";\n<div className=\"d0\" style={{ \"--d1\": Math.abs(5) }} />;\n",
+}

libs/extractor/src/style_extractor.rs

@@ -553,6 +553,16 @@ pub fn extract_style_from_expression<'a>(
                     ExtractResult::ExtractStyle(props)
                 }
             }
+            Expression::CallExpression(_) => {
+                ExtractResult::ExtractStyle(vec![ExtractStyleProp::Static(Dynamic(
+                    ExtractDynamicStyle::new(
+                        name.unwrap(),
+                        level,
+                        expression_to_code(expression).as_str(),
+                        selector.map(|s| s.into()),
+                    ),
+                ))])
+            }
             // val if let Some(value) = get_number_by_literal_expression(val) => {}
             _ => ExtractResult::Maintain,
         }