@cloudbase/weda-ui 0.2.16 → 0.2.21-alpha.1

package/dist/web/components/carousel/index.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import type { PropsType as ImageProps } from '../image';
+import './style';
+interface imagesItem {
+    image: string;
+    title: string;
+    tapMode: 'tap' | 'inside' | 'outer';
+    fit: ImageProps['fit'];
+    height: string;
+    width: string;
+    packageName?: string;
+    insideUrl?: string;
+    outerUrl?: string;
+    newPage?: boolean;
+    params?: {
+        key: string;
+        value: string;
+    }[];
+}
+export interface PropsType extends CommonPropsType {
+    /**
+     * 是否启用指示点
+     */
+    indicatorDots: boolean;
+    /**
+     * 是否自动切换
+     */
+    autoplay: boolean;
+    /**
+     * 当前索引值
+     */
+    current: number;
+    interval: number;
+    duration: number;
+    circular: boolean;
+    vertical: boolean;
+    indicatorColor: string;
+    indicatorActiveColor: string;
+    images: Array<imagesItem>;
+}
+export default function Carousel({ className, style, autoplay, circular, vertical, indicatorDots, indicatorColor, indicatorActiveColor, duration, interval, current, events, id, images: defalutImages, }: PropsType): JSX.Element;
+export {};

package/dist/web/components/carousel/index.js

@@ -0,0 +1,249 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import classNames from '../../utils/classnames';
+import Swipe from 'react-easy-swipe';
+import { useDebouncedCallback, useEventListener, useResizeObserver, } from '@react-hookz/web';
+import Image from '../image';
+import { emptyObject } from '../../utils/constant';
+import WdLink from '../wd-link';
+import { errorHandler } from '../../utils/error';
+import './style';
+export default function Carousel({ className, style, autoplay, circular, vertical, indicatorDots, indicatorColor, indicatorActiveColor, duration, interval, current, events = emptyObject, id, images: defalutImages, }) {
+    const isCorrectDatas = Array.isArray(defalutImages);
+    const images = isCorrectDatas ? defalutImages : [];
+    if (!isCorrectDatas) {
+        console.error('绑定数据类型错误，当前绑定值：', defalutImages);
+    }
+    const itemCount = images === null || images === void 0 ? void 0 : images.length;
+    current = Math.max(0, Math.min(itemCount - 1, current));
+    const [currentIndex, setCurrentIndex] = useState(current);
+    const [swipeStyle, setSwipeStyle] = useState(null);
+    const [height, setHeight] = useState(0);
+    const { change = () => { } } = events;
+    // 自动切换
+    useEffect(() => {
+        if (autoplay) {
+            // 自动切换
+            // eslint-disable-next-line rulesdir/no-timer
+            const timer = setInterval(() => {
+                setIndex(currentIndex + 1);
+            }, interval);
+            return () => clearInterval(timer);
+        }
+    }, [currentIndex, autoplay, itemCount]);
+    // 触发切换
+    const pre = useRef({ index: currentIndex }).current;
+    useEffect(() => {
+        updateSwipeStyle(currentIndex, pre.index, itemCount);
+        change({
+            current: currentIndex,
+        });
+        return () => {
+            pre.index = currentIndex;
+        };
+    }, [currentIndex, vertical]);
+    const outerWrapRef = useRef();
+    useEventListener(outerWrapRef, 'load', (e) => {
+        setHeight(e.target.clientHeight);
+    });
+    const itemsClone = images === null || images === void 0 ? void 0 : images.map((x, i) => {
+        return (_jsx("div", { className: "g-swiper-item", "data-index": i, children: _jsx(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, src: x.image, alt: '图片', fit: x.fit, style: {
+                    height: x.height ? x.height : 'auto',
+                    width: x.width ? x.width : '100%',
+                } }) }, i));
+    });
+    const setIndex = (index) => {
+        if (index >= itemCount) {
+            index = 0;
+        }
+        if (index < 0) {
+            index = itemCount - 1;
+        }
+        setCurrentIndex(index);
+    };
+    // 设置容器样式、动画
+    // TODO fix settimeout mess
+    const updateSwipeStyle = (to, cur, length) => {
+        let style = {};
+        // 最后向前到最开始
+        if (to === 0 && cur === length - 1) {
+            circular &&
+                setSwipeStyle({
+                    transform: `translate3d(0, 0, 0)`,
+                });
+            // eslint-disable-next-line rulesdir/no-timer
+            setTimeout(() => {
+                setSwipeStyle({
+                    transform: vertical
+                        ? `translate3d(0, -100%, 0)`
+                        : `translate3d(-100%, 0, 0)`,
+                    transitionDuration: `${duration}ms`,
+                });
+            }, 50);
+            return;
+        }
+        // 第一个后退到最后
+        if (to === length - 1 && cur === 0) {
+            circular &&
+                setSwipeStyle({
+                    transform: vertical
+                        ? `translate3d(0, -${(to + 2) * 100}%, 0)`
+                        : `translate3d(-${(to + 2) * 100}%, 0, 0)`,
+                });
+            // eslint-disable-next-line rulesdir/no-timer
+            setTimeout(() => {
+                setSwipeStyle({
+                    transform: vertical
+                        ? `translate3d(0, -${(to + 1) * 100}%, 0)`
+                        : `translate3d(-${(to + 1) * 100}%, 0, 0)`,
+                    transitionDuration: `${duration}ms`,
+                });
+            }, 50);
+            return;
+        }
+        style = {
+            transform: vertical
+                ? `translate3d(0, -${(to + 1) * 100}%, 0)`
+                : `translate3d(-${(to + 1) * 100}%, 0, 0)`,
+        };
+        if (to !== cur) {
+            style.transitionDuration = `${duration}ms`;
+        }
+        setSwipeStyle(style);
+    };
+    return (_jsxs("div", { className: classNames('g-swiper weda-ui g-carousel', className, {
+            vertical: vertical,
+        }), style: { height: height ? height : 'auto', ...style }, ref: outerWrapRef, id: id, "data-testid": "carousel", children: [itemCount > 0 ? (
+            // @ts-ignore todo
+            _jsxs(Swipe, { className: "g-swiper-list", style: swipeStyle, tolerance: 20, onSwipeLeft: () => {
+                    vertical || setIndex(currentIndex + 1);
+                }, onSwipeRight: () => {
+                    vertical || setIndex(currentIndex - 1);
+                }, onSwipeDown: () => {
+                    vertical && setIndex(currentIndex - 1);
+                }, onSwipeUp: () => {
+                    vertical && setIndex(currentIndex + 1);
+                }, children: [itemsClone[itemCount - 1], images === null || images === void 0 ? void 0 : images.map((x, i) => {
+                        return (_jsx(SwiperItem, { setHeight: setHeight, currentIndex: currentIndex, index: i, imagesValue: x, children: _jsx(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, fit: x.fit, src: x.image, alt: '图片', style: {
+                                    height: x.height ? x.height : 'auto',
+                                    width: x.width ? x.width : '100%',
+                                } }) }, i));
+                    }), itemsClone[0]] })) : null, indicatorDots ? (_jsx("div", { className: "g-swiper__pagination", children: images === null || images === void 0 ? void 0 : images.map((x, i) => {
+                    return (_jsx("a", { href: "#", className: "g-swiper__pagination-bulletm", "data-testid": "g-swiper__pagination-bulletm", style: {
+                            backgroundColor: currentIndex === i ? indicatorActiveColor : indicatorColor,
+                        }, onClick: (e) => {
+                            setIndex(i);
+                            e.preventDefault();
+                        }, "data-index": i }, i));
+                }) })) : (false), _jsx("a", { href: "#", className: "g-swiper__turn-pre", onClick: (ev) => {
+                    ev.preventDefault();
+                    setIndex(currentIndex - 1);
+                }, children: "\u4E0A\u4E00\u9875" }), _jsx("a", { href: "#", className: "g-swiper__turn-next", onClick: (ev) => {
+                    ev.preventDefault();
+                    setIndex(currentIndex + 1);
+                }, children: "\u4E0B\u4E00\u9875" })] }));
+}
+const SwiperItem = ({ setHeight, children, currentIndex, index, imagesValue }) => {
+    const firstChildRef = useRef(null);
+    const syncHeight = useDebouncedCallback((e) => {
+        // console.log('e.contentRect.height', e.contentRect.height);
+        setHeight(e.contentRect.height);
+    }, [setHeight], 500, 2000); // 必须debounce延迟，让resize完成后再设置高度
+    // 因为有loading 所以得用resizeobserver
+    useResizeObserver(firstChildRef, (e) => {
+        if (currentIndex === index) {
+            syncHeight(e);
+        }
+    });
+    const getLinkUrl = (url, params) => {
+        // URL 构造函数不支持 '//xxx.com' 的格式
+        if (url && url.indexOf('//') === 0) {
+            url = location.protocol + url;
+        }
+        // "proto:" 或 "//" 起头的是绝对路径
+        let isAbosolutePath = /^(?:[a-z]+:)/i.test(url);
+        let base, path, href, paramObj = {}, urlObj;
+        if (!isAbosolutePath) {
+            // 相对地址使用站位域名，不实际使用
+            base =
+                location.origin && location.origin !== 'null'
+                    ? location.origin
+                    : 'https://we.da';
+        }
+        try {
+            urlObj = new URL(url, base);
+            params.forEach((x) => {
+                urlObj.searchParams.append(x.key, x.value);
+            });
+            href = urlObj.href;
+            path = urlObj.pathname;
+            for (const [key, value] of urlObj.searchParams) {
+                paramObj[key] = value;
+            }
+            // 相对地址去掉站位域名
+            if (!isAbosolutePath) {
+                href = urlObj.pathname + urlObj.search + urlObj.hash;
+                href = href.replace(/^\//, '');
+            }
+        }
+        catch (e) {
+            errorHandler({
+                code: 'Carousel.invalidUrl',
+                error: e,
+            });
+            // 非法 url
+            isAbosolutePath = true;
+            href = url;
+            path = '';
+            paramObj = params.reduce((p, x) => {
+                p[x.key] = x.value;
+                return p;
+            }, {});
+        }
+        const res = {
+            path,
+            isAbosolutePath,
+            href,
+        };
+        return res;
+    };
+    const handleImage = (e) => {
+        const { insideUrl, outerUrl, tapMode, params, newPage, packageName } = imagesValue;
+        if (tapMode === 'tap') {
+            return;
+        }
+        else if (tapMode === 'inside' && !insideUrl) {
+            return;
+        }
+        else if (tapMode === 'outer' && !outerUrl) {
+            return;
+        }
+        const selectedUrl = tapMode === 'inside' ? insideUrl : outerUrl;
+        const { path, isAbosolutePath, href } = getLinkUrl(selectedUrl, []);
+        const paramObj = params &&
+            params.length > 0 &&
+            params.reduce((p, x) => {
+                p[x.key] = x.value;
+                return p;
+            }, {});
+        if (tapMode === 'inside') {
+            if (!isAbosolutePath) {
+                e.preventDefault();
+                app.navigateTo({
+                    pageId: path,
+                    packageName: packageName || '',
+                    mode: 'weDa',
+                    params: paramObj,
+                });
+            }
+        }
+        else if (tapMode === 'outer') {
+            newPage ? window.open(href) : (location.href = href);
+        }
+    };
+    return (_jsx("div", { className: classNames('g-swiper-item', {
+            current: index === currentIndex,
+        }), "data-index": index, onClick: handleImage, "data-testid": "swiper-item", children: ['inside', 'outer'].includes(imagesValue === null || imagesValue === void 0 ? void 0 : imagesValue.tapMode) ? (_jsx(WdLink, { style: { width: '100%', color: 'unset', fontSize: 'unset' }, packageName: imagesValue === null || imagesValue === void 0 ? void 0 : imagesValue.packageName, url: (imagesValue === null || imagesValue === void 0 ? void 0 : imagesValue.tapMode) === 'inside'
+                ? imagesValue.insideUrl
+                : imagesValue.outerUrl, params: imagesValue === null || imagesValue === void 0 ? void 0 : imagesValue.params, disabled: true, contentSlot: _jsx("div", { ref: firstChildRef, children: children }), content: '' })) : (_jsx("div", { ref: firstChildRef, children: children })) }));
+};

package/dist/web/components/carousel/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

package/dist/web/components/carousel/style.js

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

package/dist/web/components/chart/bar/index.d.ts

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

package/dist/web/components/chart/bar/index.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import OldBar from './index.old';
+import { checkIsNewData, transform } from '../common/data-transform';
+import { Chart } from '../common/Chart';
+import { emptyArray } from '../../../utils/constant';
+import { ChartCustomConnector } from '../common/chart-custom-connector';
+import { CommonErrorBoundary } from '../../common/error-boundary';
+function BarImpl(props) {
+    if (props.dataSourceType === 'data-model') {
+        if (checkIsNewData(props)) {
+            props.dataSource = {
+                name: props['dataModel'].name,
+                type: 'database',
+                subType: 'database',
+                methodName: 'wedaAggregateData',
+            };
+        }
+        const oldBarProps = { ...props };
+        oldBarProps['dataModel'] = undefined;
+        oldBarProps['datasourceVariable'] = undefined;
+        oldBarProps['connectorMethod'] = undefined;
+        oldBarProps['connectorParams'] = undefined;
+        oldBarProps['connector'] = undefined;
+        return _jsx(OldBar, { ...oldBarProps });
+    }
+    else if (props.dataSourceType === 'variable') {
+        const { datasourceVariable = emptyArray, id, style, className, events, ...rest } = props;
+        const chartOptions = transform('bar', datasourceVariable, rest);
+        return (_jsx(Chart, { id: id, "data-testid": "bar", className: className, style: style, events: events, chartOptions: chartOptions }));
+    }
+    else if (props.dataSourceType === 'custom-connector') {
+        return _jsx(ChartCustomConnector, { "data-testid": "bar", type: "bar", ...props });
+    }
+    else {
+        return _jsx(OldBar, { ...props });
+    }
+}
+export default function Bar(props) {
+    return (_jsx(CommonErrorBoundary, { ...props, children: _jsx(BarImpl, { ...props }) }));
+}

package/dist/web/components/chart/bar/index.old.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../../types';
+import { DataSource, Xfield, Yfield } from '../common/core/type';
+export interface PropsType extends Omit<CommonPropsType, 'children'> {
+    directionType?: 'crosswise' | 'lengthways';
+    isPile?: boolean;
+    isTitle?: boolean;
+    title?: string;
+    titleLocation?: string;
+    dataSource?: DataSource;
+    filterData?: string;
+    setColor?: Array<string>;
+    xField?: Xfield;
+    xStatistics?: string;
+    groupKey?: Xfield;
+    groupKeyTimeSpan?: string;
+    xIsCountEmpty?: boolean;
+    yField?: Yfield;
+    isLegend?: boolean;
+    legend?: string;
+    legend2?: string;
+    isXaxisName?: boolean;
+    xAxisName?: string;
+    isXaxisAxisLabelShow?: boolean;
+    isXaxisAxisTickShow?: boolean;
+    isXaxisAxisLabelRotate?: boolean;
+    isYAxisSplitlineLinestyleWidth?: boolean;
+    yAxisSplitlineLinestyleType?: string;
+    yAxisMax?: number;
+    yAxisMin?: number;
+    isYAxisName?: boolean;
+    yAxisName?: string;
+    isSeriesShowSymbol?: boolean;
+    isYAxisShow?: boolean;
+    isUnit?: boolean;
+    unit?: number;
+    decimalDigits?: number;
+    suffix?: string;
+}
+export default function Bar(opts: PropsType): JSX.Element;

package/dist/web/components/chart/bar/index.old.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import EchartBar from '../common/core/eChartBar';
+import { useWedaChart } from '../common/useChart';
+import classNames from '../../../utils/classnames';
+export default function Bar(opts) {
+    const { directionType, isPile, id, style, className, isTitle, title, titleLocation, dataSource, setColor, filterData, xField, xStatistics, groupKey, groupKeyTimeSpan, xIsCountEmpty, yField, isLegend, legend, legend2, isXaxisName, xAxisName, isXaxisAxisLabelShow, isXaxisAxisTickShow, isXaxisAxisLabelRotate, isYAxisSplitlineLinestyleWidth, yAxisSplitlineLinestyleType, yAxisMax, yAxisMin, isYAxisName, yAxisName, isSeriesShowSymbol, isYAxisShow, isUnit, unit, decimalDigits, suffix, } = opts;
+    const domRef = useRef();
+    useWedaChart(domRef, EchartBar, {
+        directionType,
+        isPile,
+        setColor,
+        isTitle,
+        title,
+        titleLocation,
+        dataSource,
+        filterData,
+        xField,
+        xStatistics,
+        groupKey,
+        groupKeyTimeSpan,
+        xIsCountEmpty,
+        yField,
+        isLegend,
+        legend,
+        legend2,
+        isXaxisName,
+        xAxisName,
+        isXaxisAxisLabelShow,
+        isXaxisAxisTickShow,
+        isXaxisAxisLabelRotate,
+        isYAxisSplitlineLinestyleWidth,
+        yAxisSplitlineLinestyleType,
+        yAxisMax,
+        yAxisMin,
+        isYAxisName,
+        yAxisName,
+        isSeriesShowSymbol,
+        isYAxisShow,
+        isUnit,
+        unit,
+        decimalDigits,
+        suffix,
+    });
+    const inlineStyle = {
+        height: '380px',
+        width: '100%',
+        backgroundColor: '#ffffff',
+        ...style,
+    };
+    return (_jsx("div", { id: id, "data-testid": "bar", ref: domRef, style: inlineStyle, className: classNames({
+            'weda-ui-chart-bar': true,
+            'echart-wrapper-canvas': true,
+            'echart-dark-body': true,
+            [className]: className,
+        }) }));
+}

package/dist/web/components/chart/common/Chart.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../../types';
+import type { ECOption } from './echarts';
+interface IChartProps extends CommonPropsType {
+    chartOptions: ECOption;
+    ['data-testid']: string;
+}
+export declare function Chart(props: IChartProps): JSX.Element;
+export {};

package/dist/web/components/chart/common/Chart.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import classNames from '../../../utils/classnames';
+import { useChart } from './useChart';
+export function Chart(props) {
+    const { id, style, className, chartOptions, 'data-testid': dataTestId, } = props;
+    const inlineStyle = {
+        height: '380px',
+        width: '100%',
+        backgroundColor: '#ffffff',
+        ...style,
+    };
+    const ref = useRef(null);
+    const chart = useChart(ref);
+    useEffect(() => {
+        var _a;
+        (_a = chart === null || chart === void 0 ? void 0 : chart.setOption) === null || _a === void 0 ? void 0 : _a.call(chart, chartOptions, true);
+    }, [chart, chartOptions]);
+    return (_jsx("div", { id: id, "data-testid": dataTestId, ref: ref, style: inlineStyle, className: classNames({
+            'echart-wrapper-canvas': true,
+            'echart-dark-body': true,
+            [className]: className,
+        }) }));
+}

package/dist/web/components/chart/common/chart-custom-connector.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { IChartType, PropsType } from './types';
+export declare const ChartCustomConnector: (props: PropsType<IChartType, 'custom-connector'> & {
+    type: IChartType;
+    ['data-testid']: string;
+}) => JSX.Element;

package/dist/web/components/chart/common/chart-custom-connector.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAsync } from '@react-hookz/web';
+import { useEffect } from 'react';
+import { callDataSource } from '../../../utils/tcb';
+import { Chart } from './Chart';
+import { ChartError } from './chart-error';
+import { transform } from './data-transform';
+export const ChartCustomConnector = (props) => {
+    var _a;
+    const { type, connector, connectorMethod, connectorParams, ...restProps } = props;
+    if (!((_a = connector === null || connector === void 0 ? void 0 : connector.datasource) === null || _a === void 0 ? void 0 : _a.name) || !(connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name)) {
+        throw new ChartError('API配置不完整，请选择API和方法');
+    }
+    const [state, actions] = useAsync(async () => {
+        var _a;
+        const res = await callDataSource({
+            dataSourceName: connector.datasource.name,
+            methodName: connectorMethod.name,
+            params: connectorParams,
+        });
+        return (_a = res.result) !== null && _a !== void 0 ? _a : [];
+    }, []);
+    useEffect(() => {
+        actions.execute();
+    }, [connector, connectorMethod, connectorParams]);
+    if (state.error) {
+        throw state.error;
+    }
+    const chartOptions = transform(type, state.result, restProps);
+    return (_jsx(Chart, { id: restProps.id, className: restProps.className, "data-testid": restProps['data-testid'], style: restProps.style, events: restProps.events, chartOptions: chartOptions }));
+};

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

@@ -0,0 +1,2 @@
+export declare class ChartError extends Error {
+}

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

@@ -0,0 +1,2 @@
+export class ChartError extends Error {
+}

package/dist/web/components/chart/common/config/bar.d.ts

@@ -0,0 +1,48 @@
+export default getConfig;
+/** 根据当前环境获取 pc 上配置，还是 H5上的配置 */
+declare function getConfig(): {
+    xAxis: {
+        name: string;
+        nameTextStyle: {
+            align: string;
+        };
+        axisLabel: {
+            show: boolean;
+            rotate: number;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        inverse: boolean;
+        type: string;
+        data: string[];
+    };
+    yAxis: {
+        type: string;
+        show: boolean;
+        name: string;
+        splitLine: {
+            lineStyle: {
+                width: number;
+                type: string;
+            };
+        };
+        axisLabel: {
+            padding: number[];
+        };
+        min: any;
+        max: any;
+    };
+    series: {
+        name: string;
+        data: number[];
+        type: string;
+        itemStyle: {
+            color: string;
+        };
+        showSymbol: boolean;
+        label: {
+            show: boolean;
+        };
+    }[];
+};

package/dist/web/components/chart/common/config/bar.js

@@ -0,0 +1,49 @@
+/** 根据当前环境获取 pc 上配置，还是 H5上的配置 */
+const getConfig = () => {
+    const barH5 = {
+        xAxis: {
+            name: 'X轴名',
+            nameTextStyle: { align: 'center' },
+            axisLabel: {
+                show: true,
+                rotate: 0, // 字体倾斜
+            },
+            axisTick: {
+                show: true, // 刻度显示
+            },
+            inverse: false,
+            type: 'category',
+            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+        },
+        yAxis: {
+            type: 'value',
+            show: true,
+            name: 'Y轴名',
+            splitLine: {
+                lineStyle: {
+                    width: 1,
+                    type: 'dashed', //solid,dashed,dotted
+                },
+            },
+            axisLabel: { padding: [0, -10, 0, 0] },
+            min: null,
+            max: null,
+        },
+        series: [
+            {
+                name: 'demo',
+                data: [0, 932, 901, 934, 1290, 1330, 1320],
+                type: 'bar',
+                itemStyle: {
+                    color: 'green',
+                },
+                showSymbol: true,
+                label: {
+                    show: true, // 显示线条上的数据
+                },
+            },
+        ],
+    };
+    return barH5;
+};
+export default getConfig;

package/dist/web/components/chart/common/config/global.d.ts

@@ -0,0 +1,13 @@
+export default getConfig;
+/** 根据当前环境获取 pc 上配置，还是 H5上的配置 */
+declare function getConfig(): {
+    title: {
+        text: string;
+        show: boolean;
+        left: string;
+    };
+    legend: {
+        top: string;
+    };
+    tooltip: {};
+};

package/dist/web/components/chart/common/config/global.js

@@ -0,0 +1,16 @@
+/** 根据当前环境获取 pc 上配置，还是 H5上的配置 */
+const getConfig = () => {
+    const globalH5 = {
+        title: {
+            text: 'demo实例',
+            show: true,
+            left: '50%',
+        },
+        legend: {
+            top: '88%',
+        },
+        tooltip: {},
+    };
+    return globalH5;
+};
+export default getConfig;