From fb5f5c259a02874b32f34b5aedaaddf599558bfd Mon Sep 17 00:00:00 2001
From: Daniel Li <im.leezng@gmail.com>
Date: Sun, 6 Jan 2019 22:39:58 +0800
Subject: [PATCH 01/10] Update README.md

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index 6665658..db13904 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,8 @@
 
 基于 [element-ui](https://github.com/ElemeFE/element) 的扩展包。我们对一些组件，例如 Table, Menu, Form 等进行扩展，丰富其特性与功能，同时增加了一些常用组件与场景，便于进行快速的方案构建。
 
+从 `el-form-renderer` 升级到 `element-patch`，`el-form-renderer` 已成为一个历史[独立分支](https://github.com/leezng/element-patch/tree/el-form-renderer)，将不再进行单独维护，后续 `element-patch` 将提供按需加载方式。
+
 ## Links
 
 - [文档与例子](https://leezng.github.io/element-patch/)

From 644cbe8745794bd6427633c423a07b508774de01 Mon Sep 17 00:00:00 2001
From: Daniel Li <im.leezng@gmail.com>
Date: Sun, 6 Jan 2019 22:41:54 +0800
Subject: [PATCH 02/10] Update README.md

---
 README.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/README.md b/README.md
index db13904..eea86f2 100644
--- a/README.md
+++ b/README.md
@@ -20,7 +20,6 @@ import ElementPatch from 'element-patch'
 import 'element-patch/index.css'
 
 Vue.use(ElementPatch)
-</script>
 ```
 
 ## Features

From 51f30e8067a194cdf2eac3d26887489256438982 Mon Sep 17 00:00:00 2001
From: leezng <leezng@outlook.com>
Date: Fri, 11 Jan 2019 23:36:35 +0800
Subject: [PATCH 03/10] update README

---
 README.md       | 21 +++++++++++----------
 README.zh-CN.md | 10 ++++++----
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index eea86f2..75119c1 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,13 @@
 # element-patch
 
-基于 [element-ui](https://github.com/ElemeFE/element) 的扩展包。我们对一些组件，例如 Table, Menu, Form 等进行扩展，丰富其特性与功能，同时增加了一些常用组件与场景，便于进行快速的方案构建。
+An [element-ui](https://github.com/ElemeFE/element) based extension package. We extend some components, such as Table, Menu, Form, etc., to enrich their features and functions, such as dynamically rendered forms and menus, draggable tables, and more. At the same time, we have added some common components and scenarios, such as tree selectors, to provide a fast solution.
 
-从 `el-form-renderer` 升级到 `element-patch`，`el-form-renderer` 已成为一个历史[独立分支](https://github.com/leezng/element-patch/tree/el-form-renderer)，将不再进行单独维护，后续 `element-patch` 将提供按需加载方式。
+From `el-form-renderer` to `element-patch`, `el-form-renderer` has become a historically independent [branch](https://github.com/leezng/element-patch/tree/el-form-renderer) that will no longer be maintained separately, and subsequent `element-patch` will provide an on-demand installation.
 
 ## Links
 
-- [文档与例子](https://leezng.github.io/element-patch/)
+- [Docs](https://leezng.github.io/element-patch/)
+- [中文介绍](./README.zh-CN.md)
 
 ## Quick start
 
@@ -24,12 +25,12 @@ Vue.use(ElementPatch)
 
 ## Features
 
-- 通过配置数据生成的表单
-- 可拖拽的表格
-- 集成分页功能的表格
-- 通过配置数据生成的菜单
-- 支持权限控制的菜单
-- 树型选择器
-- 标签选择器
+- Dynamically rendered Form
+- Dynamically rendered Menus
+- Draggable Table
+- Table supporting pagination
+- Menu that supports permission control
+- Tree selector
+- Tag selector
 ...
 
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 6665658..bb30241 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -1,10 +1,13 @@
 # element-patch
 
-基于 [element-ui](https://github.com/ElemeFE/element) 的扩展包。我们对一些组件，例如 Table, Menu, Form 等进行扩展，丰富其特性与功能，同时增加了一些常用组件与场景，便于进行快速的方案构建。
+基于 [element-ui](https://github.com/ElemeFE/element) 的扩展包。我们对一些组件，例如 Table, Menu, Form 等进行扩展，丰富其特性与功能，例如动态渲染的表单与菜单，可拖拽的表格等。同时增加了一些常用组件与场景，例如树型选择器等，致力于提供一套快速的解决方案。
+
+从 `el-form-renderer` 升级到 `element-patch`，`el-form-renderer` 已成为一个历史[独立分支](https://github.com/leezng/element-patch/tree/el-form-renderer)，将不再进行单独维护，后续 `element-patch` 将提供按需加载方式。
 
 ## Links
 
 - [文档与例子](https://leezng.github.io/element-patch/)
+- [Introduce](./README.md)
 
 ## Quick start
 
@@ -18,15 +21,14 @@ import ElementPatch from 'element-patch'
 import 'element-patch/index.css'
 
 Vue.use(ElementPatch)
-</script>
 ```
 
 ## Features
 
-- 通过配置数据生成的表单
+- 通过动态数据渲染的表单
 - 可拖拽的表格
 - 集成分页功能的表格
-- 通过配置数据生成的菜单
+- 通过动态数据渲染的菜单
 - 支持权限控制的菜单
 - 树型选择器
 - 标签选择器

From 5d15aa3c576a4e0741f713909499a928fb146c62 Mon Sep 17 00:00:00 2001
From: leezng <leezng@outlook.com>
Date: Sun, 13 Jan 2019 21:34:26 +0800
Subject: [PATCH 04/10] =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=8B=96=E6=8B=BD?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BD=8D=E7=BD=AE=E6=8C=87=E7=A4=BA=E7=BA=BF?=
 =?UTF-8?q?=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html         |  2 +-
 src/plugs/table/index.js   | 31 +++++++++++++++++++++++++++-
 src/plugs/table/index.scss |  6 ++++++
 src/utils/dom.js           | 41 ++++++++++++++++++++++++++++++++++++++
 4 files changed, 78 insertions(+), 2 deletions(-)
 create mode 100644 src/utils/dom.js

diff --git a/example/index.html b/example/index.html
index fd2b928..7966665 100644
--- a/example/index.html
+++ b/example/index.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title>el-form-renderer</title>
+    <title>element-patch</title>
     <style>
       body, html {
         margin: 0;
diff --git a/src/plugs/table/index.js b/src/plugs/table/index.js
index fe1ceb5..2af370f 100644
--- a/src/plugs/table/index.js
+++ b/src/plugs/table/index.js
@@ -1,4 +1,5 @@
 import Table from 'element-ui/lib/table'
+import { addClass, removeClass } from 'src/utils/dom'
 import './index.scss'
 
 function ElxTable (WrappedComponent) {
@@ -62,6 +63,7 @@ function ElxTable (WrappedComponent) {
         this.tbody.removeEventListener('dragstart', this.onDragStart)
         this.tbody.removeEventListener('dragenter', this.onDragEnter)
         this.tbody.removeEventListener('dragover', this.onDragOver)
+        this.tbody.removeEventListener('dragleave', this.onDragLeave)
         this.tbody.removeEventListener('drop', this.onDrop)
       }
     },
@@ -106,6 +108,7 @@ function ElxTable (WrappedComponent) {
         this.tbody.addEventListener('dragstart', this.onDragStart)
         this.tbody.addEventListener('dragenter', this.onDragEnter)
         this.tbody.addEventListener('dragover', this.onDragOver)
+        this.tbody.addEventListener('dragleave', this.onDragLeave)
         this.tbody.addEventListener('drop', this.onDrop)
       },
       onDragStart (e) {
@@ -113,18 +116,44 @@ function ElxTable (WrappedComponent) {
       },
       onDragEnter (e) {
         e.preventDefault()
+        let el = e.target
+        while (!el.draggable) {
+          el = el.parentNode
+          if (el === this.tbody) return
+        }
+        if (el === this._currentTr) return
+
+        // 缓存当前tr
+        this._currentTr = el
+        const targetIndex = this.trList.indexOf(el)
+        if (this.dragInfo.start < targetIndex) {
+          addClass(el, 'after-dom')
+        } else if (this.dragInfo.start > targetIndex) {
+          addClass(el, 'before-dom')
+        }
       },
       onDragOver (e) {
         e.preventDefault()
       },
+      onDragLeave (e) {
+        let el = e.target
+        while (!el.draggable) {
+          el = el.parentNode
+          if (el === this.tbody) return
+        }
+        if (el === this._currentTr) return
+
+        removeClass(el, 'before-dom after-dom')
+      },
       onDrop (e) {
         e.preventDefault()
-        let el = e.target
+        let el = this._currentTr || e.target
         while (el.tagName !== 'TR') {
           el = el.parentNode
           if (el === this.tbody) return
         }
 
+        removeClass(el, 'before-dom after-dom')
         this.dragInfo.end = this.trList.indexOf(el)
         const { start, end } = this.dragInfo
         this.tableData.splice(end, 0, ...this.tableData.splice(start, 1))
diff --git a/src/plugs/table/index.scss b/src/plugs/table/index.scss
index 10428f2..f388117 100644
--- a/src/plugs/table/index.scss
+++ b/src/plugs/table/index.scss
@@ -3,4 +3,10 @@
   .el-pagination {
     margin-top: 15px;
   }
+  .el-table__body tr.before-dom > td {
+    border-top: 2px dashed #409EFF;
+  }
+  .el-table__body tr.after-dom > td {
+    border-bottom: 2px dashed #409EFF;
+  }
 }
diff --git a/src/utils/dom.js b/src/utils/dom.js
new file mode 100644
index 0000000..7911611
--- /dev/null
+++ b/src/utils/dom.js
@@ -0,0 +1,41 @@
+export function addClass (el, className) {
+  if (!el || !className) return
+  let classArr = className.split(' ')
+  let elClassStr = el.className
+  classArr.forEach(item => {
+    if (!item) return // unexpectedClassName: 'aa bb   cc'
+
+    if (el.classList) {
+      el.classList.add(item)
+    } else if (!hasClass(item)) {
+      elClassStr += ' ' + item
+    }
+  })
+  !el.classList && (el.className = elClassStr)
+}
+
+export function removeClass (el, cls) {
+  if (!el || !cls) return
+  let classes = cls.split(' ')
+  let curClass = ' ' + el.className + ' '
+
+  classes.forEach(item => {
+    if (!item) return
+
+    if (el.classList) {
+      el.classList.remove(item)
+    } else if (hasClass(el, item)) {
+      curClass = curClass.replace(' ' + item + ' ', ' ')
+    }
+  })
+  !el.classList && (el.className = curClass.trim())
+}
+
+export function hasClass (el, className) {
+  if (!el || !className) return false
+  if (className.indexOf(' ')) return false // 类名本身不可有空格, 防止多类名className存在空格的检验异常
+
+  return el.classList
+    ? el.classList.contains(className)
+    : el.className.indexOf(className) > -1
+}

From dd60e5deef3bb29ac72e5cf90a97cbf692cdb5d8 Mon Sep 17 00:00:00 2001
From: leezng <leezng@outlook.com>
Date: Sun, 13 Jan 2019 21:52:55 +0800
Subject: [PATCH 05/10] =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=8B=96=E6=8B=BD?=
 =?UTF-8?q?=E6=8C=87=E7=A4=BA=E7=BA=BF=E6=9D=A1=E6=A0=B7=E5=BC=8F=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugs/table/index.scss | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/plugs/table/index.scss b/src/plugs/table/index.scss
index f388117..c95ac29 100644
--- a/src/plugs/table/index.scss
+++ b/src/plugs/table/index.scss
@@ -1,12 +1,19 @@
 .elx-table {
   margin-bottom: 15px;
+
   .el-pagination {
     margin-top: 15px;
   }
-  .el-table__body tr.before-dom > td {
-    border-top: 2px dashed #409EFF;
-  }
-  .el-table__body tr.after-dom > td {
-    border-bottom: 2px dashed #409EFF;
+
+  .el-table__body tr {
+    &[draggable="true"] {
+      cursor: move;
+    }
+    &.before-dom > td {
+      border-top: 2px dashed #409EFF;
+    }
+    &.after-dom > td {
+      border-bottom: 2px dashed #409EFF;
+    }
   }
 }

From 469671e8ff8f78ad553afb6d7b9e05c8fbc4c292 Mon Sep 17 00:00:00 2001
From: leezng <leezng@outlook.com>
Date: Sun, 27 Jan 2019 21:18:46 +0800
Subject: [PATCH 06/10] =?UTF-8?q?=E6=8F=90=E4=BE=9B=E6=8C=89=E9=9C=80?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E7=9A=84=E6=89=93=E5=8C=85=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/components.json      |  7 +++++++
 build/webpack.prod.conf.js | 22 ++++++++++++++++++----
 package.json               |  5 +++--
 yarn.lock                  |  7 +++++++
 4 files changed, 35 insertions(+), 6 deletions(-)
 create mode 100644 build/components.json

diff --git a/build/components.json b/build/components.json
new file mode 100644
index 0000000..6e451bb
--- /dev/null
+++ b/build/components.json
@@ -0,0 +1,7 @@
+{
+  "tag-select": "./src/components/tag-select/index.vue",
+  "form-renderer": "./src/plugs/form-renderer/index.js",
+  "menu-renderer": "./src/plugs/menu-renderer/index.js",
+  "table": "./src/plugs/table/index.js",
+  "tree-select": "./src/plugs/tree-select/index.vue"
+}
diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js
index d69b56b..2fc7488 100644
--- a/build/webpack.prod.conf.js
+++ b/build/webpack.prod.conf.js
@@ -8,7 +8,9 @@ var CopyWebpackPlugin = require('copy-webpack-plugin')
 var HtmlWebpackPlugin = require('html-webpack-plugin')
 var ExtractTextPlugin = require('extract-text-webpack-plugin')
 var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
-var nodeExternals = require('webpack-node-externals');
+var CleanWebpackPlugin = require('clean-webpack-plugin')
+var nodeExternals = require('webpack-node-externals')
+var components = require('./components')
 
 var isDist = !!process.env.DIST_ENV
 var distPath = './dist'
@@ -31,16 +33,22 @@ var webpackConfig = merge(baseWebpackConfig, {
     chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
   },
   plugins: [
-    // http://vuejs.github.io/vue-loader/en/workflow/production.html
+    // clean
+    new CleanWebpackPlugin(distPath, {
+      root: process.cwd()
+    }),
+    // define variables
     new webpack.DefinePlugin({
       'process.env': env
     }),
+    // uglify
     new webpack.optimize.UglifyJsPlugin({
       compress: {
         warnings: false
       },
       sourceMap: config.build.productionSourceMap
     }),
+    // copy
     new CopyWebpackPlugin([
       {
         from: path.resolve(__dirname, '../README.md'),
@@ -51,11 +59,13 @@ var webpackConfig = merge(baseWebpackConfig, {
 })
 
 if (isDist) {
+  // package
   webpackConfig.entry = {
-    'element-patch': './src/index.js'
+    'element-patch': './src/index.js',
+    ...components
   }
   webpackConfig.output = {
-    filename: `${distPath}/[name].js`,
+    filename: `${distPath}/lib/[name].js`,
     library: 'ElementPatch',
     libraryTarget: 'umd'
   }
@@ -76,10 +86,14 @@ if (isDist) {
       {
         from: path.resolve(__dirname, '../package.json'),
         to: distPath
+      }, {
+        from: path.resolve(__dirname, '../LICENSE'),
+        to: distPath
       }
     ])
   )
 } else {
+  // example pages
   webpackConfig.plugins.push(
     new ExtractTextPlugin({
       filename: utils.assetsPath('css/[name].[contenthash].css')
diff --git a/package.json b/package.json
index 917ec55..bdfe329 100644
--- a/package.json
+++ b/package.json
@@ -1,9 +1,9 @@
 {
   "name": "element-patch",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A Vue.js project",
   "author": "leezng <im.leezng@gmail.com>",
-  "main": "element-patch.js",
+  "main": "lib/element-patch.js",
   "scripts": {
     "dev": "node build/dev-server.js",
     "dist": "cross-env DIST_ENV=true npm run build",
@@ -43,6 +43,7 @@
     "babel-register": "^6.22.0",
     "chalk": "^2.0.1",
     "cheerio": "^0.18.0",
+    "clean-webpack-plugin": "^1.0.1",
     "connect-history-api-fallback": "^1.3.0",
     "copy-webpack-plugin": "^4.0.1",
     "cross-env": "^5.1.3",
diff --git a/yarn.lock b/yarn.lock
index 3071554..fae98bd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1304,6 +1304,13 @@ clean-css@4.1.x:
   dependencies:
     source-map "0.5.x"
 
+clean-webpack-plugin@^1.0.1:
+  version "1.0.1"
+  resolved "http://registry.npm.taobao.org/clean-webpack-plugin/download/clean-webpack-plugin-1.0.1.tgz#b16ee2f1386aea403010236e632447c7d3505f5a"
+  integrity sha1-sW7i8Thq6kAwECNuYyRHx9NQX1o=
+  dependencies:
+    rimraf "^2.6.1"
+
 cli-cursor@^1.0.1:
   version "1.0.2"
   resolved "http://registry.npm.taobao.org/cli-cursor/download/cli-cursor-1.0.2.tgz#64da3f7d56a54412e59794bd62dc35295e8f2987"

From 71f1fda784692fa2e44bda8d2172fc4ae25eb1a7 Mon Sep 17 00:00:00 2001
From: leezng <leezng@outlook.com>
Date: Sun, 27 Jan 2019 22:17:13 +0800
Subject: [PATCH 07/10] =?UTF-8?q?=E5=90=8D=E5=AD=97=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .travis.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index f5f6064..3f6efe8 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -35,4 +35,4 @@ jobs:
 
 env:
   global:
-    - GH_REF: github.com/leezng/el-form-renderer.git
+    - GH_REF: github.com/leezng/element-patch.git

From d96bb948a44df12d5016ca7833bde16b0b2939d9 Mon Sep 17 00:00:00 2001
From: leezng <leezng@gmail.com>
Date: Mon, 28 Jan 2019 12:53:43 +0800
Subject: [PATCH 08/10] test CI .yml

---
 .travis.yml | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/.travis.yml b/.travis.yml
index 3f6efe8..5d7da67 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -14,7 +14,7 @@ install:
 stages:
   - lint
   - name: gh_pages
-    if: branch = master
+    if: branch = dev
 
 jobs:
   include:
@@ -23,15 +23,15 @@ jobs:
     - stage: gh_pages
       script: npm run build
       after_script:
-        - cd ./example-dist
-        - git init
-        - git remote add origin "https://${GH_TOKEN}@${GH_REF}"
-        - git checkout -b gh-pages
+        - git clone -b gh-pages "https://${GH_TOKEN}@${GH_REF}" gh-pages
+        - rm -r gh-pages/*
+        - cp -r example-dist/. gh-pages
+        - cd ./gh-pages
         - git config user.name "leezng"
         - git config user.email "im.leezng@gmail.com"
         - git add .
-        - git commit -m "update example page"
-        - git push --force --quiet "https://${GH_TOKEN}@${GH_REF}" gh-pages:gh-pages
+        - git commit -m "update gh-pages"
+        - git push --quiet "https://${GH_TOKEN}@${GH_REF}" gh-pages:gh-pages
 
 env:
   global:

From 9c1f64913220d332f1c60d8d2e8925962cbf1167 Mon Sep 17 00:00:00 2001
From: leezng <leezng@gmail.com>
Date: Mon, 28 Jan 2019 20:18:19 +0800
Subject: [PATCH 09/10] test CI .yml

---
 .travis.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index 5d7da67..5dff1a5 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-  - "7"
+  - "10"
 
 cache:
   directories:

From 506a465487e70949025fbbed0f3b814b17f3e864 Mon Sep 17 00:00:00 2001
From: leezng <leezng@gmail.com>
Date: Tue, 29 Jan 2019 19:55:01 +0800
Subject: [PATCH 10/10] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=EF=BC=8C=E5=A2=9E=E5=8A=A0=E6=9B=B4=E6=96=B0=E6=97=A5=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .travis.yml              |  2 +-
 example/App.vue          | 31 ++++++++++++++++++++-----------
 example/demo-block.vue   |  2 +-
 example/doc/changelog.md | 11 +++++++++++
 example/doc/start.md     | 20 ++++++++++++++++++--
 example/router-config.js |  4 +++-
 6 files changed, 54 insertions(+), 16 deletions(-)
 create mode 100644 example/doc/changelog.md

diff --git a/.travis.yml b/.travis.yml
index 5dff1a5..6241122 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -14,7 +14,7 @@ install:
 stages:
   - lint
   - name: gh_pages
-    if: branch = dev
+    if: branch = master
 
 jobs:
   include:
diff --git a/example/App.vue b/example/App.vue
index e2d50f0..484097f 100644
--- a/example/App.vue
+++ b/example/App.vue
@@ -1,15 +1,15 @@
 <template>
   <el-container class="container">
     <el-header>
-      <h1>Element Patch</h1>
+      <h1 style="font-family: fantasy; color: #409EFF;">Element Patch</h1>
     </el-header>
 
     <el-container>
-      <el-aside width="200px" ref="aside" :style="asideStyle">
+      <el-aside width="240px" ref="aside" :style="asideStyle">
         <elx-menu-renderer
           :router="true"
-          :default-openeds="['2']"
-          default-active="1"
+          :default-openeds="['3']"
+          :default-active="currentAcitve"
           :content="menuData">
         </elx-menu-renderer>
       </el-aside>
@@ -25,33 +25,37 @@
   export default {
     data () {
       return {
+        currentAcitve: '1',
         asideStyle: {
           position: 'absolute'
         },
         menuData: [{
           label: '开始',
           route: {path: '/start'}
+        }, {
+          label: '更新日志',
+          route: {path: '/changelog'}
         }, {
           label: 'Components',
           subMenu: [{
             title: '元组件',
             content: [{
-              label: '标签选择器',
+              label: 'TagSelect 标签选择器',
               route: {path: '/tag-select'}
             }]
           }, {
             title: '复合组件',
             content: [{
-              label: '菜单渲染器',
+              label: 'MenuRenderer 菜单渲染器',
               route: {path: '/menu-renderer'}
             }, {
-              label: '表单渲染器',
+              label: 'FormRenderer 表单渲染器',
               route: {path: '/form-renderer'}
             }, {
-              label: '表格',
+              label: 'Table 表格',
               route: {path: '/table'}
             }, {
-              label: '树选择',
+              label: 'TreeSelect 树选择',
               route: {path: '/tree-select'}
             }]
           }]
@@ -69,6 +73,11 @@
           }
       }
     },
+    watch: {
+      '$route.path' (val) {
+        // this.currentAcitve = '2'
+      }
+    },
     created () {
       window.addEventListener('scroll', this.onScroll)
     },
@@ -80,11 +89,11 @@
 
 <style scoped>
   .container {
-    width: 1140px;
+    width: 1190px;
     padding: 0;
     margin: 0 auto;
   }
   .el-main {
-    margin-left: 200px;
+    margin-left: 240px;
   }
 </style>
diff --git a/example/demo-block.vue b/example/demo-block.vue
index 40198c8..60c40c3 100644
--- a/example/demo-block.vue
+++ b/example/demo-block.vue
@@ -43,7 +43,7 @@
       padding: 15px;
     }
     .title > *:first-child {
-      font-weight: 500;
+      font-weight: bold;
     }
     .source {
       border-bottom: 1px solid #e9e9e9;
diff --git a/example/doc/changelog.md b/example/doc/changelog.md
new file mode 100644
index 0000000..ebe6756
--- /dev/null
+++ b/example/doc/changelog.md
@@ -0,0 +1,11 @@
+## 更新日志
+
+### 1.1.0
+
+- Table 组件增加拖拽排序的位置提示线条
+- 提供按需加载到使用方式
+
+
+### 1.0.0
+
+- 从 `el-form-renderer` 升级到 `element-patch`，[迁移指南](#/start)
diff --git a/example/doc/start.md b/example/doc/start.md
index 5ed9b50..0097450 100644
--- a/example/doc/start.md
+++ b/example/doc/start.md
@@ -1,12 +1,14 @@
-## 快速开始
+## 开始
 
-基于 [element-ui](https://github.com/ElemeFE/element) 的扩展包。我们对一些组件，例如 Table, Menu, Form 等进行扩展，丰富其特性与功能，同时增加了一些常用组件与场景，便于进行快速的方案构建。
+基于 vue, [element-ui](https://github.com/ElemeFE/element) 的扩展包。我们对一些组件，例如 Table, Menu, Form 等进行扩展，丰富其特性与功能，同时增加了一些常用组件与场景，便于进行快速的方案构建。
 
 ### 安装
 
 ```html
 // Make sure you have properly installed element-ui and used it correctly.
 yarn add element-patch
+or
+npm i element-patch -S
 ```
 
 ### 完整引入
@@ -27,3 +29,17 @@ new Vue({
   render: h => h(App)
 });
 ```
+
+### 按需引入
+
+```html
+import ElxTable from 'element-patch/lib/table';
+import ElxFormRenderer from 'element-patch/lib/form-renderer';
+
+export default {
+    components: {
+        ElxTable,
+        ElxFormRenderer
+    }
+}
+```
diff --git a/example/router-config.js b/example/router-config.js
index d5e7c52..b512026 100644
--- a/example/router-config.js
+++ b/example/router-config.js
@@ -1,4 +1,5 @@
 import Start from './doc/start.md'
+import Changelog from './doc/changelog.md'
 import TagSelect from './doc/tag-select.md'
 import MenuRenderer from './doc/menu-renderer.md'
 import FormRenderer from './doc/form-renderer.md'
@@ -7,8 +8,9 @@ import TreeSelect from './doc/tree-select.md'
 
 const routerConfig = {
   routes: [
-    {path: '/', redirect: '/start'},
+    { path: '/', redirect: '/start' },
     { path: '/start', component: Start },
+    { path: '/changelog', component: Changelog },
     { path: '/tag-select', component: TagSelect },
     { path: '/menu-renderer', component: MenuRenderer },
     { path: '/form-renderer', component: FormRenderer },