aldehyde 0.2.97 → 0.2.99

package/lib/table/act-table.js

@@ -7,32 +7,32 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 React from "react";
+import { Button, Card, Checkbox, Col, Collapse, Divider, Popconfirm, Popover, Row, Space, Tooltip, } from "antd";
+import { Table } from "./control-table-x-axis-wrapper";
+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 SupportInputTypes from "../tmpl/control-type-supportor";
 import HcserviceV3 from "../tmpl/hcservice-v3";
-import QueryTable from './query-table';
+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 ColumnSelector from "./column/column-selector";
+import ExportFrame from "../exportor/export-frame";
+import { SortableHandle } from "react-sortable-hoc";
 import L2ActTable from "./l2-act-table";
-import Action from '../controls/action';
+import Action from "../controls/action";
 import Restat from "./stat/restat";
-import ActionUtils from '../controls/action/utils';
+import ActionUtils from "../controls/action/utils";
 import CquickButton from "../controls/cquery/cquick-button";
 import CollapseCard from "../controls/collapse-card";
 import ToolTipBar from "../detail/tooltipbar";
-const DragHandle = SortableHandle(() => React.createElement(MenuOutlined, { style: { cursor: 'grab', color: '#999' } }));
+import { LocaleContext } from "../locale/LocaleProvider";
+const DragHandle = SortableHandle(() => (React.createElement(MenuOutlined, { style: { cursor: "grab", color: "#999" } })));
 const { Panel } = Collapse;
-const defaultDisabledColIds = ['20000', '10000'];
-;
-;
+const defaultDisabledColIds = ["20000", "10000"];
 class ActTable extends React.PureComponent {
     constructor() {
         super(...arguments);
@@ -53,7 +53,7 @@ class ActTable extends React.PureComponent {
             showL2Chart: false,
         };
         this.loadData = (hiddenColIds, hiddenRowCodes, sortedColConfigs) => __awaiter(this, void 0, void 0, function* () {
-            const { sourceId, criteriaData, ltmplConfig, mainCode, level, pageNo, pageSize, serverKey } = this.props;
+            const { sourceId, criteriaData, ltmplConfig, mainCode, level, pageNo, pageSize, serverKey, } = this.props;
             if (!ltmplConfig) {
                 return;
             }
@@ -62,14 +62,18 @@ class ActTable extends React.PureComponent {
             });
             let disabledColIds = [];
             let hiddenColIds_ = [...hiddenColIds];
-            if (criteriaData && criteriaData['drillingColIds']) {
-                let dColIds = [...criteriaData['drillingColIds']];
+            if (criteriaData && criteriaData["drillingColIds"]) {
+                let dColIds = [...criteriaData["drillingColIds"]];
                 ltmplConfig.columns.forEach((item) => {
-                    if (item.statColType == 'dimension' && !dColIds.includes(item.id) && !hiddenColIds_.includes(item.id)) {
+                    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)) {
+                    if (item.statColType == "dimension" &&
+                        !dColIds.includes(item.id) &&
+                        !disabledColIds.includes(item.id)) {
                         disabledColIds.push(item.id);
                     }
                 });
@@ -93,7 +97,7 @@ class ActTable extends React.PureComponent {
             /** 构建 dataSource **/
             //构建过滤条件
             let queryKey;
-            if (level && level == 'l2') {
+            if (level && level == "l2") {
                 queryKey = yield HcserviceV3.requestL2LtmplQueryKey(serverKey, sourceId, Object.assign(Object.assign(Object.assign({}, criteriaData), pageInfo), { mainCode }));
             }
             else {
@@ -109,11 +113,12 @@ class ActTable extends React.PureComponent {
                 showL2Chart: false,
                 selectedRows: [],
                 selectedDatas: [],
-                viewModels: (this.state.viewModels.length > 0 ? this.state.viewModels : ['table']),
+                viewModels: this.state.viewModels.length > 0 ? this.state.viewModels : ["table"],
             });
         });
         this.buildTableColumns = (ltmplConfig, hiddenColIds, hiddenRowCodes, sortedColConfigs) => {
-            const { showView, doEdit, doRAction, customEditable, serverKey, readOnly, sourceId } = this.props;
+            const { showView, doEdit, doRAction, customEditable, serverKey, readOnly, sourceId, } = this.props;
+            const { translate } = this.context;
             const { buttons } = ltmplConfig;
             let tableColumns = [];
             let s = 0;
@@ -123,13 +128,13 @@ class ActTable extends React.PureComponent {
                 if (!hiddenColIds || !hiddenColIds.includes(item.id)) {
                     tableColumns.push(column);
                 }
-                column['title'] = item.title;
-                column['dataIndex'] = item.id;
+                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')) {
+                if (s < 10 && item.title != "操作" && item.title != "序号") {
+                    if (hiddenColIds.includes("10000")) {
                         TableUnits.sort(column, itemType);
                     }
                 }
@@ -137,88 +142,100 @@ class ActTable extends React.PureComponent {
                 //序号
                 if (item.title === "序号") {
                     //item.fixed='left';
-                    column['render'] = (text, record, index) => (React.createElement("label", null, index + 1));
-                    item['sorter'] = undefined;
+                    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 == "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: '隐藏' },
+                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: translate("${取消隐藏}") },
+                        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: translate("${隐藏}") },
                         " ",
-                        React.createElement(Button, { style: { marginRight: '0px' }, icon: React.createElement(EyeInvisibleOutlined, null), type: "dashed", size: "small", onClick: () => this.onHide(record.code) })));
+                        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) })
+                    column["fixed"] = "right";
+                    column["align"] = "center";
+                    column["className"] = "opsColumn";
+                    column["title"] = React.createElement(React.Fragment, null, translate("${操作}"));
+                    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 &&
+                            !readOnly &&
+                            (!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") || customEditable) &&
+                            doEdit &&
+                            !readOnly &&
+                            (!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 && !readOnly ? (React.createElement(Tooltip, { title: translate("${复制}") },
+                            React.createElement(Button, { size: "small", type: "dashed", icon: React.createElement(CopyOutlined, null), onClick: () => __awaiter(this, void 0, void 0, function* () {
+                                    //先复制
+                                    let toCustomPage = false;
+                                    if (buttons.includes("dtmplCustomEdit") || customEditable) {
+                                        toCustomPage = true;
+                                    }
+                                    let code = yield HcserviceV3.doCopy(serverKey, sourceId, record.code);
+                                    if (code) {
+                                        doEdit(code, "update", toCustomPage);
+                                    }
+                                }) }))) : (""),
+                        ltmplConfig.ractions && !readOnly
+                            ? ltmplConfig.ractions.map((raction) => {
+                                return (React.createElement(Button, { key: raction.id, size: "small", type: "dashed", onClick: () => doRAction(raction.id, record.code) }, raction.title));
+                            })
                             : "",
-                        buttons.includes('customDetail') && showView ?
-                            React.createElement(Button, { size: "small", type: "primary", icon: React.createElement(AlignCenterOutlined, null), onClick: () => showView(record.code, true) })
+                        ltmplConfig.rowActions &&
+                            !readOnly &&
+                            ltmplConfig.rowActions.length > 0
+                            ? ltmplConfig.rowActions.map((action) => {
+                                return (React.createElement(Action, { serverKey: serverKey, iconType: "icon", key: action.id, data: [record], actionConfig: action, doAction: this.doRowAction, buttonSize: "small", serial: 1 }));
+                            })
                             : "",
-                        buttons.includes('dtmplEdit') && doEdit && !readOnly
-                            && (!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') || customEditable) && doEdit && !readOnly
-                            && (!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 && !readOnly
-                            ?
-                                React.createElement(Tooltip, { title: '复制' },
-                                    React.createElement(Button, { size: "small", type: "dashed", icon: React.createElement(CopyOutlined, null), onClick: () => __awaiter(this, void 0, void 0, function* () {
-                                            //先复制
-                                            let toCustomPage = false;
-                                            if (buttons.includes('dtmplCustomEdit') || customEditable) {
-                                                toCustomPage = true;
-                                            }
-                                            let code = yield HcserviceV3.doCopy(serverKey, sourceId, record.code);
-                                            if (code) {
-                                                doEdit(code, 'update', toCustomPage);
-                                            }
-                                        }) })) : "",
-                        ltmplConfig.ractions && !readOnly ? 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 && !readOnly && ltmplConfig.rowActions.length > 0 ?
-                            ltmplConfig.rowActions.map((action) => {
-                                return React.createElement(Action, { serverKey: serverKey, iconType: 'icon', key: action.id, data: [record], actionConfig: action, doAction: this.doRowAction, buttonSize: 'small', serial: 1 });
-                            }) : "",
-                        ltmplConfig.rowJumps && ltmplConfig.rowJumps.length > 0 && !readOnly ?
-                            ltmplConfig.rowJumps.map((jump) => {
-                                return React.createElement(Button, { key: jump.id, size: "small", type: "dashed", onClick: () => this.doRowJump(jump, record) }, jump.title);
-                            }) : "",
-                        ltmplConfig.rowCQuerys && ltmplConfig.rowCQuerys.length > 0 && !readOnly ?
-                            ltmplConfig.rowCQuerys.map((cquery) => {
+                        ltmplConfig.rowJumps &&
+                            ltmplConfig.rowJumps.length > 0 &&
+                            !readOnly
+                            ? ltmplConfig.rowJumps.map((jump) => {
+                                return (React.createElement(Button, { key: jump.id, size: "small", type: "dashed", onClick: () => this.doRowJump(jump, record) }, jump.title));
+                            })
+                            : "",
+                        ltmplConfig.rowCQuerys &&
+                            ltmplConfig.rowCQuerys.length > 0 &&
+                            !readOnly
+                            ? ltmplConfig.rowCQuerys.map((cquery) => {
                                 // console.log("record record", record);
-                                return React.createElement(CquickButton, { serverKey: serverKey, key: cquery.id, size: "small", pageType: 'drawer', 
+                                return (React.createElement(CquickButton, { serverKey: serverKey, key: cquery.id, size: "small", pageType: "drawer", 
                                     // onClick={() => doCQuery(cquery.id)}
-                                    cQueryConfig: cquery, mainCode: cquery.mainCodeColId ? record[cquery.mainCodeColId] : record.code });
-                            }) : "",
-                        buttons.includes('singleDelete') && !readOnly && (!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)))
-                            : ""));
+                                    cQueryConfig: cquery, mainCode: cquery.mainCodeColId
+                                        ? record[cquery.mainCodeColId]
+                                        : record.code }));
+                            })
+                            : "",
+                        buttons.includes("singleDelete") &&
+                            !readOnly &&
+                            (!ltmplConfig.deleteAction ||
+                                ActionUtils.isShow(ltmplConfig.deleteAction, [record], undefined)) ? (React.createElement(Popconfirm, { placement: "rightBottom", title: translate("${确定要[删除]此数据吗}?"), onConfirm: () => {
+                                this.doDeleteByCode(record.code);
+                            }, okText: translate("${确定}"), cancelText: translate("${取消}"), 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, { serverKey: serverKey, fieldConfig: item, value: record[item.id], holderType: 'table' });
+                    column["className"] = "opsColumn";
+                    column["render"] = (text, record) => {
+                        return (React.createElement(ViewControl, { serverKey: serverKey, fieldConfig: item, value: record[item.id], holderType: "table" }));
                     };
                 }
             });
@@ -226,7 +243,7 @@ class ActTable extends React.PureComponent {
         };
         this.handleShowChart = () => {
             this.setState({
-                showL2Chart: !this.state.showL2Chart
+                showL2Chart: !this.state.showL2Chart,
             });
         };
         this.handleDataAnalysis = () => {
@@ -235,7 +252,7 @@ class ActTable extends React.PureComponent {
             });
         };
         this.unHiden = () => {
-            const { ltmplConfig, } = this.props;
+            const { ltmplConfig } = this.props;
             const { hiddenColIds, sortedColConfigs } = this.state;
             this.setState({
                 hiddenRowCodes: [],
@@ -243,7 +260,7 @@ class ActTable extends React.PureComponent {
             });
         };
         this.onHide = (code) => {
-            const { ltmplConfig, } = this.props;
+            const { ltmplConfig } = this.props;
             const { hiddenRowCodes, hiddenColIds, sortedColConfigs } = this.state;
             let hiddenCodes = [...hiddenRowCodes, code];
             this.setState({
@@ -253,7 +270,7 @@ class ActTable extends React.PureComponent {
         };
         this.changeViewModel = (viewModels) => {
             this.setState({
-                viewModels
+                viewModels,
             });
         };
         this.changeHiddenColumns = (hiddenColIds) => {
@@ -276,7 +293,8 @@ class ActTable extends React.PureComponent {
                 loading: true,
             });
             let result = yield HcserviceV3.postActions(serverKey, actionId, selectedRows, params);
-            if (result) { //重新加载数据
+            if (result) {
+                //重新加载数据
                 this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
             }
             else {
@@ -290,12 +308,13 @@ class ActTable extends React.PureComponent {
         });
         this.doDelete = () => __awaiter(this, void 0, void 0, function* () {
             const { sourceId, serverKey } = this.props;
-            const { selectedRows, hiddenColIds, hiddenRowCodes, sortedColConfigs } = this.state;
+            const { selectedRows, hiddenColIds, hiddenRowCodes, sortedColConfigs, } = this.state;
             this.setState({
                 loading: true,
             });
             let result = yield HcserviceV3.deleteData(serverKey, sourceId, selectedRows);
-            if (result) { //重新加载数据
+            if (result) {
+                //重新加载数据
                 this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
             }
             else {
@@ -310,8 +329,11 @@ class ActTable extends React.PureComponent {
             this.setState({
                 loading: true,
             });
-            let result = yield HcserviceV3.deleteByCode(serverKey, sourceId, [code]);
-            if (result) { //重新加载数据
+            let result = yield HcserviceV3.deleteByCode(serverKey, sourceId, [
+                code,
+            ]);
+            if (result) {
+                //重新加载数据
                 this.loadData(hiddenColIds, hiddenRowCodes, sortedColConfigs);
             }
             else {
@@ -320,8 +342,7 @@ class ActTable extends React.PureComponent {
                 });
             }
         });
-        this.doSelectedCQuery = (cqueryId) => __awaiter(this, void 0, void 0, function* () {
-        });
+        this.doSelectedCQuery = (cqueryId) => __awaiter(this, void 0, void 0, function* () { });
         this.doJump = (jump, record_) => __awaiter(this, void 0, void 0, function* () {
             let record = record_.fieldMap ? record_.fieldMap : record_;
             let url = null;
@@ -330,10 +351,13 @@ class ActTable extends React.PureComponent {
                 path = "/";
             }
             //是否以http开头
-            if (path.indexOf('#') == 0 || url.indexOf('/#') == 0) {
+            if (path.indexOf("#") == 0 || url.indexOf("/#") == 0) {
                 url = "";
             }
-            else if ((path.indexOf('http://') == 0 || path.indexOf('HTTP://') == 0) || (path.indexOf('https://') == 0 || path.indexOf('HTTPS://') == 0)) {
+            else if (path.indexOf("http://") == 0 ||
+                path.indexOf("HTTP://") == 0 ||
+                path.indexOf("https://") == 0 ||
+                path.indexOf("HTTPS://") == 0) {
                 url = path.split("//")[0] + "//";
                 path = path.split("//")[1];
             }
@@ -349,7 +373,8 @@ class ActTable extends React.PureComponent {
                         let pa = paths[i].substring(1);
                         //根据参数名匹配参数
                         for (let p of routeParamConfigs) {
-                            if (p && pa == p.title) { //赋值替换
+                            if (p && pa == p.title) {
+                                //赋值替换
                                 let v = record[p.id] ? record[p.id] : p.defaultValue;
                                 paths[i] = v;
                                 break;
@@ -374,7 +399,7 @@ class ActTable extends React.PureComponent {
                 for (let i = 0; i < searchParamConfigs.length; i++) {
                     let p = searchParamConfigs[i];
                     let v = record[p.id] ? record[p.id] : p.defaultValue;
-                    if (!v && p.title == 'code') {
+                    if (!v && p.title == "code") {
                         v = record_.code;
                     }
                     searchs[initSearchLength + i] = p.title + "=" + v;
@@ -386,8 +411,10 @@ class ActTable extends React.PureComponent {
                 }
                 url = url + searchs.join("&");
             }
-            if (url.indexOf('#') == 0 || url.indexOf('/#') == 0 || url.indexOf('//#') == 0) {
-                window.location.hash = url.substring(url.indexOf('#') + 1);
+            if (url.indexOf("#") == 0 ||
+                url.indexOf("/#") == 0 ||
+                url.indexOf("//#") == 0) {
+                window.location.hash = url.substring(url.indexOf("#") + 1);
             }
             else {
                 window.open(url);
@@ -417,81 +444,87 @@ class ActTable extends React.PureComponent {
             });
         };
         this.getAddTmplButton = (classifiedAddConfigs) => {
+            const { translate } = this.context;
             if (classifiedAddConfigs && classifiedAddConfigs.length < 1) {
-                return "没有分类添加按钮";
+                return translate("${没有分类添加按钮}");
             }
             return classifiedAddConfigs.map((config) => {
-                return React.createElement("p", null,
-                    React.createElement(Button, { size: 'small', type: 'text', onClick: () => this.props.doCreate(config.id, false) }, config.title));
+                return (React.createElement("p", null,
+                    React.createElement(Button, { size: "small", type: "text", onClick: () => this.props.doCreate(config.id, false) }, config.title)));
             });
         };
         this.renderHeaderButtons = () => {
-            let { hiddenColIds, queryKey, viewModels, sortedColConfigs, disabledColIds, showL2Chart, showL2ActTable } = this.state;
-            const { ltmplConfig, sourceId, doCreate, doSearch, menuId, funcMode, customCreatable, serverKey, readOnly } = this.props;
+            let { hiddenColIds, queryKey, viewModels, sortedColConfigs, disabledColIds, showL2Chart, showL2ActTable, } = this.state;
+            const { ltmplConfig, sourceId, doCreate, doSearch, menuId, funcMode, customCreatable, serverKey, readOnly, } = this.props;
+            const { translate } = this.context;
             let { buttons } = ltmplConfig;
-            return React.createElement(React.Fragment, null,
+            return (React.createElement(React.Fragment, null,
                 React.createElement(Space, null,
-                    funcMode == "common" && this.criteriaFormUseful() ?
-                        React.createElement(Popover, { trigger: "click", content: this.renderCriteriaForm() },
+                    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 && !readOnly ? (ltmplConfig.classifiedAddConfigs &&
+                        ltmplConfig.classifiedAddConfigs.length > 0 ? (React.createElement(Popover, { arrow: false, content: this.getAddTmplButton(ltmplConfig.classifiedAddConfigs), placement: "bottomRight" },
+                        React.createElement(Tooltip, null,
                             React.createElement(Button, null,
-                                React.createElement(SearchOutlined, null)))
-                        : null,
-                    buttons.includes("dtmplAdd") && doCreate && !readOnly ?
-                        ltmplConfig.classifiedAddConfigs && ltmplConfig.classifiedAddConfigs.length > 0 ?
-                            React.createElement(Popover, { arrow: false, content: this.getAddTmplButton(ltmplConfig.classifiedAddConfigs), placement: "bottomRight" },
-                                React.createElement(Tooltip, null,
-                                    React.createElement(Button, null,
-                                        React.createElement(PlusOutlined, null))))
-                            : React.createElement(Tooltip, { title: '创建' },
-                                React.createElement(Button, { onClick: () => doCreate(null, false) },
-                                    React.createElement(PlusOutlined, null)),
-                                " ") : '',
-                    (buttons.includes("dtmplCustomAdd") || customCreatable) && doCreate && !readOnly ?
-                        React.createElement(Tooltip, { title: '创建' },
-                            React.createElement(Button, { onClick: () => doCreate(null, true) },
-                                React.createElement(PlusCircleOutlined, null))) : '',
-                    buttons.includes("importLtmplExcel") && !readOnly ? React.createElement(Tooltip, { title: '导入' },
+                                React.createElement(PlusOutlined, null))))) : (React.createElement(Tooltip, { title: translate("${创建}") },
+                        React.createElement(Button, { onClick: () => doCreate(null, false) },
+                            React.createElement(PlusOutlined, null)),
+                        " "))) : (""),
+                    (buttons.includes("dtmplCustomAdd") || customCreatable) &&
+                        doCreate &&
+                        !readOnly ? (React.createElement(Tooltip, { title: translate("${创建}") },
+                        React.createElement(Button, { onClick: () => doCreate(null, true) },
+                            React.createElement(PlusCircleOutlined, null)))) : (""),
+                    buttons.includes("importLtmplExcel") && !readOnly ? (React.createElement(Tooltip, { title: translate("${导入}") },
                         " ",
-                        React.createElement(Button, { href: `#/${sourceId}/importer?menuId=${menuId}`, target: '_blank' },
-                            React.createElement(UploadOutlined, null))) : '',
-                    buttons.includes("exportLtmplExcel") && !readOnly ? React.createElement(Popover, { content: React.createElement(ExportFrame //导出组件
-                        , { serverKey: serverKey, queryKey: queryKey, title: ltmplConfig.title }), title: "导出", placement: "bottomRight", trigger: "click" },
-                        React.createElement(Tooltip, { title: '导出' },
+                        React.createElement(Button, { href: `#/${sourceId}/importer?menuId=${menuId}`, target: "_blank" },
+                            React.createElement(UploadOutlined, null)))) : (""),
+                    buttons.includes("exportLtmplExcel") && !readOnly ? (React.createElement(Popover, { content: React.createElement(ExportFrame //导出组件
+                        , { serverKey: serverKey, queryKey: queryKey, title: ltmplConfig.title }), title: translate("${导出}"), placement: "bottomRight", trigger: "click" },
+                        React.createElement(Tooltip, { title: translate("${导出}") },
                             React.createElement(Button, { style: {
-                                    display: buttons.includes("exportLtmplExcel") && !readOnly ? "inline" : "none",
-                                    marginLeft: '5px'
+                                    display: buttons.includes("exportLtmplExcel") && !readOnly
+                                        ? "inline"
+                                        : "none",
+                                    marginLeft: "5px",
                                 } },
-                                React.createElement(DownloadOutlined, null)))) : "",
-                    buttons.includes("showChart") ? React.createElement(Tooltip, { title: showL2Chart ? '隐藏图表' : '展示图表' },
+                                React.createElement(DownloadOutlined, null))))) : (""),
+                    buttons.includes("showChart") ? (React.createElement(Tooltip, { title: showL2Chart
+                            ? translate("${隐藏}${图表}")
+                            : translate("${展示}${图表}") },
                         React.createElement(Button, { onClick: this.handleShowChart },
-                            React.createElement(LineChartOutlined, null))) : "",
-                    buttons.includes("analysis") ? React.createElement(Tooltip, { title: showL2ActTable ? '隐藏数据分析' : '展示数据分析' },
+                            React.createElement(LineChartOutlined, null)))) : (""),
+                    buttons.includes("analysis") ? (React.createElement(Tooltip, { title: showL2ActTable
+                            ? translate("${隐藏}${数据分析}")
+                            : translate("${展示}${数据分析}") },
                         React.createElement(Button, { onClick: this.handleDataAnalysis },
-                            React.createElement(FundOutlined, null))) : "",
-                    buttons.includes("reStat") && !readOnly ? React.createElement(Restat, { serverKey: serverKey, fields: ltmplConfig.reStatParams, sourceId: sourceId, onfinish: () => doSearch(null) }) : "",
+                            React.createElement(FundOutlined, null)))) : (""),
+                    buttons.includes("reStat") && !readOnly ? (React.createElement(Restat, { serverKey: serverKey, 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(Row, { style: { width: "120px" } },
                                 React.createElement(Col, { span: 24 },
-                                    React.createElement(Checkbox, { value: 'table' }, "\u8868\u683C")),
+                                    React.createElement(Checkbox, { value: "table" }, translate("${表格}"))),
                                 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(Checkbox, { value: "verticalList" }, translate("纵向列表"))))), title: translate("${视图}"), placement: "bottomRight", trigger: "click" },
+                        React.createElement(Tooltip, { title: translate("${选择视图}") },
                             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(Popover, { content: React.createElement(ColumnSelector, { columns: sortedColConfigs, disabledColIds: disabledColIds, hiddenColIds: hiddenColIds, onChangeColSort: this.onChangeColSort, onChangeHiddenCols: this.changeHiddenColumns }), title: translate("${排序和选择列}"), placement: "bottomRight", trigger: "click" },
+                        React.createElement(Tooltip, { title: translate("${点击排序和选择列}") },
                             React.createElement(Button, null,
                                 React.createElement(TableOutlined, null)))),
-                    doSearch ?
-                        React.createElement(Button, { className: "hoverbig", title: "\u5237\u65B0", onClick: () => {
-                                doSearch(null);
-                            } },
-                            React.createElement(ReloadOutlined, null)) : ""));
+                    doSearch ? (React.createElement(Button, { className: "hoverbig", title: translate("${刷新}"), onClick: () => {
+                            doSearch(null);
+                        } },
+                        React.createElement(ReloadOutlined, null))) : (""))));
         };
         this.criteriaFormUseful = () => {
             const { ltmplConfig } = this.props;
-            let { buttons, criterias, } = ltmplConfig;
-            if ((buttons.includes('query') && ((criterias && criterias.length > 0) || buttons.includes('drilling'))) ||
+            let { buttons, criterias } = ltmplConfig;
+            if ((buttons.includes("query") &&
+                ((criterias && criterias.length > 0) ||
+                    buttons.includes("drilling"))) ||
                 this.checkBoxUseful()) {
                 return true;
             }
@@ -502,8 +535,9 @@ class ActTable extends React.PureComponent {
         this.checkBoxUseful = () => {
             const { ltmplConfig } = this.props;
             let { buttons, jumps, actions } = ltmplConfig;
-            if (buttons.includes('batchDelete') ||
-                (actions && actions.length > 0) || (jumps && jumps.length > 0)) {
+            if (buttons.includes("batchDelete") ||
+                (actions && actions.length > 0) ||
+                (jumps && jumps.length > 0)) {
                 return true;
             }
             else {
@@ -513,20 +547,20 @@ class ActTable extends React.PureComponent {
         this.renderCriteriaForm = () => {
             let { loading, selectedRows, selectedDatas } = this.state;
             let { ltmplConfig, doSearch, criteriaData, serverKey } = this.props;
-            return React.createElement(CriteriaForm, { serverKey: serverKey, loading: loading, selectedDatas: selectedDatas, selectedRows: selectedRows, ltmplConfig: ltmplConfig, data: criteriaData, doCQuery: this.doSelectedCQuery, doAction: this.doSelectedAction, doDelete: this.doDelete, doJump: this.doSelectedJump, doSearch: doSearch });
+            return (React.createElement(CriteriaForm, { serverKey: serverKey, loading: loading, selectedDatas: selectedDatas, selectedRows: selectedRows, ltmplConfig: ltmplConfig, data: criteriaData, doCQuery: this.doSelectedCQuery, doAction: this.doSelectedAction, doDelete: this.doDelete, doJump: this.doSelectedJump, doSearch: doSearch }));
         };
         this.renderContent = () => {
-            let { queryKey, loading, selectedRows, hiddenRowCodes, viewModels, sortedColConfigs, hiddenColIds, showL2ActTable } = this.state;
-            let { sourceId, ltmplConfig, funcMode, title, collapsible, pageSize, pageNo, onChangePage, serverKey } = this.props;
+            let { queryKey, loading, selectedRows, hiddenRowCodes, viewModels, sortedColConfigs, hiddenColIds, showL2ActTable, } = this.state;
+            let { sourceId, ltmplConfig, funcMode, title, collapsible, pageSize, pageNo, onChangePage, serverKey, } = this.props;
             if (!ltmplConfig || !sourceId) {
-                return React.createElement(React.Fragment, null,
+                return (React.createElement(React.Fragment, null,
                     React.createElement(Card, { loading: loading }),
-                    React.createElement(Table, { loading: loading }));
+                    React.createElement(Table, { loading: loading })));
             }
             let tableColumns = this.buildTableColumns(ltmplConfig, hiddenColIds, hiddenRowCodes, sortedColConfigs);
             let { buttons } = ltmplConfig;
             let displayCriteriaCard = false;
-            if (funcMode == 'simple' || funcMode == 'common') {
+            if (funcMode == "simple" || funcMode == "common") {
                 displayCriteriaCard = false;
             }
             else if (this.criteriaFormUseful()) {
@@ -541,30 +575,35 @@ class ActTable extends React.PureComponent {
                 }
             }
             return (React.createElement(React.Fragment, null,
-                buttons.includes("analysis") && showL2ActTable ? React.createElement("div", null,
+                buttons.includes("analysis") && showL2ActTable ? (React.createElement("div", null,
                     React.createElement(L2ActTable, { serverKey: serverKey, innerQueryKey: queryKey.key, sourceId: sourceId }),
-                    React.createElement(Divider, { dashed: true, style: { borderTopColor: "#40a9ff", }, plain: true })) : "",
+                    React.createElement(Divider, { dashed: true, style: { borderTopColor: "#40a9ff" }, plain: true }))) : (""),
                 React.createElement("div", { className: "actTable" },
-                    funcMode == 'complete' || funcMode == 'common' ?
-                        collapsible ? null :
-                            React.createElement("span", null,
-                                ltmplConfig.header ? React.createElement("div", { style: { padding: '6px' }, dangerouslySetInnerHTML: { __html: ltmplConfig.header } }) : 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, { serverKey: serverKey, onChangePage: onChangePage, viewModels: viewModels, primaryColumn: ltmplConfig.primaryColumn, 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 }),
-                    ltmplConfig.footer ? React.createElement("div", { style: { padding: '6px' }, dangerouslySetInnerHTML: { __html: ltmplConfig.footer } }) : null)));
+                    funcMode == "complete" || funcMode == "common" ? (collapsible ? null : (React.createElement("span", null,
+                        ltmplConfig.header ? (React.createElement("div", { style: { padding: "6px" }, dangerouslySetInnerHTML: { __html: ltmplConfig.header } })) : 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, { serverKey: serverKey, onChangePage: onChangePage, viewModels: viewModels, primaryColumn: ltmplConfig.primaryColumn, 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 })),
+                    ltmplConfig.footer ? (React.createElement("div", { style: { padding: "6px" }, dangerouslySetInnerHTML: { __html: ltmplConfig.footer } })) : null)));
         };
     }
     componentDidMount() {
         return __awaiter(this, void 0, void 0, function* () {
             const { ltmplConfig } = this.props;
+            const { translate } = this.context;
             let sortedColConfigs = undefined;
             if (ltmplConfig) {
-                sortedColConfigs = [{ id: '10000', title: '排序' }, ...ltmplConfig.columns, { id: '20000', title: '隐藏' }];
+                sortedColConfigs = [
+                    { id: "10000", title: translate("${排序}") },
+                    ...ltmplConfig.columns,
+                    { id: "20000", title: translate("${隐藏}") },
+                ];
             }
             this.loadData(defaultDisabledColIds, [], sortedColConfigs);
         });
@@ -572,21 +611,34 @@ class ActTable extends React.PureComponent {
     componentDidUpdate(prevProps) {
         return __awaiter(this, void 0, void 0, function* () {
             const { sourceId, criteriaData, ltmplConfig } = this.props;
-            let { ltmplConfig: preLtmplConfig, criteriaData: preCriteriaData, sourceId: preSourceId } = prevProps;
+            const { translate } = this.context;
+            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, false, ['pageSize', 'pageNo']) != Units.transQueryParamsToStr(preCriteriaData, false, ['pageSize', 'pageNo']))) {
+                (ltmplConfig &&
+                    (!preLtmplConfig || ltmplConfig.id != preLtmplConfig.id)) ||
+                Units.transQueryParamsToStr(criteriaData, false, [
+                    "pageSize",
+                    "pageNo",
+                ]) !=
+                    Units.transQueryParamsToStr(preCriteriaData, false, [
+                        "pageSize",
+                        "pageNo",
+                    ])) {
                 if (ltmplConfig.id == preLtmplConfig.id) {
                     this.loadData(hiddenColIds, [], sortedColConfigs);
                 }
                 else {
                     let sColConfigs = undefined;
                     if (ltmplConfig) {
-                        sColConfigs = [{ id: '10000', title: '排序' }, ...ltmplConfig.columns, { id: '20000', title: '隐藏' }];
+                        sColConfigs = [
+                            { id: "10000", title: translate("${排序}") },
+                            ...ltmplConfig.columns,
+                            { id: "20000", title: translate("${隐藏}") },
+                        ];
                     }
                     this.setState({
-                        viewModels: ['table'],
+                        viewModels: ["table"],
                     });
                     this.loadData(defaultDisabledColIds, [], sColConfigs);
                 }
@@ -595,26 +647,25 @@ class ActTable extends React.PureComponent {
     }
     render() {
         let { queryKey, loading } = this.state;
-        let { sourceId, ltmplConfig, title, collapsible, initCollapse, tip } = this.props;
+        let { sourceId, ltmplConfig, title, collapsible, initCollapse, tip, } = this.props;
         if (!ltmplConfig || !sourceId) {
-            return React.createElement(React.Fragment, null,
+            return (React.createElement(React.Fragment, null,
                 React.createElement(Card, { loading: loading }),
-                React.createElement(Table, { loading: loading }));
+                React.createElement(Table, { loading: loading })));
         }
-        return React.createElement(React.Fragment, null,
+        return (React.createElement(React.Fragment, null,
             " ",
-            collapsible ?
-                React.createElement(CollapseCard, { initCollapse: initCollapse, title: React.createElement(React.Fragment, null,
-                        title ? title : ltmplConfig.title,
-                        React.createElement(ToolTipBar, { content: tip ? tip : ltmplConfig ? ltmplConfig.tip : null })), 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()));
+            collapsible ? (React.createElement(CollapseCard, { initCollapse: initCollapse, title: React.createElement(React.Fragment, null,
+                    title ? title : ltmplConfig.title,
+                    React.createElement(ToolTipBar, { content: tip ? tip : ltmplConfig ? ltmplConfig.tip : null })), 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.contextType = LocaleContext;
 ActTable.defaultProps = {
     criteriaData: {},
-    funcMode: 'complete',
+    funcMode: "complete",
     collapsible: false,
     initCollapse: false,
     readOnly: false,