diff --git a/Readme.md b/Readme.md index 55d817e..0815beb 100644 --- a/Readme.md +++ b/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`图片组件 diff --git a/src/form/textarea.js b/src/form/textarea.js index 3c1eef7..91fc30d 100644 --- a/src/form/textarea.js +++ b/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)