fastlion-amis
Version:
一种MIS页面生成工具
52 lines (51 loc) • 5.91 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var icons_1 = require("@ant-design/icons");
var antd_1 = require("antd");
var react_1 = tslib_1.__importStar(require("react"));
var shell_1 = require("../../utils/shell");
var tools_1 = require("../../utils/shell/tools");
var Button_1 = (0, tslib_1.__importDefault)(require("../../components/Button"));
var helper_1 = require("../../utils/helper");
var DefaultListPopup = function (_a) {
var defaultVisible = _a.defaultVisible, multipleDefault = _a.multipleDefault, props = _a.props, selectTmpShow = _a.selectTmpShow, defaultOnOk = _a.defaultOnOk, defaultList = _a.defaultList, defaultClose = _a.defaultClose, onCancel = _a.onCancel, onChange = _a.onChange, defaultDelete = _a.defaultDelete, defaultModify = _a.defaultModify, onDrawerCancel = _a.onDrawerCancel, defaultAdvancedQuery = _a.defaultAdvancedQuery;
var _b = (0, react_1.useState)(), tempName = _b[0], setTempName = _b[1];
var _c = (0, react_1.useState)(), tempKey = _c[0], setTempKey = _c[1];
var _d = (0, react_1.useState)(false), clearOpen = _d[0], setClearOpen = _d[1];
var __ = props.translate, env = props.env;
(0, react_1.useEffect)(function () {
if (selectTmpShow)
if (defaultList.length > 0) {
setTempName(defaultList[0].tempName);
setTempKey(defaultList[0].tempKey);
}
}, [selectTmpShow]);
var renderSelectFooter = function () {
var defaultType = (defaultList.length > 0 && defaultList[0].tempKey !== tempKey) ? true : false;
return react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Button_1.default, { disabled: !tempKey, onClick: function (e) { !!tempKey && !!tempName && defaultModify(e, tempKey, tempName); }, size: "md" }, __('rename')),
react_1.default.createElement(Button_1.default, { disabled: !tempKey, onClick: function () { !!tempKey && setClearOpen(true); }, size: "md" }, __('Select.clear')),
react_1.default.createElement(Button_1.default, { disabled: !tempKey, onClick: function () { defaultOnOk(tempName, tempKey); defaultType && defaultAdvancedQuery(2, { tempName: tempName, tempKey: tempKey }); setTempName(undefined); setTempKey(undefined); }, size: 'md', level: 'primary' }, '应用'));
};
return (react_1.default.createElement(react_1.default.Fragment, null,
defaultList && react_1.default.createElement(antd_1.Drawer, { zIndex: 1011, placement: 'bottom', mask: true, className: "columns-toggler-drawer columns-toggler-tmp-sel " + (tools_1.tools.isIOS && !shell_1.Shell.hasShell() ? 'ios-device' : ''), width: '100vw', height: defaultList.length * 45 + 130 + (tools_1.tools.isIOS ? 32 : 0) + 'px', title: __('selectTemplate'), visible: selectTmpShow, destroyOnClose: true, getContainer: env.getModalContainer, onClose: function () { onDrawerCancel(); setTempName(undefined); setTempKey(undefined); }, footer: renderSelectFooter() },
react_1.default.createElement("div", { className: 'tpm-sel-container' }, defaultList.map(function (item) {
return react_1.default.createElement("div", { className: "tem-sel-item " + (item.tempKey === tempKey ? 'active-tmp' : ''), key: item.tempKey, onClick: function () { setTempKey(item.tempKey); setTempName(item.tempName); } },
react_1.default.createElement("div", null, item.tempName),
tempKey === item.tempKey && react_1.default.createElement("div", null,
react_1.default.createElement(icons_1.CheckOutlined, null)));
}))),
react_1.default.createElement(antd_1.Modal, { zIndex: 1011, className: ((0, helper_1.isMobile)() ? 'defaultModal-isMobile' : '') + " defaultModal", width: (0, helper_1.isMobile)() ? '80%' : 370, visible: defaultVisible, onOk: function () {
defaultOnOk();
setTempName(undefined);
setTempKey(undefined);
}, centered: (0, helper_1.isMobile)(), afterClose: function () { defaultVisible && defaultClose(); }, destroyOnClose: true, title: defaultVisible ? "设置默认值" : "应用默认查询", onCancel: onCancel, okText: defaultVisible ? '保存' : '应用', cancelText: __('cancel'), getContainer: env.getModalContainer }, defaultVisible && react_1.default.createElement(react_1.default.Fragment, null,
!(0, helper_1.isMobile)() && react_1.default.createElement("span", null, "\u9ED8\u8BA4\u503C\u540D\u79F0"),
react_1.default.createElement(antd_1.Input, { placeholder: "\u8BF7\u8F93\u5165\u914D\u7F6E\u540D\u79F0", value: multipleDefault, onChange: function (e) { var _a; return onChange((_a = e.target.value) !== null && _a !== void 0 ? _a : ''); } }))),
react_1.default.createElement(antd_1.Drawer, { zIndex: 1011, placement: 'bottom', mask: true, className: "columns-toggler-drawer columns-toggler-tmp-sel " + (tools_1.tools.isIOS && !shell_1.Shell.hasShell() ? 'ios-device' : '') + " " + ((0, helper_1.isMobile)() ? "columns-toggler-drawer-isMobile" : ""), width: '100vw', height: 2 * 60 + 20 + (tools_1.tools.isIOS ? 32 : 0) + 'px', visible: clearOpen, destroyOnClose: true, closable: false, getContainer: env.getModalContainer, onClose: function () { setClearOpen(false); }, footer: null },
react_1.default.createElement(Button_1.default, { onClick: function () { !!tempKey && defaultDelete(tempKey); setClearOpen(false), setTempKey(undefined); }, size: 'lg', level: 'primary' }, "\u786E\u8BA4\u5220\u9664"),
react_1.default.createElement(Button_1.default, { onClick: function () { setClearOpen(false); }, size: 'lg', level: 'primary' }, "\u53D6\u6D88"))));
};
exports.default = DefaultListPopup;
//# sourceMappingURL=./components/Lion/DefaultListPopup.js.map