@cloudbase/weda-ui 3.2.1 → 3.3.1

package/dist/src/web/components/form/checkbox/index.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { Checkbox as TeaCheckbox, ConfigProvider } from 'tea-component';
 import classNames from '../../../utils/classnames';
 import getLocalCounter from '../../../utils/getLocalCounter';
@@ -39,33 +39,8 @@ name = 'formCheckbox', label = '标题', labelVisible = true, format = '', enumN
             prevRangeRef.current = JSON.parse(JSON.stringify(option));
             setCheckedItems(fromEntries(option.map(({ value, checked }) => [value, !!checked])));
         }
-    });
-    useEffect(() => {
-        // 如果绑定字段类型为枚举，且传入自定义选项集的名称则默认使用自定义选项集的内容作为选项
-        if (format === 'x-enum' && enumName) {
-            fetchData({ OptNameList: [enumName], PageIndex: 1, PageSize: 10 });
-        }
-    }, []);
-    useEffect(() => {
-        if (format === 'x-enum') {
-            const opt = enumOptions &&
-                enumOptions.map((item) => {
-                    const checked = controlValue && controlValue.find((val) => val === item.value);
-                    return {
-                        value: item.value,
-                        label: item.label,
-                        checked: !!checked,
-                    };
-                });
-            setOption(opt);
-        }
-    }, [controlValue]);
-    useEffect(() => {
-        if (format !== 'x-enum') {
-            setOption(range);
-        }
-    }, [range]);
-    const fetchData = async (param) => {
+    }, [option]);
+    const fetchData = useCallback(async (param) => {
         var _a, _b, _c;
         const data = await callWedaApi({
             action: 'DescribeGeneralOptionsDetailList',
@@ -91,7 +66,32 @@ name = 'formCheckbox', label = '标题', labelVisible = true, format = '', enumN
                 };
             });
         setOption(opt);
-    };
+    }, [controlValue]);
+    useEffect(() => {
+        // 如果绑定字段类型为枚举，且传入自定义选项集的名称则默认使用自定义选项集的内容作为选项
+        if (format === 'x-enum' && enumName) {
+            fetchData({ OptNameList: [enumName], PageIndex: 1, PageSize: 10 });
+        }
+    }, [enumName, fetchData, format]);
+    useEffect(() => {
+        if (format === 'x-enum') {
+            const opt = enumOptions &&
+                enumOptions.map((item) => {
+                    const checked = controlValue && controlValue.find((val) => val === item.value);
+                    return {
+                        value: item.value,
+                        label: item.label,
+                        checked: !!checked,
+                    };
+                });
+            setOption(opt);
+        }
+    }, [controlValue, enumOptions, format]);
+    useEffect(() => {
+        if (format !== 'x-enum') {
+            setOption(range);
+        }
+    }, [format, range]);
     /**
      * 在ios h5端, label和input的绑定不生效
      * 导致 onChange 事件触发有问题, 所以改为监听 onClick 事件

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import classNames from '../../../utils/classnames';
 import { ConfigProvider, Form as TeaForm, message as TeaMessage, } from 'tea-component';
 import { usePlatform, isInIde } from '../../../utils/platform';
-import { callDataSource, callConnector, getDataSourceByName, } from '../../../utils/tcb';
+import { callDataSource, callConnector } from '../../../utils/tcb';
 import weui from '../../../utils/weui';
 import './index.css';
 const formTypeWithInitValue = ['edit', 'read'];
@@ -80,40 +80,53 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
         platform,
         methodGetItem,
         paramGetItem,
+        appCloud,
+        events,
     ]);
     React.useEffect(() => {
+        // 因编辑器render时序问题暂不上线
         // 获取字段权限
-        async () => {
-            var _a, _b, _c, _d;
-            const authValue = {
-                isDataModel,
-                dataSourceFields: [],
-                dataSourceFieldsWidthAuthList: [],
-            };
-            try {
-                const datasource = await getDataSourceByName(dataSourceName);
-                if (!isInIde()) {
-                    // 判断是否是预览区，编辑器编辑区 dataSourceName 查询的返回一致，编辑区用的本地的数据源数据返回固定
-                    authValue.dataSourceFieldsWidthAuthList =
-                        (_a = datasource === null || datasource === void 0 ? void 0 : datasource.resourceCheckInfos) === null || _a === void 0 ? void 0 : _a.map((item) => item.ReadWrite);
-                    authValue.dataSourceFields = Object.keys(((_b = datasource === null || datasource === void 0 ? void 0 : datasource.schema) === null || _b === void 0 ? void 0 : _b.properties) || {});
-                }
-                (_c = events === null || events === void 0 ? void 0 : events.onInitDataSourceFieldsWithAuth) === null || _c === void 0 ? void 0 : _c.call(events, authValue);
-            }
-            catch (err) {
-                (_d = events === null || events === void 0 ? void 0 : events.onInitDataSourceFieldsWithAuth) === null || _d === void 0 ? void 0 : _d.call(events, authValue);
-                alertError(platform, `获取数据源字段权限信息失败,字段权限可能无法正确展示,错误信息:${err}`);
-                console.log('getDataSourceFieldsWithAuth err', err);
-            }
-        };
-        // 权限功能，待sdk兼容问题解决后上线
+        // const authValue = {
+        //   isDataModel,
+        //   dataSourceFields: [],
+        //   dataSourceFieldsWidthAuthList: [],
+        // };
+        // const getDataSourceFieldsWithAuth = async () => {
+        //   try {
+        //     const datasource = await getDataSourceByName(dataSourceName);
+        //     if (!isInIde()) {
+        //       // 判断是否是预览区，编辑器编辑区 dataSourceName 查询的返回一致，编辑区用的本地的数据源数据返回固定
+        //       authValue.dataSourceFieldsWidthAuthList =
+        //         datasource?.resourceCheckInfos?.map((item) => item.ReadWrite);
+        //       authValue.dataSourceFields = Object.keys(
+        //         datasource?.schema?.properties || {}
+        //       );
+        //     }
+        //     events?.onInitDataSourceFieldsWithAuth?.(authValue);
+        //   } catch (err) {
+        //     events?.onInitDataSourceFieldsWithAuth?.(authValue);
+        //     alertError(
+        //       platform,
+        //       `获取数据源字段权限信息失败,字段权限可能无法正确展示,错误信息:${err}`
+        //     );
+        //     console.error('getDataSourceFieldsWithAuth err', err);
+        //   }
+        // };
+        // // 兼容私有环境，新接口不存在的情况，产品策略完善后移除
+        // if (
+        //   window?.['_isPrivate'] &&
+        //   !window?.app?.cloud?.getDataSourceProfileAsync
+        // ) {
+        //   events?.onInitDataSourceFieldsWithAuth?.({ isDataModel });
+        //   return;
+        // }
         // if (isDataModel && dataSourceName) {
         //   getDataSourceFieldsWithAuth();
         // } else {
         //   // 在表单容器里面的表单元素 if 默认是 false，需要通过onInitDataSourceFieldsWithAuth设置为true
         //   events?.onInitDataSourceFieldsWithAuth?.({ isDataModel });
         // }
-    }, [formType, isDataModel, platform, dataSourceName]);
+    }, [formType, isDataModel, platform, dataSourceName, events]);
     // pc 渲染
     const renderPc = () => {
         return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },

package/dist/src/web/components/form/input/index.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from '../../../utils/classnames';
 import { usePlatform } from '../../../utils/platform';
-import { Input as TeaInput, ConfigProvider } from 'tea-component';
+import { Input as TeaInput, ConfigProvider, Icon } from 'tea-component';
 import { renderDecorator } from '../renderDecorator';
 import { useSyncValue } from '../../../utils/useSyncValue';
 import './index.css';
@@ -23,7 +23,11 @@ label = '标题', labelVisible = true, name = 'formInput', defaultValue = '', pa
     });
     const inputType = getInputType(type, password);
     // 两次默认值不同时, 需要刷新value
-    const [value, setValue] = useSyncValue(defaultValue);
+    const [value, setValue] = useSyncValue(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
+    const [isFocus, setIsFocus] = React.useState(false);
+    const showPcClear = React.useMemo(() => {
+        return platform === 'pc' && clearable && isFocus && (value === null || value === void 0 ? void 0 : value.length) > 0;
+    }, [platform, clearable, isFocus, value === null || value === void 0 ? void 0 : value.length]);
     const onChange = function (e) {
         const text = typeof e === 'string' ? e : e.target.value;
         if (maxLength > 0 && text.length > maxLength) {
@@ -50,16 +54,20 @@ label = '标题', labelVisible = true, name = 'formInput', defaultValue = '', pa
     };
     const onFocus = function (e) {
         events.focus({ value: e.target.value }, { originEvent: e });
+        setIsFocus(true);
     };
     const onBlur = function (e) {
         events.blur({ value: e.target.value }, { originEvent: e });
+        setIsFocus(false);
     };
     const fieldEl = platform === 'h5' ? (React.createElement("div", { className: subCls },
         React.createElement("div", { className: "weui-cell__bd weui-flex" },
             React.createElement("input", { className: "weui-input", "data-testid": "weui-input-test", type: inputType, placeholder: placeholder, value: value, disabled: disabled, name: name, autoFocus: autoFocus, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, role: "input" }),
             clearable && (React.createElement("button", { "data-testid": "weui-btn_input-clear-test", className: "weui-btn_reset weui-btn_icon weui-btn_input-clear", onMouseDown: onClear },
                 React.createElement("i", { className: "weui-icon-clear" })))))) : (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement(TeaInput, { size: size, type: inputType, placeholder: placeholder, value: value, disabled: disabled, name: name, autoFocus: autoFocus, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown })));
+        React.createElement("div", { className: 'weui-pc-input' },
+            React.createElement(TeaInput, { "data-testid": "weui-input-test-pc", className: 'pc-input', size: size, type: inputType, placeholder: placeholder, value: value, disabled: disabled, name: name, autoFocus: autoFocus, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown }),
+            showPcClear && (React.createElement(Icon, { "data-testid": "weui-input-test-pc-clear", className: 'pc-clear', type: "dismiss", size: "s", onMouseDown: onClear })))));
     return renderDecorator(fieldEl, decorator)({
         id,
         className: cls,

package/dist/src/web/components/form/location/common/mapChoose.js

@@ -1,10 +1,11 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
 import * as React from 'react';
 import classNames from '../../../../utils/classnames';
 import debounce from '../../../../utils/debounce';
 import { tmapApiUrl } from '../constants';
-import { getTMap, calculateDistance, base64LocationIcon, } from '../../../../utils/tmap';
+import { getTMap, calculateDistance, base64LocationIcon } from './tmap';
 import './mapChoose.css';
 import { Icon } from 'tea-component';
 const { useEffect, useState, useRef, useMemo } = React;
@@ -54,7 +55,7 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
                 initMap();
             };
             script.onerror = (error) => {
-                console.log(' load mapchoose error success', APIKEY, error);
+                console.error(' load mapchoose error success', APIKEY, error);
             };
             document.body.appendChild(script);
         }
@@ -229,7 +230,7 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
             .catch((error) => {
             setSearchLoadingStatus(false);
             setRealLocation({ lat, lng }, []);
-            console.log('explore error', error);
+            console.error('explore error', error);
         });
     }, 500);
     // 逆解析查询当前经纬度地址
@@ -260,7 +261,7 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
             }
         })
             .catch((error) => {
-            console.log('getAddress error', error);
+            console.error('getAddress error', error);
             let item = {
                 id: 'current-location',
                 location: {
@@ -317,7 +318,7 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
                 }
             })
                 .catch((error) => {
-                console.log('error', error);
+                console.error('error', error);
             });
         }
         else {

package/dist/src/web/components/form/location/common/mapView.js

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { tmapApiUrl } from '../constants';
-import { getTMap } from '../../../../utils/tmap';
+import { getTMap } from '../common/tmap';
 const { useEffect, useRef, useState } = React;
 const defaultLatLng = {
     lat: null,
@@ -36,7 +36,7 @@ export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng
             setMapStatus(true);
         }
         catch (error) {
-            console.log('initMap error', error);
+            console.error('initMap error', error);
         }
     };
     const initMarker = () => {
@@ -64,7 +64,7 @@ export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng
             }
         }
         catch (err) {
-            console.log('initMarker err', err);
+            console.error('initMarker err', err);
         }
     };
     useEffect(() => {
@@ -83,7 +83,7 @@ export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng
                 initMap();
             };
             script.onerror = (err) => {
-                console.log('loadScript err', err);
+                console.error('loadScript err', err);
             };
             document.body.appendChild(script);
         }
@@ -97,12 +97,15 @@ export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng
             mapRef.current = null;
             setMapStatus(false);
         };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [APIKEY]);
     useEffect(() => {
         mapRef.current && mapRef.current.setDraggable(drag);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [drag, mapRef.current]);
     useEffect(() => {
         mapRef.current && getTMap() && removeOrAddZoom(mapRef.current, getTMap());
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [zoom, mapRef.current]);
     useEffect(() => {
         const TMap = getTMap();
@@ -121,7 +124,7 @@ export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng
                 ]);
             }
             catch (error) {
-                console.log('updateGeometries error view', error);
+                console.error('updateGeometries error view', error);
             }
         }
     }, [lat, lng, mapStatus]);
@@ -144,7 +147,7 @@ export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng
             }
         }
         catch (error) {
-            console.log('removeOrAddZoom error', error);
+            console.error('removeOrAddZoom error', error);
         }
     };
     // 移除缩放控件

package/dist/src/web/components/form/location/common/useLocationInfo.js

@@ -63,7 +63,7 @@ export default function useLocationInfo({ apiKey: APIKEY, locationType, eventsCh
                             longitude: lng,
                         }, locationType === 1);
                 }, (error) => {
-                    console.log('error loc', error);
+                    console.error('error loc', error);
                     currentLocations.current = null;
                     setApiKeyStatus({
                         status: false,
@@ -75,7 +75,7 @@ export default function useLocationInfo({ apiKey: APIKEY, locationType, eventsCh
                 });
             };
             script.onerror = (error) => {
-                console.log('Geolocation script onerror', error);
+                console.error('Geolocation script onerror', error);
                 setApiKeyStatus({
                     status: false,
                     message: '定位失败',
@@ -90,6 +90,7 @@ export default function useLocationInfo({ apiKey: APIKEY, locationType, eventsCh
             document.body.appendChild(script);
         }
         loadScript();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [APIKEY, locationType]);
     return {
         location,

package/dist/src/web/components/form/location/components/LocationH5/location.h5.js

@@ -69,6 +69,7 @@ export default function LocationH5(props) {
             events.change && events.change(res);
         }
         setLocation(location);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [value, locationType]);
     useEffect(() => {
         let loc = {
@@ -83,6 +84,7 @@ export default function LocationH5(props) {
         setLocation(loc);
         // 暂不支持自定位置，初始化表单值都是{}
         events.change({ value: {} });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [locationType]);
     useEffect(() => {
         if (checkCustomLocation(value)) {
@@ -150,7 +152,7 @@ export default function LocationH5(props) {
                             });
                     }
                 }, (error) => {
-                    console.log('error loc', error);
+                    console.error('error loc', error);
                     currentLocations.current = null;
                     setApiKeyStatus({
                         status: false,
@@ -162,7 +164,7 @@ export default function LocationH5(props) {
                 });
             };
             script.onerror = (error) => {
-                console.log('Geolocation script onerror', error);
+                console.error('Geolocation script onerror', error);
                 setApiKeyStatus({
                     status: false,
                     message: '定位失败',
@@ -177,6 +179,7 @@ export default function LocationH5(props) {
             document.body.appendChild(script);
         }
         loadScript();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [APIKEY, locationType, dataSourceStatus]);
     useEffect(() => {
         // 调用连接器数据源方法
@@ -199,7 +202,7 @@ export default function LocationH5(props) {
                 }
             })
                 .catch((error) => {
-                console.log('datasources error', error);
+                console.error('datasources error', error);
                 setDataSourceStatus({
                     status: false,
                     message: error,

package/dist/src/web/components/form/location/components/LocationPC/location.PC.js

@@ -66,6 +66,7 @@ export default function LocationPC(props) {
             customLocation.current = value;
             setLocation(loc);
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [value]);
     useEffect(() => {
         if (value || !currentLocations.current)
@@ -91,6 +92,7 @@ export default function LocationPC(props) {
             });
         }
         setLocation(location);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [value, locationType]);
     const showToast = (message) => {
         weui.toast(message, {
@@ -142,7 +144,7 @@ export default function LocationPC(props) {
                 }
             })
                 .catch((error) => {
-                console.log('datasources error', error);
+                console.error('datasources error', error);
                 setDataSourceStatus({
                     status: false,
                     message: error,
@@ -156,6 +158,7 @@ export default function LocationPC(props) {
             });
             showToast('请配置地图连接器');
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [dataSource]);
     useEffect(() => {
         let loc = {
@@ -187,6 +190,7 @@ export default function LocationPC(props) {
             poiname: loc.poiname,
             detailedAddress: loc.detailedAddress,
         }, true);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [locationType]);
     const getIsShowMap = () => {
         let status = showMap;

package/dist/src/web/components/form/location/index.js

@@ -4,8 +4,15 @@ import './index.css';
 import { usePlatform } from '../../../utils/platform';
 import LocationH5 from './components/LocationH5/location.h5';
 import LocationPC from './components/LocationPC/location.PC';
+import { CommonErrorBoundary } from '../../common/error-boundary';
+import { useLoopRenderDetect } from '../../common/use-loop-render-detect';
 export default function Location(props) {
+    return (React.createElement(CommonErrorBoundary, null,
+        React.createElement(LocationImpl, { ...props })));
+}
+function LocationImpl(props) {
     const platform = usePlatform();
+    useLoopRenderDetect();
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
         return React.createElement(LocationPC, { ...props });
     }

package/dist/src/web/components/form/radio/index.js

@@ -38,18 +38,18 @@ label = '标题', labelVisible = true, format = '', enumName = '', name = 'formR
             prevRangeRef.current = option;
             setCheckedItemValue((_a = option.find((item) => item.checked)) === null || _a === void 0 ? void 0 : _a.value);
         }
-    });
+    }, [option]);
     useEffect(() => {
         // 如果绑定字段类型为枚举，且传入自定义选项集的名称则默认使用自定义选项集的内容作为选项
         if (format === 'x-enum' && enumName) {
             fetchData({ OptNameList: [enumName], PageIndex: 1, PageSize: 10 });
         }
-    }, []);
+    }, [enumName, format]);
     useEffect(() => {
         if (format !== 'x-enum') {
             setOption(range);
         }
-    }, [range]);
+    }, [format, range]);
     const fetchData = async (param) => {
         var _a, _b, _c;
         const data = await callWedaApi({

package/dist/src/web/components/form/select/allTimePicker/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import React, { useEffect, useRef, useState } from 'react';
 import Calendar from './calendar';
 import { Portal } from '../../../common/portal';

package/dist/src/web/components/form/select/h5.js

@@ -75,9 +75,17 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
                 defaultMutiRegion,
             };
         }
-    });
+    }, [
+        defaultValue,
+        defaultDate,
+        defaultTime,
+        defaultRegion,
+        defaultMutiRegion,
+        regionType,
+        dateMode,
+    ]);
     //实现初始值触发change事件
-    const defaultMutiRegionChange = function (treeValue, defaultMutiRegion) {
+    const defaultMutiRegionChange = React.useCallback(function (treeValue, defaultMutiRegion) {
         var _a;
         const defaultValue = defaultMutiRegion
             ? defaultMutiRegion.split(',')
@@ -96,7 +104,7 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
             });
             (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: defaultMutiRegion, result: changeValue });
         }
-    };
+    }, [events]);
     React.useEffect(() => {
         if (mode == 'region' || mode == 'mutiRegion') {
             if (regionData.length < 1) {
@@ -131,7 +139,13 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
                 break;
             }
         }
-    }, [regionType, mode, regionData]);
+    }, [
+        regionType,
+        mode,
+        regionData,
+        defaultMutiRegionChange,
+        defaultMutiRegion,
+    ]);
     const onDateclick = function () {
         const options = {
             className: 'weda-ui weda-picker',

package/dist/src/web/components/form/select/index.js

@@ -12,11 +12,18 @@ import { emptyObject } from '../../../utils/constant';
 import { PureSelectPc } from './dropdown-select/ui';
 import { useOptions } from './use-options';
 import { getRegionTree, getAreaCode } from './region';
+import { CommonErrorBoundary } from '../../common/error-boundary';
+import { useLoopRenderDetect } from '../../common/use-loop-render-detect';
 // @ts-ignore TODO: fix 与plugin构建阶段效果不同
 export const moment = (typeof _moment === 'function' ? _moment : _moment.default);
 export default function Select(props) {
+    return (React.createElement(CommonErrorBoundary, null,
+        React.createElement(SelectImpl, { ...props })));
+}
+function SelectImpl(props) {
     const { id, style, className, label = '标题', labelVisible = true, layout = 'horizontal', requiredFlag = false, size = 'l', decorator, } = props;
     const platform = usePlatform();
+    useLoopRenderDetect();
     let selectEl;
     if (platform === 'h5') {
         selectEl = React.createElement(SelectH5, { ...props });
@@ -125,7 +132,14 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
                 defaultMutiRegion,
             };
         }
-    });
+    }, [
+        defaultValue,
+        defaultDate,
+        defaultTime,
+        defaultRegion,
+        defaultMutiRegion,
+        dateMode,
+    ]);
     React.useEffect(() => {
         if (mode == 'region' || mode == 'mutiRegion') {
             if (regionData.length < 1) {

package/dist/src/web/components/form/select/use-options.js

@@ -98,6 +98,6 @@ export function useOptions(params) {
         if (state.status === 'success') {
             setOptions(state.result);
         }
-    }, [state, state.status]);
+    }, [setOptions, state, state.status]);
     return [options];
 }

package/dist/src/web/components/form/uploader/uploader.h5.js

@@ -36,7 +36,7 @@ export function ImageUploaderH5({ title, maxUploadCount, maxSize = 10, acceptTyp
             return inputValue;
         }
         return [];
-    }, [inputValue]);
+    }, [inputValue, setInputValue]);
     const finalMaxImgCount = React.useMemo(() => {
         if (single)
             return 1;
@@ -59,7 +59,7 @@ export function ImageUploaderH5({ title, maxUploadCount, maxSize = 10, acceptTyp
             onChange && onChange(fileIdList);
             events.change && events.change({ value: fileIdList });
         }
-    }, [fileIdList]);
+    }, [events, fileIdList, onChange, single]);
     const onProgress = (progressEvent) => {
         let percentCompleted = 0;
         try {

package/dist/src/web/components/form/uploader/uploader.pc.js

@@ -53,7 +53,7 @@ export function UploaderPCInner(props) {
             initialValue = initialValue[0] ? [initialValue[0]] : [];
         }
         setfileIDList(initialValue);
-    }, [defaultValue]);
+    }, [defaultValue, single]);
     // 值变化事件
     React.useEffect(() => {
         if (!isObjectEqual(fileRef.current, fileIDList)) {

package/dist/src/web/components/form/uploaderFile/uploadFile.h5.js

@@ -70,7 +70,7 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
             (_c = events === null || events === void 0 ? void 0 : events.success) === null || _c === void 0 ? void 0 : _c.call(events, { value: pureFileIDList });
             fileRef.current = fileIDList;
         }
-    }, [fileIDList]);
+    }, [events, fileIDList, onChange, single]);
     // 外层组件类
     const cls = classNames({
         'weda-ui': true,
@@ -218,12 +218,9 @@ const TcbFileUpload = ({ file, disabled }) => {
         const title = (file === null || file === void 0 ? void 0 : file.name) || '';
         const uuid = file === null || file === void 0 ? void 0 : file._uuid;
         return { size, title, uuid };
-    }, [file === null || file === void 0 ? void 0 : file._uuid]);
-    React.useEffect(() => {
-        handleUpload(file);
-    }, [file === null || file === void 0 ? void 0 : file._uuid]);
+    }, [file === null || file === void 0 ? void 0 : file._uuid, file === null || file === void 0 ? void 0 : file.name, file === null || file === void 0 ? void 0 : file.size]);
     // 上传过程
-    const handleUpload = async (file) => {
+    const handleUpload = React.useCallback(async (file) => {
         var _a;
         const tcb = await getCloudInstance();
         try {
@@ -245,7 +242,12 @@ const TcbFileUpload = ({ file, disabled }) => {
             setStatus('UPLOAD_STATUS_ERROR');
             (_a = events === null || events === void 0 ? void 0 : events.error) === null || _a === void 0 ? void 0 : _a.call(events, err);
         }
-    };
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [size, uploadPath, uuid]);
+    React.useEffect(() => {
+        handleUpload(file);
+    }, [file, file._uuid, handleUpload]);
     return (React.createElement("div", { className: `${CLASS_PREFIX}__item`, role: "TcbFileUpload" },
         React.createElement("div", { className: `${CLASS_PREFIX}__item-left` },
             React.createElement(UploadFileStatus, { status: status, percent: percent, size: size, title: title, percentSize: (((file === null || file === void 0 ? void 0 : file.size) / 1024) * percent) / 100 })),