@cloudbase/weda-ui 3.3.1 → 3.3.3

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

@@ -61,7 +61,6 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
             (_c = events === null || events === void 0 ? void 0 : events.success) === null || _c === void 0 ? void 0 : _c.call(events, { value: pureFileIDList });
             fileRef.current = fileIDList;
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [fileIDList]);
     // 外层组件类
     const cls = classNames({
@@ -210,9 +209,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) => {
         const tcb = await getCloudInstance();
         try {
             setStatus('0');
@@ -233,12 +235,7 @@ const TcbFileUpload = ({ file, disabled }) => {
             setStatus('3');
             events.error && events.error(e);
         }
-    }, 
-    // 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 ${CLASS_PREFIX}--item-body` },
         React.createElement("div", { className: `${CLASS_PREFIX}--item-title`, title: title }, cutFileTitle(title)),
         React.createElement("div", { className: `${CLASS_PREFIX}--item-size` }, size),

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

@@ -1,4 +1,4 @@
-import React, { useEffect, forwardRef, useImperativeHandle, useState, useCallback, } from 'react';
+import React, { useEffect, useRef, forwardRef, useImperativeHandle, useState, } from 'react';
 import destr from 'destr';
 import classNames from '../../utils/classnames';
 import { usePlatform, randomStr } from '../../utils/platform';
@@ -60,11 +60,12 @@ export const changeHandle = ({ type, name, data, childFormItem, isPureArray, par
 };
 export default forwardRef(function FormDetail(props, ref) {
     const { className, id, style, children, events, name, value: initDetailValue, isPureArray, parent, } = props;
+    const observeRef = useRef(null); // 当前监听对象
     const [defaultValue, setDetailValue] = useState([]);
     const [contextData, setContextData] = useState([]);
     const [childFormItem, setCildFormItem] = useState([]);
     const platform = usePlatform();
-    const init = useCallback((defaultValue) => {
+    const init = (defaultValue) => {
         var _a;
         const formDetailItemValue = {};
         let childFormItem = defaultValue[0] ? Object.keys(defaultValue[0]) : [];
@@ -110,12 +111,10 @@ export default forwardRef(function FormDetail(props, ref) {
         // eslint-disable-next-line rulesdir/no-timer
         setTimeout(() => {
             if (!isObjectEqual(formDetailItemValue, {})) {
-                if ((parent === null || parent === void 0 ? void 0 : parent.setValue) && typeof (parent === null || parent === void 0 ? void 0 : parent.setValue) === 'function') {
-                    parent === null || parent === void 0 ? void 0 : parent.setValue(formDetailItemValue);
-                }
+                parent.setValue(formDetailItemValue);
             }
         }, 0);
-    }, [events, isPureArray, name, parent]);
+    };
     // 初始化context的值
     useEffect(() => {
         if (!isObjectEqual(initDetailValue, defaultValue)) {
@@ -129,13 +128,12 @@ export default forwardRef(function FormDetail(props, ref) {
         setDetailValue(initDetailValue);
         // 组件卸载时触发
         return () => {
-            var _a;
-            (_a = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _a === void 0 ? void 0 : _a.call(events, { data: [] });
+            var _a, _b;
+            (_a = observeRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+            (_b = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _b === void 0 ? void 0 : _b.call(events, { data: [] });
         };
-        // 只执行一次;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    const onChange = useCallback((type, params) => {
+    const onChange = (type, params) => {
         var _a;
         let data = destr(contextData);
         data = changeHandle({
@@ -148,7 +146,7 @@ export default forwardRef(function FormDetail(props, ref) {
         });
         setContextData(data);
         (_a = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _a === void 0 ? void 0 : _a.call(events, { data });
-    }, [childFormItem, contextData, events, isPureArray, name]);
+    };
     useImperativeHandle(ref, () => {
         return {
             methods: {

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

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import './index.css';
 import classNames from '../../utils/classnames';
 import { Row, Col, ConfigProvider, Button, Text } from 'tea-component';
@@ -12,6 +12,7 @@ const CLASS_PREFIX = 'weda-graphic-card';
 export default function GraphicCard({ navOption = emptyArray, ColMobile, ColPC, iconWidthSize, iconHeightSize, titleVisible, desVisible, buttonVisible, textAlign, className, titleColor, titleFontWeight, titleFontSize, titleLineHeight, titleMaxLines, desColor, desFontWeight, desFontSize, desLineHeight, desMaxLines, buttonText, style, }) {
     const platform = usePlatform();
     const isH5 = platform === 'h5';
+    const [colCount, setColCount] = React.useState(2);
     // 一个栅格的宽度
     const { width } = useWindowSize();
     const singleGrid = useMemo(() => (width - 24 * 2) / 12, [width]);
@@ -23,10 +24,10 @@ export default function GraphicCard({ navOption = emptyArray, ColMobile, ColPC,
         [className]: className,
         [`${CLASS_PREFIX}-mobile`]: isH5,
     });
-    const colCount = useMemo(() => {
+    useEffect(() => {
         const col = isH5 ? ColMobile : ColPC;
-        return col !== null && col !== void 0 ? col : 2;
-    }, [ColMobile, ColPC, isH5]);
+        setColCount(col);
+    }, [isH5]);
     const cardList = useMemo(() => {
         const list = [];
         if (prevColRef.current !== colCount ||
@@ -121,7 +122,7 @@ export default function GraphicCard({ navOption = emptyArray, ColMobile, ColPC,
                 ? iconHeightSize
                 : (Number(height) * parseInt(iconHeightSize)) / 100 + 'px';
         return { width, height };
-    }, [platform, ColMobile, ColPC, iconWidthSize, iconHeightSize]);
+    }, [iconWidthSize, iconHeightSize, ColMobile, ColPC, isH5]);
     const tapTo = (colInfo = navOption[0]) => {
         switch (colInfo === null || colInfo === void 0 ? void 0 : colInfo.tapStatus) {
             case 'tap':

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

@@ -46,7 +46,7 @@ src, alt, mode, lazyLoad, imgPreview, maskClosable, fit, }) {
         else {
             return style;
         }
-    }, [objectFit, style]);
+    }, [style, fit]);
     return src === realSrc || (realSrc !== undefined && src !== realSrc) ? (React.createElement(ImageInner, { objectFit: realFit, style: realStyle, className: cls, alt: alt, src: realSrc, isError: isError, setIsError: setIsError, events: events, lazyLoad: lazyLoad, imgPreview: imgPreview, maskClosable: maskClosable })) : null;
 }
 function getObjectFitByWxImageMode(mode) {

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

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/exhaustive-deps */
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { callDataSource } from '../../utils/tcb';
 import { isInIde, getWhereList } from '../../utils/platform';

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

@@ -1,5 +1,5 @@
 /* eslint-disable react/jsx-key */
-import React, { useState, useEffect, useCallback, useImperativeHandle, useMemo, } from 'react';
+import React, { useState, useEffect, useCallback, useImperativeHandle, } from 'react';
 import { usePlatform } from '../../utils/platform';
 import classNames from '../../utils/classnames';
 import './index.css';
@@ -14,7 +14,7 @@ export default React.forwardRef(function Lottery({ className, id, style, prizeLi
     const [lotteryList, setLotteryList] = useState([]);
     const [btnActived, setBtnActived] = useState(false);
     //获取初始化默认数据，数据不足8条设置默认，超过8条获取前8条
-    const lotteryListDefault = useMemo(() => {
+    const lotteryListDefault = () => {
         const list = [];
         if (prizeList == null) {
             return list;
@@ -39,15 +39,21 @@ export default React.forwardRef(function Lottery({ className, id, style, prizeLi
             }
         }
         return list;
-    }, [prizeList]);
+    };
     const startLottery = useCallback(() => {
-        setLotteryList(lotteryListDefault);
+        setLotteryList(lotteryListDefault());
         setBtnActived(true);
         if (lotteryAction.isStart)
             return;
         events === null || events === void 0 ? void 0 : events.clickLotteryButton();
         setIsStartLottery(true);
-    }, [lotteryListDefault, events]);
+    }, [
+        lotteryAction.isStart,
+        setIsStartLottery,
+        setBtnActived,
+        lotteryListDefault,
+        setLotteryList,
+    ]);
     useImperativeHandle(ref, () => {
         return {
             methods: {
@@ -56,8 +62,8 @@ export default React.forwardRef(function Lottery({ className, id, style, prizeLi
         };
     }, [startLottery]);
     useEffect(() => {
-        setLotteryList(lotteryListDefault);
-    }, [lotteryListDefault]);
+        setLotteryList(lotteryListDefault());
+    }, [prizeList]);
     useEffect(() => {
         lotteryAction.animationCallback = ({ idx, isEnd }) => {
             setActivedId(idx == -1 ? 0 : idx);
@@ -84,7 +90,7 @@ export default React.forwardRef(function Lottery({ className, id, style, prizeLi
                 }, 700);
             }
         };
-    }, [events, lotteryList]);
+    }, [lotteryList]);
     useEffect(() => {
         // 当满足开启抽奖条件并且点击了开奖开关时，启用抽奖
         if (enablePrize && isStartLottery) {
@@ -102,7 +108,7 @@ export default React.forwardRef(function Lottery({ className, id, style, prizeLi
             //立马停止抽奖
             lotteryAction.stop();
         }
-    }, [isStartLottery, enablePrize, prizeResult]);
+    }, [isStartLottery, enablePrize]);
     useEffect(() => {
         // 设置抽奖结果
         lotteryAction.end(prizeResult);
@@ -182,7 +188,7 @@ export default React.forwardRef(function Lottery({ className, id, style, prizeLi
                 setDotHeight(dotHeight);
             }
         }
-    }, [platform, style]);
+    }, [style]);
     const renderDot = (direction, list) => {
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: classNames(`${CLASS_PREFIX}__dot`, `${CLASS_PREFIX}__dot-${direction}`) }, list.map((item, index) => {

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

@@ -54,7 +54,7 @@ export default function NavLayout({ navOption = emptyArray, mobileCol, pcCol, ic
     }, [colCount, navOption]);
     React.useEffect(() => {
         setColCount(platform === 'h5' ? mobileCol : pcCol);
-    }, [mobileCol, pcCol, platform]);
+    }, [mobileCol, pcCol]);
     // 每个col的宽度百分比
     const colStyle = {
         width: `${(1 / colCount) * 100}%`,

package/dist/{src/web → web}/components/navigationBar/horizontalMenu.js

@@ -48,7 +48,7 @@ const HorizontalMenu = ({ menuData, navigationStyle, selected, setSelected }) =>
         if (platform !== 'h5' && isHorizontal && ((_a = navWrapRef === null || navWrapRef === void 0 ? void 0 : navWrapRef.current) === null || _a === void 0 ? void 0 : _a.children)) {
             getMenuOffset();
         }
-    }, [platform, isHorizontal, navWrapRef, getMenuOffset]);
+    }, [platform, isHorizontal, navWrapRef]);
     // 渲染下拉菜单
     const renderMenuList = (item, navigationStyle) => {
         return (React.createElement(List, { type: "option", className: `${CLASS_PREFIX}__dropdown-menu-list`, style: { background: navigationStyle.menuBackgroundColor } }, item === null || item === void 0 ? void 0 : item.map((menu) => {

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

@@ -92,7 +92,7 @@ label, labelVisible, value: initialValue, readOnly, layout, requiredFlag, onChan
     useEffect(() => {
         const state = createStateFromContent(initialValue, {});
         setEditorState(state);
-    }, [initialValue]);
+    }, []);
     const excludeControls = useMemo(() => {
         const result = [
             'media',
@@ -134,6 +134,7 @@ label, labelVisible, value: initialValue, readOnly, layout, requiredFlag, onChan
         maxSize,
         cloudPath,
         latestEditorState,
+        insertMedias,
         setEditorState,
         isH5,
     ]);

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

@@ -1,10 +1,9 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import classNames from '../../utils/classnames';
 import { getTempFileURL } from '../../utils/tcb';
 import './index.css';
 import { LOAD_ERR_IMG_BASE64 } from '../../utils/constant';
 import destr from 'destr';
-const imgRegex = new RegExp(/<img [^>]*src=\\*"([^"]*?)\\*"/g);
 export default function RichTextView({ value = '', className, style, id, }) {
     const parseValue = destr(value);
     const cls = classNames({
@@ -13,26 +12,25 @@ export default function RichTextView({ value = '', className, style, id, }) {
         [className]: className,
     });
     const [displayValue, setDisplayValue] = useState('');
+    const regex = new RegExp(/<img [^>]*src=\\*"([^"]*?)\\*"/g);
     const iferror = `javascript:this.width='80';this.src='${LOAD_ERR_IMG_BASE64}';this.onerror=null`;
-    const valueWithErrorHandle = useMemo(() => {
-        return parseValue
-            .toString()
-            .replace(/<img /g, `<img onerror=${iferror} style="max-width:100%" `);
-    }, [iferror, parseValue]);
-    useEffect(() => {
-        const getSrc = async (img) => {
-            const url = img.replace(imgRegex, '$1');
-            if (img.includes('cloud://')) {
-                const newURL = await getTempFileURL(url);
-                if (newURL) {
-                    const htmlWithTempUrl = valueWithErrorHandle.replace(new RegExp(url, 'g'), newURL);
-                    setDisplayValue(htmlWithTempUrl);
-                }
+    let tempValue = parseValue
+        .toString()
+        .replace(/<img /g, `<img onerror=${iferror} style="max-width:100%" `);
+    const getSrc = async (img) => {
+        const url = img.replace(regex, '$1');
+        if (img.includes('cloud://')) {
+            const newURL = await getTempFileURL(url);
+            if (newURL) {
+                tempValue = tempValue.replace(new RegExp(url, 'g'), newURL);
+                setDisplayValue(tempValue);
             }
-        };
-        setDisplayValue(valueWithErrorHandle);
+        }
+    };
+    useEffect(() => {
+        setDisplayValue(tempValue);
         try {
-            const imgs = parseValue.match(imgRegex);
+            const imgs = parseValue.match(regex);
             if (imgs && imgs.length > 0) {
                 imgs.forEach((img) => {
                     getSrc(img);
@@ -40,7 +38,7 @@ export default function RichTextView({ value = '', className, style, id, }) {
             }
         }
         catch (e) { }
-    }, [parseValue, valueWithErrorHandle]);
+    }, [value]);
     return (displayValue && (React.createElement("div", { className: cls, style: style, id: id },
         React.createElement("div", { dangerouslySetInnerHTML: { __html: displayValue } }))));
 }

package/dist/{src/web → web}/components/scrollView/index.d.ts

@@ -8,7 +8,6 @@ export interface PropsType extends CommonPropsType {
     scrollIntoView?: string;
     upperThreshold?: number;
     lowerThreshold?: number;
-    domRef?: any;
 }
 export default function ScrollView({ id, scrollX, scrollY, style, scrollTop, scrollLeft, scrollIntoView, className, children, upperThreshold, lowerThreshold, events, }: {
     id: any;

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

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import classNames from '../../utils/classnames';
-export default function ScrollView({ id, scrollX = false, scrollY = true, style, scrollTop, scrollLeft, scrollIntoView, className, children, upperThreshold = 50, lowerThreshold = 50, 
-// domRef,
-events, }) {
+export default function ScrollView({ id, scrollX = false, scrollY = true, style, scrollTop, scrollLeft, scrollIntoView, className, children, upperThreshold = 50, lowerThreshold = 50, events, }) {
     const [toUpper, setToUpper] = React.useState(false);
     const [toLower, setToLower] = React.useState(false);
     const [scrollLeftPos, setScrollLeftPos] = React.useState(0);
@@ -66,10 +64,10 @@ events, }) {
     }, [scrollLeft]);
     React.useEffect(() => {
         toUpper && events.scrolltoupper();
-    }, [events, toUpper]);
+    }, [toUpper]);
     React.useEffect(() => {
         toLower && events.scrolltolower();
-    }, [events, toLower]);
+    }, [toLower]);
     React.useEffect(() => {
         if (scrollIntoView) {
             const children = scrollViewRef.current.children;
@@ -78,7 +76,7 @@ events, }) {
             scrollX && (scrollViewRef.current.scrollLeft = item.offsetLeft);
             // console.log('children', children, item)
         }
-    }, [scrollIntoView, scrollX, scrollY]);
+    }, [scrollIntoView]);
     const webStyles = {
         position: 'relative',
         width: '100%',