aldehyde 0.0.2 → 0.0.3

package/src/components/detail/view/modal-dtmpl-view.tsx

@@ -1,56 +0,0 @@
-import React from 'react';
-import {Modal, ModalProps as AntdModalProps,Form,Button} from 'antd'
-import {DtmplConfig, EnumItem, ViewOrEdit} from "../../tmpl/interface";
-import ActDtmplView, {ActDtmplViewProps} from "./act-dtmpl-view";
-import Scrollbars from 'react-custom-scrollbars';
-interface ModalDtmplViewProps extends AntdModalProps, ActDtmplViewProps{
-    height:any,
-}
-
-interface ModalDtmplViewState {
-
-}
-
-export default class ModalDtmplView extends React.PureComponent<ModalDtmplViewProps, ModalDtmplViewState> {
-
-    static defaultProps = {
-        showConfirm: true,
-        height:500,
-        //antd modal
-        forceRender:true,
-        style:{maxWidth: 'calc(100vw - 60px)', maxHeight: 'calc(100vh - 50px)'},
-        cancelText:"取消",
-        form:Form.useForm,
-    }
-    static state={
-        viewOrEdit:'view',
-    }
-
-
-    // onCancel=()=>{
-    //
-    // }
-
-    render() {
-        // console.log('antdModalProps:',this.antdModalProps);
-        const {height,onOk,onCancel,code,style,sourceId,visible} = this.props
-        console.log('antdModalProps code :',code);
-        //const {code} = this.state;
-        return <Modal
-            visible={visible}
-            title={"查看"}
-            // style={style}
-            width={'1250px'}
-            centered
-            bodyStyle={{height: height, overflow: 'auto'}}
-            onCancel={onCancel}
-            footer={[
-                <Button key="back"  onClick={onCancel}>
-                    取 消
-                </Button>]}
-        >
-            {code?<ActDtmplView rightBarPositionRight={30} sourceId={sourceId}  code={code} > </ActDtmplView>:""}
-        </Modal>
-    }
-
-}

package/src/components/detail/view/snapshot-timeline.tsx

@@ -1,130 +0,0 @@
-import React from 'react'
-import {Button, Drawer, Timeline} from 'antd'
-import HcserviceV3 from "../../tmpl/hcservice-v3";
-import '../dtmpl.css';
-import {DtmplConfig, SourceName} from "../../tmpl/interface";
-import Units from '../../units';
-import DtmplView from "./dtmpl-view";
-
-export interface SnapshotTimelineProps {
-    sourceId: string;
-    code: string;
-    showSnapshot?: (id: number) => void;
-    onClose: () => void;
-    visible: boolean;
-    dtmplConfig: DtmplConfig;
-};
-
-export interface SnapshotTimelineStat {
-    list: any[],
-    loading: boolean,
-    current?: number;
-};
-
-class SnapshotTimeline extends React.PureComponent<SnapshotTimelineProps, SnapshotTimelineStat> {
-    static defaultProps = {}
-
-    state = {
-        list: undefined,
-        loading: false,
-        current: undefined,
-    }
-
-    async componentDidMount() {
-
-    }
-
-    async componentDidUpdate(prevProps) {
-        const {visible} = this.props;
-        const {list} = this.state;
-        if (visible && !list) {
-            this.loadData();
-        }
-    }
-
-    loadData = async () => {
-        const {sourceId, code, showSnapshot} = this.props;
-        const {current} = this.state;
-        if (code) {
-            this.setState({
-                loading: true,
-            })
-            const list = await HcserviceV3.requestVersionList( sourceId, code);
-            this.setState({
-                list, current: !current && list.length > 0 ? list[0].code : current,
-                loading: false,
-            })
-        }
-    }
-
-    onChange = (code: number) => {
-        const {showSnapshot} = this.props;
-        this.setState({
-            current: code
-        })
-        showSnapshot(code);
-    }
-
-    detailHistory = () => {
-        const {list, current} = this.state;
-        let detailHistory
-        if (list.length > 0) {
-            detailHistory = list.map((item, index) => {
-                const isCurrentItem = (current ? item.code === current : false);
-                const color = isCurrentItem ? "red" : "blue";
-                return <Timeline.Item color={color} key={index}>
-                    {Units.formateDate(item.time)}<br/>
-                    {`` + item.userName}
-                    {isCurrentItem ? "" : <Button
-                        style={{marginLeft: 10}}
-                        type="primary"
-                        size="small"
-                        onClick={() => this.onChange(item.code)}
-                    >查看</Button>
-                    }
-                </Timeline.Item>
-            })
-
-            return detailHistory;
-        }
-    }
-
-    render() {
-        const {visible, onClose, dtmplConfig, sourceId,  code} = this.props;
-        const {list, current} = this.state;
-        return (
-            <>
-                <Drawer
-                    title="快照列表"
-                    closable={true}
-                    onClose={onClose}
-                    visible={visible}
-                    width={350}
-                >
-                    {list && list.length > 0 ? <Timeline mode="alternate">
-                        {this.detailHistory()}
-                    </Timeline> : "暂无历史记录"}
-                </Drawer>
-                <Drawer
-                    placement={'left'}
-                    title="快照查看"
-                    closable={true}
-                    mask={false}
-                    onClose={onClose}
-                    visible={visible}
-                    width={'calc(100% - 380px)'}
-                    style={{
-                        maxWidth: 1960,
-                    }}
-                >
-                    <DtmplView showRightNav={false} dtmplConfig={dtmplConfig} sourceId={sourceId}
-                                code={code} versionId={current}></DtmplView>
-                </Drawer>
-            </>
-        );
-    }
-}
-
-
-export default SnapshotTimeline;
-

package/src/components/exportor/export-frame.css

@@ -1,3 +0,0 @@
-.exportFrame .ant-divider-horizontal{
-    margin:12px 0;
-}

package/src/components/exportor/export-frame.tsx

@@ -1,194 +0,0 @@
-import React from 'react'
-import {Button,Radio,Divider,InputNumber,Checkbox,Progress} from 'antd';
-import './export-frame.css'
-import Super from "../tmpl/superagent"
-import Units from "../units"
-import {PageInfo, QueryKey, SourceName} from "../tmpl/interface";
-const RadioGroup = Radio.Group;
-type ExportStatus = 'ready'|'exporting' | 'success'|'fail' |'stop';
-type ExportMode = 'current'|'all';
-interface ExportFrameProps {
-    defaultExportMode?:string,
-    queryKey: QueryKey;
-    currentPage?:PageInfo;
-    title:string;
-}
-
-interface ExportFrameStat {
-    interrupted:boolean,
-    disabledPageNoInput:boolean,
-    disabledCurrentPageRadio:boolean,
-    disabledAllPageRadio:boolean,
-    exportId:string,
-    startPageNo:number,
-    endPageNo:number,
-    exportMode:string,
-    percent:number,
-    exportStatus:string,
-    exportingMsg:string,
-}
-
-
-export default class ExportFrame extends React.PureComponent<ExportFrameProps, ExportFrameStat>{
-
-   static defaultProps={
-        defaultExportMode:'all'
-    }
-
-    state={
-        interrupted:false,
-        disabledPageNoInput:false,
-        disabledCurrentPageRadio:false,
-        disabledAllPageRadio:false,
-        exportId:undefined,
-        startPageNo:1,
-        endPageNo:10,
-        exportMode:'all',
-        percent:0,
-        exportStatus:'ready',
-        exportingMsg:'',
-    }
-
-    componentWillUnmount(){
-        console.log("销毁")
-    }
-
-    onChangeRadio=(e)=>{
-        this.setState({
-            exportMode: e.target.value,
-            startPageNo:1,
-            endPageNo:10,
-        });
-    }
-
-    timerID=undefined;
-
-    handleStart=()=>{
-        const {queryKey,currentPage,title }=this.props
-        const { startPageNo,endPageNo,exportMode }=this.state
-        Super.super({
-            url:`/v3/ltmp/data/exporter`,
-            method:'GET',
-            query:{
-                scope:exportMode,
-                withDetail:false,
-                queryKey:queryKey.key,
-                startPageNo:exportMode=='all'?startPageNo:currentPage.pageNo,
-                endPageNo:exportMode=='all'?endPageNo:currentPage.pageNo,
-            } ,
-		}).then((res)=>{
-			if(res.exportId){
-                this.setState({
-                    exportId:res.exportId,
-                    exportStatus:'exporting'
-                })
-                this.statusOut(res.exportId)
-                this.timerID=setInterval(
-                    () =>this.statusOut(res.exportId),
-                    1000
-                  );
-            }else{
-                this.setState({
-                    exportStatus:'fail'
-                })
-            }
-		})
-    }
-    statusOut=(exportId)=>{
-        const {exportStatus}=this.state;
-        Super.super({
-            url:`/v3/exporter/status`,
-            query:{
-                interrupted:exportStatus=='stop',
-                exportId
-            }  ,
-            method:'GET',
-		},"","none").then((res)=>{
-            if(res.breaked){
-                this.setState({
-                    exportingMsg:'已终止',
-                    percent:0,
-                })
-            }else{
-                this.setState({
-                    exportingMsg:res.statusMsg,
-                    percent:Math.floor((res.current/res.totalCount)*100),
-                })
-            }
-
-            if(exportStatus=='stop'){
-                clearInterval(this.timerID);               
-            }
-            if(res.completed===true){
-                clearInterval(this.timerID);
-                this.setState({
-                    exportStatus:'success',
-                    exportingMsg:res.statusMsg,
-                    percent:Math.floor((res.current/res.totalCount)*100),
-                })
-            }
-		})
-    }
-    download=()=>{
-        const {title}=this.props;
-        const {exportId}=this.state;
-        const hydrocarbonToken=Units.getLocalStorge("hydrocarbonToken")
-        Units.downloadFile(Units.api()+`/v3/exporter/excel?exportId=${exportId}&@token=${hydrocarbonToken}`,title)
-    }
-
-    handleCancel=()=>{
-        this.setState({
-            percent:0,
-            exportStatus:'stop',
-        });
-    }
-   
-    render(){
-        const {defaultExportMode,currentPage}=this.props
-        const { startPageNo,endPageNo,disabledPageNoInput,exportMode,exportStatus,percent,exportingMsg}=this.state
-        return (
-            <div style={{width:'400px'}} className="exportFrame">
-                {currentPage?<><RadioGroup onChange={this.onChangeRadio} value={exportMode} defaultValue={defaultExportMode}>
-                    <Radio value={'current'} disabled={exportStatus=='exporting'} >导出当前页</Radio>
-                    <Radio value={'all'} disabled={exportStatus=='exporting'}>导出所有</Radio>
-                </RadioGroup><Divider /></>:""}
-                {exportMode=='all'?
-                    <div>
-                        页号：
-                        <InputNumber 
-                            min={1}
-                            value={startPageNo}
-                            placeholder="开始页号"
-                            onChange={(v1)=>this.setState({startPageNo: v1})}
-                            disabled={disabledPageNoInput}/>-
-                        <InputNumber 
-                            min={1}
-                            value={endPageNo}
-                            placeholder="结束页号"
-                            onChange={(v2)=>this.setState({endPageNo:v2})}
-                            disabled={disabledPageNoInput}/>
-                        <Divider />
-                    </div>:"" }
-                <div >
-                    {exportStatus=='ready'?
-                        <Button type="primary"   onClick={this.handleStart}>
-                            开始导出
-                        </Button>: exportStatus=='exporting'?<Button  onClick={this.handleCancel}>取消导出</Button>:
-                            <Button   onClick={this.handleStart}>
-                                重新导出
-                            </Button>
-                    }
-                    {exportStatus=='success'?<Button type="primary" style={{marginLeft:10}}
-                                                   disabled={exportStatus!='success'}
-                                                   onClick={this.download}>下载文件
-                    </Button>:''
-                    }
-                    {percent>0?
-                        <Progress percent={percent} size="small" status="active" />:""
-                    }
-                    <p>{exportingMsg}</p>
-                </div>
-            </div>
-        )
-    }
-}

package/src/components/exportor/index.tsx

@@ -1,60 +0,0 @@
-import React from 'react'
-import {Card,Button,Upload,message,Progress,List,Checkbox,Row,Col,Modal,Popover,InputNumber } from 'antd'
-import {SyncOutlined,ReloadOutlined ,SnippetsOutlined,UploadOutlined,CopyOutlined,SettingOutlined} from '@ant-design/icons';
-import Super from "../tmpl/superagent"
-import Units from "../units"
-import './index.css'
-import {LtmplConfig, QueryKey, SelectedRow, SourceName, TmplBaseProps} from "../tmpl/interface";
-import moment from "moment";
-import HCDataSource from "../tmpl/hc-data-source";
-
-const CheckboxGroup = Checkbox.Group;
-const logLevelList: LogLevel[]= ['INFO', 'SUC', 'ERROR', 'WARN'];
-let totalMSG=[]
-type LogLevel = 'INFO'| 'SUC'|'ERROR'|'WARN';
-type ImportStatus = 'waitingFile'| 'fileSelected' |'importing' | 'success'|'fail' |'stop';
-
-interface ExcelExportProps  {
-    sourceId:string,
-};
-
-interface ExcelExportStat {
-
-};
-
-export default class ExcelExport extends React.PureComponent<ExcelExportProps, ExcelExportStat>{
-
-    state = {
-
-    }
-
-    timerId=undefined;
-
-   async componentDidMount(){
-       const {sourceId}=this.props;
-
-        let ltmplConfigRes = await HCDataSource.requestLtmplConfig(sourceId);
-
-        this.setState({
-            ltmplConfig:ltmplConfigRes.ltmplConfig,
-        })
-
-    }
-    componentWillUnmount(){
-        if(this.timerId){
-            clearInterval(this.timerId);
-        }
-    }
-
-
-
-
-
-
-
-    render(){
-        const { } = this.state;
-
-        return <></>
-    }
-}

package/src/components/form/criteria-form.tsx

@@ -1,241 +0,0 @@
-import React, {useEffect} from 'react';
-import {Button, Card, Col, Collapse, Form as AntdForm, Popconfirm, Row, Select, Space} from 'antd';
-import {CriteriaConfig, DtmplData, LtmplConfig, SelectConfig, SelectedRow} from "../tmpl/interface";
-import EntryControl from "../controls/entry-control";
-import Action from "../controls/action";
-import CquickButton from '../controls/cquery/cquick-button'
-
-const {Panel} = Collapse;
-const FormItem = AntdForm.Item;
-
-export interface CriteriaFormProps {
-    ltmplConfig: LtmplConfig | SelectConfig;
-    data: object;
-    selectedRows: SelectedRow[];
-    selectedDatas?:DtmplData[];
-    doSearch?: (data: object) => void;
-    doDelete?: () => void;
-    doAction?: (string, selectedRows: SelectedRow[], object) => void,
-    doJump?: (jumpId: string) => void;
-    doCQuery?:(cqueryId: string) => void;
-    hiddenCriteriaIds?: string[];
-    visible?: boolean;
-    loading: boolean;
-};
-
-const CriteriaForm: React.FC<CriteriaFormProps> = (props) => {
-
-    const {ltmplConfig, doSearch, doAction, doJump, doDelete, selectedRows, data, visible, loading,selectedDatas,doCQuery} = props;
-    let [form] = AntdForm.useForm();
-    // @ts-ignore
-    let {buttons, actions, jumps,cQuerys, criterias, drillingParams, columns} = ltmplConfig;
-    const initialValues = {};
-    const searchSubmit = (data) => {
-        if (doSearch) {
-            doSearch(data);
-        }
-    }
-
-    useEffect(() => {
-        form.resetFields();
-    });
-
-    let showQueryButton = buttons.includes("query") && doSearch;
-
-    let showDeleteButton = buttons.includes("delete") && doDelete;
-    let deleteButtonDisabled = !(selectedRows && selectedRows.length > 0);
-
-    const renderAction = () => {
-        if (doAction && actions && actions.length > 0) {
-            return actions.map((action) => {
-                let disabled = true;
-                if (selectedRows) {
-                    if (selectedRows.length > 0 && action.multible) {
-                        disabled = false;
-                    } else if (selectedRows.length == 1) {
-                        disabled = false;
-                    }
-                }
-                // return <Popconfirm key={action.id}
-                //     placement="leftBottom"
-                //     title={`确定要对选中数据执行【${action.title}】吗？`}
-                //     onConfirm={() => {
-                //         doAction(action.id)
-                //     }}
-                //     okText="确定"
-                //     cancelText="取消"
-                // >
-                //     <Button type="primary" key={action.id}
-                //             disabled={disabled}>{action.title}</Button>
-                // </Popconfirm>;
-                return   <Action hiddenType={"disabled"} key={action.id} disabled={disabled} data={selectedDatas} actionConfig={action}  doAction={doAction}  serial={1} ></Action>
-            });
-        }
-    }
-
-    const renderJump = () => {
-        if (doJump && jumps && jumps.length > 0) {
-            return jumps.map((jump) => {
-                let disabled = true;
-                if (selectedRows) {
-                    if (selectedRows.length > 0 && jump.multible) {
-                        disabled = false;
-                    } else if (selectedRows.length == 1) {
-                        disabled = false;
-                    }
-                }
-                return <Button key={jump.id}
-                               onClick={() => doJump(jump.id)}
-                               disabled={disabled}>{jump.title}</Button>;
-            });
-        }
-    }
-
-    const renderCQuery = () => {
-        if (doCQuery && cQuerys && cQuerys.length > 0) {
-            return cQuerys.map((cquery) => {
-                let disabled = true;
-                if (selectedRows && selectedRows.length == 1) {
-                     disabled = false;
-                }
-                return <CquickButton key={cquery.id}
-                               // onClick={() => doCQuery(cquery.id)}
-                               disabled={disabled} cQueryConfig={cquery} mainCode={!disabled ?selectedRows[0].code:undefined}/>;
-            });
-        }
-    }
-
-    const  hasDimension=()=>{
-        columns.forEach((item) => {
-            if (item.statColType == 'dimension') {
-               return true;
-            }
-        });
-        return false;
-    }
-
-
-    const renderDrillDimension = () => {
-        let drillingColIdsName='drillingColIds'
-        let dimensionColIds = [];
-        const options = [];
-        columns.forEach((item) => {
-            if (item.statColType == 'dimension') {
-                options.push({label: item.title, value: item.id})
-                dimensionColIds.push(item.id);
-            }
-        });
-        options.push({label: '无', value: '5'});
-
-        initialValues[drillingColIdsName] = data ? data[drillingColIdsName]?data[drillingColIdsName]:dimensionColIds: dimensionColIds;
-
-        let fieldValue = data ? data[drillingColIdsName]:dimensionColIds;
-        let antdControlProps = {
-            placeholder: "请选择维度", disabled: false,value:fieldValue, style: {minWidth: 220, width: '100%'}
-        }
-        return <FormItem label={'维度'} name={drillingColIdsName} key={drillingColIdsName}
-                         rules={[{
-                                 required: true, message: `请选择维度,上钻到顶层请只选【无】`,
-                             }]} >
-            <Select
-                mode="multiple"
-                {...antdControlProps}
-                notFoundContent="暂无选项"
-                allowClear={true}
-                showSearch
-                showArrow={true}
-                options={options}
-            ></Select>
-        </FormItem>
-
-    }
-
-    const renderCriteria = (criterias: CriteriaConfig[]) => {
-        if (!criterias) {
-            return;
-        }
-        const {hiddenCriteriaIds} = props;
-        criterias.map((item) => {
-            let formItemName = 'c_' + item.id;
-            let fieldValue = data ? data[formItemName] : undefined;
-            initialValues[formItemName] = fieldValue;
-        });
-
-        if (doSearch) {
-            return criterias.map((item) => {
-                let formItemName = 'c_' + item.id;
-                let fieldValue = data ? data[formItemName] : undefined;
-                if (!hiddenCriteriaIds.includes(item.id)) {
-                    return <FormItem label={item.title} name={formItemName} key={item.id}
-                                     tooltip={item.tip}
-                                     rules={item.required ? [{
-                                         required: true, message: `请选择${item.title}`,
-                                     }] : undefined}>
-                        <EntryControl value={fieldValue} fieldConfig={item} />
-                    </FormItem>
-                }
-            })
-        }
-    };
-
-    return (
-        <AntdForm form={form} name="control-hooks" initialValues={initialValues} layout="inline"
-                  onFinish={searchSubmit} style={{width: '100%'}}>
-            {buttons.includes("drilling") && visible && (drillingParams.length>0 || hasDimension())?
-                <Collapse style={{width: '100%'}} defaultActiveKey={['1']}>
-                    <Panel header="设置-数据上钻" key="1">
-                        <Row>
-                            <Col>
-                                <Space size={'small'} wrap>
-                                    {renderCriteria(drillingParams)}
-                                    {renderDrillDimension()}
-                                </Space>
-                            </Col>
-                        </Row>
-                    </Panel>
-                </Collapse> : ""}
-            <Card
-                className="hoverable"
-                style={{display: visible ? "block" : "none", width: '100%'}}
-                headStyle={{background: "#f2f4f5"}}
-                loading={loading}>
-                <Row >
-                    <Col>
-                        <Space size={'small'} wrap>
-                            {renderCriteria(criterias)}
-                            <Space className="btns">
-                                {showQueryButton ?
-                                    <Button type="primary" htmlType="submit">
-                                        查询
-                                    </Button> : ""}
-                                {showDeleteButton ?
-                                    <Popconfirm
-                                        placement="rightBottom"
-                                        title={'确定要【删除】选中数据吗？'}
-                                        onConfirm={() => {
-                                            doDelete()
-                                        }}
-                                        okText="确定"
-                                        cancelText="取消"
-                                        okType={"danger"}
-                                    >
-                                        <Button danger disabled={deleteButtonDisabled}>删除选中</Button>
-                                    </Popconfirm>
-                                    : ""}
-                                {renderAction()}
-                                {renderJump()}
-                                {renderCQuery()}
-                            </Space>
-                        </Space>
-                    </Col>
-                </Row>
-            </Card>
-        </AntdForm>
-    );
-}
-CriteriaForm.defaultProps = {
-    hiddenCriteriaIds: [],
-    visible: true,
-}
-export default CriteriaForm;
-

package/src/components/form/dtmpl-form.css

@@ -1,4 +0,0 @@
-
-.pageHeader .ant-card-body{
-    padding:0px 24px 0px 24px;
-}