@arcblock/ux 2.9.91 → 2.10.0

package/lib/AnimationWaiter/index.js

@@ -1,18 +1,10 @@
-"use strict";
+import { useState, useEffect, useRef } from 'react';
+import PropTypes from 'prop-types';
+import Lottie from 'react-lottie-player';
+import noop from 'lodash/noop';
+import lottieJson from './default-animation.json';
+import { styled } from '../Theme';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = AnimationWaiter;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactLottiePlayer = _interopRequireDefault(require("react-lottie-player"));
-var _noop = _interopRequireDefault(require("lodash/noop"));
-var _defaultAnimation = _interopRequireDefault(require("./default-animation.json"));
-var _Theme = require("../Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["animationData", "size", "message", "messageDuration", "messageLoop", "tips", "tipsDuration", "maybeDuration", "speed", "increaseSpeed"];
 /**
  * 用于长时间等待的用的动画组件
  * 动画会随着时间的变化而逐步加快播放速度，好适应用户的等待心理
@@ -28,39 +20,31 @@ const _excluded = ["animationData", "size", "message", "messageDuration", "messa
  * @param {Number} increaseSpeed 在 maybeDuration 时间下增加的速度，默认为0（不增加速度）
  * @returns element
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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; }
-function AnimationWaiter(_ref) {
-  let {
-      animationData,
-      size,
-      message,
-      messageDuration,
-      messageLoop,
-      tips,
-      tipsDuration,
-      maybeDuration,
-      speed,
-      increaseSpeed
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const [tipsId, setTipsId] = (0, _react.useState)(0);
-  const [currentSpeed, setCurrentSpeed] = (0, _react.useState)(speed);
-  const [messageId, setMessageId] = (0, _react.useState)(0);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function AnimationWaiter({
+  animationData,
+  size,
+  message,
+  messageDuration,
+  messageLoop,
+  tips,
+  tipsDuration,
+  maybeDuration,
+  speed,
+  increaseSpeed,
+  ...rest
+}) {
+  const [tipsId, setTipsId] = useState(0);
+  const [currentSpeed, setCurrentSpeed] = useState(speed);
+  const [messageId, setMessageId] = useState(0);
   // 动画的开始时间
-  const startTime = (0, _react.useRef)(new Date().getTime());
+  const startTime = useRef(new Date().getTime());
   if (!Array.isArray(message)) {
     // eslint-disable-next-line no-param-reassign
     message = [message];
   }
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (!message) {
       return;
     }
@@ -85,9 +69,9 @@ function AnimationWaiter(_ref) {
   }, [message, messageDuration]);
 
   // tips
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (!tips.length) {
-      return _noop.default;
+      return noop;
     }
     const timer = setTimeout(() => {
       let nextId = tipsId + 1;
@@ -100,7 +84,7 @@ function AnimationWaiter(_ref) {
   }, [tips, tipsDuration, tipsId]);
 
   // 动画speed
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     const timer = setTimeout(() => {
       const diffTime = new Date().getTime() - startTime.current;
       let percentage = diffTime / maybeDuration;
@@ -122,54 +106,55 @@ function AnimationWaiter(_ref) {
     }
     return className;
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, rest), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLottiePlayer.default, {
+  return /*#__PURE__*/_jsxs(Container, {
+    ...rest,
+    children: [/*#__PURE__*/_jsx(Lottie, {
       loop: true,
-      animationData: animationData || _defaultAnimation.default,
+      animationData: animationData || lottieJson,
       play: true,
       speed: currentSpeed,
       style: {
         width: size,
         height: size
       }
-    }), message && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }), message && /*#__PURE__*/_jsx("div", {
       className: "waiter-message",
       children: message.map((text, index) => {
         const className = getMsgClassName(index);
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "message-block ".concat(className),
+        return /*#__PURE__*/_jsxs("div", {
+          children: [/*#__PURE__*/_jsx("span", {
+            className: `message-block ${className}`,
             children: text
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "placeholder-message ".concat(className),
+          }), /*#__PURE__*/_jsx("span", {
+            className: `placeholder-message ${className}`,
             children: text
           })]
         }, index);
       })
-    }), tips.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }), tips.length ? /*#__PURE__*/_jsx("div", {
       className: "waiter-tips-container",
       children: tips.map((e, index) => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "waiter-tips-block ".concat(tipsId === index ? 'show-tips' : '')
+        return /*#__PURE__*/_jsx("div", {
+          className: `waiter-tips-block ${tipsId === index ? 'show-tips' : ''}`
           // eslint-disable-next-line react/no-array-index-key
           ,
           children: e
         }, index);
       })
     }) : '']
-  }));
+  });
 }
 AnimationWaiter.propTypes = {
-  animationData: _propTypes.default.any,
-  size: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  message: _propTypes.default.any,
-  messageDuration: _propTypes.default.number,
-  messageLoop: _propTypes.default.bool,
-  tips: _propTypes.default.array,
-  tipsDuration: _propTypes.default.number,
-  speed: _propTypes.default.number,
-  maybeDuration: _propTypes.default.number,
-  increaseSpeed: _propTypes.default.number
+  animationData: PropTypes.any,
+  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  message: PropTypes.any,
+  messageDuration: PropTypes.number,
+  messageLoop: PropTypes.bool,
+  tips: PropTypes.array,
+  tipsDuration: PropTypes.number,
+  speed: PropTypes.number,
+  maybeDuration: PropTypes.number,
+  increaseSpeed: PropTypes.number
 };
 AnimationWaiter.defaultProps = {
   animationData: null,
@@ -183,4 +168,73 @@ AnimationWaiter.defaultProps = {
   maybeDuration: 120000,
   increaseSpeed: 0
 };
-const Container = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n\n  .waiter-message {\n    position: relative;\n    width: 100%;\n    font-weight: 700;\n    font-size: 18px;\n    line-height: 22px;\n    text-align: center;\n    overflow: hidden;\n    .message-block {\n      position: absolute;\n      left: 0;\n      width: 100%;\n      opacity: 0;\n      transition: all ease 0.3s;\n      user-select: none;\n      &.message-before {\n        transform: translate(-20px, 0);\n      }\n      &.message-after {\n        transform: translate(20px, 0);\n      }\n      &.show-message {\n        transform: translate(0, 0);\n        opacity: 1;\n        user-select: text;\n        z-index: 2;\n      }\n    }\n\n    .placeholder-message {\n      user-select: none;\n      display: none;\n      opacity: 0;\n      &.show-message {\n        display: block;\n      }\n    }\n  }\n\n  .waiter-tips-container {\n    position: relative;\n    margin-top: auto;\n    width: 100%;\n    .waiter-tips-block {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      opacity: 0;\n      pointer-events: none;\n      z-index: 1;\n      transform: translate(-20px, 0);\n      transition: all ease 0.4s;\n      &.show-tips {\n        opacity: 1;\n        pointer-events: auto;\n        z-index: 2;\n        transform: translate(0, 0);\n      }\n    }\n  }\n"])));
+const Container = styled('div')`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+
+  .waiter-message {
+    position: relative;
+    width: 100%;
+    font-weight: 700;
+    font-size: 18px;
+    line-height: 22px;
+    text-align: center;
+    overflow: hidden;
+    .message-block {
+      position: absolute;
+      left: 0;
+      width: 100%;
+      opacity: 0;
+      transition: all ease 0.3s;
+      user-select: none;
+      &.message-before {
+        transform: translate(-20px, 0);
+      }
+      &.message-after {
+        transform: translate(20px, 0);
+      }
+      &.show-message {
+        transform: translate(0, 0);
+        opacity: 1;
+        user-select: text;
+        z-index: 2;
+      }
+    }
+
+    .placeholder-message {
+      user-select: none;
+      display: none;
+      opacity: 0;
+      &.show-message {
+        display: block;
+      }
+    }
+  }
+
+  .waiter-tips-container {
+    position: relative;
+    margin-top: auto;
+    width: 100%;
+    .waiter-tips-block {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      opacity: 0;
+      pointer-events: none;
+      z-index: 1;
+      transform: translate(-20px, 0);
+      transition: all ease 0.4s;
+      &.show-tips {
+        opacity: 1;
+        pointer-events: auto;
+        z-index: 2;
+        transform: translate(0, 0);
+      }
+    }
+  }
+`;

package/lib/Async/index.js

@@ -1,23 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = LoadAsyncComponent;
-var React = _interopRequireWildcard(require("react"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function LoadAsyncComponent(importComponent) {
-  let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
-  let showProgress = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+import * as React from 'react';
+import CircularProgress from '@mui/material/CircularProgress';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function LoadAsyncComponent(importComponent, key = 'default', showProgress = true) {
   class AsyncComponent extends React.Component {
     constructor(props) {
       super(props);
@@ -30,7 +14,7 @@ function LoadAsyncComponent(importComponent) {
       importComponent().then(asyncModule => this.setState({
         Component: asyncModule[key]
       })).catch(err => this.setState({
-        error: "Failed to load async component: ".concat(err.message)
+        error: `Failed to load async component: ${err.message}`
       }));
     }
     render() {
@@ -43,7 +27,9 @@ function LoadAsyncComponent(importComponent) {
       }
 
       // eslint-disable-next-line no-nested-ternary
-      return Component ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, this.props)) : showProgress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+      return Component ? /*#__PURE__*/_jsx(Component, {
+        ...this.props
+      }) : showProgress ? /*#__PURE__*/_jsx(CircularProgress, {
         color: "primary"
       }) : null;
     }

package/lib/Avatar/did-motif.js

@@ -1,35 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _didMotif = require("@arcblock/did-motif");
-var _material = require("@mui/material");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["did", "size", "animation", "shape", "responsive"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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; }
-function DIDMotif(_ref) {
-  let {
-      did,
-      size,
-      animation,
-      shape,
-      responsive
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const svgRef = (0, _react.useRef)(null);
-  (0, _react.useLayoutEffect)(() => {
-    (0, _didMotif.update)(svgRef.current, did, {
+import { useRef, useLayoutEffect } from 'react';
+import PropTypes from 'prop-types';
+import { update } from '@arcblock/did-motif';
+import { Box } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
+function DIDMotif({
+  did,
+  size,
+  animation,
+  shape,
+  responsive,
+  ...rest
+}) {
+  const svgRef = useRef(null);
+  useLayoutEffect(() => {
+    update(svgRef.current, did, {
       size,
       animation,
       shape
@@ -38,40 +22,42 @@ function DIDMotif(_ref) {
   }, [did, size, shape]);
   if (responsive) {
     // fix avatar 显示问题 (safari 下父容器为 flex 时 inline svg 显示不出来, 需要明确指定 width)
-    const styles = _objectSpread(_objectSpread({}, rest.style), {}, {
+    const styles = {
+      ...rest.style,
       width: '100%'
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, _objectSpread(_objectSpread({
+    };
+    return /*#__PURE__*/_jsx(Box, {
       component: "svg",
-      ref: svgRef
-    }, rest), {}, {
+      ref: svgRef,
+      ...rest,
       style: styles
-    }));
+    });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, _objectSpread(_objectSpread({
-    component: "span"
-  }, rest), {}, {
-    style: _objectSpread({
+  return /*#__PURE__*/_jsx(Box, {
+    component: "span",
+    ...rest,
+    style: {
       display: 'inline-block',
       width: size,
-      height: size
-    }, rest.style),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      height: size,
+      ...rest.style
+    },
+    children: /*#__PURE__*/_jsx(Box, {
       component: "svg",
       ref: svgRef,
       style: {
         width: '100%'
       }
     })
-  }));
+  });
 }
 DIDMotif.propTypes = {
-  did: _propTypes.default.string.isRequired,
-  size: _propTypes.default.number,
-  animation: _propTypes.default.bool,
+  did: PropTypes.string.isRequired,
+  size: PropTypes.number,
+  animation: PropTypes.bool,
   // 直接返回 svg 元素, svg 尺寸由父窗口决定 (撑满父窗口)
-  responsive: _propTypes.default.bool,
-  shape: _propTypes.default.number
+  responsive: PropTypes.bool,
+  shape: PropTypes.number
 };
 DIDMotif.defaultProps = {
   size: 200,
@@ -79,4 +65,4 @@ DIDMotif.defaultProps = {
   responsive: false,
   shape: null
 };
-var _default = exports.default = DIDMotif;
+export default DIDMotif;

package/lib/Avatar/etherscan-blockies.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 /* eslint-disable prefer-destructuring */
 /* eslint-disable no-bitwise */
 // copy from https://etherscan.io/jss/blockies.js
@@ -26,9 +20,9 @@ function rand() {
 }
 function createColor() {
   const h = Math.floor(rand() * 360);
-  const s = "".concat(rand() * 60 + 40, "%");
-  const l = "".concat((rand() + rand() + rand() + rand()) * 25, "%");
-  const color = "hsl(".concat(h, ",").concat(s, ",").concat(l, ")");
+  const s = `${rand() * 60 + 40}%`;
+  const l = `${(rand() + rand() + rand() + rand()) * 25}%`;
+  const color = `hsl(${h},${s},${l})`;
   return color;
 }
 function createImageData(size) {
@@ -84,6 +78,6 @@ function createIcon(opts) {
   const canvas = createCanvas(imageData, color, scale, bgcolor, spotcolor);
   return canvas;
 }
-var _default = exports.default = {
+export default {
   createIcon
 };