aldehyde 0.2.20 → 0.2.21

package/lib/table/act-table.js

@@ -1,533 +1,530 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React from 'react';
-import { Button, Card, Checkbox, Col, Collapse, Divider, Popconfirm, Popover, Row, Space, Table, Tooltip } from 'antd';
-import { AlignCenterOutlined, AlignLeftOutlined, CopyOutlined, DeleteOutlined, DownloadOutlined, EditOutlined, EyeInvisibleOutlined, EyeOutlined, FormOutlined, FundOutlined, LineChartOutlined, MenuOutlined, PlusCircleOutlined, PlusOutlined, ReloadOutlined, RetweetOutlined, SearchOutlined, TableOutlined, UploadOutlined } from '@ant-design/icons';
-import "./index.css";
-import TableUnits from "./table-util";
-import SupportInputTypes from '../tmpl/control-type-supportor';
-import HcserviceV3 from "../tmpl/hcservice-v3";
-import QueryTable from './query-table';
-import CriteriaForm from "./../form/criteria-form";
-import ViewControl from "../controls/view-control";
-import Units from "../units";
-import ColumnSelector from './column/column-selector';
-import ExportFrame from '../exportor/export-frame';
-import { SortableHandle } from 'react-sortable-hoc';
-import L2ActTable from "./l2-act-table";
-//import StatViewL2Chart from '../chart/statview-l2-chart'
-import Action from '../controls/action';
-import Restat from "./stat/restat";
-import ActionUtils from '../controls/action/utils';
-import CquickButton from "../controls/cquery/cquick-button";
-import CollapseCard from "../controls/collapse-card";
-const DragHandle = SortableHandle(() => React.createElement(MenuOutlined, { style: { cursor: 'grab', color: '#999' } }));
-const { Panel } = Collapse;
-const defaultDisabledColIds = ['20000', '10000'];
-;
-;
-class ActTable extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            tableColumns: undefined,
-            sortedColConfigs: undefined,
-            queryKey: undefined,
-            loading: true,
-            criteriaData: undefined,
-            disableCols: undefined,
-            hiddenColIds: defaultDisabledColIds,
-            selectedRows: [],
-            selectedDatas: [],
-            hiddenRowCodes: [],
-            viewModels: [],
-            drillingColIds: undefined,
-            disabledColIds: undefined,
-            showL2ActTable: false,
-            showL2Chart: false,
-        };
-        this.loadData = (hiddenColIds, hiddenRowCodes, sortedColConfigs) => __awaiter(this, void 0, void 0, function* () {
-            const { sourceId, criteriaData, ltmplConfig, mainCode, level } = this.props;
-            if (!ltmplConfig) {
-                return;
-            }
-            // console.log('acttable location criteriaData:', criteriaData);
-            // console.log('acttable ltmplConfig:', ltmplConfig);
-            this.setState({
-                loading: true,
-            });
-            let disabledColIds = [];
-            let hiddenColIds_ = [...hiddenColIds];
-            if (criteriaData && criteriaData['drillingColIds']) {
-                let dColIds = [...criteriaData['drillingColIds']];
-                ltmplConfig.columns.forEach((item) => {
-                    if (item.statColType == 'dimension' && !dColIds.includes(item.id) && !hiddenColIds_.includes(item.id)) {
-                        hiddenColIds_.push(item.id);
-                        disabledColIds.push(item.id);
-                    }
-                    if (item.statColType == 'dimension' && !dColIds.includes(item.id) && !disabledColIds.includes(item.id)) {
-                        disabledColIds.push(item.id);
-                    }
-                });
-                hiddenColIds_ = hiddenColIds_.filter((id) => {
-                    return !dColIds.includes(id);
-                });
-            }
-            /** 构建column **/
-            let tableColumns = this.buildTableColumns(ltmplConfig, hiddenColIds_, hiddenRowCodes, sortedColConfigs);
-            const { defaultPageSize, buttons } = ltmplConfig;
-            let pageInfo = {
-                pageNo: 1,
-                pageSize: defaultPageSize ? defaultPageSize : 10,
-                virtualEndPageNo: undefined,
-            };
-            /** 构建 dataSource **/
-            //构建过滤条件
-            let queryKey;
-            if (level && level == 'l2') {
-                queryKey = yield HcserviceV3.requestL2LtmplQueryKey(sourceId, Object.assign(Object.assign(Object.assign({}, criteriaData), pageInfo), { mainCode }));
-            }
-            else {
-                queryKey = yield HcserviceV3.requestLtmplQueryKey(sourceId, Object.assign(Object.assign(Object.assign({}, criteriaData), pageInfo), { mainCode }));
-            }
-            this.setState({
-                disabledColIds,
-                hiddenColIds: hiddenColIds_,
-                hiddenRowCodes,
-                sortedColConfigs,
-                tableColumns,
-                queryKey,
-                criteriaData,
-                loading: false,
-                showL2Chart: false,
-                selectedRows: [],
-                selectedDatas: [],
-                viewModels: (this.state.viewModels.length > 0 ? this.state.viewModels : ['table']),
-            });
-        });
-        this.buildTableColumns = (ltmplConfig, hiddenColIds, hiddenRowCodes, sortedColConfigs) => {
-            const { mainCode, showView, doEdit, menuId, doRAction, doDelete } = this.props;
-            const { buttons } = ltmplConfig;
-            let tableColumns = [];
-            let s = 0;
-            let colConfigs = sortedColConfigs ? sortedColConfigs : ltmplConfig.columns;
-            colConfigs.forEach((item) => {
-                let column = {};
-                if (!hiddenColIds || !hiddenColIds.includes(item.id)) {
-                    tableColumns.push(column);
-                }
-                column['title'] = item.title;
-                column['dataIndex'] = item.id;
-                // column['ellipsis']= true;
-                s++;
-                let itemType = SupportInputTypes.getSupportControlType(item);
-                if (s < 10 && item.title != '操作' && item.title != '序号') {
-                    if (hiddenColIds.includes('10000')) {
-                        TableUnits.sort(column, itemType);
-                    }
-                }
-                //特殊列处理
-                //序号
-                if (item.title === "序号") {
-                    //item.fixed='left';
-                    column['render'] = (text, record, index) => (React.createElement("label", null, index + 1));
-                    item['sorter'] = undefined;
-                }
-                else if (item.id == '10000') {
-                    column['title'] = React.createElement(Tooltip, { title: '拖拽排序' }, item.title);
-                    column['width'] = 30;
-                    column['dataIndex'] = item.id;
-                    column['className'] = 'drag-visible';
-                    column['render'] = () => React.createElement(DragHandle, null);
-                }
-                else if (item.id == '20000') { //隐藏
-                    column['align'] = 'center';
-                    column['width'] = 14;
-                    column['title'] = React.createElement(React.Fragment, null, hiddenRowCodes.length > 0 ?
-                        React.createElement(Tooltip, { title: '取消隐藏' },
-                            React.createElement(Button, { style: { marginRight: '0px' }, size: "small", shape: 'circle', icon: React.createElement(EyeOutlined, null), type: 'text', onClick: () => this.unHiden() })) : '');
-                    column['render'] = (text, record) => (React.createElement(Tooltip, { title: '隐藏' },
-                        " ",
-                        React.createElement(Button, { style: { marginRight: '0px' }, icon: React.createElement(EyeInvisibleOutlined, null), type: "dashed", size: "small", onClick: () => this.onHide(record.code) })));
-                }
-                else if (item.title === "操作") {
-                    column['fixed'] = 'right';
-                    column['align'] = 'center';
-                    column['className'] = 'opsColumn';
-                    column['title'] = React.createElement(React.Fragment, null, "\u64CD \u4F5C");
-                    column['render'] = (text, record) => (React.createElement(Space, { size: [0, 4], wrap: true },
-                        buttons.includes('detail') && showView ?
-                            React.createElement(Button, { size: "small", type: "primary", icon: React.createElement(AlignLeftOutlined, null), onClick: () => showView(record.code) })
-                            : "",
-                        buttons.includes('customDetail') && showView ?
-                            React.createElement(Button, { size: "small", type: "primary", icon: React.createElement(AlignCenterOutlined, null), onClick: () => showView(record.code, true) })
-                            : "",
-                        buttons.includes('dtmplEdit') && doEdit
-                            && (!ltmplConfig.editAction || ActionUtils.isShow(ltmplConfig.editAction, [record], undefined)) ?
-                            React.createElement(Button, { size: "small", type: "dashed", icon: React.createElement(EditOutlined, null), onClick: () => doEdit(record.code, 'update') }) : "",
-                        buttons.includes('dtmplCustomEdit') && doEdit
-                            && (!ltmplConfig.editAction || ActionUtils.isShow(ltmplConfig.editAction, [record], undefined)) ?
-                            React.createElement(Button, { size: "small", type: "dashed", icon: React.createElement(FormOutlined, null), onClick: () => doEdit(record.code, 'update', true) }) : "",
-                        buttons.includes('copy') && doEdit
-                            ?
-                                React.createElement(Tooltip, { title: '复制' },
-                                    React.createElement(Button, { size: "small", type: "dashed", icon: React.createElement(CopyOutlined, null), onClick: () => doEdit(record.code, 'copy') })) : "",
-                        ltmplConfig.ractions ? ltmplConfig.ractions.map((raction) => {
-                            return React.createElement(Button, { key: raction.id, size: "small", type: "dashed", onClick: () => doRAction(raction.id, record.code) }, raction.title);
-                        }) : "",
-                        ltmplConfig.rowActions && ltmplConfig.rowActions.length > 0 ?
-                            ltmplConfig.rowActions.map((action) => {
-                                return React.createElement(Action, { iconType: 'icon', key: action.id, data: [record], actionConfig: action, doAction: this.doRowAction, buttonSize: 'small', serial: 1 });
-                            }) : "",
-                        ltmplConfig.jumps && ltmplConfig.jumps.length > 0 ?
-                            ltmplConfig.jumps.map((jump) => {
-                                return React.createElement(Button, { key: jump.id, size: "small", type: "dashed", onClick: () => this.doRowJump(jump.id, record.code) }, jump.title);
-                            }) : "",
-                        ltmplConfig.rowCQuerys && ltmplConfig.rowCQuerys.length > 0 ?
-                            ltmplConfig.rowCQuerys.map((cquery) => {
-                                // console.log("record record", record);
-                                return React.createElement(CquickButton, { key: cquery.id, size: "small", pageType: 'drawer', 
-                                    // onClick={() => doCQuery(cquery.id)}
-                                    cQueryConfig: cquery, mainCode: cquery.mainCodeColId ? record[cquery.mainCodeColId] : record.code });
-                            }) : "",
-                        buttons.includes('singleDelete') && (!ltmplConfig.deleteAction || ActionUtils.isShow(ltmplConfig.deleteAction, [record], undefined)) ?
-                            React.createElement(Popconfirm, { placement: "rightBottom", title: '确定要【删除】此数据吗？', onConfirm: () => {
-                                    this.doDeleteByCode(record.code);
-                                }, okText: "\u786E\u5B9A", cancelText: "\u53D6\u6D88", okType: "danger" },
-                                React.createElement(Button, { size: "small", type: "dashed", danger: true },
-                                    React.createElement(DeleteOutlined, null)))
-                            : ""));
-                }
-                else {
-                    column['className'] = 'opsColumn';
-                    column['render'] = (text, record) => {
-                        return React.createElement(ViewControl, { fieldConfig: item, value: record[item.id], holderType: 'table' });
-                    };
-                }
-            });
-            return tableColumns;
-        };
-        this.handleShowChart = () => {
-            this.setState({
-                showL2Chart: !this.state.showL2Chart
-            });
-        };
-        this.handleDataAnalysis = () => {
-            this.setState({
-                showL2ActTable: !this.state.showL2ActTable,
-            });
-        };
-        this.unHiden = () => {
-            const { ltmplConfig, } = this.props;
-            const { hiddenColIds, sortedColConfigs } = this.state;
-            this.setState({
-                hiddenRowCodes: [],
-                tableColumns: this.buildTableColumns(ltmplConfig, hiddenColIds, [], sortedColConfigs),
-            });
-        };
-        this.onHide = (code) => {
-            const { ltmplConfig, } = this.props;
-            const { hiddenRowCodes, hiddenColIds, sortedColConfigs } = this.state;
-            let hiddenCodes = [...hiddenRowCodes, code];
-            this.setState({
-                hiddenRowCodes: hiddenCodes,
-                tableColumns: this.buildTableColumns(ltmplConfig, hiddenColIds, hiddenCodes, sortedColConfigs),
-            });
-        };
-        this.changeViewModel = (viewModels) => {
-            this.setState({
-                viewModels
-            });
-        };
-        this.changeHiddenColumns = (hiddenColIds) => {
-            const { ltmplConfig } = this.props;
-            const { hiddenRowCodes, sortedColConfigs } = this.state;
-            this.setState({
-                showL2Chart: false,
-                hiddenColIds,
-                tableColumns: this.buildTableColumns(ltmplConfig, hiddenColIds, hiddenRowCodes, sortedColConfigs),
-            });
-        };
-        this.doSelectedAction = (actionId, codes, params) => __awaiter(this, void 0, void 0, function* () {
-            const { selectedRows } = this.state;
-            this.doAction(actionId, selectedRows, params);
-        });
-        this.doAction = (actionId, selectedRows, params) => __awaiter(this, void 0, void 0, function* () {
-            const { sourceId } = this.props;
-            const { hiddenColIds, hiddenRowCodes, sortedColConfigs } = this.state;
-            this.setState({
-                loading: true,
-            });
-            let result = yield HcserviceV3.postActions(actionId, selectedRows, params);
-            if (result) { //重新加载数据
-                this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
-            }
-            else {
-                this.setState({
-                    loading: false,
-                });
-            }
-        });
-        this.doRowAction = (actionId, codes, params) => __awaiter(this, void 0, void 0, function* () {
-            this.doAction(actionId, [{ title: undefined, code: codes[0] }], params);
-        });
-        this.doDelete = () => __awaiter(this, void 0, void 0, function* () {
-            const { sourceId } = this.props;
-            const { selectedRows, hiddenColIds, hiddenRowCodes, sortedColConfigs } = this.state;
-            this.setState({
-                loading: true,
-            });
-            let result = yield HcserviceV3.deleteData(sourceId, selectedRows);
-            if (result) { //重新加载数据
-                this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
-            }
-            else {
-                this.setState({
-                    loading: false,
-                });
-            }
-        });
-        this.doDeleteByCode = (code) => __awaiter(this, void 0, void 0, function* () {
-            const { sourceId } = this.props;
-            const { hiddenColIds, hiddenRowCodes, sortedColConfigs } = this.state;
-            this.setState({
-                loading: true,
-            });
-            let result = yield HcserviceV3.deleteByCode(sourceId, [code]);
-            if (result) { //重新加载数据
-                this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
-            }
-            else {
-                this.setState({
-                    loading: false,
-                });
-            }
-        });
-        this.doSelectedCQuery = (cqueryId) => __awaiter(this, void 0, void 0, function* () {
-        });
-        this.doJump = (jumpId, code) => __awaiter(this, void 0, void 0, function* () {
-            // const { sourceId} = this.props;
-            // const {hiddenColIds, hiddenRowCodes, sortedColConfigs} = this.state;
-            let result = yield HcserviceV3.postJumps(jumpId, code);
-            if (result.status === "success") {
-                let hydrocarbonToken = Units.hydrocarbonToken();
-                let url = result.url + "hydrocarbon_token=" + Units.hydrocarbonToken();
-                // console.log(url);
-                window.open(url);
-            }
-        });
-        this.doRowJump = (jumpId, code) => __awaiter(this, void 0, void 0, function* () {
-            this.doJump(jumpId, code);
-        });
-        this.doSelectedJump = (jumpId) => __awaiter(this, void 0, void 0, function* () {
-            const { selectedRows } = this.state;
-            if (selectedRows.length == 1) {
-                this.doJump(jumpId, selectedRows[0].code);
-            }
-        });
-        this.changeRowSelection = (selectedRows, selectedDatas) => {
-            this.setState({
-                selectedRows,
-                selectedDatas,
-            });
-        };
-        this.onChangeColSort = (sortedColConfigs) => {
-            const { ltmplConfig } = this.props;
-            const { hiddenRowCodes, hiddenColIds } = this.state;
-            this.setState({
-                sortedColConfigs,
-                tableColumns: this.buildTableColumns(ltmplConfig, hiddenColIds, hiddenRowCodes, sortedColConfigs),
-            });
-        };
-        this.renderHeaderButtons = () => {
-            let { hiddenColIds, queryKey, viewModels, sortedColConfigs, disabledColIds, showL2Chart, showL2ActTable } = this.state;
-            const { ltmplConfig, sourceId, doCreate, doSearch, menuId, funcMode } = this.props;
-            let { buttons } = ltmplConfig;
-            return React.createElement(React.Fragment, null,
-                funcMode == "common" && this.criteriaFormUseful() ?
-                    React.createElement(Popover, { trigger: "click", content: this.renderCriteriaForm() },
-                        React.createElement(Button, null,
-                            React.createElement(SearchOutlined, null)))
-                    : null,
-                buttons.includes("dtmplAdd") && doCreate ?
-                    React.createElement(Tooltip, { title: '创建' },
-                        React.createElement(Button, { onClick: () => doCreate() },
-                            React.createElement(PlusOutlined, null)),
-                        " ") : '',
-                buttons.includes("dtmplCustomAdd") && doCreate ?
-                    React.createElement(Tooltip, { title: '创建' },
-                        React.createElement(Button, { onClick: () => doCreate(true) },
-                            React.createElement(PlusCircleOutlined, null)),
-                        " ") : '',
-                buttons.includes("importLtmplExcel") ? React.createElement(Tooltip, { title: '导入' },
-                    " ",
-                    React.createElement(Button, { href: `#/${sourceId}/importer?menuId=${menuId}`, target: '_blank' },
-                        React.createElement(UploadOutlined, null))) : '',
-                React.createElement(Popover, { content: React.createElement(ExportFrame //导出组件
-                    , { queryKey: queryKey, title: ltmplConfig.title }), title: "导出", placement: "bottomRight", trigger: "click" },
-                    React.createElement(Tooltip, { title: '导出' },
-                        React.createElement(Button, { style: {
-                                display: buttons.includes("exportLtmplExcel") ? "inline" : "none",
-                                marginLeft: '5px'
-                            } },
-                            React.createElement(DownloadOutlined, null)))),
-                buttons.includes("showChart") ? React.createElement(Tooltip, { title: showL2Chart ? '隐藏图表' : '展示图表' },
-                    React.createElement(Button, { onClick: this.handleShowChart },
-                        React.createElement(LineChartOutlined, null))) : "",
-                buttons.includes("analysis") ? React.createElement(Tooltip, { title: showL2ActTable ? '隐藏数据分析' : '展示数据分析' },
-                    React.createElement(Button, { onClick: this.handleDataAnalysis },
-                        React.createElement(FundOutlined, null))) : "",
-                buttons.includes("reStat") ? React.createElement(Restat, { fields: ltmplConfig.reStatParams, sourceId: sourceId, onfinish: () => doSearch(null) }) : "",
-                React.createElement(Popover, { content: React.createElement(Checkbox.Group, { value: viewModels, onChange: this.changeViewModel },
-                        React.createElement(Row, { style: { width: '120px' } },
-                            React.createElement(Col, { span: 24 },
-                                React.createElement(Checkbox, { value: 'table' }, "\u8868\u683C")),
-                            React.createElement(Col, { span: 24 },
-                                React.createElement(Checkbox, { value: 'verticalList' }, "\u7EB5\u5411\u5217\u8868")))), title: "\u89C6\u56FE", placement: "bottomRight", trigger: "click" },
-                    React.createElement(Tooltip, { title: '选择视图' },
-                        React.createElement(Button, null,
-                            React.createElement(RetweetOutlined, null)))),
-                React.createElement(Popover, { content: React.createElement(ColumnSelector, { columns: sortedColConfigs, disabledColIds: disabledColIds, hiddenColIds: hiddenColIds, onChangeColSort: this.onChangeColSort, onChangeHiddenCols: this.changeHiddenColumns }), title: '排序和选择列', placement: "bottomRight", trigger: "click" },
-                    React.createElement(Tooltip, { title: '点击排序和选择列' },
-                        React.createElement(Button, null,
-                            React.createElement(TableOutlined, null)))),
-                doSearch ?
-                    React.createElement(Button, { className: "hoverbig", title: "\u5237\u65B0", onClick: () => {
-                            doSearch(null);
-                        } },
-                        React.createElement(ReloadOutlined, null)) : "");
-        };
-        this.criteriaFormUseful = () => {
-            const { ltmplConfig } = this.props;
-            let { buttons, criterias, jumps, actions } = ltmplConfig;
-            if ((buttons.includes('query') && ((criterias && criterias.length > 0) || buttons.includes('drilling'))) ||
-                this.checkBoxUseful()) {
-                return true;
-            }
-            else {
-                return false;
-            }
-        };
-        this.checkBoxUseful = () => {
-            const { ltmplConfig } = this.props;
-            let { buttons, jumps, actions } = ltmplConfig;
-            if (buttons.includes('batchDelete') ||
-                (actions && actions.length > 0) || (jumps && jumps.length > 0)) {
-                return true;
-            }
-            else {
-                return false;
-            }
-        };
-        this.renderCriteriaForm = () => {
-            let { criteriaData, loading, selectedRows, selectedDatas } = this.state;
-            let { ltmplConfig, doSearch } = this.props;
-            return React.createElement(CriteriaForm, { loading: loading, selectedDatas: selectedDatas, selectedRows: selectedRows, ltmplConfig: ltmplConfig, data: criteriaData, doCQuery: this.doSelectedCQuery, doAction: this.doSelectedAction, doDelete: this.doDelete, doJump: this.doSelectedJump, doSearch: doSearch });
-        };
-    }
-    componentDidMount() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { ltmplConfig } = this.props;
-            let sortedColConfigs = undefined;
-            if (ltmplConfig) {
-                sortedColConfigs = [{ id: '10000', title: '排序' }, ...ltmplConfig.columns, { id: '20000', title: '隐藏' }];
-            }
-            this.loadData(defaultDisabledColIds, [], sortedColConfigs);
-        });
-    }
-    componentDidUpdate(prevProps) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { sourceId, criteriaData, ltmplConfig } = this.props;
-            let { ltmplConfig: preLtmplConfig, criteriaData: preCriteriaData } = prevProps;
-            let { hiddenColIds, sortedColConfigs } = this.state;
-            // console.log("UnitscriteriaData)", Units.transQueryParamsToStr(criteriaData));
-            // console.log("preCriteriaData)", Units.transQueryParamsToStr(preCriteriaData));
-            // console.log("preCriteriaData) bool", Units.transQueryParamsToStr(preCriteriaData) == Units.transQueryParamsToStr(criteriaData));
-            if (ltmplConfig && (!preLtmplConfig || ltmplConfig.id != preLtmplConfig.id) || (Units.transQueryParamsToStr(criteriaData) != Units.transQueryParamsToStr(preCriteriaData))) {
-                if (ltmplConfig.id == preLtmplConfig.id) {
-                    this.loadData(hiddenColIds, [], sortedColConfigs);
-                }
-                else {
-                    let sColConfigs = undefined;
-                    if (ltmplConfig) {
-                        sColConfigs = [{ id: '10000', title: '排序' }, ...ltmplConfig.columns, { id: '20000', title: '隐藏' }];
-                    }
-                    this.setState({
-                        viewModels: ['table'],
-                    });
-                    this.loadData(defaultDisabledColIds, [], sColConfigs);
-                }
-            }
-        });
-    }
-    renderContent() {
-        let { queryKey, tableColumns, criteriaData, loading, selectedRows, selectedDatas, hiddenRowCodes, viewModels, sortedColConfigs, hiddenColIds, showL2ActTable, showL2Chart } = this.state;
-        let { sourceId, ltmplConfig, doSearch, funcMode, title, collapsible } = this.props;
-        if (!ltmplConfig || !sourceId) {
-            return React.createElement(React.Fragment, null,
-                React.createElement(Card, { loading: loading }),
-                React.createElement(Table, { loading: loading }));
-        }
-        let { buttons, criterias, jumps, actions } = ltmplConfig;
-        let displayCriteriaCard = false;
-        if (funcMode == 'simple' || funcMode == 'common') {
-            displayCriteriaCard = false;
-        }
-        else if (this.criteriaFormUseful()) {
-            displayCriteriaCard = true;
-        }
-        let columnConfigs = [];
-        if (sortedColConfigs) {
-            for (let colConfig of sortedColConfigs) {
-                if (!hiddenColIds.includes(colConfig.id)) {
-                    columnConfigs.push(colConfig);
-                }
-            }
-        }
-        return (React.createElement(React.Fragment, null,
-            buttons.includes("analysis") && showL2ActTable ? React.createElement("div", null,
-                React.createElement(L2ActTable, { innerQueryKey: queryKey.key, sourceId: sourceId }),
-                React.createElement(Divider, { dashed: true, style: { borderTopColor: "#40a9ff", }, plain: true })) : "",
-            React.createElement("div", { className: "actTable" },
-                funcMode == 'complete' || funcMode == 'common' ?
-                    collapsible ? null :
-                        React.createElement("h3", null,
-                            title ? title : ltmplConfig.title,
-                            React.createElement("p", { className: "fr" }, this.renderHeaderButtons())) : null,
-                displayCriteriaCard ?
-                    this.renderCriteriaForm() : null,
-                loading ? "" :
-                    React.createElement(QueryTable, { viewModels: viewModels, columnConfigs: columnConfigs, maxSelectedRows: this.checkBoxUseful() ? 10000 : -1, selectedRows: selectedRows, columns: tableColumns, hiddenRowCodes: hiddenRowCodes, defaultPageSize: ltmplConfig.defaultPageSize, queryKey: queryKey, onChangeRowSelection: this.changeRowSelection }))));
-    }
-    render() {
-        let { queryKey, tableColumns, criteriaData, loading, selectedRows, selectedDatas, hiddenRowCodes, viewModels, sortedColConfigs, hiddenColIds, showL2ActTable, showL2Chart } = this.state;
-        let { sourceId, ltmplConfig, doSearch, funcMode, title, collapsible, initCollapse } = this.props;
-        if (!ltmplConfig || !sourceId) {
-            return React.createElement(React.Fragment, null,
-                React.createElement(Card, { loading: loading }),
-                React.createElement(Table, { loading: loading }));
-        }
-        return React.createElement(React.Fragment, null,
-            " ",
-            collapsible ?
-                React.createElement(CollapseCard, { initCollapse: initCollapse, title: title ? title : ltmplConfig.title, id: queryKey + ltmplConfig.id, className: `hoverable`, headStyle: { background: "#f2f4f5" }, loading: loading, bodyStyle: { padding: '6px' }, 
-                    //暂时注释掉，后续要支持配置。
-                    extra: this.renderHeaderButtons() }, this.renderContent()) :
-                React.createElement(React.Fragment, null, this.renderContent()));
-    }
-}
-ActTable.defaultProps = {
-    criteriaData: {},
-    funcMode: 'complete',
-    collapsible: false,
-    initCollapse: false,
-};
-export default ActTable;
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { Button, Card, Checkbox, Col, Collapse, Divider, Popconfirm, Popover, Row, Space, Table, Tooltip } from 'antd';
+import { AlignCenterOutlined, AlignLeftOutlined, CopyOutlined, DeleteOutlined, DownloadOutlined, EditOutlined, EyeInvisibleOutlined, EyeOutlined, FormOutlined, FundOutlined, LineChartOutlined, MenuOutlined, PlusCircleOutlined, PlusOutlined, ReloadOutlined, RetweetOutlined, SearchOutlined, TableOutlined, UploadOutlined } from '@ant-design/icons';
+import "./index.css";
+import TableUnits from "./table-util";
+import SupportInputTypes from '../tmpl/control-type-supportor';
+import HcserviceV3 from "../tmpl/hcservice-v3";
+import QueryTable from './query-table';
+import CriteriaForm from "./../form/criteria-form";
+import ViewControl from "../controls/view-control";
+import Units from "../units";
+import ColumnSelector from './column/column-selector';
+import ExportFrame from '../exportor/export-frame';
+import { SortableHandle } from 'react-sortable-hoc';
+import L2ActTable from "./l2-act-table";
+//import StatViewL2Chart from '../chart/statview-l2-chart'
+import Action from '../controls/action';
+import Restat from "./stat/restat";
+import ActionUtils from '../controls/action/utils';
+import CquickButton from "../controls/cquery/cquick-button";
+import CollapseCard from "../controls/collapse-card";
+const DragHandle = SortableHandle(() => React.createElement(MenuOutlined, { style: { cursor: 'grab', color: '#999' } }));
+const { Panel } = Collapse;
+const defaultDisabledColIds = ['20000', '10000'];
+;
+;
+class ActTable extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            tableColumns: undefined,
+            sortedColConfigs: undefined,
+            queryKey: undefined,
+            loading: true,
+            disableCols: undefined,
+            hiddenColIds: defaultDisabledColIds,
+            selectedRows: [],
+            selectedDatas: [],
+            hiddenRowCodes: [],
+            viewModels: [],
+            drillingColIds: undefined,
+            disabledColIds: undefined,
+            showL2ActTable: false,
+            showL2Chart: false,
+        };
+        this.loadData = (hiddenColIds, hiddenRowCodes, sortedColConfigs) => __awaiter(this, void 0, void 0, function* () {
+            const { sourceId, criteriaData, ltmplConfig, mainCode, level, pageNo, pageSize } = this.props;
+            if (!ltmplConfig) {
+                return;
+            }
+            // console.log('acttable location criteriaData:', criteriaData);
+            // console.log('acttable ltmplConfig:', ltmplConfig);
+            this.setState({
+                loading: true,
+            });
+            let disabledColIds = [];
+            let hiddenColIds_ = [...hiddenColIds];
+            if (criteriaData && criteriaData['drillingColIds']) {
+                let dColIds = [...criteriaData['drillingColIds']];
+                ltmplConfig.columns.forEach((item) => {
+                    if (item.statColType == 'dimension' && !dColIds.includes(item.id) && !hiddenColIds_.includes(item.id)) {
+                        hiddenColIds_.push(item.id);
+                        disabledColIds.push(item.id);
+                    }
+                    if (item.statColType == 'dimension' && !dColIds.includes(item.id) && !disabledColIds.includes(item.id)) {
+                        disabledColIds.push(item.id);
+                    }
+                });
+                hiddenColIds_ = hiddenColIds_.filter((id) => {
+                    return !dColIds.includes(id);
+                });
+            }
+            /** 构建column **/
+            let tableColumns = this.buildTableColumns(ltmplConfig, hiddenColIds_, hiddenRowCodes, sortedColConfigs);
+            const { defaultPageSize } = ltmplConfig;
+            let pageInfo = {
+                pageNo: pageNo ? pageNo : 1,
+                pageSize: pageSize ? pageSize : defaultPageSize ? defaultPageSize : 10,
+                virtualEndPageNo: undefined,
+            };
+            /** 构建 dataSource **/
+            //构建过滤条件
+            let queryKey;
+            if (level && level == 'l2') {
+                queryKey = yield HcserviceV3.requestL2LtmplQueryKey(sourceId, Object.assign(Object.assign(Object.assign({}, criteriaData), pageInfo), { mainCode }));
+            }
+            else {
+                queryKey = yield HcserviceV3.requestLtmplQueryKey(sourceId, Object.assign(Object.assign(Object.assign({}, criteriaData), pageInfo), { mainCode }));
+            }
+            this.setState({
+                disabledColIds,
+                hiddenColIds: hiddenColIds_,
+                hiddenRowCodes,
+                sortedColConfigs,
+                tableColumns,
+                queryKey,
+                loading: false,
+                showL2Chart: false,
+                selectedRows: [],
+                selectedDatas: [],
+                viewModels: (this.state.viewModels.length > 0 ? this.state.viewModels : ['table']),
+            });
+        });
+        this.buildTableColumns = (ltmplConfig, hiddenColIds, hiddenRowCodes, sortedColConfigs) => {
+            const { showView, doEdit, doRAction } = this.props;
+            const { buttons } = ltmplConfig;
+            let tableColumns = [];
+            let s = 0;
+            let colConfigs = sortedColConfigs ? sortedColConfigs : ltmplConfig.columns;
+            colConfigs.forEach((item) => {
+                let column = {};
+                if (!hiddenColIds || !hiddenColIds.includes(item.id)) {
+                    tableColumns.push(column);
+                }
+                column['title'] = item.title;
+                column['dataIndex'] = item.id;
+                // column['ellipsis']= true;
+                s++;
+                let itemType = SupportInputTypes.getSupportControlType(item);
+                if (s < 10 && item.title != '操作' && item.title != '序号') {
+                    if (hiddenColIds.includes('10000')) {
+                        TableUnits.sort(column, itemType);
+                    }
+                }
+                //特殊列处理
+                //序号
+                if (item.title === "序号") {
+                    //item.fixed='left';
+                    column['render'] = (text, record, index) => (React.createElement("label", null, index + 1));
+                    item['sorter'] = undefined;
+                }
+                else if (item.id == '10000') {
+                    column['title'] = React.createElement(Tooltip, { title: '拖拽排序' }, item.title);
+                    column['width'] = 30;
+                    column['dataIndex'] = item.id;
+                    column['className'] = 'drag-visible';
+                    column['render'] = () => React.createElement(DragHandle, null);
+                }
+                else if (item.id == '20000') { //隐藏
+                    column['align'] = 'center';
+                    column['width'] = 14;
+                    column['title'] = React.createElement(React.Fragment, null, hiddenRowCodes.length > 0 ?
+                        React.createElement(Tooltip, { title: '取消隐藏' },
+                            React.createElement(Button, { style: { marginRight: '0px' }, size: "small", shape: 'circle', icon: React.createElement(EyeOutlined, null), type: 'text', onClick: () => this.unHiden() })) : '');
+                    column['render'] = (text, record) => (React.createElement(Tooltip, { title: '隐藏' },
+                        " ",
+                        React.createElement(Button, { style: { marginRight: '0px' }, icon: React.createElement(EyeInvisibleOutlined, null), type: "dashed", size: "small", onClick: () => this.onHide(record.code) })));
+                }
+                else if (item.title === "操作") {
+                    column['fixed'] = 'right';
+                    column['align'] = 'center';
+                    column['className'] = 'opsColumn';
+                    column['title'] = React.createElement(React.Fragment, null, "\u64CD \u4F5C");
+                    column['render'] = (text, record) => (React.createElement(Space, { size: [0, 4], wrap: true },
+                        buttons.includes('detail') && showView ?
+                            React.createElement(Button, { size: "small", type: "primary", icon: React.createElement(AlignLeftOutlined, null), onClick: () => showView(record.code) })
+                            : "",
+                        buttons.includes('customDetail') && showView ?
+                            React.createElement(Button, { size: "small", type: "primary", icon: React.createElement(AlignCenterOutlined, null), onClick: () => showView(record.code, true) })
+                            : "",
+                        buttons.includes('dtmplEdit') && doEdit
+                            && (!ltmplConfig.editAction || ActionUtils.isShow(ltmplConfig.editAction, [record], undefined)) ?
+                            React.createElement(Button, { size: "small", type: "dashed", icon: React.createElement(EditOutlined, null), onClick: () => doEdit(record.code, 'update') }) : "",
+                        buttons.includes('dtmplCustomEdit') && doEdit
+                            && (!ltmplConfig.editAction || ActionUtils.isShow(ltmplConfig.editAction, [record], undefined)) ?
+                            React.createElement(Button, { size: "small", type: "dashed", icon: React.createElement(FormOutlined, null), onClick: () => doEdit(record.code, 'update', true) }) : "",
+                        buttons.includes('copy') && doEdit
+                            ?
+                                React.createElement(Tooltip, { title: '复制' },
+                                    React.createElement(Button, { size: "small", type: "dashed", icon: React.createElement(CopyOutlined, null), onClick: () => doEdit(record.code, 'copy') })) : "",
+                        ltmplConfig.ractions ? ltmplConfig.ractions.map((raction) => {
+                            return React.createElement(Button, { key: raction.id, size: "small", type: "dashed", onClick: () => doRAction(raction.id, record.code) }, raction.title);
+                        }) : "",
+                        ltmplConfig.rowActions && ltmplConfig.rowActions.length > 0 ?
+                            ltmplConfig.rowActions.map((action) => {
+                                return React.createElement(Action, { iconType: 'icon', key: action.id, data: [record], actionConfig: action, doAction: this.doRowAction, buttonSize: 'small', serial: 1 });
+                            }) : "",
+                        ltmplConfig.jumps && ltmplConfig.jumps.length > 0 ?
+                            ltmplConfig.jumps.map((jump) => {
+                                return React.createElement(Button, { key: jump.id, size: "small", type: "dashed", onClick: () => this.doRowJump(jump.id, record.code) }, jump.title);
+                            }) : "",
+                        ltmplConfig.rowCQuerys && ltmplConfig.rowCQuerys.length > 0 ?
+                            ltmplConfig.rowCQuerys.map((cquery) => {
+                                // console.log("record record", record);
+                                return React.createElement(CquickButton, { key: cquery.id, size: "small", pageType: 'drawer', 
+                                    // onClick={() => doCQuery(cquery.id)}
+                                    cQueryConfig: cquery, mainCode: cquery.mainCodeColId ? record[cquery.mainCodeColId] : record.code });
+                            }) : "",
+                        buttons.includes('singleDelete') && (!ltmplConfig.deleteAction || ActionUtils.isShow(ltmplConfig.deleteAction, [record], undefined)) ?
+                            React.createElement(Popconfirm, { placement: "rightBottom", title: '确定要【删除】此数据吗？', onConfirm: () => {
+                                    this.doDeleteByCode(record.code);
+                                }, okText: "\u786E\u5B9A", cancelText: "\u53D6\u6D88", okType: "danger" },
+                                React.createElement(Button, { size: "small", type: "dashed", danger: true },
+                                    React.createElement(DeleteOutlined, null)))
+                            : ""));
+                }
+                else {
+                    column['className'] = 'opsColumn';
+                    column['render'] = (text, record) => {
+                        return React.createElement(ViewControl, { fieldConfig: item, value: record[item.id], holderType: 'table' });
+                    };
+                }
+            });
+            return tableColumns;
+        };
+        this.handleShowChart = () => {
+            this.setState({
+                showL2Chart: !this.state.showL2Chart
+            });
+        };
+        this.handleDataAnalysis = () => {
+            this.setState({
+                showL2ActTable: !this.state.showL2ActTable,
+            });
+        };
+        this.unHiden = () => {
+            const { ltmplConfig, } = this.props;
+            const { hiddenColIds, sortedColConfigs } = this.state;
+            this.setState({
+                hiddenRowCodes: [],
+                tableColumns: this.buildTableColumns(ltmplConfig, hiddenColIds, [], sortedColConfigs),
+            });
+        };
+        this.onHide = (code) => {
+            const { ltmplConfig, } = this.props;
+            const { hiddenRowCodes, hiddenColIds, sortedColConfigs } = this.state;
+            let hiddenCodes = [...hiddenRowCodes, code];
+            this.setState({
+                hiddenRowCodes: hiddenCodes,
+                tableColumns: this.buildTableColumns(ltmplConfig, hiddenColIds, hiddenCodes, sortedColConfigs),
+            });
+        };
+        this.changeViewModel = (viewModels) => {
+            this.setState({
+                viewModels
+            });
+        };
+        this.changeHiddenColumns = (hiddenColIds) => {
+            const { ltmplConfig } = this.props;
+            const { hiddenRowCodes, sortedColConfigs } = this.state;
+            this.setState({
+                showL2Chart: false,
+                hiddenColIds,
+                tableColumns: this.buildTableColumns(ltmplConfig, hiddenColIds, hiddenRowCodes, sortedColConfigs),
+            });
+        };
+        this.doSelectedAction = (actionId, codes, params) => __awaiter(this, void 0, void 0, function* () {
+            const { selectedRows } = this.state;
+            this.doAction(actionId, selectedRows, params);
+        });
+        this.doAction = (actionId, selectedRows, params) => __awaiter(this, void 0, void 0, function* () {
+            const { sourceId } = this.props;
+            const { hiddenColIds, hiddenRowCodes, sortedColConfigs } = this.state;
+            this.setState({
+                loading: true,
+            });
+            let result = yield HcserviceV3.postActions(actionId, selectedRows, params);
+            if (result) { //重新加载数据
+                this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
+            }
+            else {
+                this.setState({
+                    loading: false,
+                });
+            }
+        });
+        this.doRowAction = (actionId, codes, params) => __awaiter(this, void 0, void 0, function* () {
+            this.doAction(actionId, [{ title: undefined, code: codes[0] }], params);
+        });
+        this.doDelete = () => __awaiter(this, void 0, void 0, function* () {
+            const { sourceId } = this.props;
+            const { selectedRows, hiddenColIds, hiddenRowCodes, sortedColConfigs } = this.state;
+            this.setState({
+                loading: true,
+            });
+            let result = yield HcserviceV3.deleteData(sourceId, selectedRows);
+            if (result) { //重新加载数据
+                this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
+            }
+            else {
+                this.setState({
+                    loading: false,
+                });
+            }
+        });
+        this.doDeleteByCode = (code) => __awaiter(this, void 0, void 0, function* () {
+            const { sourceId } = this.props;
+            const { hiddenColIds, hiddenRowCodes, sortedColConfigs } = this.state;
+            this.setState({
+                loading: true,
+            });
+            let result = yield HcserviceV3.deleteByCode(sourceId, [code]);
+            if (result) { //重新加载数据
+                this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
+            }
+            else {
+                this.setState({
+                    loading: false,
+                });
+            }
+        });
+        this.doSelectedCQuery = (cqueryId) => __awaiter(this, void 0, void 0, function* () {
+        });
+        this.doJump = (jumpId, code) => __awaiter(this, void 0, void 0, function* () {
+            // const { sourceId} = this.props;
+            // const {hiddenColIds, hiddenRowCodes, sortedColConfigs} = this.state;
+            let result = yield HcserviceV3.postJumps(jumpId, code);
+            if (result.status === "success") {
+                let hydrocarbonToken = Units.hydrocarbonToken();
+                let url = result.url + "hydrocarbon_token=" + Units.hydrocarbonToken();
+                // console.log(url);
+                window.open(url);
+            }
+        });
+        this.doRowJump = (jumpId, code) => __awaiter(this, void 0, void 0, function* () {
+            this.doJump(jumpId, code);
+        });
+        this.doSelectedJump = (jumpId) => __awaiter(this, void 0, void 0, function* () {
+            const { selectedRows } = this.state;
+            if (selectedRows.length == 1) {
+                this.doJump(jumpId, selectedRows[0].code);
+            }
+        });
+        this.changeRowSelection = (selectedRows, selectedDatas) => {
+            this.setState({
+                selectedRows,
+                selectedDatas,
+            });
+        };
+        this.onChangeColSort = (sortedColConfigs) => {
+            const { ltmplConfig } = this.props;
+            const { hiddenRowCodes, hiddenColIds } = this.state;
+            this.setState({
+                sortedColConfigs,
+                tableColumns: this.buildTableColumns(ltmplConfig, hiddenColIds, hiddenRowCodes, sortedColConfigs),
+            });
+        };
+        this.renderHeaderButtons = () => {
+            let { hiddenColIds, queryKey, viewModels, sortedColConfigs, disabledColIds, showL2Chart, showL2ActTable } = this.state;
+            const { ltmplConfig, sourceId, doCreate, doSearch, menuId, funcMode } = this.props;
+            let { buttons } = ltmplConfig;
+            return React.createElement(React.Fragment, null,
+                funcMode == "common" && this.criteriaFormUseful() ?
+                    React.createElement(Popover, { trigger: "click", content: this.renderCriteriaForm() },
+                        React.createElement(Button, null,
+                            React.createElement(SearchOutlined, null)))
+                    : null,
+                buttons.includes("dtmplAdd") && doCreate ?
+                    React.createElement(Tooltip, { title: '创建' },
+                        React.createElement(Button, { onClick: () => doCreate() },
+                            React.createElement(PlusOutlined, null)),
+                        " ") : '',
+                buttons.includes("dtmplCustomAdd") && doCreate ?
+                    React.createElement(Tooltip, { title: '创建' },
+                        React.createElement(Button, { onClick: () => doCreate(true) },
+                            React.createElement(PlusCircleOutlined, null)),
+                        " ") : '',
+                buttons.includes("importLtmplExcel") ? React.createElement(Tooltip, { title: '导入' },
+                    " ",
+                    React.createElement(Button, { href: `#/${sourceId}/importer?menuId=${menuId}`, target: '_blank' },
+                        React.createElement(UploadOutlined, null))) : '',
+                React.createElement(Popover, { content: React.createElement(ExportFrame //导出组件
+                    , { queryKey: queryKey, title: ltmplConfig.title }), title: "导出", placement: "bottomRight", trigger: "click" },
+                    React.createElement(Tooltip, { title: '导出' },
+                        React.createElement(Button, { style: {
+                                display: buttons.includes("exportLtmplExcel") ? "inline" : "none",
+                                marginLeft: '5px'
+                            } },
+                            React.createElement(DownloadOutlined, null)))),
+                buttons.includes("showChart") ? React.createElement(Tooltip, { title: showL2Chart ? '隐藏图表' : '展示图表' },
+                    React.createElement(Button, { onClick: this.handleShowChart },
+                        React.createElement(LineChartOutlined, null))) : "",
+                buttons.includes("analysis") ? React.createElement(Tooltip, { title: showL2ActTable ? '隐藏数据分析' : '展示数据分析' },
+                    React.createElement(Button, { onClick: this.handleDataAnalysis },
+                        React.createElement(FundOutlined, null))) : "",
+                buttons.includes("reStat") ? React.createElement(Restat, { fields: ltmplConfig.reStatParams, sourceId: sourceId, onfinish: () => doSearch(null) }) : "",
+                React.createElement(Popover, { content: React.createElement(Checkbox.Group, { value: viewModels, onChange: this.changeViewModel },
+                        React.createElement(Row, { style: { width: '120px' } },
+                            React.createElement(Col, { span: 24 },
+                                React.createElement(Checkbox, { value: 'table' }, "\u8868\u683C")),
+                            React.createElement(Col, { span: 24 },
+                                React.createElement(Checkbox, { value: 'verticalList' }, "\u7EB5\u5411\u5217\u8868")))), title: "\u89C6\u56FE", placement: "bottomRight", trigger: "click" },
+                    React.createElement(Tooltip, { title: '选择视图' },
+                        React.createElement(Button, null,
+                            React.createElement(RetweetOutlined, null)))),
+                React.createElement(Popover, { content: React.createElement(ColumnSelector, { columns: sortedColConfigs, disabledColIds: disabledColIds, hiddenColIds: hiddenColIds, onChangeColSort: this.onChangeColSort, onChangeHiddenCols: this.changeHiddenColumns }), title: '排序和选择列', placement: "bottomRight", trigger: "click" },
+                    React.createElement(Tooltip, { title: '点击排序和选择列' },
+                        React.createElement(Button, null,
+                            React.createElement(TableOutlined, null)))),
+                doSearch ?
+                    React.createElement(Button, { className: "hoverbig", title: "\u5237\u65B0", onClick: () => {
+                            doSearch(null);
+                        } },
+                        React.createElement(ReloadOutlined, null)) : "");
+        };
+        this.criteriaFormUseful = () => {
+            const { ltmplConfig } = this.props;
+            let { buttons, criterias, jumps, actions } = ltmplConfig;
+            if ((buttons.includes('query') && ((criterias && criterias.length > 0) || buttons.includes('drilling'))) ||
+                this.checkBoxUseful()) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        };
+        this.checkBoxUseful = () => {
+            const { ltmplConfig } = this.props;
+            let { buttons, jumps, actions } = ltmplConfig;
+            if (buttons.includes('batchDelete') ||
+                (actions && actions.length > 0) || (jumps && jumps.length > 0)) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        };
+        this.renderCriteriaForm = () => {
+            let { loading, selectedRows, selectedDatas } = this.state;
+            let { ltmplConfig, doSearch, criteriaData } = this.props;
+            return React.createElement(CriteriaForm, { loading: loading, selectedDatas: selectedDatas, selectedRows: selectedRows, ltmplConfig: ltmplConfig, data: criteriaData, doCQuery: this.doSelectedCQuery, doAction: this.doSelectedAction, doDelete: this.doDelete, doJump: this.doSelectedJump, doSearch: doSearch });
+        };
+    }
+    componentDidMount() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { ltmplConfig } = this.props;
+            let sortedColConfigs = undefined;
+            if (ltmplConfig) {
+                sortedColConfigs = [{ id: '10000', title: '排序' }, ...ltmplConfig.columns, { id: '20000', title: '隐藏' }];
+            }
+            this.loadData(defaultDisabledColIds, [], sortedColConfigs);
+        });
+    }
+    componentDidUpdate(prevProps) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { sourceId, criteriaData, ltmplConfig } = this.props;
+            let { ltmplConfig: preLtmplConfig, criteriaData: preCriteriaData, sourceId: preSourceId } = prevProps;
+            let { hiddenColIds, sortedColConfigs } = this.state;
+            if ((sourceId && preSourceId != sourceId) ||
+                (ltmplConfig && (!preLtmplConfig || ltmplConfig.id != preLtmplConfig.id)) ||
+                (Units.transQueryParamsToStr(criteriaData) != Units.transQueryParamsToStr(preCriteriaData))) {
+                if (ltmplConfig.id == preLtmplConfig.id) {
+                    this.loadData(hiddenColIds, [], sortedColConfigs);
+                }
+                else {
+                    let sColConfigs = undefined;
+                    if (ltmplConfig) {
+                        sColConfigs = [{ id: '10000', title: '排序' }, ...ltmplConfig.columns, { id: '20000', title: '隐藏' }];
+                    }
+                    this.setState({
+                        viewModels: ['table'],
+                    });
+                    this.loadData(defaultDisabledColIds, [], sColConfigs);
+                }
+            }
+        });
+    }
+    renderContent() {
+        let { queryKey, tableColumns, loading, selectedRows, hiddenRowCodes, viewModels, sortedColConfigs, hiddenColIds, showL2ActTable } = this.state;
+        let { sourceId, ltmplConfig, funcMode, title, collapsible, pageSize, pageNo, onChangePage } = this.props;
+        if (!ltmplConfig || !sourceId) {
+            return React.createElement(React.Fragment, null,
+                React.createElement(Card, { loading: loading }),
+                React.createElement(Table, { loading: loading }));
+        }
+        let { buttons } = ltmplConfig;
+        let displayCriteriaCard = false;
+        if (funcMode == 'simple' || funcMode == 'common') {
+            displayCriteriaCard = false;
+        }
+        else if (this.criteriaFormUseful()) {
+            displayCriteriaCard = true;
+        }
+        let columnConfigs = [];
+        if (sortedColConfigs) {
+            for (let colConfig of sortedColConfigs) {
+                if (!hiddenColIds.includes(colConfig.id)) {
+                    columnConfigs.push(colConfig);
+                }
+            }
+        }
+        return (React.createElement(React.Fragment, null,
+            buttons.includes("analysis") && showL2ActTable ? React.createElement("div", null,
+                React.createElement(L2ActTable, { innerQueryKey: queryKey.key, sourceId: sourceId }),
+                React.createElement(Divider, { dashed: true, style: { borderTopColor: "#40a9ff", }, plain: true })) : "",
+            React.createElement("div", { className: "actTable" },
+                funcMode == 'complete' || funcMode == 'common' ?
+                    collapsible ? null :
+                        React.createElement("h3", null,
+                            title ? title : ltmplConfig.title,
+                            React.createElement("p", { className: "fr" }, this.renderHeaderButtons())) : null,
+                displayCriteriaCard ?
+                    this.renderCriteriaForm() : null,
+                loading ? "" :
+                    React.createElement(QueryTable, { onChangePage: onChangePage, viewModels: viewModels, columnConfigs: columnConfigs, maxSelectedRows: this.checkBoxUseful() ? 10000 : -1, selectedRows: selectedRows, columns: tableColumns, hiddenRowCodes: hiddenRowCodes, pageInfo: { pageNo: pageNo ? pageNo : 1, pageSize: pageSize ? pageSize : ltmplConfig.defaultPageSize }, queryKey: queryKey, onChangeRowSelection: this.changeRowSelection }))));
+    }
+    render() {
+        let { queryKey, loading } = this.state;
+        let { sourceId, ltmplConfig, title, collapsible, initCollapse } = this.props;
+        if (!ltmplConfig || !sourceId) {
+            return React.createElement(React.Fragment, null,
+                React.createElement(Card, { loading: loading }),
+                React.createElement(Table, { loading: loading }));
+        }
+        return React.createElement(React.Fragment, null,
+            " ",
+            collapsible ?
+                React.createElement(CollapseCard, { initCollapse: initCollapse, title: title ? title : ltmplConfig.title, id: queryKey + ltmplConfig.id, className: `hoverable`, headStyle: { background: "#f2f4f5" }, loading: loading, bodyStyle: { padding: '6px' }, 
+                    //暂时注释掉，后续要支持配置。
+                    extra: this.renderHeaderButtons() }, this.renderContent()) :
+                React.createElement(React.Fragment, null, this.renderContent()));
+    }
+}
+ActTable.defaultProps = {
+    criteriaData: {},
+    funcMode: 'complete',
+    collapsible: false,
+    initCollapse: false,
+};
+export default ActTable;
 //# sourceMappingURL=act-table.js.map