@uzum-tech/ui 1.3.1 → 1.4.0

package/lib/data-table/src/TableParts/Body.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -78,7 +89,9 @@ const VirtualListItemWrapper = (0, vue_1.defineComponent)({
 });
 exports.default = (0, vue_1.defineComponent)({
     name: 'DataTableBody',
+    emits: ['edit'],
     props: {
+        onEdit: Function,
         onResize: Function,
         showHeader: Boolean,
         flexHeight: Boolean,
@@ -386,7 +399,7 @@ exports.default = (0, vue_1.defineComponent)({
                             key: '__n_summary__',
                             tmNode: {
                                 rawNode: summaryRows,
-                                disabled: true
+                                disabled: false
                             },
                             index: -1
                         };
@@ -410,7 +423,7 @@ exports.default = (0, vue_1.defineComponent)({
                         (!expandable || expandable(rowInfo.tmNode.rawNode))) {
                         displayedData.push(rowInfo, {
                             isExpandedRow: true,
-                            key: `${rowInfo.key}-expand`,
+                            key: `${rowInfo.key}-expand`, // solve key repeat of the expanded row
                             tmNode: rowInfo.tmNode,
                             index: rowInfo.index
                         });
@@ -451,6 +464,7 @@ exports.default = (0, vue_1.defineComponent)({
                     const mergedRowClassName = typeof rowClassName === 'string'
                         ? rowClassName
                         : (0, utils_1.createRowClassName)(rowData, actualRowIndex, rowClassName);
+                    const _a = props || {}, { class: _class } = _a, restProps = __rest(_a, ["class"]);
                     const row = ((0, vue_1.h)("tr", Object.assign({ onMouseenter: () => {
                             this.hoverKey = rowKey;
                         }, key: rowKey, class: [
@@ -460,8 +474,9 @@ exports.default = (0, vue_1.defineComponent)({
                             isSummary && `${mergedClsPrefix}-data-table-tr--summary`,
                             striped && `${mergedClsPrefix}-data-table-tr--striped`,
                             expanded && `${mergedClsPrefix}-data-table-tr--expanded`,
-                            mergedRowClassName
-                        ] }, props), cols.map((col, colIndex) => {
+                            mergedRowClassName,
+                            _class
+                        ] }, restProps), cols.map((col, colIndex) => {
                         var _a, _b, _c, _d, _e;
                         if (displayedRowIndex in cordToPass) {
                             const cordOfRowToPass = cordToPass[displayedRowIndex];
@@ -546,7 +561,10 @@ exports.default = (0, vue_1.defineComponent)({
                                 isLastCol &&
                                     `${mergedClsPrefix}-data-table-td--last-col`,
                                 isLastRow &&
-                                    `${mergedClsPrefix}-data-table-td--last-row`
+                                    `${mergedClsPrefix}-data-table-td--last-row`,
+                                'editable' in column &&
+                                    column.editable &&
+                                    `${mergedClsPrefix}-data-table-td--editable`
                             ] }),
                             column.fixed && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-data-table-td__shadow-holder` })),
                             hasChildren && colIndex === childTriggerColIndex
@@ -565,7 +583,9 @@ exports.default = (0, vue_1.defineComponent)({
                                 } }))) : null) : column.type === 'expand' ? (!isSummary ? (!column.expandable ||
                                 ((_e = column.expandable) === null || _e === void 0 ? void 0 : _e.call(column, rowData)) ? ((0, vue_1.h)(ExpandTrigger_1.default, { clsPrefix: mergedClsPrefix, expanded: expanded, renderExpandIcon: this.renderExpandIcon, onClick: () => {
                                     handleUpdateExpanded(rowKey, null);
-                                } })) : null) : null) : ((0, vue_1.h)(Cell_1.default, { clsPrefix: mergedClsPrefix, index: actualRowIndex, row: rowData, column: column, isSummary: isSummary, mergedTheme: mergedTheme, renderCell: this.renderCell }))));
+                                } })) : null) : null) : ((0, vue_1.h)(Cell_1.default, { clsPrefix: mergedClsPrefix, index: actualRowIndex, row: rowData, column: column, isSummary: isSummary, mergedTheme: mergedTheme, renderCell: this.renderCell, onEdit: (value, row, key) => {
+                                    this.$emit('edit', value, row, key);
+                                } }))));
                     })));
                     return row;
                 };
@@ -596,7 +616,7 @@ exports.default = (0, vue_1.defineComponent)({
                     `${mergedClsPrefix}-data-table-empty`,
                     this.loading && `${mergedClsPrefix}-data-table-empty--hide`
                 ], style: this.bodyStyle, ref: "emptyElRef" }, (0, _utils_1.resolveSlot)(this.dataTableSlots.empty, () => [
-                (0, vue_1.h)(empty_1.UEmpty, { theme: this.mergedTheme.peers.Empty, themeOverrides: this.mergedTheme.peerOverrides.Empty })
+                (0, vue_1.h)(empty_1.UEmpty, { size: "large", theme: this.mergedTheme.peers.Empty, themeOverrides: this.mergedTheme.peerOverrides.Empty })
             ])));
             if (this.shouldDisplaySomeTablePart) {
                 return ((0, vue_1.h)(vue_1.Fragment, null,