feat: support to disable camel2DashComponentName of transformImport (#1773)

* feat: support to disable camel2DashComponentName of transformImport

* fix: typings

Author: xusd320

crates/binding/src/lib.rs

@@ -120,7 +120,7 @@ pub struct BuildParams {
     umd?: false | string | { name: string, export?: string[] };
     cjs?: boolean;
     writeToDisk?: boolean;
-    transformImport?: { libraryName: string; libraryDirectory?: string; style?: boolean | string }[];
+    transformImport?: { libraryName: string; libraryDirectory?: string; style?: boolean | string, camel2DashComponentName?: boolean }[];
     clean?: boolean;
     nodePolyfill?: boolean;
     ignores?: string[];

crates/mako/src/config/transform_import.rs

@@ -13,4 +13,10 @@ pub struct TransformImportConfig {
     pub library_name: String,
     pub library_directory: Option<String>,
     pub style: Option<TransformImportStyle>,
+    #[serde(default = "default_as_true")]
+    pub camel2_dash_component_name: bool,
+}
+
+fn default_as_true() -> bool {
+    true
 }

crates/mako/src/plugins/import.rs

@@ -84,7 +84,8 @@ impl<'a> VisitMut for ImportVisitor<'a> {
                                 .to_string()
                                 .chars()
                                 .fold(String::new(), |mut acc, c| {
-                                    if c.is_uppercase() {
+                                    if c.is_uppercase() && import_config.camel2_dash_component_name
+                                    {
                                         if acc.len() > 1 {
                                             acc.push('-');
                                         }
@@ -207,6 +208,7 @@ import { Button, DatePicker } from "antd";
                 library_name: "antd".to_string(),
                 library_directory: None,
                 style: None,
+                camel2_dash_component_name: true,
             }],
         );
         assert_eq!(
@@ -231,6 +233,7 @@ import { Button, DatePicker } from "antd";
                 library_name: "antd".to_string(),
                 library_directory: None,
                 style: Some(TransformImportStyle::Source(true)),
+                camel2_dash_component_name: true,
             }],
         );
         assert_eq!(
@@ -257,6 +260,7 @@ import { Button, DatePicker } from "antd";
                 library_name: "antd".to_string(),
                 library_directory: None,
                 style: Some(TransformImportStyle::Built("css".to_string())),
+                camel2_dash_component_name: true,
             }],
         );
         assert_eq!(
@@ -283,6 +287,7 @@ import { Button, DatePicker } from "antd";
                 library_name: "antd".to_string(),
                 library_directory: Some("es".to_string()),
                 style: None,
+                camel2_dash_component_name: true,
             }],
         );
         assert_eq!(
@@ -307,6 +312,7 @@ import { Button as MyButton } from "antd";
                 library_name: "antd".to_string(),
                 library_directory: None,
                 style: None,
+                camel2_dash_component_name: true,
             }],
         );
         assert_eq!(
@@ -333,6 +339,7 @@ import { Button, DatePicker } from "antd";
                 library_name: "antd".to_string(),
                 library_directory: None,
                 style: None,
+                camel2_dash_component_name: true,
             }],
         );
         assert_eq!(
@@ -359,4 +366,28 @@ import DatePicker from "antd/lib/date-picker";
         ast.ast.visit_mut_with(&mut ImportVisitor { config });
         ast.generate(context.clone()).unwrap().code
     }
+
+    #[test]
+    fn test_disable_camel2_dash_component_name() {
+        let code = generate(
+            r#"
+import { MyButton } from "antd";
+        "#,
+            &vec![TransformImportConfig {
+                library_name: "antd".to_string(),
+                library_directory: None,
+                style: None,
+                camel2_dash_component_name: false,
+            }],
+        );
+        assert_eq!(
+            code,
+            r#"
+import MyButton from "antd/lib/MyButton";
+
+//# sourceMappingURL=/test/path.map
+        "#
+            .trim(),
+        );
+    }
 }

e2e/fixtures/config.transformImport/expect.js

@@ -11,3 +11,9 @@ assert.match(
   "js should have foo/es/button"
 );
 assert.match(cssContent, /\.foo-btn/, "css should have `.foo-btn`");
+
+assert.match(
+  content,
+  /"node_modules\/bar\/es\/barBar\/index.js"/,
+  "js should have bar/es/barBar"
+);

e2e/fixtures/config.transformImport/mako.config.json

@@ -4,6 +4,11 @@
       "libraryName": "foo",
       "libraryDirectory": "es",
       "style": true
+    },
+    {
+      "libraryName": "bar",
+      "libraryDirectory": "es",
+      "camel2DashComponentName": false
     }
   ],
   "optimization": {

e2e/fixtures/config.transformImport/node_modules/bar/es/barBar/index.js

@@ -1,2 +1,4 @@
 import { Button } from "foo";
+import { barBar } from "bar";
 console.log(Button);
+console.log(barBar);

e2e/fixtures/config.transformImport/node_modules/bar/package.json

@@ -197,6 +197,7 @@ export interface BuildParams {
       libraryName: string;
       libraryDirectory?: string;
       style?: boolean | string;
+      camel2DashComponentName?: boolean;
     }[];
     clean?: boolean;
     nodePolyfill?: boolean;