50 lines
1.1 KiB
JavaScript
50 lines
1.1 KiB
JavaScript
import { createNamespace, addUnit } from '../utils';
|
|
import { BORDER_TOP } from '../utils/constant';
|
|
import { ParentMixin } from '../mixins/relation';
|
|
|
|
var _createNamespace = createNamespace('grid'),
|
|
createComponent = _createNamespace[0],
|
|
bem = _createNamespace[1];
|
|
|
|
export default createComponent({
|
|
mixins: [ParentMixin('vanGrid')],
|
|
props: {
|
|
square: Boolean,
|
|
gutter: [Number, String],
|
|
iconSize: [Number, String],
|
|
direction: String,
|
|
clickable: Boolean,
|
|
columnNum: {
|
|
type: [Number, String],
|
|
default: 4
|
|
},
|
|
center: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
border: {
|
|
type: Boolean,
|
|
default: true
|
|
}
|
|
},
|
|
computed: {
|
|
style: function style() {
|
|
var gutter = this.gutter;
|
|
|
|
if (gutter) {
|
|
return {
|
|
paddingLeft: addUnit(gutter)
|
|
};
|
|
}
|
|
}
|
|
},
|
|
render: function render() {
|
|
var _ref;
|
|
|
|
var h = arguments[0];
|
|
return h("div", {
|
|
"style": this.style,
|
|
"class": [bem(), (_ref = {}, _ref[BORDER_TOP] = this.border && !this.gutter, _ref)]
|
|
}, [this.slots()]);
|
|
}
|
|
}); |