@arcblock/ux 2.5.57 → 2.5.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/lib/ActionButton/index.js +20 -39
  2. package/lib/ActivityIndicator/index.js +20 -41
  3. package/lib/Address/compact-text.js +16 -38
  4. package/lib/Address/did-address.js +22 -51
  5. package/lib/Address/index.js +6 -19
  6. package/lib/Address/responsive-did-address.js +20 -36
  7. package/lib/Alert/index.js +12 -34
  8. package/lib/AnimationWaiter/index.js +35 -59
  9. package/lib/Async/index.js +5 -19
  10. package/lib/Avatar/did-motif.js +12 -26
  11. package/lib/Avatar/etherscan-blockies.js +2 -20
  12. package/lib/Avatar/index.js +30 -55
  13. package/lib/Badge/index.js +12 -33
  14. package/lib/Blocklet/blocklet.js +19 -46
  15. package/lib/Blocklet/index.js +0 -6
  16. package/lib/Blocklet/utils.js +0 -6
  17. package/lib/BlockletNFT/index.js +36 -66
  18. package/lib/Button/index.js +0 -4
  19. package/lib/Button/wrap.js +19 -38
  20. package/lib/ButtonGroup/index.js +0 -5
  21. package/lib/CardSelector/index.js +9 -22
  22. package/lib/Center/index.js +2 -12
  23. package/lib/ClickToCopy/copy-button.js +9 -26
  24. package/lib/ClickToCopy/hook.js +0 -10
  25. package/lib/ClickToCopy/index.js +13 -41
  26. package/lib/CodeBlock/LightBox.js +1 -6
  27. package/lib/CodeBlock/index.js +12 -80
  28. package/lib/Colors/index.js +0 -2
  29. package/lib/Colors/themes/default.js +2 -3
  30. package/lib/ContactForm/index.js +5 -35
  31. package/lib/CookieConsent/index.js +10 -32
  32. package/lib/CountDown/index.js +10 -35
  33. package/lib/DID/index.js +8 -32
  34. package/lib/Datatable/CustomToolbar.js +9 -56
  35. package/lib/Datatable/DatatableContext.js +2 -5
  36. package/lib/Datatable/TableSearch.js +0 -21
  37. package/lib/Datatable/index.js +76 -152
  38. package/lib/Datatable/utils.js +14 -27
  39. package/lib/Dialog/confirm.js +18 -31
  40. package/lib/Dialog/dialog.js +27 -51
  41. package/lib/Dialog/index.js +0 -3
  42. package/lib/DidLogo/index.js +0 -7
  43. package/lib/DriftBot/index.js +1 -12
  44. package/lib/Earth/index.js +17 -58
  45. package/lib/Earth/util.js +0 -7
  46. package/lib/Empty/index.js +9 -23
  47. package/lib/ErrorBoundary/fallback.js +0 -14
  48. package/lib/ErrorBoundary/index.js +0 -2
  49. package/lib/Footer/index.js +1 -14
  50. package/lib/Header/auto-hidden.js +9 -23
  51. package/lib/Header/header.js +19 -38
  52. package/lib/Header/index.js +0 -3
  53. package/lib/Header/responsive-header.js +16 -40
  54. package/lib/Icon/image.js +12 -26
  55. package/lib/Icon/index.js +15 -34
  56. package/lib/Img/index.js +32 -54
  57. package/lib/InfoRow/index.js +11 -27
  58. package/lib/Layout/dashboard/external-link.js +13 -30
  59. package/lib/Layout/dashboard/full-page.js +8 -24
  60. package/lib/Layout/dashboard/index.js +28 -72
  61. package/lib/Layout/dashboard/sidebar.js +11 -31
  62. package/lib/Layout/dashboard-legacy/header.js +14 -36
  63. package/lib/Layout/dashboard-legacy/index.js +19 -44
  64. package/lib/Layout/dashboard-legacy/sidebar.js +10 -32
  65. package/lib/Layout/index.js +18 -52
  66. package/lib/Locale/browser-lang.js +6 -19
  67. package/lib/Locale/context.js +15 -51
  68. package/lib/Locale/languages.js +3 -7
  69. package/lib/Locale/selector.js +11 -44
  70. package/lib/Locale/util.js +0 -10
  71. package/lib/Logo/index.js +10 -33
  72. package/lib/Metric/index.js +1 -9
  73. package/lib/NFTDisplay/aspect-ratio-container.js +7 -20
  74. package/lib/NFTDisplay/broken.js +0 -8
  75. package/lib/NFTDisplay/index.js +63 -110
  76. package/lib/NFTDisplay/loading.js +0 -6
  77. package/lib/NFTDisplay/svg-embedder/img.js +9 -22
  78. package/lib/NFTDisplay/svg-embedder/inline-svg.js +9 -23
  79. package/lib/NavMenu/index.js +0 -2
  80. package/lib/NavMenu/nav-menu.js +40 -69
  81. package/lib/NavMenu/style.js +1 -5
  82. package/lib/PageScroller/index.js +9 -39
  83. package/lib/PageScroller/story/FifthComponent.js +0 -2
  84. package/lib/PageScroller/story/FirstComponent.js +0 -2
  85. package/lib/PageScroller/story/FourthComponent.js +0 -2
  86. package/lib/PageScroller/story/FullPage.js +1 -14
  87. package/lib/PageScroller/story/PageContain.js +1 -14
  88. package/lib/PageScroller/story/SecondComponent.js +0 -2
  89. package/lib/PageScroller/story/ThirdComponent.js +0 -2
  90. package/lib/PageScroller/usePrevValue.js +1 -2
  91. package/lib/PricingTable/PricingPlan.js +0 -12
  92. package/lib/PricingTable/index.js +0 -14
  93. package/lib/QRCode/index.js +14 -24
  94. package/lib/RelativeTime/index.js +12 -45
  95. package/lib/Result/common.js +43 -63
  96. package/lib/Result/index.js +6 -23
  97. package/lib/Result/result.js +9 -23
  98. package/lib/Screenshot/BaseScreenshot/index.js +9 -26
  99. package/lib/Screenshot/BaseScreenshot/shells/Macbook.js +9 -10
  100. package/lib/Screenshot/BaseScreenshot/shells/Phone.js +3 -8
  101. package/lib/Screenshot/index.js +32 -65
  102. package/lib/SessionManager/index.js +31 -83
  103. package/lib/Sparkline/index.js +40 -42
  104. package/lib/Spinner/index.js +12 -23
  105. package/lib/SplitButton/index.js +20 -48
  106. package/lib/Switch/index.js +7 -22
  107. package/lib/Tabs/index.js +8 -22
  108. package/lib/Tag/index.js +13 -33
  109. package/lib/TextCollapse/index.js +14 -31
  110. package/lib/Theme/index.js +3 -13
  111. package/lib/Theme/theme-provider.js +1 -10
  112. package/lib/Theme/theme.js +15 -27
  113. package/lib/Toast/index.js +13 -40
  114. package/lib/Util/deprecate.js +3 -12
  115. package/lib/Util/index.js +13 -74
  116. package/lib/Util/wallet.js +3 -10
  117. package/lib/Video/index.js +3 -19
  118. package/lib/Wallet/Action.js +9 -28
  119. package/lib/Wallet/Download.js +11 -36
  120. package/lib/Wallet/Open.js +0 -12
  121. package/lib/WebWalletSWKeeper/index.js +30 -55
  122. package/lib/WechatPrompt/index.js +0 -16
  123. package/lib/index.js +0 -38
  124. package/lib/withTheme/index.js +3 -15
  125. package/lib/withTracker/error_boundary.js +3 -14
  126. package/lib/withTracker/index.js +3 -24
  127. package/package.json +5 -5
  128. package/src/Avatar/index.js +2 -2
  129. package/src/Dialog/dialog.js +1 -1
  130. package/src/NFTDisplay/index.js +4 -4
@@ -4,37 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = ResponsiveDidAddress;
7
-
8
7
  var _react = require("react");
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _useMeasure = _interopRequireDefault(require("react-use/lib/useMeasure"));
13
-
14
10
  var _Theme = require("../Theme");
15
-
16
11
  var _didAddress = _interopRequireDefault(require("./did-address"));
17
-
18
12
  var _jsxRuntime = require("react/jsx-runtime");
19
-
20
13
  var _templateObject, _templateObject2;
21
-
22
14
  const _excluded = ["style", "className", "component"];
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
-
26
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
27
-
28
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
-
30
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
-
32
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
33
-
34
- 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; }
35
-
36
- 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; }
37
-
38
15
  /**
39
16
  * 根据父容器宽度自动切换 compact 模式
40
17
  *
@@ -45,27 +22,35 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
45
22
  * - 监听容器宽度变化, 当容器宽度变化时, 对比容器宽度和 did address full-width, => 切换 compact 模式
46
23
  * - TODO: 初始化时, 在确定是否应该以 compact 模式渲染前, 隐藏显示, 避免闪烁问题
47
24
  */
25
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
26
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
27
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
28
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
29
+ 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; }
30
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
31
+ function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
32
+ 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; }
33
+ 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; }
48
34
  function ResponsiveDidAddress(_ref) {
49
35
  let {
50
- style,
51
- className,
52
- component
53
- } = _ref,
54
- rest = _objectWithoutProperties(_ref, _excluded);
55
-
56
- const [compact, setCompact] = (0, _react.useState)(false); // did address 完整显示时的宽度
57
-
36
+ style,
37
+ className,
38
+ component
39
+ } = _ref,
40
+ rest = _objectWithoutProperties(_ref, _excluded);
41
+ const [compact, setCompact] = (0, _react.useState)(false);
42
+ // did address 完整显示时的宽度
58
43
  const [addressFullWidth, setAddressFullWidth] = (0, _react.useState)(null);
59
44
  const [containerRef, {
60
45
  width: containerWidth
61
46
  }] = (0, _useMeasure.default)();
62
- const ref = /*#__PURE__*/(0, _react.createRef)(); // 存储完整显示时 address 组件的宽度
63
-
47
+ const ref = /*#__PURE__*/(0, _react.createRef)();
48
+ // 存储完整显示时 address 组件的宽度
64
49
  (0, _react.useEffect)(() => {
65
50
  if (!compact && addressFullWidth === null) {
66
51
  setAddressFullWidth(ref.current.offsetWidth);
67
- } // eslint-disable-next-line react-hooks/exhaustive-deps
68
-
52
+ }
53
+ // eslint-disable-next-line react-hooks/exhaustive-deps
69
54
  }, []);
70
55
  (0, _react.useEffect)(() => {
71
56
  if (containerWidth && addressFullWidth) {
@@ -86,7 +71,6 @@ function ResponsiveDidAddress(_ref) {
86
71
  }))
87
72
  });
88
73
  }
89
-
90
74
  ResponsiveDidAddress.propTypes = {
91
75
  style: _propTypes.default.object,
92
76
  className: _propTypes.default.string,
@@ -4,43 +4,26 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
-
10
8
  var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
11
-
12
9
  var _colors = require("@mui/material/colors");
13
-
14
10
  var _Icon = _interopRequireDefault(require("../Icon"));
15
-
16
11
  var _Util = require("../Util");
17
-
18
12
  var _Colors = _interopRequireDefault(require("../Colors"));
19
-
20
13
  var _Theme = require("../Theme");
21
-
22
14
  var _deprecate = require("../Util/deprecate");
23
-
24
15
  var _jsxRuntime = require("react/jsx-runtime");
25
-
26
16
  var _templateObject;
27
-
28
17
  const _excluded = ["type", "children", "style", "className", "variant"];
29
-
30
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
-
32
19
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
33
-
34
20
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
35
-
36
21
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
37
-
38
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
39
-
22
+ 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; }
23
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
24
+ function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
40
25
  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; }
41
-
42
26
  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; }
43
-
44
27
  const types = {
45
28
  error: {
46
29
  icon: 'exclamation-circle',
@@ -67,6 +50,7 @@ const types = {
67
50
  backgroundColor: '#EEEEEE'
68
51
  }
69
52
  };
53
+
70
54
  /**
71
55
  * Alert notification component
72
56
  * @typedef {{
@@ -83,28 +67,25 @@ const types = {
83
67
  * @param {AlertProps} props
84
68
  * @returns {JSX.Element}
85
69
  */
86
-
87
70
  function Alert(props) {
88
71
  /** @type {AlertProps} */
89
72
  const newProps = (0, _Util.mergeProps)(props, Alert, ['style']);
90
-
91
73
  const {
92
- type,
93
- children,
94
- style,
95
- className,
96
- variant
97
- } = newProps,
98
- rest = _objectWithoutProperties(newProps, _excluded);
99
-
74
+ type,
75
+ children,
76
+ style,
77
+ className,
78
+ variant
79
+ } = newProps,
80
+ rest = _objectWithoutProperties(newProps, _excluded);
100
81
  const {
101
82
  icon,
102
83
  color,
103
84
  backgroundColor,
104
85
  borderColor
105
86
  } = types[type] || types.success;
106
- /** @type {import('react').CSSProperties} */
107
87
 
88
+ /** @type {import('react').CSSProperties} */
108
89
  const styles = Object.assign({
109
90
  color: _colors.blueGrey[500],
110
91
  backgroundColor: variant === 'border' ? backgroundColor : 'transparent',
@@ -127,7 +108,6 @@ function Alert(props) {
127
108
  })]
128
109
  }));
129
110
  }
130
-
131
111
  Alert.propTypes = {
132
112
  type: _propTypes.default.oneOf(Object.keys(types)),
133
113
  children: _propTypes.default.any.isRequired,
@@ -141,11 +121,9 @@ Alert.defaultProps = {
141
121
  style: '{}',
142
122
  variant: 'border'
143
123
  };
144
-
145
124
  var _default = (0, _deprecate.withDeprecated)(Alert, {
146
125
  name: 'Alert',
147
126
  alternative: '@mui/material/Alert'
148
127
  });
149
-
150
128
  exports.default = _default;
151
129
  const Container = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n font-size: 16px;\n margin: 0;\n padding: 16px;\n margin: 16px 0;\n\n strong {\n margin: 0 5px;\n }\n\n .alert-icon {\n margin-right: 16px;\n }\n\n .alert-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n"])));
@@ -4,37 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = AnimationWaiter;
7
-
8
7
  var _react = require("react");
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _reactLottiePlayer = _interopRequireDefault(require("react-lottie-player"));
13
-
14
10
  var _defaultAnimation = _interopRequireDefault(require("./default-animation.json"));
15
-
16
11
  var _Theme = require("../Theme");
17
-
18
12
  var _jsxRuntime = require("react/jsx-runtime");
19
-
20
13
  var _templateObject;
21
-
22
14
  const _excluded = ["animationData", "size", "message", "messageDuration", "messageLoop", "tips", "tipsDuration", "maybeDuration", "speed", "increaseSpeed"];
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
-
26
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
27
-
28
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
-
30
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
-
32
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
33
-
34
- 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; }
35
-
36
- 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; }
37
-
38
15
  /**
39
16
  * 用于长时间等待的用的动画组件
40
17
  * 动画会随着时间的变化而逐步加快播放速度,好适应用户的等待心理
@@ -50,41 +27,45 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
50
27
  * @param {Number} increaseSpeed 在 maybeDuration 时间下增加的速度,默认为0(不增加速度)
51
28
  * @returns element
52
29
  */
30
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
32
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
33
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
34
+ 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; }
35
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
36
+ function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
37
+ 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; }
38
+ 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; }
53
39
  function AnimationWaiter(_ref) {
54
40
  let {
55
- animationData,
56
- size,
57
- message,
58
- messageDuration,
59
- messageLoop,
60
- tips,
61
- tipsDuration,
62
- maybeDuration,
63
- speed,
64
- increaseSpeed
65
- } = _ref,
66
- rest = _objectWithoutProperties(_ref, _excluded);
67
-
41
+ animationData,
42
+ size,
43
+ message,
44
+ messageDuration,
45
+ messageLoop,
46
+ tips,
47
+ tipsDuration,
48
+ maybeDuration,
49
+ speed,
50
+ increaseSpeed
51
+ } = _ref,
52
+ rest = _objectWithoutProperties(_ref, _excluded);
68
53
  const [tipsId, setTipsId] = (0, _react.useState)(0);
69
54
  const [currentSpeed, setCurrentSpeed] = (0, _react.useState)(speed);
70
- const [messageId, setMessageId] = (0, _react.useState)(0); // 动画的开始时间
71
-
55
+ const [messageId, setMessageId] = (0, _react.useState)(0);
56
+ // 动画的开始时间
72
57
  const startTime = (0, _react.useRef)(new Date().getTime());
73
-
74
58
  if (!Array.isArray(message)) {
75
59
  // eslint-disable-next-line no-param-reassign
76
60
  message = [message];
77
61
  }
78
-
79
62
  (0, _react.useEffect)(() => {
80
63
  if (!message) {
81
64
  return;
82
65
  }
83
-
84
66
  let msgIndex = 0;
85
67
  const timer = setInterval(() => {
86
68
  msgIndex++;
87
-
88
69
  if (msgIndex >= message.length) {
89
70
  if (messageLoop) {
90
71
  msgIndex = 0;
@@ -92,59 +73,54 @@ function AnimationWaiter(_ref) {
92
73
  msgIndex = message.length - 1;
93
74
  }
94
75
  }
95
-
96
76
  setMessageId(msgIndex);
97
- }, messageDuration); // eslint-disable-next-line consistent-return
77
+ }, messageDuration);
98
78
 
79
+ // eslint-disable-next-line consistent-return
99
80
  return () => {
100
81
  clearInterval(timer);
101
- }; // eslint-disable-next-line react-hooks/exhaustive-deps
102
- }, [message, messageDuration]); // tips
82
+ };
83
+ // eslint-disable-next-line react-hooks/exhaustive-deps
84
+ }, [message, messageDuration]);
103
85
 
86
+ // tips
104
87
  (0, _react.useEffect)(() => {
105
88
  if (!tips.length) {
106
89
  return () => {};
107
90
  }
108
-
109
91
  const timer = setTimeout(() => {
110
92
  let nextId = tipsId + 1;
111
-
112
93
  if (nextId >= tips.length) {
113
94
  nextId = 0;
114
95
  }
115
-
116
96
  setTipsId(nextId);
117
97
  }, tipsDuration);
118
98
  return () => clearTimeout(timer);
119
- }, [tips, tipsDuration, tipsId]); // 动画speed
99
+ }, [tips, tipsDuration, tipsId]);
120
100
 
101
+ // 动画speed
121
102
  (0, _react.useEffect)(() => {
122
103
  const timer = setTimeout(() => {
123
104
  const diffTime = new Date().getTime() - startTime.current;
124
105
  let percentage = diffTime / maybeDuration;
125
-
126
106
  if (percentage > 1) {
127
107
  percentage = 1;
128
108
  }
129
-
130
109
  const newSpeed = speed + increaseSpeed * percentage;
131
110
  setCurrentSpeed(newSpeed);
132
111
  }, 1000);
133
- return () => clearTimeout(timer); // eslint-disable-next-line react-hooks/exhaustive-deps
112
+ return () => clearTimeout(timer);
113
+ // eslint-disable-next-line react-hooks/exhaustive-deps
134
114
  }, [currentSpeed]);
135
-
136
115
  const getMsgClassName = index => {
137
116
  let className = 'message-before';
138
-
139
117
  if (messageId === index) {
140
118
  className = 'show-message';
141
119
  } else if (messageId < index) {
142
120
  className = 'message-after';
143
121
  }
144
-
145
122
  return className;
146
123
  };
147
-
148
124
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, rest), {}, {
149
125
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLottiePlayer.default, {
150
126
  loop: true,
@@ -173,7 +149,8 @@ function AnimationWaiter(_ref) {
173
149
  className: "waiter-tips-container",
174
150
  children: tips.map((e, index) => {
175
151
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
176
- className: "waiter-tips-block ".concat(tipsId === index ? 'show-tips' : '') // eslint-disable-next-line react/no-array-index-key
152
+ className: "waiter-tips-block ".concat(tipsId === index ? 'show-tips' : '')
153
+ // eslint-disable-next-line react/no-array-index-key
177
154
  ,
178
155
  children: e
179
156
  }, index);
@@ -181,7 +158,6 @@ function AnimationWaiter(_ref) {
181
158
  }) : '']
182
159
  }));
183
160
  }
184
-
185
161
  AnimationWaiter.propTypes = {
186
162
  animationData: _propTypes.default.any,
187
163
  size: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
@@ -4,29 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = LoadAsyncComponent;
7
-
8
7
  var React = _interopRequireWildcard(require("react"));
9
-
10
8
  var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
11
-
12
9
  var _jsxRuntime = require("react/jsx-runtime");
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  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); }
17
-
18
12
  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; }
19
-
20
13
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
21
-
22
14
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
23
-
24
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
25
-
15
+ 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; }
16
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
17
+ function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
26
18
  function LoadAsyncComponent(importComponent) {
27
19
  let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
28
20
  let showProgress = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
29
-
30
21
  class AsyncComponent extends React.Component {
31
22
  constructor(props) {
32
23
  super(props);
@@ -35,7 +26,6 @@ function LoadAsyncComponent(importComponent) {
35
26
  error: null
36
27
  };
37
28
  }
38
-
39
29
  componentDidMount() {
40
30
  importComponent().then(asyncModule => this.setState({
41
31
  Component: asyncModule[key]
@@ -43,24 +33,20 @@ function LoadAsyncComponent(importComponent) {
43
33
  error: "Failed to load async component: ".concat(err.message)
44
34
  }));
45
35
  }
46
-
47
36
  render() {
48
37
  const {
49
38
  Component,
50
39
  error
51
40
  } = this.state;
52
-
53
41
  if (error) {
54
42
  return error;
55
- } // eslint-disable-next-line no-nested-ternary
56
-
43
+ }
57
44
 
45
+ // eslint-disable-next-line no-nested-ternary
58
46
  return Component ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, this.props)) : showProgress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
59
47
  color: "primary"
60
48
  }) : null;
61
49
  }
62
-
63
50
  }
64
-
65
51
  return AsyncComponent;
66
52
  }
@@ -4,61 +4,48 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = require("react");
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _didMotif = require("@arcblock/did-motif");
13
-
14
10
  var _jsxRuntime = require("react/jsx-runtime");
15
-
16
11
  const _excluded = ["did", "size", "animation", "shape", "responsive"];
17
-
18
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
13
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
21
-
22
14
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
23
-
24
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
25
-
15
+ 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; }
16
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
17
+ function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
26
18
  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; }
27
-
28
19
  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; }
29
-
30
20
  function DIDMotif(_ref) {
31
21
  let {
32
- did,
33
- size,
34
- animation,
35
- shape,
36
- responsive
37
- } = _ref,
38
- rest = _objectWithoutProperties(_ref, _excluded);
39
-
22
+ did,
23
+ size,
24
+ animation,
25
+ shape,
26
+ responsive
27
+ } = _ref,
28
+ rest = _objectWithoutProperties(_ref, _excluded);
40
29
  const svgRef = (0, _react.useRef)(null);
41
30
  (0, _react.useLayoutEffect)(() => {
42
31
  (0, _didMotif.update)(svgRef.current, did, {
43
32
  size,
44
33
  animation,
45
34
  shape
46
- }); // eslint-disable-next-line react-hooks/exhaustive-deps
35
+ });
36
+ // eslint-disable-next-line react-hooks/exhaustive-deps
47
37
  }, [did, size, shape]);
48
-
49
38
  if (responsive) {
50
39
  // fix avatar 显示问题 (safari 下父容器为 flex 时 inline svg 显示不出来, 需要明确指定 width)
51
40
  const styles = _objectSpread(_objectSpread({}, rest.style), {}, {
52
41
  width: '100%'
53
42
  });
54
-
55
43
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
56
44
  ref: svgRef
57
45
  }, rest), {}, {
58
46
  style: styles
59
47
  }));
60
48
  }
61
-
62
49
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, rest), {}, {
63
50
  style: _objectSpread({
64
51
  display: 'inline-block',
@@ -73,7 +60,6 @@ function DIDMotif(_ref) {
73
60
  })
74
61
  }));
75
62
  }
76
-
77
63
  DIDMotif.propTypes = {
78
64
  did: _propTypes.default.string.isRequired,
79
65
  size: _propTypes.default.number,
@@ -4,23 +4,18 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /* eslint-disable prefer-destructuring */
9
-
10
8
  /* eslint-disable no-bitwise */
11
9
  // copy from https://etherscan.io/jss/blockies.js
12
10
  const randseed = new Array(4);
13
-
14
11
  function seedrand(seed) {
15
12
  for (let i = 0; i < randseed.length; i++) {
16
13
  randseed[i] = 0;
17
14
  }
18
-
19
15
  for (let i = 0; i < seed.length; i++) {
20
16
  randseed[i % 4] = (randseed[i % 4] << 5) - randseed[i % 4] + seed.charCodeAt(i);
21
17
  }
22
18
  }
23
-
24
19
  function rand() {
25
20
  const t = randseed[0] ^ randseed[0] << 11;
26
21
  randseed[0] = randseed[1];
@@ -29,7 +24,6 @@ function rand() {
29
24
  randseed[3] = randseed[3] ^ randseed[3] >> 19 ^ t ^ t >> 8;
30
25
  return (randseed[3] >>> 0) / (1 << 31 >>> 0);
31
26
  }
32
-
33
27
  function createColor() {
34
28
  const h = Math.floor(rand() * 360);
35
29
  const s = "".concat(rand() * 60 + 40, "%");
@@ -37,56 +31,45 @@ function createColor() {
37
31
  const color = "hsl(".concat(h, ",").concat(s, ",").concat(l, ")");
38
32
  return color;
39
33
  }
40
-
41
34
  function createImageData(size) {
42
35
  const width = size;
43
36
  const height = size;
44
37
  const dataWidth = Math.ceil(width / 2);
45
38
  const mirrorWidth = width - dataWidth;
46
39
  const data = [];
47
-
48
40
  for (let y = 0; y < height; y++) {
49
41
  let row = [];
50
-
51
42
  for (let x = 0; x < dataWidth; x++) {
52
43
  row[x] = Math.floor(rand() * 2.3);
53
44
  }
54
-
55
45
  const r = row.slice(0, mirrorWidth);
56
46
  r.reverse();
57
47
  row = row.concat(r);
58
-
59
48
  for (let i = 0; i < row.length; i++) {
60
49
  data.push(row[i]);
61
50
  }
62
51
  }
63
-
64
52
  return data;
65
53
  }
66
-
67
54
  function createCanvas(imageData, color, scale, bgcolor, spotcolor) {
68
55
  const c = document.createElement('canvas');
69
- const width = Math.sqrt(imageData.length); // eslint-disable-next-line no-multi-assign
70
-
56
+ const width = Math.sqrt(imageData.length);
57
+ // eslint-disable-next-line no-multi-assign
71
58
  c.width = c.height = width * scale;
72
59
  const cc = c.getContext('2d');
73
60
  cc.fillStyle = bgcolor;
74
61
  cc.fillRect(0, 0, c.width, c.height);
75
62
  cc.fillStyle = color;
76
-
77
63
  for (let i = 0; i < imageData.length; i++) {
78
64
  const row = Math.floor(i / width);
79
65
  const col = i % width;
80
66
  cc.fillStyle = imageData[i] === 1 ? color : spotcolor;
81
-
82
67
  if (imageData[i]) {
83
68
  cc.fillRect(col * scale, row * scale, scale, scale);
84
69
  }
85
70
  }
86
-
87
71
  return c;
88
72
  }
89
-
90
73
  function createIcon(opts) {
91
74
  // eslint-disable-next-line no-param-reassign
92
75
  opts = opts || {};
@@ -101,7 +84,6 @@ function createIcon(opts) {
101
84
  const canvas = createCanvas(imageData, color, scale, bgcolor, spotcolor);
102
85
  return canvas;
103
86
  }
104
-
105
87
  var _default = {
106
88
  createIcon
107
89
  };