@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,22 +1,15 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = AvatarWithErrorBoundary;
7
- var _react = require("react");
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _reactErrorBoundary = require("react-error-boundary");
10
- var _didMotif = require("@arcblock/did-motif");
11
- var _Box = _interopRequireDefault(require("@mui/material/Box"));
12
- var _Img = _interopRequireDefault(require("../Img"));
13
- var _Util = require("../Util");
14
- var _didMotif2 = _interopRequireDefault(require("./did-motif"));
15
- var _etherscanBlockies = _interopRequireDefault(require("./etherscan-blockies"));
16
- var _constant = require("../Util/constant");
17
- var _jsxRuntime = require("react/jsx-runtime");
18
- const _excluded = ["did", "size", "src", "variant", "animation", "shape", "blockiesPadding", "responsive"];
19
1
  /* eslint-disable react/no-unused-prop-types */
2
+ import { useState, useMemo } from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import { ErrorBoundary } from 'react-error-boundary';
5
+ import { Shape } from '@arcblock/did-motif';
6
+ import Box from '@mui/material/Box';
7
+ import Img from '../Img';
8
+ import { mergeProps, isEthereumDid } from '../Util';
9
+ import DIDMotif from './did-motif';
10
+ import blockies from './etherscan-blockies';
11
+ import { DID_PREFIX } from '../Util/constant';
12
+
20
13
  /**
21
14
  * Avatar component
22
15
  * @typedef {{
@@ -29,40 +22,34 @@ const _excluded = ["did", "size", "src", "variant", "animation", "shape", "block
29
22
  * responsive?: boolean;
30
23
  * }} AvatarProps
31
24
  */
25
+
32
26
  /**
33
27
  * Avatar component
34
28
  * @see 参考: https://github.com/blocklet/block-explorer/issues/478#issuecomment-1038954976
35
29
  * @param {AvatarProps} props
36
30
  * @returns {JSX.Element}
37
31
  */
38
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
39
- 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; }
40
- 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; }
41
- 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; }
42
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
43
- 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); }
44
- 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; }
45
- 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; }
32
+ import { jsx as _jsx } from "react/jsx-runtime";
46
33
  function Avatar(props) {
47
- const [imgError, setImgError] = (0, _react.useState)(false);
48
- const newProps = (0, _Util.mergeProps)(props, Avatar, []);
34
+ const [imgError, setImgError] = useState(false);
35
+ const newProps = mergeProps(props, Avatar, []);
49
36
  const {
50
- did = '',
51
- size,
52
- src,
53
- variant,
54
- animation,
55
- shape,
56
- blockiesPadding,
57
- responsive
58
- } = newProps,
59
- rest = _objectWithoutProperties(newProps, _excluded);
37
+ did = '',
38
+ size,
39
+ src,
40
+ variant,
41
+ animation,
42
+ shape,
43
+ blockiesPadding,
44
+ responsive,
45
+ ...rest
46
+ } = newProps;
60
47
 
61
48
  // ethereum blockies
62
- const blockyIcon = (0, _react.useMemo)(() => {
63
- if ((0, _Util.isEthereumDid)(did)) {
64
- return _etherscanBlockies.default.createIcon({
65
- seed: did.replace(_constant.DID_PREFIX, '').toLowerCase(),
49
+ const blockyIcon = useMemo(() => {
50
+ if (isEthereumDid(did)) {
51
+ return blockies.createIcon({
52
+ seed: did.replace(DID_PREFIX, '').toLowerCase(),
66
53
  size: 8,
67
54
  scale: 16
68
55
  }).toDataURL();
@@ -72,15 +59,15 @@ function Avatar(props) {
72
59
 
73
60
  // 如果显式传入 src 则直接使用 src
74
61
  if (src && !imgError) {
75
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, _objectSpread(_objectSpread({
62
+ return /*#__PURE__*/_jsx(Img, {
76
63
  width: size,
77
64
  src: src,
78
65
  alt: did,
79
- onError: () => setImgError(true)
80
- }, rest), {}, {
66
+ onError: () => setImgError(true),
67
+ ...rest,
81
68
  // HACK: 这个 className 是传递给子元素的,所以下面的 sx 需要通过子元素选择器来写样式
82
- className: "avatar-img--".concat(variant, " ").concat((rest === null || rest === void 0 ? void 0 : rest.className) || ''),
83
- sx: _objectSpread({
69
+ className: `avatar-img--${variant} ${rest?.className || ''}`,
70
+ sx: {
84
71
  '& .avatar-img--rounded': {
85
72
  borderRadius: '4px',
86
73
  overflow: 'hidden'
@@ -88,17 +75,19 @@ function Avatar(props) {
88
75
  '& .avatar-img--circle': {
89
76
  borderRadius: '100%',
90
77
  overflow: 'hidden'
91
- }
92
- }, rest.sx)
93
- }));
78
+ },
79
+ ...rest.sx
80
+ }
81
+ });
94
82
  }
95
83
  // 对于 eth address, 渲染成 blocky icon, 形状与 account role type 的 did motif 相似都为矩形, 高宽比为 0.7
96
84
  if (blockyIcon) {
97
85
  if (blockiesPadding) {
98
86
  // blocky icon 要与灰色卡片矩形留有空间
99
87
  const padding = size > 24 ? 4 : 2;
100
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, _objectSpread(_objectSpread({}, rest), {}, {
101
- sx: _objectSpread({
88
+ return /*#__PURE__*/_jsx(Box, {
89
+ ...rest,
90
+ sx: {
102
91
  display: 'flex',
103
92
  alignItems: 'center',
104
93
  width: size,
@@ -110,51 +99,54 @@ function Avatar(props) {
110
99
  alignItems: 'center',
111
100
  width: size,
112
101
  height: size * 0.7,
113
- borderRadius: "".concat(Math.min(10, Math.floor(0.1 * size + 2)), "px"),
102
+ borderRadius: `${Math.min(10, Math.floor(0.1 * size + 2))}px`,
114
103
  background: '#ddd'
115
- }
116
- }, rest.sx),
117
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
104
+ },
105
+ ...rest.sx
106
+ },
107
+ children: /*#__PURE__*/_jsx("div", {
118
108
  className: "blocky-icon-inner",
119
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, {
109
+ children: /*#__PURE__*/_jsx(Img, {
120
110
  width: size * 0.7 - padding * 2,
121
111
  src: blockyIcon,
122
112
  alt: did
123
113
  })
124
114
  })
125
- }));
115
+ });
126
116
  }
127
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, _objectSpread(_objectSpread({}, rest), {}, {
117
+ return /*#__PURE__*/_jsx(Img, {
118
+ ...rest,
128
119
  width: size,
129
120
  src: blockyIcon,
130
121
  alt: did,
131
122
  style: {
132
123
  marginRight: 4
133
124
  }
134
- }));
125
+ });
135
126
  }
136
127
  if (did) {
137
128
  // 渲染 did motif
138
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_didMotif2.default, _objectSpread({
139
- did: did.replace(_constant.DID_PREFIX, ''),
129
+ return /*#__PURE__*/_jsx(DIDMotif, {
130
+ did: did.replace(DID_PREFIX, ''),
140
131
  size: size,
141
132
  animation: animation,
142
- shape: _didMotif.Shape[(shape || '').toUpperCase()],
143
- responsive: responsive
144
- }, rest));
133
+ shape: Shape[(shape || '').toUpperCase()],
134
+ responsive: responsive,
135
+ ...rest
136
+ });
145
137
  }
146
- throw new Error("Invalid DID: ".concat(did));
138
+ throw new Error(`Invalid DID: ${did}`);
147
139
  }
148
140
  Avatar.propTypes = {
149
- did: _propTypes.default.string.isRequired,
150
- size: _propTypes.default.number,
151
- variant: _propTypes.default.oneOf(['circle', 'rounded', 'default']),
141
+ did: PropTypes.string.isRequired,
142
+ size: PropTypes.number,
143
+ variant: PropTypes.oneOf(['circle', 'rounded', 'default']),
152
144
  // animation 仅对 did motif 有效
153
- animation: _propTypes.default.bool,
145
+ animation: PropTypes.bool,
154
146
  // shape 仅对 did motif 有效, 明确指定 motif shape, 而非由 did role type 自动推断 shape
155
- shape: _propTypes.default.oneOf(['', 'rectangle', 'square', 'hexagon', 'circle']),
156
- blockiesPadding: _propTypes.default.bool,
157
- responsive: _propTypes.default.bool
147
+ shape: PropTypes.oneOf(['', 'rectangle', 'square', 'hexagon', 'circle']),
148
+ blockiesPadding: PropTypes.bool,
149
+ responsive: PropTypes.bool
158
150
  };
159
151
  Avatar.defaultProps = {
160
152
  size: 36,
@@ -164,22 +156,24 @@ Avatar.defaultProps = {
164
156
  shape: '',
165
157
  responsive: false
166
158
  };
167
- function AvatarWithErrorBoundary(props) {
159
+ export default function AvatarWithErrorBoundary(props) {
168
160
  const size = props.size || 36;
169
161
  const borderRadius = {
170
162
  rounded: '4px',
171
163
  circle: '100%'
172
164
  }[props.variant] || 0;
173
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary
165
+ return /*#__PURE__*/_jsx(ErrorBoundary
174
166
  // eslint-disable-next-line react/no-unstable-nested-components
175
167
  , {
176
- fallbackRender: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
168
+ fallbackRender: () => /*#__PURE__*/_jsx(Box, {
177
169
  width: size,
178
170
  height: size,
179
171
  bgcolor: "grey.300",
180
172
  borderRadius: borderRadius
181
173
  }),
182
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Avatar, _objectSpread({}, props))
174
+ children: /*#__PURE__*/_jsx(Avatar, {
175
+ ...props
176
+ })
183
177
  });
184
178
  }
185
179
  AvatarWithErrorBoundary.propTypes = Avatar.propTypes;
@@ -1,48 +1,31 @@
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 _Typography = _interopRequireDefault(require("@mui/material/Typography"));
10
- var _Colors = _interopRequireDefault(require("../Colors"));
11
- var _Util = require("../Util");
12
- var _deprecate = require("../Util/deprecate");
13
- var _Theme = require("../Theme");
14
- var _jsxRuntime = require("react/jsx-runtime");
15
- var _templateObject;
16
- const _excluded = ["type", "content", "children", "style", "className", "forwardedRef"];
17
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
19
- 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; }
20
- 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; }
21
- 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; }
22
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
23
- 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); }
24
- 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; }
25
- 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; }
1
+ import { forwardRef } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import Typography from '@mui/material/Typography';
4
+ import colors from '../Colors';
5
+ import { mergeProps } from '../Util';
6
+ import { withDeprecated } from '../Util/deprecate';
7
+ import { styled } from '../Theme';
8
+ import { jsx as _jsx } from "react/jsx-runtime";
26
9
  const types = {
27
10
  error: {
28
- color: _Colors.default.common.white,
29
- backgroundColor: _Colors.default.error.main
11
+ color: colors.common.white,
12
+ backgroundColor: colors.error.main
30
13
  },
31
14
  warning: {
32
- color: _Colors.default.common.white,
33
- backgroundColor: _Colors.default.warning.main
15
+ color: colors.common.white,
16
+ backgroundColor: colors.warning.main
34
17
  },
35
18
  success: {
36
- color: _Colors.default.common.white,
37
- backgroundColor: _Colors.default.success.main
19
+ color: colors.common.white,
20
+ backgroundColor: colors.success.main
38
21
  },
39
22
  primary: {
40
- color: _Colors.default.common.white,
41
- backgroundColor: _Colors.default.primary.main
23
+ color: colors.common.white,
24
+ backgroundColor: colors.primary.main
42
25
  },
43
26
  reverse: {
44
- color: _Colors.default.common.white,
45
- backgroundColor: _Colors.default.grey[900]
27
+ color: colors.common.white,
28
+ backgroundColor: colors.grey[900]
46
29
  }
47
30
  };
48
31
 
@@ -63,32 +46,32 @@ const types = {
63
46
  * @returns {JSX.Element}
64
47
  */
65
48
  function Badge(props) {
66
- const newProps = (0, _Util.mergeProps)(props, Badge, ['style']);
49
+ const newProps = mergeProps(props, Badge, ['style']);
67
50
  const {
68
- type,
69
- content,
70
- children,
71
- style,
72
- className,
73
- forwardedRef
74
- } = newProps,
75
- rest = _objectWithoutProperties(newProps, _excluded);
51
+ type,
52
+ content,
53
+ children,
54
+ style,
55
+ className,
56
+ forwardedRef,
57
+ ...rest
58
+ } = newProps;
76
59
  const styles = Object.assign(types[type] || types.primary, style);
77
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Span, _objectSpread(_objectSpread({
60
+ return /*#__PURE__*/_jsx(Span, {
78
61
  ref: forwardedRef,
79
62
  component: "span",
80
63
  className: className,
81
- style: styles
82
- }, rest), {}, {
64
+ style: styles,
65
+ ...rest,
83
66
  children: content || children
84
- }));
67
+ });
85
68
  }
86
69
  Badge.propTypes = {
87
- children: _propTypes.default.any.isRequired,
88
- content: _propTypes.default.string,
89
- type: _propTypes.default.oneOf(Object.keys(types)),
90
- className: _propTypes.default.string,
91
- style: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string])
70
+ children: PropTypes.any.isRequired,
71
+ content: PropTypes.string,
72
+ type: PropTypes.oneOf(Object.keys(types)),
73
+ className: PropTypes.string,
74
+ style: PropTypes.oneOfType([PropTypes.object, PropTypes.string])
92
75
  };
93
76
  Badge.defaultProps = {
94
77
  type: 'primary',
@@ -96,10 +79,20 @@ Badge.defaultProps = {
96
79
  className: '',
97
80
  style: '{}'
98
81
  };
99
- var _default = exports.default = (0, _deprecate.withDeprecated)( /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, _objectSpread(_objectSpread({}, props), {}, {
82
+ export default withDeprecated( /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(Badge, {
83
+ ...props,
100
84
  forwardedRef: ref
101
- }))), {
85
+ })), {
102
86
  name: 'Badge',
103
87
  alternative: '@arcblock/ux/lib/Tag'
104
88
  });
105
- const Span = (0, _Theme.styled)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n && {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 10px;\n height: 24px;\n line-height: 24px;\n }\n"])));
89
+ const Span = styled(Typography)`
90
+ && {
91
+ display: inline-flex;
92
+ justify-content: center;
93
+ align-items: center;
94
+ padding: 2px 10px;
95
+ height: 24px;
96
+ line-height: 24px;
97
+ }
98
+ `;