yw-common-list/lib/ya-wei-list/src/resize.js

基于vxe-table封装的自定义可配置表格

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _elementResizeDetector = _interopRequireDefault(require("element-resize-detector"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _default = {
  methods: {
    /* 对元素尺寸进行监听，当发生变化时同步更新table */
    chartEleResizeListener: function chartEleResizeListener() {
      var _this = this;

      var chartInstance = (0, _elementResizeDetector.default)({
        strategy: 'scroll',
        callOnAdd: true
      });
      chartInstance.listenTo(this.$el, function () {
        _this.windowResizeListener();
      });
    },

    /* 当窗口缩放时，动态调整自身大小 */
    windowResizeListener: function windowResizeListener() {
      this.initTableSize();
    }
  },
  mounted: function mounted() {
    window.addEventListener('resize', this.windowResizeListener);
    this.chartEleResizeListener();
  },
  beforeUnmount: function beforeUnmount() {
    window.removeEventListener('resize', this.windowResizeListener);
  }
};
exports.default = _default;