@arcblock/ux 2.8.14 → 2.8.15

package/es/Address/did-address.js

@@ -1,7 +1,6 @@
 import React, { useRef, useState, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import '@fontsource/ubuntu-mono/400.css';
-import useMountedState from 'react-use/lib/useMountedState';
 import Tooltip from '@mui/material/Tooltip';
 import { green } from '@mui/material/colors';
 import copy from 'copy-to-clipboard';
@@ -55,9 +54,6 @@ const DidAddress = /*#__PURE__*/forwardRef(({
     // eslint-disable-next-line no-param-reassign
     locale = 'en';
   }
-
-  // 避免 unmounted 后 setTimeout handler 依然改变 state
-  const isMounted = useMountedState();
   const [copied, setCopied] = useState(false);
   const textRef = useRef();
   const onCopy = e => {
@@ -67,9 +63,7 @@ const DidAddress = /*#__PURE__*/forwardRef(({
     setCopied(true);
     // 恢复 copied 状态
     setTimeout(() => {
-      if (isMounted()) {
-        setCopied(false);
-      }
+      setCopied(false);
     }, 1500);
   };
   let copyElement = null;

package/es/CodeBlock/index.js

@@ -2,7 +2,6 @@
 import { useState } from 'react';
 import PropTypes from 'prop-types';
 import Copy from 'copy-to-clipboard';
-import useMountedState from 'react-use/lib/useMountedState';
 import hljs from 'highlight.js/lib/core';
 import javascript from 'highlight.js/lib/languages/javascript';
 import typescript from 'highlight.js/lib/languages/typescript';
@@ -63,7 +62,6 @@ export default function CodeBlock({
   ...rest
 }) {
   const [copied, setCopied] = useState(false);
-  const isMounted = useMountedState();
   const source = code || children;
   const onCopy = () => {
     if (copied) {
@@ -73,9 +71,7 @@ export default function CodeBlock({
     setCopied(true);
     // 恢复 copied 状态
     setTimeout(() => {
-      if (isMounted()) {
-        setCopied(false);
-      }
+      setCopied(false);
     }, 1500);
   };
   const originEl = /*#__PURE__*/_jsxs(Pre, {

package/lib/Address/did-address.js

@@ -7,7 +7,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 require("@fontsource/ubuntu-mono/400.css");
-var _useMountedState = _interopRequireDefault(require("react-use/lib/useMountedState"));
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _colors = require("@mui/material/colors");
 var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
@@ -74,9 +73,6 @@ const DidAddress = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     // eslint-disable-next-line no-param-reassign
     locale = 'en';
   }
-
-  // 避免 unmounted 后 setTimeout handler 依然改变 state
-  const isMounted = (0, _useMountedState.default)();
   const [copied, setCopied] = (0, _react.useState)(false);
   const textRef = (0, _react.useRef)();
   const onCopy = e => {
@@ -86,9 +82,7 @@ const DidAddress = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     setCopied(true);
     // 恢复 copied 状态
     setTimeout(() => {
-      if (isMounted()) {
-        setCopied(false);
-      }
+      setCopied(false);
     }, 1500);
   };
   let copyElement = null;

package/lib/CodeBlock/index.js

@@ -7,7 +7,6 @@ exports.default = CodeBlock;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
-var _useMountedState = _interopRequireDefault(require("react-use/lib/useMountedState"));
 var _core = _interopRequireDefault(require("highlight.js/lib/core"));
 var _javascript = _interopRequireDefault(require("highlight.js/lib/languages/javascript"));
 var _typescript = _interopRequireDefault(require("highlight.js/lib/languages/typescript"));
@@ -79,7 +78,6 @@ function CodeBlock(_ref) {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const [copied, setCopied] = (0, _react.useState)(false);
-  const isMounted = (0, _useMountedState.default)();
   const source = code || children;
   const onCopy = () => {
     if (copied) {
@@ -89,9 +87,7 @@ function CodeBlock(_ref) {
     setCopied(true);
     // 恢复 copied 状态
     setTimeout(() => {
-      if (isMounted()) {
-        setCopied(false);
-      }
+      setCopied(false);
     }, 1500);
   };
   const originEl = /*#__PURE__*/(0, _jsxRuntime.jsxs)(Pre, _objectSpread(_objectSpread({}, rest), {}, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.8.14",
+  "version": "2.8.15",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -322,11 +322,11 @@
   "peerDependencies": {
     "react": ">=18.1.0"
   },
-  "gitHead": "a9e515ff6b1d91a99078c161e3e04044ececc881",
+  "gitHead": "82cb60b92bddc5dd96309350c542e05580011323",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.8.14",
-    "@arcblock/react-hooks": "^2.8.14",
+    "@arcblock/icons": "^2.8.15",
+    "@arcblock/react-hooks": "^2.8.15",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",

package/src/Address/did-address.jsx

@@ -1,7 +1,6 @@
 import React, { useRef, useState, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import '@fontsource/ubuntu-mono/400.css';
-import useMountedState from 'react-use/lib/useMountedState';
 import Tooltip from '@mui/material/Tooltip';
 import { green } from '@mui/material/colors';
 import copy from 'copy-to-clipboard';
@@ -60,9 +59,6 @@ const DidAddress = forwardRef(
       locale = 'en';
     }
 
-    // 避免 unmounted 后 setTimeout handler 依然改变 state
-    const isMounted = useMountedState();
-
     const [copied, setCopied] = useState(false);
     const textRef = useRef();
 
@@ -73,9 +69,7 @@ const DidAddress = forwardRef(
       setCopied(true);
       // 恢复 copied 状态
       setTimeout(() => {
-        if (isMounted()) {
-          setCopied(false);
-        }
+        setCopied(false);
       }, 1500);
     };
 

package/src/CodeBlock/index.js

@@ -2,7 +2,6 @@
 import { useState } from 'react';
 import PropTypes from 'prop-types';
 import Copy from 'copy-to-clipboard';
-import useMountedState from 'react-use/lib/useMountedState';
 
 import hljs from 'highlight.js/lib/core';
 import javascript from 'highlight.js/lib/languages/javascript';
@@ -59,7 +58,6 @@ hljs.registerLanguage('markdown', markdown);
 
 export default function CodeBlock({ code, language, children, dark, ...rest }) {
   const [copied, setCopied] = useState(false);
-  const isMounted = useMountedState();
   const source = code || children;
 
   const onCopy = () => {
@@ -70,9 +68,7 @@ export default function CodeBlock({ code, language, children, dark, ...rest }) {
     setCopied(true);
     // 恢复 copied 状态
     setTimeout(() => {
-      if (isMounted()) {
-        setCopied(false);
-      }
+      setCopied(false);
     }, 1500);
   };