@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,24 +1,16 @@
1
- "use strict";
1
+ import { useState, useRef, isValidElement } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import ExpandMore from '@mui/icons-material/ExpandMore';
4
+ import Popper from '@mui/material/Popper';
5
+ import Paper from '@mui/material/Paper';
6
+ import ClickAwayListener from '@mui/material/ClickAwayListener';
7
+ import MenuList from '@mui/material/MenuList';
8
+ import MenuItem from '@mui/material/MenuItem';
9
+ import ButtonGroup from '@mui/material/ButtonGroup';
10
+ import Button from '@mui/material/Button';
11
+ import noop from 'lodash/noop';
12
+ import { styled } from '../Theme';
2
13
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = SplitButton;
7
- var _react = require("react");
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
10
- var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
11
- var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
12
- var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
13
- var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
14
- var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
15
- var _ButtonGroup = _interopRequireDefault(require("@mui/material/ButtonGroup"));
16
- var _Button = _interopRequireDefault(require("@mui/material/Button"));
17
- var _noop = _interopRequireDefault(require("lodash/noop"));
18
- var _Theme = require("../Theme");
19
- var _jsxRuntime = require("react/jsx-runtime");
20
- var _templateObject, _templateObject2;
21
- const _excluded = ["size", "color", "menu", "children", "variant", "onClick", "menuButtonProps"];
22
14
  /**
23
15
  * SplitButton 组件 Props
24
16
  * @typedef {{
@@ -31,37 +23,34 @@ const _excluded = ["size", "color", "menu", "children", "variant", "onClick", "m
31
23
  * menuButtonProps?: import('@mui/material').ButtonProps;
32
24
  * } & import('@mui/material').ButtonGroupProps } SplitButtonProps
33
25
  */
26
+
34
27
  /**
35
28
  * @description SplitButton allows the user to execute a default action which is bound to a Button or to choose a predefined action from a drop-down list.
36
29
  * @export
37
30
  * @param {SplitButtonProps} props
38
31
  * @return {JSX.Element}
39
32
  */
40
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
41
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
42
- 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; }
43
- 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; }
44
- 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; }
45
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
46
- 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); }
47
- 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; }
48
- 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; }
49
- function SplitButton(props) {
33
+ import { createElement as _createElement } from "react";
34
+ import { jsx as _jsx } from "react/jsx-runtime";
35
+ import { jsxs as _jsxs } from "react/jsx-runtime";
36
+ import { Fragment as _Fragment } from "react/jsx-runtime";
37
+ export default function SplitButton(props) {
50
38
  const {
51
- size,
52
- color,
53
- menu,
54
- children,
55
- variant,
56
- onClick,
57
- menuButtonProps
58
- } = props,
59
- rest = _objectWithoutProperties(props, _excluded);
60
- const [open, setOpen] = (0, _react.useState)(false);
61
- const anchorRef = (0, _react.useRef)(null);
62
- const menuItems = Array.isArray(menu) ? menu.map((item, index) => /*#__PURE__*/(0, _react.isValidElement)(item) ? item : /*#__PURE__*/(0, _react.createElement)(_MenuItem.default, _objectSpread(_objectSpread({}, item), {}, {
39
+ size,
40
+ color,
41
+ menu,
42
+ children,
43
+ variant,
44
+ onClick,
45
+ menuButtonProps,
46
+ ...rest
47
+ } = props;
48
+ const [open, setOpen] = useState(false);
49
+ const anchorRef = useRef(null);
50
+ const menuItems = Array.isArray(menu) ? menu.map((item, index) => /*#__PURE__*/isValidElement(item) ? item : /*#__PURE__*/_createElement(MenuItem, {
51
+ ...item,
63
52
  key: index
64
- }))) // eslint-disable-line react/no-array-index-key
53
+ })) // eslint-disable-line react/no-array-index-key
65
54
  : menu;
66
55
  const onToggle = () => {
67
56
  setOpen(prevOpen => !prevOpen);
@@ -79,33 +68,33 @@ function SplitButton(props) {
79
68
  setOpen(false);
80
69
  }
81
70
  };
82
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
83
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledButtonGroup, _objectSpread(_objectSpread({
71
+ return /*#__PURE__*/_jsxs(_Fragment, {
72
+ children: [/*#__PURE__*/_jsxs(StyledButtonGroup, {
84
73
  variant: variant,
85
74
  size: size,
86
75
  color: color,
87
- ref: anchorRef
88
- }, rest), {}, {
89
- children: [typeof children === 'function' ? children() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
76
+ ref: anchorRef,
77
+ ...rest,
78
+ children: [typeof children === 'function' ? children() : /*#__PURE__*/_jsx(Button, {
90
79
  onClick: onClick,
91
80
  color: color,
92
81
  children: children
93
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({
82
+ }), /*#__PURE__*/_jsx(Button, {
94
83
  onClick: onToggle,
95
- color: color
96
- }, menuButtonProps), {}, {
84
+ color: color,
85
+ ...menuButtonProps,
97
86
  "aria-label": "more functions",
98
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {})
99
- }))]
100
- })), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPopper, {
87
+ children: /*#__PURE__*/_jsx(ExpandMore, {})
88
+ })]
89
+ }), /*#__PURE__*/_jsx(StyledPopper, {
101
90
  open: open,
102
91
  anchorEl: anchorRef.current,
103
92
  placement: "bottom-end",
104
93
  disablePortal: false,
105
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paper.default, {
106
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayListener.default, {
94
+ children: /*#__PURE__*/_jsx(Paper, {
95
+ children: /*#__PURE__*/_jsx(ClickAwayListener, {
107
96
  onClickAway: handleClose,
108
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuList.default, {
97
+ children: /*#__PURE__*/_jsx(MenuList, {
109
98
  onClick: handleItemClick,
110
99
  children: menuItems
111
100
  })
@@ -115,14 +104,14 @@ function SplitButton(props) {
115
104
  });
116
105
  }
117
106
  SplitButton.propTypes = {
118
- size: _propTypes.default.oneOf(['small', 'medium', 'large']),
119
- color: _propTypes.default.oneOf(['primary', 'secondary', 'inherit']),
120
- menu: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.array]),
107
+ size: PropTypes.oneOf(['small', 'medium', 'large']),
108
+ color: PropTypes.oneOf(['primary', 'secondary', 'inherit']),
109
+ menu: PropTypes.oneOfType([PropTypes.node, PropTypes.array]),
121
110
  // 也可以是用于渲染主按钮的 function
122
- children: _propTypes.default.node,
123
- variant: _propTypes.default.oneOf(['outlined', 'contained']),
124
- onClick: _propTypes.default.func,
125
- menuButtonProps: _propTypes.default.object
111
+ children: PropTypes.node,
112
+ variant: PropTypes.oneOf(['outlined', 'contained']),
113
+ onClick: PropTypes.func,
114
+ menuButtonProps: PropTypes.object
126
115
  };
127
116
  SplitButton.defaultProps = {
128
117
  size: 'medium',
@@ -130,12 +119,27 @@ SplitButton.defaultProps = {
130
119
  menu: [],
131
120
  children: null,
132
121
  variant: 'contained',
133
- onClick: _noop.default,
122
+ onClick: noop,
134
123
  menuButtonProps: {}
135
124
  };
136
125
  /**
137
126
  * @type {import('@mui/material').MenuItem}
138
127
  */
139
- SplitButton.Item = _MenuItem.default;
140
- const StyledButtonGroup = (0, _Theme.styled)(_ButtonGroup.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n > .MuiButtonBase-root:last-of-type {\n min-width: 2em;\n padding-left: 0;\n padding-right: 0;\n }\n"])));
141
- const StyledPopper = (0, _Theme.styled)(_Popper.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n z-index: ", ";\n .MuiList-root {\n padding: 4px 0;\n }\n .MuiListItem-root {\n padding-top: 4px;\n padding-bottom: 4px;\n }\n"])), props => props.theme.zIndex.tooltip);
128
+ SplitButton.Item = MenuItem;
129
+ const StyledButtonGroup = styled(ButtonGroup)`
130
+ > .MuiButtonBase-root:last-of-type {
131
+ min-width: 2em;
132
+ padding-left: 0;
133
+ padding-right: 0;
134
+ }
135
+ `;
136
+ const StyledPopper = styled(Popper)`
137
+ z-index: ${props => props.theme.zIndex.tooltip};
138
+ .MuiList-root {
139
+ padding: 4px 0;
140
+ }
141
+ .MuiListItem-root {
142
+ padding-top: 4px;
143
+ padding-bottom: 4px;
144
+ }
145
+ `;
@@ -1,22 +1,16 @@
1
- "use strict";
1
+ import PropTypes from 'prop-types';
2
+ import { Box } from '@mui/material';
2
3
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = Success;
7
- var _propTypes = _interopRequireDefault(require("prop-types"));
8
- var _material = require("@mui/material");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
4
  // FIXME: @zhanghan 目前无法适配各种 size,后续优化
12
- function Success(_ref) {
13
- let {
14
- size,
15
- backgroundColor,
16
- borderWidth
17
- } = _ref;
5
+ import { jsx as _jsx } from "react/jsx-runtime";
6
+ import { jsxs as _jsxs } from "react/jsx-runtime";
7
+ export default function Success({
8
+ size,
9
+ backgroundColor,
10
+ borderWidth
11
+ }) {
18
12
  const contentSize = size - borderWidth * 2;
19
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
13
+ return /*#__PURE__*/_jsxs(Box, {
20
14
  className: "check-icon",
21
15
  sx: {
22
16
  width: contentSize,
@@ -26,7 +20,7 @@ function Success(_ref) {
26
20
  '&, *, *::before, *::after': {
27
21
  boxSizing: 'content-box !important'
28
22
  },
29
- border: theme => "".concat(borderWidth, "px solid ").concat(theme.palette.success.main),
23
+ border: theme => `${borderWidth}px solid ${theme.palette.success.main}`,
30
24
  '&::before, &::after': {
31
25
  content: '""',
32
26
  height: '125%',
@@ -35,22 +29,22 @@ function Success(_ref) {
35
29
  transform: 'rotate(-45deg)'
36
30
  },
37
31
  '&::before': {
38
- top: "".concat(borderWidth / 2 + 1, "px"),
39
- left: "-".concat(borderWidth / 2, "px"),
40
- width: "calc(32.5% + ".concat(borderWidth, "px)"),
32
+ top: `${borderWidth / 2 + 1}px`,
33
+ left: `-${borderWidth / 2}px`,
34
+ width: `calc(32.5% + ${borderWidth}px)`,
41
35
  transformOrigin: '100% 50%',
42
36
  borderRadius: '100% 0 0 100%'
43
37
  },
44
38
  '&::after': {
45
39
  top: 0,
46
40
  left: '37.5%',
47
- width: "calc(70% + ".concat(borderWidth, "px)"),
41
+ width: `calc(70% + ${borderWidth}px)`,
48
42
  transformOrigin: '0 50%',
49
43
  borderRadius: '0 100% 100% 0',
50
44
  animation: 'rotate-circle 4.25s ease-in'
51
45
  },
52
46
  '.icon-line': {
53
- height: "".concat(borderWidth + 1, "px"),
47
+ height: `${borderWidth + 1}px`,
54
48
  backgroundColor: theme => theme.palette.success.main,
55
49
  display: 'block',
56
50
  borderRadius: '100vw',
@@ -72,7 +66,7 @@ function Success(_ref) {
72
66
  }
73
67
  }
74
68
  },
75
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
69
+ children: [/*#__PURE__*/_jsx(Box, {
76
70
  component: "span",
77
71
  className: "icon-line line-tip",
78
72
  sx: {
@@ -109,7 +103,7 @@ function Success(_ref) {
109
103
  }
110
104
  }
111
105
  }
112
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
106
+ }), /*#__PURE__*/_jsx(Box, {
113
107
  component: "span",
114
108
  className: "icon-line line-long",
115
109
  sx: {
@@ -141,25 +135,25 @@ function Success(_ref) {
141
135
  }
142
136
  }
143
137
  }
144
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
138
+ }), /*#__PURE__*/_jsx(Box, {
145
139
  className: "icon-circle",
146
140
  sx: {
147
- top: "-".concat(borderWidth, "px"),
148
- left: "-".concat(borderWidth, "px"),
141
+ top: `-${borderWidth}px`,
142
+ left: `-${borderWidth}px`,
149
143
  zIndex: 10,
150
144
  width: contentSize,
151
145
  height: contentSize,
152
146
  borderRadius: '100%',
153
147
  position: 'absolute',
154
148
  boxSizing: 'contentBox',
155
- border: "".concat(borderWidth, "px solid rgba(76, 175, 80, 0.5)")
149
+ border: `${borderWidth}px solid rgba(76, 175, 80, 0.5)`
156
150
  }
157
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
151
+ }), /*#__PURE__*/_jsx(Box, {
158
152
  className: "icon-fix",
159
153
  sx: {
160
- top: "calc(8% - ".concat(Math.sqrt(borderWidth), "px)"),
154
+ top: `calc(8% - ${Math.sqrt(borderWidth)}px)`,
161
155
  width: borderWidth + 1,
162
- left: "calc(32% - ".concat(Math.sqrt(borderWidth), "px)"),
156
+ left: `calc(32% - ${Math.sqrt(borderWidth)}px)`,
163
157
  zIndex: 1,
164
158
  height: contentSize + borderWidth * 2,
165
159
  position: 'absolute',
@@ -170,9 +164,9 @@ function Success(_ref) {
170
164
  });
171
165
  }
172
166
  Success.propTypes = {
173
- size: _propTypes.default.number,
174
- borderWidth: _propTypes.default.number,
175
- backgroundColor: _propTypes.default.string
167
+ size: PropTypes.number,
168
+ borderWidth: PropTypes.number,
169
+ backgroundColor: PropTypes.string
176
170
  };
177
171
  Success.defaultProps = {
178
172
  size: 64,
@@ -1,76 +1,61 @@
1
- "use strict";
1
+ import PropTypes from 'prop-types';
2
+ import FormControlLabel from '@mui/material/FormControlLabel';
3
+ import MuiSwitch from '@mui/material/Switch';
4
+ import { styled } from '../Theme';
2
5
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _propTypes = _interopRequireDefault(require("prop-types"));
8
- var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
9
- var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
10
- var _Theme = require("../Theme");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- const _excluded = ["labelProps"];
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- 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; }
15
- 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; }
16
- 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; }
17
- 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; }
18
- 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; }
19
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
20
- 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); } // 参考: https://mui.com/material-ui/react-switch/#customization
21
- const IOSSwitch = (0, _Theme.styled)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, _objectSpread({
6
+ // 参考: https://mui.com/material-ui/react-switch/#customization
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
+ const IOSSwitch = styled(props => /*#__PURE__*/_jsx(MuiSwitch, {
22
9
  focusVisibleClassName: ".Mui-focusVisible",
23
- disableRipple: true
24
- }, props)))(_ref => {
25
- let {
26
- theme
27
- } = _ref;
28
- return {
29
- width: 42,
30
- height: 26,
10
+ disableRipple: true,
11
+ ...props
12
+ }))(({
13
+ theme
14
+ }) => ({
15
+ width: 42,
16
+ height: 26,
17
+ padding: 0,
18
+ '& .MuiSwitch-switchBase': {
31
19
  padding: 0,
32
- '& .MuiSwitch-switchBase': {
33
- padding: 0,
34
- margin: 2,
35
- transitionDuration: '300ms',
36
- '&.Mui-checked': {
37
- transform: 'translateX(16px)',
38
- color: '#fff',
39
- '& + .MuiSwitch-track': {
40
- backgroundColor: theme.palette.mode === 'dark' ? '#2ECA45' : '#65C466',
41
- opacity: 1,
42
- border: 0
43
- },
44
- '&.Mui-disabled + .MuiSwitch-track': {
45
- opacity: 0.5
46
- }
47
- },
48
- '&.Mui-focusVisible .MuiSwitch-thumb': {
49
- color: '#33cf4d',
50
- border: '6px solid #fff'
51
- },
52
- '&.Mui-disabled .MuiSwitch-thumb': {
53
- color: theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[600]
20
+ margin: 2,
21
+ transitionDuration: '300ms',
22
+ '&.Mui-checked': {
23
+ transform: 'translateX(16px)',
24
+ color: '#fff',
25
+ '& + .MuiSwitch-track': {
26
+ backgroundColor: theme.palette.mode === 'dark' ? '#2ECA45' : '#65C466',
27
+ opacity: 1,
28
+ border: 0
54
29
  },
55
30
  '&.Mui-disabled + .MuiSwitch-track': {
56
- opacity: theme.palette.mode === 'light' ? 0.7 : 0.3
31
+ opacity: 0.5
57
32
  }
58
33
  },
59
- '& .MuiSwitch-thumb': {
60
- boxSizing: 'border-box',
61
- width: 22,
62
- height: 22
34
+ '&.Mui-focusVisible .MuiSwitch-thumb': {
35
+ color: '#33cf4d',
36
+ border: '6px solid #fff'
63
37
  },
64
- '& .MuiSwitch-track': {
65
- borderRadius: 26 / 2,
66
- backgroundColor: theme.palette.mode === 'light' ? '#E9E9EA' : '#39393D',
67
- opacity: 1,
68
- transition: theme.transitions.create(['background-color'], {
69
- duration: 500
70
- })
38
+ '&.Mui-disabled .MuiSwitch-thumb': {
39
+ color: theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[600]
40
+ },
41
+ '&.Mui-disabled + .MuiSwitch-track': {
42
+ opacity: theme.palette.mode === 'light' ? 0.7 : 0.3
71
43
  }
72
- };
73
- });
44
+ },
45
+ '& .MuiSwitch-thumb': {
46
+ boxSizing: 'border-box',
47
+ width: 22,
48
+ height: 22
49
+ },
50
+ '& .MuiSwitch-track': {
51
+ borderRadius: 26 / 2,
52
+ backgroundColor: theme.palette.mode === 'light' ? '#E9E9EA' : '#39393D',
53
+ opacity: 1,
54
+ transition: theme.transitions.create(['background-color'], {
55
+ duration: 500
56
+ })
57
+ }
58
+ }));
74
59
 
75
60
  /**
76
61
  * Switch 组件 Props
@@ -86,22 +71,26 @@ const IOSSwitch = (0, _Theme.styled)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(
86
71
  * @param {SwitchProps} props
87
72
  * @returns {JSX.Element}
88
73
  */
89
- function Switch(_ref2) {
90
- let {
91
- labelProps
92
- } = _ref2,
93
- rest = _objectWithoutProperties(_ref2, _excluded);
74
+ function Switch({
75
+ labelProps,
76
+ ...rest
77
+ }) {
94
78
  if (labelProps) {
95
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel.default, _objectSpread({
96
- control: /*#__PURE__*/(0, _jsxRuntime.jsx)(IOSSwitch, _objectSpread({}, rest))
97
- }, labelProps));
79
+ return /*#__PURE__*/_jsx(FormControlLabel, {
80
+ control: /*#__PURE__*/_jsx(IOSSwitch, {
81
+ ...rest
82
+ }),
83
+ ...labelProps
84
+ });
98
85
  }
99
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(IOSSwitch, _objectSpread({}, rest));
86
+ return /*#__PURE__*/_jsx(IOSSwitch, {
87
+ ...rest
88
+ });
100
89
  }
101
90
  Switch.propTypes = {
102
- labelProps: _propTypes.default.object
91
+ labelProps: PropTypes.object
103
92
  };
104
93
  Switch.defaultProps = {
105
94
  labelProps: null
106
95
  };
107
- var _default = exports.default = Switch;
96
+ export default Switch;