@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,12 +1,6 @@
1
- "use strict";
1
+ import ButtonGroup from '@mui/material/ButtonGroup';
2
+ import wrap from '../Button/wrap';
2
3
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _ButtonGroup = _interopRequireDefault(require("@mui/material/ButtonGroup"));
8
- var _wrap = _interopRequireDefault(require("../Button/wrap"));
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
4
  // deprecated, ux ButtonGroup 组件废弃, 建议直接使用 @mui/material/ButtonGroup
11
5
  // (该定制组件原本目的是调整 ButtonGroup 的圆角, 但最新设计规范已经不再使用较大的圆角, 改为使用 mui button 默认的圆角)
12
- var _default = exports.default = (0, _wrap.default)(_ButtonGroup.default);
6
+ export default wrap(ButtonGroup);
@@ -1,29 +1,19 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = CardSelector;
7
- var _react = require("react");
8
- var _styled = _interopRequireDefault(require("@emotion/styled"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _noop = _interopRequireDefault(require("lodash/noop"));
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- var _templateObject;
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
- function CardSelector(_ref) {
16
- let {
17
- list,
18
- width,
19
- height,
20
- cardSpace,
21
- onSelect,
22
- defaultIndex
23
- } = _ref;
24
- const [selectedId, setSelectedId] = (0, _react.useState)(0);
25
- const [translateX, setTranslateX] = (0, _react.useState)(0);
26
- const outterCon = (0, _react.useRef)(null);
1
+ import { useState, useEffect, useRef } from 'react';
2
+ import styled from '@emotion/styled';
3
+ import PropTypes from 'prop-types';
4
+ import noop from 'lodash/noop';
5
+ import { jsx as _jsx } from "react/jsx-runtime";
6
+ export default function CardSelector({
7
+ list,
8
+ width,
9
+ height,
10
+ cardSpace,
11
+ onSelect,
12
+ defaultIndex
13
+ }) {
14
+ const [selectedId, setSelectedId] = useState(0);
15
+ const [translateX, setTranslateX] = useState(0);
16
+ const outterCon = useRef(null);
27
17
 
28
18
  // 选择卡片
29
19
  const selectedItem = i => {
@@ -37,7 +27,7 @@ function CardSelector(_ref) {
37
27
  setTranslateX(i * (width + cardSpace) - (outerWidth - width) / 2 + cardSpace * 0.5);
38
28
  onSelect(i);
39
29
  };
40
- (0, _react.useEffect)(() => {
30
+ useEffect(() => {
41
31
  selectedItem(defaultIndex);
42
32
  const func = e => e.preventDefault();
43
33
  outterCon.current.addEventListener('touchmove', func, {
@@ -61,19 +51,19 @@ function CardSelector(_ref) {
61
51
  }
62
52
  }
63
53
  };
64
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Contianer, {
54
+ return /*#__PURE__*/_jsx(Contianer, {
65
55
  ref: outterCon,
66
56
  onTouchStart: touchstart,
67
57
  onTouchEnd: touchend,
68
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
58
+ children: /*#__PURE__*/_jsx("div", {
69
59
  className: "card-container",
70
60
  style: {
71
- transform: "translate(".concat(-translateX, "px, 0)")
61
+ transform: `translate(${-translateX}px, 0)`
72
62
  },
73
63
  children: list.map((e, i) => {
74
64
  if (e instanceof Function) {
75
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
76
- className: "card-item ".concat(i === selectedId ? 'selected' : ''),
65
+ return /*#__PURE__*/_jsx("div", {
66
+ className: `card-item ${i === selectedId ? 'selected' : ''}`,
77
67
  style: {
78
68
  width,
79
69
  height,
@@ -86,8 +76,8 @@ function CardSelector(_ref) {
86
76
  children: e(i)
87
77
  }, i);
88
78
  }
89
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
90
- className: "card-item ".concat(i === selectedId ? 'selected' : ''),
79
+ return /*#__PURE__*/_jsx("div", {
80
+ className: `card-item ${i === selectedId ? 'selected' : ''}`,
91
81
  style: {
92
82
  width,
93
83
  height,
@@ -97,7 +87,7 @@ function CardSelector(_ref) {
97
87
  ,
98
88
 
99
89
  onClick: () => selectedItem(i),
100
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
90
+ children: /*#__PURE__*/_jsx("img", {
101
91
  src: e.src,
102
92
  alt: e.name
103
93
  })
@@ -106,20 +96,54 @@ function CardSelector(_ref) {
106
96
  })
107
97
  });
108
98
  }
109
- const Contianer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n overflow: hidden;\n mask-image: linear-gradient(to left, transparent, black 3%, black 97%, transparent);\n overflow: hidden;\n .card-container {\n display: flex;\n white-space: nowrap;\n width: max-content;\n transition: all ease 0.3s;\n }\n .card-item {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n cursor: pointer;\n img,\n svg {\n max-width: 100%;\n max-height: 100%;\n width: auto;\n height: auto;\n outline: #526ded solid 0;\n transition: all ease 0.2s;\n box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;\n }\n &.selected {\n cursor: default;\n img,\n svg {\n outline: #526ded solid 5px;\n }\n }\n }\n"])));
99
+ const Contianer = styled.div`
100
+ overflow: hidden;
101
+ mask-image: linear-gradient(to left, transparent, black 3%, black 97%, transparent);
102
+ overflow: hidden;
103
+ .card-container {
104
+ display: flex;
105
+ white-space: nowrap;
106
+ width: max-content;
107
+ transition: all ease 0.3s;
108
+ }
109
+ .card-item {
110
+ display: inline-flex;
111
+ justify-content: center;
112
+ align-items: center;
113
+ flex-shrink: 0;
114
+ cursor: pointer;
115
+ img,
116
+ svg {
117
+ max-width: 100%;
118
+ max-height: 100%;
119
+ width: auto;
120
+ height: auto;
121
+ outline: #526ded solid 0;
122
+ transition: all ease 0.2s;
123
+ box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
124
+ }
125
+ &.selected {
126
+ cursor: default;
127
+ img,
128
+ svg {
129
+ outline: #526ded solid 5px;
130
+ }
131
+ }
132
+ }
133
+ `;
110
134
  CardSelector.propTypes = {
111
- list: _propTypes.default.array,
112
- width: _propTypes.default.number,
113
- height: _propTypes.default.number,
114
- cardSpace: _propTypes.default.number,
115
- onSelect: _propTypes.default.func,
116
- defaultIndex: _propTypes.default.number
135
+ list: PropTypes.array,
136
+ width: PropTypes.number,
137
+ height: PropTypes.number,
138
+ cardSpace: PropTypes.number,
139
+ onSelect: PropTypes.func,
140
+ defaultIndex: PropTypes.number
117
141
  };
118
142
  CardSelector.defaultProps = {
119
143
  list: '',
120
144
  width: 300,
121
145
  height: 400,
122
146
  cardSpace: 40,
123
- onSelect: _noop.default,
147
+ onSelect: noop,
124
148
  defaultIndex: 0
125
149
  };
@@ -1,25 +1,16 @@
1
- "use strict";
1
+ import PropTypes from 'prop-types';
2
+ import { styled } from '../Theme';
2
3
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = Center;
7
- var _propTypes = _interopRequireDefault(require("prop-types"));
8
- var _Theme = require("../Theme");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- var _templateObject;
11
4
  /**
12
5
  *
13
6
  * @param {string} relative 容器相对尺寸,默认相对屏幕(screen),可设置为父容器(parent)
14
7
  * @returns react component element
15
8
  */
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
18
- function Center(_ref) {
19
- let {
20
- children,
21
- relative
22
- } = _ref;
9
+ import { jsx as _jsx } from "react/jsx-runtime";
10
+ export default function Center({
11
+ children,
12
+ relative
13
+ }) {
23
14
  let style = {};
24
15
  if (relative === 'parent') {
25
16
  style = {
@@ -27,15 +18,23 @@ function Center(_ref) {
27
18
  height: '100%'
28
19
  };
29
20
  }
30
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, {
21
+ return /*#__PURE__*/_jsx(Div, {
31
22
  style: style,
32
23
  children: children
33
24
  });
34
25
  }
35
- const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n flex: 1;\n width: 100vw;\n height: 100vh;\n\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
26
+ const Div = styled('div')`
27
+ flex: 1;
28
+ width: 100vw;
29
+ height: 100vh;
30
+
31
+ display: flex;
32
+ justify-content: center;
33
+ align-items: center;
34
+ `;
36
35
  Center.propTypes = {
37
- children: _propTypes.default.any.isRequired,
38
- relative: _propTypes.default.string
36
+ children: PropTypes.any.isRequired,
37
+ relative: PropTypes.string
39
38
  };
40
39
  Center.defaultProps = {
41
40
  relative: 'screen'
@@ -1,68 +1,55 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = CopyButton;
7
- var _propTypes = _interopRequireDefault(require("prop-types"));
8
- var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
9
- var _colors = require("@mui/material/colors");
10
- var _ContentCopy = _interopRequireDefault(require("@mui/icons-material/ContentCopy"));
11
- var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
12
- var _hook = _interopRequireDefault(require("./hook"));
13
- var _jsxRuntime = require("react/jsx-runtime");
14
- const _excluded = ["content", "locale", "render", "showTooltip"];
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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); }
21
- 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; }
22
- 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; }
23
- function CopyButton(_ref) {
24
- let {
25
- content,
26
- locale,
27
- render,
28
- showTooltip
29
- } = _ref,
30
- rest = _objectWithoutProperties(_ref, _excluded);
1
+ import PropTypes from 'prop-types';
2
+ import Tooltip from '@mui/material/Tooltip';
3
+ import { green } from '@mui/material/colors';
4
+ import CopyIcon from '@mui/icons-material/ContentCopy';
5
+ import CheckIcon from '@mui/icons-material/Check';
6
+ import useCopy from './hook';
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
+ export default function CopyButton({
9
+ content,
10
+ locale,
11
+ render,
12
+ showTooltip,
13
+ ...rest
14
+ }) {
31
15
  const {
32
16
  containerRef,
33
17
  copied,
34
18
  copy,
35
19
  texts
36
- } = (0, _hook.default)({
20
+ } = useCopy({
37
21
  content,
38
22
  locale
39
23
  });
40
24
  const iconStyle = {
41
25
  fontSize: '1em'
42
26
  };
43
- const copyButton = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({
44
- title: copied ? '' : texts.copy
45
- }, rest), {}, {
46
- style: _objectSpread({
47
- height: '1em'
48
- }, rest.style),
49
- children: copied ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
27
+ const copyButton = /*#__PURE__*/_jsx("span", {
28
+ title: copied ? '' : texts.copy,
29
+ ...rest,
30
+ style: {
31
+ height: '1em',
32
+ ...rest.style
33
+ },
34
+ children: copied ? /*#__PURE__*/_jsx(Tooltip, {
50
35
  title: texts.copied,
51
36
  placement: "bottom",
52
37
  arrow: true,
53
38
  open: copied && showTooltip,
54
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Check.default, {
55
- sx: _objectSpread(_objectSpread({}, iconStyle), {}, {
56
- color: _colors.green[500]
57
- })
39
+ children: /*#__PURE__*/_jsx(CheckIcon, {
40
+ sx: {
41
+ ...iconStyle,
42
+ color: green[500]
43
+ }
58
44
  })
59
- }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentCopy.default, {
45
+ }) : /*#__PURE__*/_jsx(CopyIcon, {
60
46
  onClick: copy,
61
- sx: _objectSpread(_objectSpread({}, iconStyle), {}, {
47
+ sx: {
48
+ ...iconStyle,
62
49
  cursor: 'pointer'
63
- })
50
+ }
64
51
  })
65
- }));
52
+ });
66
53
  if (render) {
67
54
  return render({
68
55
  copyButton,
@@ -72,10 +59,10 @@ function CopyButton(_ref) {
72
59
  return copyButton;
73
60
  }
74
61
  CopyButton.propTypes = {
75
- content: _propTypes.default.string,
76
- locale: _propTypes.default.oneOf(['en', 'zh']),
77
- render: _propTypes.default.func,
78
- showTooltip: _propTypes.default.bool
62
+ content: PropTypes.string,
63
+ locale: PropTypes.oneOf(['en', 'zh']),
64
+ render: PropTypes.func,
65
+ showTooltip: PropTypes.bool
79
66
  };
80
67
  CopyButton.defaultProps = {
81
68
  content: '',
@@ -1,12 +1,5 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = useCopy;
7
- var _react = require("react");
8
- var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1
+ import { useState, useEffect, useRef } from 'react';
2
+ import Copy from 'copy-to-clipboard';
10
3
  const translations = {
11
4
  en: {
12
5
  copy: 'Click To Copy',
@@ -17,21 +10,20 @@ const translations = {
17
10
  copied: '已复制!'
18
11
  }
19
12
  };
20
- function useCopy(_ref) {
21
- let {
22
- content,
23
- locale = 'en'
24
- } = _ref;
25
- const [copied, setCopied] = (0, _react.useState)(false);
26
- const containerRef = (0, _react.useRef)();
13
+ export default function useCopy({
14
+ content,
15
+ locale = 'en'
16
+ }) {
17
+ const [copied, setCopied] = useState(false);
18
+ const containerRef = useRef();
27
19
  const copy = e => {
28
20
  if (e) {
29
21
  e.stopPropagation();
30
22
  }
31
- (0, _copyToClipboard.default)(content || containerRef.current.textContent);
23
+ Copy(content || containerRef.current.textContent);
32
24
  setCopied(true);
33
25
  };
34
- (0, _react.useEffect)(() => {
26
+ useEffect(() => {
35
27
  let timer = null;
36
28
  if (copied) {
37
29
  timer = setTimeout(() => setCopied(false), 2000);
@@ -1,95 +1,70 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "CopyButton", {
7
- enumerable: true,
8
- get: function get() {
9
- return _copyButton.default;
10
- }
11
- });
12
- exports.default = ClickToCopy;
13
- var _propTypes = _interopRequireDefault(require("prop-types"));
14
- var _ahooks = require("ahooks");
15
- var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
16
- var _hook = _interopRequireDefault(require("./hook"));
17
- var _Toast = _interopRequireWildcard(require("../Toast"));
18
- var _Util = require("../Util");
19
- var _Theme = require("../Theme");
20
- var _jsxRuntime = require("react/jsx-runtime");
21
- var _copyButton = _interopRequireDefault(require("./copy-button"));
22
- var _templateObject, _templateObject2;
23
- const _excluded = ["children", "content", "tip", "copiedTip", "tipPlacement", "locale", "style", "unstyled"];
24
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
25
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
26
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
28
- 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; }
29
- 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; }
30
- 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; }
31
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
32
- 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); }
33
- 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; }
34
- 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; }
35
- function ClickToCopy(props) {
36
- const newProps = (0, _Util.mergeProps)(props, ClickToCopy, ['style']);
1
+ import PropTypes from 'prop-types';
2
+ import { useSize } from 'ahooks';
3
+ import Tooltip from '@mui/material/Tooltip';
4
+ import useCopy from './hook';
5
+ import Toast, { ToastProvider } from '../Toast';
6
+ import { mergeProps } from '../Util';
7
+ import { styled } from '../Theme';
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ export { default as CopyButton } from './copy-button';
10
+ export default function ClickToCopy(props) {
11
+ const newProps = mergeProps(props, ClickToCopy, ['style']);
37
12
  const {
38
- children,
39
- content,
40
- tip,
41
- copiedTip,
42
- tipPlacement,
43
- locale,
44
- style,
45
- unstyled
46
- } = newProps,
47
- rest = _objectWithoutProperties(newProps, _excluded);
13
+ children,
14
+ content,
15
+ tip,
16
+ copiedTip,
17
+ tipPlacement,
18
+ locale,
19
+ style,
20
+ unstyled,
21
+ ...rest
22
+ } = newProps;
48
23
  const {
49
24
  containerRef,
50
25
  copied,
51
26
  copy,
52
27
  texts
53
- } = (0, _hook.default)({
28
+ } = useCopy({
54
29
  content,
55
30
  locale
56
31
  });
57
32
  const _tip = tip || texts.copy;
58
33
  const _copiedTip = copiedTip || texts.copied;
59
- const size = (0, _ahooks.useSize)(document.body);
60
- const width = (size === null || size === void 0 ? void 0 : size.width) || 0;
34
+ const size = useSize(document.body);
35
+ const width = size?.width || 0;
61
36
  const onCopy = e => {
62
37
  copy(e);
63
38
  if (width < 600) {
64
- _Toast.default.success(_copiedTip);
39
+ Toast.success(_copiedTip);
65
40
  }
66
41
  };
67
42
  const ContainerComponent = unstyled ? UnstyledContainer : Container;
68
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.ToastProvider, {
69
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, _objectSpread(_objectSpread({
70
- title: copied ? _copiedTip : _tip
71
- }, rest), {}, {
43
+ return /*#__PURE__*/_jsx(ToastProvider, {
44
+ children: /*#__PURE__*/_jsx(Tooltip, {
45
+ title: copied ? _copiedTip : _tip,
46
+ ...rest,
72
47
  placement: tipPlacement,
73
48
  disableFocusListener: true,
74
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ContainerComponent, {
49
+ children: /*#__PURE__*/_jsx(ContainerComponent, {
75
50
  ref: containerRef,
76
51
  style: style,
77
52
  onClick: onCopy,
78
53
  children: children || content
79
54
  })
80
- }))
55
+ })
81
56
  });
82
57
  }
83
58
  ClickToCopy.propTypes = {
84
- children: _propTypes.default.any.isRequired,
85
- content: _propTypes.default.string,
86
- tip: _propTypes.default.string,
87
- tipPlacement: _propTypes.default.string,
88
- copiedTip: _propTypes.default.string,
89
- locale: _propTypes.default.oneOf(['en', 'zh']),
90
- style: _propTypes.default.object,
59
+ children: PropTypes.any.isRequired,
60
+ content: PropTypes.string,
61
+ tip: PropTypes.string,
62
+ tipPlacement: PropTypes.string,
63
+ copiedTip: PropTypes.string,
64
+ locale: PropTypes.oneOf(['en', 'zh']),
65
+ style: PropTypes.object,
91
66
  // 仅提供点击复制功能, 不提供样式
92
- unstyled: _propTypes.default.bool
67
+ unstyled: PropTypes.bool
93
68
  };
94
69
  ClickToCopy.defaultProps = {
95
70
  content: '',
@@ -100,5 +75,18 @@ ClickToCopy.defaultProps = {
100
75
  style: {},
101
76
  unstyled: false
102
77
  };
103
- const Container = (0, _Theme.styled)('span')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline;\n white-space: pre-wrap;\n word-wrap: break-word;\n overflow-wrap: break-word;\n align-items: center;\n justify-content: start;\n border-radius: 15px;\n padding: 1px 12px;\n background-color: rgba(0, 0, 0, 0.08);\n cursor: pointer;\n"])));
104
- const UnstyledContainer = (0, _Theme.styled)('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n cursor: pointer;\n"])));
78
+ const Container = styled('span')`
79
+ display: inline;
80
+ white-space: pre-wrap;
81
+ word-wrap: break-word;
82
+ overflow-wrap: break-word;
83
+ align-items: center;
84
+ justify-content: start;
85
+ border-radius: 15px;
86
+ padding: 1px 12px;
87
+ background-color: rgba(0, 0, 0, 0.08);
88
+ cursor: pointer;
89
+ `;
90
+ const UnstyledContainer = styled('span')`
91
+ cursor: pointer;
92
+ `;
@@ -1,12 +1,85 @@
1
- "use strict";
1
+ // highlight.js/styles/atom-one-light.css
2
+ import styled from '@emotion/styled';
3
+ const LightBox = styled('div')`
4
+ display: block;
5
+ pre code.hljs {
6
+ display: block;
7
+ overflow-x: auto;
8
+ padding: 1em;
9
+ }
10
+ code.hljs {
11
+ padding: 3px 5px;
12
+ }
13
+ .hljs {
14
+ color: #383a42;
15
+ background: #fafafa;
16
+ }
17
+ .hljs-comment,
18
+ .hljs-quote {
19
+ color: #a0a1a7;
20
+ font-style: italic;
21
+ }
22
+ .hljs-doctag,
23
+ .hljs-formula,
24
+ .hljs-keyword {
25
+ color: #a626a4;
26
+ }
27
+ .hljs-deletion,
28
+ .hljs-name,
29
+ .hljs-section,
30
+ .hljs-selector-tag,
31
+ .hljs-subst {
32
+ color: #e45649;
33
+ }
34
+ .hljs-literal {
35
+ color: #0184bb;
36
+ }
37
+ .hljs-addition,
38
+ .hljs-attribute,
39
+ .hljs-meta .hljs-string,
40
+ .hljs-regexp,
41
+ .hljs-string {
42
+ color: #50a14f;
43
+ }
44
+ .hljs-attr,
45
+ .hljs-number,
46
+ .hljs-selector-attr,
47
+ .hljs-selector-class,
48
+ .hljs-selector-pseudo,
49
+ .hljs-template-variable,
50
+ .hljs-type,
51
+ .hljs-variable {
52
+ color: #986801;
53
+ }
54
+ .hljs-bullet,
55
+ .hljs-link,
56
+ .hljs-meta,
57
+ .hljs-selector-id,
58
+ .hljs-symbol,
59
+ .hljs-title {
60
+ color: #4078f2;
61
+ }
62
+ .hljs-built_in,
63
+ .hljs-class .hljs-title,
64
+ .hljs-title.class_ {
65
+ color: #c18401;
66
+ }
67
+ .hljs-emphasis {
68
+ font-style: italic;
69
+ }
70
+ .hljs-strong {
71
+ font-weight: 700;
72
+ }
73
+ .hljs-link {
74
+ text-decoration: underline;
75
+ }
2
76
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _styled = _interopRequireDefault(require("@emotion/styled"));
8
- var _templateObject; // highlight.js/styles/atom-one-light.css
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
11
- const LightBox = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: block;\n pre code.hljs {\n display: block;\n overflow-x: auto;\n padding: 1em;\n }\n code.hljs {\n padding: 3px 5px;\n }\n .hljs {\n color: #383a42;\n background: #fafafa;\n }\n .hljs-comment,\n .hljs-quote {\n color: #a0a1a7;\n font-style: italic;\n }\n .hljs-doctag,\n .hljs-formula,\n .hljs-keyword {\n color: #a626a4;\n }\n .hljs-deletion,\n .hljs-name,\n .hljs-section,\n .hljs-selector-tag,\n .hljs-subst {\n color: #e45649;\n }\n .hljs-literal {\n color: #0184bb;\n }\n .hljs-addition,\n .hljs-attribute,\n .hljs-meta .hljs-string,\n .hljs-regexp,\n .hljs-string {\n color: #50a14f;\n }\n .hljs-attr,\n .hljs-number,\n .hljs-selector-attr,\n .hljs-selector-class,\n .hljs-selector-pseudo,\n .hljs-template-variable,\n .hljs-type,\n .hljs-variable {\n color: #986801;\n }\n .hljs-bullet,\n .hljs-link,\n .hljs-meta,\n .hljs-selector-id,\n .hljs-symbol,\n .hljs-title {\n color: #4078f2;\n }\n .hljs-built_in,\n .hljs-class .hljs-title,\n .hljs-title.class_ {\n color: #c18401;\n }\n .hljs-emphasis {\n font-style: italic;\n }\n .hljs-strong {\n font-weight: 700;\n }\n .hljs-link {\n text-decoration: underline;\n }\n\n pre {\n .copy-button {\n > .default-text {\n color: #222;\n }\n }\n }\n"])));
12
- var _default = exports.default = LightBox;
77
+ pre {
78
+ .copy-button {
79
+ > .default-text {
80
+ color: #222;
81
+ }
82
+ }
83
+ }
84
+ `;
85
+ export default LightBox;