Merge pull request #20 from dolymood/master

add camel2Dash option

Author: QingWei-Li

README.md

@@ -133,3 +133,4 @@ or
 - `["component", { "style": cssFilePath }]`: import style css from filePath
 - `["component", { "libDir": "lib" }]`: lib directory
 - `["component", { "root": "index" }]`: main file dir
+- `["component", { "camel2Dash": false }]`: whether parse name to dash mode or not, default `true`

src/core.js

@@ -11,7 +11,10 @@ export default function (defaultLibraryName) {
     let selectedMethods;
     let moduleArr;
 
-    function camel2Dash(_str) {
+    function parseName(_str, camel2Dash) {
+      if (!camel2Dash) {
+        return _str;
+      }
       const str = _str[0].toLowerCase() + _str.substr(1);
       return str.replace(/([A-Z])/g, ($1) => `-${$1.toLowerCase()}`);
     }
@@ -35,6 +38,7 @@ export default function (defaultLibraryName) {
           style,
           styleLibrary,
           root = '',
+          camel2Dash = true,
         } = options;
         let styleLibraryName = options.styleLibraryName;
         let _root = root;
@@ -52,7 +56,7 @@ export default function (defaultLibraryName) {
             importAll[path] = true;
           }
         } else {
-          path = `${libraryName}/${libDir}/${camel2Dash(methodName)}`;
+          path = `${libraryName}/${libDir}/${parseName(methodName, camel2Dash)}`;
         }
         const _path = path;
 
@@ -83,11 +87,12 @@ export default function (defaultLibraryName) {
           } else {
             if (cache[libraryName] !== 1) {
               /* if set styleLibrary.path(format: [module]/module.css) */
+              const parsedMethodName = parseName(methodName, camel2Dash);
               if (modulePathTpl) {
-                const modulePath = modulePathTpl.replace(/\[module]/ig, camel2Dash(methodName));
+                const modulePath = modulePathTpl.replace(/\[module]/ig, parsedMethodName);
                 path = `${cachePath[libraryName]}/${modulePath}`;
               } else {
-                path = `${cachePath[libraryName]}/${camel2Dash(methodName)}.css`;
+                path = `${cachePath[libraryName]}/${parsedMethodName}.css`;
               }
               if (mixin && !isExist(path)) {
                 path = style === true ? `${_path}/style.css` : `${_path}/${style}`;

test/fixtures/camel-to-dash-option/actual.js

@@ -0,0 +1,3 @@
+import { inputNumber } from 'antd';
+
+console.log(inputNumber);

test/fixtures/camel-to-dash-option/expected.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var _inputNumber = require('antd/lib/inputNumber');
+
+var _inputNumber2 = _interopRequireDefault(_inputNumber);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+console.log(_inputNumber2.default);

test/index-test.js

@@ -140,6 +140,15 @@ describe('index', () => {
         ]];
       }
 
+      if (caseName === 'camel-to-dash-option') {
+        cssPlugin = [plugin, [
+          {
+            libraryName: 'antd',
+            camel2Dash: false
+          },
+        ]];
+      }
+
       const actual = transformFileSync(actualFile, {
         presets: ['react'],
         plugins: [cssPlugin || plugin],