Skip to content

Commit 0f3648b

Browse files
heiazuheiazu
committed
feat: 支持多类选择器、修复rgba等小问题
1 parent 48879a4 commit 0f3648b

19 files changed

+740
-1525
lines changed

‎__test__/index.spec.mjs.md

+402-1,055
Large diffs are not rendered by default.

‎__test__/index.spec.mjs.snap

-824 Bytes
Binary file not shown.

‎src/constants.rs

+3
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
11
pub const CONVERT_STYLE_PREFIX: &'static str = "_";
22
pub const CONVERT_STYLE_PX_FN: &'static str = "convertNumber2VP";
3+
pub const HM_STYLE: &'static str = "__hmStyle";
34
pub const INNER_STYLE: &'static str = "__inner_style__";
45
pub const INNER_STYLE_DATA: &'static str = "__inner_style_data__";
56
pub const NESTING_STYLE: &'static str = "__nesting_style__";
67
pub const COMBINE_NESTING_STYLE: &'static str = "__combine_nesting_style__";
78
pub const NESTINT_STYLE_DATA: &'static str = "__nesting_style_data__";
89
pub const CALC_DYMAMIC_STYLE: &'static str = "calcDynamicStyle";
10+
pub const CALC_STATIC_STYLE: &'static str = "calcStaticStyle";
11+
912

1013
pub const RN_CONVERT_STYLE_PX_FN: &'static str = "scalePx2dp";
1114
pub const RN_CONVERT_STYLE_VU_FN: &'static str = "scaleVu2dp";

‎src/lib.rs

-1
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,6 @@ pub fn parse(component: String, styles: Vec<String>, options: ParseOptions) -> S
6565
let mut style_write = StyleWrite::new(
6666
program.clone(),
6767
jsx_record.clone(),
68-
style_data.style_record.clone(),
6968
style_data.pesudo_style_record.clone(),
7069
style_data.all_style.clone(),
7170
is_enable_nesting,

‎src/style_parser.rs

+3-30
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@ use super::parse_style_properties::parse_style_properties;
99
pub type StyleValue = Vec<StyleValueType>;
1010

1111
pub struct StyleData<'i> {
12-
pub style_record: Rc<RefCell<HashMap<SpanKey, Vec<(String, Property<'i>)>>>>,
1312
pub pesudo_style_record: Rc<RefCell<HashMap<SpanKey, Vec<(String, Vec<(String, Property<'i>)>)>>>>,
1413
pub all_style: Rc<RefCell<HashMap<String, StyleValue>>>,
1514
pub has_nesting: bool
@@ -46,7 +45,7 @@ impl<'i> Visitor<'i> for StyleVisitor<'i> {
4645
let selectors_str = style.selectors.to_string();
4746
let selectors: Vec<&str> = selectors_str.split(",").collect::<Vec<&str>>();
4847
for index in 0..selectors.len() {
49-
let selector = selectors[index].trim().replace(".", "");
48+
let selector = selectors[index].trim().to_string();
5049
let mut all_style = self.all_style.borrow_mut();
5150
let decorations = all_style.iter_mut().find(|(id, _)| id == &selector);
5251
if let Some((_, declarations)) = decorations {
@@ -118,7 +117,7 @@ impl<'i> StyleParser<'i> {
118117
})
119118
.collect::<Vec<(_, _)>>(); // Specify the lifetime of the tuple elements to match the input data
120119
// 判断是否含有嵌套选择器
121-
if selector.contains(" ") {
120+
if selector.contains(" ") || selector.chars().filter(|&c| c == '.').count() > 1 {
122121
has_nesting = true
123122
}
124123
(selector.to_owned(), properties)
@@ -168,35 +167,9 @@ impl<'i> StyleParser<'i> {
168167
})
169168
.collect::<HashMap<_, _>>();
170169

171-
172-
let final_style_record = style_record
173-
.iter_mut()
174-
.map(|(selector, style_value)| {
175-
(
176-
selector.to_owned(),
177-
style_value
178-
.iter_mut()
179-
.reduce(|a, b| {
180-
for (key, value) in b.iter() {
181-
let has_property_index = a.iter().position(|property| property.0 == key.to_owned());
182-
if let Some(index) = has_property_index {
183-
a[index] = (key.to_owned(), value.clone());
184-
} else {
185-
a.push((key.to_owned(), value.clone()));
186-
}
187-
}
188-
a
189-
})
190-
.unwrap()
191-
.to_owned()
192-
)
193-
})
194-
.collect::<HashMap<_, _>>();
195-
196-
let final_pesudo_style_record = pesudo_style_record;
170+
let final_pesudo_style_record = pesudo_style_record;
197171

198172
StyleData {
199-
style_record: Rc::new(RefCell::new(final_style_record)),
200173
pesudo_style_record: Rc::new(RefCell::new(final_pesudo_style_record)),
201174
all_style: Rc::new(RefCell::new(final_all_style)),
202175
has_nesting

‎src/style_propetries/background_image.rs

+3-3
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ use swc_ecma_ast::{
2222

2323
use crate::generate_invalid_expr;
2424

25-
use super::{linear_gradient::{LinearGradientDirection, LinearGradientItem}, traits::ToExpr, unit::PropertyTuple};
25+
use super::{linear_gradient::{LinearGradientDirection, LinearGradientItem}, traits::ToExpr, unit::{convert_color_keywords_to_hex, PropertyTuple}};
2626

2727
pub fn parse_background_image_item(image: &Image) -> Option<BackgroundImageKind> {
2828
match image {
@@ -40,7 +40,7 @@ pub fn parse_background_image_item(image: &Image) -> Option<BackgroundImageKind>
4040
.clone()
4141
.unwrap_or(DimensionPercentage::Dimension(LengthValue::Px(0.0)));
4242
color_stops.push((
43-
color_stop
43+
convert_color_keywords_to_hex(color_stop
4444
.color
4545
.to_css_string(PrinterOptions {
4646
minify: false,
@@ -50,7 +50,7 @@ pub fn parse_background_image_item(image: &Image) -> Option<BackgroundImageKind>
5050
},
5151
..PrinterOptions::default()
5252
})
53-
.unwrap(),
53+
.unwrap()),
5454
match &color_stop_position {
5555
DimensionPercentage::Dimension(length) => {
5656
length.to_css_string(PrinterOptions::default()).unwrap()

‎src/style_propetries/linear_gradient.rs

+1-1
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ impl LinearGradientItem {
4848
expr: Expr::Array(ArrayLit {
4949
span: DUMMY_SP,
5050
elems: vec![
51-
Some(Expr::Lit(Lit::Str(Str::from(fix_rgba(&item.0)))).into()),
51+
Some(Expr::Lit(Lit::Str(Str::from(fix_rgba(item.0.clone())))).into()),
5252
Some(Expr::Lit(Lit::Str(Str::from(item.1.to_string()))).into()),
5353
],
5454
})

‎src/style_propetries/macros.rs

+3-1
Original file line numberDiff line numberDiff line change
@@ -116,6 +116,8 @@ macro_rules! generate_expr_based_on_platform {
116116
#[macro_export]
117117
macro_rules! generate_color_property {
118118
($class:ident, $( $property_name:ident ), *) => {
119+
use $crate::utils::fix_rgba;
120+
119121
#[derive(Debug, Clone)]
120122
pub struct $class {
121123
pub id: String,
@@ -126,7 +128,7 @@ macro_rules! generate_color_property {
126128
fn to_expr(&self) -> PropertyTuple {
127129
PropertyTuple::One(
128130
self.id.clone(),
129-
swc_ecma_ast::Expr::Lit(swc_ecma_ast::Lit::Str(self.value.clone().into())).into()
131+
swc_ecma_ast::Expr::Lit(swc_ecma_ast::Lit::Str(fix_rgba(self.value.clone()).into())).into()
130132
)
131133
}
132134
fn to_rn_expr(&self) -> PropertyTuple {

‎src/style_propetries/text_decoration.rs

+3-3
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ use swc_ecma_ast::{Expr, Ident, KeyValueProp, MemberExpr, MemberProp, ObjectLit,
44

55
use crate::{style_propetries::traits::ToExpr, generate_invalid_expr, generate_expr_lit_str, generate_prop_name};
66

7-
use super::unit::PropertyTuple;
7+
use super::unit::{convert_color_keywords_to_hex, PropertyTuple};
88

99

1010
#[derive(Debug, Clone)]
@@ -142,7 +142,7 @@ impl From<(String, &Property<'_>)> for TextDecoration {
142142
if c == "currentColor" {
143143
color = None
144144
} else {
145-
color = Some(TextDecorationColor(c));
145+
color = Some(TextDecorationColor(convert_color_keywords_to_hex(c)));
146146
}
147147
} else {
148148
color = None
@@ -198,7 +198,7 @@ impl From<(String, &Property<'_>)> for TextDecoration {
198198
if c == "currentColor" {
199199
color = None
200200
} else {
201-
color = Some(TextDecorationColor(c));
201+
color = Some(TextDecorationColor(convert_color_keywords_to_hex(c)));
202202
}
203203
} else {
204204
color = None

‎src/style_propetries/transform.rs

+9-16
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
use std::vec;
22

33
use lightningcss::properties::{transform::Transform as LNTransform, Property};
4-
use swc_ecma_ast::{ArrayLit, Expr, ExprOrSpread};
4+
use swc_ecma_ast::{ArrayLit, Expr, ExprOrSpread, ObjectLit};
55

66
use crate::style_propetries::traits::ToExpr;
77

@@ -29,32 +29,25 @@ impl ToExpr for Transform {
2929
self.value.iter().for_each(|item| {
3030
match item {
3131
Matrix4::Translates(value) => {
32-
props.extend(value.to_expr());
32+
props.push(value.to_expr());
3333
},
3434
Matrix4::Rotates(value) => {
35-
props.extend(value.to_expr());
35+
props.push(value.to_expr());
3636
}
3737
Matrix4::Scales(value) => {
38-
props.extend(value.to_expr());
38+
props.push(value.to_expr());
3939
}
40-
Matrix4::Matrix(value) => {
41-
props.extend(value.to_expr());
42-
},
40+
// Matrix4::Matrix(value) => {
41+
// props.extend(value.to_expr());
42+
// },
4343
_ => {}
4444
}
4545
});
4646
PropertyTuple::One(
4747
"transform".to_string(),
48-
Expr::Array(ArrayLit {
48+
Expr::Object(ObjectLit {
4949
span: Default::default(),
50-
elems: props.into_iter().map(Some).map(
51-
|item| {
52-
Some(ExprOrSpread {
53-
spread: None,
54-
expr: Box::new(item.unwrap()),
55-
})
56-
}
57-
).collect::<Vec<_>>(),
50+
props:props,
5851
})
5952
)
6053
}

‎src/style_propetries/transform_properties/matrix.rs

+42-41
Original file line numberDiff line numberDiff line change
@@ -48,48 +48,49 @@ impl Matrix {
4848
m33: 1.0,
4949
}
5050
}
51-
pub fn to_expr(&self) -> Vec<Expr> {
51+
52+
// pub fn to_expr(&self) -> Vec<Expr> {
5253

53-
let expr = Expr::Object(ObjectLit {
54-
span: DUMMY_SP,
55-
props: vec![
56-
PropOrSpread::Prop(Box::new(Prop::KeyValue(KeyValueProp {
57-
key: PropName::Ident(Ident::new("type".into(), DUMMY_SP)),
58-
value: Expr::Lit(Lit::Str(swc_ecma_ast::Str {
59-
span: DUMMY_SP,
60-
value: "Matrix".into(),
61-
raw: None
62-
})).into(),
63-
}))),
64-
PropOrSpread::Prop(Box::new(Prop::KeyValue(KeyValueProp {
65-
key: PropName::Ident(Ident::new("value".into(), DUMMY_SP)),
66-
value: Expr::Array(ArrayLit {
67-
span: DUMMY_SP,
68-
elems: vec![
69-
Some(generate_expr_lit_num!(self.m00 as f64).into()),
70-
Some(generate_expr_lit_num!(self.m01 as f64).into()),
71-
Some(generate_expr_lit_num!(self.m02 as f64).into()),
72-
Some(generate_expr_lit_num!(self.m03 as f64).into()),
73-
Some(generate_expr_lit_num!(self.m10 as f64).into()),
74-
Some(generate_expr_lit_num!(self.m11 as f64).into()),
75-
Some(generate_expr_lit_num!(self.m12 as f64).into()),
76-
Some(generate_expr_lit_num!(self.m13 as f64).into()),
77-
Some(generate_expr_lit_num!(self.m20 as f64).into()),
78-
Some(generate_expr_lit_num!(self.m21 as f64).into()),
79-
Some(generate_expr_lit_num!(self.m22 as f64).into()),
80-
Some(generate_expr_lit_num!(self.m23 as f64).into()),
81-
Some(generate_expr_lit_num!(self.m30 as f64).into()),
82-
Some(generate_expr_lit_num!(self.m31 as f64).into()),
83-
Some(generate_expr_lit_num!(self.m32 as f64).into()),
84-
Some(generate_expr_lit_num!(self.m33 as f64).into()),
85-
],
86-
})
87-
.into(),
88-
}))),
89-
]
90-
});
91-
vec![expr]
92-
}
54+
// let expr = Expr::Object(ObjectLit {
55+
// span: DUMMY_SP,
56+
// props: vec![
57+
// PropOrSpread::Prop(Box::new(Prop::KeyValue(KeyValueProp {
58+
// key: PropName::Ident(Ident::new("type".into(), DUMMY_SP)),
59+
// value: Expr::Lit(Lit::Str(swc_ecma_ast::Str {
60+
// span: DUMMY_SP,
61+
// value: "Matrix".into(),
62+
// raw: None
63+
// })).into(),
64+
// }))),
65+
// PropOrSpread::Prop(Box::new(Prop::KeyValue(KeyValueProp {
66+
// key: PropName::Ident(Ident::new("value".into(), DUMMY_SP)),
67+
// value: Expr::Array(ArrayLit {
68+
// span: DUMMY_SP,
69+
// elems: vec![
70+
// Some(generate_expr_lit_num!(self.m00 as f64).into()),
71+
// Some(generate_expr_lit_num!(self.m01 as f64).into()),
72+
// Some(generate_expr_lit_num!(self.m02 as f64).into()),
73+
// Some(generate_expr_lit_num!(self.m03 as f64).into()),
74+
// Some(generate_expr_lit_num!(self.m10 as f64).into()),
75+
// Some(generate_expr_lit_num!(self.m11 as f64).into()),
76+
// Some(generate_expr_lit_num!(self.m12 as f64).into()),
77+
// Some(generate_expr_lit_num!(self.m13 as f64).into()),
78+
// Some(generate_expr_lit_num!(self.m20 as f64).into()),
79+
// Some(generate_expr_lit_num!(self.m21 as f64).into()),
80+
// Some(generate_expr_lit_num!(self.m22 as f64).into()),
81+
// Some(generate_expr_lit_num!(self.m23 as f64).into()),
82+
// Some(generate_expr_lit_num!(self.m30 as f64).into()),
83+
// Some(generate_expr_lit_num!(self.m31 as f64).into()),
84+
// Some(generate_expr_lit_num!(self.m32 as f64).into()),
85+
// Some(generate_expr_lit_num!(self.m33 as f64).into()),
86+
// ],
87+
// })
88+
// .into(),
89+
// }))),
90+
// ]
91+
// });
92+
// vec![expr]
93+
// }
9394

9495
pub fn to_rn_expr(&self) -> Vec<Expr> {
9596
vec![

‎src/style_propetries/transform_properties/rotate.rs

+9-25
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ impl Rotate {
3232
}
3333
}
3434

35-
pub fn to_expr(&self) -> Vec<Expr> {
35+
pub fn to_expr(&self) -> PropOrSpread {
3636

3737
let mut props = vec![];
3838

@@ -47,30 +47,14 @@ impl Rotate {
4747
}
4848
});
4949

50-
let expr = Expr::Object(ObjectLit {
51-
span: DUMMY_SP,
52-
props: vec![
53-
PropOrSpread::Prop(Box::new(Prop::KeyValue(KeyValueProp {
54-
key: PropName::Ident(Ident::new("type".into(), DUMMY_SP)),
55-
value: Expr::Lit(Lit::Str(swc_ecma_ast::Str {
56-
span: DUMMY_SP,
57-
value: "Rotate".into(),
58-
raw: None
59-
})).into(),
60-
}))),
61-
PropOrSpread::Prop(Box::new(Prop::KeyValue(KeyValueProp {
62-
key: PropName::Ident(Ident::new("value".into(), DUMMY_SP)),
63-
value: Expr::Object(ObjectLit {
64-
span: DUMMY_SP,
65-
props,
66-
})
67-
.into(),
68-
}))),
69-
]
70-
});
71-
72-
vec![expr]
73-
50+
PropOrSpread::Prop(Box::new(Prop::KeyValue(KeyValueProp {
51+
key: PropName::Ident(Ident::new("Rotate".into(), DUMMY_SP)),
52+
value: Expr::Object(ObjectLit {
53+
span: DUMMY_SP,
54+
props,
55+
})
56+
.into(),
57+
})))
7458
}
7559

7660
pub fn to_rn_expr(&self) -> Vec<Expr> {

0 commit comments

Comments
 (0)