feat: 支持设计稿转换模式配置

Author: heiazu

index.d.ts

@@ -11,6 +11,7 @@ export interface ParseOptions {
   designWidth?: number
   output?: OutputOptions
   allowInherit?: boolean
+  designMode?: string
 }
 export interface ParseResult {
   code?: string

src/json_writer.rs

@@ -20,6 +20,7 @@ pub struct JsonWriter {
   fonts: Vec<FontFaceItem>,
   design_width: Option<i32>,
   allow_inherit: Option<bool>,
+  design_mode: Option<String>,
 }
 
 impl JsonWriter {
@@ -30,6 +31,7 @@ impl JsonWriter {
     fonts: Vec<FontFaceItem>,
     design_width: Option<i32>,
     allow_inherit: Option<bool>,
+    design_mode: Option<String>,
   ) -> Self {
     Self {
       styles,
@@ -38,6 +40,7 @@ impl JsonWriter {
       fonts,
       design_width,
       allow_inherit,
+      design_mode,
     }
   }
 
@@ -332,6 +335,10 @@ impl JsonWriter {
       let map = json_value.as_object_mut().unwrap();
       map.insert("allow_inherit".to_string(), Value::Bool(allow_inherit));
     }
+    if let Some(design_mode) = &self.design_mode {
+      let map = json_value.as_object_mut().unwrap();
+      map.insert("design_mode".to_string(), Value::String(design_mode.clone()));
+    }
 
     // 打印 JSON 值
 

src/lib.rs

@@ -38,6 +38,7 @@ pub struct ParseOptions {
   pub design_width: Option<i32>,
   pub output: Option<OutputOptions>,
   pub allow_inherit: Option<bool>,
+  pub design_mode: Option<String>,
 }
 
 #[napi(object)]
@@ -55,6 +56,7 @@ pub fn parse(styles: Vec<String>, options: ParseOptions) -> ParseResult {
   };
   let design_width = options.design_width;
   let allow_inherit = options.allow_inherit;
+  let design_mode = options.design_mode;
   let output = options.output.unwrap_or(OutputOptions {
     is_bin: Some(false)
   });
@@ -76,6 +78,7 @@ pub fn parse(styles: Vec<String>, options: ParseOptions) -> ParseResult {
     style_data.all_fonts.borrow().clone(),
     design_width,
     allow_inherit,
+    design_mode
   );
 
   let style_json = style_map.to_json();

src/main.rs

@@ -33,6 +33,7 @@ pub fn main() {
     style_data.all_fonts.borrow().clone(),
     None,
     None,
+    None,
   );
 
   let style_json = style_map.to_json();

src/style_propetries/unit.rs

@@ -104,14 +104,15 @@ pub fn generate_expr_by_length_value(length_value: &LengthValue, platform: Platf
       }
     }
     LengthValue::Ch(num) => {
+      // 大写px
       match platform {
         Platform::ReactNative => {
           handler = Some(RN_CONVERT_STYLE_VU_FN.to_string());
           args.push(generate_expr_lit_num!(*num as f64));
           args.push(generate_expr_lit_str!("PX"));
         }
         Platform::Harmony => {
-          return generate_expr_lit_str!(format!("{}px", num));
+          return generate_expr_lit_str!(format!("{}vp", num));
           // handler = Some(CONVERT_STYLE_PX_FN.to_string());
           // args.push(generate_expr_lit_num!(*num as f64));
           // args.push(generate_expr_lit_str!("PX"));