MeasureCell.js 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = void 0;
  7. var _vue = require("vue");
  8. var _vcResizeObserver = _interopRequireDefault(require("../../vc-resize-observer"));
  9. var _default = exports.default = (0, _vue.defineComponent)({
  10. name: 'MeasureCell',
  11. props: ['columnKey'],
  12. setup(props, _ref) {
  13. let {
  14. emit
  15. } = _ref;
  16. const tdRef = (0, _vue.ref)();
  17. (0, _vue.onMounted)(() => {
  18. if (tdRef.value) {
  19. emit('columnResize', props.columnKey, tdRef.value.offsetWidth);
  20. }
  21. });
  22. return () => {
  23. return (0, _vue.createVNode)(_vcResizeObserver.default, {
  24. "onResize": _ref2 => {
  25. let {
  26. offsetWidth
  27. } = _ref2;
  28. emit('columnResize', props.columnKey, offsetWidth);
  29. }
  30. }, {
  31. default: () => [(0, _vue.createVNode)("td", {
  32. "ref": tdRef,
  33. "style": {
  34. padding: 0,
  35. border: 0,
  36. height: 0
  37. }
  38. }, [(0, _vue.createVNode)("div", {
  39. "style": {
  40. height: 0,
  41. overflow: 'hidden'
  42. }
  43. }, [(0, _vue.createTextVNode)("\xA0")])])]
  44. });
  45. };
  46. }
  47. });