@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,40 +1,25 @@
1
- "use strict";
1
+ import { useRef } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import Portal from '@mui/material/Portal';
4
+ import Typography from '@mui/material/Typography';
5
+ import CircularProgress from '@mui/material/CircularProgress';
6
+ import useMediaQuery from '@mui/material/useMediaQuery';
7
+ import Avatar from '../Avatar';
8
+ import Icon from '../Icon';
9
+ import Button from '../Button';
10
+ import Img from '../Img';
11
+ import { useTheme, styled } from '../Theme';
2
12
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = BlockletNFT;
7
- var _react = require("react");
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _Portal = _interopRequireDefault(require("@mui/material/Portal"));
10
- var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
11
- var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
12
- var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
13
- var _Avatar = _interopRequireDefault(require("../Avatar"));
14
- var _Icon = _interopRequireDefault(require("../Icon"));
15
- var _Button = _interopRequireDefault(require("../Button"));
16
- var _Img = _interopRequireDefault(require("../Img"));
17
- var _Theme = require("../Theme");
18
- var _jsxRuntime = require("react/jsx-runtime");
19
- const _excluded = ["title", "did", "description", "cover", "size", "addons", "button", "buttonText", "buttonDisabled", "buttonLoading", "isStickyButton", "onButtonClick", "onMainClick", "onTagClick", "className", "scaleClickZone"];
20
- var _templateObject;
21
13
  /**
22
14
  * 美化数字 1000-->1k
23
15
  * @param {*} _size
24
16
  * @param {*} digits
25
17
  * @returns
26
18
  */
27
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
28
- 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; }
29
- 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; }
30
- 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; }
31
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
32
- 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); }
33
- 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; }
34
- 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; }
35
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
36
- function prettySize(_size) {
37
- let digits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
19
+ import { jsx as _jsx } from "react/jsx-runtime";
20
+ import { jsxs as _jsxs } from "react/jsx-runtime";
21
+ import { Fragment as _Fragment } from "react/jsx-runtime";
22
+ function prettySize(_size, digits = 1) {
38
23
  let size = _size;
39
24
  const list = ['', 'k', 'm', 'b'];
40
25
  let index = 0;
@@ -42,14 +27,175 @@ function prettySize(_size) {
42
27
  size = (size / 1000).toFixed(digits);
43
28
  index += 1;
44
29
  }
45
- return _size && "".concat(size).concat(list[index]);
30
+ return _size && `${size}${list[index]}`;
46
31
  }
47
- const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &.arcblock-blocklet {\n padding: 0 16px;\n background: ", ";\n overflow: hidden;\n box-shadow: 0px 0px 8px #f0f0f0;\n &:hover {\n box-shadow: 0px 2px 12px #f0f0f0;\n }\n }\n .arcblock-blocklet__content {\n padding: 16px 0 0 0;\n }\n .arcblock-blocklet__content--main {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n .arcblock-blocklet__content--body {\n overflow: hidden;\n flex: 1;\n display: flex;\n align-items: flex-start;\n }\n .arcblock-blocklet__addons {\n padding: 16px 0;\n }\n .arcblock-blocklet__cover {\n width: 80px;\n height: 80px;\n margin-right: 12px;\n overflow: hidden;\n border-radius: 12px;\n /* see: https://stackoverflow.com/questions/49066011/overflow-hidden-with-border-radius-not-working-on-safari */\n transform: translateZ(0);\n }\n .arcblock-blocklet__button--hover {\n &:not(.Mui-disabled) {\n position: relative;\n z-index: 1;\n &::before {\n content: '';\n position: absolute;\n height: 100%;\n width: 100%;\n left: 0;\n top: 0;\n transition: opacity 0.3s;\n }\n &:hover::before {\n opacity: 0;\n }\n &::after {\n content: '';\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n background-color: ", ";\n transform: scale(0.1);\n opacity: 0;\n z-index: -1;\n transition: transform 0.3s, opacity 0.3s, background-color 0.3s;\n }\n &:hover::after {\n opacity: 1;\n transform-origin: center;\n transform: scale(1);\n }\n }\n\n &:not(.Mui-disabled) {\n background-color: transparent !important;\n color: ", ";\n }\n &:not(.Mui-disabled) {\n &:hover {\n color: ", ";\n }\n }\n }\n .arcblock-blocklet__info {\n flex: 1;\n overflow: hidden;\n .arcblock-blocklet__button {\n margin-top: 16px;\n display: inline-block;\n }\n }\n .arcblock-blocklet__title {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .arcblock-blocklet__describe {\n margin: 0 0 2px 0;\n color: #999;\n font-size: 14px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .arcblock-blocklet__addons {\n display: flex;\n justify-content: space-between;\n color: #999;\n font-size: 14px;\n position: relative;\n }\n .arcblock-blocklet__addons--item {\n white-space: nowrap;\n }\n &.arcblock-blocklet--size-md {\n &:hover {\n position: relative;\n }\n .arcblock-blocklet__title {\n height: 2.3em;\n margin-bottom: 3px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-overflow: initial;\n white-space: initial;\n word-break: break-all;\n }\n .arcblock-blocklet__describe {\n white-space: normal;\n height: 2.86em;\n }\n .arcblock-blocklet__button {\n margin-top: 5px;\n }\n }\n &.arcblock-blocklet--size-sm,\n &.arcblock-blocklet--size-xs {\n .arcblock-blocklet__cover {\n width: 40px;\n height: 40px;\n border-radius: 6px;\n }\n .arcblock-blocklet__content {\n padding: 16px 0;\n }\n .arcblock-blocklet__addons {\n padding: 8px 0;\n .arcblock-blocklet__addons--item {\n font-size: 12px;\n }\n }\n }\n &.arcblock-blocklet--size-xs {\n .arcblock-blocklet__addons {\n display: none !important;\n }\n }\n"])), props => props.theme.palette.common.white, props => props.theme.palette.primary.main, props => props.theme.palette.primary.main, props => props.theme.palette.common.white);
48
- function BlockletIcon(_ref) {
49
- let {
50
- name
51
- } = _ref;
52
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
32
+ const Div = styled('div')`
33
+ &.arcblock-blocklet {
34
+ padding: 0 16px;
35
+ background: ${props => props.theme.palette.common.white};
36
+ overflow: hidden;
37
+ box-shadow: 0px 0px 8px #f0f0f0;
38
+ &:hover {
39
+ box-shadow: 0px 2px 12px #f0f0f0;
40
+ }
41
+ }
42
+ .arcblock-blocklet__content {
43
+ padding: 16px 0 0 0;
44
+ }
45
+ .arcblock-blocklet__content--main {
46
+ display: flex;
47
+ align-items: center;
48
+ cursor: pointer;
49
+ }
50
+ .arcblock-blocklet__content--body {
51
+ overflow: hidden;
52
+ flex: 1;
53
+ display: flex;
54
+ align-items: flex-start;
55
+ }
56
+ .arcblock-blocklet__addons {
57
+ padding: 16px 0;
58
+ }
59
+ .arcblock-blocklet__cover {
60
+ width: 80px;
61
+ height: 80px;
62
+ margin-right: 12px;
63
+ overflow: hidden;
64
+ border-radius: 12px;
65
+ /* see: https://stackoverflow.com/questions/49066011/overflow-hidden-with-border-radius-not-working-on-safari */
66
+ transform: translateZ(0);
67
+ }
68
+ .arcblock-blocklet__button--hover {
69
+ &:not(.Mui-disabled) {
70
+ position: relative;
71
+ z-index: 1;
72
+ &::before {
73
+ content: '';
74
+ position: absolute;
75
+ height: 100%;
76
+ width: 100%;
77
+ left: 0;
78
+ top: 0;
79
+ transition: opacity 0.3s;
80
+ }
81
+ &:hover::before {
82
+ opacity: 0;
83
+ }
84
+ &::after {
85
+ content: '';
86
+ position: absolute;
87
+ height: 100%;
88
+ width: 100%;
89
+ top: 0;
90
+ left: 0;
91
+ background-color: ${props => props.theme.palette.primary.main};
92
+ transform: scale(0.1);
93
+ opacity: 0;
94
+ z-index: -1;
95
+ transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
96
+ }
97
+ &:hover::after {
98
+ opacity: 1;
99
+ transform-origin: center;
100
+ transform: scale(1);
101
+ }
102
+ }
103
+
104
+ &:not(.Mui-disabled) {
105
+ background-color: transparent !important;
106
+ color: ${props => props.theme.palette.primary.main};
107
+ }
108
+ &:not(.Mui-disabled) {
109
+ &:hover {
110
+ color: ${props => props.theme.palette.common.white};
111
+ }
112
+ }
113
+ }
114
+ .arcblock-blocklet__info {
115
+ flex: 1;
116
+ overflow: hidden;
117
+ .arcblock-blocklet__button {
118
+ margin-top: 16px;
119
+ display: inline-block;
120
+ }
121
+ }
122
+ .arcblock-blocklet__title {
123
+ margin: 0;
124
+ font-size: 18px;
125
+ font-weight: 600;
126
+ overflow: hidden;
127
+ text-overflow: ellipsis;
128
+ white-space: nowrap;
129
+ }
130
+ .arcblock-blocklet__describe {
131
+ margin: 0 0 2px 0;
132
+ color: #999;
133
+ font-size: 14px;
134
+ overflow: hidden;
135
+ text-overflow: ellipsis;
136
+ white-space: nowrap;
137
+ }
138
+
139
+ .arcblock-blocklet__addons {
140
+ display: flex;
141
+ justify-content: space-between;
142
+ color: #999;
143
+ font-size: 14px;
144
+ position: relative;
145
+ }
146
+ .arcblock-blocklet__addons--item {
147
+ white-space: nowrap;
148
+ }
149
+ &.arcblock-blocklet--size-md {
150
+ &:hover {
151
+ position: relative;
152
+ }
153
+ .arcblock-blocklet__title {
154
+ height: 2.3em;
155
+ margin-bottom: 3px;
156
+ display: -webkit-box;
157
+ -webkit-box-orient: vertical;
158
+ -webkit-line-clamp: 2;
159
+ overflow: hidden;
160
+ text-overflow: initial;
161
+ white-space: initial;
162
+ word-break: break-all;
163
+ }
164
+ .arcblock-blocklet__describe {
165
+ white-space: normal;
166
+ height: 2.86em;
167
+ }
168
+ .arcblock-blocklet__button {
169
+ margin-top: 5px;
170
+ }
171
+ }
172
+ &.arcblock-blocklet--size-sm,
173
+ &.arcblock-blocklet--size-xs {
174
+ .arcblock-blocklet__cover {
175
+ width: 40px;
176
+ height: 40px;
177
+ border-radius: 6px;
178
+ }
179
+ .arcblock-blocklet__content {
180
+ padding: 16px 0;
181
+ }
182
+ .arcblock-blocklet__addons {
183
+ padding: 8px 0;
184
+ .arcblock-blocklet__addons--item {
185
+ font-size: 12px;
186
+ }
187
+ }
188
+ }
189
+ &.arcblock-blocklet--size-xs {
190
+ .arcblock-blocklet__addons {
191
+ display: none !important;
192
+ }
193
+ }
194
+ `;
195
+ function BlockletIcon({
196
+ name
197
+ }) {
198
+ return /*#__PURE__*/_jsx(Icon, {
53
199
  name: name,
54
200
  color: "inherit",
55
201
  size: 15,
@@ -59,7 +205,7 @@ function BlockletIcon(_ref) {
59
205
  });
60
206
  }
61
207
  BlockletIcon.propTypes = {
62
- name: _propTypes.default.string.isRequired
208
+ name: PropTypes.string.isRequired
63
209
  };
64
210
 
65
211
  /**
@@ -89,41 +235,34 @@ BlockletIcon.propTypes = {
89
235
  * @param {BlockletNFTProps} props
90
236
  * @returns {JSX.Element}
91
237
  */
92
- function BlockletNFT(_ref2) {
93
- let {
94
- title,
95
- did,
96
- description,
97
- cover,
98
- size,
99
- addons,
100
- button,
101
- buttonText,
102
- buttonDisabled,
103
- buttonLoading,
104
- isStickyButton,
105
- onButtonClick,
106
- onMainClick,
107
- onTagClick,
108
- className,
109
- scaleClickZone
110
- } = _ref2,
111
- rest = _objectWithoutProperties(_ref2, _excluded);
112
- const wrapHandler = function wrapHandler(handler) {
113
- let stopFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => false;
114
- return function (e) {
115
- if (stopFn()) {
116
- e.preventDefault();
117
- e.stopPropagation();
118
- } else if (handler instanceof Function) {
119
- e.preventDefault();
120
- e.stopPropagation();
121
- for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
122
- args[_key - 1] = arguments[_key];
123
- }
124
- handler(...args);
125
- }
126
- };
238
+ export default function BlockletNFT({
239
+ title,
240
+ did,
241
+ description,
242
+ cover,
243
+ size,
244
+ addons,
245
+ button,
246
+ buttonText,
247
+ buttonDisabled,
248
+ buttonLoading,
249
+ isStickyButton,
250
+ onButtonClick,
251
+ onMainClick,
252
+ onTagClick,
253
+ className,
254
+ scaleClickZone,
255
+ ...rest
256
+ }) {
257
+ const wrapHandler = (handler, stopFn = () => false) => (e, ...args) => {
258
+ if (stopFn()) {
259
+ e.preventDefault();
260
+ e.stopPropagation();
261
+ } else if (handler instanceof Function) {
262
+ e.preventDefault();
263
+ e.stopPropagation();
264
+ handler(...args);
265
+ }
127
266
  };
128
267
  const _onButtonClick = wrapHandler(onButtonClick, () => {
129
268
  // stop click while custom button or buttonDisabled or buttondLoading
@@ -133,63 +272,64 @@ function BlockletNFT(_ref2) {
133
272
  return false;
134
273
  });
135
274
  const _onMainClick = wrapHandler(onMainClick);
136
- const theme = (0, _Theme.useTheme)();
137
- const isDownSm = (0, _useMediaQuery.default)(theme.breakpoints.down('md'));
138
- const isDownMd = (0, _useMediaQuery.default)(theme.breakpoints.down('lg'));
139
- const isUpLg = (0, _useMediaQuery.default)(theme.breakpoints.up('lg'));
275
+ const theme = useTheme();
276
+ const isDownSm = useMediaQuery(theme.breakpoints.down('md'));
277
+ const isDownMd = useMediaQuery(theme.breakpoints.down('lg'));
278
+ const isUpLg = useMediaQuery(theme.breakpoints.up('lg'));
140
279
 
141
280
  // If size is auto, need calculate actual size according to screen size
142
281
  // eslint-disable-next-line no-nested-ternary
143
282
  const actualSize = size === 'auto' ? isDownSm ? 'xs' : isDownMd ? 'sm' : 'md' : size;
144
283
  // eslint-disable-next-line no-nested-ternary
145
284
  const didAvatarSize = size === 'auto' ? isUpLg ? 80 : 40 : size === 'md' ? 80 : 40;
146
- const container = (0, _react.useRef)(null);
147
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({}, rest), {}, {
285
+ const container = useRef(null);
286
+ return /*#__PURE__*/_jsxs(Div, {
287
+ ...rest,
148
288
  scaleClickZone: scaleClickZone,
149
- className: "".concat(className, " arcblock-blocklet arcblock-blocklet--size-").concat(actualSize),
150
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
289
+ className: `${className} arcblock-blocklet arcblock-blocklet--size-${actualSize}`,
290
+ children: [/*#__PURE__*/_jsx("div", {
151
291
  className: "arcblock-blocklet__content",
152
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
292
+ children: /*#__PURE__*/_jsx("div", {
153
293
  className: "arcblock-blocklet__content--main",
154
294
  onClick: _onMainClick,
155
295
  ref: container,
156
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
296
+ children: /*#__PURE__*/_jsxs("div", {
157
297
  className: "arcblock-blocklet__content--body",
158
- children: [cover ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
298
+ children: [cover ? /*#__PURE__*/_jsx("div", {
159
299
  className: "arcblock-blocklet__cover",
160
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, {
300
+ children: /*#__PURE__*/_jsx(Img, {
161
301
  src: cover
162
302
  })
163
- }) : did && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
303
+ }) : did && /*#__PURE__*/_jsx("div", {
164
304
  className: "arcblock-blocklet__cover",
165
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
305
+ children: /*#__PURE__*/_jsx(Avatar, {
166
306
  did: did,
167
307
  size: didAvatarSize
168
308
  })
169
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
309
+ }), /*#__PURE__*/_jsxs("div", {
170
310
  className: "arcblock-blocklet__info",
171
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
311
+ children: [/*#__PURE__*/_jsx(Typography, {
172
312
  component: "h3",
173
313
  variant: "h3",
174
314
  className: "arcblock-blocklet__title",
175
315
  title: title,
176
316
  children: title
177
- }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
317
+ }), description && /*#__PURE__*/_jsx(Typography, {
178
318
  component: "div",
179
319
  variant: "body2",
180
320
  className: "arcblock-blocklet__describe",
181
321
  title: description,
182
322
  children: description
183
- }), ['md', 'sm', 'xs'].includes(actualSize) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Portal.default, {
323
+ }), ['md', 'sm', 'xs'].includes(actualSize) && /*#__PURE__*/_jsx(Portal, {
184
324
  container: container.current,
185
325
  disablePortal: actualSize === 'md',
186
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
326
+ children: /*#__PURE__*/_jsx("div", {
187
327
  className: "arcblock-blocklet__button",
188
328
  onClick: _onButtonClick,
189
329
  style: {
190
330
  display: isStickyButton ? 'block' : ''
191
331
  },
192
- children: button || onButtonClick && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
332
+ children: button || onButtonClick && /*#__PURE__*/_jsxs(Button, {
193
333
  className: "arcblock-blocklet__button--hover",
194
334
  variant: "outlined",
195
335
  color: "primary",
@@ -203,7 +343,7 @@ function BlockletNFT(_ref2) {
203
343
  minWidth: '54px',
204
344
  fontSize: '13px'
205
345
  },
206
- children: [buttonLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
346
+ children: [buttonLoading && /*#__PURE__*/_jsx(CircularProgress, {
207
347
  size: actualSize === 'md' ? 15 : 13,
208
348
  style: {
209
349
  marginRight: 3,
@@ -216,9 +356,9 @@ function BlockletNFT(_ref2) {
216
356
  })]
217
357
  })
218
358
  })
219
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
359
+ }), /*#__PURE__*/_jsx("div", {
220
360
  className: "arcblock-blocklet__addons",
221
- children: addons.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
361
+ children: addons.map((item, index) => /*#__PURE__*/_jsx(Typography, {
222
362
  component: "span",
223
363
  variant: "caption",
224
364
  className: "arcblock-blocklet__addons--item"
@@ -226,32 +366,32 @@ function BlockletNFT(_ref2) {
226
366
  ,
227
367
 
228
368
  title: item.title,
229
- children: item.empty ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
230
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BlockletIcon, {
369
+ children: item.empty ? null : /*#__PURE__*/_jsxs(_Fragment, {
370
+ children: [/*#__PURE__*/_jsx(BlockletIcon, {
231
371
  name: item.icon
232
372
  }), item.pretty ? prettySize(item.value) : item.value]
233
373
  })
234
374
  }, index))
235
375
  })]
236
- }));
376
+ });
237
377
  }
238
378
  BlockletNFT.propTypes = {
239
- title: _propTypes.default.string.isRequired,
240
- did: _propTypes.default.string,
241
- isStickyButton: _propTypes.default.bool,
242
- description: _propTypes.default.string,
243
- cover: _propTypes.default.string,
244
- buttonText: _propTypes.default.string,
245
- buttonDisabled: _propTypes.default.bool,
246
- buttonLoading: _propTypes.default.bool,
247
- button: _propTypes.default.element,
248
- addons: _propTypes.default.arrayOf(_propTypes.default.object),
249
- size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'auto']),
250
- onButtonClick: _propTypes.default.func,
251
- onMainClick: _propTypes.default.func,
252
- onTagClick: _propTypes.default.func,
253
- className: _propTypes.default.string,
254
- scaleClickZone: _propTypes.default.number
379
+ title: PropTypes.string.isRequired,
380
+ did: PropTypes.string,
381
+ isStickyButton: PropTypes.bool,
382
+ description: PropTypes.string,
383
+ cover: PropTypes.string,
384
+ buttonText: PropTypes.string,
385
+ buttonDisabled: PropTypes.bool,
386
+ buttonLoading: PropTypes.bool,
387
+ button: PropTypes.element,
388
+ addons: PropTypes.arrayOf(PropTypes.object),
389
+ size: PropTypes.oneOf(['xs', 'sm', 'md', 'auto']),
390
+ onButtonClick: PropTypes.func,
391
+ onMainClick: PropTypes.func,
392
+ onTagClick: PropTypes.func,
393
+ className: PropTypes.string,
394
+ scaleClickZone: PropTypes.number
255
395
  };
256
396
  BlockletNFT.defaultProps = {
257
397
  description: null,
@@ -1,14 +1,8 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _Button = _interopRequireDefault(require("@mui/material/Button"));
8
- var _wrap = _interopRequireDefault(require("./wrap"));
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
1
  // @ts-check
11
2
 
3
+ import Button from '@mui/material/Button';
4
+ import wrap from './wrap';
5
+
12
6
  /** @type {import('./wrap').ButtonComponent} */
13
- const ButtonComponent = (0, _wrap.default)(_Button.default);
14
- var _default = exports.default = ButtonComponent;
7
+ const ButtonComponent = wrap(Button);
8
+ export default ButtonComponent;
@@ -1,45 +1,31 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = _default;
7
- var _react = require("react");
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
10
- var _Colors = _interopRequireDefault(require("../Colors"));
11
- var _Util = require("../Util");
12
- var _jsxRuntime = require("react/jsx-runtime");
13
- const _excluded = ["children", "rounded", "loading", "disabled", "style", "forwardedRef", "color"];
14
1
  /* eslint-disable prefer-destructuring */
15
2
  /* eslint-disable func-names */
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
- 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; }
18
- 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; }
19
- 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; }
20
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
21
- 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); }
22
- 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; }
23
- 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; }
3
+ import { forwardRef } from 'react';
4
+ import PropTypes from 'prop-types';
5
+ import CircularProgress from '@mui/material/CircularProgress';
6
+ import colors from '../Colors';
7
+ import { mergeProps } from '../Util';
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { jsxs as _jsxs } from "react/jsx-runtime";
24
10
  const extendedColors = {
25
11
  did: {
26
12
  contained: {
27
- backgroundColor: _Colors.default.did.primary,
28
- color: _Colors.default.common.white
13
+ backgroundColor: colors.did.primary,
14
+ color: colors.common.white
29
15
  },
30
16
  outlined: {
31
- borderColor: _Colors.default.did.primary,
32
- color: _Colors.default.did.primary
17
+ borderColor: colors.did.primary,
18
+ color: colors.did.primary
33
19
  }
34
20
  },
35
21
  reverse: {
36
22
  contained: {
37
23
  backgroundColor: 'rgba(255, 255, 255, 0.9)',
38
- color: _Colors.default.grey[900]
24
+ color: colors.grey[900]
39
25
  },
40
26
  outlined: {
41
- borderColor: _Colors.default.grey[900],
42
- color: _Colors.default.grey[900]
27
+ borderColor: colors.grey[900],
28
+ color: colors.grey[900]
43
29
  }
44
30
  }
45
31
  };
@@ -63,7 +49,7 @@ const extendedColors = {
63
49
  * @param {import('@mui/material').ExtendButtonBase<import('@mui/material').ButtonTypeMap<{}, "button">>} BaseComponent
64
50
  * @return {ButtonComponent}
65
51
  */
66
- function _default(BaseComponent) {
52
+ export default function (BaseComponent) {
67
53
  /**
68
54
  *
69
55
  * @param {ButtonProps} props
@@ -73,17 +59,17 @@ function _default(BaseComponent) {
73
59
  /**
74
60
  * @type {ButtonProps}
75
61
  */
76
- const newProps = (0, _Util.mergeProps)(props, WrappedComponent, ['style']);
62
+ const newProps = mergeProps(props, WrappedComponent, ['style']);
77
63
  const {
78
- children,
79
- rounded,
80
- loading,
81
- disabled,
82
- style,
83
- forwardedRef,
84
- color
85
- } = newProps,
86
- rest = _objectWithoutProperties(newProps, _excluded);
64
+ children,
65
+ rounded,
66
+ loading,
67
+ disabled,
68
+ style,
69
+ forwardedRef,
70
+ color,
71
+ ...rest
72
+ } = newProps;
87
73
  const isDisabled = disabled || loading;
88
74
  let loadingSize = 16;
89
75
  switch (rest.size) {
@@ -104,40 +90,42 @@ function _default(BaseComponent) {
104
90
  /**
105
91
  * @type {import('react').CSSProperties}
106
92
  */
107
- const styles = Object.assign({}, style, _objectSpread({
93
+ const styles = Object.assign({}, style, {
108
94
  boxShadow: 'none',
109
- textTransform: 'capitalize'
110
- }, matched));
95
+ textTransform: 'capitalize',
96
+ ...matched
97
+ });
111
98
  let _rest = rest;
112
99
  if (!matched) {
113
100
  // mui button 本身支持的 color 交由 mui 处理
114
- _rest = _objectSpread(_objectSpread({}, _rest), {}, {
101
+ _rest = {
102
+ ..._rest,
115
103
  color
116
- });
104
+ };
117
105
  }
118
106
  if (rounded) {
119
107
  // styles.borderRadius = { small: 16, medium: 18, large: 20 }[rest.size];
120
108
  styles.borderRadius = '100vw';
121
109
  }
122
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BaseComponent, _objectSpread(_objectSpread({
110
+ return /*#__PURE__*/_jsxs(BaseComponent, {
123
111
  style: styles,
124
112
  ref: forwardedRef,
125
- disabled: isDisabled
126
- }, _rest), {}, {
127
- children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
113
+ disabled: isDisabled,
114
+ ..._rest,
115
+ children: [loading && /*#__PURE__*/_jsx(CircularProgress, {
128
116
  size: loadingSize,
129
117
  style: {
130
118
  marginRight: 5
131
119
  }
132
120
  }), children]
133
- }));
121
+ });
134
122
  }
135
123
  WrappedComponent.propTypes = {
136
- children: _propTypes.default.any.isRequired,
137
- style: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]),
138
- size: _propTypes.default.oneOf(['large', 'medium', 'small']),
139
- forwardedRef: _propTypes.default.any,
140
- rounded: _propTypes.default.bool
124
+ children: PropTypes.any.isRequired,
125
+ style: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
126
+ size: PropTypes.oneOf(['large', 'medium', 'small']),
127
+ forwardedRef: PropTypes.any,
128
+ rounded: PropTypes.bool
141
129
  };
142
130
  WrappedComponent.defaultProps = {
143
131
  rounded: false,
@@ -145,7 +133,8 @@ function _default(BaseComponent) {
145
133
  forwardedRef: null,
146
134
  style: {}
147
135
  };
148
- return /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, _objectSpread(_objectSpread({}, props), {}, {
136
+ return /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(WrappedComponent, {
137
+ ...props,
149
138
  forwardedRef: ref
150
- })));
139
+ }));
151
140
  }