textarea支持动态高度

src/form/textarea.js

@@ -11,12 +11,13 @@ class TextArea extends Component {
     value: {
       type: String,
       default: '',
-      attributes: false
+      attribute: false
     },
     type: '',
     autofocus: false,
     readOnly: false,
     disabled: false,
+    autosize: false,
     maxlength: null,
     minlength: null,
     'show-limit': false,
@@ -29,7 +30,7 @@ class TextArea extends Component {
       :host {
         display: flex;
         width: 100%;
-        height: 80px;
+        // height: 80px;
         user-select: none;
         -moz-user-select: none;
         color: var(--color-dark-1);
@@ -53,7 +54,7 @@ class TextArea extends Component {
           flex: 1;
           min-width: 36px;
           width: 100%;
-          height: 100%;
+          height: auto;
           padding: 5px 8px;
           border: 0;
           border-radius: inherit;
@@ -153,6 +154,13 @@ class TextArea extends Component {
   ]
   onInput(e) {
     this.value = e.target.value
+    if (this.autosize) {
+      nextTick(() => {
+        this.$refs.textarea.style.height = 'auto'
+        let height = this.$refs.textarea.scrollHeight + 'px'
+        this.$refs.textarea.style.height = height
+      })
+    }
   }
   onKeydown(ev) {
     // console.log(ev.target)