@arcblock/ux 0.78.26 → 1.6.60

package/lib/Layout/dashboard/sidebar.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _styles = require("@material-ui/core/styles");
+var _withTheme = _interopRequireDefault(require("@material-ui/core/styles/withTheme"));
 
 var _reactRouterDom = require("react-router-dom");
 
@@ -19,36 +19,44 @@ var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 
+var _teal = _interopRequireDefault(require("@material-ui/core/colors/teal"));
+
 var _image = _interopRequireDefault(require("../../Icon/image"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Logo = _interopRequireDefault(require("../../Logo"));
 
-/* eslint-disable object-curly-newline */
+const _excluded = ["location", "theme", "images", "links", "prefix", "addons", "logo"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/* eslint-disable react/destructuring-assignment */
+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; }
 
-/* eslint-disable react/jsx-one-expression-per-line */
+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; }
 
-/* eslint-disable react/jsx-no-target-blank */
-// eslint-disable-next-line import/no-unresolved
-// eslint-disable-next-line object-curly-newline
 function Sidebar(_ref) {
   let {
     location,
     theme,
     images,
     links,
-    prefix
-  } = _ref;
+    prefix,
+    addons,
+    logo
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   const isSelected = (url, name) => {
     const pattern = new RegExp("/".concat(name));
     return pattern.test(location.pathname);
   };
 
-  return _react.default.createElement(MenuItems, null, _react.default.createElement("div", {
-    className: "menu-top-items"
-  }, links.map((_ref2) => {
+  return /*#__PURE__*/_react.default.createElement(MenuItems, rest, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
+    to: "/",
+    className: "sidebar-logo"
+  }, logo || /*#__PURE__*/_react.default.createElement(_Logo.default, {
+    showText: false,
+    size: 20
+  })), links.map(_ref2 => {
     let {
       url,
       name,
@@ -56,22 +64,26 @@ function Sidebar(_ref) {
       showBadge
     } = _ref2;
     const selected = isSelected(url, name);
-    return _react.default.createElement(MenuItem, {
+    return /*#__PURE__*/_react.default.createElement(MenuItem, {
       component: _reactRouterDom.Link,
       key: url,
       selected: selected,
       to: url
-    }, _react.default.createElement(_image.default, {
+    }, /*#__PURE__*/_react.default.createElement(_image.default, {
       name: images[name],
       size: 36,
       color: selected ? '#00c2c4' : theme.typography.color.main,
       prefix: prefix,
       showBadge: showBadge
-    }), _react.default.createElement(_Typography.default, {
+    }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
       component: "span",
       className: "menu-title"
     }, title));
-  })));
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }), addons);
 }
 
 Sidebar.propTypes = {
@@ -79,23 +91,27 @@ Sidebar.propTypes = {
   theme: _propTypes.default.object.isRequired,
   images: _propTypes.default.object.isRequired,
   links: _propTypes.default.array.isRequired,
-  prefix: _propTypes.default.string
+  prefix: _propTypes.default.string,
+  addons: _propTypes.default.any,
+  logo: _propTypes.default.any
 };
 Sidebar.defaultProps = {
-  prefix: '/images'
+  prefix: '/images',
+  addons: null,
+  logo: null
 };
 
-const MenuItems = _react.default.memo(_styledComponents.default.div.withConfig({
+const MenuItems = /*#__PURE__*/_react.default.memo(_styledComponents.default.div.withConfig({
   displayName: "sidebar__MenuItems",
-  componentId: "gaosgy-0"
-})(["flex:1;margin-top:16px;display:flex;flex-direction:column;justify-content:space-between;.menu-bottom-items{display:none;margin-bottom:16px;}"]));
+  componentId: "sc-gaosgy-0"
+})(["flex:1;display:flex;flex-direction:column;&& .sidebar-logo{display:none;border-bottom:1px solid #eee;background:", ";position:sticky;top:0;z-index:1;padding:10px 0;text-align:center;font-size:0;}@media (max-width:", "px){&& .sidebar-logo{display:block;}}"], props => props.theme.palette.background.default, props => props.theme.breakpoints.values.md));
 
 const gradient = 'linear-gradient(32deg, rgba(144, 255, 230, 0.1), rgba(144, 255, 230, 0))';
 const MenuItem = (0, _styledComponents.default)(_Button.default).withConfig({
   displayName: "sidebar__MenuItem",
-  componentId: "gaosgy-1"
-})(["&&{display:block;width:100%;transition:all 200ms ease-in-out;background:", ";padding:24px 0;border-left:2px solid ", ";&:hover{background:", ";border-left-color:", ";}.menu-title{margin-top:8px;font-size:12px;font-weight:500;text-align:center;text-transform:capitalize;letter-spacing:normal;width:80%;}.MuiButton-label{display:flex;flex-direction:column;justify-content:center;align-items:center;}}"], props => props.selected ? gradient : '', props => props.selected ? props.theme.colors.green : 'transparent', gradient, props => props.theme.colors.green);
+  componentId: "sc-gaosgy-1"
+})(["&&{display:block;width:100%;transition:all 200ms ease-in-out;background:", ";padding:24px 0;border-left:2px solid ", ";&:hover{background:", ";border-left-color:", ";}.menu-title{margin-top:8px;font-size:12px;font-weight:500;text-align:center;text-transform:capitalize;letter-spacing:normal;width:80%;}.MuiButton-label{display:flex;flex-direction:column;justify-content:center;align-items:center;}}"], props => props.selected ? gradient : '', props => props.selected ? _teal.default.A700 : 'transparent', gradient, _teal.default.A700);
 
-var _default = (0, _reactRouterDom.withRouter)((0, _styles.withTheme)(Sidebar));
+var _default = (0, _reactRouterDom.withRouter)((0, _withTheme.default)(Sidebar));
 
 exports.default = _default;

package/lib/Layout/index.js

@@ -41,24 +41,35 @@ var _Footer = _interopRequireDefault(require("../Footer"));
 
 var _Open = _interopRequireDefault(require("../Wallet/Open"));
 
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _Logo = _interopRequireDefault(require("../Logo"));
+
+const _excluded = ["title", "brand", "description", "links", "logo", "showLogo", "addons", "footer", "baseUrl", "homeUrl", "children", "variant", "contentOnly"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
 
 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; }
 
-// eslint-disable-next-line object-curly-newline
 function Layout(_ref) {
   let {
     title,
     brand,
+    description,
     links,
+    logo,
+    showLogo,
+    addons,
     footer,
     baseUrl,
+    homeUrl,
     children,
+    variant,
     contentOnly
   } = _ref,
-      rest = _objectWithoutProperties(_ref, ["title", "brand", "links", "footer", "baseUrl", "children", "contentOnly"]);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   const [drawerOpen, setDrawerOpen] = _react.default.useState(false);
 
@@ -67,67 +78,109 @@ function Layout(_ref) {
   };
 
   if (contentOnly) {
-    return _react.default.createElement(_Container.default, null, children);
+    return /*#__PURE__*/_react.default.createElement(_Container.default, null, children);
   }
 
-  const drawer = _react.default.createElement("div", null, _react.default.createElement("div", {
+  let activeLink = '';
+  const {
+    pathname: currentPath
+  } = new URL(window.location);
+  links.forEach(link => {
+    if (currentPath.startsWith(link.url) && link.url.length > activeLink.length) {
+      activeLink = link.url;
+    }
+  });
+
+  const drawer = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
     className: "toolbar toolbar--drawer"
-  }, brand), _react.default.createElement(_Divider.default, null), _react.default.createElement(_List.default, null, links.map(x => _react.default.createElement(_Link.default, {
+  }, showLogo ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "menu-logo"
+  }, logo) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      flexGrow: 1,
+      overflow: 'hidden',
+      textOverflow: 'ellipsis'
+    }
+  }, brand)), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement(_List.default, null, links.map(x => /*#__PURE__*/_react.default.createElement(_Link.default, {
+    className: "nav-link",
     key: x.url,
     href: x.url
-  }, _react.default.createElement(_ListItem.default, {
-    key: x.url,
-    button: true
-  }, _react.default.createElement(_ListItemText.default, {
-    primary: x.title
-  }))))));
-
-  return _react.default.createElement(Div, rest, _react.default.createElement(_reactHelmet.default, {
-    title: "".concat(title)
-  }), _react.default.createElement(_AppBar.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    button: true,
+    className: activeLink === x.url ? 'drawer-highlight-nav' : ''
+  }, /*#__PURE__*/_react.default.createElement(_ListItemText.default, null, x.icon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: x.icon,
+    size: 18 * (x.iconZoom || 1),
+    color: "inherit",
+    style: {
+      marginRight: '5px'
+    }
+  }), x.title))))));
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Div, rest, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, {
+    title: title
+  }), /*#__PURE__*/_react.default.createElement(_AppBar.default, {
     position: "fixed",
-    className: "appbar",
+    className: "appbar appbar--".concat(variant),
     color: "default",
     style: {
       height: 56
     }
-  }, _react.default.createElement("div", {
-    className: "header-mobile"
-  }, _react.default.createElement(_Toolbar.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Container.default, {
+    disableGutters: true
+  }, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
     className: "toolbar"
-  }, _react.default.createElement(_IconButton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     color: "inherit",
     "aria-label": "open drawer",
     edge: "start",
     onClick: onToggleDrawer,
     className: "menu-button"
-  }, _react.default.createElement(_Menu.default, null)), _react.default.createElement(_Typography.default, {
-    href: "/",
+  }, /*#__PURE__*/_react.default.createElement(_Menu.default, null)), showLogo ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "menu-logo"
+  }, logo) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    href: homeUrl,
     component: "a",
-    variant: "h6",
+    variant: "h5",
     color: "inherit",
     noWrap: true,
+    display: "block",
     className: "brand"
-  }, brand))), _react.default.createElement("div", {
-    className: "header-desktop"
-  }, _react.default.createElement(_Toolbar.default, {
-    className: "toolbar"
-  }, _react.default.createElement(_Container.default, null, _react.default.createElement("nav", {
-    className: "navbar"
-  }, _react.default.createElement(_Typography.default, {
-    href: "/",
-    component: "a",
-    variant: "h5",
+  }, brand), description && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    component: "small",
+    variant: "subtitle2",
     color: "inherit",
     noWrap: true,
-    className: "brand"
-  }, brand), _react.default.createElement("div", {
+    className: "description"
+  }, description), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      flexGrow: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "nav-links"
-  }, links.map(x => _react.default.createElement(_Link.default, {
+  }, links.map(x => /*#__PURE__*/_react.default.createElement(_Link.default, {
     key: x.url,
     href: x.url,
-    className: "nav-link"
-  }, x.title)))))))), _react.default.createElement(DrawerDiv, null, _react.default.createElement(_Drawer.default, {
+    className: "nav-link ".concat(activeLink === x.url ? 'highlight-nav' : ''),
+    color: x.color
+  }, x.icon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: x.icon,
+    size: 20 * (x.iconZoom || 1),
+    color: "inherit",
+    style: {
+      marginRight: '5px'
+    }
+  }), x.title))), addons))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "toolbar"
+  }), /*#__PURE__*/_react.default.createElement(_Container.default, {
+    style: {
+      marginTop: 16,
+      flex: 1
+    }
+  }, children), footer, !!baseUrl && /*#__PURE__*/_react.default.createElement(_Open.default, {
+    locale: "zh",
+    link: baseUrl
+  })), /*#__PURE__*/_react.default.createElement(DrawerDiv, null, /*#__PURE__*/_react.default.createElement(_Drawer.default, {
     variant: "temporary",
     open: drawerOpen,
     onClose: onToggleDrawer,
@@ -139,40 +192,49 @@ function Layout(_ref) {
       // Better open performance on mobile.
       disablePortal: true
     }
-  }, drawer)), _react.default.createElement("div", {
-    className: "toolbar"
-  }), _react.default.createElement(_Container.default, {
-    style: {
-      marginTop: 16
-    }
-  }, children), footer, !!baseUrl && _react.default.createElement(_Open.default, {
-    locale: "zh",
-    link: baseUrl
-  }));
+  }, drawer)));
 }
 
 Layout.propTypes = {
   title: _propTypes.default.string.isRequired,
   brand: _propTypes.default.any.isRequired,
+  description: _propTypes.default.any,
+  addons: _propTypes.default.any,
+  showLogo: _propTypes.default.bool,
+  logo: _propTypes.default.any,
   links: _propTypes.default.array,
   children: _propTypes.default.any.isRequired,
   baseUrl: _propTypes.default.string,
+  homeUrl: _propTypes.default.string,
+  variant: _propTypes.default.oneOf(['shadow', 'border']),
   footer: _propTypes.default.any,
   contentOnly: _propTypes.default.bool
 };
 Layout.defaultProps = {
   contentOnly: false,
   baseUrl: '',
+  homeUrl: '/',
   links: [],
-  footer: _react.default.createElement(_Container.default, null, _react.default.createElement(_Footer.default, null))
+  showLogo: false,
+  logo: /*#__PURE__*/_react.default.createElement(_Logo.default, {
+    showText: false,
+    style: {
+      width: '40px',
+      height: '40px'
+    }
+  }),
+  variant: 'shadow',
+  addons: undefined,
+  description: undefined,
+  footer: /*#__PURE__*/_react.default.createElement(_Container.default, null, /*#__PURE__*/_react.default.createElement(_Footer.default, null))
 };
 
 const Div = _styledComponents.default.div.withConfig({
   displayName: "Layout__Div",
   componentId: "sc-12bllvc-0"
-})(["@media (min-width:", "px){.header-desktop{display:block;}.header-mobile{display:none;}}@media (max-width:", "px){.header-desktop{display:none;}.header-mobile{display:block;}}.toolbar{min-height:56px;.navbar{display:flex;justify-content:space-between;align-items:center;.nav-link{margin:8px 12px;font-size:16px;}}}.toolbar--drawer{display:flex;align-items:center;justify-content:flex-start;padding-left:16px;padding-right:16px;}.brand{margin-right:24px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;text-decoration:none;.logo{width:140px;margin-right:16px;}}"], props => props.theme.breakpoints.values.md, props => props.theme.breakpoints.values.md - 1);
+})(["width:100%;min-height:100vh;display:flex;flex-direction:column;.appbar{&.appbar--border{box-shadow:none;&::before{content:'';position:absolute;left:0;right:0;height:1px;bottom:-1px;display:block;background-color:rgba(0,0,0,0.12);}}}.toolbar{min-height:56px;background:inherit;white-space:nowrap;.menu-logo{font-size:0;margin-right:8px;}.nav-links{display:flex;align-items:center;.nav-link{margin:8px 12px;font-size:16px;display:flex;align-items:center;}.highlight-nav{font-weight:bolder;}}.brand{cursor:pointer;text-decoration:none;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;}.description{color:#999;font-size:15px;margin-left:10px;font-weight:normal;flex-shrink:999999;}}@media (min-width:", "px){.toolbar{.menu-button{display:none;}.menu-logo{& + .brand{padding-left:45px;margin-left:-45px;}}}}@media (max-width:", "px){.toolbar{.nav-links,.menu-logo,.description{display:none;}}}"], props => props.theme.breakpoints.values.md, props => props.theme.breakpoints.values.md - 1);
 
 const DrawerDiv = _styledComponents.default.nav.withConfig({
   displayName: "Layout__DrawerDiv",
   componentId: "sc-12bllvc-1"
-})(["width:240px;.drawer-paper{width:240px;}.toolbar{min-height:56px;}"]);
+})(["width:240px;.drawer-paper{width:240px;}.toolbar{min-height:56px;}a:hover,a:active,a:visited,a:focus{text-decoration:none;}.drawer-highlight-nav{background-color:#eee;}.toolbar--drawer{font-size:18px;.menu-logo{display:inline-flex;}}"]);

package/lib/Locale/browser-lang.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-/* eslint-disable operator-linebreak */
-
 /* eslint-disable no-param-reassign */
 function startsWith(string, target, position) {
   const {

package/lib/Locale/context.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LocaleProvider = LocaleProvider;
-exports.useLocaleContext = useLocaleContext;
-exports.languages = exports.getLocale = exports.setLocale = exports.LocaleContext = exports.LocaleConsumer = void 0;
+exports.useLocaleContext = exports.setLocale = exports.languages = exports.getLocale = exports.create = exports.LocaleProvider = exports.LocaleContext = exports.LocaleConsumer = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -17,15 +15,17 @@ var _browserLang = _interopRequireDefault(require("./browser-lang"));
 
 var _Util = require("../Util");
 
+const _excluded = ["children", "locale", "translations"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -45,9 +45,20 @@ exports.languages = languages;
 const langParams = {
   languages: ['zh', 'en'],
   fallback: 'en'
+}; // 跨应用传递多语言选择的方式是在 query string 中添加 locale 参数，LocaleSelector 要高优先级遵守这个参数
+
+const getLocaleFromSearchParams = function getLocaleFromSearchParams() {
+  let url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.location.href;
+  const locale = new URL(url).searchParams.get('locale');
+
+  if (languages.find(x => x.value === locale)) {
+    return locale;
+  }
+
+  return null;
 };
 
-const getLocale = locale => locale || _jsCookie.default.get(cookieName) || (0, _browserLang.default)(langParams);
+const getLocale = locale => locale || getLocaleFromSearchParams() || _jsCookie.default.get(cookieName) || (0, _browserLang.default)(langParams);
 
 exports.getLocale = getLocale;
 
@@ -55,67 +66,80 @@ const setLocale = locale => _jsCookie.default.set(cookieName, locale, (0, _Util.
 
 exports.setLocale = setLocale;
 
-const replace = (template, data) => // eslint-disable-next-line implicit-arrow-linebreak
-template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');
+const replace = (template, data) => template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');
 
-const LocaleContext = _react.default.createContext();
+const create = () => {
+  const LocaleContext = /*#__PURE__*/_react.default.createContext();
 
-exports.LocaleContext = LocaleContext;
-const {
-  Provider,
-  Consumer
-} = LocaleContext; // eslint-disable-next-line object-curly-newline
-
-exports.LocaleConsumer = Consumer;
-
-function LocaleProvider(_ref) {
-  let {
-    children,
-    locale,
-    translations
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, ["children", "locale", "translations"]);
-
-  const [currentLocale, setCurrentLocale] = (0, _react.useState)(getLocale(locale));
-  (0, _react.useEffect)(() => {
-    setLocale(currentLocale);
-  }, [currentLocale]);
-
-  const changeLocale = newLocale => {
-    setCurrentLocale(newLocale);
-  };
+  const {
+    Provider,
+    Consumer
+  } = LocaleContext;
 
-  const translate = (key, data) => {
-    if (!translations[currentLocale] || !translations[currentLocale][key]) {
-      // eslint-disable-next-line no-console
-      console.warn("Warning: no ".concat(key, " translation of ").concat(currentLocale));
-      return key;
-    }
+  function LocaleProvider(_ref) {
+    let {
+      children,
+      locale,
+      translations
+    } = _ref,
+        rest = _objectWithoutProperties(_ref, _excluded);
 
-    return replace(translations[currentLocale][key], data);
-  };
+    const [currentLocale, setCurrentLocale] = (0, _react.useState)(getLocale(locale));
+    (0, _react.useEffect)(() => {
+      setLocale(currentLocale);
+    }, [currentLocale]);
+
+    const changeLocale = newLocale => {
+      setCurrentLocale(newLocale);
+    };
 
-  return (// eslint-disable-next-line object-curly-newline
-    _react.default.createElement(Provider, {
+    const translate = (key, data) => {
+      if (!translations[currentLocale] || !translations[currentLocale][key]) {
+        console.warn("Warning: no ".concat(key, " translation of ").concat(currentLocale));
+        return key;
+      }
+
+      return replace(translations[currentLocale][key], data);
+    };
+
+    return /*#__PURE__*/_react.default.createElement(Provider, {
       value: _objectSpread({
         locale: currentLocale,
         changeLocale,
         t: translate
       }, rest)
-    }, children)
-  );
-}
-
-function useLocaleContext() {
-  const context = (0, _react.useContext)(LocaleContext);
-  return context;
-}
-
-LocaleProvider.propTypes = {
-  children: _propTypes.default.any.isRequired,
-  translations: _propTypes.default.object.isRequired,
-  locale: _propTypes.default.string
+    }, children);
+  }
+
+  function useLocaleContext() {
+    const context = (0, _react.useContext)(LocaleContext);
+    return context;
+  }
+
+  LocaleProvider.propTypes = {
+    children: _propTypes.default.any.isRequired,
+    translations: _propTypes.default.object.isRequired,
+    locale: _propTypes.default.string
+  };
+  LocaleProvider.defaultProps = {
+    locale: ''
+  };
+  return {
+    Consumer,
+    LocaleProvider,
+    LocaleContext,
+    useLocaleContext
+  };
 };
-LocaleProvider.defaultProps = {
-  locale: ''
-};
+
+exports.create = create;
+const {
+  Consumer,
+  LocaleProvider,
+  LocaleContext,
+  useLocaleContext
+} = create();
+exports.useLocaleContext = useLocaleContext;
+exports.LocaleContext = LocaleContext;
+exports.LocaleProvider = LocaleProvider;
+exports.LocaleConsumer = Consumer;