@cloudbase/weda-ui 3.3.2 → 3.3.4

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));

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

@@ -19,7 +19,7 @@ alt = '[加载失败]', gutter = 8, height = 100, width = 100, events = emptyObj
     const [errorList, setErrorList] = React.useState([]);
     React.useEffect(() => {
         events.load && events.load({ success: successList, error: errorList });
-    }, [successList, errorList, events]);
+    }, [successList, errorList]);
     const boxStyle = {
         marginRight: gutter,
         marginBottom: gutter,

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

@@ -121,19 +121,7 @@ const WedaVideo = ({ className, style, id, videoDataSource, posterImage, autoPla
                 setVideoModalStatus(true);
             });
         }
-    }, [
-        autoPlay,
-        controlBarStatus,
-        endTime,
-        loopPlay,
-        mutePlay,
-        posterImage,
-        realSrc,
-        startTime,
-        videoDataSource,
-        videoRef,
-        videoType,
-    ]);
+    }, [videoRef]);
     useEffect(() => {
         // 切换视频源
         if (playerRef.current && videoType) {
@@ -146,7 +134,7 @@ const WedaVideo = ({ className, style, id, videoDataSource, posterImage, autoPla
             playerRef.current.src(srcOption);
             playerRef.current.load(realSrc);
         }
-    }, [realSrc, videoType]);
+    }, [realSrc]);
     return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
         React.createElement("div", { className: cls, id: id, style: style, "data-testid": "wedaVideo" },
             React.createElement("div", { "data-vjs-player": true },

package/dist/web/utils/useSyncValue.js

@@ -7,7 +7,6 @@ export function useSyncValue(defaultValue, comparotor = Object.is) {
         if (!comparotor(prevValue, defaultValue)) {
             setStateValue(defaultValue);
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [defaultValue]);
     const setter = useCallback((next) => {
         setStateValue(next);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.3.2",
+  "version": "3.3.4",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",
@@ -38,7 +38,7 @@
     "lint": "eslint --ext .js,.jsx,.ts,.tsx .",
     "lint:fix": "npm run lint -- --fix",
     "prepare": "husky install || true",
-    "build-npm": "rimraf dist && mkdirp dist && cp -r src/web dist/ && cp -r src/configs dist/ && cp src/index.js dist/",
+    "build-npm": "rimraf dist && mkdir dist && cp -r src/web dist/ && cp -r src/configs dist/ && cp src/index.js dist/",
     "build-mp": "rimraf mpdist && cp -r src/mp mpdist",
     "clear:snap": "rimraf ./src/test/__snapshots__",
     "size": "npm run build:cli && size-limit",
@@ -95,45 +95,45 @@
     "@cypress/webpack-dev-server": "~2.0.0",
     "@istanbuljs/nyc-config-typescript": "^1.0.2",
     "@size-limit/preset-big-lib": "^7.0.8",
-    "@storybook/addon-actions": "^6.5.12",
-    "@storybook/addon-essentials": "^6.5.12",
-    "@storybook/addon-links": "^6.5.12",
-    "@storybook/addon-storyshots": "^6.5.12",
-    "@storybook/builder-webpack5": "^6.5.12",
-    "@storybook/manager-webpack5": "^6.5.12",
-    "@storybook/react": "^6.5.12",
+    "@storybook/addon-actions": "^6.5.9",
+    "@storybook/addon-essentials": "^6.5.9",
+    "@storybook/addon-links": "^6.5.9",
+    "@storybook/addon-storyshots": "^6.5.9",
+    "@storybook/builder-webpack5": "^6.5.9",
+    "@storybook/manager-webpack5": "^6.5.9",
+    "@storybook/react": "^6.5.9",
     "@swc-node/jest": "^1.5.2",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^27.5.1",
     "@types/resize-observer-browser": "^0.1.7",
     "@types/testing-library__jest-dom": "^5.14.5",
-    "@typescript-eslint/eslint-plugin": "^5.37.0",
-    "@typescript-eslint/parser": "^5.37.0",
+    "@typescript-eslint/eslint-plugin": "^5.30.5",
+    "@typescript-eslint/parser": "^5.30.5",
     "babel-loader": "^8.2.5",
     "babel-plugin-istanbul": "^6.1.1",
     "cross-env": "^7.0.3",
     "cypress": "~10.3.0",
     "cypress-image-diff-js": "^1.20.0",
     "cypress-wait-until": "^1.7.2",
-    "eslint": "^8.23.1",
+    "eslint": "^8.19.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-tencent": "^1.0.4",
-    "eslint-import-resolver-typescript": "^3.5.1",
+    "eslint-import-resolver-typescript": "^3.2.4",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jest": "^26.5.3",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.8",
+    "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-rulesdir": "^0.2.1",
-    "eslint-plugin-storybook": "^0.6.4",
+    "eslint-plugin-storybook": "^0.5.13",
     "husky": "^8.0.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^27.5.1",
     "jest-canvas-mock": "^2.4.0",
     "jest-environment-jsdom": "^27",
-    "jest-preview": "^0.3.1",
+    "jest-preview": "^0.2.6",
     "miniprogram-simulate": "^1.5.7",
     "mkdirp": "^1.0.4",
     "mochawesome": "^7.1.3",
@@ -155,10 +155,10 @@
     "swc-plugin-coverage-instrument": "^0.0.7",
     "ts-loader": "^9.3.1",
     "ts-node": "^10.9.1",
-    "typescript": "^4.8.3",
-    "webpack": "^5.74.0",
+    "typescript": "^4.7.4",
+    "webpack": "^5.73.0",
     "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.11.0",
+    "webpack-dev-server": "^4.9.3",
     "zx": "^5.2.0"
   },
   "nano-staged": {