aldehyde 0.0.2 → 0.0.3

package/src/components/chart/antd/Max2DimLineChart.js

@@ -1,128 +0,0 @@
-import React from 'react';
-import LineChart from './LineChart-sub';
-import ColumnChart from './ColumnChart-sub';
-import PieChart from './PieChart-sub';
-import {Col, Divider, Row} from "antd";
-import chartUtils from "./ChartUtils";
-
-export default class Max2DimLineChart extends React.Component {
-
-    state = {
-        dataArray: [],
-    }
-
-    async componentWillMount() {
-
-        let {data, statView, ltmpl} = this.props;
-        console.log("data:", data);
-        console.log("statView:", statView);
-        console.log("ltmpl:", ltmpl);
-
-        this.init(data, statView, ltmpl);
-    }
-
-    componentWillReceiveProps(nextprops) {
-        let {data, statView, ltmpl} = nextprops;
-        this.init(data, statView, ltmpl);
-    }
-
-    init = (data, statView, ltmpl) => {
-        let data_;
-
-        let firstDim = undefined, secondDim = undefined, dimensions = [], facts = [];
-        ltmpl.columns.forEach((col) => {
-            if ("fact" == col.colClass) {
-                facts.push(col);
-            } else if ("dimension" == col.colClass) {
-                dimensions.push(col);
-            }
-        });
-        let lineData;
-        if (dimensions.length > 1) {
-            firstDim = dimensions[0];
-            secondDim = dimensions[1];
-            data_ = chartUtils.transValueFloatGroupByDim(ltmpl, data, firstDim);
-            lineData = new Map();
-            for (let [key, data1] of data_) {
-                lineData.set(key, []);
-                facts.forEach((fact) => {
-                    let obj1 = {};
-                    obj1.data = data1;
-                    obj1.config = {
-                        xAxisTitle: key,
-                        yAxisTitle: fact.title,
-                        xField: secondDim.title,
-                        yField: fact.title
-                    };
-                    lineData.get(key).push(obj1);
-                })
-            }
-        } else if (dimensions.length == 1) {
-            lineData = [];
-            secondDim = dimensions[0];
-            data_ = chartUtils.transValueFloat(ltmpl, data.list);
-            facts.forEach((fact) => {
-                let obj1 = {};
-                obj1.data = data_;
-                obj1.config = {
-                    xAxisTitle: secondDim.title,
-                    yAxisTitle: fact.title,
-                    xField: secondDim.title,
-                    yField: fact.title
-                };
-                lineData.push(obj1);
-            })
-        }
-
-        this.setState({
-            lineData
-        })
-    }
-
-    get2DimChart = (lineData) => {
-        let refL2ChartType = this.props.statView.refL2ChartType;
-        let list = [];
-        let that=this;
-        for (let [key, obj] of lineData) {
-            obj.map(function (val) {
-                list.push(<Col span={12} key={val.config.yAxisTitle}>
-                    { that.getChart1(refL2ChartType,val)}
-                    {/*<PieChart groupName={key} data={val.data} config={val.config}/>*/}
-                    <Divider dashed style={{borderTopColor: "#40a9ff",}} plain></Divider>
-                </Col>)
-            })
-        }
-        return list;
-    }
-
-    getChart1 = (refL2ChartType, val) => {
-        return refL2ChartType == '折线图' ?
-            <LineChart data={val.data} config={val.config}/>
-            : refL2ChartType == '柱图' ?
-                <ColumnChart data={val.data} config={val.config}/>
-                :
-                refL2ChartType == '饼图' ?
-                    <PieChart data={val.data} config={val.config}/> :
-                    <div>暂不支持的图形</div>
-    }
-
-    render() {
-        let {lineData} = this.state;
-        let refL2ChartType = this.props.refL2ChartType;;
-        let that=this;
-        return <div>
-            <Row style={{padding: '8px 0'}} gutter={[32, {xs: 8, sm: 16, md: 24, lg: 32}]}>
-                {lineData instanceof Map ?
-                    that.get2DimChart(lineData)
-                    : lineData ? lineData.map(function (val) {
-                        return <Col span={12} key={val.config.yAxisTitle}>
-                            {that.getChart1(refL2ChartType,val)}
-                            <Divider dashed style={{borderTopColor: "#40a9ff",}} plain></Divider>
-                        </Col>
-                    }) : ""
-                }
-            </Row>
-        </div>
-    }
-
-}

package/src/components/chart/antd/PieChart1.js

@@ -1,54 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Pie } from '@ant-design/charts';
-
-const DemoPie: React.FunctionComponent = () => {
-    var data = [
-        {
-            type: '分类一',
-            value: 27,
-        },
-        {
-            type: '分类二',
-            value: 25,
-        },
-        {
-            type: '分类三',
-            value: 18,
-        },
-        {
-            type: '分类四',
-            value: 15,
-        },
-        {
-            type: '分类五',
-            value: 10,
-        },
-        {
-            type: '其他',
-            value: 5,
-        },
-    ];
-    var config = {
-        appendPadding: 10,
-        data: data,
-        angleField: 'value',
-        colorField: 'type',
-        radius: 0.5,
-        label: {
-            type: 'inner',
-            offset: '-30%',
-            content: function content(_ref) {
-                var percent = _ref.percent;
-                return ''.concat(percent * 100, '%');
-            },
-            style: {
-                fontSize: 14,
-                textAlign: 'center',
-            },
-        },
-        interactions: [{ type: 'element-active' }],
-    };
-    return <Pie {...config} />;
-};
-
-export default DemoPie;

package/src/components/chart/antd/PieChart2.js

@@ -1,56 +0,0 @@
-import React from 'react';
-import {Pie} from '@ant-design/charts';
-
-export default class PieChart extends React.Component {
-    render() {
-        let { data,key} = this.props;
-        // let data = [
-        //     {
-        //         type: '分类一',
-        //         value: 27,
-        //     },
-        //     {
-        //         type: '分类二',
-        //         value: 25,
-        //     },
-        //     {
-        //         type: '分类三',
-        //         value: 18,
-        //     },
-        //     {
-        //         type: '分类四',
-        //         value: 15,
-        //     },
-        //     {
-        //         type: '分类五',
-        //         value: 10,
-        //     },
-        //     {
-        //         type: '其他',
-        //         value: 5,
-        //     },
-        // ];
-
-        var config = {
-            appendPadding: 10,
-            data: data,
-            angleField: 'value',
-            colorField: 'type',
-            radius: 0.6,
-            label: {
-                type: 'inner',
-                offset: '-30%',
-                content: function content(_ref) {
-                    var percent = _ref.percent;
-                    return ''.concat((percent * 100).toFixed(2), '%');
-                },
-                style: {
-                    fontSize: 14,
-                    textAlign: 'center',
-                },
-            },
-            interactions: [{type: 'element-active'}],
-        };
-        return <Pie key={key} {...config} />;
-    }
-};

package/src/components/chart/antd/chart-utils.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import {DtmplData, LtmplConfig} from "../../tmpl/interface";
-
-
-export default {
-    transValueFloat(ltmpl:LtmplConfig,data:DtmplData[]){
-        let data_=[];
-        let cols= ltmpl.columns;
-        if(data){
-            data.map(function (val) {
-                let value={};
-                Object.keys(val.fieldMap).forEach((key)=>{
-                    cols.forEach((col)=>{
-                        if(col.id==key){
-                            let v1=parseFloat(val.fieldMap[key]);
-                            value[col.title]=isNaN(v1)?val.fieldMap[key]:v1;
-                            return;
-                        }
-                    })
-                });
-                data_.push(value);
-            })
-        }
-        console.log("chartData:",data_);
-        return data_;
-    },
-    transValueFloatGroupByDim(ltmpl:LtmplConfig,data:DtmplData[],dimension){
-
-        let dimKey=dimension.id;
-        //先分类
-        let map1=new Map();
-        if(data){
-            data.map(function (val) {
-                let v1=val.fieldMap[dimKey];
-                if(v1){
-                    if(!map1.has(v1)){
-                        map1.set(v1,[]);
-                    }
-                    map1.get(v1).push(val);
-                }
-            })
-        }
-        let map2=new Map();
-        //再转换
-        for(let [key,value] of map1){
-            map2.set(key,this.transValueFloat(ltmpl,value));
-        }
-        return map2;
-    },
-}

package/src/components/chart/antd/column-chart-sub.tsx

@@ -1,67 +0,0 @@
-import React , { useRef } from "react";
-import {Column}  from '@ant-design/charts';
-import {Plot,ColumnOptions} from '@antv/g2plot';
-import {Space} from 'antd';
-import {SubChartProps} from "../../tmpl/interface";
-
-interface ColumnChartProps extends SubChartProps {
-
-};
-
-const ColumnChart: React.FC<ColumnChartProps> = (paras) => {
-
-    // const ref = React.createRef<Plot<ColumnOptions>>();
-    const ref = useRef();
-
-    const downloadImage = () => {
-        if(ref.current){
-            // @ts-ignore
-            ref.current.downloadImage()
-        }
-    };
-
-    const config = {
-        data: paras.data,
-        height: 400,
-        xField: paras.config.xField,
-        yField: paras.config.yField,
-        point: {
-            size: 5,
-            shape: 'diamond',
-        },
-        xAxis: {
-            title: {
-                text: paras.config.xAxisTitle,
-                style: {fontSize: 14},
-            },
-        },
-        yAxis: {
-            title: {
-                text: paras.config.yAxisTitle,
-                style: {fontSize: 14},
-            },
-        },
-        label: {
-            style: {
-                fill: '#aaa',
-            },
-        },
-    };
-
-    return <div>
-        <Space direction="vertical" size={'middle'} style={{width: '100%'}}>
-            <button type="button" onClick={downloadImage} style={{marginRight: 24}}>
-                导出
-            </button>
-            <Column  {...config} onReady={(plot) => {
-                // @ts-ignore
-                ref.current = plot;
-            }}/>
-        </Space>
-
-    </div>
-
-}
-
-export default ColumnChart;
-

package/src/components/chart/antd/line-chart-sub.tsx

@@ -1,65 +0,0 @@
-import React, {useRef} from "react";
-import {Line } from '@ant-design/charts';
-import {Space} from 'antd';
-import {SubChartProps} from "../../tmpl/interface";
-
-interface LineChartProps extends SubChartProps {
-
-};
-
-const LineChart: React.FC<LineChartProps> = (paras) => {
-
-    const ref = useRef();
-
-    const downloadImage = () => {
-        if (ref.current) {
-            // @ts-ignore
-            ref.current.downloadImage(paras.config.xAxisTitle+"_"+paras.config.yAxisTitle)
-        }
-    };
-
-    const config = {
-        data: paras.data,
-        height: 400,
-        xField: paras.config.xField,
-        yField: paras.config.yField,
-        point: {
-            size: 5,
-            shape: 'diamond',
-        },
-        xAxis: {
-            title: {
-                text: paras.config.xAxisTitle,
-                style: { fontSize: 14 },
-            },
-        },
-        yAxis: {
-            title: {
-                text: paras.config.yAxisTitle,
-                style: { fontSize: 14 },
-            },
-        },
-        label: {
-            style: {
-                fill: '#aaa',
-            },
-        },
-    };
-
-    return <div>
-        <Space direction="vertical" size={'middle'}  style={{width:'100%'}}>
-            <button type="button" onClick={downloadImage} style={{marginRight: 24}}>
-                导出
-            </button>
-            <Line  {...config} onReady={(plot) => {
-                // @ts-ignore
-                ref.current = plot;
-            }}/>
-        </Space>
-
-    </div>
-
-}
-
-export default LineChart;
-

package/src/components/chart/antd/pie-chart-sub.tsx

@@ -1,54 +0,0 @@
-import React, {useRef} from "react";
-import {Pie } from '@ant-design/charts';
-import {Space} from 'antd';
-import {SubChartProps} from "../../tmpl/interface";
-
-interface PieChartProps extends SubChartProps {
-
-};
-
-const PieChart: React.FC<PieChartProps> = (paras) => {
-
-    const ref = useRef();
-
-    const downloadImage = () => {
-        if (ref.current) {
-            // @ts-ignore
-            ref.current.downloadImage()
-        }
-    };
-
-    const config = {
-        appendPadding: 4,
-        data: paras.data,
-        angleField: paras.config.yField,
-        colorField: paras.config.xField,
-        radius: 0.75,
-        label: {
-            type: 'spider',
-            labelHeight: 28,
-            content: '{name}\n{percentage}',
-        },
-        interactions: [{ type: 'element-selected' }, { type: 'element-active' }],
-    };
-
-    return <div >
-        <Space direction="vertical" size={'middle'}  style={{width:'100%'}}>
-            <Space>
-            <button type="button" onClick={downloadImage} style={{marginRight: 24}}>
-                导出
-            </button>
-            <div style={{fontSize:'16px'}} >{paras.groupName+"-"+paras.config.xField+"-"+paras.config.yField}</div>
-            </Space>
-            <Pie  {...config} onReady={(plot) => {
-                // @ts-ignore
-                ref.current = plot;
-            }}/>
-        </Space>
-
-    </div>
-
-}
-
-export default PieChart;
-

package/src/components/chart/antd/statview-d2-chart.tsx

@@ -1,125 +0,0 @@
-import React from 'react';
-import LineChart from './line-chart-sub';
-import ColumnChart from './column-chart-sub';
-import PieChart from './pie-chart-sub';
-import {Col, Divider, Row} from "antd";
-import chartUtils from "./chart-utils";
-import {ChartType, DtmplData, LtmplConfig} from "../../tmpl/interface";
-
-interface StatView2DChartProps {
-    ltmplConfig: LtmplConfig;
-    dataSource: DtmplData[];
-    hiddenColIds?:string[];
-};
-
-interface StatView2DChartStat {
-
-};
-
-class StatviewD2Chart extends React.PureComponent<StatView2DChartProps, StatView2DChartStat> {
-
-    initData = () => {
-        const {dataSource, ltmplConfig,hiddenColIds} = this.props;
-        let data_;
-
-        console.log("chart hiddenColIds:",hiddenColIds)
-        let firstDim = undefined, secondDim = undefined, dimensions = [], facts = [];
-        ltmplConfig.columns.forEach((col) => {
-            if(!hiddenColIds || !hiddenColIds.includes(col.id)){
-                if ("fact" == col.statColType) {
-                    facts.push(col);
-                } else if ("dimension" == col.statColType) {
-                    dimensions.push(col);
-                }
-            }
-        });
-        let lineData;
-        if (dimensions.length > 1) {
-            firstDim = dimensions[0];
-            secondDim = dimensions[1];
-            data_ = chartUtils.transValueFloatGroupByDim(ltmplConfig, dataSource, firstDim);
-            lineData = new Map();
-            for (let [key, data1] of data_) {
-                lineData.set(key, []);
-                facts.forEach((fact) => {
-                    let obj1 = {};
-                    obj1['data'] = data1;
-                    obj1['config'] = {
-                        xAxisTitle: key,
-                        yAxisTitle: fact.title,
-                        xField: secondDim.title,
-                        yField: fact.title
-                    };
-                    lineData.get(key).push(obj1);
-                })
-            }
-        } else if (dimensions.length == 1) {
-            lineData = [];
-            secondDim = dimensions[0];
-            data_ = chartUtils.transValueFloat(ltmplConfig, dataSource);
-            facts.forEach((fact) => {
-                let obj1 = {};
-                obj1['data'] = data_;
-                obj1['config'] = {
-                    xAxisTitle: secondDim.title,
-                    yAxisTitle: fact.title,
-                    xField: secondDim.title,
-                    yField: fact.title
-                };
-                lineData.push(obj1);
-            })
-        }
-        return lineData;
-    }
-
-    get2DimChart = (lineData) => {
-        let {ltmplConfig} = this.props;
-        let refL2ChartType:ChartType[] = ltmplConfig.chartType;
-        let list = [];
-        let that = this;
-        for (let [key, obj] of lineData) {
-            obj.map(function (val) {
-                list.push(<Col span={12} key={val.config.yAxisTitle+val.config.xAxisTitle}>
-                    {that.getChart1(refL2ChartType, val)}
-                    {/*<PieChart groupName={key} data={val.data} config={val.config}/>*/}
-                    <Divider dashed style={{borderTopColor: "#40a9ff",}} plain></Divider>
-                </Col>)
-            })
-        }
-        return list;
-    }
-
-    getChart1 = (refL2ChartType:ChartType[], val) => {
-        return refL2ChartType.includes('line')  ?
-             <LineChart data={val.data} config={val.config}/>
-            : refL2ChartType.includes('column') ?
-                <ColumnChart data={val.data} config={val.config}/>
-                :
-                refL2ChartType.includes('pie') ?
-                    <PieChart data={val.data} config={val.config}/> :
-                    <div>暂不支持的图形</div>
-    }
-
-    render() {
-        const {dataSource, ltmplConfig} = this.props;
-        let lineData = this.initData();
-        console.log("lineData:",lineData);
-        let refL2ChartType = ltmplConfig.chartType;
-        let that = this;
-        return (<div>
-            <Row style={{padding: '8px 0'}} gutter={[32, {xs: 8, sm: 16, md: 24, lg: 32}]}>
-                {lineData instanceof Map ?
-                    that.get2DimChart(lineData)
-                    : lineData ? lineData.map(function (val) {
-                        return <Col span={12} key={val.config.yAxisTitle+val.config.xAxisTitle}>
-                            {that.getChart1(refL2ChartType, val)}
-                            <Divider dashed style={{borderTopColor: "#40a9ff",}} plain></Divider>
-                        </Col>
-                    }) : ""
-                }
-            </Row>
-        </div>);
-    }
-}
-
-export default StatviewD2Chart;

package/src/components/chart/statview-l2-chart.tsx

@@ -1,69 +0,0 @@
-import React from 'react'
-import {DtmplData, LtmplConfig, QueryData} from "../tmpl/interface";
-import HcserviceV3 from "../tmpl/hcservice-v3";
-import StatView2DChartProps from './antd/statview-d2-chart'
-
-interface StatViewL2ChartProps {
-    queryKey: string;
-    ltmplConfig:LtmplConfig;
-    hiddenColIds?:string[];
-    hiddenRowCodes?:string[];
-};
-
-interface StatViewL2ChartStat {
-    dataSource: DtmplData[],
-};
-
-
-class StatViewL2Chart extends React.PureComponent<StatViewL2ChartProps, StatViewL2ChartStat> {
-    state = {
-        dataSource: undefined,
-    }
-
-    loadData = async () => {
-        const {queryKey} = this.props;
-        if(queryKey) {
-            let queryData: QueryData = await HcserviceV3.requestQueryData(queryKey, {pageNo: 1, pageSize: 10000});
-            this.setState({
-                dataSource: queryData.entities,
-            })
-        }
-    }
-
-    async componentDidMount() {
-        this.loadData();
-    }
-
-    async componentDidUpdate(prevProps) {
-        const {queryKey} = this.props;
-        let {queryKey: preQueryKey} = prevProps;
-
-        if (queryKey && queryKey!=preQueryKey ){
-            this.loadData();
-        }
-    }
-
-    getDataSource=()=>{//过滤
-        let {hiddenRowCodes} = this.props;
-        let {dataSource} = this.state;
-        let ds=[];
-        for(let d of dataSource){
-            if(!hiddenRowCodes || !hiddenRowCodes.includes(d.code)){
-                ds.push(d);
-            }
-        }
-        return ds;
-    }
-
-    render() {
-        let {dataSource} = this.state;
-        let {ltmplConfig,hiddenColIds} = this.props;
-        return (
-            ltmplConfig && dataSource ?
-                <StatView2DChartProps hiddenColIds={hiddenColIds} dataSource={this.getDataSource()}
-                          ltmplConfig={ltmplConfig}/> : ""
-         );
-    }
-}
-
-export default StatViewL2Chart;

package/src/components/controls/action/index.css

@@ -1,9 +0,0 @@
-
-.collapse .ant-card-body {
-    padding:0px
-}
-
-.ant-card-head-title button{
-    font-size: 16px;
-    padding:0px;
-}