fixed #205

fixed #205

src/components/date-picker/picker.vue

@@ -2,7 +2,7 @@
     <div
         :class="[prefixCls]"
         v-clickoutside="handleClose">
-        <div v-el:reference>
+        <div v-el:reference :class="[prefixCls + '-rel']">
             <slot>
                 <i-input
                     :class="[prefixCls + '-editor']"

src/components/input/input.vue

@@ -161,17 +161,8 @@
                 const maxRows = autosize.maxRows;
 
                 this.textareaStyles = calcTextareaHeight(this.$els.textarea, minRows, maxRows);
-            }
             },
-        watch: {
+            init () {
-            value () {
-                this.$nextTick(() => {
-                    this.resizeTextarea();
-                });
-                this.$dispatch('on-form-change', this.value);
-            }
-        },
-        ready () {
                 if (this.type !== 'textarea') {
                     this.prepend = this.$els.prepend.innerHTML !== '';
                     this.append = this.$els.append.innerHTML !== '';
@@ -182,5 +173,17 @@
                 this.slotReady = true;
                 this.resizeTextarea();
             }
+        },
+        watch: {
+            value () {
+                this.$nextTick(() => {
+                    this.resizeTextarea();
+                });
+                this.$dispatch('on-form-change', this.value);
+            }
+        },
+        compiled () {
+            this.$nextTick(() => this.init());
+        }
     };
 </script>

src/components/select/dropdown.vue

@@ -66,7 +66,7 @@
                 popper._popper.style.transformOrigin = `center ${ origin }`;
             }
         },
-        ready () {
+        compiled () {
             this.$on('on-update-popper', this.update);
             this.$on('on-destroy-popper', this.destroy);
         },

src/components/table/cell.vue

@@ -50,7 +50,7 @@
                     const cell = document.createElement('div');
                     cell.innerHTML = template;
                     const _oldParentChildLen = $parent.$children.length;
-                    $parent.$compile(cell);
+                    $parent.$compile(cell);    // todo 这里无法触发 ready 钩子
                     const _newParentChildLen = $parent.$children.length;
 
                     if (_oldParentChildLen !== _newParentChildLen) {    // if render normal html node, do not tag

src/styles/components/date-picker.less

@@ -4,8 +4,11 @@
 @date-picker-cells-width: 196px;
 
 .@{date-picker-prefix-cls} {
-    position: relative;
+    //position: relative;
     line-height: normal;
+    &-rel{
+        position: relative;
+    }
     .@{select-dropdown-prefix-cls} {
         width: auto;
         padding: 0;

test/routers/input.vue

@@ -1,4 +1,6 @@
 <template>
+    <i-input type="textarea" :autosize="true" placeholder="请输入..."></i-input>
+    <i-input type="textarea" :autosize="{minRows: 2,maxRows: 5}" placeholder="请输入..."></i-input>
     <i-input name="a" icon="ios-clock-outline" @on-focus="focus" @on-blur="blur" readonly style="width:200px;" :value.sync="v" @on-enter="enter" @on-click="iconclick" size="large" placeholder="请输入"></i-input>
     <i-input icon="ios-clock-outline" style="width:200px;" :value.sync="v" @on-enter="enter" placeholder="请输入"></i-input>
     <i-input name="b" icon="ios-clock-outline" style="width:200px;" :value.sync="v" @on-enter="enter" size="small" placeholder="请输入"></i-input>

test/routers/table.vue

@@ -1,20 +1,100 @@
 <template>
     <div style="width: 800px">
-        <i-table width="550" height="200" border :columns="columns5" :data="data4"></i-table>
+        <i-table border :content="self" :columns="columns7" :data="data6"></i-table>
-        <br>
+        <!--<i-table width="550" height="200" border :columns="columns5" :data="data4"></i-table>-->
-        <i-table border height="300" :columns="columns1" :data="data1"></i-table>
+        <!--<br>-->
-        <br>
+        <!--<i-table border height="300" :columns="columns1" :data="data1"></i-table>-->
-        <i-table border height="300" :columns="columns1" :data="data2"></i-table>
+        <!--<br>-->
-        <br>
+        <!--<i-table border height="300" :columns="columns1" :data="data2"></i-table>-->
-        <i-table border height="300" :columns="columns2" :data="data1"></i-table>
+        <!--<br>-->
-        <br>
+        <!--<i-table border height="300" :columns="columns2" :data="data1"></i-table>-->
-        <i-table border height="300" :columns="columns3" :data="data1"></i-table>
+        <!--<br>-->
+        <!--<i-table border height="300" :columns="columns3" :data="data1"></i-table>-->
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
+                self: this,
+                cityList: [
+                    {
+                        value: 'beijing',
+                        label: '北京市'
+                    },
+                    {
+                        value: 'shanghai',
+                        label: '上海市'
+                    },
+                    {
+                        value: 'shenzhen',
+                        label: '深圳市'
+                    },
+                    {
+                        value: 'hangzhou',
+                        label: '杭州市'
+                    },
+                    {
+                        value: 'nanjing',
+                        label: '南京市'
+                    },
+                    {
+                        value: 'chongqing',
+                        label: '重庆市'
+                    }
+                ],
+                model1: '',
+                columns7: [
+                    {
+                        title: '姓名',
+                        key: 'name',
+                        render (row, column, index) {
+                            return `<Icon type="person"></Icon> <strong>${row.name}</strong>`;
+                        }
+                    },
+                    {
+                        title: '年龄',
+                        key: 'age'
+                    },
+                    {
+                        title: '地址',
+                        key: 'address'
+                    },
+                    {
+                        title: '操作',
+                        key: 'action',
+                        width: 400,
+                        align: 'center',
+                        render (row, column, index) {
+                            return `
+<Date-picker type="daterange" placement="bottom-end" placeholder="选择日期"></Date-picker>
+<br><br><br><br><br><br>
+`;
+                        }
+                    }
+                ],
+                data6: [
+                    {
+                        name: '王小明',
+                        age: 18,
+                        address: '北京市朝阳区芍药居'
+                    },
+                    {
+                        name: '张小刚',
+                        age: 25,
+                        address: '北京市海淀区西二旗'
+                    },
+                    {
+                        name: '李小红',
+                        age: 30,
+                        address: '上海市浦东新区世纪大道'
+                    },
+                    {
+                        name: '周小伟',
+                        age: 26,
+                        address: '深圳市南山区深南大道'
+                    }
+                ],
                 columns1: [
                     {
                         title: '姓名',