init component
This commit is contained in:
87
node_modules/buetify/lib/components/button/BButton.js
generated
vendored
Executable file
87
node_modules/buetify/lib/components/button/BButton.js
generated
vendored
Executable file
@@ -0,0 +1,87 @@
|
||||
import 'bulma/sass/elements/button.sass';
|
||||
import { h, defineComponent } from 'vue';
|
||||
|
||||
function useButtonClasses(props) {
|
||||
return ['button', props.variant, props.size, {
|
||||
'is-rounded': props.isRounded,
|
||||
'is-loading': props.isLoading,
|
||||
'is-outlined': props.isOutlined,
|
||||
'is-inverted': props.isInverted,
|
||||
'is-focused': props.isFocused,
|
||||
'is-active': props.isActive,
|
||||
'is-disabled': props.isDisabled,
|
||||
'is-hovered': props.isHovered,
|
||||
'is-selected': props.isSelected,
|
||||
'is-fullwidth': props.isFullwidth
|
||||
}];
|
||||
}
|
||||
|
||||
export default defineComponent({
|
||||
name: 'b-button',
|
||||
props: {
|
||||
tag: {
|
||||
type: String,
|
||||
default: 'button',
|
||||
validator: val => ['button', 'a', 'input'].includes(val)
|
||||
},
|
||||
size: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
variant: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
isRounded: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isLoading: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isOutlined: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isInverted: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isFocused: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isActive: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isDisabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isHovered: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isSelected: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isFullwidth: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
|
||||
setup(props, {
|
||||
slots
|
||||
}) {
|
||||
return () => h(props.tag, {
|
||||
class: useButtonClasses(props),
|
||||
disabled: props.isDisabled ? true : null
|
||||
}, slots.default && slots.default());
|
||||
}
|
||||
|
||||
});
|
||||
//# sourceMappingURL=BButton.js.map
|
||||
Reference in New Issue
Block a user