natty
/
calckey
1
0
Fork 0
Code Issues 1 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() { render() {
const options = this.$slots.default(); const options = this.$slots.default();
return withDirectives(h('div', { return h('div', {
class: 'pxhvhrfw', class: 'pxhvhrfw',
}, options.map(option => withDirectives(h('button', { }, 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, key: option.key,
disabled: this.modelValue === option.props.value, disabled: this.modelValue === option.props?.value,
onClick: () => { onClick: () => {
this.$emit('update:modelValue', option.props.value); this.$emit('update:modelValue', option.props?.value);
}, },
}, option.children), [ }, option.children), [
[resolveDirective('click-anime')], [resolveDirective('click-anime')],
]))), [ ])));
[resolveDirective('size'), { max: [500] }],
]);
}, },
}); });
</script> </script>