amis 1.3.4 → 1.4.0

package/lib/renderers/Table/index.js

@@ -224,8 +224,14 @@ var Table = /** @class */ (function (_super) {
         // todo
         onAction(e, action, ctx);
     };
-    Table.prototype.handleCheck = function (item) {
-        item.toggle();
+    Table.prototype.handleCheck = function (item, value, shift) {
+        var store = this.props.store;
+        if (shift) {
+            store.toggleShift(item);
+        }
+        else {
+            item.toggle();
+        }
         this.syncSelected();
     };
     Table.prototype.handleCheckAll = function () {
@@ -669,9 +675,12 @@ var Table = /** @class */ (function (_super) {
         document.removeEventListener('mouseup', this.handleColResizeMouseUp);
     };
     Table.prototype.renderHeading = function () {
-        var _a = this.props, title = _a.title, store = _a.store, hideQuickSaveBtn = _a.hideQuickSaveBtn, data = _a.data, cx = _a.classnames, saveImmediately = _a.saveImmediately, headingClassName = _a.headingClassName, __ = _a.translate;
+        var _a = this.props, title = _a.title, store = _a.store, hideQuickSaveBtn = _a.hideQuickSaveBtn, data = _a.data, cx = _a.classnames, saveImmediately = _a.saveImmediately, headingClassName = _a.headingClassName, quickSaveApi = _a.quickSaveApi, __ = _a.translate;
         if (title ||
-            (!saveImmediately && store.modified && !hideQuickSaveBtn) ||
+            (quickSaveApi &&
+                !saveImmediately &&
+                store.modified &&
+                !hideQuickSaveBtn) ||
             store.moved) {
             return (react_1.default.createElement("div", { className: cx('Table-heading', headingClassName), key: "heading" }, !saveImmediately && store.modified && !hideQuickSaveBtn ? (react_1.default.createElement("span", null,
                 __('Table.modified', {
@@ -757,14 +766,18 @@ var Table = /** @class */ (function (_super) {
             props.style = props.style || {};
             props.style.width = column.pristine.width;
         }
+        if (column.pristine.align) {
+            props.style = props.style || {};
+            props.style.textAlign = column.pristine.align;
+        }
         var resizeLine = (react_1.default.createElement("div", { className: cx('Table-content-colDragLine'), key: "resize-" + column.index, onMouseDown: this.handleColResizeMouseDown }));
-        return (react_1.default.createElement("th", (0, tslib_1.__assign)({}, props, { className: cx(props ? props.className : '', column.pristine.className, {
+        return (react_1.default.createElement("th", (0, tslib_1.__assign)({}, props, { className: cx(props ? props.className : '', {
                 'TableCell--sortable': column.sortable,
                 'TableCell--searchable': column.searchable,
                 'TableCell--filterable': column.filterable,
                 'Table-operationCell': column.type === 'operation'
             }) }),
-            react_1.default.createElement("div", { className: cx(ns + "TableCell--title") },
+            react_1.default.createElement("div", { className: cx(ns + "TableCell--title", column.pristine.className, column.pristine.labelClassName) },
                 column.label ? render('tpl', column.label) : null,
                 column.remark
                     ? render('remark', {
@@ -852,7 +865,7 @@ var Table = /** @class */ (function (_super) {
         var _this = this;
         if (headerOnly === void 0) { headerOnly = false; }
         if (tableClassName === void 0) { tableClassName = ''; }
-        var _a = this.props, placeholder = _a.placeholder, store = _a.store, cx = _a.classnames, render = _a.render, data = _a.data, translate = _a.translate, locale = _a.locale, checkOnItemClick = _a.checkOnItemClick, buildItemProps = _a.buildItemProps, rowClassNameExpr = _a.rowClassNameExpr, rowClassName = _a.rowClassName;
+        var _a = this.props, placeholder = _a.placeholder, store = _a.store, cx = _a.classnames, render = _a.render, data = _a.data, translate = _a.translate, locale = _a.locale, checkOnItemClick = _a.checkOnItemClick, buildItemProps = _a.buildItemProps, rowClassNameExpr = _a.rowClassNameExpr, rowClassName = _a.rowClassName, itemAction = _a.itemAction;
         var hideHeader = store.filteredColumns.every(function (column) { return !column.label; });
         var columnsGroup = store.columnGroup;
         return (react_1.default.createElement("table", { className: cx('Table-table', store.combineNum > 0 ? 'Table-table--withCombine' : '', tableClassName) },
@@ -872,7 +885,7 @@ var Table = /** @class */ (function (_super) {
                 }))),
             headerOnly ? null : !rows.length ? (react_1.default.createElement("tbody", null,
                 react_1.default.createElement("tr", { className: cx('Table-placeholder') },
-                    react_1.default.createElement("td", { colSpan: columns.length }, render('placeholder', translate(placeholder || 'placeholder.noData')))))) : (react_1.default.createElement(TableBody_1.TableBody, { tableClassName: cx(store.combineNum > 0 ? 'Table-table--withCombine' : '', tableClassName), classnames: cx, render: render, renderCell: this.renderCell, onCheck: this.handleCheck, onQuickChange: store.dragging ? undefined : this.handleQuickChange, footable: store.footable, ignoreFootableContent: true, footableColumns: store.footableColumns, checkOnItemClick: checkOnItemClick, buildItemProps: buildItemProps, onAction: this.handleAction, rowClassNameExpr: rowClassNameExpr, rowClassName: rowClassName, columns: columns, rows: rows, locale: locale, translate: translate, rowsProps: {
+                    react_1.default.createElement("td", { colSpan: columns.length }, render('placeholder', translate(placeholder || 'placeholder.noData')))))) : (react_1.default.createElement(TableBody_1.TableBody, { tableClassName: cx(store.combineNum > 0 ? 'Table-table--withCombine' : '', tableClassName), itemAction: itemAction, classnames: cx, render: render, renderCell: this.renderCell, onCheck: this.handleCheck, onQuickChange: store.dragging ? undefined : this.handleQuickChange, footable: store.footable, ignoreFootableContent: true, footableColumns: store.footableColumns, checkOnItemClick: checkOnItemClick, buildItemProps: buildItemProps, onAction: this.handleAction, rowClassNameExpr: rowClassNameExpr, rowClassName: rowClassName, columns: columns, rows: rows, locale: locale, translate: translate, rowsProps: {
                     regionPrefix: 'fixed/',
                     renderCell: function (region, column, item, props) { return _this.renderCell(region, column, item, props, true); }
                 } }))));
@@ -924,7 +937,7 @@ var Table = /** @class */ (function (_super) {
         }
         return (react_1.default.createElement(Button_1.default, { classPrefix: ns, onClick: function () {
                 Promise.resolve().then(function () { return new Promise(function(resolve){require(['exceljs'], function(ret) {resolve(tslib_1.__importStar(ret));})}); }).then(function (ExcelJS) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
-                    var rows, tmpStore, filename, res, workbook, worksheet, firstRowLabels, firstRow, rowIndex, _i, rows_1, row, sheetRow, columIndex, cols, _a, cols_1, column, name, value, type, imageData, imageDimensions, imageWidth, imageHeight, imageMaxSize, imageMatch, imageExt, imageId, linkURL, e_1, linkURL, map, viewValue, buffer, blob;
+                    var rows, tmpStore, filename, res, workbook, worksheet, filteredColumns, firstRowLabels, firstRow, remoteMappingCache, rowIndex, _i, rows_1, row, sheetRow, columIndex, _a, filteredColumns_1, column, name, value, type, imageData, imageDimensions, imageWidth, imageHeight, imageMaxSize, imageMatch, imageExt, imageId, linkURL, e_1, linkURL, map, source, sourceValue, mapKey, res, viewValue, buffer, blob;
                     var _b, _c;
                     return (0, tslib_1.__generator)(this, function (_d) {
                         switch (_d.label) {
@@ -966,7 +979,16 @@ var Table = /** @class */ (function (_super) {
                                     properties: { defaultColWidth: 15 }
                                 });
                                 worksheet.views = [{ state: 'frozen', xSplit: 0, ySplit: 1 }];
-                                firstRowLabels = columns.map(function (column) {
+                                filteredColumns = toolbar.columns
+                                    ? columns.filter(function (column) {
+                                        var filterColumnsNames = toolbar.columns;
+                                        if (filterColumnsNames.indexOf(column.name) !== -1) {
+                                            return true;
+                                        }
+                                        return false;
+                                    })
+                                    : columns;
+                                firstRowLabels = filteredColumns.map(function (column) {
                                     return column.label;
                                 });
                                 firstRow = worksheet.getRow(1);
@@ -981,32 +1003,32 @@ var Table = /** @class */ (function (_super) {
                                         column: firstRowLabels.length
                                     }
                                 };
+                                remoteMappingCache = {};
                                 rowIndex = 1;
                                 _i = 0, rows_1 = rows;
                                 _d.label = 4;
                             case 4:
-                                if (!(_i < rows_1.length)) return [3 /*break*/, 14];
+                                if (!(_i < rows_1.length)) return [3 /*break*/, 19];
                                 row = rows_1[_i];
                                 rowIndex += 1;
                                 sheetRow = worksheet.getRow(rowIndex);
                                 columIndex = 0;
-                                cols = columns;
-                                _a = 0, cols_1 = cols;
+                                _a = 0, filteredColumns_1 = filteredColumns;
                                 _d.label = 5;
                             case 5:
-                                if (!(_a < cols_1.length)) return [3 /*break*/, 13];
-                                column = cols_1[_a];
+                                if (!(_a < filteredColumns_1.length)) return [3 /*break*/, 18];
+                                column = filteredColumns_1[_a];
                                 columIndex += 1;
                                 name = column.name;
                                 value = (0, helper_1.getVariable)(row.data, name);
                                 if (typeof value === 'undefined' &&
                                     !column.tpl) {
-                                    return [3 /*break*/, 12];
+                                    return [3 /*break*/, 17];
                                 }
                                 // 处理合并单元格
                                 if (name in row.rowSpans) {
                                     if (row.rowSpans[name] === 0) {
-                                        return [3 /*break*/, 12];
+                                        return [3 /*break*/, 17];
                                     }
                                     else {
                                         // start row, start column, end row, end column
@@ -1014,7 +1036,7 @@ var Table = /** @class */ (function (_super) {
                                     }
                                 }
                                 type = column.type || 'plain';
-                                if (!(type === 'image')) return [3 /*break*/, 11];
+                                if (!(type === 'image' && value)) return [3 /*break*/, 11];
                                 _d.label = 6;
                             case 6:
                                 _d.trys.push([6, 9, , 10]);
@@ -1049,7 +1071,7 @@ var Table = /** @class */ (function (_super) {
                                     imageExt != 'jpeg' &&
                                     imageExt != 'gif') {
                                     sheetRow.getCell(columIndex).value = value;
-                                    return [3 /*break*/, 12];
+                                    return [3 /*break*/, 17];
                                 }
                                 imageId = workbook.addImage({
                                     base64: imageData,
@@ -1072,48 +1094,68 @@ var Table = /** @class */ (function (_super) {
                                 e_1 = _d.sent();
                                 console.warn(e_1.stack);
                                 return [3 /*break*/, 10];
-                            case 10: return [3 /*break*/, 12];
+                            case 10: return [3 /*break*/, 17];
                             case 11:
-                                if (type == 'link') {
-                                    linkURL = getAbsoluteUrl(value);
-                                    sheetRow.getCell(columIndex).value = {
-                                        text: value,
-                                        hyperlink: linkURL
-                                    };
+                                if (!(type == 'link')) return [3 /*break*/, 12];
+                                linkURL = getAbsoluteUrl(value);
+                                sheetRow.getCell(columIndex).value = {
+                                    text: value,
+                                    hyperlink: linkURL
+                                };
+                                return [3 /*break*/, 17];
+                            case 12:
+                                if (!(type === 'mapping')) return [3 /*break*/, 16];
+                                map = column.map;
+                                source = column.source;
+                                if (!source) return [3 /*break*/, 15];
+                                sourceValue = source;
+                                if ((0, tpl_builtin_1.isPureVariable)(source)) {
+                                    sourceValue = (0, tpl_builtin_1.resolveVariableAndFilter)(source, data, '| raw');
                                 }
-                                else if (type === 'mapping') {
-                                    map = column.map;
-                                    if (typeof value !== 'undefined' &&
-                                        map &&
-                                        ((_b = map[value]) !== null && _b !== void 0 ? _b : map['*'])) {
-                                        viewValue = (_c = map[value]) !== null && _c !== void 0 ? _c : (value === true && map['1']
-                                            ? map['1']
-                                            : value === false && map['0']
-                                                ? map['0']
-                                                : map['*']);
-                                        sheetRow.getCell(columIndex).value = viewValue;
-                                    }
-                                    else {
-                                        sheetRow.getCell(columIndex).value = value;
-                                    }
+                                mapKey = JSON.stringify(source);
+                                if (!(mapKey in remoteMappingCache)) return [3 /*break*/, 13];
+                                map = remoteMappingCache[mapKey];
+                                return [3 /*break*/, 15];
+                            case 13: return [4 /*yield*/, env.fetcher(sourceValue, data)];
+                            case 14:
+                                res = _d.sent();
+                                if (res.data) {
+                                    remoteMappingCache[mapKey] = res.data;
+                                    map = res.data;
+                                }
+                                _d.label = 15;
+                            case 15:
+                                if (typeof value !== 'undefined' &&
+                                    map &&
+                                    ((_b = map[value]) !== null && _b !== void 0 ? _b : map['*'])) {
+                                    viewValue = (_c = map[value]) !== null && _c !== void 0 ? _c : (value === true && map['1']
+                                        ? map['1']
+                                        : value === false && map['0']
+                                            ? map['0']
+                                            : map['*']);
+                                    sheetRow.getCell(columIndex).value =
+                                        (0, helper_1.removeHTMLTag)(viewValue);
                                 }
                                 else {
-                                    if (column.tpl) {
-                                        sheetRow.getCell(columIndex).value = (0, helper_1.removeHTMLTag)((0, tpl_1.filter)(column.tpl, row.data));
-                                    }
-                                    else {
-                                        sheetRow.getCell(columIndex).value = value;
-                                    }
+                                    sheetRow.getCell(columIndex).value = (0, helper_1.removeHTMLTag)(value);
                                 }
-                                _d.label = 12;
-                            case 12:
+                                return [3 /*break*/, 17];
+                            case 16:
+                                if (column.tpl) {
+                                    sheetRow.getCell(columIndex).value = (0, helper_1.removeHTMLTag)((0, tpl_1.filter)(column.tpl, row.data));
+                                }
+                                else {
+                                    sheetRow.getCell(columIndex).value = value;
+                                }
+                                _d.label = 17;
+                            case 17:
                                 _a++;
                                 return [3 /*break*/, 5];
-                            case 13:
+                            case 18:
                                 _i++;
                                 return [3 /*break*/, 4];
-                            case 14: return [4 /*yield*/, workbook.xlsx.writeBuffer()];
-                            case 15:
+                            case 19: return [4 /*yield*/, workbook.xlsx.writeBuffer()];
+                            case 20:
                                 buffer = _d.sent();
                                 if (buffer) {
                                     blob = new Blob([buffer], {
@@ -1230,11 +1272,11 @@ var Table = /** @class */ (function (_super) {
             }))));
     };
     Table.prototype.renderTableContent = function () {
-        var _a = this.props, cx = _a.classnames, tableClassName = _a.tableClassName, store = _a.store, placeholder = _a.placeholder, render = _a.render, checkOnItemClick = _a.checkOnItemClick, buildItemProps = _a.buildItemProps, rowClassNameExpr = _a.rowClassNameExpr, rowClassName = _a.rowClassName, prefixRow = _a.prefixRow, locale = _a.locale, affixRow = _a.affixRow, translate = _a.translate;
+        var _a = this.props, cx = _a.classnames, tableClassName = _a.tableClassName, store = _a.store, placeholder = _a.placeholder, render = _a.render, checkOnItemClick = _a.checkOnItemClick, buildItemProps = _a.buildItemProps, rowClassNameExpr = _a.rowClassNameExpr, rowClassName = _a.rowClassName, prefixRow = _a.prefixRow, locale = _a.locale, affixRow = _a.affixRow, translate = _a.translate, itemAction = _a.itemAction;
         // 理论上来说 store.rows 应该也行啊
         // 不过目前看来只有这样写它才会重新更新视图
         store.rows.length;
-        return (react_1.default.createElement(TableContent_1.TableContent, { tableClassName: cx(store.combineNum > 0 ? 'Table-table--withCombine' : '', tableClassName), classnames: cx, columns: store.filteredColumns, columnsGroup: store.columnGroup, rows: store.rows, placeholder: placeholder, render: render, onMouseMove: this.handleMouseMove, onScroll: this.handleOutterScroll, tableRef: this.tableRef, renderHeadCell: this.renderHeadCell, renderCell: this.renderCell, onCheck: this.handleCheck, onQuickChange: store.dragging ? undefined : this.handleQuickChange, footable: store.footable, footableColumns: store.footableColumns, checkOnItemClick: checkOnItemClick, buildItemProps: buildItemProps, onAction: this.handleAction, rowClassNameExpr: rowClassNameExpr, rowClassName: rowClassName, data: store.data, prefixRow: prefixRow, affixRow: affixRow, locale: locale, translate: translate }));
+        return (react_1.default.createElement(TableContent_1.TableContent, { tableClassName: cx(store.combineNum > 0 ? 'Table-table--withCombine' : '', tableClassName), itemAction: itemAction, classnames: cx, columns: store.filteredColumns, columnsGroup: store.columnGroup, rows: store.rows, placeholder: placeholder, render: render, onMouseMove: this.handleMouseMove, onScroll: this.handleOutterScroll, tableRef: this.tableRef, renderHeadCell: this.renderHeadCell, renderCell: this.renderCell, onCheck: this.handleCheck, onQuickChange: store.dragging ? undefined : this.handleQuickChange, footable: store.footable, footableColumns: store.footableColumns, checkOnItemClick: checkOnItemClick, buildItemProps: buildItemProps, onAction: this.handleAction, rowClassNameExpr: rowClassNameExpr, rowClassName: rowClassName, data: store.data, prefixRow: prefixRow, affixRow: affixRow, locale: locale, translate: translate }));
     };
     Table.prototype.render = function () {
         var _a = this.props, className = _a.className, store = _a.store, cx = _a.classnames, affixColumns = _a.affixColumns;
@@ -1286,6 +1328,7 @@ var Table = /** @class */ (function (_super) {
         'itemDraggableOn',
         'checkOnItemClick',
         'hideCheckToggler',
+        'itemAction',
         'itemActions',
         'combineNum',
         'combineFromIndex',