index.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. exports.__esModule = true;
  4. exports["default"] = void 0;
  5. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  6. var _utils = require("../utils");
  7. var _use = (0, _utils.use)('swipe-item'),
  8. sfc = _use[0],
  9. bem = _use[1];
  10. var _default = sfc({
  11. data: function data() {
  12. return {
  13. offset: 0
  14. };
  15. },
  16. beforeCreate: function beforeCreate() {
  17. this.$parent.swipes.push(this);
  18. },
  19. destroyed: function destroyed() {
  20. this.$parent.swipes.splice(this.$parent.swipes.indexOf(this), 1);
  21. },
  22. render: function render(h) {
  23. var _this$$parent = this.$parent,
  24. vertical = _this$$parent.vertical,
  25. computedWidth = _this$$parent.computedWidth,
  26. computedHeight = _this$$parent.computedHeight;
  27. var style = {
  28. width: computedWidth + 'px',
  29. height: vertical ? computedHeight + 'px' : '100%',
  30. transform: "translate" + (vertical ? 'Y' : 'X') + "(" + this.offset + "px)"
  31. };
  32. return h("div", {
  33. "class": bem(),
  34. "style": style,
  35. "on": (0, _extends2["default"])({}, this.$listeners)
  36. }, [this.slots()]);
  37. }
  38. });
  39. exports["default"] = _default;