@cloudbase/weda-ui 3.3.2 → 3.3.3

package/dist/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/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/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/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/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 })),

package/dist/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/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/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/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/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/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/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/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/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/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/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/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%',

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useState, useCallback, useEffect, useRef } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import classNames from '../../utils/classnames';
 import Swipe from 'react-easy-swipe';
 import { useDebouncedCallback, useEventListener, useResizeObserver, } from '@react-hookz/web';
@@ -12,15 +12,6 @@ export default function Swiper({ children, className, style, autoplay = true, ci
     const [swipeStyle, setSwipeStyle] = useState(null);
     const [height, setHeight] = useState(0);
     const { change = () => { } } = events;
-    const setIndex = useCallback((index) => {
-        if (index >= itemCount) {
-            index = 0;
-        }
-        if (index < 0) {
-            index = itemCount - 1;
-        }
-        setCurrentIndex(index);
-    }, [itemCount]);
     useEffect(() => {
         if (autoplay) {
             // 自动切换
@@ -30,60 +21,10 @@ export default function Swiper({ children, className, style, autoplay = true, ci
             }, interval);
             return () => clearInterval(timer);
         }
-    }, [currentIndex, autoplay, itemCount, interval, setIndex]);
+    }, [currentIndex, autoplay, itemCount]);
     // 触发切换
     const pre = useRef({ index: currentIndex }).current;
     useEffect(() => {
-        // 设置容器样式、动画
-        // TODO fix settimeout mess
-        const updateSwipeStyle = (to, cur, length) => {
-            // 最后向前到最开始
-            if (to === 0 && cur === length - 1) {
-                circular &&
-                    setSwipeStyle({
-                        transform: `translate3d(0, 0, 0)`,
-                    });
-                // 不知道
-                // eslint-disable-next-line rulesdir/no-timer
-                setTimeout(() => {
-                    setSwipeStyle({
-                        transform: vertical
-                            ? `translate3d(0, -100%, 0)`
-                            : `translate3d(-100%, 0, 0)`,
-                        transitionDuration: `${duration}ms`,
-                    });
-                }, 50);
-                return;
-            }
-            // 第一个后退到最后
-            if (to === length - 1 && cur === 0) {
-                circular &&
-                    setSwipeStyle({
-                        transform: vertical
-                            ? `translate3d(0, -${(to + 2) * 100}%, 0)`
-                            : `translate3d(-${(to + 2) * 100}%, 0, 0)`,
-                    });
-                // eslint-disable-next-line rulesdir/no-timer
-                setTimeout(() => {
-                    setSwipeStyle({
-                        transform: vertical
-                            ? `translate3d(0, -${(to + 1) * 100}%, 0)`
-                            : `translate3d(-${(to + 1) * 100}%, 0, 0)`,
-                        transitionDuration: `${duration}ms`,
-                    });
-                }, 50);
-                return;
-            }
-            const style = {
-                transform: vertical
-                    ? `translate3d(0, -${(to + 1) * 100}%, 0)`
-                    : `translate3d(-${(to + 1) * 100}%, 0, 0)`,
-            };
-            if (to !== cur) {
-                style.transitionDuration = `${duration}ms`;
-            }
-            setSwipeStyle(style);
-        };
         updateSwipeStyle(currentIndex, pre.index, itemCount);
         change({
             current: currentIndex,
@@ -91,7 +32,7 @@ export default function Swiper({ children, className, style, autoplay = true, ci
         return () => {
             pre.index = currentIndex;
         };
-    }, [change, circular, currentIndex, duration, itemCount, pre, vertical]);
+    }, [currentIndex, vertical]);
     const outerWrapRef = useRef();
     useEventListener(outerWrapRef, 'load', (e) => {
         setHeight(e.target.clientHeight);
@@ -99,6 +40,65 @@ export default function Swiper({ children, className, style, autoplay = true, ci
     const itemsClone = React.Children.map(children, (x, i) => {
         return (React.createElement("div", { className: "g-swiper-item", "data-index": i }, x));
     });
+    const setIndex = (index) => {
+        if (index >= itemCount) {
+            index = 0;
+        }
+        if (index < 0) {
+            index = itemCount - 1;
+        }
+        setCurrentIndex(index);
+    };
+    // 设置容器样式、动画
+    // TODO fix settimeout mess
+    const updateSwipeStyle = (to, cur, length) => {
+        // 最后向前到最开始
+        if (to === 0 && cur === length - 1) {
+            circular &&
+                setSwipeStyle({
+                    transform: `translate3d(0, 0, 0)`,
+                });
+            // 不知道
+            // eslint-disable-next-line rulesdir/no-timer
+            setTimeout(() => {
+                setSwipeStyle({
+                    transform: vertical
+                        ? `translate3d(0, -100%, 0)`
+                        : `translate3d(-100%, 0, 0)`,
+                    transitionDuration: `${duration}ms`,
+                });
+            }, 50);
+            return;
+        }
+        // 第一个后退到最后
+        if (to === length - 1 && cur === 0) {
+            circular &&
+                setSwipeStyle({
+                    transform: vertical
+                        ? `translate3d(0, -${(to + 2) * 100}%, 0)`
+                        : `translate3d(-${(to + 2) * 100}%, 0, 0)`,
+                });
+            // eslint-disable-next-line rulesdir/no-timer
+            setTimeout(() => {
+                setSwipeStyle({
+                    transform: vertical
+                        ? `translate3d(0, -${(to + 1) * 100}%, 0)`
+                        : `translate3d(-${(to + 1) * 100}%, 0, 0)`,
+                    transitionDuration: `${duration}ms`,
+                });
+            }, 50);
+            return;
+        }
+        const style = {
+            transform: vertical
+                ? `translate3d(0, -${(to + 1) * 100}%, 0)`
+                : `translate3d(-${(to + 1) * 100}%, 0, 0)`,
+        };
+        if (to !== cur) {
+            style.transitionDuration = `${duration}ms`;
+        }
+        setSwipeStyle(style);
+    };
     return (React.createElement("div", { className: classNames('g-swiper weda-ui', className, {
             vertical: vertical,
         }), style: { height: height ? height : 'auto', ...style }, ref: outerWrapRef, id: id },

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

@@ -2,17 +2,15 @@ import * as React from 'react';
 import classNames from '../../utils/classnames';
 import './index.css';
 export default function Text({ text, maxLines, space, userSelect, style, className, events, id, level, contenteditable, onInput, onBlur, }) {
-    const inlineStyle = React.useMemo(() => {
-        const textStyle = {
-            WebkitLineClamp: maxLines,
-            whiteSpace: space ? 'pre-wrap' : 'pre-line',
-        };
-        if (!userSelect) {
-            textStyle.userSelect = 'none';
-        }
-        return { ...textStyle, ...style };
-    }, [maxLines, space, userSelect, style]);
+    const textStyle = {
+        WebkitLineClamp: maxLines,
+        whiteSpace: space ? 'pre-wrap' : 'pre-line',
+    };
+    if (!userSelect) {
+        textStyle.userSelect = 'none';
+    }
     const levelName = level === '0' || !level ? '' : `level_${level}`;
+    const inlineStyle = React.useMemo(() => ({ ...textStyle, ...style }), [textStyle, style]);
     return (React.createElement("p", { 
         //@ts-expect-error contentEditable type def sucks
         contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, style: inlineStyle, className: classNames('weda-text', 'weda-ui', className, levelName), id: id, onClick: (e) => events.tap({}, { originEvent: e }) }, text));