kdutify 2.6.1 → 2.7.3

package/es5/components/KDataTable/KDataTable.js

@@ -4,86 +4,76 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-require("..\\..\\..\\src\\components\\KDataTable\\KDataTable.sass");
-
+require("../../../src/components/KDataTable/KDataTable.sass");
 var _KData = require("../KData");
-
 var _KDataIterator = require("../KDataIterator");
-
 var _KBtn = _interopRequireDefault(require("../KBtn"));
-
 var _KDataTableHeader = _interopRequireDefault(require("./KDataTableHeader"));
-
 var _KIcon = _interopRequireDefault(require("../KIcon"));
-
 var _Row = _interopRequireDefault(require("./Row"));
-
 var _RowGroup = _interopRequireDefault(require("./RowGroup"));
-
 var _KSimpleCheckbox = _interopRequireDefault(require("../KCheckbox/KSimpleCheckbox"));
-
 var _KSimpleTable = _interopRequireDefault(require("./KSimpleTable"));
-
 var _MobileRow = _interopRequireDefault(require("./MobileRow"));
-
 var _loadable = _interopRequireDefault(require("../../mixins/loadable"));
-
+var _mouse = _interopRequireDefault(require("../../mixins/mouse"));
 var _ripple = _interopRequireDefault(require("../../directives/ripple"));
-
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
-
 var _helpers = require("../../util/helpers");
-
 var _console = require("../../util/console");
-
 var _mergeData = require("../../util/mergeData");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Components
+// import KVirtualTable from './KVirtualTable'
+// Mixins
+// Directives
+// Helpers
 function filterFn(item, search, filter) {
   return function (header) {
     var value = (0, _helpers.getObjectValueByPath)(item, header.value);
     return header.filter ? header.filter(value, search, item) : filter(value, search, item);
   };
 }
-
-function searchTableItems(items, search, headersWithCustomFilters, headersWithoutCustomFilters, customFilter) {
+function searchTableItems(items, search, headersWithCustomFilters, headersWithoutCustomFilters, customFilter, filterMode) {
   search = typeof search === 'string' ? search.trim() : null;
-  return items.filter(function (item) {
-    // Headers with custom filters are evaluated whether or not a search term has been provided.
-    // We need to match every filter to be included in the results.
-    var matchesColumnFilters = headersWithCustomFilters.every(filterFn(item, search, _helpers.defaultFilter)); // Headers without custom filters are only filtered by the `search` property if it is defined.
-    // We only need a single column to match the search term to be included in the results.
-
-    var matchesSearchTerm = !search || headersWithoutCustomFilters.some(filterFn(item, search, customFilter));
-    return matchesColumnFilters && matchesSearchTerm;
-  });
+  if (filterMode === 'union') {
+    // If the `search` property is empty and there are no custom filters in use, there is nothing to do.
+    if (!(search && headersWithoutCustomFilters.length) && !headersWithCustomFilters.length) return items;
+    return items.filter(function (item) {
+      // Headers with custom filters are evaluated whether or not a search term has been provided.
+      if (headersWithCustomFilters.length && headersWithCustomFilters.every(filterFn(item, search, _helpers.defaultFilter))) {
+        return true;
+      }
+      // Otherwise, the `search` property is used to filter columns without a custom filter.
+      return search && headersWithoutCustomFilters.some(filterFn(item, search, customFilter));
+    });
+  } else if (filterMode === 'intersection') {
+    return items.filter(function (item) {
+      // Headers with custom filters are evaluated whether or not a search term has been provided.
+      // We need to match every filter to be included in the results.
+      var matchesColumnFilters = headersWithCustomFilters.every(filterFn(item, search, _helpers.defaultFilter));
+      // Headers without custom filters are only filtered by the `search` property if it is defined.
+      // We only need a single column to match the search term to be included in the results.
+      var matchesSearchTerm = !search || headersWithoutCustomFilters.some(filterFn(item, search, customFilter));
+      return matchesColumnFilters && matchesSearchTerm;
+    });
+  } else {
+    return items;
+  }
 }
 /* @kdujs/component */
-
-
-var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.default).extend({
+var _default2 = exports.default = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.default, _mouse.default).extend({
   name: 'k-data-table',
   directives: {
     ripple: _ripple.default
@@ -117,12 +107,22 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
       type: Function,
       default: _helpers.defaultFilter
     },
+    filterMode: {
+      type: String,
+      default: 'intersection'
+    },
     itemClass: {
       type: [String, Function],
       default: function _default() {
         return '';
       }
     },
+    itemStyle: {
+      type: [String, Function],
+      default: function _default() {
+        return '';
+      }
+    },
     loaderHeight: {
       type: [Number, String],
       default: 4
@@ -138,7 +138,6 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
   computed: {
     computedHeaders: function computedHeaders() {
       var _this = this;
-
       if (!this.headers) return [];
       var headers = this.headers.filter(function (h) {
         return h.value === undefined || !_this.internalGroupBy.find(function (v) {
@@ -150,26 +149,22 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
         sortable: false,
         width: '1px'
       };
-
       if (this.showSelect) {
         var index = headers.findIndex(function (h) {
           return h.value === 'data-table-select';
         });
-        if (index < 0) headers.unshift(_objectSpread(_objectSpread({}, defaultHeader), {}, {
+        if (index < 0) headers.unshift(_objectSpread({}, defaultHeader, {
           value: 'data-table-select'
-        }));else headers.splice(index, 1, _objectSpread(_objectSpread({}, defaultHeader), headers[index]));
+        }));else headers.splice(index, 1, _objectSpread({}, defaultHeader, {}, headers[index]));
       }
-
       if (this.showExpand) {
         var _index = headers.findIndex(function (h) {
           return h.value === 'data-table-expand';
         });
-
-        if (_index < 0) headers.unshift(_objectSpread(_objectSpread({}, defaultHeader), {}, {
+        if (_index < 0) headers.unshift(_objectSpread({}, defaultHeader, {
           value: 'data-table-expand'
-        }));else headers.splice(_index, 1, _objectSpread(_objectSpread({}, defaultHeader), headers[_index]));
+        }));else headers.splice(_index, 1, _objectSpread({}, defaultHeader, {}, headers[_index]));
       }
-
       return headers;
     },
     colspanAttrs: function colspanAttrs() {
@@ -199,29 +194,32 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
     computedItemsPerPage: function computedItemsPerPage() {
       var itemsPerPage = this.options && this.options.itemsPerPage ? this.options.itemsPerPage : this.itemsPerPage;
       var itemsPerPageOptions = this.sanitizedFooterProps.itemsPerPageOptions;
-
       if (itemsPerPageOptions && !itemsPerPageOptions.find(function (item) {
         return typeof item === 'number' ? item === itemsPerPage : item.value === itemsPerPage;
       })) {
         var firstOption = itemsPerPageOptions[0];
         return _typeof(firstOption) === 'object' ? firstOption.value : firstOption;
       }
-
       return itemsPerPage;
+    },
+    groupByText: function groupByText() {
+      var _this2 = this;
+      var _a, _b, _c;
+      return (_c = (_b = (_a = this.headers) === null || _a === void 0 ? void 0 : _a.find(function (header) {
+        var _a;
+        return header.value === ((_a = _this2.internalGroupBy) === null || _a === void 0 ? void 0 : _a[0]);
+      })) === null || _b === void 0 ? void 0 : _b.text) !== null && _c !== void 0 ? _c : '';
     }
   },
   created: function created() {
-    var _this2 = this;
-
+    var _this3 = this;
     var breakingProps = [['sort-icon', 'header-props.sort-icon'], ['hide-headers', 'hide-default-header'], ['select-all', 'show-select']];
     /* istanbul ignore next */
-
     breakingProps.forEach(function (_ref) {
       var _ref2 = _slicedToArray(_ref, 2),
-          original = _ref2[0],
-          replacement = _ref2[1];
-
-      if (_this2.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this2);
+        original = _ref2[0],
+        replacement = _ref2[1];
+      if (_this3.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this3);
     });
   },
   mounted: function mounted() {
@@ -246,27 +244,41 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
       });
     },
     customFilterWithColumns: function customFilterWithColumns(items, search) {
-      return searchTableItems(items, search, this.headersWithCustomFilters, this.headersWithoutCustomFilters, this.customFilter);
+      return searchTableItems(items, search, this.headersWithCustomFilters, this.headersWithoutCustomFilters, this.customFilter, this.filterMode);
     },
     customSortWithHeaders: function customSortWithHeaders(items, sortBy, sortDesc, locale) {
       return this.customSort(items, sortBy, sortDesc, locale, this.columnSorters);
     },
     createItemProps: function createItemProps(item, index) {
-      var props = _KDataIterator.KDataIterator.options.methods.createItemProps.call(this, item, index);
-
-      return Object.assign(props, {
+      var _this4 = this;
+      var data = _objectSpread({}, _KDataIterator.KDataIterator.options.methods.createItemProps.call(this, item, index), {
         headers: this.computedHeaders
       });
+      return _objectSpread({}, data, {
+        attrs: {
+          class: {
+            'k-data-table__selected': data.isSelected
+          }
+        },
+        on: _objectSpread({}, this.getDefaultMouseEventHandlers(':row', function () {
+          return data;
+        }, true), {
+          // TODO: the first argument should be the event, and the second argument should be data,
+          // but this is a breaking change so it's for v3
+          click: function click(event) {
+            return _this4.$emit('click:row', item, data, event);
+          }
+        })
+      });
     },
     genCaption: function genCaption(props) {
       if (this.caption) return [this.$createElement('caption', [this.caption])];
       return (0, _helpers.getSlot)(this, 'caption', props, true);
     },
     genColgroup: function genColgroup(props) {
-      var _this3 = this;
-
+      var _this5 = this;
       return this.$createElement('colgroup', this.computedHeaders.map(function (header) {
-        return _this3.$createElement('col', {
+        return _this5.$createElement('col', {
           class: {
             divider: header.divider
           }
@@ -285,7 +297,7 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
     },
     genHeaders: function genHeaders(props) {
       var data = {
-        props: _objectSpread(_objectSpread({}, this.sanitizedHeaderProps), {}, {
+        props: _objectSpread({}, this.sanitizedHeaderProps, {
           headers: this.computedHeaders,
           options: props.options,
           mobile: this.isMobile,
@@ -301,19 +313,17 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
           group: props.group,
           'toggle-select-all': this.toggleSelectAll
         }
-      }; // TODO: rename to 'head'? (thead, tbody, tfoot)
-
-      var children = [(0, _helpers.getSlot)(this, 'header', _objectSpread(_objectSpread({}, data), {}, {
+      };
+      // TODO: rename to 'head'? (thead, tbody, tfoot)
+      var children = [(0, _helpers.getSlot)(this, 'header', _objectSpread({}, data, {
         isMobile: this.isMobile
       }))];
-
       if (!this.hideDefaultHeader) {
         var scopedSlots = (0, _helpers.getPrefixedScopedSlots)('header.', this.$scopedSlots);
-        children.push(this.$createElement(_KDataTableHeader.default, _objectSpread(_objectSpread({}, data), {}, {
+        children.push(this.$createElement(_KDataTableHeader.default, _objectSpread({}, data, {
           scopedSlots: scopedSlots
         })));
       }
-
       if (this.loading) children.push(this.genLoading());
       return children;
     },
@@ -330,43 +340,37 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
       return props.groupedItems ? this.genGroupedRows(props.groupedItems, props) : this.genRows(items, props);
     },
     genGroupedRows: function genGroupedRows(groupedItems, props) {
-      var _this4 = this;
-
+      var _this6 = this;
       return groupedItems.map(function (group) {
-        if (!_this4.openCache.hasOwnProperty(group.name)) _this4.$set(_this4.openCache, group.name, true);
-
-        if (_this4.$scopedSlots.group) {
-          return _this4.$scopedSlots.group({
+        if (!_this6.openCache.hasOwnProperty(group.name)) _this6.$set(_this6.openCache, group.name, true);
+        if (_this6.$scopedSlots.group) {
+          return _this6.$scopedSlots.group({
             group: group.name,
             options: props.options,
-            isMobile: _this4.isMobile,
+            isMobile: _this6.isMobile,
             items: group.items,
-            headers: _this4.computedHeaders
+            headers: _this6.computedHeaders
           });
         } else {
-          return _this4.genDefaultGroupedRow(group.name, group.items, props);
+          return _this6.genDefaultGroupedRow(group.name, group.items, props);
         }
       });
     },
     genDefaultGroupedRow: function genDefaultGroupedRow(group, items, props) {
-      var _this5 = this;
-
+      var _this7 = this;
       var isOpen = !!this.openCache[group];
       var children = [this.$createElement('template', {
         slot: 'row.content'
       }, this.genRows(items, props))];
-
       var toggleFn = function toggleFn() {
-        return _this5.$set(_this5.openCache, group, !_this5.openCache[group]);
+        return _this7.$set(_this7.openCache, group, !_this7.openCache[group]);
       };
-
       var removeFn = function removeFn() {
         return props.updateOptions({
           groupBy: [],
           groupDesc: []
         });
       };
-
       if (this.$scopedSlots['group.header']) {
         children.unshift(this.$createElement('template', {
           slot: 'column.header'
@@ -404,12 +408,11 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
         var column = this.$createElement('td', {
           staticClass: 'text-start',
           attrs: this.colspanAttrs
-        }, [toggle, "".concat(props.options.groupBy[0], ": ").concat(group), remove]);
+        }, [toggle, "".concat(this.groupByText, ": ").concat(group), remove]);
         children.unshift(this.$createElement('template', {
           slot: 'column.header'
         }, [column]));
       }
-
       if (this.$scopedSlots['group.summary']) {
         children.push(this.$createElement('template', {
           slot: 'column.summary'
@@ -423,7 +426,6 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
           toggle: toggleFn
         })]));
       }
-
       return this.$createElement(_RowGroup.default, {
         key: group,
         props: {
@@ -436,13 +438,11 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
     },
     genScopedRows: function genScopedRows(items, props) {
       var rows = [];
-
       for (var i = 0; i < items.length; i++) {
         var item = items[i];
-        rows.push(this.$scopedSlots.item(_objectSpread(_objectSpread({}, this.createItemProps(item, i)), {}, {
+        rows.push(this.$scopedSlots.item(_objectSpread({}, this.createItemProps(item, i), {
           isMobile: this.isMobile
         })));
-
         if (this.isExpanded(item)) {
           rows.push(this.$scopedSlots['expanded-item']({
             headers: this.computedHeaders,
@@ -452,16 +452,14 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
           }));
         }
       }
-
       return rows;
     },
     genDefaultRows: function genDefaultRows(items, props) {
-      var _this6 = this;
-
+      var _this8 = this;
       return this.$scopedSlots['expanded-item'] ? items.map(function (item, index) {
-        return _this6.genDefaultExpandedRow(item, index);
+        return _this8.genDefaultExpandedRow(item, index);
       }) : items.map(function (item, index) {
-        return _this6.genDefaultSimpleRow(item, index);
+        return _this8.genDefaultSimpleRow(item, index);
       });
     },
     genDefaultExpandedRow: function genDefaultExpandedRow(item, index) {
@@ -488,27 +486,24 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
       }, [expandedRow])]);
     },
     genDefaultSimpleRow: function genDefaultSimpleRow(item, index) {
-      var _this7 = this;
-
+      var _this9 = this;
       var classes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var scopedSlots = (0, _helpers.getPrefixedScopedSlots)('item.', this.$scopedSlots);
       var data = this.createItemProps(item, index);
-
       if (this.showSelect) {
         var slot = scopedSlots['data-table-select'];
         scopedSlots['data-table-select'] = slot ? function () {
-          return slot(_objectSpread(_objectSpread({}, data), {}, {
-            isMobile: _this7.isMobile
+          return slot(_objectSpread({}, data, {
+            isMobile: _this9.isMobile
           }));
         } : function () {
-          var _this7$checkboxColor;
-
-          return _this7.$createElement(_KSimpleCheckbox.default, {
+          var _a;
+          return _this9.$createElement(_KSimpleCheckbox.default, {
             staticClass: 'k-data-table__checkbox',
             props: {
               value: data.isSelected,
-              disabled: !_this7.isSelectable(item),
-              color: (_this7$checkboxColor = _this7.checkboxColor) != null ? _this7$checkboxColor : ''
+              disabled: !_this9.isSelectable(item),
+              color: (_a = _this9.checkboxColor) !== null && _a !== void 0 ? _a : ''
             },
             on: {
               input: function input(val) {
@@ -518,13 +513,12 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
           });
         };
       }
-
       if (this.showExpand) {
         var _slot = scopedSlots['data-table-expand'];
         scopedSlots['data-table-expand'] = _slot ? function () {
           return _slot(data);
         } : function () {
-          return _this7.$createElement(_KIcon.default, {
+          return _this9.$createElement(_KIcon.default, {
             staticClass: 'k-data-table__expand-icon',
             class: {
               'k-data-table__expand-icon--active': data.isExpanded
@@ -535,15 +529,15 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
                 data.expand(!data.isExpanded);
               }
             }
-          }, [_this7.expandIcon]);
+          }, [_this9.expandIcon]);
         };
       }
-
       return this.$createElement(this.isMobile ? _MobileRow.default : _Row.default, {
         key: (0, _helpers.getObjectValueByPath)(item, this.itemKey),
-        class: (0, _mergeData.mergeClasses)(_objectSpread(_objectSpread({}, classes), {}, {
+        class: (0, _mergeData.mergeClasses)(_objectSpread({}, classes, {
           'k-data-table__selected': data.isSelected
         }), (0, _helpers.getPropertyFromItem)(item, this.itemClass)),
+        style: (0, _mergeData.mergeStyles)({}, (0, _helpers.getPropertyFromItem)(item, this.itemStyle)),
         props: {
           headers: this.computedHeaders,
           hideDefaultHeader: this.hideDefaultHeader,
@@ -552,23 +546,11 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
           rtl: this.$kdutify.rtl
         },
         scopedSlots: scopedSlots,
-        on: {
-          // TODO: for click, the first argument should be the event, and the second argument should be data,
-          // but this is a breaking change so it's for v3
-          click: function click() {
-            return _this7.$emit('click:row', item, data);
-          },
-          contextmenu: function contextmenu(event) {
-            return _this7.$emit('contextmenu:row', event, data);
-          },
-          dblclick: function dblclick(event) {
-            return _this7.$emit('dblclick:row', event, data);
-          }
-        }
+        on: data.on
       });
     },
     genBody: function genBody(props) {
-      var data = _objectSpread(_objectSpread({}, props), {}, {
+      var data = _objectSpread({}, props, {
         expand: this.expand,
         headers: this.computedHeaders,
         isExpanded: this.isExpanded,
@@ -576,17 +558,14 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
         isSelected: this.isSelected,
         select: this.select
       });
-
       if (this.$scopedSlots.body) {
         return this.$scopedSlots.body(data);
       }
-
       return this.$createElement('tbody', [(0, _helpers.getSlot)(this, 'body.prepend', data, true), this.genItems(props.items, props), (0, _helpers.getSlot)(this, 'body.append', data, true)]);
     },
     genFoot: function genFoot(props) {
-      var _this$$scopedSlots$fo, _this$$scopedSlots;
-
-      return (_this$$scopedSlots$fo = (_this$$scopedSlots = this.$scopedSlots).foot) == null ? void 0 : _this$$scopedSlots$fo.call(_this$$scopedSlots, props);
+      var _a, _b;
+      return (_b = (_a = this.$scopedSlots).foot) === null || _b === void 0 ? void 0 : _b.call(_a, props);
     },
     genFooters: function genFooters(props) {
       var data = {
@@ -604,13 +583,11 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
         headers: this.computedHeaders
       };
       var children = [(0, _helpers.getSlot)(this, 'footer', data, true)];
-
       if (!this.hideDefaultFooter) {
-        children.push(this.$createElement(_KDataIterator.KDataFooter, _objectSpread(_objectSpread({}, data), {}, {
+        children.push(this.$createElement(_KDataIterator.KDataFooter, _objectSpread({}, data, {
           scopedSlots: (0, _helpers.getPrefixedScopedSlots)('footer.', this.$scopedSlots)
         })));
       }
-
       return children;
     },
     genDefaultScopedSlot: function genDefaultScopedSlot(props) {
@@ -618,7 +595,8 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
         height: this.height,
         fixedHeader: this.fixedHeader,
         dense: this.dense
-      }; // if (this.virtualRows) {
+      };
+      // if (this.virtualRows) {
       //   return this.$createElement(KVirtualTable, {
       //     props: Object.assign(simpleProps, {
       //       items: props.items,
@@ -635,13 +613,13 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
       //     this.proxySlot('bottom', this.genFooters(props)),
       //   ])
       // }
-
       return this.$createElement(_KSimpleTable.default, {
         props: simpleProps,
         class: {
-          'k-data-table--mobile': this.isMobile
+          'k-data-table--mobile': this.isMobile,
+          'k-data-table--selectable': this.showSelect
         }
-      }, [this.proxySlot('top', (0, _helpers.getSlot)(this, 'top', _objectSpread(_objectSpread({}, props), {}, {
+      }, [this.proxySlot('top', (0, _helpers.getSlot)(this, 'top', _objectSpread({}, props, {
         isMobile: this.isMobile
       }), true)), this.genCaption(props), this.genColgroup(props), this.genHeaders(props), this.genBody(props), this.genFoot(props), this.proxySlot('bottom', this.genFooters(props))]);
     },
@@ -652,47 +630,45 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
     }
   },
   render: function render() {
-    var _this8 = this;
-
+    var _this0 = this;
     return this.$createElement(_KData.KData, {
-      props: _objectSpread(_objectSpread({}, this.$props), {}, {
+      props: _objectSpread({}, this.$props, {
         customFilter: this.customFilterWithColumns,
         customSort: this.customSortWithHeaders,
         itemsPerPage: this.computedItemsPerPage
       }),
       on: {
         'update:options': function updateOptions(v, old) {
-          _this8.internalGroupBy = v.groupBy || [];
-          !(0, _helpers.deepEqual)(v, old) && _this8.$emit('update:options', v);
+          _this0.internalGroupBy = v.groupBy || [];
+          !(0, _helpers.deepEqual)(v, old) && _this0.$emit('update:options', v);
         },
         'update:page': function updatePage(v) {
-          return _this8.$emit('update:page', v);
+          return _this0.$emit('update:page', v);
         },
         'update:items-per-page': function updateItemsPerPage(v) {
-          return _this8.$emit('update:items-per-page', v);
+          return _this0.$emit('update:items-per-page', v);
         },
         'update:sort-by': function updateSortBy(v) {
-          return _this8.$emit('update:sort-by', v);
+          return _this0.$emit('update:sort-by', v);
         },
         'update:sort-desc': function updateSortDesc(v) {
-          return _this8.$emit('update:sort-desc', v);
+          return _this0.$emit('update:sort-desc', v);
         },
         'update:group-by': function updateGroupBy(v) {
-          return _this8.$emit('update:group-by', v);
+          return _this0.$emit('update:group-by', v);
         },
         'update:group-desc': function updateGroupDesc(v) {
-          return _this8.$emit('update:group-desc', v);
+          return _this0.$emit('update:group-desc', v);
         },
         pagination: function pagination(v, old) {
-          return !(0, _helpers.deepEqual)(v, old) && _this8.$emit('pagination', v);
+          return !(0, _helpers.deepEqual)(v, old) && _this0.$emit('pagination', v);
         },
         'current-items': function currentItems(v) {
-          _this8.internalCurrentItems = v;
-
-          _this8.$emit('current-items', v);
+          _this0.internalCurrentItems = v;
+          _this0.$emit('current-items', v);
         },
         'page-count': function pageCount(v) {
-          return _this8.$emit('page-count', v);
+          return _this0.$emit('page-count', v);
         }
       },
       scopedSlots: {
@@ -701,6 +677,4 @@ var _default2 = (0, _mixins.default)(_KDataIterator.KDataIterator, _loadable.def
     });
   }
 });
-
-exports.default = _default2;
 //# sourceMappingURL=KDataTable.js.map