Tweak UI
This commit is contained in:
		
							parent
							
								
									9cab2cd940
								
							
						
					
					
						commit
						ccf063709e
					
				
					 5 changed files with 8 additions and 6 deletions
				
			
		|  | @ -12,14 +12,16 @@ export default defineComponent({ | ||||||
| 
 | 
 | ||||||
| 		return withDirectives(h('div', { | 		return withDirectives(h('div', { | ||||||
| 			class: 'pxhvhrfw', | 			class: 'pxhvhrfw', | ||||||
| 		}, options.map(option => h('button', { | 		}, options.map(option => withDirectives(h('button', { | ||||||
| 			class: ['_button', { active: this.value === option.props.value }], | 			class: ['_button', { active: this.value === option.props.value }], | ||||||
| 			key: option.props.value, | 			key: option.props.value, | ||||||
| 			disabled: this.value === option.props.value, | 			disabled: this.value === option.props.value, | ||||||
| 			onClick: () => { | 			onClick: () => { | ||||||
| 				this.$emit('update:value', option.props.value); | 				this.$emit('update:value', option.props.value); | ||||||
| 			} | 			} | ||||||
| 		}, option.children))), [ | 		}, option.children), [ | ||||||
|  | 			[resolveDirective('click-anime')] | ||||||
|  | 		]))), [ | ||||||
| 			[resolveDirective('size'), { max: [500] }] | 			[resolveDirective('size'), { max: [500] }] | ||||||
| 		]); | 		]); | ||||||
| 	} | 	} | ||||||
|  |  | ||||||
|  | @ -313,7 +313,7 @@ export default defineComponent({ | ||||||
| 				} | 				} | ||||||
| 			}; | 			}; | ||||||
| 			if (isLink(e.target)) return; | 			if (isLink(e.target)) return; | ||||||
| 			if (['INPUT', 'TEXTAREA'].includes(e.target.tagName) || e.target.attributes['contenteditable']) return; | 			if (['INPUT', 'TEXTAREA', 'IMG'].includes(e.target.tagName) || e.target.attributes['contenteditable']) return; | ||||||
| 			if (window.getSelection().toString() !== '') return; | 			if (window.getSelection().toString() !== '') return; | ||||||
| 			const path = this.$route.path; | 			const path = this.$route.path; | ||||||
| 			os.contextMenu([{ | 			os.contextMenu([{ | ||||||
|  |  | ||||||
|  | @ -64,7 +64,7 @@ export default defineComponent({ | ||||||
| 				} | 				} | ||||||
| 			}; | 			}; | ||||||
| 			if (isLink(e.target)) return; | 			if (isLink(e.target)) return; | ||||||
| 			if (['INPUT', 'TEXTAREA'].includes(e.target.tagName) || e.target.attributes['contenteditable']) return; | 			if (['INPUT', 'TEXTAREA', 'IMG'].includes(e.target.tagName) || e.target.attributes['contenteditable']) return; | ||||||
| 			if (window.getSelection().toString() !== '') return; | 			if (window.getSelection().toString() !== '') return; | ||||||
| 			const path = this.$route.path; | 			const path = this.$route.path; | ||||||
| 			os.contextMenu([{ | 			os.contextMenu([{ | ||||||
|  |  | ||||||
|  | @ -165,7 +165,7 @@ export default defineComponent({ | ||||||
| 				} | 				} | ||||||
| 			}; | 			}; | ||||||
| 			if (isLink(e.target)) return; | 			if (isLink(e.target)) return; | ||||||
| 			if (['INPUT', 'TEXTAREA'].includes(e.target.tagName) || e.target.attributes['contenteditable']) return; | 			if (['INPUT', 'TEXTAREA', 'IMG'].includes(e.target.tagName) || e.target.attributes['contenteditable']) return; | ||||||
| 			if (window.getSelection().toString() !== '') return; | 			if (window.getSelection().toString() !== '') return; | ||||||
| 			const path = this.$route.path; | 			const path = this.$route.path; | ||||||
| 			os.contextMenu([{ | 			os.contextMenu([{ | ||||||
|  |  | ||||||
|  | @ -191,7 +191,7 @@ export default defineComponent({ | ||||||
| 				} | 				} | ||||||
| 			}; | 			}; | ||||||
| 			if (isLink(e.target)) return; | 			if (isLink(e.target)) return; | ||||||
| 			if (['INPUT', 'TEXTAREA'].includes(e.target.tagName) || e.target.attributes['contenteditable']) return; | 			if (['INPUT', 'TEXTAREA', 'IMG'].includes(e.target.tagName) || e.target.attributes['contenteditable']) return; | ||||||
| 			if (window.getSelection().toString() !== '') return; | 			if (window.getSelection().toString() !== '') return; | ||||||
| 			const path = this.$route.path; | 			const path = this.$route.path; | ||||||
| 			os.contextMenu([{ | 			os.contextMenu([{ | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue