ten-design-vue/lib/table/table-cell-mixin.js

ten-vue

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _default = {
  inject: ['table'],
  props: {
    id: String,
    pureId: String,
    invisible: Boolean
  },
  data: function data() {
    return {
      html: ''
    };
  },
  computed: {
    selectorChecked: function selectorChecked() {
      return this.table.selectedRowKeys.length === this.table.data.length && this.table.data.length !== 0;
    },
    className: function className() {
      return ['ten-table__table-cell', {
        'ten-table__table-cell--invisible': this.invisible
      }];
    }
  },
  watch: {
    invisible: function invisible(v, ov) {
      if (!v && ov && this.$el) {
        this.$el.innerHTML = '';
      }
    }
  },
  created: function created() {
    this.table.addCell(this);
  },
  updated: function updated() {
    if (!this.invisible) {
      this.table.updateInvisibleCell(this.pureId, this);
    }
  },
  mounted: function mounted() {
    var _this = this;

    if (!this.invisible) {
      setTimeout(function () {
        _this.table.updateInvisibleCell(_this.pureId, _this);
      });
    }
  },
  destroyed: function destroyed() {
    this.table.removeCell(this);
  },
  methods: {
    syncFromVisibleCell: function syncFromVisibleCell(visibleCell) {
      if (this.invisible && this.$el.innerHTML !== visibleCell.$el.innerHTML) {
        this.$el.innerHTML = visibleCell.$el.innerHTML;
      }
    }
  }
};
exports.default = _default;