12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- 'use strict';
- Object.defineProperty(exports, '__esModule', { value: true });
- var component_1 = require('../common/component');
- var utils_1 = require('../common/utils');
- component_1.VantComponent({
- relation: {
- name: 'grid-item',
- type: 'descendant',
- current: 'grid',
- },
- props: {
- square: {
- type: Boolean,
- observer: 'updateChildren',
- },
- gutter: {
- type: [Number, String],
- value: 0,
- observer: 'updateChildren',
- },
- clickable: {
- type: Boolean,
- observer: 'updateChildren',
- },
- columnNum: {
- type: Number,
- value: 4,
- observer: 'updateChildren',
- },
- center: {
- type: Boolean,
- value: true,
- observer: 'updateChildren',
- },
- border: {
- type: Boolean,
- value: true,
- observer: 'updateChildren',
- },
- direction: {
- type: String,
- observer: 'updateChildren',
- },
- iconSize: {
- type: String,
- observer: 'updateChildren',
- },
- },
- data: {
- viewStyle: '',
- },
- created: function () {
- var gutter = this.data.gutter;
- if (gutter) {
- this.setData({
- viewStyle: 'padding-left: ' + utils_1.addUnit(gutter),
- });
- }
- },
- methods: {
- updateChildren: function () {
- this.children.forEach(function (child) {
- child.updateStyle();
- });
- },
- },
- });
|