fastlion-amis
Version:
一种MIS页面生成工具
364 lines (363 loc) • 28.2 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TableContent = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var TableBody_1 = require("./TableBody");
var mobx_react_1 = require("mobx-react");
var ItemActionsWrapper_1 = (0, tslib_1.__importDefault)(require("./ItemActionsWrapper"));
var InfinteSroll_1 = (0, tslib_1.__importDefault)(require("../Lion/components/InfinteSroll"));
var helper_1 = require("../../utils/helper");
var antd_1 = require("antd");
var rc_virtual_list_1 = (0, tslib_1.__importDefault)(require("rc-virtual-list"));
var lodash_1 = require("lodash");
var tpl_builtin_1 = require("../../utils/tpl-builtin");
var SimpleSpan_1 = (0, tslib_1.__importDefault)(require("./simpleTableCell/SimpleSpan"));
var utils_1 = require("../../utils/utils");
var tpl_1 = require("../../utils/tpl");
var crud_1 = require("../../store/crud");
var components_1 = require("../../components");
var TableContent = /** @class */ (function (_super) {
(0, tslib_1.__extends)(TableContent, _super);
function TableContent(props) {
var _this = _super.call(this, props) || this;
_this.state = {
tableHeight: undefined,
tableHeadTopMap: {},
itemHeight: 0,
containerHeight: 0
};
_this.tableHeadTopMap = {};
// 表头高度计算完善
_this.tableHeadRowRef = function (theadDom, index) {
var _a, _b;
if (!theadDom)
return;
// 如果是 autoFillHeight 的需要计算顶部
if (_this.props.autoFillHeight && Object.keys(_this.tableHeadTopMap).length !== ((_a = theadDom.parentElement) === null || _a === void 0 ? void 0 : _a.childElementCount)) {
var tHeadBound = theadDom.parentElement.getBoundingClientRect();
_this.tableHeadTopMap[index] = theadDom.getBoundingClientRect().top - tHeadBound.top;
// 循环表格行
if (Object.keys(_this.tableHeadTopMap).length === ((_b = theadDom.parentElement) === null || _b === void 0 ? void 0 : _b.childElementCount)) {
_this.setState({ tableHeadTopMap: _this.tableHeadTopMap });
}
}
};
_this.handleMouseLeave = function (e) {
e === null || e === void 0 ? void 0 : e.stopPropagation();
var store = _this.props.store;
var row = store.hoverRow;
row === null || row === void 0 ? void 0 : row.setIsHover(false);
};
_this.hasCachedHeight = new Map();
_this.hasCachedStatus = new Map();
_this.changeCachedHeight = function (key, value) {
_this.hasCachedHeight.set(key, value);
};
_this.changeCachedStatus = function (key, value) {
_this.hasCachedStatus.set(key, value);
};
_this.getTableHeight = function (height) {
_this.setState({ tableHeight: height });
};
_this.onScroll = function (e) {
var _a, _b;
var loadHasMore = _this.props.loadHasMore;
if (loadHasMore && Math.abs(e.currentTarget.scrollHeight - e.currentTarget.scrollTop - (_this.tableWindowRef.current.clientHeight || 500)) <= 1) {
(_b = (_a = _this.props).onLoadMore) === null || _b === void 0 ? void 0 : _b.call(_a);
}
};
_this.MyVariableSizeList = function () {
var _a = _this.props, rows = _a.rows, columns = _a.columns, render = _a.render, primaryField = _a.primaryField, classPrefix = _a.classPrefix, classnames = _a.classnames, onCheck = _a.onCheck, multiple = _a.multiple, env = _a.env, tableClassName = _a.tableClassName, handleJump = _a.handleJump, translate = _a.translate, placeholder = _a.placeholder;
var data = rows.map(function (item) { return item.data; });
return (react_1.default.createElement(antd_1.List, { className: 'table-vertical-virtual-list', locale: { emptyText: translate(placeholder || 'placeholder.noData') } },
react_1.default.createElement(rc_virtual_list_1.default, { data: data, height: _this.state.containerHeight, itemHeight: _this.state.itemHeight, itemKey: crud_1.DATAKEYID, onScroll: _this.onScroll }, function (item, index) { return (react_1.default.createElement(antd_1.List.Item, { key: item[primaryField] + index },
react_1.default.createElement(EnhancedMyComponent, { columns: columns.filter(function (col) { return col.name; }), rowItem: rows[index], render: render, cx: classnames, ns: classPrefix, itemHeigt: _this.state.itemHeight, handleJump: handleJump, changeItemHeight: function (height) { return _this.setState({ itemHeight: height }); }, keyId: item[crud_1.DATAKEYID], onCheck: onCheck, multiple: multiple, env: env, initExpanded: _this.hasCachedStatus.get(item[crud_1.DATAKEYID]), changeCachedStatus: _this.changeCachedStatus, changeCachedHeight: _this.changeCachedHeight, showCheckbox: !!(tableClassName === null || tableClassName === void 0 ? void 0 : tableClassName.includes('checkbox-show')) }))); })));
};
_this.cloneData = function (arr) { return arr.map(function (_) {
var json = _.toJSON();
var methods = Object.getOwnPropertyNames(_).reduce(function (acc, key) {
if (typeof _[key] === 'function') {
acc[key] = _[key];
}
return acc;
}, {});
return (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, json), { locals: _.locals, checked: _.checked }), methods);
}); };
_this.tableWindowRef = react_1.default.createRef();
_this.state = {
tableHeight: undefined,
tableHeadTopMap: {},
itemHeight: props.columns.find(function (item) { return item.type === 'operation'; }) ? 336 : 285,
containerHeight: 500
};
return _this;
}
TableContent.prototype.renderItemActions = function () {
var _a = this.props, itemActions = _a.itemActions, render = _a.render, store = _a.store, cx = _a.classnames;
var finalActions = Array.isArray(itemActions)
? itemActions.filter(function (action) { return !action.hiddenOnHover; })
: [];
if (!finalActions.length) {
return null;
}
return (react_1.default.createElement(ItemActionsWrapper_1.default, { store: store, classnames: cx },
react_1.default.createElement("div", { className: cx('Table-itemActions') }, finalActions.map(function (action, index) {
return render("itemAction/" + index, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, action), { isMenuItem: true }), {
key: index,
item: store.hoverRow,
data: store.hoverRow.locals,
rowIndex: store.hoverRow.index
});
}))));
};
TableContent.prototype.componentDidUpdate = function (prevProps) {
var _this = this;
var _a, _b, _c;
var _d = this.props, itemAction = _d.itemAction, onAction = _d.onAction, data = _d.data;
//这里是处理当主表查询无数据时，从表没有清空的问题
if ((0, helper_1.anyChanged)(['data'], prevProps, this.props) &&
!((_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.length) &&
itemAction) {
onAction === null || onAction === void 0 ? void 0 : onAction(null, itemAction, null);
}
if (this.props.tableLayout !== prevProps.tableLayout && (0, helper_1.isMobile)()) {
if (this.props.tableLayout == 'vertical') {
if (window.ResizeObserver && this.tableWindowRef.current) {
this.resizeObserver = new window.ResizeObserver(function () {
_this.setState({ containerHeight: _this.tableWindowRef.current.clientHeight });
});
(_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.observe(this.tableWindowRef.current);
}
}
else {
(_c = this.resizeObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
}
}
};
TableContent.prototype.componentWillUnmount = function () {
var _a;
if (this.resizeObserver) {
(_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
this.resizeObserver = null;
}
};
TableContent.prototype.componentDidMount = function () {
var _this = this;
var _a;
var tableLayout = this.props.tableLayout;
if (window.ResizeObserver && this.tableWindowRef.current && (0, helper_1.isMobile)() && tableLayout === 'vertical') {
this.resizeObserver = new window.ResizeObserver(function () {
_this.setState({ containerHeight: _this.tableWindowRef.current.clientHeight });
});
(_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(this.tableWindowRef.current);
}
};
TableContent.prototype.render = function () {
var _this = this;
var _a, _b, _c, _d, _e, _f, _g;
var _h = this.props, placeholder = _h.placeholder, cx = _h.classnames, render = _h.render, className = _h.className, _columns = _h.columns, onMouseMove = _h.onMouseMove, onScroll = _h.onScroll, tableRef = _h.tableRef, _rows = _h.rows, renderHeadCell = _h.renderHeadCell, renderCell = _h.renderCell, handleJump = _h.handleJump, onCheck = _h.onCheck, rowClassName = _h.rowClassName, onQuickChange = _h.onQuickChange, footable = _h.footable, footableColumns = _h.footableColumns, checkOnItemClick = _h.checkOnItemClick, buildItemProps = _h.buildItemProps, onAction = _h.onAction, rowClassNameExpr = _h.rowClassNameExpr, data = _h.data, prefixRow = _h.prefixRow, locale = _h.locale, translate = _h.translate, itemAction = _h.itemAction, affixRow = _h.affixRow, countField = _h.countField, store = _h.store,
// position,
primaryField = _h.primaryField, infinteLoad = _h.infinteLoad, onLoadMore = _h.onLoadMore, loadHasMore = _h.loadHasMore, tableLayout = _h.tableLayout, tableType = _h.tableType, tableRotate = _h.tableRotate, loadDataOnce = _h.loadDataOnce, classPrefix = _h.classPrefix, showPerPage = _h.showPerPage, activeCol = _h.activeCol, activeRow = _h.activeRow, env = _h.env;
var columns = this.cloneData(_columns);
var rows = this.cloneData(_rows);
var dataRows = store.flatRows;
var tableClassName = cx('Table-table', this.props.autoWidth ? 'Table--auto-width' : '', this.props.tableClassName, !rows.length ? 'Table-is-empty' : '');
// const hideHeader = columns.every(column => !column.label);
// Jay
var stickyWidths = store.stickyWidths;
var leftFixedColumns = store.leftFixedColumns;
var lastLeftFixedIndex = (_a = leftFixedColumns[leftFixedColumns.length - 1]) === null || _a === void 0 ? void 0 : _a.index;
var rightFixedColumns = store.rightFixedColumns;
var firstRightFixedIndex = (_b = rightFixedColumns[0]) === null || _b === void 0 ? void 0 : _b.index;
var _j = this.props, autoFillHeight = _j.autoFillHeight, loading = _j.loading;
var tableHeadRows = store.tableHeadRows;
var level = tableHeadRows.length;
var hasChildrenRows = !!store.rows.some(function (rowItem) { var _a; return (_a = rowItem.data.children) === null || _a === void 0 ? void 0 : _a.length; });
var operationColumn = store.columns.find(function (column) { return column.name == 'operation'; });
// 计算第一列(非系统列)的列名，用于展开行控制
var firstColumnName = (_d = (_c = columns === null || columns === void 0 ? void 0 : columns.filter(function (col) { return col.name && !col.name.includes('__'); })) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.name;
var multipleLevelNotFirstHeadStyle = {
borderTop: '#fafafa',
borderRight: '#fafafa',
};
// 是否有合并项
var hasCombineNum = !!store.columns.find(function (column) { return column.combined; });
return (react_1.default.createElement("div", {
// onMouseMove={onMouseMove}
className: cx('Table-content', className), onScroll: (0, helper_1.isMobile)() && tableLayout === 'vertical' ? helper_1.noop : onScroll, ref: this.tableWindowRef },
store.hoverRow ? this.renderItemActions() : null,
(0, helper_1.isMobile)() && tableLayout === 'vertical' && !!rows.length ? this.MyVariableSizeList() : react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("table", { "table-id": this.props.tableId, onMouseLeave: this.handleMouseLeave, ref: tableRef, className: tableClassName },
!(store.mobileUI && tableLayout === 'vertical') ? ( // Aug 移动端隐藏头部
react_1.default.createElement("thead", null, tableHeadRows.map(function (row, index) { return (react_1.default.createElement("tr", { key: index, ref: function (element) { return _this.tableHeadRowRef(element, index); } }, row.map(function (item) {
var _a;
var commonStyle = (0, tslib_1.__assign)({ left: item.column.fixed === 'left' && (stickyWidths === null || stickyWidths === void 0 ? void 0 : stickyWidths["" + item.column.index]), right: item.column.fixed === 'right' && (stickyWidths === null || stickyWidths === void 0 ? void 0 : stickyWidths["" + item.column.index]), top: _this.state.tableHeadTopMap[index] }, ((index !== 0 && item.rowspan !== tableHeadRows.length) ? multipleLevelNotFirstHeadStyle : {}));
if (item.rowspan == level - index) {
return renderHeadCell(item.column, {
'data-index': item.column.index,
'rowSpan': item.rowspan,
'colSpan': item.colspan,
'key': item.column.index + ((_a = item.column.name) !== null && _a !== void 0 ? _a : '') + item.column.type,
'style': (0, tslib_1.__assign)((0, tslib_1.__assign)({}, commonStyle), { zIndex: +!!autoFillHeight + +!!item.column.fixed + 2, position: (item.column.fixed || autoFillHeight) && 'sticky' }),
'className': (item.column.index === lastLeftFixedIndex ? 'fixed-left-last' : item.column.index === firstRightFixedIndex ? 'fixed-right-first' : '') + ' last-th',
});
}
return (react_1.default.createElement("th", { key: item.column.index, "data-index": item.column.index, colSpan: item.colspan, rowSpan: item.rowspan, className: (item.column.index === lastLeftFixedIndex ? 'fixed-left-last ' : '') + " " + (item.column.index === firstRightFixedIndex ? ' fixed-right-first' : ''),
// Aug
style: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, commonStyle), { zIndex: item.column.fixed || item.rowspan > 1 ? 4 : 2, position: 'sticky' }) },
react_1.default.createElement("div", { className: cx('Table-head-container'), style: { justifyContent: 'center' } }, render('tpl', item.label))));
}))); }))) : null,
loading ? null : !rows.length ? (react_1.default.createElement("tbody", null,
react_1.default.createElement("tr", { className: cx('Table-placeholder') },
react_1.default.createElement("td", { className: "empty-not-hover", colSpan: columns.length, style: { padding: 0 } },
react_1.default.createElement(antd_1.Empty, { style: {
position: 'sticky',
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
left: 0,
margin: '-8px',
overflow: 'hidden',
width: (_e = this.tableWindowRef.current) === null || _e === void 0 ? void 0 : _e.clientWidth,
height: ((_f = this.tableWindowRef.current) === null || _f === void 0 ? void 0 : _f.clientHeight) - 40
}, description: translate(placeholder || 'placeholder.noData') }))))) : (
// 有了表格实例渲染
(this.tableWindowRef.current || this.props.tableWindowInstance.current) &&
react_1.default.createElement(TableBody_1.TableBody, { dataRows: dataRows, getTableHeight: this.getTableHeight, renderAffix: this.props.renderAffix, tableId: this.props.tableId, hasCombineNum: hasCombineNum || !!this.props.store.combineNum, tableName: this.props.tableName, autoWidth: this.props.autoWidth, contentDom: this.tableWindowRef, multiple: this.props.multiple, setBorder: this.props.setBorder, canAccessSuperData: this.props.canAccessSuperData, tabeleDom: this.props.tableWindowInstance, itemAction: itemAction, classnames: cx, render: render, renderCell: renderCell, onCheck: onCheck, onQuickChange: onQuickChange, footable: footable, checkItem: this.props.checkItem, footableColumns: footableColumns, checkOnItemClick: checkOnItemClick, buildItemProps: buildItemProps, onAction: onAction, rowClassNameExpr: rowClassNameExpr, rowClassName: rowClassName, autoFillHeight: autoFillHeight, rows: rows, hasChildrenRows: hasChildrenRows, operationColumn: operationColumn, firstColumnName: firstColumnName, columns: columns, locale: locale, translate: translate, isTabsDom: this.props.isTabsDom, prefixRow: prefixRow, affixRow: affixRow, countField: countField, data: data, handleResetData: this.props.handleResetData,
// Jay
store: store, stickyWidths: stickyWidths,
// position={position}
primaryField: primaryField, tableLayout: tableLayout, handleJump: handleJump, loadDataOnce: loadDataOnce, onLoadMore: onLoadMore, loadHasMore: loadHasMore, tableRotate: tableRotate, classPrefix: classPrefix, showPerPage: showPerPage, changeSelectedRow: this.props.changeSelectedRow, type: this.props.type, affixRowPosition: this.props.affixRowPosition, activeCol: activeCol, activeRow: activeRow, hiddenRowHighlight: this.props.hiddenRowHighlight, env: env }))),
!loading && infinteLoad && !!rows.length && (react_1.default.createElement(InfinteSroll_1.default, { autoFillHeight: autoFillHeight, loadmoreLoading: loading, loadMore: onLoadMore, hasMore: loadHasMore, hasData: !!((_g = data === null || data === void 0 ? void 0 : data.items) === null || _g === void 0 ? void 0 : _g.length), tableRotate: tableRotate, ns: this.props.classPrefix, tableLayout: tableLayout, loadDataOnce: loadDataOnce })))));
};
TableContent = (0, tslib_1.__decorate)([
mobx_react_1.observer,
(0, tslib_1.__metadata)("design:paramtypes", [Object])
], TableContent);
return TableContent;
}(react_1.default.Component));
exports.TableContent = TableContent;
var SimpleTableRow = function (_a) {
var _b, _c;
var columns = _a.columns, rowItem = _a.rowItem, render = _a.render, cx = _a.cx, ns = _a.ns, itemHeigt = _a.itemHeigt, changeItemHeight = _a.changeItemHeight, initExpanded = _a.initExpanded, changeCachedHeight = _a.changeCachedHeight, changeCachedStatus = _a.changeCachedStatus, keyId = _a.keyId, onCheck = _a.onCheck, multiple = _a.multiple, showCheckbox = _a.showCheckbox, env = _a.env, handleJump = _a.handleJump;
var _d = (0, react_1.useState)(!!initExpanded), expanded = _d[0], setExpanded = _d[1];
(0, react_1.useEffect)(function () {
changeCachedStatus(keyId, expanded);
}, [expanded]);
var initCols = function () {
var operationCol = columns.filter(function (item) { return item.type === 'operation'; });
return columns.slice(0, 6).concat(operationCol);
};
var _e = (0, react_1.useState)(initCols()), renderColumns = _e[0], setRenderColumns = _e[1];
var virtualListItemDom = (0, react_1.useRef)(null);
(0, react_1.useEffect)(function () {
if (virtualListItemDom.current) {
var height = virtualListItemDom.current.clientHeight;
changeCachedHeight(keyId, height);
// if(height && height !== itemHeigt) changeItemHeight(height)
}
}, []);
var renderField = function (colItem) {
var column = colItem.pristine;
var affix = column.affix, linkId = column.linkId, linkUrl = column.linkUrl;
var data = rowItem.locals;
var schema = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, column), { className: column.innerClassName, type: (column && column.type) || 'plain' });
var type = schema.type;
if (type === 'lion-upload')
type = 'simple-upload-table-cell';
// if(type === 'mapping') type = 'simple-table-cell';
var body = render('', (0, tslib_1.__assign)((0, tslib_1.__assign)({}, schema), { type: type }), {
style: {},
value: rowItem.data[column.name],
data: data,
className: cx(column.innerClassName)
});
var canJumpUrl = (0, utils_1.linkJump)(linkId, data, column.jumpDisabledOn);
return react_1.default.createElement("div", { className: cx(column.classNameExpr ? (0, tpl_1.filter)(column.classNameExpr, data) : null, linkUrl && canJumpUrl ? 'is-linkUrl' : ''), onClick: function (e) {
if (canJumpUrl) {
e.stopPropagation();
(0, utils_1.ModleHandleClick)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, column), { value: rowItem.data[column.name], env: env, classnames: cx, handleJump: handleJump, data: data }), e.target);
}
} },
body,
affix);
};
(0, react_1.useEffect)(function () {
var operationCol = columns.filter(function (item) { return item.type === 'operation'; });
setRenderColumns(expanded ? columns.concat() : columns.slice(0, 6).concat(operationCol));
}, [expanded]);
//起始位置
var originX = (0, react_1.useRef)(0);
var originY = (0, react_1.useRef)(0);
//拖动过程中的临时位置
var movingX = (0, react_1.useRef)(0);
var movingY = (0, react_1.useRef)(0);
var ontouchstart = function (e) {
e.persist();
// e.preventDefault()
e.stopPropagation();
if (e.touches.length > 0) {
var touch = e.touches[0];
originX.current = movingX.current = touch.clientX; // 记录触摸开始的横坐标
originY.current = movingY.current = touch.clientY; // 记录触摸开始的纵坐标
}
};
var onTouchMove = function (e) {
e.persist();
// e.preventDefault()
e.stopPropagation();
if (e.changedTouches.length > 0) {
var touch = e.changedTouches[0];
var endX = touch.clientX; // 触摸结束的横坐标
var endY = touch.clientY; // 触摸结束的纵坐标
var moveX = endX - movingX.current; // 横向移动距离
var moveY = endY - movingY.current; // 纵向移动距离
if (moveX == 0 && moveY == 0) {
}
else {
var srcDom = e.target.closest('.row-item-operation');
if (srcDom) {
srcDom.scrollTo({ left: srcDom.scrollLeft - moveX });
}
}
}
};
var onTouchEnd = function (e) {
e.persist();
// e.preventDefault()
e.stopPropagation();
if (e.changedTouches.length > 0) {
var touch = e.changedTouches[0];
var endX = touch.clientX; // 触摸结束的横坐标
var endY = touch.clientY; // 触摸结束的纵坐标
// 如果拖动的距离很小，认为是一次单击事件
var distance = Math.sqrt(Math.pow((endX - originX.current), 2) + Math.pow((endY - originY.current), 2));
if (distance < 1) {
// 在这里处理单击事件
}
}
};
return react_1.default.createElement("div", { className: 'virtual-list-row-item', ref: virtualListItemDom },
react_1.default.createElement("div", null, renderColumns.map(function (column, colIndex) {
var _a;
var itemValue = column.name
? (0, tpl_builtin_1.resolveVariable)(column.name, rowItem.data) : column.value;
var showOriginTd = ['__dragme', '__expandme', 'progress', 'lion-upload', 'operation', 'color', '__checkme', '__pseudoColumn'].includes(column.type) || column.pristine.defaultOpen || column.pristine.tpl || column.pristine.linkUrl || (column.pristine.source && !((_a = column === null || column === void 0 ? void 0 : column.map) === null || _a === void 0 ? void 0 : _a[itemValue])) || (typeof itemValue === 'object' && !(0, lodash_1.isNil)(itemValue)); // 正式用
if (column.type === 'operation')
return null;
return react_1.default.createElement("div", { className: "table-vertical-row-colItem " + (colIndex === 0 ? 'first-colItem' : '') },
react_1.default.createElement("div", { className: 'colItem-label' }, colIndex === 0 ? react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: 'colItem-checkbox', style: { display: showCheckbox ? 'block' : 'none' }, onClick: function () { return onCheck(rowItem, true); } },
react_1.default.createElement(components_1.Checkbox, { classPrefix: ns, type: multiple ? 'checkbox' : 'radio', checked: rowItem.checked, disabled: !rowItem.checkable })),
react_1.default.createElement("div", { className: 'colItem-checkbox-label' }, column.label)) : column.label),
react_1.default.createElement("div", { className: 'colItem-value' }, showOriginTd ? renderField(column)
: react_1.default.createElement(SimpleSpan_1.default, { key: rowItem.id + column.index, ns: ns, value: itemValue, checked: rowItem.checked, column: column, render: render, cx: cx, item: rowItem })));
})),
columns.length > 6 && react_1.default.createElement("div", { className: 'row-item-expand' },
react_1.default.createElement("span", { onClick: function () { return setExpanded(!expanded); } }, expanded ? '收起' : '更多')),
renderColumns[renderColumns.length - 1].type === 'operation' && react_1.default.createElement("div", { className: 'row-item-operation', style: {}, onScroll: function (e) { return e.stopPropagation(); }, onTouchStart: ontouchstart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd },
react_1.default.createElement("div", { style: { display: 'block', whiteSpace: 'nowrap' } }, render('operations-buttons', (_c = (_b = renderColumns[renderColumns.length - 1]) === null || _b === void 0 ? void 0 : _b.pristine) === null || _c === void 0 ? void 0 : _c.buttons, { data: rowItem.locals, loading: null }))));
};
var EnhancedMyComponent = (0, mobx_react_1.observer)(SimpleTableRow);
//# sourceMappingURL=./renderers/Table/TableContent.js.map