@arcblock/ux 2.9.91 → 2.10.0

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,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;