fastlion-amis
Version:
一种MIS页面生成工具
49 lines (48 loc) • 3.34 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TabsTransferRenderer = void 0;
var tslib_1 = require("tslib");
var Options_1 = require("./Options");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var Spinner_1 = (0, tslib_1.__importDefault)(require("../../components/Spinner"));
var Transfer_1 = require("./Transfer");
var TabsTransfer_1 = (0, tslib_1.__importDefault)(require("../../components/TabsTransfer"));
var helper_1 = require("../../utils/helper");
var Selection_1 = require("../../components/Selection");
var TabsTransferRenderer = /** @class */ (function (_super) {
(0, tslib_1.__extends)(TabsTransferRenderer, _super);
function TabsTransferRenderer() {
return _super !== null && _super.apply(this, arguments) || this;
}
TabsTransferRenderer.prototype.optionItemRender = function (option, states) {
var _a = this.props, menuTpl = _a.menuTpl, render = _a.render, data = _a.data;
var ctx = arguments[2] || {};
if (menuTpl) {
return render("item/" + states.index, menuTpl, {
data: (0, helper_1.createObject)((0, helper_1.createObject)(data, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, states), ctx)), option)
});
}
return Selection_1.BaseSelection.itemRender(option, states);
};
TabsTransferRenderer.prototype.render = function () {
var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchable = _a.searchable, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle;
return (react_1.default.createElement("div", { className: cx('TabsTransferControl', className) },
react_1.default.createElement(TabsTransfer_1.default, { value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: searchable ? this.handleSearch : undefined, showArrow: showArrow, onDeferLoad: deferLoad, selectTitle: selectTitle, resultTitle: resultTitle, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender }),
react_1.default.createElement(Spinner_1.default, { overlay: true, key: "info", show: loading })));
};
var _a;
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", [Object, typeof (_a = typeof Selection_1.ItemRenderStates !== "undefined" && Selection_1.ItemRenderStates) === "function" ? _a : Object]),
(0, tslib_1.__metadata)("design:returntype", void 0)
], TabsTransferRenderer.prototype, "optionItemRender", null);
TabsTransferRenderer = (0, tslib_1.__decorate)([
(0, Options_1.OptionsControl)({
type: 'tabs-transfer'
})
], TabsTransferRenderer);
return TabsTransferRenderer;
}(Transfer_1.BaseTransferRenderer));
exports.TabsTransferRenderer = TabsTransferRenderer;
//# sourceMappingURL=./renderers/Form/TabsTransfer.js.map