Textarea: Expose textarea el (airyland#517)

package.json

@@ -49,6 +49,7 @@
   },
   "devDependencies": {
     "autoprefixer": "^6.3.7",
+    "autosize": "^3.0.17",
     "babel-core": "^6.9.1",
     "babel-loader": "^6.0.0",
     "babel-plugin-transform-runtime": "^6.9.0",

src/components/x-textarea/index.vue

@@ -13,7 +13,7 @@
       :cols="cols"
       v-model="value"
       :style="textareaStyle"
-      :maxlength="max"></textarea>
+      :maxlength="max" v-el:textarea></textarea>
       <div class="weui_textarea_counter" v-show="showCounter && max"><span>{{count}}</span>/{{max}}</div>
     </div>
   </div>

src/demos/Textarea.vue

@@ -13,17 +13,24 @@
     <group title="set height=200">
       <x-textarea :max="200" placeholder="请填写详细信息" :show-counter="false" :height="200" :rows="8" :cols="30"></x-textarea>
     </group>
+    <group title="autosize">
+      <x-textarea placeholder="Type something" :show-counter="false" :rows="1" v-ref:autosize></x-textarea>
+    </group>
   </div>
 </template>
 
 <script>
 import { XTextarea, Group, XInput } from '../components'
+import Autosize from 'autosize'
 
 export default {
   components: {
     XTextarea,
     Group,
     XInput
+  },
+  ready () {
+    Autosize(this.$refs.autosize.$els.textarea)
   }
 }
 </script>