use babel-plugin-impurt load antd

bisheng.config.js

@@ -1,4 +1,3 @@
-const path = require('path');
 module.exports = {
   source: [
     './language',
@@ -25,9 +24,12 @@ module.exports = {
     'bisheng-plugin-toc?maxDepth=2',
     'bisheng-plugin-react?lang=__react',
     'bisheng-plugin-antd',
-    //'./src/bisheng-plugin-antm',
   ],
   webpackConfig(config) {
+    config.babel.plugins.push(['import', {
+      libraryName: 'antd',
+      style: true,
+    }]);
     config.resolve.alias = {
       'react-router': 'react-router/umd/ReactRouter',
     };

components/animate/demo/appear.md

@@ -7,7 +7,7 @@ title: 开始的进场
 
 ```jsx
 import Animate from 'rc-animate';
-import Button from 'antd/lib/button';
+import { Button } from 'antd';
 class Test extends React.Component{
   constructor() {
     super(...arguments);

components/animate/demo/remove.md

@@ -7,7 +7,7 @@ title: 删除子级
 
 ```jsx
 import Animate from 'rc-animate';
-import Button from 'antd/lib/button';
+import { Button } from 'antd';
 class Test extends React.Component{
   constructor() {
     super(...arguments);

components/animate/demo/simple.md

@@ -7,7 +7,7 @@ title: 简单的例子
 
 ```jsx
 import Animate from 'rc-animate';
-import Button from 'antd/lib/button';
+import { Button } from 'antd';
 const Div = (props) => {
   const childrenProps = { ...props };
   delete childrenProps.show;

exhibition/demo/detail-switch.md

@@ -15,7 +15,7 @@ image: https://zos.alipayobjects.com/rmsportal/cvLbMZkjkNvqbVF.png
 import BannerAnim from 'rc-banner-anim';
 import QueueAnim from 'rc-queue-anim';
 import { TweenOneGroup } from 'rc-tween-one';
-import Icon from 'antd/lib/icon';
+import { Icon } from 'antd';
 
 const Element = BannerAnim.Element;
 

exhibition/demo/list-sort.md

@@ -12,7 +12,7 @@ image: https://zos.alipayobjects.com/rmsportal/BgYxbsXLrUfkkRT.png
 ListSort 组件地址： [地址](https://github.com/ant-design/ant-motion/blob/master/src/edit/template/components/ListSort.jsx)
 
 ```jsx
-import Icon from 'antd/lib/icon';
+import { Icon } from 'antd';
 import ListSort from '../../src/edit/template/components/ListSort';
 
 const dataArray = [

exhibition/demo/logo-gather-anim.md

@@ -19,12 +19,7 @@ image: https://zos.alipayobjects.com/rmsportal/YsRZqQwpiAVgWrX.png
 ```jsx
 import TweenOne, { TweenOneGroup } from 'rc-tween-one';
 import ticker from 'rc-tween-one/lib/ticker';
-import Input from 'antd/lib/input';
-import Button from 'antd/lib/button';
-import InputNumber from 'antd/lib/input-number';
-import Radio from 'antd/lib/radio';
-import 'antd/lib/input-number/style/index.less';
-import 'antd/lib/radio/style/index.less';
+import { Input, Button, InputNumber, Radio } from 'antd';
 
 const RadioGroup = Radio.Group;
 

exhibition/demo/pic-details-anim.md

@@ -14,7 +14,7 @@ image: https://zos.alipayobjects.com/rmsportal/RJoNICBzRCkOsMv.png
 ```jsx
 import QueueAnim from 'rc-queue-anim';
 import TweenOne, { TweenOneGroup } from 'rc-tween-one';
-import Icon from 'antd/lib/icon';
+import { Icon } from 'antd';
 
 const textData = {
   content: 'Taiwan called motorcycle, motor bike [1] or a motorcycle,' +

exhibition/demo/table-enter-leave.md

@@ -16,13 +16,9 @@ image: https://zos.alipayobjects.com/rmsportal/wJDizWNyyxVhULT.png
 此效果为设计语言里的对象增加与对象删除的实现。[查看视频演示](/language/interact)
 
 ```jsx
-import Table from 'antd/lib/table';
+import { Table, Button } from 'antd';
 import QueueAnim from 'rc-queue-anim';
 import { TweenOneGroup } from 'rc-tween-one';
-import Button from 'antd/lib/button';
-import 'antd/lib/table/style/index.less';
-import 'antd/lib/spin/style/index.less';
-import 'antd/lib/pagination/style/index.less';
 
 class TableEnterLeave extends React.Component {
   static propTypes = {

exhibition/js/detail-swich.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import BannerAnim from 'rc-banner-anim';
 import QueueAnim from 'rc-queue-anim';
 import { TweenOneGroup } from 'rc-tween-one';
-import Icon from 'antd/lib/icon';
+import { Icon } from 'antd';
 import './detail-swich.css';
 
 const Element = BannerAnim.Element;

exhibition/js/list-sort.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon from 'antd/lib/icon';
+import { Icon } from 'antd';
 import ListSort from '../../src/edit/template/components/ListSort';
 import './list-sort.css';
 

exhibition/js/logo-gather-anim.jsx

@@ -2,12 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import TweenOne, { TweenOneGroup } from 'rc-tween-one';
 import ticker from 'rc-tween-one/lib/ticker';
-import Input from 'antd/lib/input';
-import Button from 'antd/lib/button';
-import InputNumber from 'antd/lib/input-number';
-import Radio from 'antd/lib/radio';
-import 'antd/lib/input-number/style/index.less';
-import 'antd/lib/radio/style/index.less';
+import { Input, Button, InputNumber, Radio } from 'antd';
 import './logo-gather-anim.css';
 
 const RadioGroup = Radio.Group;

exhibition/js/pic-details-anim.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import QueueAnim from 'rc-queue-anim';
 import TweenOne, { TweenOneGroup } from 'rc-tween-one';
-import Icon from 'antd/lib/icon';
+import { Icon } from 'antd';
 import './pic-details-anim.css';
 
 const textData = {

exhibition/js/table-enter-leave.jsx

@@ -1,11 +1,7 @@
 import React from 'react';
-import Table from 'antd/lib/table';
+import { Table, Button } from 'antd';
 import QueueAnim from 'rc-queue-anim';
 import { TweenOneGroup } from 'rc-tween-one';
-import Button from 'antd/lib/button';
-import 'antd/lib/table/style/index.less';
-import 'antd/lib/spin/style/index.less';
-import 'antd/lib/pagination/style/index.less';
 import './table-enter-leave.css';
 
 export default class TableEnterLeave extends React.Component {

package.json

@@ -2,7 +2,7 @@
   "name": "ant-motion",
   "version": "1.4.0",
   "dependencies": {
-    "antd": "~2.5.0",
+    "antd": "~2.6.0",
     "autoresponsive-react": "1.1.x",
     "deepcopy": "^0.6.3",
     "file-saver": "^1.3.2",
@@ -27,16 +27,15 @@
     "tween-functions": "^1.2.0"
   },
   "devDependencies": {
-    "bluebird": "^3.4.0",
-    "pre-commit": "1.x",
     "babel-eslint": "^7.1.1",
     "babel-plugin-antd": "~0.5.1",
-    "prismjs": "^1.5.1",
+    "babel-plugin-import": "^1.1.0",
     "bisheng": "^0.13.0",
     "bisheng-plugin-antd": "~0.3.0",
     "bisheng-plugin-description": "^0.1.1",
     "bisheng-plugin-react": "^0.2.0",
     "bisheng-plugin-toc": "^0.3.0",
+    "bluebird": "^3.4.0",
     "dora-plugin-upload": "^0.3.1",
     "eslint": "^3.8.0",
     "eslint-config-airbnb": "latest",
@@ -45,7 +44,9 @@
     "eslint-plugin-jsx-a11y": "^2.0.1",
     "eslint-plugin-markdown": "*",
     "eslint-plugin-react": "^6.1.2",
-    "eslint-tinker": "^0.4.0"
+    "eslint-tinker": "^0.4.0",
+    "pre-commit": "1.x",
+    "prismjs": "^1.5.1"
   },
   "pre-commit": [
     "lint"
@@ -60,5 +61,6 @@
     "demolint": "RUN_ENV=DEMO eslint components/*/demo/*.md --ext '.md'",
     "eslint-fix": "eslint --fix ./src ./exhibition --ext '.js,.jsx'",
     "test": "echo \"Error: no test specified\" && exit 1"
-  }
+  },
+  "theme": "./theme.js"
 }

src/edit/static/style.js

@@ -6,5 +6,4 @@ import './list-view.less';
 import './other-view.less';
 import './preview.less';
 import './edit-state.less';
-import './ant-d.less';
 

src/edit/template/components/ContentController.jsx

@@ -1,6 +1,5 @@
 import React, { PropTypes } from 'react';
-import Tabs from 'antd/lib/tabs';
-import Tooltip from 'antd/lib/tooltip';
+import { Tabs, Tooltip } from 'antd';
 import ListView from './ListView';
 import EditView from './EditView';
 import OtherView from './OtherView';

src/edit/template/components/EditView.jsx

@@ -1,11 +1,6 @@
 import React, { PropTypes } from 'react';
 import ReactDOM from 'react-dom';
-import Icon from 'antd/lib/icon';
-import Tooltip from 'antd/lib/tooltip';
-import Button from 'antd/lib/button';
-import Input from 'antd/lib/input';
-import InputNumber from 'antd/lib/input-number';
-import Select from 'antd/lib/select';
+import { Icon, Tooltip, Button, Input, InputNumber, Select } from 'antd';
 import { TweenOneGroup } from 'rc-tween-one';
 import SketchPicker from 'react-color';
 import deepCopy from 'deepcopy';

src/edit/template/components/ListView.jsx

@@ -1,9 +1,5 @@
 import React, { PropTypes } from 'react';
-import Icon from 'antd/lib/icon';
-import Modal from 'antd/lib/modal';
-import Alert from 'antd/lib/alert';
-import Checkbox from 'antd/lib/checkbox';
-import InputNumber from 'antd/lib/input-number';
+import { Icon, Modal, Alert, Checkbox, InputNumber } from 'antd';
 import { TweenOneGroup } from 'rc-tween-one';
 import ListSort from './ListSort';
 import webData from './../template.config';

src/edit/template/components/NavController.jsx

@@ -1,9 +1,5 @@
 import React, { PropTypes } from 'react';
-import Button from 'antd/lib/button';
-import Icon from 'antd/lib/icon';
-import Modal from 'antd/lib/modal';
-// import Tooltip from 'antd/lib/tooltip';
-import message from 'antd/lib/message';
+import { Button, Icon, Modal, message } from 'antd';
 import CopyToClipboard from 'react-copy-to-clipboard';
 import saveJsZip from './saveJsZip';
 

src/edit/template/components/OtherView.jsx

@@ -1,5 +1,5 @@
 import React, { PropTypes } from 'react';
-import Checkbox from 'antd/lib/checkbox';
+import { Checkbox } from 'antd';
 import webData from './../template.config';
 
 export default class OtherView extends React.Component {

src/templates/static/common.less

@@ -1,4 +1,3 @@
-@import 'ant-d';
 @import '../../theme/static/global';
 
 html, body {

src/templates/static/custom.less

@@ -1,5 +1,4 @@
 @import "~antd/lib/style/themes/default.less";
-@primary-color: #019BF0;
 
 @link-color             : #019BF0;
 @link-hover-color       : tint(@link-color, 20%);
@@ -24,6 +23,7 @@
 @template-text-color: #CCC;
 @template-text-title-color: #BCBCBC;
 @template-text-color-light: #FFF;
+@template-footer-text-color: #666;
 
 @animate-duration: .45s;
 

src/templates/static/lessToString.jsx

@@ -2,7 +2,6 @@ let point = require('!raw!./point.less');
 
 point = point.replace('../../../static/custom.less', './custom.less');
 
-const antD = require('!raw!./ant-d.less');
 const global = require('!raw!../../theme/static/global.less');
 let common = require('!raw!./common.less');
 
@@ -12,7 +11,6 @@ const custom = require('!raw!./custom.less');
 const content = require('!raw!./content.less');
 
 export default {
-  'ant-d': antD,
   global,
   common,
   custom,

src/templates/template/element/Content0/index.jsx

@@ -1,8 +1,7 @@
 import React, { PropTypes } from 'react';
-import Button from 'antd/lib/button';
+import { Button, Icon } from 'antd';
 import QueueAnim from 'rc-queue-anim';
 import TweenOne from 'rc-tween-one';
-import Icon from 'antd/lib/icon';
 import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
 import './index.less';
 

src/templates/template/element/Content0/index.text

@@ -1,8 +1,7 @@
 import React, { PropTypes } from 'react';
-import Button from 'antd/lib/button';
+import { Button, Icon } from 'antd';
 import QueueAnim from 'rc-queue-anim';
 import TweenOne from 'rc-tween-one';
-import Icon from 'antd/lib/icon';
 import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
 
 class Content extends React.Component {

src/templates/template/element/Content1/index.jsx

@@ -1,9 +1,8 @@
 import React, { PropTypes } from 'react';
-import Button from 'antd/lib/button';
+import { Button, Icon } from 'antd';
 import QueueAnim from 'rc-queue-anim';
 import TweenOne from 'rc-tween-one';
 import BannerAnim, { Element } from 'rc-banner-anim';
-import Icon from 'antd/lib/icon';
 import 'rc-banner-anim/assets/index.css';
 import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
 import './index.less';

src/templates/template/element/Content1/index.text

@@ -1,9 +1,8 @@
 import React, { PropTypes } from 'react';
-import Button from 'antd/lib/button';
+import { Button, Icon } from 'antd';
 import QueueAnim from 'rc-queue-anim';
 import TweenOne from 'rc-tween-one';
 import BannerAnim, { Element } from 'rc-banner-anim';
-import Icon from 'antd/lib/icon';
 import 'rc-banner-anim/assets/index.css';
 import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
 

src/templates/template/element/Content8/index.jsx

@@ -1,8 +1,7 @@
 import React from 'react';
 import TweenOne from 'rc-tween-one';
 import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
-import Tabs from 'antd/lib/tabs';
-import 'antd/lib/tabs/style';
+import { Tabs } from 'antd';
 import '../../../static/content.less';
 import './index.less';
 

src/templates/template/element/Content8/index.text

@@ -1,8 +1,7 @@
 import React from 'react';
 import TweenOne from 'rc-tween-one';
 import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
-import Tabs from 'antd/lib/tabs';
-import 'antd/lib/tabs/style';
+import { Tabs } from 'antd';
 
 const TabPane = Tabs.TabPane;
 

src/templates/template/element/Footer0/index.less

@@ -5,6 +5,7 @@
   background-color: @template-bg-color;
   text-align: center;
   height: 80px;
+  color: @template-footer-text-color;
   span{
     display: inline-block;
     line-height: 60px;

src/templates/template/element/Footer1/index.less

@@ -6,6 +6,7 @@
   height: 400px;
   overflow: hidden;
   position: relative;
+  color: @template-footer-text-color;
   & > ul {
     width: 95%;
     max-width: 1200px;

src/templates/template/element/Nav0/index.jsx

@@ -1,6 +1,6 @@
 import React, { PropTypes } from 'react';
 import TweenOne from 'rc-tween-one';
-import Menu from 'antd/lib/menu';
+import { Menu } from 'antd';
 import './index.less';
 
 const Item = Menu.Item;