Merge pull request #322 from dev-five-git/add-webkit-line-clamp

Add webkit lineclamp

Author: owjs3901

.changeset/silver-ads-dance.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/wasm": patch
+---
+
+Add webkit lineclamp to maintain value

libs/extractor/src/extract_style/constant.rs

@@ -20,5 +20,6 @@ pub(super) static MAINTAIN_VALUE_PROPERTIES: phf::Set<&str> = phf_set! {
     "grid-row-end",
     "animation-iteration-count",
     "tab-size",
-    "moz-tab-size"
+    "moz-tab-size",
+    "webkit-line-clamp"
 };

libs/extractor/src/lib.rs

@@ -3017,7 +3017,7 @@ e(o, { className: "a", bg: variable, style: { color: "blue" }, ...props })
             extract(
                 "test.jsx",
                 r#"import {Flex} from '@devup-ui/core'
-        <Flex opacity={1} zIndex={2} fontWeight={900} scale={2} flex={1} lineHeight={1} tabSize={4} MozTabSize={4} />
+        <Flex opacity={1} zIndex={2} fontWeight={900} scale={2} flex={1} lineHeight={1} tabSize={4} MozTabSize={4} WebkitLineClamp={4} />
         "#,
                 ExtractOption { package: "@devup-ui/core".to_string(), css_file: None }
             )

libs/extractor/src/snapshots/extractor__tests__maintain_value.snap

@@ -1,6 +1,6 @@
 ---
 source: libs/extractor/src/lib.rs
-expression: "ToBTreeSet::from(extract(\"test.jsx\",\nr#\"import {Flex} from '@devup-ui/core'\n        <Flex opacity={1} zIndex={2} fontWeight={900} scale={2} flex={1} lineHeight={1} tabSize={4} MozTabSize={4} />\n        \"#,\nExtractOption\n{ package: \"@devup-ui/core\".to_string(), css_file: None }).unwrap())"
+expression: "ToBTreeSet::from(extract(\"test.jsx\",\nr#\"import {Flex} from '@devup-ui/core'\n        <Flex opacity={1} zIndex={2} fontWeight={900} scale={2} flex={1} lineHeight={1} tabSize={4} MozTabSize={4} WebkitLineClamp={4} />\n        \"#,\nExtractOption\n{ package: \"@devup-ui/core\".to_string(), css_file: None }).unwrap())"
 ---
 ToBTreeSet {
     styles: {
@@ -13,6 +13,15 @@ ToBTreeSet {
                 style_order: None,
             },
         ),
+        Static(
+            ExtractStaticStyle {
+                property: "-webkit-line-clamp",
+                value: "16px",
+                level: 0,
+                selector: None,
+                style_order: None,
+            },
+        ),
         Static(
             ExtractStaticStyle {
                 property: "display",
@@ -88,5 +97,5 @@ ToBTreeSet {
             },
         ),
     },
-    code: "import \"@devup-ui/core/devup-ui.css\";\n<div className=\"a b c d e f g h i\" />;\n",
+    code: "import \"@devup-ui/core/devup-ui.css\";\n<div className=\"a b c d e f g h i j\" />;\n",
 }