MeasureCell.js 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  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 _default2 = (0, _vue.defineComponent)({
  10. name: 'MeasureCell',
  11. props: ['columnKey'],
  12. setup: function setup(props, _ref) {
  13. var emit = _ref.emit;
  14. var tdRef = (0, _vue.ref)();
  15. (0, _vue.onMounted)(function () {
  16. if (tdRef.value) {
  17. emit('columnResize', props.columnKey, tdRef.value.offsetWidth);
  18. }
  19. });
  20. return function () {
  21. return (0, _vue.createVNode)(_vcResizeObserver.default, {
  22. "onResize": function onResize(_ref2) {
  23. var offsetWidth = _ref2.offsetWidth;
  24. emit('columnResize', props.columnKey, offsetWidth);
  25. }
  26. }, {
  27. default: function _default() {
  28. return [(0, _vue.createVNode)("td", {
  29. "ref": tdRef,
  30. "style": {
  31. padding: 0,
  32. border: 0,
  33. height: 0
  34. }
  35. }, [(0, _vue.createVNode)("div", {
  36. "style": {
  37. height: 0,
  38. overflow: 'hidden'
  39. }
  40. }, [(0, _vue.createTextVNode)("\xA0")])])];
  41. }
  42. });
  43. };
  44. }
  45. });
  46. exports.default = _default2;