natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve MkTab

This commit is contained in:
ThatOneCalculator 2023-01-24 15:18:30 -08:00
parent 95595dafcb
commit 61e290e32a
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/client/src/components/MkTab.vue
View File

@ -10,20 +10,18 @@ export default defineComponent({
render() {
const options = this.$slots.default();
return withDirectives(h('div', {
return h('div', {
class: 'pxhvhrfw',
}, options.map(option => withDirectives(h('button', {
class: ['_button', { active: this.modelValue === option.props.value }],
class: ['_button', { active: this.modelValue === option.props?.value }],
key: option.key,
disabled: this.modelValue === option.props.value,
disabled: this.modelValue === option.props?.value,
onClick: () => {
this.$emit('update:modelValue', option.props.value);
this.$emit('update:modelValue', option.props?.value);
},
}, option.children), [
[resolveDirective('click-anime')],
]))), [
[resolveDirective('size'), { max: [500] }],
]);
])));
},
});
</script>