From d011d309f0ef6c46109034e5100eed0b4def8b12 Mon Sep 17 00:00:00 2001
From: callmewhy <whywanghai@gmail.com>
Date: Thu, 16 Feb 2017 17:45:19 +0800
Subject: [PATCH] auto generate index.css in gen-cssfile.js

---
 build/bin/gen-cssfile.js             | 15 +++---
 packages/theme-default/src/index.css | 71 +++++++++++++++++-----------
 2 files changed, 52 insertions(+), 34 deletions(-)

diff --git a/build/bin/gen-cssfile.js b/build/bin/gen-cssfile.js
index 033260716..1b03f795a 100644
--- a/build/bin/gen-cssfile.js
+++ b/build/bin/gen-cssfile.js
@@ -1,11 +1,11 @@
 var fs = require('fs');
 var path = require('path');
 var Components = require('../../components.json');
-var THEMES = [
+var themes = [
   'theme-default'
 ];
-var BASEPATH = path.resolve(__dirname, '../../packages/');
 Components = Object.keys(Components);
+var basepath = path.resolve(__dirname, '../../packages/');
 
 function fileExists(filePath) {
   try {
@@ -13,15 +13,18 @@ function fileExists(filePath) {
   } catch (err) {
     return false;
   }
-};
+}
 
-THEMES.forEach(function(theme) {
-  Components.forEach(function(key) {
+themes.forEach((theme) => {
+  var indexContent = '@import "./base.css";\n'
+  Components.forEach(function (key) {
     var fileName = key + '.css';
-    var filePath = path.resolve(BASEPATH, theme, 'src', fileName);
+    indexContent += '@import "./' + fileName + '";\n';
+    var filePath = path.resolve(basepath, theme, 'src', fileName);
     if (!fileExists(filePath)) {
       fs.writeFileSync(filePath, '', 'utf8');
       console.log(theme, ' 创建遗漏的 ', fileName, ' 文件');
     }
   });
+  fs.writeFileSync(path.resolve(basepath, theme, 'src', 'index.css'), indexContent);
 });
diff --git a/packages/theme-default/src/index.css b/packages/theme-default/src/index.css
index 67e499d73..3b0319833 100644
--- a/packages/theme-default/src/index.css
+++ b/packages/theme-default/src/index.css
@@ -1,47 +1,62 @@
 @import "./base.css";
-@import "./button.css";
+@import "./pagination.css";
+@import "./dialog.css";
+@import "./autocomplete.css";
+@import "./dropdown.css";
+@import "./dropdown-menu.css";
+@import "./dropdown-item.css";
+@import "./menu.css";
+@import "./submenu.css";
+@import "./menu-item.css";
+@import "./menu-item-group.css";
 @import "./input.css";
+@import "./input-number.css";
+@import "./radio.css";
+@import "./radio-group.css";
+@import "./radio-button.css";
+@import "./checkbox.css";
+@import "./checkbox-group.css";
+@import "./switch.css";
 @import "./select.css";
+@import "./option.css";
+@import "./option-group.css";
+@import "./button.css";
+@import "./button-group.css";
+@import "./table.css";
+@import "./table-column.css";
+@import "./date-picker.css";
+@import "./time-select.css";
+@import "./time-picker.css";
+@import "./popover.css";
+@import "./tooltip.css";
+@import "./message-box.css";
+@import "./breadcrumb.css";
+@import "./breadcrumb-item.css";
+@import "./form.css";
+@import "./form-item.css";
+@import "./tabs.css";
+@import "./tab-pane.css";
+@import "./tag.css";
+@import "./tree.css";
 @import "./alert.css";
 @import "./notification.css";
 @import "./slider.css";
-@import "./checkbox.css";
-@import "./radio.css";
-@import "./switch.css";
-@import "./dropdown.css";
-@import "./dropdown-menu.css";
 @import "./loading.css";
-@import "./dialog.css";
-@import "./table.css";
-@import "./table-column.css";
-@import "./pagination.css";
-@import "./popover.css";
-@import "./tooltip.css";
-@import "./autocomplete.css";
-@import "./message.css";
-@import "./message-box.css";
-@import "./date-picker.css";
-@import "./time-picker.css";
-@import "./time-select.css";
-@import "./input-number.css";
-@import "./tag.css";
-@import "./breadcrumb.css";
-@import "./form.css";
-@import "./tabs.css";
-@import "./progress.css";
-@import "./tree.css";
-@import "./menu.css";
-@import "./upload.css";
+@import "./icon.css";
 @import "./row.css";
 @import "./col.css";
+@import "./upload.css";
+@import "./progress.css";
 @import "./spinner.css";
+@import "./message.css";
 @import "./badge.css";
 @import "./card.css";
 @import "./rate.css";
 @import "./steps.css";
 @import "./step.css";
-@import "./scrollbar.css";
 @import "./carousel.css";
+@import "./scrollbar.css";
 @import "./carousel-item.css";
 @import "./collapse.css";
+@import "./collapse-item.css";
 @import "./cascader.css";