fastlion-amis
Version:
一种MIS页面生成工具
473 lines (472 loc) • 37 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var helper_1 = require("../../../../utils/helper");
var components_1 = require("../../../../components");
var antd_1 = require("antd");
var icons_1 = require("../../../../components/icons");
var icons_2 = require("@ant-design/icons");
var DefaultListPopup_1 = tslib_1.__importDefault(require("../../../../components/Lion/DefaultListPopup"));
var utils_1 = require("../../../Lion/utils/utils");
var lodash_1 = require("lodash");
var antdComponentsProxy_1 = require("../../../../components/antdComponentsProxy");
// 底部按钮
var AdvancedModalFooter = function (FilterModalFooterProps) {
var props = FilterModalFooterProps.props, defaultList = FilterModalFooterProps.defaultList, templateSwitch = FilterModalFooterProps.templateSwitch, advanceFilterForm = FilterModalFooterProps.advanceFilterForm, setCrudState = FilterModalFooterProps.setCrudState, defaultTemplate = FilterModalFooterProps.defaultTemplate, defaultAdvancedQuery = FilterModalFooterProps.defaultAdvancedQuery, defaultModify = FilterModalFooterProps.defaultModify, defaultDelete = FilterModalFooterProps.defaultDelete, defaultOnOk = FilterModalFooterProps.defaultOnOk, handleAdvanceSearch = FilterModalFooterProps.handleAdvanceSearch, multipleDefault = FilterModalFooterProps.multipleDefault;
var env = props.env, translate = props.translate, advancedFilterApi = props.advancedFilterApi;
return react_1.default.createElement("div", { className: 'defaultModal-footer' },
!(0, helper_1.isMobile)() &&
react_1.default.createElement("div", { className: 'defaultModal-footer-left' },
react_1.default.createElement(components_1.Button, { level: "primary", disabled: templateSwitch, onClick: function () {
setCrudState({
templateSwitch: true,
multipleDefault: '',
defaultTempKey: ''
});
} }, "+ \u65B0\u589E\u9ED8\u8BA4"),
templateSwitch ? react_1.default.createElement("div", { className: 'template-name' },
react_1.default.createElement(antd_1.Input, { placeholder: "\u8BF7\u8F93\u5165\u6A21\u7248\u540D\u79F0", onChange: function (e) { var _a; return setCrudState({ multipleDefault: (_a = e.target.value) !== null && _a !== void 0 ? _a : '' }); } }),
react_1.default.createElement(components_1.Button, { style: { margin: 0 }, onClick: function () {
defaultOnOk();
setCrudState({ templateSwitch: false });
} },
react_1.default.createElement(icons_2.CheckOutlined, null)),
react_1.default.createElement(components_1.Button, { style: { margin: 0 }, onClick: function () {
var _a, _b;
setCrudState({
templateSwitch: false,
multipleDefault: (_a = defaultList === null || defaultList === void 0 ? void 0 : defaultList[0]) === null || _a === void 0 ? void 0 : _a.tempName,
defaultTempKey: (_b = defaultList === null || defaultList === void 0 ? void 0 : defaultList[0]) === null || _b === void 0 ? void 0 : _b.tempKey
});
} },
react_1.default.createElement(icons_2.CloseOutlined, null))) :
react_1.default.createElement("div", null, defaultList.length > 0 &&
react_1.default.createElement(antd_1.Select
// allowClear={true}
, {
// allowClear={true}
className: 'defaultModal-select-content', dropdownClassName: "dropdown-select-style", bordered: true, placeholder: '\u5168\u90E8', style: { textAlign: 'left' }, getPopupContainer: env.getModalContainer, defaultActiveFirstOption: true, suffixIcon: react_1.default.createElement(icons_1.Icon, { symbol: true, icon: '#icon-tooltool_down', className: "icon" }),
// defaultValue={defaultList.length > 0 ? defaultList[0].tempName : ''}
value: defaultList.length > 0 ? defaultList[0].tempKey : '', onSelect: function (value) {
var item = defaultList.find(function (item) { return item.tempKey == value; });
defaultTemplate(item.tempKey, item.tempName);
defaultOnOk(item.tempName, item.tempKey);
}, onChange: function (value) {
if (defaultList[0].tempKey == value)
return;
var item = defaultList.find(function (item) { return item.tempKey == value; });
defaultAdvancedQuery(2, { tempName: item.tempName, tempKey: item.tempKey });
} }, defaultList.map(function (item) { return (react_1.default.createElement(antd_1.Select.Option, { value: item.tempKey, key: item.tempKey, className: 'defaultModal-select-content-option' },
react_1.default.createElement("div", { className: 'defaultModal-select-content-option-tempName' }, item.tempName),
react_1.default.createElement("div", { className: 'defaultModal-select-content-option-click', onClick: function (e) { return e.stopPropagation(); } },
react_1.default.createElement(icons_2.EditOutlined, { onClick: function (e) { return defaultModify(e, item.tempKey, item.tempName); } }),
react_1.default.createElement("div", null,
react_1.default.createElement(antd_1.Popconfirm, { title: "\u786E\u5B9A\u8981\u5220\u9664\u5417?", onConfirm: function () { return defaultDelete(item.tempKey); }, okText: translate('confirm'), cancelText: translate('cancel') },
react_1.default.createElement(icons_2.DeleteOutlined, null)))))); })))),
react_1.default.createElement("div", { className: 'defaultModal-footer-right' },
advancedFilterApi && react_1.default.createElement(react_1.default.Fragment, null,
// 2025-02 更新逻辑为 有默认模版列表则显示设置默认按钮
(defaultList === null || defaultList === void 0 ? void 0 : defaultList.length) ? (react_1.default.createElement("span", { style: { display: 'inline-block', marginRight: 10 } },
react_1.default.createElement(components_1.Button, { disabled: templateSwitch, level: "primary", onClick: function () {
(0, helper_1.isMobile)() && setCrudState({ defaultVisible: true });
!(0, helper_1.isMobile)() && defaultList.length > 0 && defaultOnOk(false, false, true);
// this.defaultAdvancedQuery(2)
} }, translate('default')))) : null,
(0, helper_1.isMobile)() &&
(react_1.default.createElement("span", { style: { display: 'inline-block', marginRight: 10 } },
react_1.default.createElement(components_1.Button, { className: 'default-select', onClick: function () {
// this.defaultAdvancedQuery(1)
setCrudState({ selectTmpShow: true });
} },
react_1.default.createElement("div", { className: "text" },
" ",
multipleDefault || translate('application'),
" "),
react_1.default.createElement(icons_2.DownloadOutlined, null))))),
react_1.default.createElement("span", { style: { display: 'inline-block', marginRight: 10 } },
react_1.default.createElement(components_1.Button, { onClick: function () {
advanceFilterForm === null || advanceFilterForm === void 0 ? void 0 : advanceFilterForm.resetAdvancedOptionsFilter();
advanceFilterForm === null || advanceFilterForm === void 0 ? void 0 : advanceFilterForm.resetAdvancedFilter();
} }, translate('reset'))),
react_1.default.createElement(components_1.Button, { level: "primary", onClick: handleAdvanceSearch }, translate('confirm'))));
};
// 高级查询弹窗体
var AdvancedBody = function (FilterModalBodyProps) {
var props = FilterModalBodyProps.props, handleFilterInit = FilterModalBodyProps.handleFilterInit, tableStore = FilterModalBodyProps.tableStore, getAdvancedFilterForm = FilterModalBodyProps.getAdvancedFilterForm, advancedFilterVisible = FilterModalBodyProps.advancedFilterVisible, filterOptions = FilterModalBodyProps.filterOptions, filtertpl = FilterModalBodyProps.filtertpl, filtercont = FilterModalBodyProps.filtercont, setCrudState = FilterModalBodyProps.setCrudState, handleFilterReset = FilterModalBodyProps.handleFilterReset, handlePrefix = FilterModalBodyProps.handlePrefix, handleSaveAdvancedFilterData = FilterModalBodyProps.handleSaveAdvancedFilterData, advancedMode = FilterModalBodyProps.advancedMode, handleAdvanceSearch = FilterModalBodyProps.handleAdvanceSearch, hideAdvancedFilter = FilterModalBodyProps.hideAdvancedFilter;
var advancedFilter = props.advancedFilter, translate = props.translate, render = props.render, filter = props.filter, columns = props.columns, advancedFilterApi = props.advancedFilterApi, advancedQueryFields = props.advancedQueryFields, _advancedMode = props.advancedMode, env = props.env;
var handleFilterOptions = (0, react_1.useCallback)(function (value) {
(0, helper_1.isMobile)() && setCrudState({ filterOptions: value });
}, []);
var handleActionDisplay = (0, react_1.useCallback)(function (val) {
switch (val) {
case '0':
setCrudState({ advancedFilterAction: false });
break;
case '1':
case '2':
setCrudState({ advancedFilterAction: true });
break;
default:
break;
}
}, []);
return render(
//默认
'advancedFilter', tslib_1.__assign(tslib_1.__assign({ title: translate('CRUD.filter'), submitText: translate('search') }, advancedFilter), { type: 'form', api: null }), {
key: 'advancedFilter',
onInit: handleFilterInit,
formStore: undefined,
advancedFilterVisible: (0, helper_1.isMobile)() ? true : advancedFilterVisible,
advancedFilterApi: advancedFilterApi,
showAdvancedOption: advancedMode == 'normal' || advancedMode == 'popup-normal',
getFilterColumns: tableStore === null || tableStore === void 0 ? void 0 : tableStore.filteredColumns,
getAdvancedFilterForm: getAdvancedFilterForm,
dialogContainer: env.getTopModalContainer,
advancedFilter: advancedFilter,
filterOptions: filterOptions,
filtertpl: filtertpl,
filtercont: filtercont,
filter: filter,
columns: columns,
advancedQueryFields: advancedQueryFields,
handlePrefix: handlePrefix,
handleSaveAdvancedFilterData: handleSaveAdvancedFilterData,
hideAdvancedFilter: hideAdvancedFilter,
handleActionDisplay: handleActionDisplay,
handleAdvanceSearch: handleAdvanceSearch,
handleFilterOptions: handleFilterOptions,
onReset: handleFilterReset,
});
};
// 高级查询体
var FilterModal = function (FilterModalProps) {
var _a;
var props = FilterModalProps.props, advancedFilterVisible = FilterModalProps.advancedFilterVisible, filterExist = FilterModalProps.filterExist, advancedFilterAction = FilterModalProps.advancedFilterAction, advanceFilterForm = FilterModalProps.advanceFilterForm, filterForm = FilterModalProps.filterForm, filtercont = FilterModalProps.filtercont, filtertpl = FilterModalProps.filtertpl, tableStore = FilterModalProps.tableStore, defaultVisible = FilterModalProps.defaultVisible, defaultList = FilterModalProps.defaultList, multipleDefault = FilterModalProps.multipleDefault, defaultTempKey = FilterModalProps.defaultTempKey, defaultTempValue = FilterModalProps.defaultTempValue, selectTmpShow = FilterModalProps.selectTmpShow, defaultAdvancedQuery = FilterModalProps.defaultAdvancedQuery, handleFilterSubmit = FilterModalProps.handleFilterSubmit, handleScrollToTop = FilterModalProps.handleScrollToTop, getFilterForm = FilterModalProps.getFilterForm, handleFilterOptions = FilterModalProps.handleFilterOptions, handledelVisible = FilterModalProps.handledelVisible, handlefilters = FilterModalProps.handlefilters, search = FilterModalProps.search, handleReset = FilterModalProps.handleReset, handleFilterReset = FilterModalProps.handleFilterReset, setCrudState = FilterModalProps.setCrudState;
var filter = props.filter, advancedFilter = props.advancedFilter, isPick = props.isPick, env = props.env, translate = props.translate, render = props.render, store = props.store, advancedFilterApi = props.advancedFilterApi, tabTitle = props.tabTitle, aliasTitle = props.aliasTitle, _advancedMode = props.advancedMode;
if (!filter && !advancedFilter)
return null;
var advancedMode = _advancedMode !== null && _advancedMode !== void 0 ? _advancedMode : 'normal'; // 给个初始值
var advancedTitle = (_a = tabTitle !== null && tabTitle !== void 0 ? tabTitle : aliasTitle) !== null && _a !== void 0 ? _a : '';
var hideAdvancedFilter = function () {
setCrudState({ advancedFilterVisible: false });
};
var handleFilterAdvanced = function () {
var _a;
if (!(0, helper_1.isMobile)() && !((_a = advancedFilter === null || advancedFilter === void 0 ? void 0 : advancedFilter.body) === null || _a === void 0 ? void 0 : _a.some(function (item) { return item === null || item === void 0 ? void 0 : item.body; }))) {
antd_1.message.error("暂无查询条件");
return;
}
setCrudState({ advancedFilterVisible: true });
};
// 搜索方法
var handleAdvanceSearch = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
var res, confirmData, key, _a, filter_1, _b, body, filterParam_1, filterNameArr, isFilterPause, key, queryParams, optionsParam, rawShowFields, itemCount, itemSumCount, showFields_1, sortFields, groupByFields, allInclude;
var _c, _d;
return tslib_1.__generator(this, function (_e) {
switch (_e.label) {
case 0: return [4 /*yield*/, advanceFilterForm.validate()];
case 1:
res = _e.sent();
confirmData = advanceFilterForm === null || advanceFilterForm === void 0 ? void 0 : advanceFilterForm.confirmAdvancedFilter();
// 移动端的确认逻辑与PC端区别开
if ((0, helper_1.isMobile)()) {
//删除filterParam值为空字符串的属性
if (confirmData.filterParam) {
for (key in confirmData.filterParam) {
if (Object.prototype.hasOwnProperty.call(confirmData.filterParam, key)) {
if (confirmData.filterParam[key] === '') {
delete confirmData.filterParam[key];
}
}
}
}
// 如果校验没有通过，查看是快速查询还是高级查询没有通过校验，与底下的逻辑区分开
if (!res) {
_a = props.filter, filter_1 = _a === void 0 ? {} : _a;
_b = filter_1.body, body = _b === void 0 ? [] : _b;
filterParam_1 = confirmData.filterParam;
filterNameArr = body.filter(function (bodyItem) { return bodyItem === null || bodyItem === void 0 ? void 0 : bodyItem.required; }).map(function (item) { var _a, _b; return (_b = (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.split('.')) === null || _b === void 0 ? void 0 : _b.pop(); });
isFilterPause = filterNameArr.some(function (name) { return (0, lodash_1.isNil)(filterParam_1[name]) || !filterParam_1[name].length; });
// 如果是高级查询模式下，直接return
if (advancedFilterAction) {
return [2 /*return*/];
}
else {
if (isFilterPause)
return [2 /*return*/];
}
}
}
else {
if (!res)
return [2 /*return*/];
if (confirmData.filterParam) {
for (key in confirmData.filterParam) {
if (Object.prototype.hasOwnProperty.call(confirmData.filterParam, key)) {
if (confirmData.filterParam[key] === '') {
delete confirmData.filterParam[key];
}
}
}
}
}
handleScrollToTop();
queryParams = tslib_1.__assign(tslib_1.__assign({}, confirmData), { page: 1 });
optionsParam = (_c = queryParams === null || queryParams === void 0 ? void 0 : queryParams.filterOptionData) === null || _c === void 0 ? void 0 : _c.rawOptionsParams;
rawShowFields = (_d = queryParams === null || queryParams === void 0 ? void 0 : queryParams.filterOptionData) === null || _d === void 0 ? void 0 : _d.rawShowFields;
if (queryParams === null || queryParams === void 0 ? void 0 : queryParams.limitParam.limitStatus) {
queryParams = tslib_1.__assign(tslib_1.__assign({}, queryParams), { topN: queryParams.limitParam.topN });
}
else {
queryParams = tslib_1.__assign(tslib_1.__assign({}, queryParams), { topN: undefined });
}
if (advancedMode == 'normal' || advancedMode == 'popup-normal') {
itemCount = optionsParam.itemCount, itemSumCount = optionsParam.itemSumCount, showFields_1 = optionsParam.showFields, sortFields = optionsParam.sortFields, groupByFields = optionsParam.groupByFields;
if (!itemCount && !itemSumCount) {
if (rawShowFields.length == 0) {
antd_1.message.warning('显示字段不能为空');
return [2 /*return*/];
}
}
if (sortFields.length > 0 && groupByFields.length > 0) {
allInclude = sortFields.every(function (sortField) { return showFields_1.some(function (showField) { return sortField.includes(showField); }); });
if (!allInclude) {
antd_1.message.warning('同时使用排序和分组时，排序字段必须出现在显示字段中');
return [2 /*return*/];
}
}
}
if ((0, helper_1.isMobile)() && advancedFilterVisible && filterExist) {
setCrudState({ filterExist: false });
}
store.updateQuery(queryParams);
setCrudState({ filtercont: queryParams }, function () {
var _a, _b;
handlefilters();
search(undefined, undefined, undefined, true, function (res) {
if (optionsParam === null || optionsParam === void 0 ? void 0 : optionsParam.itemCount) {
if (res.status === 0) {
var count = res.data.items[0]['ITEM_NUMBER'];
if (count) {
antd_1.Modal.info({ icon: null, title: '提示', content: "\u9879\u6570: ".concat(count), okText: '确定' });
}
}
}
}, undefined, undefined, queryParams);
(_a = tableStore === null || tableStore === void 0 ? void 0 : tableStore.filterColumns) === null || _a === void 0 ? void 0 : _a.clear();
(_b = tableStore === null || tableStore === void 0 ? void 0 : tableStore.orderColumns) === null || _b === void 0 ? void 0 : _b.clear();
setCrudState({ showColumnsFilter: false });
});
hideAdvancedFilter();
return [2 /*return*/];
}
});
}); };
var defaultOnOk = (0, react_1.useCallback)(function (tempName, tempKey, senior) {
if (tempKey && tempName) {
var body = {
tempName: tempName,
tempKey: tempKey
};
defaultAdvancedQuery(1, body);
setCrudState({ selectTmpShow: false });
}
else {
if (!!multipleDefault) {
var body = {};
if (defaultTempKey) {
body = {
tempName: multipleDefault,
tempKey: defaultTempKey
};
}
else {
body = {
tempName: multipleDefault,
tempKey: (0, utils_1.uuid)()
};
}
defaultAdvancedQuery(2, body, senior);
setCrudState({
defaultVisible: false,
selectTmpShow: false,
multipleDefault: '',
defaultTempKey: ''
});
}
else {
antd_1.message.warning('请输入名称');
}
}
}, [defaultTempKey, multipleDefault, defaultAdvancedQuery]);
var defaultTemplate = (0, react_1.useCallback)(function (tempKey, tempName) {
setCrudState({
multipleDefault: tempName,
defaultTempKey: tempKey
});
}, []);
var defaultDelete = (0, react_1.useCallback)(function (tempKey) {
defaultAdvancedQuery(3, tempKey);
}, [defaultAdvancedQuery]);
var defaultModify = (0, react_1.useCallback)(function (e, tempKey, tempName) {
e.stopPropagation();
setCrudState({
defaultVisible: true,
multipleDefault: tempName,
defaultTempKey: tempKey
});
}, []);
var defaultClose = (0, react_1.useCallback)(function () {
setCrudState({ defaultVisible: false, multipleDefault: '' });
}, []);
var renderModalHeader = function () {
var env = props.env, translate = props.translate;
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: 'title' }, translate('CRUD.advancedFilter') + (advancedTitle ? " - ".concat(advancedTitle) : '')),
react_1.default.createElement("div", { className: 'template' },
react_1.default.createElement("div", { className: 'template-left' },
react_1.default.createElement(icons_2.QuestionCircleOutlined, { title: "\u4FDD\u5B58\uFF1A\u66F4\u65B0\u5F53\u524D\u9009\u4E2D\u7684\u6A21\u677F\u4FE1\u606F\n\u53E6\u5B58\u4E3A\uFF1A\u57FA\u4E8E\u73B0\u6709\u9009\u9879\u521B\u5EFA\u4E00\u4E2A\u65B0\u6A21\u677F\n\u5220\u9664\uFF1A\u5220\u9664\u5F53\u524D\u9009\u62E9\u7684\u6A21\u677F\n\u6E05\u9664\uFF1A\u6E05\u7A7A\u5F53\u524D\u6A21\u677F\u6761\u4EF6\u6846\u5185\u6570\u636E" }),
react_1.default.createElement("span", { className: 'tip' }, "\u5F53\u524D\u67E5\u8BE2\u6A21\u677F"),
react_1.default.createElement(antd_1.Select, { className: 'select', bordered: false, style: { width: 155 }, listHeight: 200, getPopupContainer: env.getModalContainer, defaultActiveFirstOption: true, suffixIcon: defaultList.length > 0 ? react_1.default.createElement(icons_1.Icon, { symbol: true, icon: '#icon-tooltool_down', className: "icon" }) : null, open: defaultList.length === 0 ? false : undefined, value: defaultTempValue, onChange: function (value) {
setCrudState({ defaultTempValue: value });
var item = defaultList.find(function (item) { return item.tempKey == value; });
if (item) {
defaultAdvancedQuery(2, { tempName: item.tempName, tempKey: item.tempKey });
}
else {
advanceFilterForm === null || advanceFilterForm === void 0 ? void 0 : advanceFilterForm.resetDefaultQuery();
}
} }, defaultList.concat({ tempKey: 'defaultQuery', tempName: '默认查询' }).map(function (item) { return (react_1.default.createElement(antd_1.Select.Option, { value: item.tempKey, key: item.tempKey }, item.tempName)); }))),
react_1.default.createElement("div", { className: 'template-right' },
react_1.default.createElement(components_1.Button, { size: 'sm', onClick: function () {
var _a;
var columnInfo = (_a = defaultList.find(function (item) { return item.tempKey == defaultTempValue; })) === null || _a === void 0 ? void 0 : _a.columnInfo;
advanceFilterForm === null || advanceFilterForm === void 0 ? void 0 : advanceFilterForm.clearAdvancedFilter(columnInfo);
} }, "\u91CD\u7F6E"),
react_1.default.createElement(components_1.Button, { size: 'sm', onClick: function () { advanceFilterForm === null || advanceFilterForm === void 0 ? void 0 : advanceFilterForm.clearDefaultQuery(); } }, "\u6E05\u7A7A"),
react_1.default.createElement(components_1.Button, { disabled: defaultTempValue === 'defaultQuery', size: 'sm', onClick: function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
var res;
return tslib_1.__generator(this, function (_a) {
switch (_a.label) {
case 0: return [4 /*yield*/, env.confirm('确认删除吗', '提示')];
case 1:
res = _a.sent();
if (res) {
defaultDelete(defaultList[0].tempKey);
}
return [2 /*return*/];
}
});
}); } }, "\u5220\u9664"),
react_1.default.createElement(components_1.Button, { size: 'sm', onClick: function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
var value;
return tslib_1.__generator(this, function (_a) {
switch (_a.label) {
case 0: return [4 /*yield*/, env.prompt('')];
case 1:
value = _a.sent();
if (value) {
defaultAdvancedQuery(2, { tempName: value.text, tempKey: (0, utils_1.uuid)() });
}
return [2 /*return*/];
}
});
}); } }, "\u53E6\u5B58\u4E3A"),
react_1.default.createElement(components_1.Button, { size: 'sm', level: "primary", disabled: defaultTempValue === 'defaultQuery', onClick: function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
var item;
return tslib_1.__generator(this, function (_a) {
item = defaultList.find(function (item) { return item.tempKey == defaultTempValue; });
if (item) {
defaultAdvancedQuery(2, { tempKey: item.tempKey, tempName: item.tempName }, true);
}
return [2 /*return*/];
});
}); } }, "\u4FDD\u5B58")))));
};
// 渲染方法
var renderModalFooter = function () {
return react_1.default.createElement(AdvancedModalFooter, tslib_1.__assign({}, tslib_1.__assign(tslib_1.__assign({}, FilterModalProps), {
defaultDelete: defaultDelete,
defaultModify: defaultModify,
defaultTemplate: defaultTemplate,
defaultOnOk: defaultOnOk,
handleAdvanceSearch: handleAdvanceSearch
})));
};
var renderModalBody = function () {
return react_1.default.createElement(AdvancedBody, tslib_1.__assign({}, tslib_1.__assign(tslib_1.__assign({}, FilterModalProps), {
advancedMode: advancedMode,
hideAdvancedFilter: hideAdvancedFilter,
handleAdvanceSearch: handleAdvanceSearch
})));
};
var RenderPCFilterModal = function () {
if ((0, helper_1.isMobile)()) {
return react_1.default.createElement(antdComponentsProxy_1.Drawer, { visible: advancedFilterVisible, placement: "bottom", height: "100%", zIndex: isPick ? 1012 : 1011, forceRender: true, className: "".concat(advancedFilter ? 'drawer-advanced' : "row-edit-drawer"), closable: false, getContainer: env.getTopModalContainer, footer: advancedFilter ?
advancedFilterAction ?
renderModalFooter() :
react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("span", { style: { display: 'inline-block', marginRight: 10 } },
react_1.default.createElement(components_1.Button, { onClick: function (e) {
advanceFilterForm === null || advanceFilterForm === void 0 ? void 0 : advanceFilterForm.resetIsModleFilter(e);
} }, translate('reset'))),
react_1.default.createElement(components_1.Button, { level: "primary", onClick: function () { handleAdvanceSearch(); } }, translate('confirm'))) :
react_1.default.createElement(antd_1.Button, { onClick: function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
var _a;
return tslib_1.__generator(this, function (_b) {
switch (_b.label) {
case 0:
_b.trys.push([0, 2, , 3]);
// 将关闭Drawer逻辑放在查询逻辑之后
return [4 /*yield*/, handleFilterSubmit(filterForm.props.data)];
case 1:
// 将关闭Drawer逻辑放在查询逻辑之后
_b.sent();
hideAdvancedFilter();
return [3 /*break*/, 3];
case 2:
_a = _b.sent();
return [3 /*break*/, 3];
case 3: return [2 /*return*/];
}
});
}); }, type: 'primary' }, translate('search')), bodyStyle: { padding: 0 }, footerStyle: { background: 'var(--saas-main-bg)' } }, advancedFilter ?
renderModalBody() :
react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: 'edit-row-header Modle_edit-row-header' },
react_1.default.createElement("span", { className: 'close-edit', onClick: hideAdvancedFilter },
react_1.default.createElement(icons_1.Icon, { icon: 'title-left', className: "icon", style: { width: '16px', height: '16px' } })),
react_1.default.createElement("div", { className: 'close-title' }, "\u641C\u7D22"),
react_1.default.createElement("span", { className: 'close-edit' })),
render('filter', tslib_1.__assign(tslib_1.__assign({ type: 'form' }, filter), { title: '', api: null }), {
className: 'Form-advanced is-mobile',
data: store.filterData,
onReset: handleFilterReset,
onSubmit: handleFilterSubmit,
formStore: null,
getFilterForm: getFilterForm,
handleFilterAdvanced: handleFilterAdvanced,
advancedFilter: advancedFilter,
advancedFilterApi: advancedFilterApi,
filtercont: filtercont,
filtertpl: filtertpl,
filterMap: tableStore === null || tableStore === void 0 ? void 0 : tableStore.filterColumns,
handleFilterOptions: handleFilterOptions,
handledelVisible: handledelVisible,
handleReset: handleReset
})));
}
else {
return react_1.default.createElement(antd_1.Modal, { zIndex: 9, title: renderModalHeader(), width: 1000, className: 'Modal-advanced common-modal-component', bodyStyle: { overflowY: 'auto' }, maskClosable: false, visible: advancedFilterVisible, onCancel: hideAdvancedFilter, getContainer: env.getTopModalContainer, footer: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("span", { style: { display: 'inline-block', marginRight: 10 } },
react_1.default.createElement(components_1.Button, { size: 'sm', onClick: function () { setCrudState({ advancedFilterVisible: false }); } }, translate('cancel'))),
react_1.default.createElement(components_1.Button, { size: 'sm', level: "primary", onClick: handleAdvanceSearch }, translate('confirm')))) }, renderModalBody());
}
};
return react_1.default.createElement(react_1.default.Fragment, null,
RenderPCFilterModal(),
react_1.default.createElement(DefaultListPopup_1.default, { onCancel: function () { return setCrudState({ defaultVisible: false }); }, defaultVisible: defaultVisible, defaultList: defaultList, defaultOnOk: defaultOnOk, defaultClose: defaultClose, defaultDelete: defaultDelete, multipleDefault: multipleDefault, onChange: function (tempName) { return setCrudState({ multipleDefault: tempName }); }, props: props, defaultModify: defaultModify, selectTmpShow: selectTmpShow, onDrawerCancel: function () { return setCrudState({ selectTmpShow: false }); }, defaultAdvancedQuery: defaultAdvancedQuery }));
};
exports.default = FilterModal;
//# sourceMappingURL=./renderers/CRUD/components/Modals/FilterModal.js.map