@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
package/lib/Icon/index.js CHANGED
@@ -1,26 +1,9 @@
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 _Colors = _interopRequireDefault(require("../Colors"));
10
- var _Theme = require("../Theme");
11
- var _deprecate = require("../Util/deprecate");
12
- var _jsxRuntime = require("react/jsx-runtime");
13
- var _templateObject;
14
- const _excluded = ["name", "color", "size", "variant", "rounded", "style", "className", "forwardedRef"];
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
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; }
1
+ import { forwardRef } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import colors from '../Colors';
4
+ import { styled } from '../Theme';
5
+ import { withDeprecated } from '../Util/deprecate';
6
+ import { jsx as _jsx } from "react/jsx-runtime";
24
7
  const variants = {
25
8
  light: 'fal',
26
9
  regular: 'far',
@@ -28,59 +11,74 @@ const variants = {
28
11
  };
29
12
 
30
13
  // eslint-disable-next-line react/prop-types
31
- function Icon(_ref) {
32
- let {
33
- name,
34
- color,
35
- size,
36
- variant,
37
- rounded,
38
- style,
39
- className,
40
- forwardedRef
41
- } = _ref,
42
- rest = _objectWithoutProperties(_ref, _excluded);
43
- const content = /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
14
+ function Icon({
15
+ name,
16
+ color,
17
+ size,
18
+ variant,
19
+ rounded,
20
+ style,
21
+ className,
22
+ forwardedRef,
23
+ ...rest
24
+ }) {
25
+ const content = /*#__PURE__*/_jsx("i", {
44
26
  ref: forwardedRef,
45
- className: "".concat(variants[variant], " fa-").concat(name, " ").concat(rounded ? '' : className),
27
+ className: `${variants[variant]} fa-${name} ${rounded ? '' : className}`,
46
28
  style: Object.assign({
47
29
  color,
48
- fontSize: "".concat(size, "px")
30
+ fontSize: `${size}px`
49
31
  }, style || {})
50
32
  });
51
33
  if (rounded) {
52
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Span, _objectSpread(_objectSpread({
34
+ return /*#__PURE__*/_jsx(Span, {
53
35
  ref: forwardedRef,
54
36
  size: size,
55
37
  color: color,
56
- className: className
57
- }, rest), {}, {
38
+ className: className,
39
+ ...rest,
58
40
  children: content
59
- }));
41
+ });
60
42
  }
61
43
  return content;
62
44
  }
63
45
  Icon.propTypes = {
64
- name: _propTypes.default.string.isRequired,
65
- className: _propTypes.default.string,
66
- color: _propTypes.default.string,
67
- rounded: _propTypes.default.bool,
68
- variant: _propTypes.default.string,
69
- size: _propTypes.default.number,
70
- style: _propTypes.default.object
46
+ name: PropTypes.string.isRequired,
47
+ className: PropTypes.string,
48
+ color: PropTypes.string,
49
+ rounded: PropTypes.bool,
50
+ variant: PropTypes.string,
51
+ size: PropTypes.number,
52
+ style: PropTypes.object
71
53
  };
72
54
  Icon.defaultProps = {
73
55
  rounded: false,
74
56
  variant: 'light',
75
- color: _Colors.default.grey[900],
57
+ color: colors.grey[900],
76
58
  className: '',
77
59
  size: 24,
78
60
  style: {}
79
61
  };
80
- const Span = (0, _Theme.styled)('span')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: ", "px;\n height: ", "px;\n border-radius: 50%;\n border: 1px solid ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n\n .fa,\n .fas,\n .fal,\n .far {\n line-height: ", "px;\n }\n"])), props => props.size * 2, props => props.size * 2, props => props.color, props => props.size);
81
- var _default = exports.default = (0, _deprecate.withDeprecated)( /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, _objectSpread(_objectSpread({}, props), {}, {
62
+ const Span = styled('span')`
63
+ width: ${props => props.size * 2}px;
64
+ height: ${props => props.size * 2}px;
65
+ border-radius: 50%;
66
+ border: 1px solid ${props => props.color};
67
+ display: flex;
68
+ justify-content: center;
69
+ align-items: center;
70
+
71
+ .fa,
72
+ .fas,
73
+ .fal,
74
+ .far {
75
+ line-height: ${props => props.size}px;
76
+ }
77
+ `;
78
+ export default withDeprecated( /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(Icon, {
79
+ ...props,
82
80
  forwardedRef: ref
83
- }))), {
81
+ })), {
84
82
  name: 'Icon',
85
83
  alternative: 'SVG icons'
86
84
  });
package/lib/Img/index.js CHANGED
@@ -1,19 +1,12 @@
1
- "use strict";
1
+ import { useEffect, useMemo, useState } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import { useInView } from 'react-intersection-observer';
4
+ import WarningRoundedIcon from '@iconify-icons/material-symbols/warning-rounded';
5
+ import ImageRoundedIcon from '@iconify-icons/material-symbols/image-rounded';
6
+ import { Icon } from '@iconify/react';
7
+ import { Box } from '@mui/material';
8
+ import noop from 'lodash/noop';
2
9
 
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 _reactIntersectionObserver = require("react-intersection-observer");
10
- var _warningRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/warning-rounded"));
11
- var _imageRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/image-rounded"));
12
- var _react2 = require("@iconify/react");
13
- var _material = require("@mui/material");
14
- var _noop = _interopRequireDefault(require("lodash/noop"));
15
- var _jsxRuntime = require("react/jsx-runtime");
16
- const _excluded = ["lazy", "width", "height", "repeat", "ratio", "alt", "size", "position", "src", "placeholder", "fallback", "style", "className", "onError", "onSuccess"];
17
10
  /**
18
11
  * @typedef {Object} ImgExProps
19
12
  * @property {string} src - required
@@ -32,20 +25,15 @@ const _excluded = ["lazy", "width", "height", "repeat", "ratio", "alt", "size",
32
25
  * @property {function} [onError=() => {}]
33
26
  * @property {function} [onSuccess=() => {}]
34
27
  */
28
+
35
29
  /**
36
30
  * @typedef {ImgExProps & import('react').ComponentPropsWithoutRef<"div">} ImgProps
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";
33
+ import { jsxs as _jsxs } from "react/jsx-runtime";
46
34
  const PREFIX = 'Img';
47
35
  const classes = {
48
- root: "".concat(PREFIX, "-root")
36
+ root: `${PREFIX}-root`
49
37
  };
50
38
 
51
39
  /**
@@ -53,32 +41,31 @@ const classes = {
53
41
  * @param {ImgProps} props
54
42
  * @returns {React.ReactComponentElement}
55
43
  */
56
- function Img(_ref) {
57
- let {
58
- lazy,
59
- width,
60
- height,
61
- repeat,
62
- ratio,
63
- alt,
64
- size,
65
- position,
66
- src,
67
- placeholder,
68
- fallback,
69
- style,
70
- className,
71
- onError,
72
- onSuccess
73
- } = _ref,
74
- rest = _objectWithoutProperties(_ref, _excluded);
44
+ function Img({
45
+ lazy,
46
+ width,
47
+ height,
48
+ repeat,
49
+ ratio,
50
+ alt,
51
+ size,
52
+ position,
53
+ src,
54
+ placeholder,
55
+ fallback,
56
+ style,
57
+ className,
58
+ onError,
59
+ onSuccess,
60
+ ...rest
61
+ }) {
75
62
  // eslint-disable-next-line react-hooks/rules-of-hooks
76
- const [ref, inView] = lazy ? (0, _reactIntersectionObserver.useInView)({
63
+ const [ref, inView] = lazy ? useInView({
77
64
  threshold: 0,
78
65
  triggerOnce: true
79
66
  }) : [null, true];
80
- const [imgState, setImgState] = (0, _react.useState)('init');
81
- const actualSrc = (0, _react.useMemo)(() => {
67
+ const [imgState, setImgState] = useState('init');
68
+ const actualSrc = useMemo(() => {
82
69
  switch (imgState) {
83
70
  case 'init':
84
71
  case 'loading':
@@ -92,12 +79,12 @@ function Img(_ref) {
92
79
  }
93
80
  }, [placeholder, fallback, src, imgState]);
94
81
  const actualRatio = width && height ? 100 * height / width : ratio * 100;
95
- const mergedStyle = (0, _react.useMemo)(() => ({
96
- backgroundImage: actualSrc ? "url(".concat(actualSrc, ")") : '',
82
+ const mergedStyle = useMemo(() => ({
83
+ backgroundImage: actualSrc ? `url(${actualSrc})` : '',
97
84
  backgroundPosition: position,
98
85
  backgroundSize: size,
99
86
  backgroundRepeat: repeat,
100
- paddingTop: "".concat(actualRatio, "%")
87
+ paddingTop: `${actualRatio}%`
101
88
  }),
102
89
  // eslint-disable-next-line react-hooks/exhaustive-deps
103
90
  [actualSrc, position, size, imgState]);
@@ -105,10 +92,11 @@ function Img(_ref) {
105
92
  /**
106
93
  * @type {CSSStyleDeclaration}
107
94
  */
108
- const outerStyle = _objectSpread(_objectSpread({}, style), {}, {
95
+ const outerStyle = {
96
+ ...style,
109
97
  display: 'inline-block',
110
- width: width ? "".concat(width, "px") : '100%'
111
- });
98
+ width: width ? `${width}px` : '100%'
99
+ };
112
100
  function loadImg() {
113
101
  const img = new Image();
114
102
  img.src = src;
@@ -122,20 +110,20 @@ function Img(_ref) {
122
110
  onError(err);
123
111
  };
124
112
  }
125
- (0, _react.useEffect)(() => {
113
+ useEffect(() => {
126
114
  if (inView) loadImg();
127
115
  // eslint-disable-next-line react-hooks/exhaustive-deps
128
116
  }, [inView]);
129
117
  return (
130
118
  /*#__PURE__*/
131
119
  // paddingTop 要求元素本身的宽度为 100%,所以只能加一个外层元素去限制宽度
132
- (0, _jsxRuntime.jsx)(_material.Box, _objectSpread(_objectSpread({
120
+ _jsx(Box, {
133
121
  "data-id": "2",
134
122
  ref: ref,
135
- style: outerStyle
136
- }, rest), {}, {
137
- sx: _objectSpread({
138
- ["& .".concat(classes.root)]: {
123
+ style: outerStyle,
124
+ ...rest,
125
+ sx: {
126
+ [`& .${classes.root}`]: {
139
127
  position: 'relative',
140
128
  overflow: 'hidden',
141
129
  '& .image--state, & .image--img': {
@@ -165,50 +153,51 @@ function Img(_ref) {
165
153
  maxWidth: '80%',
166
154
  maxHeight: '80%'
167
155
  }
168
- }
169
- }, rest.sx),
170
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
171
- className: "image ".concat(className, " ").concat(classes.root),
156
+ },
157
+ ...rest.sx
158
+ },
159
+ children: /*#__PURE__*/_jsxs("div", {
160
+ className: `image ${className} ${classes.root}`,
172
161
  style: mergedStyle,
173
- children: [!fallback && imgState === 'error' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
162
+ children: [!fallback && imgState === 'error' && /*#__PURE__*/_jsx("div", {
174
163
  className: "image--state",
175
164
  title: "loading image",
176
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
177
- icon: _warningRounded.default,
165
+ children: /*#__PURE__*/_jsx(Icon, {
166
+ icon: WarningRoundedIcon,
178
167
  className: "image--icon"
179
168
  })
180
- }), !placeholder && imgState === 'loading' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
169
+ }), !placeholder && imgState === 'loading' && /*#__PURE__*/_jsx("div", {
181
170
  className: "image--state",
182
171
  title: "Image load error",
183
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
184
- icon: _imageRounded.default,
172
+ children: /*#__PURE__*/_jsx(Icon, {
173
+ icon: ImageRoundedIcon,
185
174
  className: "image--icon"
186
175
  })
187
- }), imgState === 'loaded' && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
176
+ }), imgState === 'loaded' && /*#__PURE__*/_jsx("img", {
188
177
  className: "image--img",
189
178
  src: src,
190
179
  alt: alt
191
180
  })]
192
181
  })
193
- }))
182
+ })
194
183
  );
195
184
  }
196
185
  Img.propTypes = {
197
- src: _propTypes.default.string.isRequired,
198
- alt: _propTypes.default.string,
199
- size: _propTypes.default.string,
200
- position: _propTypes.default.string,
201
- style: _propTypes.default.object,
202
- ratio: _propTypes.default.number,
203
- repeat: _propTypes.default.string,
204
- width: _propTypes.default.number,
205
- height: _propTypes.default.number,
206
- lazy: _propTypes.default.bool,
207
- placeholder: _propTypes.default.string,
208
- fallback: _propTypes.default.string,
209
- className: _propTypes.default.string,
210
- onError: _propTypes.default.func,
211
- onSuccess: _propTypes.default.func
186
+ src: PropTypes.string.isRequired,
187
+ alt: PropTypes.string,
188
+ size: PropTypes.string,
189
+ position: PropTypes.string,
190
+ style: PropTypes.object,
191
+ ratio: PropTypes.number,
192
+ repeat: PropTypes.string,
193
+ width: PropTypes.number,
194
+ height: PropTypes.number,
195
+ lazy: PropTypes.bool,
196
+ placeholder: PropTypes.string,
197
+ fallback: PropTypes.string,
198
+ className: PropTypes.string,
199
+ onError: PropTypes.func,
200
+ onSuccess: PropTypes.func
212
201
  };
213
202
  Img.defaultProps = {
214
203
  alt: null,
@@ -223,7 +212,7 @@ Img.defaultProps = {
223
212
  placeholder: null,
224
213
  fallback: null,
225
214
  className: '',
226
- onError: _noop.default,
227
- onSuccess: _noop.default
215
+ onError: noop,
216
+ onSuccess: noop
228
217
  };
229
- var _default = exports.default = Img;
218
+ export default Img;
@@ -1,69 +1,87 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _propTypes = _interopRequireDefault(require("prop-types"));
8
- var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
9
- var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
10
- var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
11
- var _Theme = require("../Theme");
12
- var _jsxRuntime = require("react/jsx-runtime");
13
- var _templateObject;
14
- const _excluded = ["name", "nameFormatter", "layout", "children", "valueComponent", "nameWidth"];
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
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; }
24
- function InfoRow(_ref) {
25
- let {
26
- name,
27
- nameFormatter,
28
- layout,
29
- children,
30
- valueComponent,
31
- nameWidth
32
- } = _ref,
33
- rest = _objectWithoutProperties(_ref, _excluded);
34
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({
1
+ import PropTypes from 'prop-types';
2
+ import camelCase from 'lodash/camelCase';
3
+ import upperFirst from 'lodash/upperFirst';
4
+ import Typography from '@mui/material/Typography';
5
+ import { styled } from '../Theme';
6
+ import { jsx as _jsx } from "react/jsx-runtime";
7
+ import { jsxs as _jsxs } from "react/jsx-runtime";
8
+ function InfoRow({
9
+ name,
10
+ nameFormatter,
11
+ layout,
12
+ children,
13
+ valueComponent,
14
+ nameWidth,
15
+ ...rest
16
+ }) {
17
+ return /*#__PURE__*/_jsxs(Container, {
35
18
  layout: layout,
36
- width: nameWidth
37
- }, rest), {}, {
38
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
19
+ width: nameWidth,
20
+ ...rest,
21
+ children: [/*#__PURE__*/_jsx(Typography, {
39
22
  color: "textSecondary",
40
23
  className: "info-row__name",
41
24
  children: nameFormatter(name)
42
- }), children && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
25
+ }), children && /*#__PURE__*/_jsx(Typography, {
43
26
  color: "textPrimary",
44
27
  component: valueComponent,
45
28
  className: "info-row__value",
46
29
  children: children
47
30
  })]
48
- }));
31
+ });
49
32
  }
50
33
  InfoRow.propTypes = {
51
- name: _propTypes.default.any.isRequired,
52
- layout: _propTypes.default.oneOf(['horizontal', 'vertical']),
53
- children: _propTypes.default.any,
54
- nameFormatter: _propTypes.default.func,
55
- valueComponent: _propTypes.default.string,
56
- nameWidth: _propTypes.default.number
34
+ name: PropTypes.any.isRequired,
35
+ layout: PropTypes.oneOf(['horizontal', 'vertical']),
36
+ children: PropTypes.any,
37
+ nameFormatter: PropTypes.func,
38
+ valueComponent: PropTypes.string,
39
+ nameWidth: PropTypes.number
57
40
  };
58
41
  InfoRow.defaultProps = {
59
42
  children: null,
60
43
  nameWidth: 90,
61
44
  nameFormatter: name => {
62
- const resetName = name.split(' ').map(x => (0, _upperFirst.default)((0, _camelCase.default)(x))).join(' ');
45
+ const resetName = name.split(' ').map(x => upperFirst(camelCase(x))).join(' ');
63
46
  return typeof name === 'string' ? resetName : name;
64
47
  },
65
48
  valueComponent: 'div',
66
49
  layout: 'horizontal'
67
50
  };
68
- const Container = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: ", ";\n justify-content: flex-start;\n align-items: ", ";\n margin-bottom: 16px;\n\n .info-row__name {\n width: ", "px;\n margin-right: ", ";\n margin-bottom: ", ";\n text-transform: capitalize;\n }\n\n .info-row__value {\n flex: 1;\n overflow: auto;\n word-wrap: break-word;\n font-weight: 500;\n }\n\n @media (max-width: ", "px) {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n .info-row__name {\n font-weight: bold;\n }\n\n .info-row__value {\n width: 100%;\n font-size: 12px;\n margin-top: 8px;\n }\n }\n"])), props => props.layout === 'vertical' ? 'column' : 'row', props => props.layout === 'vertical' ? 'flex-start' : 'center', props => props.width, props => props.layout === 'vertical' ? '0' : '8px', props => props.layout === 'vertical' ? '8px' : '0', props => props.theme.breakpoints.values.md);
69
- var _default = exports.default = InfoRow;
51
+ const Container = styled('div')`
52
+ display: flex;
53
+ flex-direction: ${props => props.layout === 'vertical' ? 'column' : 'row'};
54
+ justify-content: flex-start;
55
+ align-items: ${props => props.layout === 'vertical' ? 'flex-start' : 'center'};
56
+ margin-bottom: 16px;
57
+
58
+ .info-row__name {
59
+ width: ${props => props.width}px;
60
+ margin-right: ${props => props.layout === 'vertical' ? '0' : '8px'};
61
+ margin-bottom: ${props => props.layout === 'vertical' ? '8px' : '0'};
62
+ text-transform: capitalize;
63
+ }
64
+
65
+ .info-row__value {
66
+ flex: 1;
67
+ overflow: auto;
68
+ word-wrap: break-word;
69
+ font-weight: 500;
70
+ }
71
+
72
+ @media (max-width: ${props => props.theme.breakpoints.values.md}px) {
73
+ flex-direction: column;
74
+ justify-content: flex-start;
75
+ align-items: flex-start;
76
+ .info-row__name {
77
+ font-weight: bold;
78
+ }
79
+
80
+ .info-row__value {
81
+ width: 100%;
82
+ font-size: 12px;
83
+ margin-top: 8px;
84
+ }
85
+ }
86
+ `;
87
+ export default InfoRow;
@@ -1,72 +1,57 @@
1
- "use strict";
1
+ import PropTypes from 'prop-types';
2
+ import { Link as RouterLink, NavLink as RouterNavLink } from 'react-router-dom';
2
3
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Link = Link;
7
- exports.NavLink = NavLink;
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _reactRouterDom = require("react-router-dom");
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- const _excluded = ["children", "routerLinkComponent", "to", "external"],
12
- _excluded2 = ["className"]; // 包裹 router Link/NavLink 组件, 支持 external link (external 为 true 时渲染为 a 标签)
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 ExternalLink(_ref) {
22
- let {
23
- children,
24
- routerLinkComponent: RouterLinkComponent,
25
- to,
26
- external
27
- } = _ref,
28
- rest = _objectWithoutProperties(_ref, _excluded);
4
+ // 包裹 router Link/NavLink 组件, 支持 external link (external true 时渲染为 a 标签)
5
+ import { jsx as _jsx } from "react/jsx-runtime";
6
+ function ExternalLink({
7
+ children,
8
+ routerLinkComponent: RouterLinkComponent,
9
+ to,
10
+ external,
11
+ ...rest
12
+ }) {
29
13
  if (external) {
30
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
31
- href: to
32
- }, rest), {}, {
14
+ return /*#__PURE__*/_jsx("a", {
15
+ href: to,
16
+ ...rest,
33
17
  children: children
34
- }));
18
+ });
35
19
  }
36
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(RouterLinkComponent, _objectSpread(_objectSpread({
37
- to: to
38
- }, rest), {}, {
20
+ return /*#__PURE__*/_jsx(RouterLinkComponent, {
21
+ to: to,
22
+ ...rest,
39
23
  children: children
40
- }));
24
+ });
41
25
  }
42
26
  ExternalLink.propTypes = {
43
- children: _propTypes.default.any.isRequired,
44
- routerLinkComponent: _propTypes.default.elementType.isRequired,
45
- external: _propTypes.default.bool,
46
- to: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]).isRequired
27
+ children: PropTypes.any.isRequired,
28
+ routerLinkComponent: PropTypes.elementType.isRequired,
29
+ external: PropTypes.bool,
30
+ to: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired
47
31
  };
48
32
  ExternalLink.defaultProps = {
49
33
  external: false
50
34
  };
51
- function Link(props) {
52
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(ExternalLink, _objectSpread({
53
- routerLinkComponent: _reactRouterDom.Link
54
- }, props));
35
+ export function Link(props) {
36
+ return /*#__PURE__*/_jsx(ExternalLink, {
37
+ routerLinkComponent: RouterLink,
38
+ ...props
39
+ });
55
40
  }
56
- function NavLink(_ref2) {
57
- let {
58
- className
59
- } = _ref2,
60
- rest = _objectWithoutProperties(_ref2, _excluded2);
41
+ export function NavLink({
42
+ className,
43
+ ...rest
44
+ }) {
61
45
  // NavLink#className 支持 function
62
46
  const classes = rest.external && typeof className === 'function' ? className({}) : className;
63
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(ExternalLink, _objectSpread({
64
- routerLinkComponent: _reactRouterDom.NavLink,
65
- className: classes
66
- }, rest));
47
+ return /*#__PURE__*/_jsx(ExternalLink, {
48
+ routerLinkComponent: RouterNavLink,
49
+ className: classes,
50
+ ...rest
51
+ });
67
52
  }
68
53
  NavLink.propTypes = {
69
- className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func])
54
+ className: PropTypes.oneOfType([PropTypes.string, PropTypes.func])
70
55
  };
71
56
  NavLink.defaultProps = {
72
57
  className: ''