yw-common-list/lib/a-common-list/src/tableEventMixins.js

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

"use strict";

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

/**
 *  lz，2022-09-22 18:15
 *  表格事件
 */
var _default = {
  data: function data() {
    return {
      eventData: {
        // 表头单元格点击
        'header-cell-click': 'headerCellClickEvent',
        // 表头单元格双击
        'header-cell-dblclick': 'headerCellDblclickEvent',
        // 右键列
        'header-cell-menu': 'headerCellContextMenuEvent',
        // 单元格点击
        'cell-click': 'cellClickEvent',
        // 单元格双击
        'cell-dblclick': 'cellDBLClickEvent',
        // 鼠标进入单元格
        'cell-mouseenter': 'cellMouseenterEvent',
        // 鼠标离开单元格
        'cell-mouseleave': 'cellMouseleaveEvent',
        // 右键行
        'cell-menu': 'cellContextMenuEvent',
        // 滚动
        scroll: 'scrollEvent',
        // checkbox 全选/全取消
        'checkbox-all': 'selectAllEvent',
        // checkbox 选中/取消
        'checkbox-change': 'selectChangeEvent',
        // 当排序条件发生变化时会触发该事件
        'sort-change': 'sortChange'
      }
    };
  },
  methods: {
    selectAllEvent: function selectAllEvent(_ref) {
      var checked = _ref.checked;
      // const records = this.$refs.xTable1.getCheckboxRecords()
      console.log(checked ? '所有勾选事件' : '所有取消事件');
    },
    selectChangeEvent: function selectChangeEvent(_ref2) {
      var checked = _ref2.checked;
      // const records = this.$refs.xTable1.getCheckboxRecords()
      console.log(checked ? '勾选事件' : '取消事件');
    },
    headerCellClickEvent: function headerCellClickEvent(_ref3) {
      var column = _ref3.column;
      console.log("\u8868\u5934\u5355\u5143\u683C\u70B9\u51FB".concat(column.title));
    },
    headerCellDblclickEvent: function headerCellDblclickEvent(_ref4) {
      var column = _ref4.column;
      console.log("\u8868\u5934\u5355\u5143\u683C\u53CC\u51FB".concat(column.title));
    },
    headerCellContextMenuEvent: function headerCellContextMenuEvent(_ref5) {
      var column = _ref5.column;
      console.log("\u53F3\u952E\u5217 ".concat(column.title));
    },
    cellClickEvent: function cellClickEvent(_ref6) {
      var column = _ref6.column;
      console.log("\u5355\u5143\u683C\u70B9\u51FB".concat(column.title));
    },
    cellDBLClickEvent: function cellDBLClickEvent(_ref7) {
      var column = _ref7.column;
      console.log("\u5355\u5143\u683C\u53CC\u51FB".concat(column.title));
    },
    cellMouseenterEvent: function cellMouseenterEvent(_ref8) {
      var column = _ref8.column;
      console.log("\u9F20\u6807\u8FDB\u5165\u5355\u5143\u683C".concat(column.title));
    },
    cellMouseleaveEvent: function cellMouseleaveEvent(_ref9) {
      var column = _ref9.column;
      console.log("\u9F20\u6807\u79BB\u5F00\u5355\u5143\u683C".concat(column.title));
    },
    cellContextMenuEvent: function cellContextMenuEvent(_ref10) {
      var row = _ref10.row;
      console.log("\u53F3\u952E\u884C ".concat(row.name));
    },
    scrollEvent: function scrollEvent(_ref11) {
      var scrollTop = _ref11.scrollTop,
          scrollLeft = _ref11.scrollLeft,
          scrollWidth = _ref11.scrollWidth,
          scrollHeight = _ref11.scrollHeight,
          bodyWidth = _ref11.bodyWidth,
          bodyHeight = _ref11.bodyHeight;
      var xStatus = '';

      if (scrollLeft <= 0) {
        xStatus = '左侧';
      } else if (scrollLeft + bodyWidth >= scrollWidth) {
        xStatus = '右侧';
      }

      var yStatus = '';

      if (scrollTop <= 0) {
        yStatus = '顶部';
      } else if (scrollTop + bodyHeight >= scrollHeight) {
        yStatus = '底部';
      }

      console.log("\u6EDA\u52A8\u4E8B\u4EF6\uFF1AscrollTop=".concat(scrollTop, " scrollLeft=").concat(scrollLeft, " \u6A2A\u5411\u72B6\u6001\uFF1A").concat(xStatus, " \u7EB5\u5411\u72B6\u6001\uFF1A").concat(yStatus));
    }
  }
};
exports.default = _default;