@cloudbase/weda-ui 3.3.0 → 3.3.2

package/dist/src/web/components/chart/common/core/eChartPie.js

@@ -1,135 +0,0 @@
-import EchartBase from './eChartBase';
-import getConfig from '../config/pie';
-/**
- * 饼状图表
- * @author loonglong
- **/
-class EchartPie extends EchartBase {
-    constructor() {
-        super();
-        const config = getConfig();
-        this.config = { ...this.config, ...config };
-    }
-    async setSourceData({ dataSource, filterData, setColor, xField, xStatistics, xIsCountEmpty, yField, }) {
-        const { name = '', type = '', methodName = '' } = dataSource;
-        if (name !== '') {
-            const params = this.createWhere({
-                filterData,
-                xField,
-                xStatistics,
-                xIsCountEmpty,
-                yField,
-            });
-            const arrSourData = await this.getSourceData(name, methodName, type, params);
-            // 获取 x 轴数据
-            if (arrSourData.length > 0) {
-                const numPie = arrSourData[0].YLabels.length;
-                if (numPie > 0) {
-                    const arrData = [];
-                    let i = 0;
-                    arrSourData.forEach((itemSource) => {
-                        const numc = setColor ? setColor.length : 0;
-                        const strColor = numc > 0 ? { color: setColor[i % numc] } : {};
-                        arrData.push({
-                            value: itemSource.YLabels[0].Value,
-                            name: itemSource.XLabel.Value,
-                            tooltip: {},
-                            itemStyle: strColor,
-                        });
-                        i = i + 1;
-                    });
-                    this.config.series[0].data = arrData;
-                }
-            }
-            else {
-                // this.config['series'][0].data = [];
-            }
-        }
-    }
-    setChartType({ chartType }) {
-        this.config.series.length > 0 &&
-            this.config.series.forEach((itemSeries) => {
-                if (chartType === 'pie') {
-                    itemSeries.radius = '70%';
-                }
-                else {
-                    // @ts-ignore no type
-                    itemSeries.radius = ['40%', '70%'];
-                }
-            });
-    }
-    // 显示图表上的数据标签 单位，标签，小数位数，后缀
-    setIsSeriesShowSymbol({ isSeriesShowSymbol, isPercent, isUnit, unit, decimalDigits, suffix, }) {
-        decimalDigits = decimalDigits < 0 ? 0 : decimalDigits;
-        let show = false;
-        let position = 'inner';
-        let formatter = null;
-        if (isSeriesShowSymbol || isPercent || isUnit) {
-            formatter = '';
-        }
-        this.config.series[0].label.show = show;
-        this.config.series[0].label.position = position;
-        if (formatter === null) {
-            this.config.series[0].label.normal = null;
-        }
-        else {
-            this.config.series[0].label.normal.formatter = (objValue) => {
-                let reData = '';
-                if (isSeriesShowSymbol) {
-                    // 显示数值
-                    reData = objValue.value;
-                }
-                if (isUnit) {
-                    // 显示单位
-                    if (unit) {
-                        const objNewValue = this.getValueByUnit(objValue.value, unit);
-                        reData = `${objNewValue.toFixed(decimalDigits)}${suffix}`;
-                    }
-                    else {
-                        reData = `${objValue.value.toFixed(decimalDigits)}`;
-                    }
-                    this.config.series[0].data.forEach((itemData) => {
-                        itemData.tooltip.formatter = (objVal) => {
-                            const objItemData = this.getValueByUnit(objVal.value, unit);
-                            return `${objItemData.toFixed(decimalDigits)}${suffix}`;
-                        };
-                    });
-                }
-                if (isPercent) {
-                    // 显示百分比
-                    reData = `${reData}(${objValue.percent}%)`;
-                }
-                return reData;
-            };
-        }
-    }
-    async setOptions({ chartType, isTitle, title, 
-    // titleLocation,
-    dataSource, filterData, setColor, xField, xStatistics, xIsCountEmpty, yField, isLegend, legend, 
-    // legend2,
-    isSeriesShowSymbol, isPercent, isUnit, unit, decimalDigits, suffix, }) {
-        if (dataSource) {
-            await this.setSourceData({
-                dataSource,
-                filterData,
-                setColor,
-                xField,
-                xStatistics,
-                xIsCountEmpty,
-                yField,
-            });
-        }
-        this.setChartType({ chartType });
-        this.setTitle({ isTitle, title });
-        this.setLegend({ isLegend, legend });
-        this.setIsSeriesShowSymbol({
-            isSeriesShowSymbol,
-            isPercent,
-            isUnit,
-            unit,
-            decimalDigits,
-            suffix,
-        });
-    }
-}
-export default EchartPie;

package/dist/src/web/components/chart/common/core/type.d.ts

@@ -1,35 +0,0 @@
-export interface DataSource {
-    name: string;
-    type: string;
-    subType: string;
-    provider?: string;
-    methodName: string;
-}
-export interface ObjSource {
-    dataSourceName: string;
-    dataSourceType: string;
-    dataSourceMethodName: string;
-}
-export interface Xfield {
-    format: string;
-    type: string;
-    title: string;
-    name: string;
-}
-declare enum CountType {
-    'count' = 0,
-    'sum' = 1,
-    'avg' = 2,
-    'max' = 3,
-    'min' = 4
-}
-export interface YfieldOne {
-    key: string;
-    operationType: CountType;
-    title?: string;
-}
-export interface Yfield {
-    groupKey?: string;
-    numValue?: Array<YfieldOne>;
-}
-export {};

package/dist/src/web/components/chart/common/core/type.js

@@ -1,9 +0,0 @@
-var CountType;
-(function (CountType) {
-    CountType[CountType["count"] = 0] = "count";
-    CountType[CountType["sum"] = 1] = "sum";
-    CountType[CountType["avg"] = 2] = "avg";
-    CountType[CountType["max"] = 3] = "max";
-    CountType[CountType["min"] = 4] = "min";
-})(CountType || (CountType = {}));
-export {};

package/dist/src/web/components/chart/common/echarts.d.ts

@@ -1,5 +0,0 @@
-import * as echarts from 'echarts/core';
-import type { BarSeriesOption, LineSeriesOption, PieSeriesOption } from 'echarts/charts';
-import type { TitleComponentOption, TooltipComponentOption, LegendComponentOption, GridComponentOption } from 'echarts/components';
-export default echarts;
-export declare type ECOption = echarts.ComposeOption<BarSeriesOption | LineSeriesOption | PieSeriesOption | TitleComponentOption | TooltipComponentOption | GridComponentOption | LegendComponentOption>;

package/dist/src/web/components/chart/common/echarts.js

@@ -1,24 +0,0 @@
-// 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。
-import * as echarts from 'echarts/core';
-// 引入图表，图表后缀都为 Chart
-import { BarChart, LineChart, PieChart } from 'echarts/charts';
-//组件，组件后缀都为 Component
-import { TitleComponent, TooltipComponent, LegendComponent, GridComponent, } from 'echarts/components';
-// 标签自动布局，全局过渡动画等特性
-import { LabelLayout, UniversalTransition } from 'echarts/features';
-// 引入 Canvas 渲染器，注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
-import { CanvasRenderer } from 'echarts/renderers';
-// 注册必须的组件
-echarts.use([
-    TitleComponent,
-    TooltipComponent,
-    GridComponent,
-    LegendComponent,
-    LabelLayout,
-    UniversalTransition,
-    CanvasRenderer,
-    BarChart,
-    LineChart,
-    PieChart,
-]);
-export default echarts;

package/dist/src/web/components/chart/common/error-boundary.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { CommonPropsType } from '../../../types';
-export declare const ChartErrorBoundary: (props: CommonPropsType & {
-    children: React.ReactNode;
-}) => JSX.Element;

package/dist/src/web/components/chart/common/error-boundary.js

@@ -1,26 +0,0 @@
-import React, { useMemo } from 'react';
-import { ErrorBoundary } from 'react-error-boundary';
-import { ChartError } from './chart-error';
-export const ChartErrorBoundary = (props) => {
-    return (React.createElement(ErrorBoundary, { FallbackComponent: ({ error, resetErrorBoundary }) => {
-            const errorMsg = useMemo(() => {
-                var _a;
-                if (error instanceof ChartError) {
-                    return error.message;
-                }
-                else {
-                    return (_a = error.stack) !== null && _a !== void 0 ? _a : error.message;
-                }
-            }, [error]);
-            return (React.createElement("div", { style: props.style, id: props.id, className: props.className },
-                React.createElement("code", null,
-                    React.createElement("pre", { style: { display: 'inline' } }, errorMsg)),
-                React.createElement("a", { href: "#", style: {
-                        padding: '0 8px',
-                        textDecoration: 'none',
-                    }, onClick: (ev) => {
-                        ev.preventDefault();
-                        resetErrorBoundary();
-                    } }, "\u91CD\u8BD5")));
-        } }, props.children));
-};

package/dist/src/web/components/chart/common/useChart.d.ts

@@ -1,8 +0,0 @@
-import { MutableRefObject, RefObject } from 'react';
-import { IEchartModalBase } from './core/eChartBase';
-import type IEcharts from './echarts';
-export declare function useChart(ref: RefObject<HTMLElement> | MutableRefObject<HTMLElement>): IEcharts.ECharts;
-/**
- * @deprecated The method should not be used
- */
-export declare function useWedaChart(domRef: any, ModalClass: IEchartModalBase, options: IEcharts.EChartsCoreOption): void;

package/dist/src/web/components/chart/common/useChart.js

@@ -1,72 +0,0 @@
-import { useAsync, useDeepCompareEffect, useEventListener, useIsMounted, useMountEffect, useResizeObserver, } from '@react-hookz/web';
-import { useEffect, useState } from 'react';
-import { debug } from '../../../utils/console';
-const logger = debug('chart:use-chart');
-export function useChart(ref) {
-    const [chartRef, setChartRef] = useState(null);
-    const isMounted = useIsMounted();
-    useMountEffect(async () => {
-        if (!ref.current || !isMounted) {
-            return;
-        }
-        const echarts = (await import(/* webpackChunkName: "echarts" */ './echarts')).default;
-        const echartDom = ref.current;
-        setChartRef(echarts.init(echartDom));
-        return () => {
-            chartRef.dispose();
-        };
-    });
-    useEventListener(window, 'resize', () => {
-        chartRef && chartRef.resize();
-    });
-    useResizeObserver(ref, () => {
-        chartRef && chartRef.resize();
-    });
-    return chartRef;
-}
-/**
- * @deprecated The method should not be used
- */
-export function useWedaChart(domRef, ModalClass, options) {
-    const chart = useChart(domRef);
-    const getOptions = async () => {
-        const chartModal = new ModalClass();
-        let finalOptions = await chartModal.setOptions(options);
-        logger.log(options, finalOptions);
-        if (!finalOptions) {
-            finalOptions = chartModal.getOptions();
-        }
-        return finalOptions;
-    };
-    const [state, actions] = useAsync(getOptions);
-    useMountEffect(() => {
-        actions.execute();
-    });
-    useDeepCompareEffect(() => {
-        actions.execute();
-    }, [
-        // options 变化，包含所有配置项，包括纯前端的配置项变化都会触发setOptions里发请求，但改不动了
-        options,
-        actions,
-    ]);
-    useEffect(() => {
-        if (state.status === 'loading' || state.status === 'not-executed') {
-            chart === null || chart === void 0 ? void 0 : chart.showLoading();
-            return;
-        }
-        chart === null || chart === void 0 ? void 0 : chart.hideLoading();
-    }, [chart, state.status]);
-    useEffect(() => {
-        logger.log(state, state.result);
-        if (state.status === 'success' && chart) {
-            logger.log(options, state.result, window.location.href);
-            chart.setOption(state.result, true // noMerge 全刷
-            );
-        }
-        else {
-            if (state.status === 'error') {
-                console.error(state.error);
-            }
-        }
-    }, [state, chart, options]);
-}

package/dist/src/web/components/chart/line/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { PropsType } from '../common/types';
-export default function Line(props: PropsType<'line'>): JSX.Element;

package/dist/src/web/components/chart/line/index.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import OldLine from './index.old';
-import { checkIsNewData, transform } from '../common/data-transform';
-import { emptyArray } from '../../../utils/constant';
-import { Chart } from '../common/Chart';
-import { ChartCustomConnector } from '../common/chart-custom-connector';
-import { CommonErrorBoundary } from '../../common/error-boundary';
-function LineImpl(props) {
-    if (props.dataSourceType === 'data-model') {
-        if (checkIsNewData(props)) {
-            props.dataSource = {
-                name: props['dataModel'].name,
-                type: 'database',
-                subType: 'database',
-                methodName: 'wedaAggregateData',
-            };
-        }
-        const oldLineProps = { ...props };
-        oldLineProps['dataModel'] = undefined;
-        oldLineProps['datasourceVariable'] = undefined;
-        oldLineProps['connectorMethod'] = undefined;
-        oldLineProps['connectorParams'] = undefined;
-        oldLineProps['connector'] = undefined;
-        return React.createElement(OldLine, { ...oldLineProps });
-    }
-    else if (props.dataSourceType === 'variable') {
-        const { datasourceVariable = emptyArray, id, style, className, events, ...rest } = props;
-        const chartOptions = transform('line', datasourceVariable, rest);
-        return (React.createElement(Chart, { id: id, "data-testid": "line", className: className, style: style, events: events, chartOptions: chartOptions }));
-    }
-    else if (props.dataSourceType === 'custom-connector') {
-        return React.createElement(ChartCustomConnector, { "data-testid": "line", type: "line", ...props });
-    }
-    else {
-        // 老逻辑
-        return React.createElement(OldLine, { ...props });
-    }
-}
-export default function Line(props) {
-    return (React.createElement(CommonErrorBoundary, { ...props },
-        React.createElement(LineImpl, { ...props })));
-}

package/dist/src/web/components/chart/pie/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { PropsType } from '../common/types';
-export default function Pie(props: PropsType<'pie'>): JSX.Element;

package/dist/src/web/components/chart/pie/index.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import OldPie from './index.old';
-import { checkIsNewData, transform } from '../common/data-transform';
-import { emptyArray } from '../../../utils/constant';
-import { Chart } from '../common/Chart';
-import { ChartCustomConnector } from '../common/chart-custom-connector';
-import { CommonErrorBoundary } from '../../common/error-boundary';
-function PieImpl(props) {
-    if (props.dataSourceType === 'data-model') {
-        if (checkIsNewData(props)) {
-            props.dataSource = {
-                name: props['dataModel'].name,
-                type: 'database',
-                subType: 'database',
-                methodName: 'wedaAggregateData',
-            };
-        }
-        const oldPieProps = { ...props };
-        oldPieProps['dataModel'] = undefined;
-        oldPieProps['datasourceVariable'] = undefined;
-        oldPieProps['connectorMethod'] = undefined;
-        oldPieProps['connectorParams'] = undefined;
-        oldPieProps['connector'] = undefined;
-        return React.createElement(OldPie, { ...oldPieProps });
-    }
-    else if (props.dataSourceType === 'variable') {
-        const { datasourceVariable = emptyArray, id, style, className, events, ...rest } = props;
-        const chartOptions = transform('pie', datasourceVariable, rest);
-        return (React.createElement(Chart, { id: id, "data-testid": "pie", className: className, style: style, events: events, chartOptions: chartOptions }));
-    }
-    else if (props.dataSourceType === 'custom-connector') {
-        return React.createElement(ChartCustomConnector, { "data-testid": "pie", type: "pie", ...props });
-    }
-    else {
-        // 老逻辑
-        return React.createElement(OldPie, { ...props });
-    }
-}
-export default function Pie(props) {
-    return (React.createElement(CommonErrorBoundary, { ...props },
-        React.createElement(PieImpl, { ...props })));
-}

package/dist/src/web/components/chart/statisticsCard/index.d.ts

@@ -1,85 +0,0 @@
-/// <reference types="react" />
-import type { CommonPropsType } from '../../../types';
-import './index.css';
-import { IDataSource, IField } from './interface';
-interface PropsType extends CommonPropsType {
-    /**
-     * 数据源
-     */
-    dataSource?: IDataSource;
-    /**
-     * 数据筛选
-     */
-    filterData?: any;
-    /**
-     * 字段
-     */
-    field?: IField;
-    /**
-     * 统计方式
-     */
-    operationType?: string;
-    /**
-     * 字段展示名称
-     */
-    label?: string;
-    /**
-     * 是否统计空值
-     */
-    isCountEmpty?: boolean;
-    /**
-     * 是否显示单位
-     */
-    isShowUnit?: boolean;
-    /**
-     * 单位
-     */
-    unit?: number;
-    /**
-     * 小数位数
-     */
-    decimalDigits?: number;
-    /**
-     * 后缀
-     */
-    suffix?: number;
-    /**
-     * app.cloud 对象依赖，默认会从 window.app 取值
-     */
-    appCloud?: {
-        callDataSource?: any;
-        callWedaApi?: any;
-    };
-    /**
-     * 其他属性
-     */
-    [key: string]: any;
-}
-/**
- * 修复科学计数法问题
- * @param num 小数
- * @returns {string}
- */
-export declare function scientificToNumber(num: any): any;
-/**
- * 补齐小数位数0
- * @param source          源字符串
- * @param targetLength    目标长度
- * @returns {string}
- */
-export declare function padEnd(source: any, targetLength: any): any;
-/**
- * 修复toFixed四舍五入不准确问题
- * @param num
- * @param digit 小数位数
- * @returns {string}
- */
-export declare function customToFixed(num: any, digit?: number): string;
-/**
- * 添加千位分隔符
- * @param fixedString
- * @param digit
- */
-export declare function addDelimiter(fixedString: any, digit: any): string;
-export default function StatisticsCard({ dataSource, filterData, field, operationType, label, isCountEmpty, isShowUnit, unit, decimalDigits, suffix, className, style, events, id, role, appCloud, }: PropsType): JSX.Element;
-export {};