@cloudbase/weda-ui 3.5.2-mp → 3.5.3

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../../types';
+import { DataSource, Xfield, Yfield } from '../common/core/type';
+export interface PropsType extends Omit<CommonPropsType, 'children'> {
+    chartType?: string;
+    isTitle?: boolean;
+    title?: string;
+    titleLocation?: string;
+    dataSource?: DataSource;
+    filterData?: string;
+    setColor: string[];
+    xField?: Xfield;
+    groupKey?: Xfield;
+    groupKeyTimeSpan?: string;
+    xStatistics?: 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 Line(opts: PropsType): JSX.Element;

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

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { 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, setColor, 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,
+        setColor,
+        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 (_jsx("div", { id: id, ref: domRef, "data-testid": "line", style: inlineStyle, className: classNames({
+            'echart-wrapper-canvas': true,
+            'echart-dark-body': true,
+            [className]: className,
+        }) }));
+}

package/dist/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/web/components/chart/pie/index.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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 _jsx(OldPie, { ...oldPieProps });
+    }
+    else if (props.dataSourceType === 'variable') {
+        const { datasourceVariable = emptyArray, id, style, className, events, ...rest } = props;
+        const chartOptions = transform('pie', datasourceVariable, rest);
+        return (_jsx(Chart, { id: id, "data-testid": "pie", className: className, style: style, events: events, chartOptions: chartOptions }));
+    }
+    else if (props.dataSourceType === 'custom-connector') {
+        return _jsx(ChartCustomConnector, { "data-testid": "pie", type: "pie", ...props });
+    }
+    else {
+        // 老逻辑
+        return _jsx(OldPie, { ...props });
+    }
+}
+export default function Pie(props) {
+    return (_jsx(CommonErrorBoundary, { ...props, children: _jsx(PieImpl, { ...props }) }));
+}

package/dist/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/web/components/chart/pie/index.old.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { 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 (_jsx("div", { id: id, "data-testid": "pie", ref: domRef, style: inlineStyle, className: classNames({
+            'echart-wrapper-canvas': true,
+            'echart-dark-body': true,
+            [className]: className,
+        }) }));
+}

package/dist/web/components/chart/statisticsCard/index.css

@@ -0,0 +1,63 @@
+/* pc style */
+.weda-statistics-card {
+  background: #ffffff;
+  border: 1px solid #f1f2f5;
+  box-sizing: border-box;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
+  border-radius: 6px;
+  box-sizing: border-box;
+  font-size: 14px;
+}
+.weda-statistics-card.weda-statistics-card-pc {
+  width: 276px;
+  min-height: 128px;
+}
+
+.weda-statistics-card .weda-statistics-card__wrapper {
+  width: 100%;
+  padding: 28px 24px;
+}
+
+.weda-statistics-card .weda-statistics-card__title {
+  font-size: 1em;
+  line-height: 1.57142em;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.weda-statistics-card .weda-statistics-card__detail {
+  margin-top: 8px;
+}
+
+.weda-statistics-card .weda-statistics-card__count {
+  font-size: 2.28571em;
+  line-height: 3.14285em;
+  color: rgba(0, 0, 0, 0.9);
+  word-break: break-all;
+}
+
+.weda-statistics-card .weda-statistics-card__unit {
+  font-size: 1em;
+  line-height: 1.57142em;
+  color: rgba(0, 0, 0, 0.4);
+  margin-left: 4px;
+  vertical-align: middle;
+}
+
+/* h5 style */
+.weda-statistics-card.weda-statistics-card-mobile {
+  max-width: 100%;
+  min-height: 140px;
+}
+.weda-statistics-card-mobile .weda-statistics-card__wrapper {
+  width: 100%;
+  padding: 40px 24px;
+}
+
+.weda-statistics-card-mobile .weda-statistics-card__detail {
+  margin-top: 4px;
+}
+
+.weda-statistics-card-mobile .weda-statistics-card__count {
+  font-size: 2em;
+  line-height: 2.42857em;
+}

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

@@ -0,0 +1,85 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../../types';
+import { IDataSource, IField } from './interface';
+import './style';
+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/web/components/chart/statisticsCard/index.js

@@ -0,0 +1,204 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef } from 'react';
+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';
+import { getUuid } from '../../../utils/tool';
+import './style';
+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 delayRef = useRef({ version: null });
+    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
+                        .filter((v) => v.value !== undefined && v.rel !== '')
+                        .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: where === null || where === void 0 ? void 0 : where.filter((v) => { var _a; return !!((_a = v.LogicData) === null || _a === void 0 ? void 0 : _a.length); }),
+            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')) {
+            const fetchVersion = (delayRef.current.version = getUuid());
+            let data = await getSourceData(dataSource, filterData, field, operationType, isCountEmpty);
+            if (fetchVersion !== delayRef.current.version)
+                return;
+            // APIs 返回处理
+            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 (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { id: id, role: role, className: cls, style: style, onClick: (e) => events.tap({}, { originEvent: e }), children: _jsxs("div", { className: `${CLASS_PREFIX}__wrapper`, children: [_jsx("div", { className: `${CLASS_PREFIX}__title`, children: label }), _jsx("div", { className: `${CLASS_PREFIX}__detail`, children: _jsxs("div", { className: `${CLASS_PREFIX}__count`, children: [isShowUnit ? formatNumber(val / unit, decimalDigits) : val, isShowUnit && (_jsx("label", { className: `${CLASS_PREFIX}__unit`, children: suffix }))] }) })] }) }) }));
+}

package/dist/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/web/components/chart/statisticsCard/interface.js

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

package/dist/web/components/chart/statisticsCard/style.d.ts

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

package/dist/web/components/chart/statisticsCard/style.js

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

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

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

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import classNames from '../../utils/classnames';
+import { ChartError } from '../chart/common/chart-error';
+import { DetectedRenderLoopError } from './use-loop-render-detect';
+export const CommonErrorBoundary = (props) => {
+    const FallbackComponent = ({ error, resetErrorBoundary, }) => {
+        const errorMsg = useMemo(() => {
+            var _a;
+            if (error instanceof ChartError ||
+                error instanceof DetectedRenderLoopError) {
+                return error.message;
+            }
+            else {
+                return (_a = error.stack) !== null && _a !== void 0 ? _a : error.message;
+            }
+        }, [error]);
+        return (_jsxs("div", { style: props.style, id: props.id, className: classNames([
+                'wedaui-common-error-boundary',
+                props.className,
+            ]), children: [_jsx("code", { children: _jsx("pre", { style: { display: 'inline' }, children: errorMsg }) }), _jsx("a", { href: "#", style: {
+                        padding: '0 8px',
+                        textDecoration: 'none',
+                    }, onClick: (ev) => {
+                        ev.preventDefault();
+                        resetErrorBoundary();
+                    }, children: "\u91CD\u8BD5" })] }));
+    };
+    return (_jsx(ErrorBoundary, { FallbackComponent: FallbackComponent, children: props.children }));
+};

package/dist/web/components/common/form-item-wrapper.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare function FormItemWrapper({ readOnly, disabled, $node, children, }: {
+    children: React.ReactNode;
+    readOnly?: boolean;
+    disabled?: boolean;
+    $node?: any;
+}): JSX.Element;

package/dist/web/components/common/form-item-wrapper.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useConfig } from '../../utils/config-context';
+import classNames from '../../utils/classnames';
+import { getParentForm } from '../../utils/widget-api';
+export function FormItemWrapper({ readOnly, disabled, $node, children, }) {
+    var _a;
+    const { classPrefix } = useConfig();
+    const formType = ((_a = getParentForm($node)) === null || _a === void 0 ? void 0 : _a.formType) || 'create';
+    const cls = classNames('weda-ui wa-comp-CLOUDBASE_STANDARD-FormInput gsd-h5-react-formitem wa-comp-CLOUDBASE_STANDARD-FormItem weda-ui-to-wd', {
+        [`${classPrefix}-form-read-value`]: formType === 'read' && readOnly && disabled,
+    });
+    return (_jsx("div", { role: "container", className: cls, children: children }));
+}

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

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