@cloudbase/weda-ui 3.26.1 → 3.27.0

package/dist/web/components/chart/common/core/eChartBar.js

@@ -115,7 +115,7 @@ class EchartBar extends EchartBase {
         if (this.config.series.length > 0 && setColor && setColor.length > 0) {
             let i = 0;
             this.config.series.forEach((itemSeries) => {
-                itemSeries.itemStyle.color = setColor[i % 6];
+                itemSeries.itemStyle.color = setColor[i % ((setColor === null || setColor === void 0 ? void 0 : setColor.length) || 1)];
                 i = i + 1;
             });
         }

package/dist/web/components/chart/common/core/eChartLine.js

@@ -114,7 +114,7 @@ class EchartLine extends EchartBase {
         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]);
+                lodashSet(itemSeries, 'itemStyle.color', setColor[i % ((setColor === null || setColor === void 0 ? void 0 : setColor.length) || 1)]);
                 i = i + 1;
             });
         }

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

@@ -4,8 +4,7 @@ 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 &&
-        Object.keys((_b = props['dataModel']) !== null && _b !== void 0 ? _b : {}).length > 0);
+    return Object.keys((_a = props.dataSource) !== null && _a !== void 0 ? _a : {}).length === 0 && Object.keys((_b = props['dataModel']) !== null && _b !== void 0 ? _b : {}).length > 0;
 };
 const logger = debug('chart:transform');
 export function transform(chartType, dataInput, chartInput) {
@@ -53,7 +52,7 @@ export function transform(chartType, dataInput, chartInput) {
     // 是否显示空值
     const finalDataInput = (_a = (dataInput !== null && dataInput !== void 0 ? dataInput : [])) === null || _a === void 0 ? void 0 : _a.filter((item) => {
         if (!chartInput.xIsCountEmpty) {
-            return (item.XLabel['Value'] !== undefined && item.XLabel['Value'] !== null);
+            return item.XLabel['Value'] !== undefined && item.XLabel['Value'] !== null;
         }
         return true;
     });
@@ -86,13 +85,11 @@ export function transform(chartType, dataInput, chartInput) {
     if (groups.length <= 0) {
         finalDataInput.forEach((item) => {
             item.YLabels.forEach((eachYaxis, idx) => {
-                var _a, _b, _c;
+                var _a, _b, _c, _d;
                 if (!series[idx]) {
                     series[idx] = {
                         type: chartType,
-                        name: chartType === 'pie'
-                            ? undefined
-                            : (_a = eachYaxis.Cn_Name) !== null && _a !== void 0 ? _a : eachYaxis.Name,
+                        name: chartType === 'pie' ? undefined : (_a = eachYaxis.Cn_Name) !== null && _a !== void 0 ? _a : eachYaxis.Name,
                         stack: chartInput.isPile ? 'pile' : undefined,
                         showSymbol: chartType === 'pie' ? undefined : chartInput.isSeriesShowSymbol,
                         label: {
@@ -101,7 +98,7 @@ export function transform(chartType, dataInput, chartInput) {
                         itemStyle: chartType === 'pie'
                             ? undefined
                             : {
-                                color: (_c = (_b = chartInput === null || chartInput === void 0 ? void 0 : chartInput.setColor) === null || _b === void 0 ? void 0 : _b[idx % 6]) !== null && _c !== void 0 ? _c : null,
+                                color: (_d = (_b = chartInput === null || chartInput === void 0 ? void 0 : chartInput.setColor) === null || _b === void 0 ? void 0 : _b[idx % (((_c = chartInput === null || chartInput === void 0 ? void 0 : chartInput.setColor) === null || _c === void 0 ? void 0 : _c.length) || 1)]) !== null && _d !== void 0 ? _d : null,
                             },
                         data: chartType === 'pie'
                             ? [
@@ -111,10 +108,7 @@ export function transform(chartType, dataInput, chartInput) {
                                 },
                             ]
                             : [eachYaxis.Value],
-                        ...(chartType === 'line' &&
-                            (chartInput === null || chartInput === void 0 ? void 0 : chartInput.chartType) === 'bight'
-                            ? { smooth: true }
-                            : {}),
+                        ...(chartType === 'line' && (chartInput === null || chartInput === void 0 ? void 0 : chartInput.chartType) === 'bight' ? { smooth: true } : {}),
                     };
                     if (chartInput.isUnit || chartInput.isPercent) {
                         series[idx].label.formatter = formatter;
@@ -153,7 +147,7 @@ export function transform(chartType, dataInput, chartInput) {
     else {
         // 先给每个分组留位置
         groups.forEach((groupName, idx) => {
-            var _a, _b;
+            var _a, _b, _c;
             series.push({
                 type: chartType,
                 name: groupName,
@@ -165,13 +159,10 @@ export function transform(chartType, dataInput, chartInput) {
                 itemStyle: chartType === 'pie'
                     ? undefined
                     : {
-                        color: (_b = (_a = chartInput === null || chartInput === void 0 ? void 0 : chartInput.setColor) === null || _a === void 0 ? void 0 : _a[idx % 6]) !== null && _b !== void 0 ? _b : null,
+                        color: (_c = (_a = chartInput === null || chartInput === void 0 ? void 0 : chartInput.setColor) === null || _a === void 0 ? void 0 : _a[idx % (((_b = chartInput === null || chartInput === void 0 ? void 0 : chartInput.setColor) === null || _b === void 0 ? void 0 : _b.length) || 1)]) !== null && _c !== void 0 ? _c : null,
                     },
                 data: [],
-                ...(chartType === 'line' &&
-                    (chartInput === null || chartInput === void 0 ? void 0 : chartInput.chartType) === 'bight'
-                    ? { smooth: true }
-                    : {}),
+                ...(chartType === 'line' && (chartInput === null || chartInput === void 0 ? void 0 : chartInput.chartType) === 'bight' ? { smooth: true } : {}),
             });
         });
         // 然后再往data里放东西

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { CommonPropsType } from '../../../types';
 import { IDataSource, IField } from './interface';
 import './style';
@@ -81,5 +81,5 @@ export declare function customToFixed(num: any, digit?: number): string;
  * @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 {};
+declare const _default: React.ForwardRefExoticComponent<Pick<PropsType, keyof PropsType> & React.RefAttributes<unknown>>;
+export default _default;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef } from 'react';
+import { useState, useRef, forwardRef, useMemo } from 'react';
 import classNames from '../../../utils/classnames';
 import { ConfigProvider } from 'tea-component';
 import { usePlatform } from '../../../utils/platform';
@@ -7,6 +7,7 @@ import { useDeepCompareEffect, useIsMounted } from '@react-hookz/web';
 import { callDataSource, callWedaApi } from '../../../utils/tcb';
 import { getUuid } from '../../../utils/tool';
 import { errorHandler } from '../../../utils/error';
+import { useSetWidgetApi } from '../../../utils/widget-api/use-set-widget-api';
 import './style';
 const CLASS_PREFIX = 'weda-statistics-card';
 // 默认显示值
@@ -110,7 +111,7 @@ 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, }) {
+export default forwardRef(function StatisticsCard({ dataSource, filterData, field, operationType, label, isCountEmpty, isShowUnit, unit, decimalDigits, suffix, className, style, events, id, role, appCloud = defaultAppCloud, }, ref) {
     const [val, setVal] = useState(defaultVal);
     const delayRef = useRef({ version: null });
     const isMounted = useIsMounted();
@@ -208,5 +209,9 @@ export default function StatisticsCard({ dataSource, filterData, field, operatio
         [`${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 })] }) })] }) }) }));
-}
+    const calculatedValue = useMemo(() => {
+        return formatNumber(val / unit, decimalDigits);
+    }, [val, unit, decimalDigits]);
+    useSetWidgetApi(() => ({ calculatedValue, value: val, unit, label }), [calculatedValue, val, unit, label], ref);
+    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 ? calculatedValue : val, isShowUnit && _jsx("label", { className: `${CLASS_PREFIX}__unit`, children: suffix })] }) })] }) }) }));
+});

package/dist/web/components/form/uploader/index.d.ts

@@ -6,6 +6,7 @@ type UploaderProps = (H5UploaderProps | PcUploaderProps) & {
     showShape?: string;
     showType?: string;
     setUploadHandle?: (uploadHandle?: any) => void;
+    popupContainer?: HTMLElement;
 };
 export default function Uploader(props: UploaderProps): JSX.Element;
 export {};

package/dist/web/components/wd-modal/wd-modal.js

@@ -138,11 +138,9 @@ export const WdModal = forwardRef(function WdModal(props, ref) {
                         }
                     }, children: _jsxs("div", { style: { ...styleList, ...style }, className: classNames(modalBdClasses), onClick: (e) => {
                             e.stopPropagation();
-                        }, children: [props.headerSlot && (_jsx("div", { className: `${classPrefix}-modal-bd__hd`, style: headerFooterStlye, children: props.headerSlot })), props.contentSlot && _jsx("div", { className: `${classPrefix}-modal-bd__main`, children: props.contentSlot }), props.footerSlot && (_jsx("div", { className: `${classPrefix}-modal-bd__ft ${['confirm', 'notice'].includes(props.template) && platform === 'h5'
+                        }, children: [_jsx("div", { className: `${classPrefix}-modal-bd__hd`, style: headerFooterStlye, children: props.headerSlot }), _jsx("div", { className: `${classPrefix}-modal-bd__main`, children: props.contentSlot }), _jsx("div", { className: `${classPrefix}-modal-bd__ft ${['confirm', 'notice'].includes(props.template) && platform === 'h5'
                                     ? `${classPrefix}-modal-bd__ft-text-btn`
-                                    : ''} ${props.template === 'notice' && platform === 'h5'
-                                    ? `${classPrefix}-modal-bd__ft-text-btn--vertical`
-                                    : ''}`, style: headerFooterStlye, children: props.footerSlot }))] }) })] }));
+                                    : ''} ${props.template === 'notice' && platform === 'h5' ? `${classPrefix}-modal-bd__ft-text-btn--vertical` : ''}`, style: headerFooterStlye, children: props.footerSlot })] }) })] }));
     };
     return (_jsx("div", { id: id, className: classNames(classes, className), style: { display: (style === null || style === void 0 ? void 0 : style.display) || 'block' }, "data-testid": "wd-modal-test", children: maskPreToShow && renderNode() }));
 });

package/dist/web/components/wd-upload-image/wd-upload-image.d.ts

@@ -10,4 +10,5 @@ export declare const WdUploadImage: React.ForwardRefExoticComponent<WdUploadImag
 export interface WdUploadImageProps extends Except<CommonPropsType, 'events'>, DataType, EventsType {
     classRoot?: string;
     tips?: string;
+    popupContainer?: HTMLElement;
 }

package/dist/web/components/wd-upload-image/wd-upload-image.js

@@ -15,7 +15,7 @@ import { Upload } from '../form/uploader/upload/index';
 export const WdUploadImage = forwardRef(function WdUploadImage(props, ref) {
     const { classRoot = 'upload-image', showShape = X_RUNTIME_DEFAULT.showShape, acceptTypes = X_RUNTIME_DEFAULT.acceptTypes, maxSize = X_RUNTIME_DEFAULT.maxSize, single = X_RUNTIME_DEFAULT.single, maxUploadCount = X_RUNTIME_DEFAULT.maxUploadCount, events = emptyObject, isCompressBeforeUpload = false, 
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    compressQuality = 70, compressedHeight = 0, compressedWidth = 0, sourceType = 'both', tips, callbacks, template = 'normal', children, storageType = 'cloudID', } = props;
+    compressQuality = 70, compressedHeight = 0, compressedWidth = 0, sourceType = 'both', tips, callbacks, template = 'normal', children, storageType = 'cloudID', popupContainer, } = props;
     // 强制转换初始值
     const initRef = useRef(false);
     const uploadRef = useRef(null);
@@ -44,5 +44,5 @@ export const WdUploadImage = forwardRef(function WdUploadImage(props, ref) {
     const multiple = !single;
     if (!visible)
         return null;
-    return (_jsx(WdFormItem, { ...formItemProps, children: template === 'custom' ? (_jsx(Upload, { events: events, acceptTypes: acceptTypes, maxSize: maxSize, maxUploadCount: maxUploadCount, readOnly: readOnly, disabled: disabled, isCompressBeforeUpload: isCompressBeforeUpload, compressQuality: compressQuality, compressedHeight: compressedHeight, compressedWidth: compressedWidth, callbacks: callbacks, value: value, multiple: multiple, sourceType: sourceType, onChange: onChange, ref: uploadRef, setUploadHandle: setUploadHandle, storageType: storageType, children: children })) : (_jsx(Uploader, { events: events, labelVisible: false, acceptTypes: acceptTypes, defaultValue: value, maxSize: maxSize, maxUploadCount: maxUploadCount, single: single, tips: tips, showShape: showShape, readOnly: readOnly, disabled: disabled, decorator: null, onChange: onChange, isCompressBeforeUpload: isCompressBeforeUpload, compressQuality: compressQuality, compressedHeight: compressedHeight, compressedWidth: compressedWidth, sourceType: sourceType, callbacks: callbacks, setUploadHandle: setUploadHandle, storageType: storageType })) }));
+    return (_jsx(WdFormItem, { ...formItemProps, children: template === 'custom' ? (_jsx(Upload, { events: events, acceptTypes: acceptTypes, maxSize: maxSize, maxUploadCount: maxUploadCount, readOnly: readOnly, disabled: disabled, isCompressBeforeUpload: isCompressBeforeUpload, compressQuality: compressQuality, compressedHeight: compressedHeight, compressedWidth: compressedWidth, callbacks: callbacks, value: value, multiple: multiple, sourceType: sourceType, onChange: onChange, ref: uploadRef, setUploadHandle: setUploadHandle, storageType: storageType, children: children })) : (_jsx(Uploader, { events: events, labelVisible: false, acceptTypes: acceptTypes, defaultValue: value, maxSize: maxSize, maxUploadCount: maxUploadCount, single: single, tips: tips, showShape: showShape, readOnly: readOnly, disabled: disabled, decorator: null, onChange: onChange, isCompressBeforeUpload: isCompressBeforeUpload, compressQuality: compressQuality, compressedHeight: compressedHeight, compressedWidth: compressedWidth, sourceType: sourceType, callbacks: callbacks, setUploadHandle: setUploadHandle, storageType: storageType, popupContainer: popupContainer })) }));
 });