dropdown bug fix & docs update

CHANGELOG.md

@@ -15,6 +15,10 @@
 - 为 Tree 添加 getCheckedNodes 方法和 node-click、check-change 回调
 - 新增 DatePicker 禁用日期功能 #253
 
+#### 非兼容性更新
+
+- Dropdown 组件重构，现在可以以更加的灵活方便的形式来自定义触发下拉的元素，以及可以定义下菜单的样式
+
 ### 1.0.0-rc.5
 
 *2016-09-30*

examples/docs/zh-cn/dropdown.md

@@ -56,7 +56,7 @@
 
 移动到下拉菜单上，展开更多操作。
 
-:::demo 通过`text`属性来设置按钮文字。默认条件下，他由一个主要按钮和一个下拉按钮组成，`el-dropdown`中的主要按钮同样可以设置点击事件，只要使用`mainclick`事件即可。默认情况下，下拉按钮只要`hover`即可，无需点击也会显示下拉菜单。
+:::demo 通过组件`slot`来设置下拉触发的元素以及需要通过具名`slot`为`dropdown` 来设置下拉菜单。默认情况下，下拉按钮只要`hover`即可，无需点击也会显示下拉菜单。
 
 ```html
 <el-dropdown>
@@ -78,7 +78,7 @@
 
 可使用按钮触发下拉菜单。
 
-:::demo 设置`icon-separate`属性来呈现不带独立按钮的下拉菜单，设置为`false`即可。在选项三和选项四中插入了一条分割线，只需要在选项四中设置`class`为`divider`。
+:::demo 设置`split-button`属性来让触发下拉元素呈现为按钮组，左边是功能按钮，右边是触发下拉菜单的按钮，设置为`true`即可。
 
 ```html
 <el-dropdown>
@@ -153,7 +153,7 @@
 | 参数          | 说明            | 类型            | 可选值                 | 默认值   |
 |-------------  |---------------- |---------------- |---------------------- |-------- |
 | type          | 菜单按钮类型，同 Button 组件   | string  |          —             |    —     |
-| split-button  | 带下拉框的按钮    | boolean  |    —  |  false |
+| split-button  | 下拉触发元素呈现为按钮组    | boolean  |    —  |  false |
 | menu-align    | 菜单水平对齐方向     | string          | start, end  | end |
 | trigger       | 触发下拉的行为     | string          | hover, click  | hover |
 

packages/dropdown/src/dropdown.vue

@@ -51,7 +51,7 @@
       initEvent() {
         let { trigger, show, hide, handleClick, splitButton } = this;
         let triggerElm = splitButton
-          ? this.$refs.trigger.$el
+          ? this.$refs.trigger
           : this.$slots.default[0].elm;
 
         if (trigger === 'hover') {