@cloudbase/weda-ui 3.3.1 → 3.3.3

package/dist/{src/web → web}/components/common/use-loop-render-detect.d.ts

@@ -1,10 +1,10 @@
 export declare const useRenderCount: () => [number, () => void];
-declare type ILoopRenderDetectOptions = Readonly<{
+declare type ILoopRenderDetectOptions = {
     limit?: number;
     throwError?: boolean;
     message?: string;
     timeWindowMs?: number;
-}>;
+};
 export declare class DetectedRenderLoppError extends Error {
 }
 export declare const useLoopRenderDetect: (inputOptions?: ILoopRenderDetectOptions) => boolean;

package/dist/{src/web → web}/components/common/use-loop-render-detect.js

@@ -1,6 +1,5 @@
 import { useSyncedRef } from '@react-hookz/web';
 import { useCallback, useEffect, useRef } from 'react';
-import { debug } from '../../utils/console';
 export const useRenderCount = () => {
     const countRef = useRef(0);
     const syncedRef = useSyncedRef(++countRef.current);
@@ -83,7 +82,6 @@ const defaultOptions = {
     message: '组件控制逻辑出现死循环，请检查并修改相关配置',
     timeWindowMs: 6 * 1000,
 };
-const logger = debug('useLoopRenderDetect');
 export class DetectedRenderLoppError extends Error {
 }
 export const useLoopRenderDetect = (inputOptions = defaultOptions) => {
@@ -104,14 +102,14 @@ export const useLoopRenderDetect = (inputOptions = defaultOptions) => {
                 clearTimeout(id);
             }
         };
-    }, [options.timeWindowMs, reset]);
+    }, []);
     const fps = useFps();
-    logger.log({
-        timeWindowMs: options.timeWindowMs,
-        fps,
-        renderCount,
-        limit: options.limit,
-    });
+    // console.log({
+    //   timeWindow: options.timeWindowMs,
+    //   fps,
+    //   renderCount,
+    //   limit: options.limit,
+    // });
     if ((renderCount > options.limit && fps < 1) ||
         renderCount > options.limit * 3) {
         reset();

package/dist/{src/web → web}/components/form/checkbox/index.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Checkbox as TeaCheckbox, ConfigProvider } from 'tea-component';
 import classNames from '../../../utils/classnames';
 import getLocalCounter from '../../../utils/getLocalCounter';
@@ -39,8 +39,33 @@ name = 'formCheckbox', label = '标题', labelVisible = true, format = '', enumN
             prevRangeRef.current = JSON.parse(JSON.stringify(option));
             setCheckedItems(fromEntries(option.map(({ value, checked }) => [value, !!checked])));
         }
-    }, [option]);
-    const fetchData = useCallback(async (param) => {
+    });
+    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) => {
         var _a, _b, _c;
         const data = await callWedaApi({
             action: 'DescribeGeneralOptionsDetailList',
@@ -66,32 +91,7 @@ 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 → web}/components/form/form/index.js

@@ -80,8 +80,6 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
         platform,
         methodGetItem,
         paramGetItem,
-        appCloud,
-        events,
     ]);
     React.useEffect(() => {
         // 因编辑器render时序问题暂不上线
@@ -126,7 +124,7 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
         //   // 在表单容器里面的表单元素 if 默认是 false，需要通过onInitDataSourceFieldsWithAuth设置为true
         //   events?.onInitDataSourceFieldsWithAuth?.({ isDataModel });
         // }
-    }, [formType, isDataModel, platform, dataSourceName, events]);
+    }, [formType, isDataModel, platform, dataSourceName]);
     // pc 渲染
     const renderPc = () => {
         return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },

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

@@ -1,11 +1,10 @@
-/* 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 './tmap';
+import { getTMap, calculateDistance, base64LocationIcon, } from '../../../../utils/tmap';
 import './mapChoose.css';
 import { Icon } from 'tea-component';
 const { useEffect, useState, useRef, useMemo } = React;

package/dist/{src/web → 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 '../common/tmap';
+import { getTMap } from '../../../../utils/tmap';
 const { useEffect, useRef, useState } = React;
 const defaultLatLng = {
     lat: null,
@@ -97,15 +97,12 @@ 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();

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

@@ -66,7 +66,6 @@ export default function LocationPC(props) {
             customLocation.current = value;
             setLocation(loc);
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [value]);
     useEffect(() => {
         if (value || !currentLocations.current)
@@ -92,7 +91,6 @@ export default function LocationPC(props) {
             });
         }
         setLocation(location);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [value, locationType]);
     const showToast = (message) => {
         weui.toast(message, {
@@ -158,7 +156,6 @@ export default function LocationPC(props) {
             });
             showToast('请配置地图连接器');
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [dataSource]);
     useEffect(() => {
         let loc = {
@@ -190,7 +187,6 @@ 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 → 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);
         }
-    }, [format, range]);
+    }, [range]);
     const fetchData = async (param) => {
         var _a, _b, _c;
         const data = await callWedaApi({

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

@@ -1,4 +1,3 @@
-/* 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 → web}/components/form/select/h5.js

@@ -75,17 +75,9 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
                 defaultMutiRegion,
             };
         }
-    }, [
-        defaultValue,
-        defaultDate,
-        defaultTime,
-        defaultRegion,
-        defaultMutiRegion,
-        regionType,
-        dateMode,
-    ]);
+    });
     //实现初始值触发change事件
-    const defaultMutiRegionChange = React.useCallback(function (treeValue, defaultMutiRegion) {
+    const defaultMutiRegionChange = function (treeValue, defaultMutiRegion) {
         var _a;
         const defaultValue = defaultMutiRegion
             ? defaultMutiRegion.split(',')
@@ -104,7 +96,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) {
@@ -139,13 +131,7 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
                 break;
             }
         }
-    }, [
-        regionType,
-        mode,
-        regionData,
-        defaultMutiRegionChange,
-        defaultMutiRegion,
-    ]);
+    }, [regionType, mode, regionData]);
     const onDateclick = function () {
         const options = {
             className: 'weda-ui weda-picker',

package/dist/{src/web → web}/components/form/select/index.js

@@ -132,14 +132,7 @@ 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 → web}/components/form/select/use-options.js

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

package/dist/{src/web → web}/components/form/uploader/uploader.h5.js

@@ -36,7 +36,7 @@ export function ImageUploaderH5({ title, maxUploadCount, maxSize = 10, acceptTyp
             return inputValue;
         }
         return [];
-    }, [inputValue, setInputValue]);
+    }, [inputValue]);
     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 });
         }
-    }, [events, fileIdList, onChange, single]);
+    }, [fileIdList]);
     const onProgress = (progressEvent) => {
         let percentCompleted = 0;
         try {

package/dist/{src/web → web}/components/form/uploader/uploader.pc.js

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

package/dist/{src/web → 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;
         }
-    }, [events, fileIDList, onChange, single]);
+    }, [fileIDList]);
     // 外层组件类
     const cls = classNames({
         'weda-ui': true,
@@ -218,9 +218,12 @@ 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, file === null || file === void 0 ? void 0 : file.name, file === null || file === void 0 ? void 0 : file.size]);
+    }, [file === null || file === void 0 ? void 0 : file._uuid]);
+    React.useEffect(() => {
+        handleUpload(file);
+    }, [file === null || file === void 0 ? void 0 : file._uuid]);
     // 上传过程
-    const handleUpload = React.useCallback(async (file) => {
+    const handleUpload = async (file) => {
         var _a;
         const tcb = await getCloudInstance();
         try {
@@ -242,12 +245,7 @@ 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 })),