wip
This commit is contained in:
		
							parent
							
								
									8b6e9050c4
								
							
						
					
					
						commit
						e82864d4fc
					
				|  | @ -29,7 +29,7 @@ export default define({ | |||
| 		}; | ||||
| 	}, | ||||
| 	mounted() { | ||||
| 		Vue.nextTick(() => { | ||||
| 		this.$nextTick(() => { | ||||
| 			this.applySize(); | ||||
| 		}); | ||||
| 
 | ||||
|  |  | |||
|  | @ -47,7 +47,7 @@ export default define({ | |||
| 		}; | ||||
| 	}, | ||||
| 	mounted() { | ||||
| 		Vue.nextTick(() => { | ||||
| 		this.$nextTick(() => { | ||||
| 			this.set(); | ||||
| 		}); | ||||
| 
 | ||||
|  |  | |||
|  | @ -1,6 +1,6 @@ | |||
| <template> | ||||
| <div class="context-menu" :style="{ left: `${x}px`, top: `${y}px` }" @contextmenu.prevent="() => {}"> | ||||
| 	<me-nu :menu="menu" @x="click"/> | ||||
| 	<context-menu-menu :menu="menu" @x="click"/> | ||||
| </div> | ||||
| </template> | ||||
| 
 | ||||
|  | @ -8,12 +8,8 @@ | |||
| import Vue from 'vue'; | ||||
| import * as anime from 'animejs'; | ||||
| import contains from '../../../common/scripts/contains'; | ||||
| import meNu from './context-menu-menu.vue'; | ||||
| 
 | ||||
| export default Vue.extend({ | ||||
| 	components: { | ||||
| 		'me-nu': meNu | ||||
| 	}, | ||||
| 	props: ['x', 'y', 'menu'], | ||||
| 	mounted() { | ||||
| 		this.$nextTick(() => { | ||||
|  |  | |||
|  | @ -31,6 +31,7 @@ import drive from './drive.vue'; | |||
| import driveFile from './drive-file.vue'; | ||||
| import driveFolder from './drive-folder.vue'; | ||||
| import driveNavFolder from './drive-nav-folder.vue'; | ||||
| import contextMenuMenu from './context-menu-menu.vue'; | ||||
| 
 | ||||
| Vue.component('mk-ui', ui); | ||||
| Vue.component('mk-ui-header', uiHeader); | ||||
|  | @ -63,3 +64,4 @@ Vue.component('mk-drive', drive); | |||
| Vue.component('mk-drive-file', driveFile); | ||||
| Vue.component('mk-drive-folder', driveFolder); | ||||
| Vue.component('mk-drive-nav-folder', driveNavFolder); | ||||
| Vue.component('context-menu-menu', contextMenuMenu); | ||||
|  |  | |||
|  | @ -43,7 +43,9 @@ export default Vue.extend({ | |||
| 	}, | ||||
| 	mounted() { | ||||
| 		if (this.default) this.text = this.default; | ||||
| 		(this.$refs.text as any).focus(); | ||||
| 		this.$nextTick(() => { | ||||
| 			(this.$refs.text as any).focus(); | ||||
| 		}); | ||||
| 	}, | ||||
| 	methods: { | ||||
| 		ok() { | ||||
|  |  | |||
|  | @ -28,7 +28,7 @@ export default Vue.extend({ | |||
| 		}; | ||||
| 	}, | ||||
| 	mounted() { | ||||
| 		Vue.nextTick(() => { | ||||
| 		this.$nextTick(() => { | ||||
| 			(this.$refs.form as any).focus(); | ||||
| 		}); | ||||
| 	}, | ||||
|  |  | |||
|  | @ -82,7 +82,7 @@ export default Vue.extend({ | |||
| 		} | ||||
| 	}, | ||||
| 	mounted() { | ||||
| 		Vue.nextTick(() => { | ||||
| 		this.$nextTick(() => { | ||||
| 			this.autocomplete = new Autocomplete(this.$refs.text); | ||||
| 			this.autocomplete.attach(); | ||||
| 
 | ||||
|  |  | |||
|  | @ -84,7 +84,7 @@ export default Vue.extend({ | |||
| 	}, | ||||
| 
 | ||||
| 	mounted() { | ||||
| 		Vue.nextTick(() => { | ||||
| 		this.$nextTick(() => { | ||||
| 			const main = this.$refs.main as any; | ||||
| 			main.style.top = '15%'; | ||||
| 			main.style.left = (window.innerWidth / 2) - (main.offsetWidth / 2) + 'px'; | ||||
|  |  | |||
|  | @ -11,7 +11,7 @@ import * as anime from 'animejs'; | |||
| export default Vue.extend({ | ||||
| 	props: ['notification'], | ||||
| 	mounted() { | ||||
| 		Vue.nextTick(() => { | ||||
| 		this.$nextTick(() => { | ||||
| 			anime({ | ||||
| 				targets: this.$el, | ||||
| 				bottom: '0px', | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue