mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-11-04 07:24:13 +00:00 
			
		
		
		
	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
		
		Reference in a new issue