fastlion-amis
Version:
一种MIS页面生成工具
73 lines (72 loc) • 4.1 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.GenericFixHeader = exports.GenericHeader = void 0;
var tslib_1 = require("tslib");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var checkbox_1 = (0, tslib_1.__importDefault)(require("antd/lib/checkbox"));
// const GenericHeader: React.FC<GenericHeaderProps> = (props) => {
// return (
// <div
// className="lion-table-header"
// >
// <WrapperCommonThead style={{ width: this.state.wrapper }}>
// <colgroup>
// {
// this.renderCols(fixColumns)
// }
// </colgroup>
// <thead className="lion-table-header-thead">
// <tr>
// {
// this.renderHeaderTr()
// }
// </tr>
// </thead>
// </WrapperCommonThead>
// </div>
// )
// }
var GenericHeader = function (props) {
var fixColumns = props.fixColumns, checkAll = props.checkAll, seat = props.seat, trClick = props.trClick;
var checkEle = seat === "right" ? null : react_1.default.createElement(checkbox_1.default, { onClick: trClick, checked: checkAll });
var headerContainer = fixColumns.map(function (column, index) {
var _a;
var align = column.align || undefined;
var title = column.label || '';
// 确定是否是被固定的列，是就不显示它
var fixedClassName = seat && (column === null || column === void 0 ? void 0 : column.fixed) ? ("lion-cell--fix--" + (column === null || column === void 0 ? void 0 : column.fixed)) : (column.hasOwnProperty('fixed') ? ' fix--hidden' : '');
var thClassName = "thead-th--column " + fixedClassName;
return react_1.default.createElement("th", { key: index, className: thClassName, style: (_a = {
textAlign: align
},
_a[column === null || column === void 0 ? void 0 : column.fixed] = column === null || column === void 0 ? void 0 : column[(column === null || column === void 0 ? void 0 : column.fixed) + 'Width'],
_a) },
react_1.default.createElement("div", { className: "thead-th--cell", style: {
width: column === null || column === void 0 ? void 0 : column.width,
overflow: (column === null || column === void 0 ? void 0 : column.name) === 'checkbox' ? 'unset !important' : 'hidden'
} },
react_1.default.createElement("span", null, (column === null || column === void 0 ? void 0 : column.name) !== "checkbox" ? title : checkEle)));
});
return react_1.default.createElement(react_1.default.Fragment, null, headerContainer);
};
exports.GenericHeader = GenericHeader;
var GenericFixHeader = function (props) {
var checkAll = props.checkAll, seat = props.seat, trClick = props.trClick, colSpan = props.colSpan;
var headerContainer = null;
if (seat === "left") {
headerContainer = react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("th", { className: "thead-th--column" },
react_1.default.createElement("div", { style: { textAlign: 'center' }, className: "thead-th--cell" },
react_1.default.createElement(checkbox_1.default, { onClick: trClick, checked: checkAll }))),
react_1.default.createElement("th", { className: "thead-th--column", colSpan: colSpan - 1 }));
}
else {
headerContainer = react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("th", { className: "thead-th--column", colSpan: colSpan - 1 }),
react_1.default.createElement("th", { className: "thead-th--column" },
react_1.default.createElement("div", { className: "thead-th--cell" }, "\u64CD\u4F5C")));
}
return headerContainer;
};
exports.GenericFixHeader = GenericFixHeader;
//# sourceMappingURL=./renderers/Lion/Table/LionTable/assembly/generic/GenericHeader.js.map