improve perf of autosize
This commit is contained in:
		
							parent
							
								
									33b999b37a
								
							
						
					
					
						commit
						da1f20595c
					
				
					 1 changed files with 6 additions and 2 deletions
				
			
		| 
						 | 
					@ -105,12 +105,14 @@
 | 
				
			||||||
  import autosize from 'autosize'
 | 
					  import autosize from 'autosize'
 | 
				
			||||||
  import { scheduleIdleTask } from '../../_utils/scheduleIdleTask'
 | 
					  import { scheduleIdleTask } from '../../_utils/scheduleIdleTask'
 | 
				
			||||||
  import debounce from 'lodash/debounce'
 | 
					  import debounce from 'lodash/debounce'
 | 
				
			||||||
 | 
					  import { mark, stop } from '../../_utils/marks'
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  export default {
 | 
					  export default {
 | 
				
			||||||
    oncreate() {
 | 
					    oncreate() {
 | 
				
			||||||
      autosize(this.refs.textarea)
 | 
					 | 
				
			||||||
      this.set({inputText: store.get('currentInputTextInCompose')})
 | 
					      this.set({inputText: store.get('currentInputTextInCompose')})
 | 
				
			||||||
      autosize.update(this.refs.textarea)
 | 
					      mark('autosize()')
 | 
				
			||||||
 | 
					      autosize(this.refs.textarea) // TODO: this layout thrashes, could maybe find a better design
 | 
				
			||||||
 | 
					      stop('autosize()')
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      const saveText = debounce(() => scheduleIdleTask(() => this.store.save()), 1000)
 | 
					      const saveText = debounce(() => scheduleIdleTask(() => this.store.save()), 1000)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -123,7 +125,9 @@
 | 
				
			||||||
      }, {init: false})
 | 
					      }, {init: false})
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    ondestroy() {
 | 
					    ondestroy() {
 | 
				
			||||||
 | 
					      mark('autosize.destroy()')
 | 
				
			||||||
      autosize.destroy(this.refs.textarea)
 | 
					      autosize.destroy(this.refs.textarea)
 | 
				
			||||||
 | 
					      stop('autosize.destroy()')
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    data: () => ({
 | 
					    data: () => ({
 | 
				
			||||||
      inputText: ''
 | 
					      inputText: ''
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		
		Reference in a new issue