index.js 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", { value: true });
  3. var component_1 = require("../common/component");
  4. var utils_1 = require("../common/utils");
  5. component_1.VantComponent({
  6. relation: {
  7. name: 'grid-item',
  8. type: 'descendant',
  9. current: 'grid',
  10. },
  11. props: {
  12. square: {
  13. type: Boolean,
  14. observer: 'updateChildren'
  15. },
  16. gutter: {
  17. type: [Number, String],
  18. value: 0,
  19. observer: 'updateChildren'
  20. },
  21. clickable: {
  22. type: Boolean,
  23. observer: 'updateChildren'
  24. },
  25. columnNum: {
  26. type: Number,
  27. value: 4,
  28. observer: 'updateChildren'
  29. },
  30. center: {
  31. type: Boolean,
  32. value: true,
  33. observer: 'updateChildren'
  34. },
  35. border: {
  36. type: Boolean,
  37. value: true,
  38. observer: 'updateChildren'
  39. }
  40. },
  41. data: {
  42. viewStyle: '',
  43. },
  44. created: function () {
  45. var gutter = this.data.gutter;
  46. if (gutter) {
  47. this.setData({
  48. viewStyle: "padding-left: " + utils_1.addUnit(gutter)
  49. });
  50. }
  51. },
  52. methods: {
  53. updateChildren: function () {
  54. this.children.forEach(function (child) {
  55. child.updateStyle();
  56. });
  57. }
  58. }
  59. });