Fix vite plugin, Apply css optimize

Author: owjs3901

libs/extractor/src/lib.rs

@@ -919,8 +919,8 @@ mod tests {
             extract(
                 "test.tsx",
                 r#"import { Box } from "@devup-ui/core";
-<Box margin={[null, a === b || "4px"]} className={"exists"} />;
-"#,
+        <Box margin={["6px", a === b ? "4px" : "3px"]} />;
+        "#,
                 ExtractOption {
                     package: "@devup-ui/core".to_string(),
                     css_file: None
@@ -988,6 +988,7 @@ mod tests {
             )
             .unwrap()
         ));
+
         reset_class_map();
         assert_debug_snapshot!(ToBTreeSet::from(
             extract(

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

@@ -1,9 +1,18 @@
 ---
 source: libs/extractor/src/lib.rs
-expression: "ToBTreeSet::from(extract(\"test.tsx\",\nr#\"import { Box } from \"@devup-ui/core\";\n<Box margin={[null, a === b || \"4px\"]} className={\"exists\"} />;\n\"#,\nExtractOption\n{ package: \"@devup-ui/core\".to_string(), css_file: None }).unwrap())"
+expression: "ToBTreeSet::from(extract(\"test.tsx\",\nr#\"import { Box } from \"@devup-ui/core\";\n        <Box margin={[\"6px\", a === b ? \"4px\" : \"3px\"]} />;\n        \"#,\nExtractOption\n{ package: \"@devup-ui/core\".to_string(), css_file: None }).unwrap())"
 ---
 ToBTreeSet {
     styles: {
+        Static(
+            ExtractStaticStyle {
+                property: "margin",
+                value: "3px",
+                level: 1,
+                selector: None,
+                style_order: None,
+            },
+        ),
         Static(
             ExtractStaticStyle {
                 property: "margin",
@@ -13,6 +22,15 @@ ToBTreeSet {
                 style_order: None,
             },
         ),
+        Static(
+            ExtractStaticStyle {
+                property: "margin",
+                value: "6px",
+                level: 0,
+                selector: None,
+                style_order: None,
+            },
+        ),
     },
-    code: "import \"@devup-ui/core/devup-ui.css\";\n<div className={`exists ${a === b ? \"\" : \"d0\"}`} />;\n",
+    code: "import \"@devup-ui/core/devup-ui.css\";\n<div className={`d0 ${a === b ? \"d1\" : \"d2\"}`} />;\n",
 }