@arcblock/ux 1.14.50 → 1.14.54

package/lib/CodeBlock/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = CodeBlock;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -15,6 +15,8 @@ var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
 
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 
+var _useMountedState = _interopRequireDefault(require("react-use/lib/useMountedState"));
+
 var _highlight = _interopRequireDefault(require("highlight.js/lib/highlight"));
 
 var _javascript = _interopRequireDefault(require("highlight.js/lib/languages/javascript"));
@@ -47,10 +49,16 @@ require("highlight.js/styles/atom-one-dark.css");
 
 var _FileCopy = _interopRequireDefault(require("@material-ui/icons/FileCopy"));
 
+var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
+
 const _excluded = ["code", "language", "children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -107,10 +115,19 @@ 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 = () => {
     (0, _copyToClipboard.default)(source);
+    setCopied(true); // 恢复 copied 状态
+
+    setTimeout(() => {
+      if (isMounted()) {
+        setCopied(false);
+      }
+    }, 1500);
   };
 
   return /*#__PURE__*/_react.default.createElement(Pre, rest, /*#__PURE__*/_react.default.createElement("span", {
@@ -124,8 +141,14 @@ function CodeBlock(_ref) {
     className: "copy-button",
     onClick: onCopy,
     tabIndex: "-1",
-    color: "primary"
-  }, /*#__PURE__*/_react.default.createElement(_FileCopy.default, {
+    color: "primary",
+    disabled: copied
+  }, !copied && /*#__PURE__*/_react.default.createElement(_FileCopy.default, {
+    style: {
+      color: '#fff',
+      fontSize: 16
+    }
+  }), copied && /*#__PURE__*/_react.default.createElement(_Check.default, {
     style: {
       color: '#fff',
       fontSize: 16

package/lib/Img/index.js

@@ -13,7 +13,9 @@ var _core = require("@material-ui/core");
 
 var _reactIntersectionObserver = require("react-intersection-observer");
 
-var _mdiMaterialUi = require("mdi-material-ui");
+var _Alert = _interopRequireDefault(require("mdi-material-ui/Alert"));
+
+var _Image = _interopRequireDefault(require("mdi-material-ui/Image"));
 
 const _excluded = ["lazy", "width", "height", "repeat", "ratio", "alt", "size", "position", "src", "placeholder", "fallback", "style", "className", "onError", "onSuccess"];
 
@@ -157,13 +159,13 @@ function Img(_ref) {
       className: "image--state",
       title: "loading image"
     }, /*#__PURE__*/_react.default.createElement(_core.SvgIcon, {
-      component: _mdiMaterialUi.Alert,
+      component: _Alert.default,
       className: "image--icon"
     })), !placeholder && imgState === 'loading' && /*#__PURE__*/_react.default.createElement("div", {
       className: "image--state",
       title: "Image load error"
     }, /*#__PURE__*/_react.default.createElement(_core.SvgIcon, {
-      component: _mdiMaterialUi.Image,
+      component: _Image.default,
       className: "image--icon"
     })), imgState === 'loaded' && /*#__PURE__*/_react.default.createElement("img", {
       className: "image--img",

package/lib/Spinner/index.js

@@ -11,7 +11,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _icons = require("@arcblock/icons");
+var _SpinnerInner = _interopRequireDefault(require("@arcblock/icons/lib/SpinnerInner"));
+
+var _SpinnerOuter = _interopRequireDefault(require("@arcblock/icons/lib/SpinnerOuter"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -19,9 +21,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * Spinner
  */
 function Spinner(props) {
-  return /*#__PURE__*/_react.default.createElement(Root, props, /*#__PURE__*/_react.default.createElement(_icons.SpinnerOuter, {
+  return /*#__PURE__*/_react.default.createElement(Root, props, /*#__PURE__*/_react.default.createElement(_SpinnerOuter.default, {
     className: "scanned-spinner_outer"
-  }), /*#__PURE__*/_react.default.createElement(_icons.SpinnerInner, {
+  }), /*#__PURE__*/_react.default.createElement(_SpinnerInner.default, {
     className: "scanned-spinner_inner"
   }));
 }

package/lib/Wallet/Download.js

@@ -273,7 +273,7 @@ WalletDownload.defaultProps = {
   storeLayout: 'horizontal',
   iosLink: 'https://itunes.apple.com/app/id1460083542',
   androidLink: 'https://play.google.com/store/apps/details?id=com.arcblock.wallet.app.product',
-  androidDownLoadUrl: 'http://releases.arcblockio.cn/arcwallet_android/latest/abtwallet.apk',
+  androidDownLoadUrl: 'https://releases.arcblockio.cn/arcwallet_android/latest/abtwallet.apk',
   style: {},
   locale: 'zh'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "1.14.50",
+  "version": "1.14.54",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -52,10 +52,10 @@
     "react": ">=16.12.0",
     "react-ga": "^2.7.0"
   },
-  "gitHead": "4d7cb41a9aade1cda497d7c07c543ec9ab3c4cd2",
+  "gitHead": "0951b13e7242a4285e7c6e7e6125ff1d7653507f",
   "dependencies": {
-    "@arcblock/icons": "^1.14.50",
-    "@arcblock/react-hooks": "^1.14.50",
+    "@arcblock/icons": "^1.14.54",
+    "@arcblock/react-hooks": "^1.14.54",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@material-ui/core": "^4.10.1",
     "@material-ui/icons": "4.5.1",