ming-demo3
Version:
mdf metaui web
130 lines (109 loc) • 4.13 kB
JavaScript
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _forEach2 = _interopRequireDefault(require("lodash/forEach"));
var _react = _interopRequireWildcard(require("react"));
var _baseui = require("@mdf/baseui");
var _this3 = void 0;
var TreeTable = function (_Component) {
(0, _inherits2["default"])(TreeTable, _Component);
function TreeTable(props) {
var _this;
(0, _classCallCheck2["default"])(this, TreeTable);
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TreeTable).call(this, props));
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRowClick", function (record, index) {
var rowKey = _this.state.rowKey;
if (_this.props.model) _this.props.model.select(record[rowKey]);
});
_this.state = {};
return _this;
}
(0, _createClass2["default"])(TreeTable, [{
key: "componentDidMount",
value: function componentDidMount() {
this.props.model.addListener(this);
}
}, {
key: "renderSelect",
value: function renderSelect(column, text) {
var keyMap = column.keyMap,
textField = column.textField;
if (!keyMap || !textField) return text;
return keyMap[text] && keyMap[text][textField];
}
}, {
key: "setListenerState",
value: function setListenerState(data) {
var _this2 = this;
if (!data.columns) return;
var columns = [];
(0, _forEach2["default"])(data.columns, function (column, key) {
var column1 = {
title: column.cShowCaption,
dataIndex: key,
key: key,
width: column.iColWidth || 150
};
var ctrlType = column.cControlType && column.cControlType.trim().toLocaleLowerCase();
if (ctrlType === 'select') column1.render = function (text) {
return _this2.renderSelect(column, text);
};
columns.push(column1);
});
this.setState({
columns: columns,
rowKey: data.keyField
});
}
}, {
key: "setDataSource",
value: function setDataSource(dataSource) {
this.setState({
dataSource: dataSource
});
}
}, {
key: "render",
value: function render() {
var _this$state = this.state,
columns = _this$state.columns,
rowKey = _this$state.rowKey,
dataSource = _this$state.dataSource;
if (!columns || !columns.length) return null;
return _react["default"].createElement(_baseui.Table, {
columns: columns,
rowKey: rowKey,
dataSource: dataSource,
onRowClick: this.onRowClick
});
}
}]);
return TreeTable;
}(_react.Component);
exports["default"] = TreeTable;
getExpendContrast = function getExpendContrast(data, rowKey, contrast) {
data.map(function (item) {
var key = item[rowKey];
contrast[key] = {
"isExpend": false,
"level": item.level,
"parent": item.parent,
"key": key
};
_this3.keyMap[key] = contrast[key];
if (item.children) contrast[key].children = _this3.getExpendContrast(item.children, rowKey, {});
});
return contrast;
};
//# sourceMappingURL=treetable1.js.map
;