Merge branch 'master' of github.com:9th-js/wcui

Readme.md

@@ -20,7 +20,7 @@
 - [ ] `wc-avatar`头像组件
 - [x] `wc-badge`徽标组件
 - [x] `wc-drawer`抽屉组件
-- [ ] `wc-collapse`折叠组件
+- [x] `wc-collapse`折叠组件
 - [ ] `wc-counter`倒计时组件
 - [ ] `wc-drag`拖拽组件
 - [x] `wc-image`图片组件

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;
+        min-height: 80px;
         user-select: none;
         -moz-user-select: none;
         color: var(--color-dark-1);
@@ -37,11 +38,13 @@ class TextArea extends Component {
         cursor: text;
         transition: box-shadow 0.15s linear;
       }
-
+      :host([autosize]) textarea {
+        overflow: hidden;
+      }
       .label {
         position: relative;
         width: 100%;
-        height: 100%;
+        min-height: 100%;
         font-size: 14px;
         border: 1px solid var(--color-grey-2);
         border-radius: inherit;
@@ -153,6 +156,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)