@arcblock/did-playground 2.7.3 → 2.7.5

package/lib/Action/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _useWindowSize = _interopRequireDefault(require("react-use/lib/useWindowSize"));
+var _ahooks = require("ahooks");
 var _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useBrowser"));
 var _Theme = require("@arcblock/ux/lib/Theme");
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
@@ -75,11 +75,10 @@ function PlaygroundAction(props) {
   const [open, setOpen] = (0, _react.useState)(false);
   const [loading, setLoading] = (0, _react.useState)(false);
   const [dynamicParams, setDynamicParams] = (0, _react.useState)({});
-  const {
-    width
-  } = (0, _useWindowSize.default)();
+  const size = (0, _ahooks.useSize)(document.body);
   const [success, setSuccess] = (0, _react.useState)(false);
   const [showFrame, setShowFrame] = (0, _react.useState)(success && successUrl && successTarget === 'frame');
+  const width = (size === null || size === void 0 ? void 0 : size.width) || 0;
 
   // 当打开或关闭组件时，重置部分状态
   (0, _react.useEffect)(() => () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/did-playground",
-  "version": "2.7.3",
+  "version": "2.7.5",
   "description": "React components that works with wallet-playground",
   "keywords": [
     "react",
@@ -30,16 +30,16 @@
     "url": "https://github.com/ArcBlock/wallet-playground/issues"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.7.3",
-    "@arcblock/react-hooks": "^2.7.3",
-    "@arcblock/ux": "^2.7.3",
+    "@arcblock/did-connect": "^2.7.5",
+    "@arcblock/react-hooks": "^2.7.5",
+    "@arcblock/ux": "^2.7.5",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@mui/material": "^5.10.8",
+    "ahooks": "^3.7.8",
     "axios": "^0.27.2",
     "core-js": "^3.25.5",
-    "mustache": "^4.2.0",
-    "react-use": "^17.4.0"
+    "mustache": "^4.2.0"
   },
   "peerDependencies": {
     "react": ">=18.1.0"
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4479178bab7b830cd29fb1e263c67a56a12c23f8"
+  "gitHead": "5821ccc5b51c313ef45426587eb2357ffe951834"
 }

package/src/Action/index.js

@@ -1,6 +1,6 @@
 import { useContext, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import useWindowSize from 'react-use/lib/useWindowSize';
+import { useSize } from 'ahooks';
 import useBrowser from '@arcblock/react-hooks/lib/useBrowser';
 import { styled, useTheme } from '@arcblock/ux/lib/Theme';
 
@@ -63,10 +63,12 @@ function PlaygroundAction(props) {
   const [open, setOpen] = useState(false);
   const [loading, setLoading] = useState(false);
   const [dynamicParams, setDynamicParams] = useState({});
-  const { width } = useWindowSize();
+  const size = useSize(document.body);
   const [success, setSuccess] = useState(false);
   const [showFrame, setShowFrame] = useState(success && successUrl && successTarget === 'frame');
 
+  const width = size?.width || 0;
+
   // 当打开或关闭组件时，重置部分状态
   useEffect(
     () => () => {