fastlion-amis
Version:
一种MIS页面生成工具
54 lines (53 loc) • 3.02 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SubTreeBoxRenderer = void 0;
var tslib_1 = require("tslib");
/**
* 移动端左右树组件
*/
var antd_1 = require("antd");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var icons_1 = require("../components/icons");
var factory_1 = require("../factory");
var antdCompoentsProxy_1 = require("../components/antdCompoentsProxy");
var SubTreeBox = /** @class */ (function (_super) {
(0, tslib_1.__extends)(SubTreeBox, _super);
function SubTreeBox(props) {
var _this = _super.call(this, props) || this;
_this.state = {
treeWidth: false
};
return _this;
}
SubTreeBox.prototype.render = function () {
var _this = this;
var _a = this.props, render = _a.render, body = _a.body, treeSide = _a.treeSide, cx = _a.classnames;
return (react_1.default.createElement("div", { className: cx("Sub-tree-box") },
react_1.default.createElement("div", { className: "top-container" },
react_1.default.createElement(antd_1.Button, { icon: react_1.default.createElement(icons_1.Icon, { style: { fontSize: '16px', marginRight: '5px' }, icon: "select", className: "icon" }), onClick: function () { return _this.setState({ treeWidth: true }); }, className: "select-btn" }, "\u9009\u62E9\u5C42\u7EA7"),
react_1.default.createElement(antdCompoentsProxy_1.Drawer, { placement: "left", height: "100%", className: 'sub-tree-drawer row-edit-drawer', closable: false, getContainer: false, visible: this.state.treeWidth },
react_1.default.createElement("div", { className: 'edit-row-header' },
react_1.default.createElement("span", { className: 'close-edit', onClick: function () {
_this.setState({ treeWidth: false });
} },
react_1.default.createElement(icons_1.Icon, { icon: "title-left", style: { width: '16px', height: '16px' } })),
react_1.default.createElement("div", null, "\u9009\u62E9\u5C42\u7EA7")),
react_1.default.createElement("div", { className: "scroll-body" }, render('tree', treeSide)))),
react_1.default.createElement("div", { className: "body-content" }, render('', body))));
};
return SubTreeBox;
}(react_1.default.Component));
var SubTreeBoxRenderer = /** @class */ (function (_super) {
(0, tslib_1.__extends)(SubTreeBoxRenderer, _super);
function SubTreeBoxRenderer() {
return _super !== null && _super.apply(this, arguments) || this;
}
SubTreeBoxRenderer = (0, tslib_1.__decorate)([
(0, factory_1.Renderer)({
type: 'sub-tree-box'
})
], SubTreeBoxRenderer);
return SubTreeBoxRenderer;
}(SubTreeBox));
exports.SubTreeBoxRenderer = SubTreeBoxRenderer;
//# sourceMappingURL=./mobile/SubTreeBox.js.map