@cloudbase/weda-ui 3.1.9 → 3.2.1

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

@@ -0,0 +1,53 @@
+import React, { useRef } from 'react';
+import EChartLine from '../common/core/eChartLine';
+import classNames from '../../../utils/classnames';
+import { useWedaChart } from '../common/useChart';
+export default function Line(opts) {
+    const { id, style, className, chartType, isTitle, title, titleLocation, dataSource, filterData, xField, xStatistics, xIsCountEmpty, yField, groupKey, groupKeyTimeSpan, 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, EChartLine, {
+        chartType,
+        isTitle,
+        title,
+        titleLocation,
+        dataSource,
+        filterData,
+        xField,
+        xStatistics,
+        xIsCountEmpty,
+        yField,
+        groupKey,
+        groupKeyTimeSpan,
+        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 (React.createElement("div", { id: id, ref: domRef, "data-testid": "line", style: inlineStyle, className: classNames({
+            'echart-wrapper-canvas': true,
+            'echart-dark-body': true,
+            [className]: className,
+        }) }));
+}

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

@@ -0,0 +1,3 @@
+/// <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

@@ -0,0 +1,42 @@
+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 { ChartErrorBoundary } 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(ChartErrorBoundary, { ...props },
+        React.createElement(PieImpl, { ...props })));
+}

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../../types';
+import { DataSource, Xfield, Yfield } from '../common/core/type';
+interface PropsType extends Omit<CommonPropsType, 'children'> {
+    chartType?: string;
+    isTitle?: boolean;
+    title?: string;
+    titleLocation?: string;
+    dataSource?: DataSource;
+    filterData?: string;
+    setColor?: Array<string>;
+    xField?: Xfield;
+    xStatistics?: string;
+    xIsCountEmpty?: boolean;
+    yField?: Yfield;
+    isLegend?: boolean;
+    legend?: string;
+    legend2?: string;
+    isSeriesShowSymbol?: boolean;
+    isPercent?: boolean;
+    isUnit?: boolean;
+    unit?: number;
+    decimalDigits?: number;
+    suffix?: string;
+}
+export default function Line({ id, style, className, chartType, isTitle, title, titleLocation, dataSource, filterData, setColor, xField, xStatistics, xIsCountEmpty, yField, isLegend, legend, legend2, isSeriesShowSymbol, isPercent, isUnit, unit, decimalDigits, suffix, }: PropsType): JSX.Element;
+export {};

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

@@ -0,0 +1,40 @@
+import React, { useRef } from 'react';
+import EchartPie from '../common/core/eChartPie';
+import { useWedaChart } from '../common/useChart';
+import classNames from '../../../utils/classnames';
+export default function Line({ id, style, className, chartType, isTitle, title, titleLocation, dataSource, filterData, setColor, xField, xStatistics, xIsCountEmpty, yField, isLegend, legend, legend2, isSeriesShowSymbol, isPercent, isUnit, unit, decimalDigits, suffix, }) {
+    const domRef = useRef();
+    useWedaChart(domRef, EchartPie, {
+        chartType,
+        isTitle,
+        title,
+        titleLocation,
+        dataSource,
+        filterData,
+        setColor,
+        xField,
+        xStatistics,
+        xIsCountEmpty,
+        yField,
+        isLegend,
+        legend,
+        legend2,
+        isSeriesShowSymbol,
+        isPercent,
+        isUnit,
+        unit,
+        decimalDigits,
+        suffix,
+    });
+    const inlineStyle = {
+        height: '380px',
+        width: '100%',
+        backgroundColor: '#ffffff',
+        ...style,
+    };
+    return (React.createElement("div", { id: id, "data-testid": "pie", ref: domRef, style: inlineStyle, className: classNames({
+            'echart-wrapper-canvas': true,
+            'echart-dark-body': true,
+            [className]: className,
+        }) }));
+}

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

@@ -0,0 +1,85 @@
+/// <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 {};

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

@@ -0,0 +1,203 @@
+import React, { useState } from 'react';
+import './index.css';
+import classNames from '../../../utils/classnames';
+import { ConfigProvider } from 'tea-component';
+import { usePlatform } from '../../../utils/platform';
+import { useDeepCompareEffect, useIsMounted } from '@react-hookz/web';
+import { callDataSource, callWedaApi } from '../../../utils/tcb';
+const CLASS_PREFIX = 'weda-statistics-card';
+// 默认显示值
+const defaultVal = 1000;
+/**
+ * 修复科学计数法问题
+ * @param num 小数
+ * @returns {string}
+ */
+export function scientificToNumber(num) {
+    const str = num;
+    const reg = /^([-]?\d+\.?\d*)(e)([-|+]?\d+)$/;
+    let zero = '';
+    if (!reg.test(str)) {
+        return num;
+    }
+    const arr = reg.exec(str);
+    const len = Math.abs(+arr[3]) - 1;
+    for (let i = 0; i < len; i += 1) {
+        zero += '0';
+    }
+    if (arr[1].indexOf('-') === 0) {
+        return `-0.${zero}${arr[1].replace('-', '').replace('.', '')}`;
+    }
+    return `0.${zero}${arr[1].replace('.', '')}`;
+}
+/**
+ * 补齐小数位数0
+ * @param source          源字符串
+ * @param targetLength    目标长度
+ * @returns {string}
+ */
+export function padEnd(source, targetLength) {
+    targetLength = Math.floor(targetLength); //floor if number or convert non-number to 0;
+    if (source.length > targetLength) {
+        return source;
+    }
+    else {
+        targetLength = targetLength - source.length;
+        return source + '0'.repeat(targetLength);
+    }
+}
+/**
+ * 修复toFixed四舍五入不准确问题
+ * @param num
+ * @param digit 小数位数
+ * @returns {string}
+ */
+export function customToFixed(num, digit = 0) {
+    const pow = Math.pow(10, digit);
+    let value = `${num}`;
+    // 如果是小数，四舍五入进行转化处理确保精度正确
+    if (!Number.isInteger(num)) {
+        if (num > 0) {
+            value = (Math.round((num + Number.EPSILON) * pow) / pow).toString();
+        }
+        else if (num < 0) {
+            value = (Math.round((num - Number.EPSILON) * pow) / pow).toString();
+        }
+    }
+    value = scientificToNumber(value);
+    const [integer, decimal = ''] = value.split('.');
+    if (digit > 0) {
+        return `${integer}.${padEnd(decimal, digit)}`;
+    }
+    return integer;
+}
+/**
+ * 添加千位分隔符
+ * @param fixedString
+ * @param digit
+ */
+export function addDelimiter(fixedString, digit) {
+    const len = fixedString.length;
+    let result = '';
+    const decimalPoint = digit > 0 ? digit + 1 : 0;
+    for (let i = len - 1; i >= 0; i--) {
+        const stepFromTail = len - 1 - i;
+        const char = fixedString.charAt(i);
+        if (stepFromTail <= decimalPoint) {
+            // 小数部分不处理
+            result = char + result;
+        }
+        else {
+            if ((stepFromTail - decimalPoint) % 3 === 0) {
+                if (char !== '-') {
+                    result = ',' + result;
+                }
+            }
+            result = char + result;
+        }
+    }
+    return result;
+}
+/**
+ * 格式化：添加千分符，四舍五入
+ * @param val
+ * @param digits
+ */
+const formatNumber = (val, digits = 0) => {
+    return isNaN(val) ? val : addDelimiter(customToFixed(val, digits), digits);
+};
+const defaultAppCloud = { callDataSource, callWedaApi };
+export default function StatisticsCard({ dataSource, filterData, field, operationType, label, isCountEmpty, isShowUnit, unit, decimalDigits, suffix, className, style, events, id, role, appCloud = defaultAppCloud, }) {
+    const [val, setVal] = useState(defaultVal);
+    const isMounted = useIsMounted();
+    async function getSourceData(dataSource, filterData, field, operationType, isCountEmpty) {
+        const where = (filterData === null || filterData === void 0 ? void 0 : filterData.map)
+            ? filterData.map((val) => {
+                let arrLogicData = val.logicData;
+                if (val.logicData && val.logicData.length > 0) {
+                    arrLogicData = val.logicData.map((mval) => {
+                        return {
+                            Key: mval.key,
+                            Rel: mval.rel,
+                            Value: mval.value,
+                            Logic: mval.logic,
+                        };
+                    });
+                }
+                return {
+                    GroupLogic: val.groupLogic,
+                    LogicData: arrLogicData,
+                };
+            })
+            : [];
+        const params = {
+            dataSourceName: dataSource === null || dataSource === void 0 ? void 0 : dataSource.name,
+            where,
+            value: [
+                {
+                    Key: field === null || field === void 0 ? void 0 : field.name,
+                    OperationType: operationType,
+                    IsCountEmpty: isCountEmpty,
+                },
+            ],
+        };
+        try {
+            if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.type) === 'database') {
+                return await (appCloud === null || appCloud === void 0 ? void 0 : appCloud.callWedaApi({
+                    action: 'DescribeChartCardData',
+                    data: params,
+                }));
+            }
+            return await (appCloud === null || appCloud === void 0 ? void 0 : appCloud.callDataSource({
+                dataSourceName: dataSource === null || dataSource === void 0 ? void 0 : dataSource.name,
+                methodName: dataSource === null || dataSource === void 0 ? void 0 : dataSource.methodName,
+            }));
+        }
+        catch {
+            return [];
+        }
+    }
+    const initCard = async () => {
+        var _a, _b;
+        // 内部数据源需要字段和统计方式，外部数据源不需要
+        if (((dataSource === null || dataSource === void 0 ? void 0 : dataSource.type) === 'database' && field && operationType) ||
+            (dataSource && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.type) !== 'database')) {
+            let data = await getSourceData(dataSource, filterData, field, operationType, isCountEmpty);
+            // 自定义连接器 返回处理
+            if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.type) !== 'database' && (data === null || data === void 0 ? void 0 : data.result)) {
+                data = data === null || data === void 0 ? void 0 : data.result;
+            }
+            if (data === null || data === void 0 ? void 0 : data.length) {
+                const val = isNaN((_a = data[0]) === null || _a === void 0 ? void 0 : _a.Value) ? 0 : (_b = data[0]) === null || _b === void 0 ? void 0 : _b.Value;
+                isMounted && setVal(val);
+            }
+            else {
+                // 返回数据为空 使用 0
+                isMounted && setVal(0);
+            }
+        }
+        else {
+            // 没有配置数据使用默认数据
+            isMounted && setVal(defaultVal);
+        }
+    };
+    useDeepCompareEffect(() => {
+        initCard();
+    }, [dataSource, filterData, field, operationType, isCountEmpty]);
+    const platform = usePlatform();
+    const cls = classNames({
+        'weda-ui': true,
+        [CLASS_PREFIX]: true,
+        [className]: className,
+        [`${CLASS_PREFIX}-mobile`]: platform === 'h5',
+        [`${CLASS_PREFIX}-pc`]: platform !== 'h5',
+    });
+    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement("div", { id: id, role: role, className: cls, style: style, onClick: (e) => events.tap({}, { originEvent: e }) },
+            React.createElement("div", { className: `${CLASS_PREFIX}__wrapper` },
+                React.createElement("div", { className: `${CLASS_PREFIX}__title` }, label),
+                React.createElement("div", { className: `${CLASS_PREFIX}__detail` },
+                    React.createElement("div", { className: `${CLASS_PREFIX}__count` },
+                        isShowUnit ? formatNumber(val / unit, decimalDigits) : val,
+                        isShowUnit && (React.createElement("label", { className: `${CLASS_PREFIX}__unit` }, suffix))))))));
+}

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

@@ -0,0 +1,13 @@
+export interface IDataSource {
+    name: string;
+    type: string;
+    subType: string;
+    provider?: string;
+    methodName: string;
+}
+export interface IField {
+    format: string;
+    type: string;
+    title: string;
+    name: string;
+}

package/dist/src/web/components/chart/statisticsCard/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/src/web/components/common/portal.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type PortalProps = {
+    children: React.ReactNode;
+    type: string;
+};
+export declare const Portal: ({ children, type }: PortalProps) => import("react").ReactPortal;
+export {};

package/dist/src/web/components/common/portal.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+export const Portal = ({ children, type }) => {
+    const [portalNode, setPortalNode] = useState(null);
+    useEffect(() => {
+        const element = document.createElement(type);
+        document.body.appendChild(element);
+        setPortalNode(element);
+        return () => {
+            document.body.removeChild(element);
+        };
+    }, [type]);
+    return portalNode ? createPortal(children, portalNode) : null;
+};

package/dist/src/web/components/container/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+export default function Container({ children, title, events, className, style, id, }: PropsType): JSX.Element;
+export interface PropsType extends CommonPropsType {
+    title?: string;
+}

package/dist/src/web/components/container/index.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import classNames from '../../utils/classnames';
+import { emptyObject } from '../../utils/constant';
+export default function Container({ children, title, events = emptyObject, className, style, id, }) {
+    return (React.createElement("div", { role: "container", id: id, style: style, className: classNames({ 'weda-ui': true, [className]: className }), title: title, onClick: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onContextMenu: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.longpress) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchStart: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchstart) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchMove: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchmove) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchCancel: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchcancel) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchEnd: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchend) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); } }, children));
+}

package/dist/src/web/components/dataView/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IDataView } from './interface';
+/**
+ * 数据容器-列表视图
+ */
+export default function DataView(props: IDataView): JSX.Element;

package/dist/src/web/components/dataView/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import ListView from '../listView';
+/**
+ * 数据容器-列表视图
+ */
+export default function DataView(props) {
+    return (React.createElement(ListView, { ...props, isRecords: false, orderBy: undefined, orderType: undefined, template: "none", pageSize: 1, pagination: "none", beforeDataChange: (values) => values === null || values === void 0 ? void 0 : values[0] }));
+}

package/dist/src/web/components/dataView/interface.d.ts

@@ -0,0 +1,5 @@
+import { IDataContainer } from '../listView/interface';
+/**
+ * 数据容器-数据视图
+ */
+export declare type IDataView = IDataContainer;

package/dist/src/web/components/dataView/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/src/web/components/drawer/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { DrawerProps } from 'tea-component';
+import type { CommonPropsType } from '../../types';
+declare const TeaDrawer: ({ size, title, style, events, visible, subtitle, showMask, className, placement, extraSlot, footerSlot, childrenSlot, disableCloseIcon, outerClickClosable, }: PropsType) => JSX.Element;
+export interface PropsType extends CommonPropsType, Pick<DrawerProps, 'size' | 'title' | 'showMask' | 'placement' | 'disableCloseIcon' | 'outerClickClosable' | 'subtitle'> {
+    visible: boolean;
+    title?: string;
+    extraSlot?: React.ReactNode;
+    footerSlot?: React.ReactNode;
+    childrenSlot?: React.ReactNode;
+}
+export default TeaDrawer;
+export { TeaDrawer };

package/dist/src/web/components/drawer/index.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ConfigProvider, Drawer } from 'tea-component';
+const TeaDrawer = ({ size, title, style, events, visible, subtitle, showMask, className, placement, extraSlot, footerSlot, childrenSlot, disableCloseIcon, outerClickClosable, }) => {
+    const eventsList = {
+        onClose: () => (events === null || events === void 0 ? void 0 : events.onClose) && events.onClose({}),
+        onExited: () => (events === null || events === void 0 ? void 0 : events.onExited) && events.onExited({}),
+    };
+    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement(Drawer, { size: size, title: title, style: style, visible: visible, extra: extraSlot, footer: footerSlot, subtitle: subtitle, showMask: showMask, className: className, placement: placement, disableCloseIcon: disableCloseIcon, outerClickClosable: outerClickClosable, ...eventsList }, childrenSlot)));
+};
+export default TeaDrawer;
+export { TeaDrawer };

package/dist/src/web/components/form/checkbox/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { CommonFormPropsType } from '../types';
+export default function Checkbox({ id, className, style, events, name, label, labelVisible, format, enumName, range, layout, disabled, requiredFlag, decorator, controlValue, }: PropsType): JSX.Element;
+export interface PropsType extends CommonFormPropsType {
+    range?: Readonly<{
+        label: string;
+        value: any;
+        [key: string]: any;
+    }[]>;
+    format?: string;
+    enumName?: string;
+    controlValue?: [];
+}