@cloudbase/weda-ui 3.3.1 → 3.3.3

package/dist/{src/web → 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/{src/web → 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/{src/web → 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/{src/web → 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/tmap.d.ts

@@ -0,0 +1,3 @@
+export function getTMap(): any;
+export function calculateDistance(latlng1: any, latlng2: any): number;
+export const base64LocationIcon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODQiIGhlaWdodD0iODgiIHZpZXdCb3g9IjAgMCA4NCA4OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC45OCIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZGRkXzI0NDdfNTc0OSkiPgo8Y2lyY2xlIGN4PSI0MiIgY3k9IjM2IiByPSIxMiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8Y2lyY2xlIGN4PSI0MiIgY3k9IjM2IiByPSI3IiBmaWxsPSIjMDA1MkQ5Ii8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkZF8yNDQ3XzU3NDkiIHg9IjAiIHk9IjAiIHdpZHRoPSI4NCIgaGVpZ2h0PSI4OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI4Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDggMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yNDQ3XzU3NDkiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMTYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDQgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfMjQ0N181NzQ5Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iZWZmZWN0Ml9kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJlZmZlY3QzX2Ryb3BTaGFkb3dfMjQ0N181NzQ5Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0M19kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K";

package/dist/web/utils/tmap.js

@@ -0,0 +1,21 @@
+export function getTMap() {
+    const TMap = window === null || window === void 0 ? void 0 : window.TMap;
+    return TMap;
+}
+export function calculateDistance(latlng1, latlng2) {
+    let lat1 = latlng1.latitude;
+    let lng1 = latlng1.longitude;
+    let lat2 = latlng2.latitude;
+    let lng2 = latlng2.longitude;
+    var radLat1 = (lat1 * Math.PI) / 180.0;
+    var radLat2 = (lat2 * Math.PI) / 180.0;
+    var a = radLat1 - radLat2;
+    var b = (lng1 * Math.PI) / 180.0 - (lng2 * Math.PI) / 180.0;
+    var s = 2 *
+        Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) +
+            Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
+    s = s * 6378.137; // EARTH_RADIUS;
+    s = Math.round(s * 10000) / 10000;
+    return s * 1000;
+}
+export const base64LocationIcon = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODQiIGhlaWdodD0iODgiIHZpZXdCb3g9IjAgMCA4NCA4OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC45OCIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZGRkXzI0NDdfNTc0OSkiPgo8Y2lyY2xlIGN4PSI0MiIgY3k9IjM2IiByPSIxMiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8Y2lyY2xlIGN4PSI0MiIgY3k9IjM2IiByPSI3IiBmaWxsPSIjMDA1MkQ5Ii8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkZF8yNDQ3XzU3NDkiIHg9IjAiIHk9IjAiIHdpZHRoPSI4NCIgaGVpZ2h0PSI4OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI4Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDggMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yNDQ3XzU3NDkiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMTYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDQgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfMjQ0N181NzQ5Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iZWZmZWN0Ml9kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJlZmZlY3QzX2Ryb3BTaGFkb3dfMjQ0N181NzQ5Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0M19kcm9wU2hhZG93XzI0NDdfNTc0OSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K';

package/dist/{src/web → 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,8 +1,8 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.3.1",
-  "main": "./dist/src/index.js",
-  "module": "./dist/src/index",
+  "version": "3.3.3",
+  "main": "./dist/index.js",
+  "module": "./dist/index",
   "miniprogram": "mpdist",
   "engines": {
     "node": "^14.13.1 || >=16.0.0"
@@ -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": {

package/dist/cypress/support/commands.d.ts

@@ -1 +0,0 @@
-import 'cypress-wait-until';

package/dist/cypress/support/commands.js

@@ -1,40 +0,0 @@
-/// <reference types="cypress" />
-// ***********************************************
-// This example commands.ts shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add('login', (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
-//
-// declare global {
-//   namespace Cypress {
-//     interface Chainable {
-//       login(email: string, password: string): Chainable<void>
-//       drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
-//     }
-//   }
-// }
-const compareSnapshotCommand = require('cypress-image-diff-js/dist/command');
-compareSnapshotCommand();
-import 'cypress-wait-until';

package/dist/cypress/support/e2e.d.ts

@@ -1,24 +0,0 @@
-import './commands';
-import 'style-loader!css-loader!./global-app.css';
-declare global {
-    namespace Cypress {
-        interface Chainable {
-            /**
-             * @param name The name of the snapshots that will be generated
-             * @param testThreshold @default 0 A number between 0 and 1 that represents the allowed percentage of pixels that can be different between the two snapshots
-             * @param retryOptions @default { limit: 0, timeout: Cypress.config('defaultCommandTimeout'), delay: Cypress.config('defaultCommandTimeout') / 5 }
-             * @example cy.compareSnapshot('empty-canvas', 0.1)
-             */
-            compareSnapshot(name: string, testThreshold?: number, retryOptions?: {
-                /**
-                 * The maximum number of retries
-                 */
-                limit: number;
-                /**
-                 * Delay before next iteration in ms
-                 */
-                delay: number;
-            }): Chainable<Element>;
-        }
-    }
-}

package/dist/cypress/support/e2e.js

@@ -1,22 +0,0 @@
-// ***********************************************************
-// This example support/e2e.ts is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-// Import commands.js using ES2015 syntax:
-import './commands';
-import 'style-loader!css-loader!./global-app.css';
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
-after(() => {
-    cy.task('generateReport');
-});