aldehyde 0.2.197 → 0.2.199

package/src/aldehyde/table/select-table.tsx

@@ -1,273 +1,273 @@
-import React from 'react'
-import "./index.css"
-import {DtmplData, QueryKey, SelectConfig,SelectedRow} from "../tmpl/interface";
-import TableUnits from "./table-util";
-import SupportInputTypes from '../tmpl/control-type-supportor';
-import HCDataSource from '../tmpl/hc-data-source';
-import HcserviceV3 from "../tmpl/hcservice-v3";
-import QueryTable from './query-table';
-import CriteriaForm from "../form/criteria-form";
-import ViewControl from "../controls/view-control";
-import { LocaleContext } from "../locale/LocaleProvider";
-
-interface SelectTableProps {
-    mainCode?:string,
-    maxSelectedRows?: number,
-    serverKey?:string,
-    sourceId: string,
-    showActions?:boolean,
-    selectedRows: SelectedRow[];
-    selectedDatas?: DtmplData[];
-    // onCancel: () => void,
-    // onOK: (selectedRows: SelectedRow[]) => void,
-    onChange?: (selectedRows: SelectedRow[], selectedDatas: DtmplData[]) => void;
-};
-
-interface SelectTableStat {
-    selectConfig?: SelectConfig;
-    columns?: object[];
-    queryKey?: QueryKey;
-    loading?: boolean;
-    criteriaData?: object;
-    pageNo?:number,
-    pageSize?:number,
-};
-
-class SelectTable extends React.PureComponent<SelectTableProps, SelectTableStat> {
-    static contextType = LocaleContext;
-    context: React.ContextType<typeof LocaleContext>;
-
-    static defaultProps = {
-        maxSelectedRows: 1000,
-        selectedDatas:[],
-        showActions:false
-    }
-    state = {
-        selectConfig: undefined,
-        columns: undefined,
-        queryKey: undefined,
-        loading: true,
-        criteriaData: undefined,
-        disableCols: undefined,
-        pageNo:1,
-        pageSize:undefined,
-    }
-
-    loadData = async (selectConfig: SelectConfig, criteriaData: object) => {
-        this.setState({
-            loading: true,
-        })
-        const {mainCode,serverKey,sourceId}=this.props;
-        const {pageNo,pageSize}=this.state;
-        const {defaultPageSize} = selectConfig;
-        let pageInfo = {
-            pageNo: pageNo,
-            pageSize: pageSize?pageSize:defaultPageSize ? defaultPageSize : 10,
-            virtualEndPageNo: undefined,
-        }
-        /** 构建 dataSource **/
-            //构建过滤条件
-        let queryKey: QueryKey = await HcserviceV3.requestLtmplQueryKey(serverKey,sourceId, {...criteriaData, ...pageInfo,mainCode});
-        this.setState({
-            queryKey,
-            criteriaData,
-            loading: false,
-        })
-    }
-
-    async componentDidMount() {
-        await this.loadData(await this.loadConfig(), {});
-    }
-
-    loadConfig = async () => {
-        const { translate } = this.context;
-        const {sourceId,serverKey,showActions} = this.props;
-        this.setState({
-            loading: true,
-        })
-
-        let selectConfig = await HCDataSource.requestSelectConfig(serverKey,sourceId);
-        /** 构建column **/
-        let columns = [];
-
-        let s = 0;
-        selectConfig.columns.forEach((item) => {
-            let column = {};
-
-            if (item.title == "操作" && showActions) {
-                columns.push(column);
-            }else{
-                columns.push(column);
-            }
-            column['dataIndex'] = item.id;
-            column["title"] = translate("${" + item.title + "}");
-            column["width"] = item.colWidth ? item.colWidth : 160;
-            column["align"] = item.valueAlign ? item.valueAlign : "left";
-            // column['ellipsis']= true;
-            s++;
-            let itemType = SupportInputTypes.getSupportControlType(item);
-            if (s < 12 && item.sortable) {
-                TableUnits.sort(column, itemType);
-            }
-            //特殊列处理
-            //序号
-            if (item.title === "序号") {
-                column["width"] = item.colWidth ? item.colWidth : 50;
-                column["align"] = item.valueAlign ? item.valueAlign : "center";
-                column['render'] = (text, record, index) => (
-                    <label>{index + 1}</label>
-                )
-                item['sorter'] = undefined;
-            } else {
-                column['render'] = (text, record) => {
-                    return <ViewControl serverKey={serverKey} holderType={'table'} fieldConfig={item} value={record[item.id]}/>
-                }
-            }
-        });
-        this.setState({
-            columns,
-            selectConfig,
-            loading: false,
-        })
-        return selectConfig;
-    }
-
-    async componentDidUpdate(prevProps) {
-        const {} = this.props;
-        const {selectConfig, criteriaData, queryKey, loading} = this.state;
-        const {exceptCodes: preExceptCodes, open: preOpen} = prevProps;
-        let config = selectConfig;
-        //if (visible) {
-        if (!config) {
-            config = await this.loadConfig();
-        }
-        if (!queryKey && !loading) {
-            await this.loadData(config, criteriaData);
-        }
-        //}
-    }
-
-    doSearch = async (params_) => {
-        const {selectConfig} = this.state;
-        let params = {...params_}
-        await this.loadData(selectConfig, params);
-    }
-
-    // handleOk = () => {
-    //     this.props.onOK(this.state.selectedRows);
-    //     this.setState({
-    //         selectedRows: [],
-    //         queryKey: undefined,
-    //     })
-    // }
-
-    // handleCancel = () => {
-    //     this.setState({
-    //         // selectedRows: [],//暂不置空
-    //         queryKey: undefined,
-    //     })
-    //     this.props.onCancel();
-    //
-    // }
-
-    changeRowSelection = (selectedRows_: SelectedRow[], selectedDatas_: DtmplData[], allRowKeys?: string[]) => {
-        //console.log('changeRowSelection:', allRowKeys);
-        let selectedRows_new: SelectedRow[];
-        let selectedDatas_new: DtmplData[] = [];
-        const {selectedRows, selectedDatas, onChange, maxSelectedRows} = this.props;
-        if (allRowKeys) {
-            let selectedKeys = [];
-            let selectedRows_1: SelectedRow[] = [];
-            if (maxSelectedRows != 1) {
-                selectedRows_1.push(...selectedRows);
-            }
-            //先追加
-            let contains: boolean = false;
-            for (let s1 of selectedRows_) {
-                contains = false;
-                for (let s2 of selectedRows_1) {
-                    if (s1.code == s2.code) {
-                        contains = true;
-                    }
-                }
-                if (!contains) {
-                    selectedRows_1.push(s1);
-                }
-                selectedKeys.push(s1.code);
-            }
-            //再删除
-            let selectedRows_2: SelectedRow[] = [];
-            selectedRows_2.push(...selectedRows_1);
-            for (let row of selectedRows_1) {
-                if (allRowKeys.includes(row.code) && !selectedKeys.includes(row.code)) {
-                    for (let i in selectedRows_2) {
-                        let s = selectedRows_2[i];
-                        if (s.code == row.code) {
-                            selectedRows_2.splice(Number(i), 1);
-                        }
-                    }
-                }
-            }
-            selectedRows_new = selectedRows_2;
-        } else {
-            selectedRows_new = selectedRows_;
-        }
-        let selectedDatas_1: DtmplData[] = [...selectedDatas, ...selectedDatas_];
-        for (let s of selectedRows_new) {
-            for (let d of selectedDatas_1) {
-                if (d.code == s.code) {
-                    selectedDatas_new.push(d);
-                }
-            }
-        }
-        onChange(selectedRows_new, selectedDatas_new);
-    }
-
-    onChangePage=(pageNo,pageSize)=>{
-
-        this.setState({pageNo,pageSize})
-
-    }
-
-
-    render() {
-        let {maxSelectedRows, selectedRows, selectedDatas,serverKey} = this.props;
-        let {queryKey, columns, selectConfig, criteriaData, loading,pageNo,pageSize} = this.state;
-
-        if (!selectConfig) {
-            return <>
-            </>
-        }
-        let {buttons, criterias, jumps, actions,fileExports} = selectConfig
-        let displayCriteriaCard: boolean = false;
-        if (buttons.includes('batchDelete') || (buttons.includes('query') && criterias && criterias.length > 0) ||
-            (actions && actions.length > 0) || (jumps && jumps.length > 0) || (fileExports && fileExports.length>0)) {
-            displayCriteriaCard = true;
-        }
-        return (
-            // <Card
-            //     // title={<SelectedRowsCard value={selectedRows} onChange={this.changeRowSelection}></SelectedRowsCard>}
-            //     style={{width: 1100,maxWidth: 'calc(100vw - 60px)', maxHeight: 'calc(100vh - 50px)'}}
-            //     // onOk={this.handleOk}
-            // >
-            <div className="actTable"
-                // style={{width: 1100,maxWidth: 'calc(100vw - 60px)', maxHeight: 'calc(100vh - 50px)',overflow:'auto'}}
-            >
-                <CriteriaForm serverKey={serverKey} selectedRows={selectedRows} selectedDatas={selectedDatas} ltmplConfig={selectConfig}
-                              data={criteriaData}
-                              doSearch={this.doSearch} loading={loading}/>
-                <QueryTable serverKey={serverKey} maxSelectedRows={maxSelectedRows} selectedRows={selectedRows}
-                            primaryColumn={selectConfig.primaryColumn}
-                            columns={columns}
-                            pageInfo={{pageNo,
-                                pageSize: pageSize?pageSize:selectConfig.defaultPageSize}}
-                            onChangePage={this.onChangePage}
-                            queryKey={queryKey}
-                            onChangeRowSelection={this.changeRowSelection}/>
-            </div>
-            // </Card>
-        );
-    }
-}
-
+import React from 'react'
+import "./index.css"
+import {DtmplData, QueryKey, SelectConfig,SelectedRow} from "../tmpl/interface";
+import TableUnits from "./table-util";
+import SupportInputTypes from '../tmpl/control-type-supportor';
+import HCDataSource from '../tmpl/hc-data-source';
+import HcserviceV3 from "../tmpl/hcservice-v3";
+import QueryTable from './query-table';
+import CriteriaForm from "../form/criteria-form";
+import ViewControl from "../controls/view-control";
+import { LocaleContext } from "../locale/LocaleProvider";
+
+interface SelectTableProps {
+    mainCode?:string,
+    maxSelectedRows?: number,
+    serverKey?:string,
+    sourceId: string,
+    showActions?:boolean,
+    selectedRows: SelectedRow[];
+    selectedDatas?: DtmplData[];
+    // onCancel: () => void,
+    // onOK: (selectedRows: SelectedRow[]) => void,
+    onChange?: (selectedRows: SelectedRow[], selectedDatas: DtmplData[]) => void;
+};
+
+interface SelectTableStat {
+    selectConfig?: SelectConfig;
+    columns?: object[];
+    queryKey?: QueryKey;
+    loading?: boolean;
+    criteriaData?: object;
+    pageNo?:number,
+    pageSize?:number,
+};
+
+class SelectTable extends React.PureComponent<SelectTableProps, SelectTableStat> {
+    static contextType = LocaleContext;
+    context: React.ContextType<typeof LocaleContext>;
+
+    static defaultProps = {
+        maxSelectedRows: 1000,
+        selectedDatas:[],
+        showActions:false
+    }
+    state = {
+        selectConfig: undefined,
+        columns: undefined,
+        queryKey: undefined,
+        loading: true,
+        criteriaData: undefined,
+        disableCols: undefined,
+        pageNo:1,
+        pageSize:undefined,
+    }
+
+    loadData = async (selectConfig: SelectConfig, criteriaData: object) => {
+        this.setState({
+            loading: true,
+        })
+        const {mainCode,serverKey,sourceId}=this.props;
+        const {pageNo,pageSize}=this.state;
+        const {defaultPageSize} = selectConfig;
+        let pageInfo = {
+            pageNo: pageNo,
+            pageSize: pageSize?pageSize:defaultPageSize ? defaultPageSize : 10,
+            virtualEndPageNo: undefined,
+        }
+        /** 构建 dataSource **/
+            //构建过滤条件
+        let queryKey: QueryKey = await HcserviceV3.requestLtmplQueryKey(serverKey,sourceId, {...criteriaData, ...pageInfo,mainCode});
+        this.setState({
+            queryKey,
+            criteriaData,
+            loading: false,
+        })
+    }
+
+    async componentDidMount() {
+        await this.loadData(await this.loadConfig(), {});
+    }
+
+    loadConfig = async () => {
+        const { translate } = this.context;
+        const {sourceId,serverKey,showActions} = this.props;
+        this.setState({
+            loading: true,
+        })
+
+        let selectConfig = await HCDataSource.requestSelectConfig(serverKey,sourceId);
+        /** 构建column **/
+        let columns = [];
+
+        let s = 0;
+        selectConfig.columns.forEach((item) => {
+            let column = {};
+
+            if (item.title == "操作" && showActions) {
+                columns.push(column);
+            }else{
+                columns.push(column);
+            }
+            column['dataIndex'] = item.id;
+            column["title"] = translate("${" + item.title + "}");
+            column["width"] = item.colWidth ? item.colWidth : 160;
+            column["align"] = item.valueAlign ? item.valueAlign : "left";
+            // column['ellipsis']= true;
+            s++;
+            let itemType = SupportInputTypes.getSupportControlType(item);
+            if (s < 12 && item.sortable) {
+                TableUnits.sort(column, itemType);
+            }
+            //特殊列处理
+            //序号
+            if (item.title === "序号") {
+                column["width"] = item.colWidth ? item.colWidth : 50;
+                column["align"] = item.valueAlign ? item.valueAlign : "center";
+                column['render'] = (text, record, index) => (
+                    <label>{index + 1}</label>
+                )
+                item['sorter'] = undefined;
+            } else {
+                column['render'] = (text, record) => {
+                    return <ViewControl serverKey={serverKey} holderType={'table'} fieldConfig={item} value={record[item.id]}/>
+                }
+            }
+        });
+        this.setState({
+            columns,
+            selectConfig,
+            loading: false,
+        })
+        return selectConfig;
+    }
+
+    async componentDidUpdate(prevProps) {
+        const {} = this.props;
+        const {selectConfig, criteriaData, queryKey, loading} = this.state;
+        const {exceptCodes: preExceptCodes, open: preOpen} = prevProps;
+        let config = selectConfig;
+        //if (visible) {
+        if (!config) {
+            config = await this.loadConfig();
+        }
+        if (!queryKey && !loading) {
+            await this.loadData(config, criteriaData);
+        }
+        //}
+    }
+
+    doSearch = async (params_) => {
+        const {selectConfig} = this.state;
+        let params = {...params_}
+        await this.loadData(selectConfig, params);
+    }
+
+    // handleOk = () => {
+    //     this.props.onOK(this.state.selectedRows);
+    //     this.setState({
+    //         selectedRows: [],
+    //         queryKey: undefined,
+    //     })
+    // }
+
+    // handleCancel = () => {
+    //     this.setState({
+    //         // selectedRows: [],//暂不置空
+    //         queryKey: undefined,
+    //     })
+    //     this.props.onCancel();
+    //
+    // }
+
+    changeRowSelection = (selectedRows_: SelectedRow[], selectedDatas_: DtmplData[], allRowKeys?: string[]) => {
+        //console.log('changeRowSelection:', allRowKeys);
+        let selectedRows_new: SelectedRow[];
+        let selectedDatas_new: DtmplData[] = [];
+        const {selectedRows, selectedDatas, onChange, maxSelectedRows} = this.props;
+        if (allRowKeys) {
+            let selectedKeys = [];
+            let selectedRows_1: SelectedRow[] = [];
+            if (maxSelectedRows != 1) {
+                selectedRows_1.push(...selectedRows);
+            }
+            //先追加
+            let contains: boolean = false;
+            for (let s1 of selectedRows_) {
+                contains = false;
+                for (let s2 of selectedRows_1) {
+                    if (s1.code == s2.code) {
+                        contains = true;
+                    }
+                }
+                if (!contains) {
+                    selectedRows_1.push(s1);
+                }
+                selectedKeys.push(s1.code);
+            }
+            //再删除
+            let selectedRows_2: SelectedRow[] = [];
+            selectedRows_2.push(...selectedRows_1);
+            for (let row of selectedRows_1) {
+                if (allRowKeys.includes(row.code) && !selectedKeys.includes(row.code)) {
+                    for (let i in selectedRows_2) {
+                        let s = selectedRows_2[i];
+                        if (s.code == row.code) {
+                            selectedRows_2.splice(Number(i), 1);
+                        }
+                    }
+                }
+            }
+            selectedRows_new = selectedRows_2;
+        } else {
+            selectedRows_new = selectedRows_;
+        }
+        let selectedDatas_1: DtmplData[] = [...selectedDatas, ...selectedDatas_];
+        for (let s of selectedRows_new) {
+            for (let d of selectedDatas_1) {
+                if (d.code == s.code) {
+                    selectedDatas_new.push(d);
+                }
+            }
+        }
+        onChange(selectedRows_new, selectedDatas_new);
+    }
+
+    onChangePage=(pageNo,pageSize)=>{
+
+        this.setState({pageNo,pageSize})
+
+    }
+
+
+    render() {
+        let {maxSelectedRows, selectedRows, selectedDatas,serverKey} = this.props;
+        let {queryKey, columns, selectConfig, criteriaData, loading,pageNo,pageSize} = this.state;
+
+        if (!selectConfig) {
+            return <>
+            </>
+        }
+        let {buttons, criterias, jumps, actions,fileExports} = selectConfig
+        let displayCriteriaCard: boolean = false;
+        if (buttons.includes('batchDelete') || (buttons.includes('query') && criterias && criterias.length > 0) ||
+            (actions && actions.length > 0) || (jumps && jumps.length > 0) || (fileExports && fileExports.length>0)) {
+            displayCriteriaCard = true;
+        }
+        return (
+            // <Card
+            //     // title={<SelectedRowsCard value={selectedRows} onChange={this.changeRowSelection}></SelectedRowsCard>}
+            //     style={{width: 1100,maxWidth: 'calc(100vw - 60px)', maxHeight: 'calc(100vh - 50px)'}}
+            //     // onOk={this.handleOk}
+            // >
+            <div className="actTable"
+                // style={{width: 1100,maxWidth: 'calc(100vw - 60px)', maxHeight: 'calc(100vh - 50px)',overflow:'auto'}}
+            >
+                <CriteriaForm serverKey={serverKey} selectedRows={selectedRows} selectedDatas={selectedDatas} ltmplConfig={selectConfig}
+                              data={criteriaData}
+                              doSearch={this.doSearch} loading={loading}/>
+                <QueryTable serverKey={serverKey} maxSelectedRows={maxSelectedRows} selectedRows={selectedRows}
+                            primaryColumn={selectConfig.primaryColumn}
+                            columns={columns}
+                            pageInfo={{pageNo,
+                                pageSize: pageSize?pageSize:selectConfig.defaultPageSize}}
+                            onChangePage={this.onChangePage}
+                            queryKey={queryKey}
+                            onChangeRowSelection={this.changeRowSelection}/>
+            </div>
+            // </Card>
+        );
+    }
+}
+
 export default SelectTable;