@arcblock/ux 2.9.91 → 2.10.1

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 (337) hide show
  1. package/lib/ActionButton/index.js +36 -48
  2. package/lib/ActivityIndicator/index.js +122 -75
  3. package/lib/Address/compact-text.js +48 -66
  4. package/lib/Address/did-address.js +114 -87
  5. package/lib/Address/index.js +15 -27
  6. package/lib/Address/responsive-did-address.js +48 -50
  7. package/lib/Alert/index.js +58 -52
  8. package/lib/AnimationWaiter/index.js +123 -69
  9. package/lib/Async/index.js +8 -22
  10. package/lib/Avatar/did-motif.js +38 -52
  11. package/lib/Avatar/etherscan-blockies.js +4 -10
  12. package/lib/Avatar/index.js +71 -77
  13. package/lib/Badge/index.js +49 -56
  14. package/lib/Blocklet/blocklet.js +181 -97
  15. package/lib/Blocklet/index.js +4 -24
  16. package/lib/Blocklet/utils.js +50 -13
  17. package/lib/BlockletContext/index.js +21 -31
  18. package/lib/BlockletNFT/index.js +255 -115
  19. package/lib/Button/index.js +5 -11
  20. package/lib/Button/wrap.js +45 -56
  21. package/lib/ButtonGroup/index.js +3 -9
  22. package/lib/CardSelector/index.js +67 -43
  23. package/lib/Center/index.js +19 -20
  24. package/lib/ClickToCopy/copy-button.js +37 -50
  25. package/lib/ClickToCopy/hook.js +10 -18
  26. package/lib/ClickToCopy/index.js +54 -66
  27. package/lib/CodeBlock/LightBox.js +84 -11
  28. package/lib/CodeBlock/index.js +175 -101
  29. package/lib/Colors/index.js +3 -20
  30. package/lib/Colors/themes/default.js +1 -7
  31. package/lib/Colors/themes/temp.js +1 -7
  32. package/lib/ContactForm/index.js +95 -60
  33. package/lib/CookieConsent/index.js +58 -52
  34. package/lib/CountDown/index.js +90 -59
  35. package/lib/DID/index.js +80 -96
  36. package/lib/Datatable/CustomToolbar.js +188 -137
  37. package/lib/Datatable/DatatableContext.js +14 -21
  38. package/lib/Datatable/TableSearch.js +99 -58
  39. package/lib/Datatable/index.js +312 -139
  40. package/lib/Datatable/utils.js +9 -17
  41. package/lib/Dialog/confirm.js +46 -58
  42. package/lib/Dialog/dialog.js +110 -66
  43. package/lib/Dialog/index.js +4 -27
  44. package/lib/Dialog/use-confirm.js +40 -65
  45. package/lib/DidLogo/index.js +14 -22
  46. package/lib/DriftBot/index.js +34 -19
  47. package/lib/Earth/index.js +214 -110
  48. package/lib/Earth/util.js +6 -19
  49. package/lib/Empty/index.js +33 -38
  50. package/lib/ErrorBoundary/fallback.js +45 -43
  51. package/lib/ErrorBoundary/index.js +1 -16
  52. package/lib/Footer/index.js +96 -48
  53. package/lib/Header/auto-hidden.js +28 -31
  54. package/lib/Header/header.js +151 -69
  55. package/lib/Header/index.js +2 -20
  56. package/lib/Header/responsive-header.js +67 -60
  57. package/lib/Icon/image.js +41 -45
  58. package/lib/Icon/index.js +51 -53
  59. package/lib/Img/index.js +77 -88
  60. package/lib/InfoRow/index.js +66 -48
  61. package/lib/Layout/dashboard/external-link.js +38 -53
  62. package/lib/Layout/dashboard/full-page.js +27 -41
  63. package/lib/Layout/dashboard/index.js +177 -132
  64. package/lib/Layout/dashboard/sidebar.js +164 -61
  65. package/lib/Layout/dashboard-legacy/header.js +119 -66
  66. package/lib/Layout/dashboard-legacy/index.js +90 -79
  67. package/lib/Layout/dashboard-legacy/sidebar.js +95 -62
  68. package/lib/Layout/index.js +200 -106
  69. package/lib/LoadingMask/index.js +31 -38
  70. package/lib/Locale/browser-lang.js +2 -8
  71. package/lib/Locale/context.js +46 -69
  72. package/lib/Locale/languages.js +6 -15
  73. package/lib/Locale/selector.js +116 -92
  74. package/lib/Locale/util.js +7 -16
  75. package/lib/Logo/index.js +54 -57
  76. package/lib/Metric/index.js +103 -40
  77. package/lib/NFTDisplay/aspect-ratio-container.js +33 -40
  78. package/lib/NFTDisplay/broken.js +68 -52
  79. package/lib/NFTDisplay/index.js +140 -129
  80. package/lib/NFTDisplay/loading.js +14 -13
  81. package/lib/NFTDisplay/svg-embedder/img.js +18 -33
  82. package/lib/NFTDisplay/svg-embedder/inline-svg.js +28 -32
  83. package/lib/NavMenu/index.js +2 -13
  84. package/lib/NavMenu/nav-menu.js +133 -148
  85. package/lib/NavMenu/style.js +179 -12
  86. package/lib/PageScroller/index.js +82 -93
  87. package/lib/PageScroller/story/FifthComponent.js +4 -10
  88. package/lib/PageScroller/story/FirstComponent.js +4 -10
  89. package/lib/PageScroller/story/FourthComponent.js +4 -10
  90. package/lib/PageScroller/story/FullPage.js +21 -28
  91. package/lib/PageScroller/story/PageContain.js +23 -30
  92. package/lib/PageScroller/story/SecondComponent.js +4 -10
  93. package/lib/PageScroller/story/ThirdComponent.js +4 -10
  94. package/lib/PageScroller/usePrevValue.js +4 -11
  95. package/lib/Passport/index.js +2 -9
  96. package/lib/Passport/passport.js +38 -51
  97. package/lib/PoweredByArcBlock/index.js +19 -33
  98. package/lib/PricingTable/PricingPlan.js +90 -34
  99. package/lib/PricingTable/index.js +28 -26
  100. package/lib/QRCode/index.js +38 -50
  101. package/lib/RelativeTime/index.js +44 -59
  102. package/lib/Result/common.js +85 -107
  103. package/lib/Result/index.js +22 -34
  104. package/lib/Result/result.js +35 -41
  105. package/lib/Result/translations.js +1 -7
  106. package/lib/Screenshot/BaseScreenshot/index.js +65 -43
  107. package/lib/Screenshot/BaseScreenshot/shells/Macbook.js +17 -27
  108. package/lib/Screenshot/BaseScreenshot/shells/Phone.js +14 -25
  109. package/lib/Screenshot/index.js +103 -92
  110. package/lib/SessionBlocklet/index.js +125 -143
  111. package/lib/SessionManager/index.js +2 -9
  112. package/lib/SessionPermission/index.js +13 -23
  113. package/lib/SessionUser/components/logged-in.js +139 -158
  114. package/lib/SessionUser/components/session-user-item.js +44 -58
  115. package/lib/SessionUser/components/session-user-switch.js +133 -152
  116. package/lib/SessionUser/components/un-login.js +27 -35
  117. package/lib/SessionUser/components/user-info.js +62 -74
  118. package/lib/SessionUser/index.js +26 -34
  119. package/lib/SessionUser/libs/translation.js +1 -7
  120. package/lib/SessionUser/libs/utils.js +13 -34
  121. package/lib/Sparkline/index.js +4 -10
  122. package/lib/Spinner/index.js +11 -17
  123. package/lib/SplitButton/index.js +72 -68
  124. package/lib/Success/index.js +28 -34
  125. package/lib/Switch/index.js +64 -75
  126. package/lib/Tabs/index.js +84 -103
  127. package/lib/Tag/index.js +52 -56
  128. package/lib/TextCollapse/index.js +57 -50
  129. package/lib/Theme/index.js +8 -47
  130. package/lib/Theme/theme-provider.js +19 -26
  131. package/lib/Theme/theme.js +49 -62
  132. package/lib/Toast/index.js +41 -73
  133. package/lib/Typography/index.js +44 -55
  134. package/lib/Util/constant.js +16 -22
  135. package/lib/Util/deprecate.js +14 -26
  136. package/lib/Util/federated.js +16 -38
  137. package/lib/Util/index.js +63 -113
  138. package/lib/Util/passport.js +23 -33
  139. package/lib/Util/wallet.js +5 -14
  140. package/lib/Video/index.js +34 -34
  141. package/lib/Wallet/Action.js +72 -49
  142. package/lib/Wallet/Download.js +132 -115
  143. package/lib/Wallet/Open.js +26 -25
  144. package/lib/WalletOSIcon/index.js +33 -42
  145. package/lib/WebWalletSWKeeper/index.js +42 -55
  146. package/lib/WechatPrompt/index.js +53 -33
  147. package/lib/index.js +38 -265
  148. package/lib/withTheme/index.js +53 -33
  149. package/lib/withTracker/error_boundary.js +7 -18
  150. package/lib/withTracker/index.js +25 -34
  151. package/package.json +9 -316
  152. package/src/WalletOSIcon/index.jsx +1 -1
  153. package/es/ActionButton/index.js +0 -99
  154. package/es/ActivityIndicator/index.js +0 -180
  155. package/es/Address/compact-text.js +0 -105
  156. package/es/Address/did-address.js +0 -222
  157. package/es/Address/index.js +0 -23
  158. package/es/Address/responsive-did-address.js +0 -87
  159. package/es/Alert/index.js +0 -134
  160. package/es/AnimationWaiter/default-animation.json +0 -1
  161. package/es/AnimationWaiter/index.js +0 -240
  162. package/es/Async/index.js +0 -38
  163. package/es/Avatar/did-motif.js +0 -68
  164. package/es/Avatar/etherscan-blockies.js +0 -83
  165. package/es/Avatar/index.js +0 -179
  166. package/es/Badge/index.js +0 -98
  167. package/es/Blocklet/blocklet.js +0 -298
  168. package/es/Blocklet/index.js +0 -4
  169. package/es/Blocklet/utils.js +0 -52
  170. package/es/BlockletContext/index.js +0 -65
  171. package/es/BlockletNFT/index.js +0 -412
  172. package/es/Button/index.js +0 -8
  173. package/es/Button/wrap.js +0 -140
  174. package/es/ButtonGroup/index.js +0 -6
  175. package/es/CardSelector/index.js +0 -149
  176. package/es/Center/index.js +0 -41
  177. package/es/ClickToCopy/copy-button.js +0 -72
  178. package/es/ClickToCopy/hook.js +0 -39
  179. package/es/ClickToCopy/index.js +0 -92
  180. package/es/CodeBlock/LightBox.js +0 -85
  181. package/es/CodeBlock/index.js +0 -222
  182. package/es/Colors/index.js +0 -3
  183. package/es/Colors/themes/default.js +0 -77
  184. package/es/Colors/themes/temp.js +0 -41
  185. package/es/ContactForm/index.js +0 -230
  186. package/es/CookieConsent/index.js +0 -113
  187. package/es/CountDown/index.js +0 -178
  188. package/es/DID/index.js +0 -249
  189. package/es/Datatable/CustomToolbar.js +0 -396
  190. package/es/Datatable/DatatableContext.js +0 -34
  191. package/es/Datatable/TableSearch.js +0 -166
  192. package/es/Datatable/index.js +0 -629
  193. package/es/Datatable/utils.js +0 -132
  194. package/es/Dialog/confirm.js +0 -123
  195. package/es/Dialog/dialog.js +0 -201
  196. package/es/Dialog/index.js +0 -4
  197. package/es/Dialog/types.d.ts +0 -17
  198. package/es/Dialog/use-confirm.js +0 -133
  199. package/es/DidLogo/index.js +0 -31
  200. package/es/DriftBot/index.js +0 -70
  201. package/es/Earth/countries.json +0 -8057
  202. package/es/Earth/index.js +0 -521
  203. package/es/Earth/util.js +0 -51
  204. package/es/Empty/index.js +0 -65
  205. package/es/ErrorBoundary/fallback.js +0 -73
  206. package/es/ErrorBoundary/index.js +0 -1
  207. package/es/Footer/index.js +0 -172
  208. package/es/Header/auto-hidden.js +0 -35
  209. package/es/Header/header.js +0 -223
  210. package/es/Header/index.js +0 -2
  211. package/es/Header/responsive-header.js +0 -146
  212. package/es/Icon/image.js +0 -65
  213. package/es/Icon/index.js +0 -84
  214. package/es/Img/index.js +0 -218
  215. package/es/InfoRow/index.js +0 -87
  216. package/es/Layout/dashboard/external-link.js +0 -58
  217. package/es/Layout/dashboard/full-page.js +0 -53
  218. package/es/Layout/dashboard/index.js +0 -282
  219. package/es/Layout/dashboard/sidebar.js +0 -209
  220. package/es/Layout/dashboard-legacy/header.js +0 -174
  221. package/es/Layout/dashboard-legacy/index.js +0 -148
  222. package/es/Layout/dashboard-legacy/sidebar.js +0 -129
  223. package/es/Layout/index.js +0 -335
  224. package/es/LoadingMask/index.js +0 -102
  225. package/es/Locale/browser-lang.js +0 -52
  226. package/es/Locale/context.js +0 -139
  227. package/es/Locale/languages.js +0 -60
  228. package/es/Locale/selector.js +0 -186
  229. package/es/Locale/util.js +0 -21
  230. package/es/Logo/images/logo-dark-text.svg +0 -3
  231. package/es/Logo/images/logo-dark-top.svg +0 -6
  232. package/es/Logo/images/logo-light-text.svg +0 -3
  233. package/es/Logo/images/logo-light-top.svg +0 -6
  234. package/es/Logo/index.js +0 -136
  235. package/es/Metric/index.js +0 -132
  236. package/es/NFTDisplay/NFTBroken.svg +0 -34
  237. package/es/NFTDisplay/README.md +0 -59
  238. package/es/NFTDisplay/aspect-ratio-container.js +0 -39
  239. package/es/NFTDisplay/broken.js +0 -132
  240. package/es/NFTDisplay/demo/data/asset-state-display-url.json +0 -7
  241. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-1-1.json +0 -10
  242. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-374-130.json +0 -10
  243. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-with-foreign-object.json +0 -20
  244. package/es/NFTDisplay/demo/data/asset-state-svg.json +0 -29
  245. package/es/NFTDisplay/demo/data/asset-state-url.json +0 -10
  246. package/es/NFTDisplay/index.js +0 -328
  247. package/es/NFTDisplay/loading.js +0 -18
  248. package/es/NFTDisplay/svg-embedder/img.js +0 -45
  249. package/es/NFTDisplay/svg-embedder/inline-svg.js +0 -39
  250. package/es/NavMenu/index.js +0 -2
  251. package/es/NavMenu/nav-menu.js +0 -358
  252. package/es/NavMenu/style.js +0 -181
  253. package/es/PageScroller/index.js +0 -286
  254. package/es/PageScroller/story/FifthComponent.js +0 -9
  255. package/es/PageScroller/story/FirstComponent.js +0 -9
  256. package/es/PageScroller/story/FourthComponent.js +0 -12
  257. package/es/PageScroller/story/FullPage.js +0 -47
  258. package/es/PageScroller/story/PageContain.js +0 -59
  259. package/es/PageScroller/story/SecondComponent.js +0 -9
  260. package/es/PageScroller/story/ThirdComponent.js +0 -9
  261. package/es/PageScroller/story/index.css +0 -115
  262. package/es/PageScroller/usePrevValue.js +0 -9
  263. package/es/Passport/index.js +0 -2
  264. package/es/Passport/passport.js +0 -103
  265. package/es/PoweredByArcBlock/index.js +0 -31
  266. package/es/PricingTable/PricingPlan.js +0 -124
  267. package/es/PricingTable/index.js +0 -53
  268. package/es/QRCode/index.js +0 -73
  269. package/es/RelativeTime/index.js +0 -107
  270. package/es/Result/common.js +0 -140
  271. package/es/Result/demo/fixtures/result-image-404.svg +0 -1
  272. package/es/Result/index.js +0 -33
  273. package/es/Result/result.js +0 -59
  274. package/es/Result/translations.js +0 -54
  275. package/es/Screenshot/BaseScreenshot/index.js +0 -91
  276. package/es/Screenshot/BaseScreenshot/shells/Macbook.js +0 -51
  277. package/es/Screenshot/BaseScreenshot/shells/Phone.js +0 -36
  278. package/es/Screenshot/demo/images/bg-00.jpg +0 -0
  279. package/es/Screenshot/demo/images/bg-01.jpg +0 -0
  280. package/es/Screenshot/demo/images/bg-02.jpg +0 -0
  281. package/es/Screenshot/demo/images/bg-03.jpg +0 -0
  282. package/es/Screenshot/demo/images/bg-04.jpg +0 -0
  283. package/es/Screenshot/demo/images/bg-05.jpg +0 -0
  284. package/es/Screenshot/demo/images/bg-06.jpg +0 -0
  285. package/es/Screenshot/demo/images/bg-07.jpg +0 -0
  286. package/es/Screenshot/demo/images/bg-08.jpg +0 -0
  287. package/es/Screenshot/demo/images/bg-09.jpg +0 -0
  288. package/es/Screenshot/devices.css +0 -1366
  289. package/es/Screenshot/index.js +0 -299
  290. package/es/SessionBlocklet/index.js +0 -173
  291. package/es/SessionManager/index.js +0 -2
  292. package/es/SessionPermission/index.js +0 -28
  293. package/es/SessionUser/components/logged-in.js +0 -229
  294. package/es/SessionUser/components/session-user-item.js +0 -102
  295. package/es/SessionUser/components/session-user-switch.js +0 -223
  296. package/es/SessionUser/components/un-login.js +0 -64
  297. package/es/SessionUser/components/user-info.js +0 -167
  298. package/es/SessionUser/index.js +0 -49
  299. package/es/SessionUser/libs/translation.js +0 -19
  300. package/es/SessionUser/libs/utils.js +0 -29
  301. package/es/Sparkline/index.js +0 -193
  302. package/es/Spinner/index.js +0 -28
  303. package/es/SplitButton/index.js +0 -145
  304. package/es/Success/index.js +0 -175
  305. package/es/Switch/index.js +0 -96
  306. package/es/Tabs/index.js +0 -214
  307. package/es/Tag/index.js +0 -108
  308. package/es/TextCollapse/index.js +0 -92
  309. package/es/Theme/index.js +0 -16
  310. package/es/Theme/theme-provider.js +0 -39
  311. package/es/Theme/theme.js +0 -145
  312. package/es/Toast/index.js +0 -97
  313. package/es/Typography/index.js +0 -95
  314. package/es/Util/constant.js +0 -42
  315. package/es/Util/deprecate.js +0 -28
  316. package/es/Util/federated.js +0 -91
  317. package/es/Util/index.js +0 -363
  318. package/es/Util/passport.js +0 -62
  319. package/es/Util/wallet.js +0 -32
  320. package/es/Video/index.js +0 -89
  321. package/es/Wallet/Action.js +0 -119
  322. package/es/Wallet/Download.js +0 -331
  323. package/es/Wallet/Open.js +0 -45
  324. package/es/Wallet/images/abtwallet.png +0 -0
  325. package/es/Wallet/images/android_download.svg +0 -23
  326. package/es/Wallet/images/app-store.svg +0 -20
  327. package/es/Wallet/images/google-play.svg +0 -70
  328. package/es/WalletOSIcon/index.js +0 -82
  329. package/es/WebWalletSWKeeper/index.js +0 -117
  330. package/es/WechatPrompt/images/android.png +0 -0
  331. package/es/WechatPrompt/images/ios.png +0 -0
  332. package/es/WechatPrompt/index.js +0 -88
  333. package/es/index.js +0 -38
  334. package/es/withTheme/index.js +0 -69
  335. package/es/withTracker/README.md +0 -34
  336. package/es/withTracker/error_boundary.js +0 -34
  337. package/es/withTracker/index.js +0 -55
@@ -1,18 +1,10 @@
1
- "use strict";
1
+ import { useState, useEffect, useRef } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import Lottie from 'react-lottie-player';
4
+ import noop from 'lodash/noop';
5
+ import lottieJson from './default-animation.json';
6
+ import { styled } from '../Theme';
2
7
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = AnimationWaiter;
7
- var _react = require("react");
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _reactLottiePlayer = _interopRequireDefault(require("react-lottie-player"));
10
- var _noop = _interopRequireDefault(require("lodash/noop"));
11
- var _defaultAnimation = _interopRequireDefault(require("./default-animation.json"));
12
- var _Theme = require("../Theme");
13
- var _jsxRuntime = require("react/jsx-runtime");
14
- var _templateObject;
15
- const _excluded = ["animationData", "size", "message", "messageDuration", "messageLoop", "tips", "tipsDuration", "maybeDuration", "speed", "increaseSpeed"];
16
8
  /**
17
9
  * 用于长时间等待的用的动画组件
18
10
  * 动画会随着时间的变化而逐步加快播放速度,好适应用户的等待心理
@@ -28,39 +20,31 @@ const _excluded = ["animationData", "size", "message", "messageDuration", "messa
28
20
  * @param {Number} increaseSpeed 在 maybeDuration 时间下增加的速度,默认为0(不增加速度)
29
21
  * @returns element
30
22
  */
31
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
32
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
33
- 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; }
34
- 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; }
35
- 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; }
36
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
37
- 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); }
38
- 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; }
39
- 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; }
40
- function AnimationWaiter(_ref) {
41
- let {
42
- animationData,
43
- size,
44
- message,
45
- messageDuration,
46
- messageLoop,
47
- tips,
48
- tipsDuration,
49
- maybeDuration,
50
- speed,
51
- increaseSpeed
52
- } = _ref,
53
- rest = _objectWithoutProperties(_ref, _excluded);
54
- const [tipsId, setTipsId] = (0, _react.useState)(0);
55
- const [currentSpeed, setCurrentSpeed] = (0, _react.useState)(speed);
56
- const [messageId, setMessageId] = (0, _react.useState)(0);
23
+ import { jsx as _jsx } from "react/jsx-runtime";
24
+ import { jsxs as _jsxs } from "react/jsx-runtime";
25
+ export default function AnimationWaiter({
26
+ animationData,
27
+ size,
28
+ message,
29
+ messageDuration,
30
+ messageLoop,
31
+ tips,
32
+ tipsDuration,
33
+ maybeDuration,
34
+ speed,
35
+ increaseSpeed,
36
+ ...rest
37
+ }) {
38
+ const [tipsId, setTipsId] = useState(0);
39
+ const [currentSpeed, setCurrentSpeed] = useState(speed);
40
+ const [messageId, setMessageId] = useState(0);
57
41
  // 动画的开始时间
58
- const startTime = (0, _react.useRef)(new Date().getTime());
42
+ const startTime = useRef(new Date().getTime());
59
43
  if (!Array.isArray(message)) {
60
44
  // eslint-disable-next-line no-param-reassign
61
45
  message = [message];
62
46
  }
63
- (0, _react.useEffect)(() => {
47
+ useEffect(() => {
64
48
  if (!message) {
65
49
  return;
66
50
  }
@@ -85,9 +69,9 @@ function AnimationWaiter(_ref) {
85
69
  }, [message, messageDuration]);
86
70
 
87
71
  // tips
88
- (0, _react.useEffect)(() => {
72
+ useEffect(() => {
89
73
  if (!tips.length) {
90
- return _noop.default;
74
+ return noop;
91
75
  }
92
76
  const timer = setTimeout(() => {
93
77
  let nextId = tipsId + 1;
@@ -100,7 +84,7 @@ function AnimationWaiter(_ref) {
100
84
  }, [tips, tipsDuration, tipsId]);
101
85
 
102
86
  // 动画speed
103
- (0, _react.useEffect)(() => {
87
+ useEffect(() => {
104
88
  const timer = setTimeout(() => {
105
89
  const diffTime = new Date().getTime() - startTime.current;
106
90
  let percentage = diffTime / maybeDuration;
@@ -122,54 +106,55 @@ function AnimationWaiter(_ref) {
122
106
  }
123
107
  return className;
124
108
  };
125
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, rest), {}, {
126
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLottiePlayer.default, {
109
+ return /*#__PURE__*/_jsxs(Container, {
110
+ ...rest,
111
+ children: [/*#__PURE__*/_jsx(Lottie, {
127
112
  loop: true,
128
- animationData: animationData || _defaultAnimation.default,
113
+ animationData: animationData || lottieJson,
129
114
  play: true,
130
115
  speed: currentSpeed,
131
116
  style: {
132
117
  width: size,
133
118
  height: size
134
119
  }
135
- }), message && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
120
+ }), message && /*#__PURE__*/_jsx("div", {
136
121
  className: "waiter-message",
137
122
  children: message.map((text, index) => {
138
123
  const className = getMsgClassName(index);
139
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
140
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
141
- className: "message-block ".concat(className),
124
+ return /*#__PURE__*/_jsxs("div", {
125
+ children: [/*#__PURE__*/_jsx("span", {
126
+ className: `message-block ${className}`,
142
127
  children: text
143
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
144
- className: "placeholder-message ".concat(className),
128
+ }), /*#__PURE__*/_jsx("span", {
129
+ className: `placeholder-message ${className}`,
145
130
  children: text
146
131
  })]
147
132
  }, index);
148
133
  })
149
- }), tips.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
134
+ }), tips.length ? /*#__PURE__*/_jsx("div", {
150
135
  className: "waiter-tips-container",
151
136
  children: tips.map((e, index) => {
152
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
153
- className: "waiter-tips-block ".concat(tipsId === index ? 'show-tips' : '')
137
+ return /*#__PURE__*/_jsx("div", {
138
+ className: `waiter-tips-block ${tipsId === index ? 'show-tips' : ''}`
154
139
  // eslint-disable-next-line react/no-array-index-key
155
140
  ,
156
141
  children: e
157
142
  }, index);
158
143
  })
159
144
  }) : '']
160
- }));
145
+ });
161
146
  }
162
147
  AnimationWaiter.propTypes = {
163
- animationData: _propTypes.default.any,
164
- size: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
165
- message: _propTypes.default.any,
166
- messageDuration: _propTypes.default.number,
167
- messageLoop: _propTypes.default.bool,
168
- tips: _propTypes.default.array,
169
- tipsDuration: _propTypes.default.number,
170
- speed: _propTypes.default.number,
171
- maybeDuration: _propTypes.default.number,
172
- increaseSpeed: _propTypes.default.number
148
+ animationData: PropTypes.any,
149
+ size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
150
+ message: PropTypes.any,
151
+ messageDuration: PropTypes.number,
152
+ messageLoop: PropTypes.bool,
153
+ tips: PropTypes.array,
154
+ tipsDuration: PropTypes.number,
155
+ speed: PropTypes.number,
156
+ maybeDuration: PropTypes.number,
157
+ increaseSpeed: PropTypes.number
173
158
  };
174
159
  AnimationWaiter.defaultProps = {
175
160
  animationData: null,
@@ -183,4 +168,73 @@ AnimationWaiter.defaultProps = {
183
168
  maybeDuration: 120000,
184
169
  increaseSpeed: 0
185
170
  };
186
- 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"])));
171
+ const Container = styled('div')`
172
+ display: flex;
173
+ justify-content: center;
174
+ align-items: center;
175
+ flex-direction: column;
176
+ width: 100%;
177
+ height: 100%;
178
+
179
+ .waiter-message {
180
+ position: relative;
181
+ width: 100%;
182
+ font-weight: 700;
183
+ font-size: 18px;
184
+ line-height: 22px;
185
+ text-align: center;
186
+ overflow: hidden;
187
+ .message-block {
188
+ position: absolute;
189
+ left: 0;
190
+ width: 100%;
191
+ opacity: 0;
192
+ transition: all ease 0.3s;
193
+ user-select: none;
194
+ &.message-before {
195
+ transform: translate(-20px, 0);
196
+ }
197
+ &.message-after {
198
+ transform: translate(20px, 0);
199
+ }
200
+ &.show-message {
201
+ transform: translate(0, 0);
202
+ opacity: 1;
203
+ user-select: text;
204
+ z-index: 2;
205
+ }
206
+ }
207
+
208
+ .placeholder-message {
209
+ user-select: none;
210
+ display: none;
211
+ opacity: 0;
212
+ &.show-message {
213
+ display: block;
214
+ }
215
+ }
216
+ }
217
+
218
+ .waiter-tips-container {
219
+ position: relative;
220
+ margin-top: auto;
221
+ width: 100%;
222
+ .waiter-tips-block {
223
+ position: absolute;
224
+ bottom: 0;
225
+ left: 0;
226
+ width: 100%;
227
+ opacity: 0;
228
+ pointer-events: none;
229
+ z-index: 1;
230
+ transform: translate(-20px, 0);
231
+ transition: all ease 0.4s;
232
+ &.show-tips {
233
+ opacity: 1;
234
+ pointer-events: auto;
235
+ z-index: 2;
236
+ transform: translate(0, 0);
237
+ }
238
+ }
239
+ }
240
+ `;
@@ -1,23 +1,7 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = LoadAsyncComponent;
7
- var React = _interopRequireWildcard(require("react"));
8
- var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- 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); }
12
- 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; }
13
- 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; }
14
- 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; }
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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
17
- 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); }
18
- function LoadAsyncComponent(importComponent) {
19
- let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
20
- let showProgress = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
1
+ import * as React from 'react';
2
+ import CircularProgress from '@mui/material/CircularProgress';
3
+ import { jsx as _jsx } from "react/jsx-runtime";
4
+ export default function LoadAsyncComponent(importComponent, key = 'default', showProgress = true) {
21
5
  class AsyncComponent extends React.Component {
22
6
  constructor(props) {
23
7
  super(props);
@@ -30,7 +14,7 @@ function LoadAsyncComponent(importComponent) {
30
14
  importComponent().then(asyncModule => this.setState({
31
15
  Component: asyncModule[key]
32
16
  })).catch(err => this.setState({
33
- error: "Failed to load async component: ".concat(err.message)
17
+ error: `Failed to load async component: ${err.message}`
34
18
  }));
35
19
  }
36
20
  render() {
@@ -43,7 +27,9 @@ function LoadAsyncComponent(importComponent) {
43
27
  }
44
28
 
45
29
  // eslint-disable-next-line no-nested-ternary
46
- return Component ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, this.props)) : showProgress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
30
+ return Component ? /*#__PURE__*/_jsx(Component, {
31
+ ...this.props
32
+ }) : showProgress ? /*#__PURE__*/_jsx(CircularProgress, {
47
33
  color: "primary"
48
34
  }) : null;
49
35
  }
@@ -1,35 +1,19 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = require("react");
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _didMotif = require("@arcblock/did-motif");
10
- var _material = require("@mui/material");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- const _excluded = ["did", "size", "animation", "shape", "responsive"];
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- 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; }
15
- 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; }
16
- 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; }
17
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
18
- 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); }
19
- 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; }
20
- 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; }
21
- function DIDMotif(_ref) {
22
- let {
23
- did,
24
- size,
25
- animation,
26
- shape,
27
- responsive
28
- } = _ref,
29
- rest = _objectWithoutProperties(_ref, _excluded);
30
- const svgRef = (0, _react.useRef)(null);
31
- (0, _react.useLayoutEffect)(() => {
32
- (0, _didMotif.update)(svgRef.current, did, {
1
+ import { useRef, useLayoutEffect } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import { update } from '@arcblock/did-motif';
4
+ import { Box } from '@mui/material';
5
+ import { jsx as _jsx } from "react/jsx-runtime";
6
+ function DIDMotif({
7
+ did,
8
+ size,
9
+ animation,
10
+ shape,
11
+ responsive,
12
+ ...rest
13
+ }) {
14
+ const svgRef = useRef(null);
15
+ useLayoutEffect(() => {
16
+ update(svgRef.current, did, {
33
17
  size,
34
18
  animation,
35
19
  shape
@@ -38,40 +22,42 @@ function DIDMotif(_ref) {
38
22
  }, [did, size, shape]);
39
23
  if (responsive) {
40
24
  // fix avatar 显示问题 (safari 下父容器为 flex 时 inline svg 显示不出来, 需要明确指定 width)
41
- const styles = _objectSpread(_objectSpread({}, rest.style), {}, {
25
+ const styles = {
26
+ ...rest.style,
42
27
  width: '100%'
43
- });
44
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, _objectSpread(_objectSpread({
28
+ };
29
+ return /*#__PURE__*/_jsx(Box, {
45
30
  component: "svg",
46
- ref: svgRef
47
- }, rest), {}, {
31
+ ref: svgRef,
32
+ ...rest,
48
33
  style: styles
49
- }));
34
+ });
50
35
  }
51
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, _objectSpread(_objectSpread({
52
- component: "span"
53
- }, rest), {}, {
54
- style: _objectSpread({
36
+ return /*#__PURE__*/_jsx(Box, {
37
+ component: "span",
38
+ ...rest,
39
+ style: {
55
40
  display: 'inline-block',
56
41
  width: size,
57
- height: size
58
- }, rest.style),
59
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
42
+ height: size,
43
+ ...rest.style
44
+ },
45
+ children: /*#__PURE__*/_jsx(Box, {
60
46
  component: "svg",
61
47
  ref: svgRef,
62
48
  style: {
63
49
  width: '100%'
64
50
  }
65
51
  })
66
- }));
52
+ });
67
53
  }
68
54
  DIDMotif.propTypes = {
69
- did: _propTypes.default.string.isRequired,
70
- size: _propTypes.default.number,
71
- animation: _propTypes.default.bool,
55
+ did: PropTypes.string.isRequired,
56
+ size: PropTypes.number,
57
+ animation: PropTypes.bool,
72
58
  // 直接返回 svg 元素, svg 尺寸由父窗口决定 (撑满父窗口)
73
- responsive: _propTypes.default.bool,
74
- shape: _propTypes.default.number
59
+ responsive: PropTypes.bool,
60
+ shape: PropTypes.number
75
61
  };
76
62
  DIDMotif.defaultProps = {
77
63
  size: 200,
@@ -79,4 +65,4 @@ DIDMotif.defaultProps = {
79
65
  responsive: false,
80
66
  shape: null
81
67
  };
82
- var _default = exports.default = DIDMotif;
68
+ export default DIDMotif;
@@ -1,9 +1,3 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
1
  /* eslint-disable prefer-destructuring */
8
2
  /* eslint-disable no-bitwise */
9
3
  // copy from https://etherscan.io/jss/blockies.js
@@ -26,9 +20,9 @@ function rand() {
26
20
  }
27
21
  function createColor() {
28
22
  const h = Math.floor(rand() * 360);
29
- const s = "".concat(rand() * 60 + 40, "%");
30
- const l = "".concat((rand() + rand() + rand() + rand()) * 25, "%");
31
- const color = "hsl(".concat(h, ",").concat(s, ",").concat(l, ")");
23
+ const s = `${rand() * 60 + 40}%`;
24
+ const l = `${(rand() + rand() + rand() + rand()) * 25}%`;
25
+ const color = `hsl(${h},${s},${l})`;
32
26
  return color;
33
27
  }
34
28
  function createImageData(size) {
@@ -84,6 +78,6 @@ function createIcon(opts) {
84
78
  const canvas = createCanvas(imageData, color, scale, bgcolor, spotcolor);
85
79
  return canvas;
86
80
  }
87
- var _default = exports.default = {
81
+ export default {
88
82
  createIcon
89
83
  };