35 lines
735 B
JavaScript
35 lines
735 B
JavaScript
import { createNamespace } from '../utils';
|
|
|
|
const [createComponent, bem] = createNamespace('col');
|
|
|
|
export default createComponent({
|
|
props: {
|
|
span: [Number, String],
|
|
offset: [Number, String],
|
|
tag: {
|
|
type: String,
|
|
default: 'div'
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
gutter() {
|
|
return (this.$parent && Number(this.$parent.gutter)) || 0;
|
|
},
|
|
|
|
style() {
|
|
const padding = `${this.gutter / 2}px`;
|
|
return this.gutter ? { paddingLeft: padding, paddingRight: padding } : {};
|
|
}
|
|
},
|
|
|
|
render() {
|
|
const { span, offset } = this;
|
|
return (
|
|
<this.tag class={bem({ [span]: span, [`offset-${offset}`]: offset })} style={this.style}>
|
|
{this.slots()}
|
|
</this.tag>
|
|
);
|
|
}
|
|
});
|