tntd 1.4.6 → 1.4.7

package/lib/Layout/Language.js

@@ -1,105 +1,66 @@
-"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;
+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;
 }, {});
 
-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');
+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;
     }
-
-    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;
+    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>
+        );
+    }
+);