Tweak UI
This commit is contained in:
parent
9cab2cd940
commit
ccf063709e
|
@ -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…
Reference in a new issue