aldehyde 0.2.6 → 0.2.8

package/src/aldehyde/module/ltmpl-page.tsx

@@ -1,233 +0,0 @@
-import React,{ReactNode} from 'react'
-import {AddOrUpdate, DtmplData, LtmplConfigRes} from '../tmpl/interface';
-import Units from "../units";
-import ActTable,{Mode} from '../table/act-table'
-// import StatActTable from '../table/stat-act-table'
-import HCDataSource from "../tmpl/hc-data-source";
-import ModalDtmplView from "../detail/view/modal-dtmpl-view";
-import DtmplEditPage from "../detail/edit/dtmpl-edit-page";
-import {Button, Drawer, Space} from "antd";
-
-//以列表为入口的，页面内列表，基本原则是所有交互在页面内完成，不会触发路由。
-
-export interface LtmplPageProps  {
-    sourceId:string,
-    mainCode?:string;
-    showView?: (code: string,toCustomPage?:boolean) => void,
-    doCreate?: (handleOk:()=>void) => void,
-    doEdit?: (code: string,mode:AddOrUpdate,handleOk:()=>void) => void,
-    doSearch?: (params: object) => void,
-    doRAction?:(ractionId:string,mainCode:string)=>void,
-    funcMode?:Mode,
-    title?:ReactNode,
-    collapsible?: boolean,
-    initCollapse?:boolean,
-};
-
-export interface LtmplPageState  {
-    ltmplConfigRes:LtmplConfigRes;
-    criteriaData:object;
-    showDtmplView:boolean;
-    selectedCode:string;
-    showDtmplEdit:boolean;
-    showDraw:boolean;
-    ractionId:string,
-    collapse:boolean,
-};
-
-class LtmplPage extends React.PureComponent<LtmplPageProps, LtmplPageState> {
-
-    state = {
-        ltmplConfigRes: undefined,
-        criteriaData:undefined,
-        showDtmplView:false,
-        showDtmplEdit:false,
-        selectedCode:undefined,
-        showDraw:false,
-        ractionId:undefined,
-        collapse:false,
-    }
-
-    static defaultProps = {
-        collapsible: false,
-        initCollapse:false,
-    }
-
-    async componentDidMount() {
-        this.loadLtmplConfig();
-        const { collapsible,initCollapse} = this.props;
-        if(collapsible){
-            this.setState({
-                collapse:initCollapse
-            })
-        }
-
-    }
-
-    async componentDidUpdate(prevProps) {
-        const { sourceId,mainCode} = this.props;
-        if(!prevProps || prevProps.sourceId!=sourceId){
-            this.loadLtmplConfig();
-        }else if(mainCode && prevProps.mainCode!=mainCode){//此处处理有效，但不高效
-            this.loadLtmplConfig();
-        }
-    }
-
-    loadLtmplConfig = async () => {
-        const {sourceId} = this.props;
-        let ltmplConfigRes:LtmplConfigRes = await HCDataSource.requestLtmplConfig(sourceId);
-        let criteriaData;
-        //提取 过滤条件的默认值
-        if(ltmplConfigRes){
-           let defaultCriteriaValue=ltmplConfigRes.ltmplConfig.defaultCriteriaValue;
-           if(defaultCriteriaValue){
-               criteriaData=this.toCriteriaData(defaultCriteriaValue);
-           }
-        }
-        this.setState({
-            ltmplConfigRes,criteriaData
-        })
-    }
-    toCriteriaData =  (values:object) => {
-       let  criteriaData={};
-        if(values){
-            for (let key in values) {
-                criteriaData[key]=Units.configParamTrans(values[key]);
-            }
-        }
-        criteriaData['sequence']=Units.getRandomNum(6);
-        return criteriaData;
-    }
-
-    showView = (code: string) => {
-        this.setState({
-            selectedCode:code,
-            showDtmplView:true,
-        })
-    }
-
-    doEdit = (code: string,mode:AddOrUpdate,toCustomPage?:boolean) => {
-        const {doEdit}=this.props
-        if(toCustomPage && doEdit){
-            doEdit(code,mode,()=>{
-                this.doSearch(this.state.criteriaData);
-            });
-        }else{
-            this.setState({
-                selectedCode:code,
-                showDtmplEdit:true,
-            })
-        }
-    }
-    doRAction = (ractionId:string,mainCode:string) => {
-        this.setState({
-            selectedCode:mainCode,
-            showDraw:true,
-            ractionId
-        })
-    }
-    doCreate = (toCustomPage) => {
-        const {doCreate}=this.props
-        if(toCustomPage && doCreate){
-            doCreate(()=>{
-                this.doSearch(this.state.criteriaData);
-            });
-        }else{
-            this.setState({
-                selectedCode:null,
-                showDtmplEdit:true,
-            })
-        }
-    }
-    closeDrawer=()=>{
-        this.setState({
-            showDraw:false,
-        })
-    }
-
-    doSearch = (params_) => {
-        const { sourceId,mainCode,collapsible} = this.props;
-        let params = {...params_}
-        //追加过滤条件，hiddenColIds，innerQueryKey
-        if (mainCode) {
-            params['mainCode'] = mainCode;
-        }
-        params['sourceId'] = sourceId;
-        if(collapsible){
-            this.setState({
-                collapse:false,
-            });
-        }
-        this.setState({
-            criteriaData:this.toCriteriaData(params)
-        });
-    }
-
-    handleDtmplEdit =  (code: string) => {
-        this.doSearch(this.state.criteriaData);
-        this.setState({
-            showDtmplEdit:false,
-        })
-    }
-
-
-    render() {
-        const {ltmplConfigRes,criteriaData,showDtmplView,selectedCode,showDtmplEdit,ractionId,showDraw,collapse} = this.state;
-        const { sourceId,mainCode,showView,doSearch,doRAction,funcMode,title,collapsible,initCollapse} = this.props;
-
-        if (!ltmplConfigRes) {
-            return <></>;
-        } else {
-            const {buttons}=ltmplConfigRes.ltmplConfig
-            return <>
-                <ActTable  collapsible={collapsible} initCollapse={initCollapse && collapse} title={title} funcMode={funcMode} mainCode={mainCode} showView={showView?showView:this.showView} doRAction={doRAction?doRAction:this.doRAction}
-                             doSearch={doSearch?doSearch:this.doSearch} doEdit={this.doEdit} doCreate={this.doCreate}
-                             sourceId={sourceId} criteriaData={criteriaData}
-                             ltmplConfig={ltmplConfigRes.ltmplConfig} />
-                {buttons.includes('detail') ?
-                    <ModalDtmplView open={showDtmplView} onCancel={()=>{
-                    this.setState({
-                        showDtmplView:false,
-                    })}
-                    }                mainCode={mainCode}
-                                    sourceId={sourceId}
-                                    code={selectedCode}> </ModalDtmplView> : ""}
-                {buttons.includes('dtmplEdit') || buttons.includes('dtmplAdd') ?
-                    <DtmplEditPage open={showDtmplEdit} onCancel={()=>{
-                        this.setState({
-                            showDtmplEdit:false,
-                        })}}
-                                   sourceId={sourceId}
-                                   mainCode={mainCode}
-                                   code={selectedCode}
-                                   onOk={this.handleDtmplEdit}  />
-                    : ""}
-                <Drawer
-                    placement={'left'}
-                    title="关联查询"
-                    closable={true}
-                    mask={false}
-                    onClose={this.closeDrawer}
-                    open={showDraw}
-                    width={'calc(100% - 280px)'}
-                    style={{
-                        maxWidth: 1960,
-                    }}
-                    extra={
-                        <Space>
-                            <Button  onClick={this.closeDrawer}>关闭</Button>
-                        </Space>
-                    }
-                >
-                    {
-                        <LtmplPage  sourceId={ractionId} mainCode={selectedCode}></LtmplPage>
-                    }
-                </Drawer>
-              </>
-        }
-
-    }
-}
-
-export default LtmplPage;
-