From 863066a1c2e2ee06fe766e02bbb6e8e5b0b7360c Mon Sep 17 00:00:00 2001
From: tjz <415800467@qq.com>
Date: Sat, 14 Jul 2018 17:10:50 +0800
Subject: [PATCH] docs: update site

---
 site/components/header.vue |  4 ++--
 site/components/layout.vue | 32 +++++++++++---------------------
 site/index.less            |  3 +++
 webpack.site.config.js     |  9 ++++++---
 4 files changed, 22 insertions(+), 26 deletions(-)

diff --git a/site/components/header.vue b/site/components/header.vue
index 3dfce0533..4b8f24749 100644
--- a/site/components/header.vue
+++ b/site/components/header.vue
@@ -1,6 +1,6 @@
 <script>
 import { isZhCN } from '../util'
-import _ from 'lodash'
+import sortBy from 'lodash/sortBy'
 export default {
   props: {
     name: String,
@@ -27,7 +27,7 @@ export default {
   },
   render () {
     const name = this.name
-    const searchData = _.sortBy(this.searchData, ['title'])
+    const searchData = sortBy(this.searchData, ['title'])
     const isCN = isZhCN(name)
     return (
       <header id='header'>
diff --git a/site/components/layout.vue b/site/components/layout.vue
index 42a90de29..4387e7b47 100644
--- a/site/components/layout.vue
+++ b/site/components/layout.vue
@@ -1,10 +1,9 @@
 <script>
-import Vue from 'vue'
 import AllDemo from '../demo'
 import Header from './header'
 import zhCN from 'antd/locale-provider/zh_CN'
 import enUS from 'antd/locale-provider/default'
-import _ from 'lodash'
+import sortBy from 'lodash/sortBy'
 import { isZhCN } from '../util'
 import { Provider, create } from '../../components/_util/store'
 
@@ -78,24 +77,14 @@ export default {
       const lis = []
       currentSubMenu.forEach(({ cnTitle, usTitle, id }) => {
         const title = isCN ? cnTitle : usTitle
-        const className = decodeURIComponent(window.location.hash) === `#${id}` ? 'current' : ''
-        lis.push(<li title={title}><a href={`#${id}`} class={className}>{title}</a></li>)
+        lis.push(<a-anchor-link href={`#${id}`} title={title} />)
       })
       const showApi = this.$route.path.indexOf('/components/') !== -1
       return (
-        <a-affix>
-          <ul id='demo-toc' class='toc'>
-            {lis}
-            {showApi ? <li title='API' key='API'>
-              <a
-                href='#API'
-                class={{
-                  current: window.location.hash === '#API',
-                }}
-              >API</a>
-            </li> : ''}
-          </ul>
-        </a-affix>
+        <a-anchor>
+          {lis}
+          {showApi ? <a-anchor-link title='API' href='#API' /> : ''}
+        </a-anchor>
       )
     },
     getDocsMenu (isCN) {
@@ -160,7 +149,7 @@ export default {
     const MenuGroup = []
     for (const [type, menus] of Object.entries(menuConfig)) {
       const MenuItems = []
-      _.sortBy(menus, ['title']).forEach(({ title, subtitle }) => {
+      sortBy(menus, ['title']).forEach(({ title, subtitle }) => {
         const linkValue = isCN
           ? [<span>{title}</span>, <span class='chinese'>{subtitle}</span>]
           : [<span>{title}</span>]
@@ -183,7 +172,8 @@ export default {
     if (!isCN) {
       locale = enUS
     }
-    this.resetDocumentTitle(AllDemo[titleMap[reName]], reName, isCN)
+    const config = AllDemo[titleMap[reName]]
+    this.resetDocumentTitle(config, reName, isCN)
     return (
       <div class='page-wrapper'>
         <Header searchData={searchData} name={name}/>
@@ -205,11 +195,11 @@ export default {
               </a-col>
               <a-col span={18}>
                 <div class='content main-container'>
-                  <div class='toc-affix' style='width: 110px;'>
+                  <div class='toc-affix' style='width: 120px;'>
                     {this.getSubMenu(isCN)}
                   </div>
                   {this.showDemo ? <Provider store={this.store} key={isCN ? 'cn' : 'en'}>
-                    <router-view></router-view>
+                    <router-view class={`demo-cols-${config.cols || 2}`}></router-view>
                   </Provider> : ''}
                   {this.showApi ? <div class='markdown api-container' ref='doc'>
                     <router-view></router-view>
diff --git a/site/index.less b/site/index.less
index 578c939c0..2ee8dda37 100644
--- a/site/index.less
+++ b/site/index.less
@@ -84,3 +84,6 @@
     border: none;
   }
 }
+.toc-affix .ant-affix {
+  overflow: visible;
+}
diff --git a/webpack.site.config.js b/webpack.site.config.js
index c7cf77dad..a74b86224 100644
--- a/webpack.site.config.js
+++ b/webpack.site.config.js
@@ -59,11 +59,14 @@ module.exports = merge(baseWebpackConfig, {
       },
     }),
     new webpack.optimize.CommonsChunkPlugin({
-      name: 'manifest',
-      minChunks: Infinity,
+      name: 'vender',
+      minChunks: function (module) {
+        return /node_modules/.test(module.context)
+      },
     }),
     new webpack.optimize.CommonsChunkPlugin({
-      name: 'vender',
+      name: 'manifest',
+      minChunks: Infinity,
     }),
     new webpack.optimize.UglifyJsPlugin({
       compress: {