@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,52 +0,0 @@
|
|
1
|
-
/* eslint-disable no-param-reassign */
|
2
|
-
function startsWith(string, target, position) {
|
3
|
-
const {
|
4
|
-
length
|
5
|
-
} = string;
|
6
|
-
position = position == null ? 0 : position;
|
7
|
-
if (position < 0) {
|
8
|
-
position = 0;
|
9
|
-
} else if (position > length) {
|
10
|
-
position = length;
|
11
|
-
}
|
12
|
-
target = `${target}`;
|
13
|
-
// eslint-disable-next-line eqeqeq
|
14
|
-
return string.slice(position, position + target.length) == target;
|
15
|
-
}
|
16
|
-
function getBrowserLang() {
|
17
|
-
if (typeof window === 'undefined') {
|
18
|
-
return null;
|
19
|
-
}
|
20
|
-
const lang = window.navigator.languages && window.navigator.languages[0] || window.navigator.language || window.navigator.browserLanguage || window.navigator.userLanguage || window.navigator.systemLanguage || null;
|
21
|
-
return lang;
|
22
|
-
}
|
23
|
-
function normalizeCode(code) {
|
24
|
-
return (code || '').toLowerCase().replace(/-/, '_');
|
25
|
-
}
|
26
|
-
function getPreferredLanguage(options) {
|
27
|
-
if (!options) {
|
28
|
-
return getBrowserLang();
|
29
|
-
}
|
30
|
-
const {
|
31
|
-
languages,
|
32
|
-
fallback
|
33
|
-
} = options;
|
34
|
-
if (!options.languages) {
|
35
|
-
return fallback;
|
36
|
-
}
|
37
|
-
|
38
|
-
// some browsers report language as en-US instead of en_US
|
39
|
-
const browserLanguage = normalizeCode(getBrowserLang());
|
40
|
-
if (!browserLanguage) {
|
41
|
-
return fallback;
|
42
|
-
}
|
43
|
-
const match = languages.filter(lang => normalizeCode(lang) === browserLanguage);
|
44
|
-
if (match.length > 0) {
|
45
|
-
return match[0] || fallback;
|
46
|
-
}
|
47
|
-
|
48
|
-
// en == en_US
|
49
|
-
const matchCodeOnly = languages.filter(lang => startsWith(browserLanguage, lang));
|
50
|
-
return matchCodeOnly[0] || fallback;
|
51
|
-
}
|
52
|
-
export default getPreferredLanguage;
|
package/es/Locale/context.js
DELETED
@@ -1,139 +0,0 @@
|
|
1
|
-
/* eslint-disable no-prototype-builtins */
|
2
|
-
import { createContext, useState, useEffect, useContext, useRef, useCallback } from 'react';
|
3
|
-
import get from 'lodash/get';
|
4
|
-
import PropTypes from 'prop-types';
|
5
|
-
import Cookie from 'js-cookie';
|
6
|
-
import browserLang from './browser-lang';
|
7
|
-
import { translate } from './util';
|
8
|
-
import { getCookieOptions } from '../Util';
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
10
|
-
const cookieName = 'nf_lang';
|
11
|
-
|
12
|
-
// 跨应用传递多语言选择的方式是在 query string 中添加 locale 参数,LocaleSelector 要高优先级遵守这个参数
|
13
|
-
const getLocaleFromSearchParams = (languages, url = window.location.href) => {
|
14
|
-
const locale = new URL(url).searchParams.get('locale');
|
15
|
-
if (languages.find(x => x.code === locale)) {
|
16
|
-
return locale;
|
17
|
-
}
|
18
|
-
return null;
|
19
|
-
};
|
20
|
-
const setLocaleParam = (locale, url = window.location.href) => {
|
21
|
-
const urlObj = new URL(url);
|
22
|
-
const hasLocaleParam = urlObj.searchParams.has('locale');
|
23
|
-
if (hasLocaleParam) {
|
24
|
-
urlObj.searchParams.set('locale', locale);
|
25
|
-
window.history.replaceState({}, '', urlObj.href);
|
26
|
-
}
|
27
|
-
};
|
28
|
-
const getLocale = (languages = []) => {
|
29
|
-
const langParams = {
|
30
|
-
languages: languages.map(item => item.code),
|
31
|
-
// 取 languages 首个元素的 code 值, 如果不存在则取 'en'
|
32
|
-
fallback: languages?.[0]?.code || 'en'
|
33
|
-
};
|
34
|
-
return getLocaleFromSearchParams(languages) || Cookie.get(cookieName) || browserLang(langParams);
|
35
|
-
};
|
36
|
-
const setLocale = locale => {
|
37
|
-
Cookie.set(cookieName, locale, getCookieOptions());
|
38
|
-
setLocaleParam(locale);
|
39
|
-
};
|
40
|
-
const getLanguages = arg => {
|
41
|
-
const env = get(window, 'blocklet.languages');
|
42
|
-
if (Array.isArray(env) && env.length) {
|
43
|
-
return env;
|
44
|
-
}
|
45
|
-
if (Array.isArray(arg) && arg.length) {
|
46
|
-
return arg;
|
47
|
-
}
|
48
|
-
return [{
|
49
|
-
code: 'en',
|
50
|
-
name: 'English'
|
51
|
-
}, {
|
52
|
-
code: 'zh',
|
53
|
-
name: '简体中文'
|
54
|
-
}];
|
55
|
-
};
|
56
|
-
const LocaleContext = /*#__PURE__*/createContext();
|
57
|
-
const {
|
58
|
-
Provider,
|
59
|
-
Consumer
|
60
|
-
} = LocaleContext;
|
61
|
-
function LocaleProvider({
|
62
|
-
children,
|
63
|
-
locale,
|
64
|
-
fallbackLocale,
|
65
|
-
translations,
|
66
|
-
onLoadingTranslation,
|
67
|
-
languages,
|
68
|
-
...rest
|
69
|
-
}) {
|
70
|
-
const langs = getLanguages(languages);
|
71
|
-
// eslint-disable-next-line prefer-const
|
72
|
-
let [currentLocale, setCurrentLocale] = useState(locale || getLocale(langs));
|
73
|
-
const lastCurrentLocale = useRef(fallbackLocale);
|
74
|
-
const [, setForceUpdate] = useState(0);
|
75
|
-
const changeLocale = newLocale => {
|
76
|
-
setCurrentLocale(newLocale);
|
77
|
-
setLocale(newLocale);
|
78
|
-
};
|
79
|
-
useEffect(() => {
|
80
|
-
const tmpLocale = locale || getLocale(langs);
|
81
|
-
if (tmpLocale !== currentLocale) {
|
82
|
-
changeLocale(tmpLocale);
|
83
|
-
}
|
84
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
85
|
-
}, [locale]);
|
86
|
-
|
87
|
-
// handle async loading of translations
|
88
|
-
if (currentLocale && translations[currentLocale] && typeof translations[currentLocale] === 'function') {
|
89
|
-
const tmpLocale = currentLocale;
|
90
|
-
try {
|
91
|
-
Promise.resolve(translations[tmpLocale]()).then(res => {
|
92
|
-
if (res && typeof res === 'object') {
|
93
|
-
translations[tmpLocale] = res;
|
94
|
-
setForceUpdate(x => x > 999 ? 0 : x + 1);
|
95
|
-
}
|
96
|
-
});
|
97
|
-
} catch (err) {
|
98
|
-
console.error(err);
|
99
|
-
}
|
100
|
-
onLoadingTranslation(tmpLocale, langs);
|
101
|
-
currentLocale = lastCurrentLocale.current;
|
102
|
-
} else {
|
103
|
-
lastCurrentLocale.current = currentLocale;
|
104
|
-
}
|
105
|
-
const t = useCallback((key, data) => translate(translations, key, currentLocale, fallbackLocale, data), [translations, currentLocale, fallbackLocale]);
|
106
|
-
return /*#__PURE__*/_jsx(Provider, {
|
107
|
-
value: {
|
108
|
-
locale: currentLocale,
|
109
|
-
changeLocale,
|
110
|
-
t,
|
111
|
-
languages: langs,
|
112
|
-
...rest
|
113
|
-
},
|
114
|
-
children: children
|
115
|
-
});
|
116
|
-
}
|
117
|
-
function useLocaleContext() {
|
118
|
-
const context = useContext(LocaleContext);
|
119
|
-
return context;
|
120
|
-
}
|
121
|
-
LocaleProvider.propTypes = {
|
122
|
-
children: PropTypes.any.isRequired,
|
123
|
-
translations: PropTypes.object.isRequired,
|
124
|
-
onLoadingTranslation: PropTypes.func,
|
125
|
-
locale: PropTypes.string,
|
126
|
-
// 会影响 translate(key) 的结果 - 当 key 无效时查找 fallbackLocale 对应的翻译结果
|
127
|
-
fallbackLocale: PropTypes.string,
|
128
|
-
languages: PropTypes.arrayOf(PropTypes.shape({
|
129
|
-
code: PropTypes.string,
|
130
|
-
name: PropTypes.string
|
131
|
-
}))
|
132
|
-
};
|
133
|
-
LocaleProvider.defaultProps = {
|
134
|
-
locale: '',
|
135
|
-
fallbackLocale: '',
|
136
|
-
languages: [],
|
137
|
-
onLoadingTranslation: () => {}
|
138
|
-
};
|
139
|
-
export { LocaleProvider, Consumer as LocaleConsumer, LocaleContext, useLocaleContext, setLocale, getLocale };
|
package/es/Locale/languages.js
DELETED
@@ -1,60 +0,0 @@
|
|
1
|
-
// from: https://github.com/meikidd/iso-639-1/blob/master/src/data.js
|
2
|
-
const languages = {
|
3
|
-
ar: {
|
4
|
-
name: 'Arabic',
|
5
|
-
nativeName: 'اَلْعَرَبِيَّةُ'
|
6
|
-
},
|
7
|
-
de: {
|
8
|
-
name: 'German',
|
9
|
-
nativeName: 'Deutsch'
|
10
|
-
},
|
11
|
-
en: {
|
12
|
-
name: 'English',
|
13
|
-
nativeName: 'English'
|
14
|
-
},
|
15
|
-
es: {
|
16
|
-
name: 'Spanish',
|
17
|
-
nativeName: 'Español'
|
18
|
-
},
|
19
|
-
fr: {
|
20
|
-
name: 'French',
|
21
|
-
nativeName: 'Français'
|
22
|
-
},
|
23
|
-
it: {
|
24
|
-
name: 'Italian',
|
25
|
-
nativeName: 'Italiano'
|
26
|
-
},
|
27
|
-
ja: {
|
28
|
-
name: 'Japanese',
|
29
|
-
nativeName: '日本語'
|
30
|
-
},
|
31
|
-
ko: {
|
32
|
-
name: 'Korean',
|
33
|
-
nativeName: '한국어'
|
34
|
-
},
|
35
|
-
mn: {
|
36
|
-
name: 'Mongolian',
|
37
|
-
nativeName: 'Монгол хэл'
|
38
|
-
},
|
39
|
-
pt: {
|
40
|
-
name: 'Portuguese',
|
41
|
-
nativeName: 'Português'
|
42
|
-
},
|
43
|
-
ru: {
|
44
|
-
name: 'Russian',
|
45
|
-
nativeName: 'Русский'
|
46
|
-
},
|
47
|
-
zh: {
|
48
|
-
name: 'Simplified Chinese',
|
49
|
-
nativeName: '简体中文'
|
50
|
-
},
|
51
|
-
'zh-TW': {
|
52
|
-
name: 'Traditional Chinese',
|
53
|
-
nativeName: '繁體中文'
|
54
|
-
}
|
55
|
-
};
|
56
|
-
export default Object.keys(languages).map(code => ({
|
57
|
-
code,
|
58
|
-
...languages[code]
|
59
|
-
}));
|
60
|
-
export { languages as map };
|
package/es/Locale/selector.js
DELETED
@@ -1,186 +0,0 @@
|
|
1
|
-
/* eslint-disable react/jsx-no-bind */
|
2
|
-
import { useState, useContext, useRef, useMemo } from 'react';
|
3
|
-
import PropTypes from 'prop-types';
|
4
|
-
import { Button, Typography, IconButton, Popper, MenuItem, MenuList, Box, ClickAwayListener } from '@mui/material';
|
5
|
-
import { Icon as IconifyIcon } from '@iconify/react';
|
6
|
-
import CheckIcon from '@iconify-icons/material-symbols/check';
|
7
|
-
import LanguageIcon from 'iconify-icons-material-symbols-400/language';
|
8
|
-
import noop from 'lodash/noop';
|
9
|
-
import { getColor, getBackground } from '../Util';
|
10
|
-
import { temp as colors } from '../Colors';
|
11
|
-
import { LocaleContext } from './context';
|
12
|
-
import { styled, useTheme } from '../Theme';
|
13
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
14
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
15
|
-
export default function LocaleSelector(props) {
|
16
|
-
const {
|
17
|
-
showText,
|
18
|
-
popperProps,
|
19
|
-
popperType,
|
20
|
-
icon: Icon,
|
21
|
-
size,
|
22
|
-
...rest
|
23
|
-
} = props;
|
24
|
-
const {
|
25
|
-
locale,
|
26
|
-
changeLocale,
|
27
|
-
languages
|
28
|
-
} = useContext(LocaleContext);
|
29
|
-
const anchorEl = useRef(null);
|
30
|
-
const [open, setOpen] = useState(false);
|
31
|
-
const theme = useTheme();
|
32
|
-
const dark = theme?.palette?.mode === 'dark';
|
33
|
-
const onSelect = newLocale => {
|
34
|
-
changeLocale(newLocale);
|
35
|
-
setOpen(false);
|
36
|
-
if (typeof props.onChange === 'function') {
|
37
|
-
props.onChange(newLocale);
|
38
|
-
}
|
39
|
-
};
|
40
|
-
const onClose = e => {
|
41
|
-
if (anchorEl.current?.contains(e.target)) {
|
42
|
-
return;
|
43
|
-
}
|
44
|
-
setOpen(false);
|
45
|
-
};
|
46
|
-
const ButtonComponent = showText ? Button : IconButton;
|
47
|
-
const handleEventProps = popperType === 'hover' ? {
|
48
|
-
onMouseEnter: () => {
|
49
|
-
setOpen(true);
|
50
|
-
},
|
51
|
-
onMouseLeave: () => {
|
52
|
-
setOpen(false);
|
53
|
-
}
|
54
|
-
} : {
|
55
|
-
onClick: () => {
|
56
|
-
setOpen(!open);
|
57
|
-
}
|
58
|
-
};
|
59
|
-
const renderIcon = useMemo(() => {
|
60
|
-
if (Icon) {
|
61
|
-
return /*#__PURE__*/_jsx(Icon, {});
|
62
|
-
}
|
63
|
-
return /*#__PURE__*/_jsx(IconifyIcon, {
|
64
|
-
icon: LanguageIcon,
|
65
|
-
fontSize: size,
|
66
|
-
style: {
|
67
|
-
transform: 'scale(1.10)'
|
68
|
-
}
|
69
|
-
});
|
70
|
-
}, [Icon, size]);
|
71
|
-
return /*#__PURE__*/_jsxs(Div, {
|
72
|
-
component: "div",
|
73
|
-
dark: dark,
|
74
|
-
theme: theme,
|
75
|
-
...rest,
|
76
|
-
...handleEventProps,
|
77
|
-
children: [/*#__PURE__*/_jsx(ButtonComponent, {
|
78
|
-
ref: anchorEl,
|
79
|
-
className: "trigger",
|
80
|
-
role: "button",
|
81
|
-
"aria-label": "Locale selector button",
|
82
|
-
children: /*#__PURE__*/_jsxs(Box, {
|
83
|
-
display: "flex",
|
84
|
-
alignItems: "center",
|
85
|
-
children: [renderIcon, showText ? /*#__PURE__*/_jsx(Typography, {
|
86
|
-
component: "strong",
|
87
|
-
className: "trigger-text",
|
88
|
-
children: languages.find(x => x.code === locale).name
|
89
|
-
}) : '']
|
90
|
-
})
|
91
|
-
}), /*#__PURE__*/_jsx(StyledPopper, {
|
92
|
-
open: open,
|
93
|
-
anchorEl: anchorEl.current,
|
94
|
-
...popperProps,
|
95
|
-
disablePortal: true,
|
96
|
-
children: /*#__PURE__*/_jsx("div", {
|
97
|
-
className: "locales",
|
98
|
-
children: /*#__PURE__*/_jsx(ClickAwayListener, {
|
99
|
-
onClickAway: onClose,
|
100
|
-
children: /*#__PURE__*/_jsx(MenuList, {
|
101
|
-
children: languages.map(({
|
102
|
-
code,
|
103
|
-
name
|
104
|
-
}) => /*#__PURE__*/_jsxs(MenuItem, {
|
105
|
-
className: "locale-item",
|
106
|
-
onClick: () => onSelect(code, name),
|
107
|
-
children: [/*#__PURE__*/_jsx(IconifyIcon, {
|
108
|
-
icon: CheckIcon,
|
109
|
-
className: code === locale ? 'check-icon check-icon-visible' : 'check-icon'
|
110
|
-
}), name]
|
111
|
-
}, code))
|
112
|
-
})
|
113
|
-
})
|
114
|
-
})
|
115
|
-
})]
|
116
|
-
});
|
117
|
-
}
|
118
|
-
LocaleSelector.propTypes = {
|
119
|
-
size: PropTypes.number,
|
120
|
-
showText: PropTypes.bool,
|
121
|
-
popperProps: PropTypes.object,
|
122
|
-
onChange: PropTypes.func,
|
123
|
-
popperType: PropTypes.oneOf(['hover', 'click']),
|
124
|
-
icon: PropTypes.any
|
125
|
-
};
|
126
|
-
LocaleSelector.defaultProps = {
|
127
|
-
showText: true,
|
128
|
-
size: 24,
|
129
|
-
popperProps: {},
|
130
|
-
onChange: noop,
|
131
|
-
popperType: 'click',
|
132
|
-
icon: null
|
133
|
-
};
|
134
|
-
const Div = styled('div', {
|
135
|
-
shouldForwardProp: prop => prop !== 'dark'
|
136
|
-
})`
|
137
|
-
display: inline-block;
|
138
|
-
|
139
|
-
.trigger {
|
140
|
-
display: flex;
|
141
|
-
flex-direction: column;
|
142
|
-
justify-content: center;
|
143
|
-
font-size: 14px;
|
144
|
-
white-space: nowrap;
|
145
|
-
|
146
|
-
.trigger-text {
|
147
|
-
margin-left: 5px;
|
148
|
-
font-size: 14px;
|
149
|
-
color: ${props => getColor(props)};
|
150
|
-
}
|
151
|
-
}
|
152
|
-
|
153
|
-
.locales {
|
154
|
-
background: ${props => getBackground(props)};
|
155
|
-
box-shadow: 0px 8px 16px 0px ${colors.gray6}, 0px 0px 0px 1px ${colors.gray6};
|
156
|
-
border-radius: 8px;
|
157
|
-
}
|
158
|
-
|
159
|
-
.locale-item {
|
160
|
-
font-size: 16px;
|
161
|
-
font-style: normal;
|
162
|
-
font-stretch: normal;
|
163
|
-
line-height: normal;
|
164
|
-
letter-spacing: 2px;
|
165
|
-
text-align: center;
|
166
|
-
color: ${props => getColor(props)};
|
167
|
-
cursor: pointer;
|
168
|
-
display: flex;
|
169
|
-
padding: 16px;
|
170
|
-
align-items: center;
|
171
|
-
.check-icon {
|
172
|
-
visibility: hidden;
|
173
|
-
margin-right: 4px;
|
174
|
-
}
|
175
|
-
.check-icon-visible {
|
176
|
-
visibility: visible;
|
177
|
-
}
|
178
|
-
}
|
179
|
-
`;
|
180
|
-
const StyledPopper = styled(Popper)`
|
181
|
-
z-index: ${({
|
182
|
-
theme
|
183
|
-
}) => {
|
184
|
-
return theme.zIndex.tooltip + 10;
|
185
|
-
}};
|
186
|
-
`;
|
package/es/Locale/util.js
DELETED
@@ -1,21 +0,0 @@
|
|
1
|
-
import get from 'lodash/get';
|
2
|
-
|
3
|
-
/* eslint-disable no-prototype-builtins */
|
4
|
-
export const replace = (template, data) => template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');
|
5
|
-
export const translate = (translations, key, locale, fallbackLocale = 'en', data = {}) => {
|
6
|
-
const translation = translations[locale];
|
7
|
-
const translationValue = get(translation, key);
|
8
|
-
const fallbackValue = get(translations[fallbackLocale], key);
|
9
|
-
if (!translation || !translationValue) {
|
10
|
-
console.warn(`Warning: no ${key} translation of ${locale}`);
|
11
|
-
if (fallbackLocale && fallbackValue) {
|
12
|
-
return replace(fallbackValue, data);
|
13
|
-
}
|
14
|
-
return key;
|
15
|
-
}
|
16
|
-
if (typeof translations[locale] === 'function' || translations[locale].then) {
|
17
|
-
return replace(fallbackValue, data);
|
18
|
-
}
|
19
|
-
return replace(translationValue, data);
|
20
|
-
};
|
21
|
-
export const t = translate;
|
@@ -1,3 +0,0 @@
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="99" height="18" viewBox="0 0 99 18">
|
2
|
-
<path fill="#000" fill-rule="evenodd" d="M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917H43.065v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4V12.822c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"/>
|
3
|
-
</svg>
|
@@ -1,6 +0,0 @@
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="45" height="52" viewBox="0 0 45 52">
|
2
|
-
<g fill="none" fill-rule="evenodd" stroke="#000">
|
3
|
-
<path d="M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25M.5 38.077l43.301-25"/>
|
4
|
-
<path d="M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"/>
|
5
|
-
</g>
|
6
|
-
</svg>
|
@@ -1,3 +0,0 @@
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="99" height="18" viewBox="0 0 99 18">
|
2
|
-
<path fill="#FFF" fill-rule="evenodd" d="M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917H43.065v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4V12.822c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"/>
|
3
|
-
</svg>
|
@@ -1,6 +0,0 @@
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="45" height="52" viewBox="0 0 45 52">
|
2
|
-
<g fill="none" fill-rule="evenodd" stroke="#FFF">
|
3
|
-
<path d="M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25M.5 38.077l43.301-25"/>
|
4
|
-
<path d="M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"/>
|
5
|
-
</g>
|
6
|
-
</svg>
|
package/es/Logo/index.js
DELETED
@@ -1,136 +0,0 @@
|
|
1
|
-
import React from "react";
|
2
|
-
import PropTypes from 'prop-types';
|
3
|
-
import { styled } from '../Theme';
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
5
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
6
|
-
var LightLogo = function LightLogo(props) {
|
7
|
-
return /*#__PURE__*/_jsx("svg", {
|
8
|
-
...props,
|
9
|
-
children: /*#__PURE__*/_jsxs("g", {
|
10
|
-
fill: "none",
|
11
|
-
fillRule: "evenodd",
|
12
|
-
stroke: "#FFF",
|
13
|
-
children: [/*#__PURE__*/_jsx("path", {
|
14
|
-
d: "M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25m-43.301 0l43.301-25"
|
15
|
-
}), /*#__PURE__*/_jsx("path", {
|
16
|
-
d: "M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"
|
17
|
-
})]
|
18
|
-
})
|
19
|
-
});
|
20
|
-
};
|
21
|
-
LightLogo.defaultProps = {
|
22
|
-
xmlns: "http://www.w3.org/2000/svg",
|
23
|
-
width: "45",
|
24
|
-
height: "52",
|
25
|
-
viewBox: "0 0 45 52"
|
26
|
-
};
|
27
|
-
var LightText = function LightText(props) {
|
28
|
-
return /*#__PURE__*/_jsx("svg", {
|
29
|
-
...props,
|
30
|
-
children: /*#__PURE__*/_jsx("path", {
|
31
|
-
fill: "#FFF",
|
32
|
-
fillRule: "evenodd",
|
33
|
-
d: "M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917h-7.09v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4v2.021c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"
|
34
|
-
})
|
35
|
-
});
|
36
|
-
};
|
37
|
-
LightText.defaultProps = {
|
38
|
-
xmlns: "http://www.w3.org/2000/svg",
|
39
|
-
width: "99",
|
40
|
-
height: "18",
|
41
|
-
viewBox: "0 0 99 18"
|
42
|
-
};
|
43
|
-
var DarkLogo = function DarkLogo(props) {
|
44
|
-
return /*#__PURE__*/_jsx("svg", {
|
45
|
-
...props,
|
46
|
-
children: /*#__PURE__*/_jsxs("g", {
|
47
|
-
fill: "none",
|
48
|
-
fillRule: "evenodd",
|
49
|
-
stroke: "#000",
|
50
|
-
children: [/*#__PURE__*/_jsx("path", {
|
51
|
-
d: "M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25m-43.301 0l43.301-25"
|
52
|
-
}), /*#__PURE__*/_jsx("path", {
|
53
|
-
d: "M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"
|
54
|
-
})]
|
55
|
-
})
|
56
|
-
});
|
57
|
-
};
|
58
|
-
DarkLogo.defaultProps = {
|
59
|
-
xmlns: "http://www.w3.org/2000/svg",
|
60
|
-
width: "45",
|
61
|
-
height: "52",
|
62
|
-
viewBox: "0 0 45 52"
|
63
|
-
};
|
64
|
-
var DarkText = function DarkText(props) {
|
65
|
-
return /*#__PURE__*/_jsx("svg", {
|
66
|
-
...props,
|
67
|
-
children: /*#__PURE__*/_jsx("path", {
|
68
|
-
fillRule: "evenodd",
|
69
|
-
d: "M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917h-7.09v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4v2.021c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"
|
70
|
-
})
|
71
|
-
});
|
72
|
-
};
|
73
|
-
DarkText.defaultProps = {
|
74
|
-
xmlns: "http://www.w3.org/2000/svg",
|
75
|
-
width: "99",
|
76
|
-
height: "18",
|
77
|
-
viewBox: "0 0 99 18"
|
78
|
-
};
|
79
|
-
/**
|
80
|
-
@typedef {import('react').HTMLAttributes<HTMLSpanElement> & {
|
81
|
-
mode?: 'light' | 'dark',
|
82
|
-
layout?: 'vertical' | 'horizontal',
|
83
|
-
showText?: boolean,
|
84
|
-
showLogo?: boolean,
|
85
|
-
}} LogoProps
|
86
|
-
*/
|
87
|
-
/**
|
88
|
-
* @description
|
89
|
-
* @export
|
90
|
-
* @param {LogoProps} props
|
91
|
-
* @return {React.ReactComponentElement}
|
92
|
-
*/
|
93
|
-
export default function Logo({
|
94
|
-
showText,
|
95
|
-
showLogo,
|
96
|
-
mode,
|
97
|
-
layout,
|
98
|
-
...rest
|
99
|
-
}) {
|
100
|
-
const logo = mode === 'light' ? /*#__PURE__*/_jsx(LightLogo, {}) : /*#__PURE__*/_jsx(DarkLogo, {});
|
101
|
-
const text = mode === 'light' ? /*#__PURE__*/_jsx(LightText, {
|
102
|
-
className: "logo-text"
|
103
|
-
}) : /*#__PURE__*/_jsx(DarkText, {
|
104
|
-
className: "logo-text"
|
105
|
-
});
|
106
|
-
return /*#__PURE__*/_jsxs(Container, {
|
107
|
-
layout: layout,
|
108
|
-
...rest,
|
109
|
-
children: [showLogo && logo, showText && text]
|
110
|
-
});
|
111
|
-
}
|
112
|
-
Logo.propTypes = {
|
113
|
-
mode: PropTypes.oneOf(['light', 'dark']),
|
114
|
-
layout: PropTypes.oneOf(['vertical', 'horizontal']),
|
115
|
-
showText: PropTypes.bool,
|
116
|
-
showLogo: PropTypes.bool
|
117
|
-
};
|
118
|
-
Logo.defaultProps = {
|
119
|
-
mode: 'dark',
|
120
|
-
layout: 'vertical',
|
121
|
-
showText: true,
|
122
|
-
showLogo: true
|
123
|
-
};
|
124
|
-
|
125
|
-
/** @type {import('@emotion/styled').StyledComponent<HTMLSpanElement, {}, { ref?: React.Ref<any> | undefined;}>} */
|
126
|
-
const Container = styled('span')`
|
127
|
-
display: inline-flex;
|
128
|
-
flex-direction: ${props => props.layout === 'horizontal' ? 'row' : 'column'};
|
129
|
-
justify-content: center;
|
130
|
-
align-items: center;
|
131
|
-
|
132
|
-
.logo-text {
|
133
|
-
${props => props.layout === 'vertical' ? 'margin-top: 8px;' : ''}
|
134
|
-
${props => props.layout === 'vertical' ? '' : 'margin-left: 8px;'};
|
135
|
-
}
|
136
|
-
`;
|