index.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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. direction: {
  41. type: String,
  42. observer: 'updateChildren',
  43. },
  44. iconSize: {
  45. type: String,
  46. observer: 'updateChildren',
  47. },
  48. },
  49. data: {
  50. viewStyle: '',
  51. },
  52. created: function () {
  53. var gutter = this.data.gutter;
  54. if (gutter) {
  55. this.setData({
  56. viewStyle: 'padding-left: ' + utils_1.addUnit(gutter),
  57. });
  58. }
  59. },
  60. methods: {
  61. updateChildren: function () {
  62. this.children.forEach(function (child) {
  63. child.updateStyle();
  64. });
  65. },
  66. },
  67. });