tntd 1.4.7 → 1.4.8

package/lib/Layout/Language.js

@@ -1,66 +1,105 @@
-import { useState } from 'react';
-import styled, { withTheme } from 'styled-components';
-import { get } from 'lodash';
-import Iconfont from './Iconfont';
-import { setLanguageStore, getLanguageStore } from './storage';
-
-const languages = [
-    { value: 'cn', name: '中文' },
-    { value: 'en', name: ' EN ' }
-];
-const languagesMap = languages.reduce((acc, cur) => {
-    acc[cur.value] = cur;
-    return acc;
+"use strict";
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = require("react");
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _lodash = require("lodash");
+
+var _Iconfont = _interopRequireDefault(require("./Iconfont"));
+
+var _storage = require("./storage");
+
+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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n    font-size: ", ";\n    .tnt-icon {\n        font-size: ", ";\n        margin-right: 4px;\n    }\n    span {\n        position: relative;\n        font-size: ", ";\n        top: ", ";\n        font-family: auto;\n        .tnt-themeS1 & {\n            /* color: rgba(255,255,255,.85); */\n        }\n    }\n    .isInIframe & {\n        display: none;\n    }\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var languages = [{
+  value: 'cn',
+  name: '中文'
+}, {
+  value: 'en',
+  name: ' EN '
+}];
+var languagesMap = languages.reduce(function (acc, cur) {
+  acc[cur.value] = cur;
+  return acc;
 }, {});
 
-const Language = styled.li`
-    font-size: ${({ theme: { size } }) => size === 'large' ? '14px' : '12px'};
-    .tnt-icon {
-        font-size: ${({ theme: { size } }) => size === 'large' ? '24px' : '20px'};
-        margin-right: 4px;
-    }
-    span {
-        position: relative;
-        font-size: ${({ theme: { size } }) => size === 'large' ? '14px' : '12px'};
-        top: ${({ theme: { size } }) => size === 'large' ? '-3px' : '-2px'};
-        font-family: auto;
-        .tnt-themeS1 & {
-            /* color: rgba(255,255,255,.85); */
-        }
-    }
-    .isInIframe & {
-        display: none;
-    }
-`;
-
-export default withTheme(
-    props => {
-        const {
-            onChange
-        } = props;
-        const getLanguage = () => {
-            let lang = getLanguageStore() || props.language;
-    
-            if (!languagesMap[lang]) {
-                lang = get(languages, '0.value');
-            }
-            
-            return lang;
-        };
-        const [language = 'cn', setLanguage] = useState(getLanguage());
-        const switchLanguage = () => {
-            const lang = language === 'cn' ? 'en' : 'cn';
-
-            setLanguage(lang);
-            setLanguageStore(lang);
-            onChange && onChange(lang);
-        };
-    
-        return (
-            <Language onClick={switchLanguage}>
-                <Iconfont type={`flag-${language}`} />
-                <span>{get(languagesMap[language], 'name')}</span>
-            </Language>
-        );
+var Language = _styledComponents["default"].li(_templateObject(), function (_ref) {
+  var size = _ref.theme.size;
+  return size === 'large' ? '14px' : '12px';
+}, function (_ref2) {
+  var size = _ref2.theme.size;
+  return size === 'large' ? '24px' : '20px';
+}, function (_ref3) {
+  var size = _ref3.theme.size;
+  return size === 'large' ? '14px' : '12px';
+}, function (_ref4) {
+  var size = _ref4.theme.size;
+  return size === 'large' ? '-3px' : '-2px';
+});
+
+var _default = (0, _styledComponents.withTheme)(function (props) {
+  var onChange = props.onChange;
+
+  var getLanguage = function getLanguage() {
+    var lang = (0, _storage.getLanguageStore)() || props.language;
+
+    if (!languagesMap[lang]) {
+      lang = (0, _lodash.get)(languages, '0.value');
     }
-);
+
+    return lang;
+  };
+
+  var _useState = (0, _react.useState)(getLanguage()),
+      _useState2 = _slicedToArray(_useState, 2),
+      _useState2$ = _useState2[0],
+      language = _useState2$ === void 0 ? 'cn' : _useState2$,
+      setLanguage = _useState2[1];
+
+  var switchLanguage = function switchLanguage() {
+    var lang = language === 'cn' ? 'en' : 'cn';
+    setLanguage(lang);
+    (0, _storage.setLanguageStore)(lang);
+    onChange && onChange(lang);
+  };
+
+  return React.createElement(Language, {
+    onClick: switchLanguage
+  }, React.createElement(_Iconfont["default"], {
+    type: "flag-".concat(language)
+  }), React.createElement("span", null, (0, _lodash.get)(languagesMap[language], 'name')));
+});
+
+exports["default"] = _default;