@cloudbase/weda-ui 3.4.8 → 3.4.9

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+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';
@@ -45,11 +45,10 @@ export default function Carousel({ className, style, autoplay, circular, vertica
         setHeight(e.target.clientHeight);
     });
     const itemsClone = images === null || images === void 0 ? void 0 : images.map((x, i) => {
-        return (React.createElement("div", { className: "g-swiper-item", "data-index": i, key: i },
-            React.createElement(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, src: x.image, alt: '图片', fit: x.fit, style: {
+        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) {
@@ -110,45 +109,37 @@ export default function Carousel({ className, style, autoplay, circular, vertica
         }
         setSwipeStyle(style);
     };
-    return (React.createElement("div", { className: classNames('g-swiper weda-ui g-carousel', className, {
+    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" },
-        itemCount > 0 ? (
-        // @ts-ignore todo
-        React.createElement(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);
-            } },
-            itemsClone[itemCount - 1], images === null || images === void 0 ? void 0 :
-            images.map((x, i) => {
-                return (React.createElement(SwiperItem, { setHeight: setHeight, currentIndex: currentIndex, index: i, key: i, imagesValue: x },
-                    React.createElement(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%',
-                        } })));
-            }),
-            itemsClone[0])) : null,
-        indicatorDots ? (React.createElement("div", { className: "g-swiper__pagination" }, images === null || images === void 0 ? void 0 : images.map((x, i) => {
-            return (React.createElement("a", { key: i, 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 }));
-        }))) : (false),
-        React.createElement("a", { href: "#", className: "g-swiper__turn-pre", onClick: (ev) => {
-                ev.preventDefault();
-                setIndex(currentIndex - 1);
-            } }, "\u4E0A\u4E00\u9875"),
-        React.createElement("a", { href: "#", className: "g-swiper__turn-next", onClick: (ev) => {
-                ev.preventDefault();
-                setIndex(currentIndex + 1);
-            } }, "\u4E0B\u4E00\u9875")));
+        }), 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);
@@ -244,8 +235,7 @@ const SwiperItem = ({ setHeight, children, currentIndex, index, imagesValue }) =
             newPage ? window.open(href) : (location.href = href);
         }
     };
-    return (React.createElement("div", { className: classNames('g-swiper-item', {
+    return (_jsx("div", { className: classNames('g-swiper-item', {
             current: index === currentIndex,
-        }), "data-index": index, onClick: handleImage, "data-testid": "swiper-item" },
-        React.createElement("div", { ref: firstChildRef }, children)));
+        }), "data-index": index, onClick: handleImage, "data-testid": "swiper-item", children: _jsx("div", { ref: firstChildRef, children: children }) }));
 };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+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';
@@ -21,21 +21,20 @@ function BarImpl(props) {
         oldBarProps['connectorMethod'] = undefined;
         oldBarProps['connectorParams'] = undefined;
         oldBarProps['connector'] = undefined;
-        return React.createElement(OldBar, { ...oldBarProps });
+        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 (React.createElement(Chart, { id: id, "data-testid": "bar", className: className, style: style, events: events, chartOptions: chartOptions }));
+        return (_jsx(Chart, { id: id, "data-testid": "bar", className: className, style: style, events: events, chartOptions: chartOptions }));
     }
     else if (props.dataSourceType === 'custom-connector') {
-        return React.createElement(ChartCustomConnector, { "data-testid": "bar", type: "bar", ...props });
+        return _jsx(ChartCustomConnector, { "data-testid": "bar", type: "bar", ...props });
     }
     else {
-        return React.createElement(OldBar, { ...props });
+        return _jsx(OldBar, { ...props });
     }
 }
 export default function Bar(props) {
-    return (React.createElement(CommonErrorBoundary, { ...props },
-        React.createElement(BarImpl, { ...props })));
+    return (_jsx(CommonErrorBoundary, { ...props, children: _jsx(BarImpl, { ...props }) }));
 }

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

@@ -1,4 +1,5 @@
-import React, { useRef } from 'react';
+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';
@@ -47,7 +48,7 @@ export default function Bar(opts) {
         backgroundColor: '#ffffff',
         ...style,
     };
-    return (React.createElement("div", { id: id, "data-testid": "bar", ref: domRef, style: inlineStyle, className: classNames({
+    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,

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

@@ -1,4 +1,5 @@
-import React, { useEffect, useRef } from 'react';
+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) {
@@ -15,7 +16,7 @@ export function Chart(props) {
         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 (React.createElement("div", { id: id, "data-testid": dataTestId, ref: ref, style: inlineStyle, className: classNames({
+    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.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useAsync } from '@react-hookz/web';
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { callDataSource } from '../../../utils/tcb';
 import { Chart } from './Chart';
 import { ChartError } from './chart-error';
@@ -26,10 +27,5 @@ export const ChartCustomConnector = (props) => {
         throw state.error;
     }
     const chartOptions = transform(type, state.result, restProps);
-    return (React.createElement(Chart, { id: restProps.id, className: restProps.className, "data-testid": restProps['data-testid'], style: restProps.style, events: restProps.events, chartOptions: chartOptions }));
+    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/core/eChartLine.js

@@ -1,5 +1,6 @@
 import EchartBase from './eChartBase';
 import getConfig from '../config/line';
+import lodashSet from 'lodash.set';
 /**
  * 折线图表
  * @author loonglong
@@ -108,6 +109,15 @@ class EchartLine extends EchartBase {
             }
         }
     }
+    setColor({ setColor }) {
+        if (this.config.series.length > 0 && setColor && setColor.length > 0) {
+            let i = 0;
+            this.config.series.forEach((itemSeries) => {
+                lodashSet(itemSeries, 'itemStyle.color', setColor[i % 6]);
+                i = i + 1;
+            });
+        }
+    }
     setChartType({ chartType }) {
         this.config.series.length > 0 &&
             this.config.series.forEach((itemSeries) => {
@@ -138,7 +148,7 @@ class EchartLine extends EchartBase {
             this.config.yAxis.axisLabel.formatter = null;
         }
     }
-    async setOptions({ chartType, isTitle, title, 
+    async setOptions({ chartType, setColor, isTitle, title, 
     // titleLocation,
     dataSource, filterData, xField, xStatistics, groupKey, groupKeyTimeSpan, xIsCountEmpty, yField, isLegend, legend, 
     // legend2,
@@ -156,6 +166,7 @@ class EchartLine extends EchartBase {
             });
         }
         this.setChartType({ chartType });
+        this.setColor({ setColor });
         this.setTitle({ isTitle, title });
         this.setLegend({ isLegend, legend });
         this.setIsXaxisAxisLabelShow({ isXaxisAxisLabelShow });

package/dist/web/components/chart/common/data-transform.js

@@ -1,5 +1,7 @@
 import { debug } from '../../../utils/console';
 import { ChartError } from './chart-error';
+import lodashSet from 'lodash.set';
+import { isNil } from '../../../utils/lodash';
 export const checkIsNewData = (props) => {
     var _a, _b;
     return (Object.keys((_a = props.dataSource) !== null && _a !== void 0 ? _a : {}).length === 0 &&
@@ -55,12 +57,17 @@ export function transform(chartType, dataInput, chartInput) {
         }
         return true;
     });
-    const unitFormatter = (value) => {
+    const formatter = ({ value, percent }) => {
         let val = Number(value);
+        let result = '';
         if (chartInput.isUnit) {
             val = val / chartInput.unit;
         }
-        return `${val.toFixed(chartInput.decimalDigits)}${chartInput.suffix}`;
+        result = `${val.toFixed(chartInput.decimalDigits)}${chartInput.suffix}`;
+        if (chartInput.isPercent && !isNil(percent)) {
+            result = `${result}(${percent}%)`;
+        }
+        return result;
     };
     const series = [];
     const groups = [];
@@ -105,8 +112,8 @@ export function transform(chartType, dataInput, chartInput) {
                             ]
                             : [eachYaxis.Value],
                     };
-                    if (chartInput.isUnit) {
-                        series[idx].label.formatter = (params) => unitFormatter(params.value);
+                    if (chartInput.isUnit || chartInput.isPercent) {
+                        series[idx].label.formatter = formatter;
                     }
                 }
                 else {
@@ -121,10 +128,7 @@ export function transform(chartType, dataInput, chartInput) {
                     }
                 }
                 if (chartType === 'pie') {
-                    // series[idx].label.position = 'inner';
-                    series[idx].label['normal'] = {
-                        position: 'inner',
-                    };
+                    lodashSet(series[idx], 'label.position', 'inner');
                     if (chartInput.chartType === 'pie') {
                         series[idx]['radius'] = '70%';
                     }
@@ -221,7 +225,7 @@ export function transform(chartType, dataInput, chartInput) {
             return (_a = item.XLabel.Value) !== null && _a !== void 0 ? _a : null;
         });
         if (chartInput.isUnit) {
-            yAxis.axisLabel.formatter = unitFormatter;
+            yAxis.axisLabel.formatter = (value) => formatter({ value });
         }
         if (chartInput.directionType === 'crosswise') {
             return {

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import OldLine from './index.old';
 import { checkIsNewData, transform } from '../common/data-transform';
 import { emptyArray } from '../../../utils/constant';
@@ -21,22 +21,21 @@ function LineImpl(props) {
         oldLineProps['connectorMethod'] = undefined;
         oldLineProps['connectorParams'] = undefined;
         oldLineProps['connector'] = undefined;
-        return React.createElement(OldLine, { ...oldLineProps });
+        return _jsx(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 }));
+        return (_jsx(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 });
+        return _jsx(ChartCustomConnector, { "data-testid": "line", type: "line", ...props });
     }
     else {
         // 老逻辑
-        return React.createElement(OldLine, { ...props });
+        return _jsx(OldLine, { ...props });
     }
 }
 export default function Line(props) {
-    return (React.createElement(CommonErrorBoundary, { ...props },
-        React.createElement(LineImpl, { ...props })));
+    return (_jsx(CommonErrorBoundary, { ...props, children: _jsx(LineImpl, { ...props }) }));
 }

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

@@ -1,9 +1,10 @@
-import React, { useRef } from 'react';
+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, 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 { 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,
@@ -11,6 +12,7 @@ export default function Line(opts) {
         title,
         titleLocation,
         dataSource,
+        setColor,
         filterData,
         xField,
         xStatistics,
@@ -45,7 +47,7 @@ export default function Line(opts) {
         backgroundColor: '#ffffff',
         ...style,
     };
-    return (React.createElement("div", { id: id, ref: domRef, "data-testid": "line", style: inlineStyle, className: classNames({
+    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.js

@@ -1,4 +1,4 @@
-import React from 'react';
+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';
@@ -21,22 +21,21 @@ function PieImpl(props) {
         oldPieProps['connectorMethod'] = undefined;
         oldPieProps['connectorParams'] = undefined;
         oldPieProps['connector'] = undefined;
-        return React.createElement(OldPie, { ...oldPieProps });
+        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 (React.createElement(Chart, { id: id, "data-testid": "pie", className: className, style: style, events: events, chartOptions: chartOptions }));
+        return (_jsx(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 });
+        return _jsx(ChartCustomConnector, { "data-testid": "pie", type: "pie", ...props });
     }
     else {
         // 老逻辑
-        return React.createElement(OldPie, { ...props });
+        return _jsx(OldPie, { ...props });
     }
 }
 export default function Pie(props) {
-    return (React.createElement(CommonErrorBoundary, { ...props },
-        React.createElement(PieImpl, { ...props })));
+    return (_jsx(CommonErrorBoundary, { ...props, children: _jsx(PieImpl, { ...props }) }));
 }

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

@@ -1,4 +1,5 @@
-import React, { useRef } from 'react';
+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';
@@ -32,7 +33,7 @@ export default function Line({ id, style, className, chartType, isTitle, title,
         backgroundColor: '#ffffff',
         ...style,
     };
-    return (React.createElement("div", { id: id, "data-testid": "pie", ref: domRef, style: inlineStyle, className: classNames({
+    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.js

@@ -1,4 +1,5 @@
-import React, { useState, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef } from 'react';
 import './index.css';
 import classNames from '../../../utils/classnames';
 import { ConfigProvider } from 'tea-component';
@@ -197,12 +198,5 @@ export default function StatisticsCard({ dataSource, filterData, field, operatio
         [`${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))))))));
+    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/common/error-boundary.js

@@ -1,33 +1,31 @@
-import React, { useMemo } from 'react';
+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 { DetectedRenderLoppError } from './use-loop-render-detect';
+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 DetectedRenderLoppError) {
+                error instanceof DetectedRenderLoopError) {
                 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: classNames([
+        return (_jsxs("div", { style: props.style, id: props.id, className: classNames([
                 'wedaui-common-error-boundary',
                 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")));
+            ]), 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 (React.createElement(ErrorBoundary, { FallbackComponent: FallbackComponent }, props.children));
+    return (_jsx(ErrorBoundary, { FallbackComponent: FallbackComponent, children: props.children }));
 };

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FormItemWrapper({ children }) {
+    return (_jsx("div", { role: "container", className: "weda-ui  wa-comp-CLOUDBASE_STANDARD-FormInput gsd-h5-react-formitem wa-comp-CLOUDBASE_STANDARD-FormItem", children: children }));
+}

package/dist/web/components/common/use-loop-render-detect.js

@@ -83,7 +83,7 @@ const defaultOptions = {
     message: '组件控制逻辑出现死循环，请检查并修改相关配置',
     timeWindowMs: 6 * 1000,
 };
-export class DetectedRenderLoppError extends Error {
+export class DetectedRenderLoopError extends Error {
 }
 export const useLoopRenderDetect = (inputOptions = defaultOptions) => {
     const options = Object.assign({}, defaultOptions, inputOptions);
@@ -115,7 +115,7 @@ export const useLoopRenderDetect = (inputOptions = defaultOptions) => {
         renderCount > options.limit * 3) {
         reset();
         if (options.throwError) {
-            throw new DetectedRenderLoppError(options.message);
+            throw new DetectedRenderLoopError(options.message);
         }
         return true;
     }

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 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));
+    return (_jsx("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: children }));
 }

package/dist/web/components/customer-service/convert-legacy-props.js

@@ -0,0 +1,14 @@
+const PROPS_VALUE_MAP = {
+    size: {
+        default: 'md',
+        mini: 'sm',
+        large: 'lg',
+    },
+    theme: {
+        default: 'primary',
+        warn: 'warning',
+    },
+};
+export const convertLegacyProps = (key, prop) => {
+    return PROPS_VALUE_MAP[key][prop];
+};

package/dist/web/components/customer-service/customer-service.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Bubble, ConfigProvider } from 'tea-component';
+import { emptyObject } from '../../utils/constant';
+export const CustomerService = forwardRef(function CustomerService(props, ref) {
+    const { id, className, style, events = emptyObject, } = props;
+    // 方法
+    const onClick = (e) => {
+        var _a;
+        (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e });
+    };
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { placement: "auto", openDelay: 300, content: "\u7F16\u8F91\u5668\u6682\u4E0D\u652F\u6301\u6253\u5F00\u5BA2\u670D\u4F1A\u8BDD\uFF0C\u8BF7\u53D1\u5E03\u5C0F\u7A0B\u5E8F\u540E\u4F7F\u7528\u771F\u673A\u8C03\u8BD5\u3002PC/H5\u7AEF\u5C06\u9690\u85CF\u8BE5\u7EC4\u4EF6\uFF0C\u8BF7\u6CE8\u610F\u9875\u9762\u5E03\u5C40\u3002", children: _jsx("div", { id: id, className: className, style: style, onClick: onClick, "data-role": "wd-customer-service", ref: ref, children: props.children }) }) }));
+});

package/dist/web/components/customer-service/index.js

@@ -0,0 +1,3 @@
+import { CustomerService } from './customer-service';
+export { CustomerService } from './customer-service';
+export default CustomerService;

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

@@ -1,8 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import ListView from '../listView';
+import { useLoopRenderDetect } from '../common/use-loop-render-detect';
+const beforeDataChange = (values) => (values === null || values === void 0 ? void 0 : values[0]) || {};
 /**
  * 数据容器-列表视图
  */
 export default React.forwardRef(function DataView(props, ref) {
-    return (React.createElement(ListView, { ...props, ref: ref, isRecords: false, orderBy: undefined, orderType: undefined, template: "none", pageSize: 1, pagination: "none", beforeDataChange: (values) => (values === null || values === void 0 ? void 0 : values[0]) || {} }));
+    useLoopRenderDetect({ limit: 600 });
+    return (_jsx(ListView, { ...props, ref: ref, isRecords: false, orderBy: undefined, orderType: undefined, template: "none", pageSize: 1, pagination: "none", beforeDataChange: beforeDataChange }));
 });

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

@@ -1,12 +1,11 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 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)));
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(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, children: childrenSlot }) }));
 };
 export default TeaDrawer;
 export { TeaDrawer };

package/dist/web/components/flow/common/components/container.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable react/jsx-props-no-spreading */
+import { forwardRef } from 'react';
+import { ConfigProvider } from 'tea-component';
+/**
+ * 微搭流程组件容器
+ * @description 处理weda组件样式前缀、处理微搭平台配置属性、处理容器dom转发
+ */
+export const WedaFlowContainer = forwardRef(function WedaFlowContainer(props, ref) {
+    const { children, wedaPlatformProps, classPrefix = 'wedatea2td' } = props;
+    return (_jsx(ConfigProvider, { classPrefix: classPrefix, children: _jsx("div", { ...wedaPlatformProps, ref: ref, children: children }) }));
+});

package/dist/web/components/flow/common/components/index.js

@@ -0,0 +1,2 @@
+export * from './text';
+export * from './container';