index.js 1016 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. 'use strict';
  2. Object.defineProperty(exports, '__esModule', { value: true });
  3. var component_1 = require('../common/component');
  4. component_1.VantComponent({
  5. relation: {
  6. name: 'col',
  7. type: 'descendant',
  8. current: 'row',
  9. linked: function (target) {
  10. if (this.data.gutter) {
  11. target.setGutter(this.data.gutter);
  12. }
  13. },
  14. },
  15. props: {
  16. gutter: {
  17. type: Number,
  18. observer: 'setGutter',
  19. },
  20. },
  21. data: {
  22. viewStyle: '',
  23. },
  24. mounted: function () {
  25. if (this.data.gutter) {
  26. this.setGutter();
  27. }
  28. },
  29. methods: {
  30. setGutter: function () {
  31. var _this = this;
  32. var gutter = this.data.gutter;
  33. var margin = '-' + Number(gutter) / 2 + 'px';
  34. var viewStyle = gutter
  35. ? 'margin-right: ' + margin + '; margin-left: ' + margin + ';'
  36. : '';
  37. this.setData({ viewStyle: viewStyle });
  38. this.getRelationNodes('../col/index').forEach(function (col) {
  39. col.setGutter(_this.data.gutter);
  40. });
  41. },
  42. },
  43. });