@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,57 +1,68 @@
1
- "use strict";
1
+ import { useEffect, useState } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import Helmet from 'react-helmet';
4
+ import Container from '@mui/material/Container';
5
+ import Box from '@mui/material/Box';
6
+ import Drawer from '@mui/material/Drawer';
7
+ import { useSize } from 'ahooks';
8
+ import Sidebar from './sidebar';
9
+ import Header from './header';
10
+ import Footer from '../../Footer';
11
+ import { styled } from '../../Theme';
12
+ import { jsx as _jsx } from "react/jsx-runtime";
13
+ import { jsxs as _jsxs } from "react/jsx-runtime";
14
+ const Wrapper = styled('div')`
15
+ &.dashboard {
16
+ display: flex;
17
+ flex-direction: column;
18
+ height: 100vh;
19
+ }
20
+ .dashboard__body {
21
+ overflow: hidden;
22
+ flex: 1;
23
+ }
24
+ .dashboard__main {
25
+ display: flex;
26
+ flex-direction: column;
27
+ overflow: auto;
28
+ flex: 1;
29
+ }
30
+ .dashboard__content {
31
+ flex: 1;
32
+ }
2
33
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = Dashboard;
7
- var _react = require("react");
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _reactHelmet = _interopRequireDefault(require("react-helmet"));
10
- var _Container = _interopRequireDefault(require("@mui/material/Container"));
11
- var _Box = _interopRequireDefault(require("@mui/material/Box"));
12
- var _Drawer = _interopRequireDefault(require("@mui/material/Drawer"));
13
- var _ahooks = require("ahooks");
14
- var _sidebar = _interopRequireDefault(require("./sidebar"));
15
- var _header = _interopRequireDefault(require("./header"));
16
- var _Footer = _interopRequireDefault(require("../../Footer"));
17
- var _Theme = require("../../Theme");
18
- var _jsxRuntime = require("react/jsx-runtime");
19
- const _excluded = ["children", "title", "brand", "description", "brandAddon", "headerAddon", "images", "links", "prefix", "fullWidth", "contentLayout", "className", "homeUrl", "logo"];
20
- var _templateObject;
21
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
22
- 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; }
23
- 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; }
24
- 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; }
25
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
26
- 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); }
27
- 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; }
28
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
29
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
30
- const Wrapper = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &.dashboard {\n display: flex;\n flex-direction: column;\n height: 100vh;\n }\n .dashboard__body {\n overflow: hidden;\n flex: 1;\n }\n .dashboard__main {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex: 1;\n }\n .dashboard__content {\n flex: 1;\n }\n\n .drawerPaper {\n position: relative;\n white-space: nowrap;\n width: 120px;\n background: ", ";\n box-shadow: 2px 16px 10px 0 rgba(0, 0, 0, ", ");\n border: 0;\n }\n"])), props => props.theme.palette.background.default, props => props.theme.mode === 'light' ? 0.05 : 0.5);
31
- function Dashboard(_ref) {
32
- let {
33
- children,
34
- title,
35
- brand,
36
- description,
37
- brandAddon,
38
- headerAddon,
39
- images,
40
- links,
41
- prefix,
42
- fullWidth,
43
- contentLayout,
44
- className,
45
- homeUrl,
46
- logo
47
- } = _ref,
48
- rest = _objectWithoutProperties(_ref, _excluded);
34
+ .drawerPaper {
35
+ position: relative;
36
+ white-space: nowrap;
37
+ width: 120px;
38
+ background: ${props => props.theme.palette.background.default};
39
+ box-shadow: 2px 16px 10px 0 rgba(0, 0, 0, ${props => props.theme.mode === 'light' ? 0.05 : 0.5});
40
+ border: 0;
41
+ }
42
+ `;
43
+ export default function Dashboard({
44
+ children,
45
+ title,
46
+ brand,
47
+ description,
48
+ brandAddon,
49
+ headerAddon,
50
+ images,
51
+ links,
52
+ prefix,
53
+ fullWidth,
54
+ contentLayout,
55
+ className,
56
+ homeUrl,
57
+ logo,
58
+ ...rest
59
+ }) {
49
60
  const breakpoint = 960;
50
- const size = (0, _ahooks.useSize)(document.body);
51
- const width = (size === null || size === void 0 ? void 0 : size.width) || 0;
52
- const [drawerMode, setDrawerMode] = (0, _react.useState)(width >= breakpoint ? 'permanent' : 'temporary');
53
- const [drawerOpen, setDrawerOpen] = (0, _react.useState)(drawerMode === 'permanent');
54
- (0, _react.useEffect)(() => {
61
+ const size = useSize(document.body);
62
+ const width = size?.width || 0;
63
+ const [drawerMode, setDrawerMode] = useState(width >= breakpoint ? 'permanent' : 'temporary');
64
+ const [drawerOpen, setDrawerOpen] = useState(drawerMode === 'permanent');
65
+ useEffect(() => {
55
66
  const newMode = width >= breakpoint ? 'permanent' : 'temporary';
56
67
  setDrawerMode(newMode);
57
68
  setDrawerOpen(newMode !== 'temporary');
@@ -60,12 +71,12 @@ function Dashboard(_ref) {
60
71
  setDrawerOpen(!drawerOpen);
61
72
  };
62
73
  const isFullWidth = fullWidth || contentLayout === 'row';
63
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({
64
- className: "dashboard ".concat(className)
65
- }, rest), {}, {
66
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHelmet.default, {
67
- title: "".concat(title, "-").concat(brand)
68
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
74
+ return /*#__PURE__*/_jsxs(Wrapper, {
75
+ className: `dashboard ${className}`,
76
+ ...rest,
77
+ children: [/*#__PURE__*/_jsx(Helmet, {
78
+ title: `${title}-${brand}`
79
+ }), /*#__PURE__*/_jsx(Header, {
69
80
  className: "dashboard__header",
70
81
  onToggleMenu: onToggleDrawer,
71
82
  brand: brand,
@@ -74,10 +85,10 @@ function Dashboard(_ref) {
74
85
  addons: headerAddon,
75
86
  homeUrl: homeUrl,
76
87
  logo: logo
77
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
88
+ }), /*#__PURE__*/_jsxs(Box, {
78
89
  display: "flex",
79
90
  className: "dashboard__body",
80
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Drawer.default, {
91
+ children: [/*#__PURE__*/_jsx(Drawer, {
81
92
  variant: drawerMode,
82
93
  className: "drawer",
83
94
  classes: {
@@ -89,40 +100,40 @@ function Dashboard(_ref) {
89
100
  disablePortal: true,
90
101
  keepMounted: true
91
102
  },
92
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebar.default, {
103
+ children: /*#__PURE__*/_jsx(Sidebar, {
93
104
  className: "dashboard__sidebar",
94
105
  images: images,
95
106
  links: links,
96
107
  prefix: prefix,
97
108
  logo: logo
98
109
  })
99
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
110
+ }), /*#__PURE__*/_jsxs(Box, {
100
111
  className: "dashboard__main",
101
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
112
+ children: [/*#__PURE__*/_jsx(Container, {
102
113
  maxWidth: isFullWidth ? false : 'lg',
103
114
  className: "dashboard__content",
104
115
  children: children
105
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Footer.default, {})]
116
+ }), /*#__PURE__*/_jsx(Footer, {})]
106
117
  })]
107
118
  })]
108
- }));
119
+ });
109
120
  }
110
121
  Dashboard.propTypes = {
111
- children: _propTypes.default.any.isRequired,
112
- title: _propTypes.default.string,
113
- brand: _propTypes.default.string.isRequired,
114
- links: _propTypes.default.array.isRequired,
115
- images: _propTypes.default.object.isRequired,
116
- brandAddon: _propTypes.default.object,
117
- description: _propTypes.default.any.isRequired,
118
- headerAddon: _propTypes.default.any,
119
- prefix: _propTypes.default.string,
122
+ children: PropTypes.any.isRequired,
123
+ title: PropTypes.string,
124
+ brand: PropTypes.string.isRequired,
125
+ links: PropTypes.array.isRequired,
126
+ images: PropTypes.object.isRequired,
127
+ brandAddon: PropTypes.object,
128
+ description: PropTypes.any.isRequired,
129
+ headerAddon: PropTypes.any,
130
+ prefix: PropTypes.string,
120
131
  // 兼容旧版的设置,新版使用 fullWidth 进行设置
121
- contentLayout: _propTypes.default.oneOf(['row', 'column']),
122
- fullWidth: _propTypes.default.bool,
123
- className: _propTypes.default.string,
124
- homeUrl: _propTypes.default.string,
125
- logo: _propTypes.default.any
132
+ contentLayout: PropTypes.oneOf(['row', 'column']),
133
+ fullWidth: PropTypes.bool,
134
+ className: PropTypes.string,
135
+ homeUrl: PropTypes.string,
136
+ logo: PropTypes.any
126
137
  };
127
138
  Dashboard.defaultProps = {
128
139
  title: 'Home',
@@ -1,96 +1,129 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = Sidebar;
7
- var _react = require("react");
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _reactRouterDom = require("react-router-dom");
10
- var _Button = _interopRequireDefault(require("@mui/material/Button"));
11
- var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
12
- var _colors = require("@mui/material/colors");
13
- var _image = _interopRequireDefault(require("../../Icon/image"));
14
- var _Logo = _interopRequireDefault(require("../../Logo"));
15
- var _Theme = require("../../Theme");
16
- var _jsxRuntime = require("react/jsx-runtime");
17
- var _templateObject, _templateObject2;
18
- const _excluded = ["images", "links", "prefix", "addons", "logo"];
19
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
21
- 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; }
22
- 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; }
23
- 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; }
24
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
25
- 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); }
26
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
27
- 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; }
28
- function Sidebar(_ref) {
29
- let {
30
- images,
31
- links,
32
- prefix,
33
- addons,
34
- logo
35
- } = _ref,
36
- rest = _objectWithoutProperties(_ref, _excluded);
37
- const theme = (0, _Theme.useTheme)();
38
- const location = (0, _reactRouterDom.useLocation)();
1
+ import { memo } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import { Link, useLocation } from 'react-router-dom';
4
+ import Button from '@mui/material/Button';
5
+ import Typography from '@mui/material/Typography';
6
+ import { teal } from '@mui/material/colors';
7
+ import ImageIcon from '../../Icon/image';
8
+ import Logo from '../../Logo';
9
+ import { styled, useTheme } from '../../Theme';
10
+ import { jsx as _jsx } from "react/jsx-runtime";
11
+ import { jsxs as _jsxs } from "react/jsx-runtime";
12
+ export default function Sidebar({
13
+ images,
14
+ links,
15
+ prefix,
16
+ addons,
17
+ logo,
18
+ ...rest
19
+ }) {
20
+ const theme = useTheme();
21
+ const location = useLocation();
39
22
  const isSelected = (url, name) => {
40
- const pattern = new RegExp("/".concat(name));
23
+ const pattern = new RegExp(`/${name}`);
41
24
  return pattern.test(location.pathname);
42
25
  };
43
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MenuItems, _objectSpread(_objectSpread({}, rest), {}, {
44
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
26
+ return /*#__PURE__*/_jsxs(MenuItems, {
27
+ ...rest,
28
+ children: [/*#__PURE__*/_jsx(Link, {
45
29
  to: "/",
46
30
  className: "sidebar-logo",
47
- children: logo || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
31
+ children: logo || /*#__PURE__*/_jsx(Logo, {
48
32
  showText: false,
49
33
  size: 20
50
34
  })
51
- }), links.map(_ref2 => {
52
- let {
53
- url,
54
- name,
55
- title,
56
- showBadge
57
- } = _ref2;
35
+ }), links.map(({
36
+ url,
37
+ name,
38
+ title,
39
+ showBadge
40
+ }) => {
58
41
  const selected = isSelected(url, name);
59
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MenuItem, {
60
- component: _reactRouterDom.Link,
42
+ return /*#__PURE__*/_jsxs(MenuItem, {
43
+ component: Link,
61
44
  selected: selected,
62
45
  to: url,
63
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_image.default, {
46
+ children: [/*#__PURE__*/_jsx(ImageIcon, {
64
47
  name: images[name],
65
48
  size: 36,
66
49
  color: selected ? '#00c2c4' : theme.typography.color.main,
67
50
  prefix: prefix,
68
51
  showBadge: showBadge
69
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
52
+ }), /*#__PURE__*/_jsx(Typography, {
70
53
  component: "span",
71
54
  className: "menu-title",
72
55
  children: title
73
56
  })]
74
57
  }, url);
75
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
58
+ }), /*#__PURE__*/_jsx("div", {
76
59
  style: {
77
60
  flex: 1
78
61
  }
79
62
  }), addons]
80
- }));
63
+ });
81
64
  }
82
65
  Sidebar.propTypes = {
83
- images: _propTypes.default.object.isRequired,
84
- links: _propTypes.default.array.isRequired,
85
- prefix: _propTypes.default.string,
86
- addons: _propTypes.default.any,
87
- logo: _propTypes.default.any
66
+ images: PropTypes.object.isRequired,
67
+ links: PropTypes.array.isRequired,
68
+ prefix: PropTypes.string,
69
+ addons: PropTypes.any,
70
+ logo: PropTypes.any
88
71
  };
89
72
  Sidebar.defaultProps = {
90
73
  prefix: '/images',
91
74
  addons: null,
92
75
  logo: null
93
76
  };
94
- const MenuItems = /*#__PURE__*/(0, _react.memo)((0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n flex: 1;\n display: flex;\n flex-direction: column;\n\n && .sidebar-logo {\n display: none;\n border-bottom: 1px solid #eee;\n background: ", ";\n position: sticky;\n top: 0;\n z-index: 1;\n padding: 10px 0;\n text-align: center;\n font-size: 0;\n }\n ", " {\n && .sidebar-logo {\n display: block;\n }\n }\n"])), props => props.theme.palette.background.default, props => props.theme.breakpoints.down('md')));
77
+ const MenuItems = /*#__PURE__*/memo(styled('div')`
78
+ flex: 1;
79
+ display: flex;
80
+ flex-direction: column;
81
+
82
+ && .sidebar-logo {
83
+ display: none;
84
+ border-bottom: 1px solid #eee;
85
+ background: ${props => props.theme.palette.background.default};
86
+ position: sticky;
87
+ top: 0;
88
+ z-index: 1;
89
+ padding: 10px 0;
90
+ text-align: center;
91
+ font-size: 0;
92
+ }
93
+ ${props => props.theme.breakpoints.down('md')} {
94
+ && .sidebar-logo {
95
+ display: block;
96
+ }
97
+ }
98
+ `);
95
99
  const gradient = 'linear-gradient(32deg, rgba(144, 255, 230, 0.1), rgba(144, 255, 230, 0))';
96
- const MenuItem = (0, _Theme.styled)(_Button.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n && {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n transition: all 200ms ease-in-out;\n background: ", ";\n padding: 24px 0;\n border-left: 2px solid ", ";\n border-radius: 0;\n\n &:hover {\n background: ", ";\n border-left-color: ", ";\n }\n\n .menu-title {\n margin-top: 8px;\n font-size: 12px;\n font-weight: 500;\n text-align: center;\n text-transform: capitalize;\n letter-spacing: normal;\n width: 80%;\n color: ", ";\n }\n }\n"])), props => props.selected ? gradient : '', props => props.selected ? _colors.teal.A700 : 'transparent', gradient, _colors.teal.A700, props => props.theme.palette.text.primary);
100
+ const MenuItem = styled(Button)`
101
+ && {
102
+ display: flex;
103
+ flex-direction: column;
104
+ justify-content: center;
105
+ align-items: center;
106
+ width: 100%;
107
+ transition: all 200ms ease-in-out;
108
+ background: ${props => props.selected ? gradient : ''};
109
+ padding: 24px 0;
110
+ border-left: 2px solid ${props => props.selected ? teal.A700 : 'transparent'};
111
+ border-radius: 0;
112
+
113
+ &:hover {
114
+ background: ${gradient};
115
+ border-left-color: ${teal.A700};
116
+ }
117
+
118
+ .menu-title {
119
+ margin-top: 8px;
120
+ font-size: 12px;
121
+ font-weight: 500;
122
+ text-align: center;
123
+ text-transform: capitalize;
124
+ letter-spacing: normal;
125
+ width: 80%;
126
+ color: ${props => props.theme.palette.text.primary};
127
+ }
128
+ }
129
+ `;