@arcblock/ux 2.9.90 → 2.10.0
Sign up to get free protection for your applications and to get access to all the features.
- package/lib/ActionButton/index.js +36 -48
- package/lib/ActivityIndicator/index.js +122 -75
- package/lib/Address/compact-text.js +48 -66
- package/lib/Address/did-address.js +114 -87
- package/lib/Address/index.js +15 -27
- package/lib/Address/responsive-did-address.js +48 -50
- package/lib/Alert/index.js +58 -52
- package/lib/AnimationWaiter/index.js +123 -69
- package/lib/Async/index.js +8 -22
- package/lib/Avatar/did-motif.js +38 -52
- package/lib/Avatar/etherscan-blockies.js +4 -10
- package/lib/Avatar/index.js +71 -77
- package/lib/Badge/index.js +49 -56
- package/lib/Blocklet/blocklet.js +181 -97
- package/lib/Blocklet/index.js +4 -24
- package/lib/Blocklet/utils.js +50 -13
- package/lib/BlockletContext/index.js +21 -31
- package/lib/BlockletNFT/index.js +255 -115
- package/lib/Button/index.js +5 -11
- package/lib/Button/wrap.js +45 -56
- package/lib/ButtonGroup/index.js +3 -9
- package/lib/CardSelector/index.js +67 -43
- package/lib/Center/index.js +19 -20
- package/lib/ClickToCopy/copy-button.js +37 -50
- package/lib/ClickToCopy/hook.js +10 -18
- package/lib/ClickToCopy/index.js +54 -66
- package/lib/CodeBlock/LightBox.js +84 -11
- package/lib/CodeBlock/index.js +175 -101
- package/lib/Colors/index.js +3 -20
- package/lib/Colors/themes/default.js +1 -7
- package/lib/Colors/themes/temp.js +1 -7
- package/lib/ContactForm/index.js +95 -60
- package/lib/CookieConsent/index.js +58 -52
- package/lib/CountDown/index.js +90 -59
- package/lib/DID/index.js +80 -96
- package/lib/Datatable/CustomToolbar.js +188 -137
- package/lib/Datatable/DatatableContext.js +14 -21
- package/lib/Datatable/TableSearch.js +99 -58
- package/lib/Datatable/index.js +312 -139
- package/lib/Datatable/utils.js +9 -17
- package/lib/Dialog/confirm.js +46 -58
- package/lib/Dialog/dialog.js +110 -66
- package/lib/Dialog/index.js +4 -27
- package/lib/Dialog/use-confirm.js +40 -65
- package/lib/DidLogo/index.js +14 -22
- package/lib/DriftBot/index.js +34 -19
- package/lib/Earth/index.js +214 -110
- package/lib/Earth/util.js +6 -19
- package/lib/Empty/index.js +33 -38
- package/lib/ErrorBoundary/fallback.js +45 -43
- package/lib/ErrorBoundary/index.js +1 -16
- package/lib/Footer/index.js +96 -48
- package/lib/Header/auto-hidden.js +28 -31
- package/lib/Header/header.js +151 -69
- package/lib/Header/index.js +2 -20
- package/lib/Header/responsive-header.js +67 -60
- package/lib/Icon/image.js +41 -45
- package/lib/Icon/index.js +51 -53
- package/lib/Img/index.js +77 -88
- package/lib/InfoRow/index.js +66 -48
- package/lib/Layout/dashboard/external-link.js +38 -53
- package/lib/Layout/dashboard/full-page.js +27 -41
- package/lib/Layout/dashboard/index.js +177 -132
- package/lib/Layout/dashboard/sidebar.js +164 -61
- package/lib/Layout/dashboard-legacy/header.js +119 -66
- package/lib/Layout/dashboard-legacy/index.js +90 -79
- package/lib/Layout/dashboard-legacy/sidebar.js +95 -62
- package/lib/Layout/index.js +200 -106
- package/lib/LoadingMask/index.js +31 -38
- package/lib/Locale/browser-lang.js +2 -8
- package/lib/Locale/context.js +46 -69
- package/lib/Locale/languages.js +6 -15
- package/lib/Locale/selector.js +116 -92
- package/lib/Locale/util.js +7 -16
- package/lib/Logo/index.js +54 -57
- package/lib/Metric/index.js +103 -40
- package/lib/NFTDisplay/aspect-ratio-container.js +33 -40
- package/lib/NFTDisplay/broken.js +68 -52
- package/lib/NFTDisplay/index.js +140 -129
- package/lib/NFTDisplay/loading.js +14 -13
- package/lib/NFTDisplay/svg-embedder/img.js +18 -33
- package/lib/NFTDisplay/svg-embedder/inline-svg.js +28 -32
- package/lib/NavMenu/index.js +2 -13
- package/lib/NavMenu/nav-menu.js +133 -148
- package/lib/NavMenu/style.js +179 -12
- package/lib/PageScroller/index.js +82 -93
- package/lib/PageScroller/story/FifthComponent.js +4 -10
- package/lib/PageScroller/story/FirstComponent.js +4 -10
- package/lib/PageScroller/story/FourthComponent.js +4 -10
- package/lib/PageScroller/story/FullPage.js +21 -28
- package/lib/PageScroller/story/PageContain.js +23 -30
- package/lib/PageScroller/story/SecondComponent.js +4 -10
- package/lib/PageScroller/story/ThirdComponent.js +4 -10
- package/lib/PageScroller/usePrevValue.js +4 -11
- package/lib/Passport/index.js +2 -9
- package/lib/Passport/passport.js +38 -51
- package/lib/PoweredByArcBlock/index.js +19 -33
- package/lib/PricingTable/PricingPlan.js +90 -34
- package/lib/PricingTable/index.js +28 -26
- package/lib/QRCode/index.js +38 -50
- package/lib/RelativeTime/index.js +44 -59
- package/lib/Result/common.js +85 -107
- package/lib/Result/index.js +22 -34
- package/lib/Result/result.js +35 -41
- package/lib/Result/translations.js +1 -7
- package/lib/Screenshot/BaseScreenshot/index.js +65 -43
- package/lib/Screenshot/BaseScreenshot/shells/Macbook.js +17 -27
- package/lib/Screenshot/BaseScreenshot/shells/Phone.js +14 -25
- package/lib/Screenshot/index.js +103 -92
- package/lib/SessionBlocklet/index.js +125 -143
- package/lib/SessionManager/index.js +2 -9
- package/lib/SessionPermission/index.js +13 -23
- package/lib/SessionUser/components/logged-in.js +139 -158
- package/lib/SessionUser/components/session-user-item.js +44 -58
- package/lib/SessionUser/components/session-user-switch.js +133 -152
- package/lib/SessionUser/components/un-login.js +27 -35
- package/lib/SessionUser/components/user-info.js +62 -74
- package/lib/SessionUser/index.js +26 -34
- package/lib/SessionUser/libs/translation.js +1 -7
- package/lib/SessionUser/libs/utils.js +13 -34
- package/lib/Sparkline/index.js +4 -10
- package/lib/Spinner/index.js +11 -17
- package/lib/SplitButton/index.js +72 -68
- package/lib/Success/index.js +28 -34
- package/lib/Switch/index.js +64 -75
- package/lib/Tabs/index.js +84 -103
- package/lib/Tag/index.js +52 -56
- package/lib/TextCollapse/index.js +57 -50
- package/lib/Theme/index.js +8 -47
- package/lib/Theme/theme-provider.js +19 -26
- package/lib/Theme/theme.js +49 -62
- package/lib/Toast/index.js +41 -73
- package/lib/Typography/index.js +44 -55
- package/lib/Util/constant.js +16 -22
- package/lib/Util/deprecate.js +14 -26
- package/lib/Util/federated.js +16 -38
- package/lib/Util/index.js +63 -113
- package/lib/Util/passport.js +23 -33
- package/lib/Util/wallet.js +5 -14
- package/lib/Video/index.js +34 -34
- package/lib/Wallet/Action.js +72 -49
- package/lib/Wallet/Download.js +132 -115
- package/lib/Wallet/Open.js +26 -25
- package/lib/WalletOSIcon/index.js +33 -42
- package/lib/WebWalletSWKeeper/index.js +42 -55
- package/lib/WechatPrompt/index.js +53 -33
- package/lib/index.js +38 -265
- package/lib/withTheme/index.js +53 -33
- package/lib/withTracker/error_boundary.js +7 -18
- package/lib/withTracker/index.js +25 -34
- package/package.json +9 -316
- package/src/WalletOSIcon/index.jsx +1 -1
- package/es/ActionButton/index.js +0 -99
- package/es/ActivityIndicator/index.js +0 -180
- package/es/Address/compact-text.js +0 -105
- package/es/Address/did-address.js +0 -222
- package/es/Address/index.js +0 -23
- package/es/Address/responsive-did-address.js +0 -87
- package/es/Alert/index.js +0 -134
- package/es/AnimationWaiter/default-animation.json +0 -1
- package/es/AnimationWaiter/index.js +0 -240
- package/es/Async/index.js +0 -38
- package/es/Avatar/did-motif.js +0 -68
- package/es/Avatar/etherscan-blockies.js +0 -83
- package/es/Avatar/index.js +0 -179
- package/es/Badge/index.js +0 -98
- package/es/Blocklet/blocklet.js +0 -298
- package/es/Blocklet/index.js +0 -4
- package/es/Blocklet/utils.js +0 -52
- package/es/BlockletContext/index.js +0 -65
- package/es/BlockletNFT/index.js +0 -412
- package/es/Button/index.js +0 -8
- package/es/Button/wrap.js +0 -140
- package/es/ButtonGroup/index.js +0 -6
- package/es/CardSelector/index.js +0 -149
- package/es/Center/index.js +0 -41
- package/es/ClickToCopy/copy-button.js +0 -72
- package/es/ClickToCopy/hook.js +0 -39
- package/es/ClickToCopy/index.js +0 -92
- package/es/CodeBlock/LightBox.js +0 -85
- package/es/CodeBlock/index.js +0 -222
- package/es/Colors/index.js +0 -3
- package/es/Colors/themes/default.js +0 -77
- package/es/Colors/themes/temp.js +0 -41
- package/es/ContactForm/index.js +0 -230
- package/es/CookieConsent/index.js +0 -113
- package/es/CountDown/index.js +0 -178
- package/es/DID/index.js +0 -249
- package/es/Datatable/CustomToolbar.js +0 -396
- package/es/Datatable/DatatableContext.js +0 -34
- package/es/Datatable/TableSearch.js +0 -166
- package/es/Datatable/index.js +0 -629
- package/es/Datatable/utils.js +0 -132
- package/es/Dialog/confirm.js +0 -123
- package/es/Dialog/dialog.js +0 -201
- package/es/Dialog/index.js +0 -4
- package/es/Dialog/types.d.ts +0 -17
- package/es/Dialog/use-confirm.js +0 -133
- package/es/DidLogo/index.js +0 -31
- package/es/DriftBot/index.js +0 -70
- package/es/Earth/countries.json +0 -8057
- package/es/Earth/index.js +0 -521
- package/es/Earth/util.js +0 -51
- package/es/Empty/index.js +0 -65
- package/es/ErrorBoundary/fallback.js +0 -73
- package/es/ErrorBoundary/index.js +0 -1
- package/es/Footer/index.js +0 -172
- package/es/Header/auto-hidden.js +0 -35
- package/es/Header/header.js +0 -223
- package/es/Header/index.js +0 -2
- package/es/Header/responsive-header.js +0 -146
- package/es/Icon/image.js +0 -65
- package/es/Icon/index.js +0 -84
- package/es/Img/index.js +0 -218
- package/es/InfoRow/index.js +0 -87
- package/es/Layout/dashboard/external-link.js +0 -58
- package/es/Layout/dashboard/full-page.js +0 -53
- package/es/Layout/dashboard/index.js +0 -282
- package/es/Layout/dashboard/sidebar.js +0 -209
- package/es/Layout/dashboard-legacy/header.js +0 -174
- package/es/Layout/dashboard-legacy/index.js +0 -148
- package/es/Layout/dashboard-legacy/sidebar.js +0 -129
- package/es/Layout/index.js +0 -335
- package/es/LoadingMask/index.js +0 -102
- package/es/Locale/browser-lang.js +0 -52
- package/es/Locale/context.js +0 -139
- package/es/Locale/languages.js +0 -60
- package/es/Locale/selector.js +0 -186
- package/es/Locale/util.js +0 -21
- package/es/Logo/images/logo-dark-text.svg +0 -3
- package/es/Logo/images/logo-dark-top.svg +0 -6
- package/es/Logo/images/logo-light-text.svg +0 -3
- package/es/Logo/images/logo-light-top.svg +0 -6
- package/es/Logo/index.js +0 -136
- package/es/Metric/index.js +0 -132
- package/es/NFTDisplay/NFTBroken.svg +0 -34
- package/es/NFTDisplay/README.md +0 -59
- package/es/NFTDisplay/aspect-ratio-container.js +0 -39
- package/es/NFTDisplay/broken.js +0 -132
- package/es/NFTDisplay/demo/data/asset-state-display-url.json +0 -7
- package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-1-1.json +0 -10
- package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-374-130.json +0 -10
- package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-with-foreign-object.json +0 -20
- package/es/NFTDisplay/demo/data/asset-state-svg.json +0 -29
- package/es/NFTDisplay/demo/data/asset-state-url.json +0 -10
- package/es/NFTDisplay/index.js +0 -328
- package/es/NFTDisplay/loading.js +0 -18
- package/es/NFTDisplay/svg-embedder/img.js +0 -45
- package/es/NFTDisplay/svg-embedder/inline-svg.js +0 -39
- package/es/NavMenu/index.js +0 -2
- package/es/NavMenu/nav-menu.js +0 -358
- package/es/NavMenu/style.js +0 -181
- package/es/PageScroller/index.js +0 -286
- package/es/PageScroller/story/FifthComponent.js +0 -9
- package/es/PageScroller/story/FirstComponent.js +0 -9
- package/es/PageScroller/story/FourthComponent.js +0 -12
- package/es/PageScroller/story/FullPage.js +0 -47
- package/es/PageScroller/story/PageContain.js +0 -59
- package/es/PageScroller/story/SecondComponent.js +0 -9
- package/es/PageScroller/story/ThirdComponent.js +0 -9
- package/es/PageScroller/story/index.css +0 -115
- package/es/PageScroller/usePrevValue.js +0 -9
- package/es/Passport/index.js +0 -2
- package/es/Passport/passport.js +0 -103
- package/es/PoweredByArcBlock/index.js +0 -31
- package/es/PricingTable/PricingPlan.js +0 -124
- package/es/PricingTable/index.js +0 -53
- package/es/QRCode/index.js +0 -73
- package/es/RelativeTime/index.js +0 -107
- package/es/Result/common.js +0 -140
- package/es/Result/demo/fixtures/result-image-404.svg +0 -1
- package/es/Result/index.js +0 -33
- package/es/Result/result.js +0 -59
- package/es/Result/translations.js +0 -54
- package/es/Screenshot/BaseScreenshot/index.js +0 -91
- package/es/Screenshot/BaseScreenshot/shells/Macbook.js +0 -51
- package/es/Screenshot/BaseScreenshot/shells/Phone.js +0 -36
- package/es/Screenshot/demo/images/bg-00.jpg +0 -0
- package/es/Screenshot/demo/images/bg-01.jpg +0 -0
- package/es/Screenshot/demo/images/bg-02.jpg +0 -0
- package/es/Screenshot/demo/images/bg-03.jpg +0 -0
- package/es/Screenshot/demo/images/bg-04.jpg +0 -0
- package/es/Screenshot/demo/images/bg-05.jpg +0 -0
- package/es/Screenshot/demo/images/bg-06.jpg +0 -0
- package/es/Screenshot/demo/images/bg-07.jpg +0 -0
- package/es/Screenshot/demo/images/bg-08.jpg +0 -0
- package/es/Screenshot/demo/images/bg-09.jpg +0 -0
- package/es/Screenshot/devices.css +0 -1366
- package/es/Screenshot/index.js +0 -299
- package/es/SessionBlocklet/index.js +0 -173
- package/es/SessionManager/index.js +0 -2
- package/es/SessionPermission/index.js +0 -28
- package/es/SessionUser/components/logged-in.js +0 -229
- package/es/SessionUser/components/session-user-item.js +0 -102
- package/es/SessionUser/components/session-user-switch.js +0 -223
- package/es/SessionUser/components/un-login.js +0 -64
- package/es/SessionUser/components/user-info.js +0 -167
- package/es/SessionUser/index.js +0 -49
- package/es/SessionUser/libs/translation.js +0 -19
- package/es/SessionUser/libs/utils.js +0 -29
- package/es/Sparkline/index.js +0 -193
- package/es/Spinner/index.js +0 -28
- package/es/SplitButton/index.js +0 -145
- package/es/Success/index.js +0 -175
- package/es/Switch/index.js +0 -96
- package/es/Tabs/index.js +0 -214
- package/es/Tag/index.js +0 -108
- package/es/TextCollapse/index.js +0 -92
- package/es/Theme/index.js +0 -16
- package/es/Theme/theme-provider.js +0 -39
- package/es/Theme/theme.js +0 -145
- package/es/Toast/index.js +0 -97
- package/es/Typography/index.js +0 -95
- package/es/Util/constant.js +0 -42
- package/es/Util/deprecate.js +0 -28
- package/es/Util/federated.js +0 -91
- package/es/Util/index.js +0 -363
- package/es/Util/passport.js +0 -62
- package/es/Util/wallet.js +0 -32
- package/es/Video/index.js +0 -89
- package/es/Wallet/Action.js +0 -119
- package/es/Wallet/Download.js +0 -331
- package/es/Wallet/Open.js +0 -45
- package/es/Wallet/images/abtwallet.png +0 -0
- package/es/Wallet/images/android_download.svg +0 -23
- package/es/Wallet/images/app-store.svg +0 -20
- package/es/Wallet/images/google-play.svg +0 -70
- package/es/WalletOSIcon/index.js +0 -82
- package/es/WebWalletSWKeeper/index.js +0 -117
- package/es/WechatPrompt/images/android.png +0 -0
- package/es/WechatPrompt/images/ios.png +0 -0
- package/es/WechatPrompt/index.js +0 -88
- package/es/index.js +0 -38
- package/es/withTheme/index.js +0 -69
- package/es/withTracker/README.md +0 -34
- package/es/withTracker/error_boundary.js +0 -34
- package/es/withTracker/index.js +0 -55
@@ -1,54 +0,0 @@
|
|
1
|
-
export default {
|
2
|
-
en: {
|
3
|
-
404: {
|
4
|
-
title: '404 - Page Not Found',
|
5
|
-
description: 'Sorry about that, the page you are looking for does not exist or has been moved.'
|
6
|
-
},
|
7
|
-
403: {
|
8
|
-
title: '403 – Forbidden',
|
9
|
-
description: 'Sorry, you are not authorized to access this page.'
|
10
|
-
},
|
11
|
-
500: {
|
12
|
-
title: '500 - Internal Server Error',
|
13
|
-
description: 'An internal server error has occurred. Please try again later.'
|
14
|
-
},
|
15
|
-
error: {
|
16
|
-
title: 'Application Error',
|
17
|
-
description: 'Something went wrong. Please try again later.'
|
18
|
-
},
|
19
|
-
maintenance: {
|
20
|
-
title: 'Offline for maintenance',
|
21
|
-
description: 'This app is undergoing maintenance right now. Please check back later.'
|
22
|
-
},
|
23
|
-
comingSoon: {
|
24
|
-
title: 'Coming Soon',
|
25
|
-
description: "Our website is under construction. We'll be here soon with our new website."
|
26
|
-
}
|
27
|
-
},
|
28
|
-
zh: {
|
29
|
-
404: {
|
30
|
-
title: '404 - 页面未找到',
|
31
|
-
description: '很抱歉,您正在寻找的页面不存在或已被移动。'
|
32
|
-
},
|
33
|
-
403: {
|
34
|
-
title: '403 – 禁止访问',
|
35
|
-
description: '很抱歉,您没有权限访问此页面。'
|
36
|
-
},
|
37
|
-
500: {
|
38
|
-
title: '500 - 内部服务器错误',
|
39
|
-
description: '发生了一个内部服务器错误。请稍后再试。'
|
40
|
-
},
|
41
|
-
error: {
|
42
|
-
title: 'Application Error',
|
43
|
-
description: '出错了, 请稍后再试。'
|
44
|
-
},
|
45
|
-
maintenance: {
|
46
|
-
title: '维护中',
|
47
|
-
description: '应用程序正在进行维护。请稍后再查看。'
|
48
|
-
},
|
49
|
-
comingSoon: {
|
50
|
-
title: '即将上线',
|
51
|
-
description: '我们的网站正在建设中。我们很快就会在这里推出我们的新网站。'
|
52
|
-
}
|
53
|
-
}
|
54
|
-
};
|
@@ -1,91 +0,0 @@
|
|
1
|
-
import { styled } from '@arcblock/ux/lib/Theme';
|
2
|
-
import PropTypes from 'prop-types';
|
3
|
-
import phone from './shells/Phone';
|
4
|
-
import macbook from './shells/Macbook';
|
5
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
6
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
7
|
-
const map = {
|
8
|
-
phone,
|
9
|
-
macbook
|
10
|
-
};
|
11
|
-
function Screenshot({
|
12
|
-
width,
|
13
|
-
children,
|
14
|
-
type,
|
15
|
-
sx,
|
16
|
-
...rest
|
17
|
-
}) {
|
18
|
-
const _type = type.toLowerCase();
|
19
|
-
const {
|
20
|
-
Shell,
|
21
|
-
ratio,
|
22
|
-
screenData,
|
23
|
-
width: defaultWidth
|
24
|
-
} = map[_type || 'phone'];
|
25
|
-
const Root = styled('div')`
|
26
|
-
position: relative;
|
27
|
-
display: inline-block;
|
28
|
-
width: ${width || `${defaultWidth}px`};
|
29
|
-
&:after {
|
30
|
-
display: block;
|
31
|
-
content: '';
|
32
|
-
padding-bottom: ${ratio * 100}%;
|
33
|
-
}
|
34
|
-
> svg {
|
35
|
-
display: block;
|
36
|
-
}
|
37
|
-
|
38
|
-
.screenshot--container {
|
39
|
-
position: absolute;
|
40
|
-
left: ${screenData.x * 100}%;
|
41
|
-
top: ${screenData.y * 100}%;
|
42
|
-
width: ${screenData.width * 100}%;
|
43
|
-
height: ${screenData.height * 100}%;
|
44
|
-
${screenData.radius ? `border-radius: ${screenData.radius}` : ''};
|
45
|
-
background-color: #fff;
|
46
|
-
overflow: hidden;
|
47
|
-
> img {
|
48
|
-
display: block;
|
49
|
-
width: 100%;
|
50
|
-
height: 100%;
|
51
|
-
min-width: 100%;
|
52
|
-
min-height: 100%;
|
53
|
-
}
|
54
|
-
}
|
55
|
-
|
56
|
-
.absolute-size {
|
57
|
-
position: absolute;
|
58
|
-
left: 0;
|
59
|
-
top: 0;
|
60
|
-
width: 100%;
|
61
|
-
height: 100%;
|
62
|
-
}
|
63
|
-
`;
|
64
|
-
return /*#__PURE__*/_jsx("div", {
|
65
|
-
style: {
|
66
|
-
display: 'flex',
|
67
|
-
justifyContent: 'center'
|
68
|
-
},
|
69
|
-
children: /*#__PURE__*/_jsxs(Root, {
|
70
|
-
...rest,
|
71
|
-
children: [/*#__PURE__*/_jsx(Shell, {
|
72
|
-
className: "absolute-size"
|
73
|
-
}), /*#__PURE__*/_jsx("div", {
|
74
|
-
className: "screenshot--container",
|
75
|
-
children: children
|
76
|
-
})]
|
77
|
-
})
|
78
|
-
});
|
79
|
-
}
|
80
|
-
Screenshot.propTypes = {
|
81
|
-
width: PropTypes.number,
|
82
|
-
type: PropTypes.string,
|
83
|
-
children: PropTypes.node.isRequired,
|
84
|
-
sx: PropTypes.object
|
85
|
-
};
|
86
|
-
Screenshot.defaultProps = {
|
87
|
-
width: 0,
|
88
|
-
type: 'phone',
|
89
|
-
sx: {}
|
90
|
-
};
|
91
|
-
export default Screenshot;
|
@@ -1,51 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
3
|
-
export function Shell({
|
4
|
-
...rest
|
5
|
-
}) {
|
6
|
-
return /*#__PURE__*/_jsxs("svg", {
|
7
|
-
width: "909",
|
8
|
-
height: "517",
|
9
|
-
viewBox: "0 0 909 517",
|
10
|
-
fill: "none",
|
11
|
-
xmlns: "http://www.w3.org/2000/svg",
|
12
|
-
...rest,
|
13
|
-
children: [/*#__PURE__*/_jsx("path", {
|
14
|
-
d: "M48 16C48 7.16343 55.1634 0 64 0H845C853.837 0 861 7.16344 861 16V490H48V16Z",
|
15
|
-
fill: "black"
|
16
|
-
}), /*#__PURE__*/_jsx("path", {
|
17
|
-
fillRule: "evenodd",
|
18
|
-
clipRule: "evenodd",
|
19
|
-
d: "M62 28H847V466H62V28Z"
|
20
|
-
}), /*#__PURE__*/_jsx("path", {
|
21
|
-
d: "M0 490H909V493C909 506.255 898.255 517 885 517H24C10.7452 517 0 506.255 0 493V490Z",
|
22
|
-
fill: "#282828"
|
23
|
-
})]
|
24
|
-
});
|
25
|
-
}
|
26
|
-
|
27
|
-
// 设备截图的实际尺寸
|
28
|
-
export const width = 909;
|
29
|
-
export const height = 517;
|
30
|
-
|
31
|
-
// 屏幕的比例
|
32
|
-
export const ratio = 438 / 785;
|
33
|
-
|
34
|
-
// 屏幕相关数据
|
35
|
-
export const screenData = {
|
36
|
-
// 屏幕坐标轴相对图片的百分比
|
37
|
-
x: 68 / 909,
|
38
|
-
y: 28 / 517,
|
39
|
-
// 屏幕尺寸相对图片尺寸的百分比
|
40
|
-
width: 773 / 909,
|
41
|
-
height: 438 / 517,
|
42
|
-
// 是否有圆角
|
43
|
-
radius: 'none'
|
44
|
-
};
|
45
|
-
export default {
|
46
|
-
Shell,
|
47
|
-
ratio,
|
48
|
-
screenData,
|
49
|
-
width,
|
50
|
-
height
|
51
|
-
};
|
@@ -1,36 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
export const width = 268;
|
3
|
-
export const height = 554;
|
4
|
-
export function Shell({
|
5
|
-
...rest
|
6
|
-
}) {
|
7
|
-
return /*#__PURE__*/_jsx("svg", {
|
8
|
-
width: "268",
|
9
|
-
height: "554",
|
10
|
-
viewBox: "0 0 268 554",
|
11
|
-
fill: "none",
|
12
|
-
xmlns: "http://www.w3.org/2000/svg",
|
13
|
-
...rest,
|
14
|
-
children: /*#__PURE__*/_jsx("path", {
|
15
|
-
d: "M37 7.5H230.929C247.222 7.5 260.429 20.7076 260.429 37V517C260.429 533.292 247.222 546.5 230.929 546.5H37C20.7076 546.5 7.5 533.292 7.5 517V37C7.5 20.7076 20.7076 7.5 37 7.5Z",
|
16
|
-
fill: "#2F2F2F",
|
17
|
-
stroke: "#2F2F2F",
|
18
|
-
strokeWidth: "15"
|
19
|
-
})
|
20
|
-
});
|
21
|
-
}
|
22
|
-
export const ratio = 798 / 386;
|
23
|
-
export const screenData = {
|
24
|
-
x: 15 / 384,
|
25
|
-
y: 15 / 794,
|
26
|
-
width: 354 / 384,
|
27
|
-
height: 764 / 794,
|
28
|
-
radius: '10% / 5%'
|
29
|
-
};
|
30
|
-
export default {
|
31
|
-
Shell,
|
32
|
-
ratio,
|
33
|
-
screenData,
|
34
|
-
width,
|
35
|
-
height
|
36
|
-
};
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|