index.js 1.2 KB

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. });