@arcblock/ux 2.9.91 → 2.10.1

Sign up to get free protection for your applications and to get access to all the features.
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
+ `;