Fix conflict

CHANGELOG.md

@@ -6,6 +6,7 @@
 
 - 修复 Tabs 切换后 Tab-panel 被销毁的问题
 - 修复 TimePicker 错误的隐藏面板
+- 修复 Table Cell 的样式, #204
 
 ### 1.0.0-rc.5
 

packages/button/src/button-group.js

@@ -0,0 +1,22 @@
+/**
+ * button
+ * @module components/basic/menu
+ * @desc 用于按钮组
+ * @param {string} label - 名称
+ */
+export default {
+  name: 'ElButtonGroup',
+
+  functional: true,
+
+  render(h, { slots, data }) {
+    return (
+      <div
+        class="el-button-group"
+        { ...data }
+        { ...{ on: data.nativeOn } }>
+        { slots().default }
+      </div>
+    );
+  }
+};

packages/button/src/button.js

@@ -0,0 +1,65 @@
+export default {
+  name: 'ElButton',
+
+  functional: true,
+
+  props: {
+    type: {
+      type: String,
+      default: 'default'
+    },
+    size: String,
+    icon: {
+      type: String,
+      default: ''
+    },
+    nativeType: {
+      type: String,
+      default: 'button'
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    plain: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  render(h, { props, slots, data }) {
+    return (
+      <button
+        disabled={ props.disabled }
+        type={ props.nativeType }
+        class={[
+          'el-button',
+          props.type ? 'el-button-' + props.type : '',
+          props.size ? 'el-button-' + props.size : '',
+          {
+            'is-disabled': props.disabled,
+            'is-loading': props.loading,
+            'is-plain': props.plain
+          }
+        ]}
+        { ...data }
+        { ...{ on: data.nativeOn } }>
+        {
+          [
+            props.loading
+              ? <i class="el-icon-loading"></i>
+              : {},
+            props.icon && !props.loading
+              ? <i class={ 'el-icon-' + props.icon }></i>
+              : {}
+          ]
+        }
+        { slots().default }
+      </button>
+    );
+  }
+};

packages/icon/index.js

@@ -1 +1 @@
-module.exports = require('./src/icon.vue');
+module.exports = require('./src/icon');

packages/icon/src/icon.js

@@ -0,0 +1,19 @@
+export default {
+  name: 'ElIcon',
+
+  functional: true,
+
+  props: {
+    name: String
+  },
+
+  render(h, { props, data }) {
+    return (
+      <i
+        class={ 'el-icon' + props.name }
+        { ...data }
+        { ...{ on: data.nativeOn } }>
+      </i>
+    );
+  }
+};

packages/theme-default/src/table.css

@@ -50,14 +50,14 @@
 
     & th {
       white-space: nowrap;
+      overflow: hidden;
     }
 
     & th, td {
       height: 20px;
       max-width: 250px;
       min-width: 0;
       box-sizing: border-box;
-      overflow: hidden;
       text-overflow: ellipsis;
       vertical-align: middle;
       position: relative;
@@ -102,10 +102,6 @@
       box-sizing: border-box;
     }
 
-    & td div {
-      display: block;
-    }
-
     @e fixed {
       position: absolute;
       top: 0;
@@ -180,7 +176,6 @@
     & th > .cell {
       position: relative;
       word-wrap: normal;
-      overflow: hidden;
       text-overflow: ellipsis;
       display: inline-block;
       line-height: 20px;