tplus-portaltouch 3.28.2 → 3.28.3

package/dist/components/header/headContent.js

@@ -0,0 +1,888 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
+
+var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
+
+exports.default = HeadContent;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+var _antd = require('antd');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _utils = require('../../utils');
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+var _tplusPoslogin = require('tplus-poslogin');
+
+var _tplusApi = require('tplus-api');
+
+var _verticalTouch = require('./vertical-touch');
+
+var _mutantsUtil = require('mutants-util');
+
+var _themeModal = require('./themeModal');
+
+var _themeModal2 = _interopRequireDefault(_themeModal);
+
+var _uploadList = require('./uploadList');
+
+var _uploadList2 = _interopRequireDefault(_uploadList);
+
+var _mobxReact = require('mobx-react');
+
+var _offlinePointDesc = require('./offlinePointDesc');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Item = _antd.Menu.Item;
+
+var defaultFromat = 'yyyy-MM-dd hh:mm:ss';
+var t = _mutantsMicrofx.i18n.getFixedT(null, 'newretail');
+var UPLOAD_BASE_PATH = '/login';
+var NETWORK_THEME_PATH = "/";
+var PLACE_ORDER_PATH = "/RE/RE01";
+var weakRemindNum = 0; // 弱网提示初始值
+var WEAK_STANDARD_NUM = 3; // 弱网提示的次数上限
+
+//头部时间
+function HeadTime(props) {
+  var time = props.time,
+      dateFormat = props.dateFormat;
+
+  var unMount = false;
+  var timeStr = typeof time === 'number' ? (0, _utils.formatDate)(time, dateFormat) : time;
+
+  var _useState = (0, _react.useState)((0, _utils.formatDate)(Date.now(), dateFormat)),
+      _useState2 = (0, _slicedToArray3.default)(_useState, 2),
+      currentTime = _useState2[0],
+      setCurrentTime = _useState2[1];
+
+  var timeout = void 0;
+  function refreshDate() {
+    if (time) return;
+    !unMount && setCurrentTime((0, _utils.formatDate)(Date.now(), dateFormat));
+    timeout = setTimeout(refreshDate, 1000);
+  }
+  (0, _react.useEffect)(function () {
+    refreshDate();
+    return function () {
+      unMount = true;
+      clearTimeout(timeout);
+    };
+  }, [currentTime]);
+
+  var _ref = currentTime.split(' ') || [],
+      _ref2 = (0, _slicedToArray3.default)(_ref, 2),
+      date_YMD = _ref2[0],
+      date_HMS = _ref2[1];
+
+  if (_mutantsUtil.platform.isVerticalTouch) return (0, _verticalTouch.verticalHeadTime)({ date_HMS: date_HMS });
+  return _react2.default.createElement(
+    'div',
+    { className: 'time' },
+    timeStr ? _react2.default.createElement(
+      'div',
+      null,
+      timeStr
+    ) : _react2.default.createElement(
+      'div',
+      null,
+      date_YMD,
+      _react2.default.createElement(
+        'span',
+        null,
+        date_HMS
+      )
+    )
+  );
+}
+
+//头部联网状态
+var OnLineStatus = (0, _mobxReact.observer)(function (props) {
+  var networkStatus = props.networkStatus;
+  var networkCheckStore = _mutantsMicrofx.stores.networkCheckStore;
+
+  var networkState = networkCheckStore.networkState;
+  var networkOn = true;
+  var iconName = 'WiFi';
+  switch (networkState) {
+    case '联网':
+      iconName = 'WiFi';
+      break;
+    case '弱网':
+      iconName = 'ruowifi';
+      break;
+    case '离线':
+      networkOn = false;
+      iconName = 'wuwangluo';
+      break;
+    default:
+      break;
+  }
+  var switchNetwork = function switchNetwork(checked, event) {
+    networkCheckStore.switchOnLine(checked);
+  };
+  var lineIcon = _react2.default.createElement(_tplusComponentsTouch.Ticon, {
+    icon: iconName,
+    className: 'network-state-icon'
+  });
+  return _react2.default.createElement(
+    'div',
+    null,
+    _react2.default.createElement(
+      'span',
+      { className: 'network-status', style: { marginRight: '10px' } },
+      networkStatus || lineIcon
+    ),
+    _react2.default.createElement(
+      'span',
+      null,
+      _react2.default.createElement(_antd.Switch, { checkedChildren: '\u5F00\u542F', unCheckedChildren: '\u5173\u95ED', defaultChecked: true, checked: networkOn, onChange: switchNetwork })
+    )
+  );
+});
+function getIsOffNetWork() {
+  var networkCheckStore = _mutantsMicrofx.stores.networkCheckStore;
+
+  return networkCheckStore.networkState === '离线';
+}
+//头部联网状态
+var OnLineStatusToggle = (0, _mobxReact.observer)(function (props) {
+  var isShowUploadBtnsByRouter = props.isShowUploadBtnsByRouter,
+      isResetNetWorkTheme = props.isResetNetWorkTheme,
+      isOfflineCash = props.isOfflineCash,
+      isPlaceOrderPage = props.isPlaceOrderPage;
+  var networkCheckStore = _mutantsMicrofx.stores.networkCheckStore,
+      offlineSys = _mutantsMicrofx.stores.offlineSys,
+      voucherStore = _mutantsMicrofx.stores.voucherStore;
+
+  var networkState = networkCheckStore.networkState;
+  var isOnLine = networkCheckStore.isOnLine;
+  var hasUseOffline = isOfflineCash && !_mutantsUtil.platform.otherOfflineStatus; //是否允许离线
+  var iconName = 'WiFi';
+  if (hasUseOffline) {
+    var weakConfirm = function weakConfirm() {
+      if (!isOnLine) return; // 离线不提示
+      if (networkState !== '弱网' || networkState === '离线') return; // 非弱网或离线状态不提示
+      if (weakRemindNum >= WEAK_STANDARD_NUM) return; // 提示大于三次不再提示
+      if (!offlineSys.getDataIsOffline) return; // 数据未下载完不提示
+      if (document.querySelector('.isRetailUpLoading')) return; // 上传中不提示
+      if (document.querySelector('.isRetailDownLoading')) return; // 下载中不提示
+      if (document.querySelector('.tplus-loading')) return; // 全屏loading不提示
+      weakRemindNum++;
+      _tplusComponentsTouch.ModalWraper.confirm({
+        title: t('提示'),
+        content: t('当前网络不好，是否切换到离线？'),
+        onOk: function onOk() {
+          setOffLine(true);
+        }
+      });
+    };
+
+    switch (networkState) {
+      case '联网':
+        iconName = 'WiFi';
+        break;
+      case '弱网':
+        iconName = 'ruowifi';
+        break;
+      case '离线':
+        iconName = 'wuwangluo';
+        break;
+      default:
+        break;
+    }
+    if (networkState === '离线' && isOnLine) {
+      _tplusComponentsTouch.ModalWraper.confirm({
+        title: t('提示'),
+        content: t('网络已断，是否切换到离线收银模式？'),
+        onOk: function onOk() {
+          setOffLine(true);
+        }
+      });
+    }
+
+    weakConfirm();
+  }
+  function switchStatus() {
+    if (networkState === '离线' && !isOnLine) {
+      _tplusComponentsTouch.Message.tip('当前无网络，无法切换为在线状态');
+      return;
+    }
+    _tplusComponentsTouch.ModalWraper.confirm({
+      title: t('提示'),
+      content: t('\u786E\u5B9A\u8981\u5207\u6362\u4E3A' + (isOnLine ? '离' : '在') + '\u7EBF\u73AF\u5883\u5417\uFF1F'),
+      onOk: function onOk() {
+        setOffLine(isOnLine);
+      }
+    });
+  }
+
+  function getVoucherDataStatus() {
+    var data = voucherStore.getVoucherData();
+
+    var _ref3 = data || {},
+        Idmember = _ref3.Idmember,
+        RetailDetails = _ref3.RetailDetails;
+
+    if (!!Idmember || RetailDetails && RetailDetails.length > 0) {
+      return true;
+    }
+    return false;
+  }
+
+  function setOffLine(status) {
+    if (isPlaceOrderPage && getVoucherDataStatus()) {
+      _tplusComponentsTouch.ModalWraper.confirm({
+        title: t('提示'),
+        content: t('\u5F53\u524D\u4E3A\u5F00\u5355\u754C\u9762\uFF0C\u5207\u6362\u5230' + (status ? '离' : '在') + '\u7EBF\u4F1A\u6E05\u9664\u5F53\u524D\u6570\u636E\uFF0C\u786E\u5B9A\u8981\u5207\u6362\u5417\uFF1F'),
+        onOk: function onOk() {
+          playStatus(status);
+        }
+      });
+    } else {
+      playStatus(status);
+    }
+  }
+
+  function playStatus(status) {
+    // status 为 true 是在线切离线
+    if (status) {
+      if (!offlineSys.getDataIsOffline() || document.querySelector('.isRetailDownLoading')) {
+        _tplusComponentsTouch.Message.tip('数据还未下载完，无法切换为离线');
+        return;
+      }
+    }
+    offlineSys.setIsOffline(status);
+    if (isPlaceOrderPage) {
+      voucherStore.clearVoucherData();
+    }
+  }
+  return _react2.default.createElement(
+    'div',
+    { className: 'on-off-wrap' },
+    _react2.default.createElement(
+      'div',
+      { className: 'status-square' },
+      _react2.default.createElement(
+        'span',
+        { className: 'status-tog-btn', style: { color: '' + (isResetNetWorkTheme ? '#fff' : '') } },
+        _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: iconName })
+      )
+    ),
+    hasUseOffline && isShowUploadBtnsByRouter && _react2.default.createElement(
+      'div',
+      { className: 'status-square c-pointer online-status-bg ' + (isOnLine || isResetNetWorkTheme ? '' : 'off-line') },
+      _react2.default.createElement(
+        'span',
+        { className: 'status-tog-btn', onClick: switchStatus },
+        _react2.default.createElement(
+          'span',
+          null,
+          isOnLine ? '在线' : '离线'
+        ),
+        _react2.default.createElement(
+          'span',
+          null,
+          _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: 'zaixianlixian', className: 'ts-14' })
+        )
+      ),
+      _react2.default.createElement(
+        _antd.Popover,
+        { placement: 'bottom', overlayClassName: 'offline-popver', content: _react2.default.createElement(
+            'pre',
+            null,
+            _offlinePointDesc.OFFLINE_POINT_DESC
+          ), trigger: 'hover' },
+        _react2.default.createElement(
+          'span',
+          { className: 'status-tog-btn' },
+          _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: 'tanhao1' })
+        )
+      )
+    )
+  );
+});
+
+//零售单上传
+function RetailUpload() {
+  var _this = this;
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray3.default)(_useState3, 2),
+      isModalVisible = _useState4[0],
+      setIsModalVisible = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray3.default)(_useState5, 2),
+      isUpLoading = _useState6[0],
+      setIsUpLoading = _useState6[1];
+
+  var refModal = (0, _react.useRef)(null);
+  var showModal = function () {
+    var _ref4 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
+      return _regenerator2.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              refModal && refModal.current.fetch();
+              setIsModalVisible(true);
+
+            case 2:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }));
+
+    return function showModal() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  var handleOk = function () {
+    var _ref5 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2() {
+      var isUpLoad = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      return _regenerator2.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              setIsModalVisible(false);
+
+              if (!getIsOffNetWork()) {
+                _context2.next = 4;
+                break;
+              }
+
+              _tplusComponentsTouch.Message.tip('已断网，不可以上传单据');
+              return _context2.abrupt('return');
+
+            case 4:
+              if (isUpLoad) {
+                _context2.next = 7;
+                break;
+              }
+
+              _tplusComponentsTouch.Message.tip('暂无可以上传的单据');
+              return _context2.abrupt('return');
+
+            case 7:
+              if (!isUpLoading) {
+                _context2.next = 10;
+                break;
+              }
+
+              _tplusComponentsTouch.Message.tip('零售单正在上传……');
+              return _context2.abrupt('return');
+
+            case 10:
+              setIsUpLoading(true);
+              _context2.prev = 11;
+              _context2.next = 14;
+              return _mutantsMicrofx.stores.offlineSys.uploadRetail();
+
+            case 14:
+              _context2.next = 19;
+              break;
+
+            case 16:
+              _context2.prev = 16;
+              _context2.t0 = _context2['catch'](11);
+
+              _tplusComponentsTouch.Message.error('上传失败');
+
+            case 19:
+              setIsUpLoading(false);
+
+            case 20:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, _this, [[11, 16]]);
+    }));
+
+    return function handleOk() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  var handleCancel = function handleCancel() {
+    setIsModalVisible(false);
+  };
+  return _react2.default.createElement(
+    'div',
+    { className: 'upload-retail' },
+    _react2.default.createElement(
+      'div',
+      { className: 'status-square online-status-bg c-pointer', onClick: showModal },
+      _react2.default.createElement(
+        'span',
+        { className: 'status-tog-btn' },
+        _react2.default.createElement(
+          'span',
+          { className: '' + (isUpLoading ? 'isRetailUpLoading' : '') },
+          _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: 'shangchuan' })
+        ),
+        _react2.default.createElement(
+          'span',
+          { className: 'fast-upload-btn' },
+          '\u4E0A\u4F20\u96F6\u552E\u5355'
+        )
+      )
+    ),
+    _react2.default.createElement(UnLoadNum, null),
+    _react2.default.createElement(_uploadList2.default, { ref: refModal, visible: isModalVisible, handleOk: handleOk, handleCancel: handleCancel })
+  );
+}
+// 零售单未上传的数量
+var UnLoadNum = (0, _mobxReact.observer)(function () {
+  var retailNotUploadNumber = _mutantsMicrofx.stores.offlineSys.retailNotUploadNumber;
+
+  return _react2.default.createElement(
+    'span',
+    { style: { display: retailNotUploadNumber > 0 ? 'inherit' : 'none' }, className: 'up-count-btn' },
+    retailNotUploadNumber > 99 ? '99+' : retailNotUploadNumber
+  );
+});
+//零售单下载
+function RetailDownload() {
+  var _this2 = this;
+
+  var offlineSys = _mutantsMicrofx.stores.offlineSys;
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = (0, _slicedToArray3.default)(_useState7, 2),
+      isDownload = _useState8[0],
+      setIsDownload = _useState8[1];
+
+  var _useState9 = (0, _react.useState)('下载数据'),
+      _useState10 = (0, _slicedToArray3.default)(_useState9, 2),
+      downStr = _useState10[0],
+      setDownStr = _useState10[1];
+
+  var handleDownLoad = function () {
+    var _ref6 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3() {
+      var result;
+      return _regenerator2.default.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              if (!getIsOffNetWork()) {
+                _context3.next = 3;
+                break;
+              }
+
+              _tplusComponentsTouch.Message.tip('已断网，不可以下载单据');
+              return _context3.abrupt('return');
+
+            case 3:
+              if (!isDownload) {
+                _context3.next = 6;
+                break;
+              }
+
+              _tplusComponentsTouch.Message.tip('下载中');
+              return _context3.abrupt('return');
+
+            case 6:
+              setDownStr('0 %');
+              setIsDownload(true);
+              _tplusComponentsTouch.Message.tip('下载中');
+              _context3.prev = 9;
+              _context3.next = 12;
+              return offlineSys.downloadCatcherData(function (e) {
+                setDownStr(e.percent + ' %');
+              });
+
+            case 12:
+              result = _context3.sent;
+
+              if (result) {
+                _tplusComponentsTouch.Message.success('\u6570\u636E\u4E0B\u8F7D\u6210\u529F');
+              } else {
+                _tplusComponentsTouch.Message.error('\u6570\u636E\u4E0B\u8F7D\u5931\u8D25');
+              }
+              _context3.next = 19;
+              break;
+
+            case 16:
+              _context3.prev = 16;
+              _context3.t0 = _context3['catch'](9);
+
+              _tplusComponentsTouch.Message.error('数据下载失败');
+
+            case 19:
+              setDownStr('下载数据');
+              setIsDownload(false);
+
+            case 21:
+            case 'end':
+              return _context3.stop();
+          }
+        }
+      }, _callee3, _this2, [[9, 16]]);
+    }));
+
+    return function handleDownLoad() {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  return _react2.default.createElement(
+    'div',
+    { className: 'download-retail' },
+    _react2.default.createElement(DownloadBtn, { handleDownLoad: handleDownLoad, isDownload: isDownload, downStr: downStr })
+  );
+};
+// 下载按钮
+var DownloadBtn = (0, _mobxReact.observer)(function (props) {
+  var downStr = props.downStr,
+      isDownload = props.isDownload,
+      handleDownLoad = props.handleDownLoad;
+
+  return _react2.default.createElement(
+    'div',
+    { className: 'status-square online-status-bg c-pointer ' + (getIsOffNetWork() ? 'is-grey' : ''), onClick: handleDownLoad },
+    _react2.default.createElement(
+      'span',
+      { className: 'status-tog-btn' },
+      _react2.default.createElement(
+        'span',
+        { className: '' + (isDownload ? 'isRetailDownLoading' : '') },
+        _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: 'xiazaishuju' })
+      ),
+      _react2.default.createElement(
+        'span',
+        { className: 'fast-upload-btn' },
+        downStr
+      )
+    )
+  );
+});
+var releaseDate = void 0,
+    releaseVersion = void 0;
+try {
+  releaseDate = __RELEASESDATE__;
+  releaseVersion = __BUILDVERSION__;
+} catch (error) {
+  releaseDate = '';
+  releaseVersion = '';
+}
+function HeadContent(props, context) {
+  var isElectron = (_mutantsMicrofx.env || {}).platform === 'electron';
+  var _props$businessName = props.businessName,
+      businessName = _props$businessName === undefined ? '' : _props$businessName,
+      _props$storeName = props.storeName,
+      storeName = _props$storeName === undefined ? '' : _props$storeName,
+      posCode = props.posCode,
+      logo = props.logo,
+      networkStatus = props.networkStatus,
+      _props$style = props.style,
+      style = _props$style === undefined ? {} : _props$style,
+      history = props.history,
+      _props$dateFormat = props.dateFormat,
+      dateFormat = _props$dateFormat === undefined ? defaultFromat : _props$dateFormat,
+      solt = props.solt,
+      time = props.time,
+      isPortal = props.isPortal,
+      isLogin = props.isLogin,
+      _props$menu = props.menu,
+      menu = _props$menu === undefined ? [] : _props$menu,
+      onClick = props.onClick,
+      location = props.location;
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = (0, _slicedToArray3.default)(_useState11, 2),
+      themeVisible = _useState12[0],
+      setThemeVisible = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(window.location.href.indexOf(UPLOAD_BASE_PATH) < 0),
+      _useState14 = (0, _slicedToArray3.default)(_useState13, 2),
+      isShowUploadBtnsByRouter = _useState14[0],
+      setIsShowUploadBtnsByRouter = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(window.location.pathname === NETWORK_THEME_PATH),
+      _useState16 = (0, _slicedToArray3.default)(_useState15, 2),
+      isResetNetWorkTheme = _useState16[0],
+      setIsResetNetWorkTheme = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(window.location.href.indexOf(PLACE_ORDER_PATH) > 0),
+      _useState18 = (0, _slicedToArray3.default)(_useState17, 2),
+      isPlaceOrderPage = _useState18[0],
+      setIsPlaceOrderPage = _useState18[1];
+
+  props.history.listen(function (route) {
+    setIsResetNetWorkTheme(route.pathname === NETWORK_THEME_PATH);
+    setIsShowUploadBtnsByRouter(route.pathname.indexOf(UPLOAD_BASE_PATH) < 0);
+    setIsPlaceOrderPage(route.pathname.indexOf(PLACE_ORDER_PATH) > -1);
+  });
+  var hasUseOffline = (0, _tplusPoslogin.PosInitData)('IsOfflineCash') === "1" && !_mutantsUtil.platform.otherOfflineStatus; //是否允许离线
+  var menuProps = { onClick: onClick };
+  var menus = _react2.default.createElement(
+    _antd.Menu,
+    menuProps,
+    menu.map(function (item, i) {
+      return _react2.default.createElement(
+        Item,
+        { key: item.key || i },
+        item.icon && _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: item.icon }),
+        _react2.default.createElement(
+          'span',
+          null,
+          item.title
+        )
+      );
+    })
+  );
+
+  var controlConfig = [{ type: 'suoxiao', event: 'min' }, {
+    type: 'guanbixiao',
+    event: 'close',
+    beforeEvent: function beforeEvent(item) {
+      return _tplusComponentsTouch.ModalWraper.confirm({
+        className: 'tplus-confirm-modal',
+        title: '关闭提示',
+        content: '您确定要关闭应用吗？',
+        onOk: function onOk() {
+          var _this3 = this;
+
+          return (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee4() {
+            return _regenerator2.default.wrap(function _callee4$(_context4) {
+              while (1) {
+                switch (_context4.prev = _context4.next) {
+                  case 0:
+                    _tplusComponentsTouch.Loading.show({
+                      className: 'close-app-loading',
+                      node: _react2.default.createElement(
+                        'div',
+                        { className: 'close-app-spin' },
+                        _react2.default.createElement(_tplusComponentsTouch.Spin, { scale: 1.2, type: 'shape', visible: true }),
+                        _react2.default.createElement(
+                          'h1',
+                          null,
+                          '\u5E94\u7528\u5173\u95ED\u4E2D...'
+                        )
+                      ),
+                      delay: false
+                    });
+                    context.actionHook.actionChange('close-app');
+                    _context4.prev = 2;
+                    _context4.next = 5;
+                    return _tplusApi.User.logout(function () {
+                      // 需要为500ms 时间短可能会不能正常注销清理
+                      setTimeout(function () {
+                        _mutantsMicrofx.nativeMs.doWindow(item.event);
+                      }, 500);
+                    });
+
+                  case 5:
+                    _context4.next = 12;
+                    break;
+
+                  case 7:
+                    _context4.prev = 7;
+                    _context4.t0 = _context4['catch'](2);
+
+                    _tplusApi.User.clear();_mutantsMicrofx.localStore.remove('user');
+                    setTimeout(function () {
+                      _mutantsMicrofx.nativeMs.doWindow(item.event);
+                    }, 500);
+
+                  case 12:
+                  case 'end':
+                    return _context4.stop();
+                }
+              }
+            }, _callee4, _this3, [[2, 7]]);
+          }))();
+        }
+      });
+    }
+  }];
+
+  var splitUser = function splitUser(value) {
+    var regEmail = new RegExp('^[A-Za-zd0-9]+([-_.][A-Za-zd0-9]+)*@([A-Za-zd0-9]+[-.])+[A-Za-zd]{2,5}$');
+    var isEmail = regEmail.test(value);
+
+    if (isEmail) {
+      return value.split('@')[0];
+    }
+    return value;
+  };
+
+  var setInventoryFocus = function setInventoryFocus() {
+    var _ref7 = _mutantsUtil.platform || {},
+        isHorizontalPad = _ref7.isHorizontalPad;
+
+    if (!!isHorizontalPad) return;
+    var doms = document.getElementsByClassName('app hot-key-focus-container');
+    var input = document.getElementById('productPoint');
+    if (input) setTimeout(function () {
+      if (doms && doms.length > 0) {
+        console.log('headContent--商品焦点==Focus==');input.focus();
+      }
+    }, 300);
+  };
+
+  var clickTheme = function clickTheme(isShow) {
+    setThemeVisible(isShow);
+  };
+
+  var userName = (0, _tplusPoslogin.PosInitData)('UserName');
+  var overlayClassName = '_portal-header-dropdown ' + (!isPortal ? 'inside-header' : '');
+  var moreInfoNode = _react2.default.createElement(
+    'div',
+    { className: 'pos-more-info-container' },
+    _react2.default.createElement(
+      'h1',
+      { className: 'business-name' },
+      businessName
+    ),
+    _react2.default.createElement(
+      'h1',
+      { className: 'store-code' },
+      posCode
+    )
+  );
+
+  var headControlNode = _react2.default.createElement(
+    'div',
+    { className: 'head-content-control' },
+    controlConfig.map(function (v) {
+      return _react2.default.createElement(_tplusComponentsTouch.Ticon, {
+        type: v.type,
+        key: v.type,
+        onClick: function onClick() {
+          if (_mutantsMicrofx.nativeMs) {
+            var beforeEvent = v.beforeEvent;
+
+            if (beforeEvent) {
+              return beforeEvent(v);
+            }
+            _mutantsMicrofx.nativeMs.doWindow(v.event);
+            if (typeof setInventoryFocus == 'function') {
+              setInventoryFocus();
+            }
+          }
+        }
+      });
+    })
+  );
+
+  if (_mutantsUtil.platform.isVerticalTouch) return (0, _verticalTouch.verticalHeadContent)({ style: style, releaseVersion: releaseVersion, releaseDate: releaseDate,
+    time: time, dateFormat: dateFormat, logo: logo, HeadTime: HeadTime, headControlNode: headControlNode, location: location, history: history, clickTheme: clickTheme, themeVisible: themeVisible, isPortal: isPortal, isLogin: isLogin });
+
+  return _react2.default.createElement(
+    'div',
+    { style: (0, _extends3.default)({ display: 'inline-block', width: '100%', height: '100%' }, style), className: 'head-content', 'data-release': releaseVersion + ' ' + releaseDate },
+    _react2.default.createElement(
+      'div',
+      { className: 'head-content-left' },
+      !!logo && _react2.default.createElement(
+        'div',
+        { className: 'business-logo', onClick: function onClick() {
+            history.replace('/');
+          } },
+        logo
+      ),
+      !!storeName && _react2.default.createElement(
+        _antd.Tooltip,
+        { trigger: 'click', placement: 'bottomRight', title: moreInfoNode, color: '#fff', overlayClassName: 'head-business-tip' },
+        _react2.default.createElement(
+          'div',
+          { className: 'store-name' },
+          storeName,
+          _react2.default.createElement('i', { className: 'header-triangle-down' })
+        )
+      ),
+      _react2.default.createElement(OnLineStatusToggle, { isShowUploadBtnsByRouter: isShowUploadBtnsByRouter, isResetNetWorkTheme: isResetNetWorkTheme, isOfflineCash: hasUseOffline, isPlaceOrderPage: isPlaceOrderPage }),
+      hasUseOffline && isShowUploadBtnsByRouter && _react2.default.createElement(RetailUpload, null),
+      hasUseOffline && isShowUploadBtnsByRouter && _react2.default.createElement(RetailDownload, null)
+    ),
+    isElectron && headControlNode,
+    _react2.default.createElement(
+      'div',
+      { className: 'head-content-right' },
+      !isLogin && _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: 'huanfu', className: 'theme-icon ' + (!isPortal ? 'pos-page' : ''), onClick: function onClick() {
+          clickTheme(true);
+        } }),
+      !isLogin && !!userName && _react2.default.createElement(
+        _antd.Dropdown,
+        {
+          overlayClassName: overlayClassName,
+          trigger: ['click'],
+          overlay: menus,
+          placement: 'bottomRight',
+          arrow: true
+        },
+        _react2.default.createElement(
+          'div',
+          { className: 'header-info-render-content', onClick: function onClick(e) {
+              return e.preventDefault();
+            } },
+          _react2.default.createElement(
+            'div',
+            { className: 'store-info-item' },
+            _react2.default.createElement(
+              'p',
+              { className: 'biller' },
+              '\u5F00\u5355\u5458:',
+              _react2.default.createElement(
+                'span',
+                null,
+                splitUser(userName)
+              )
+            )
+          ),
+          _react2.default.createElement('i', { className: 'header-triangle-down' })
+        )
+      ),
+      !isLogin && _react2.default.createElement(
+        'div',
+        { className: 'store-info-item' },
+        solt
+      ),
+      _react2.default.createElement(HeadTime, { time: time, dateFormat: dateFormat })
+    ),
+    _react2.default.createElement(_themeModal2.default, {
+      visible: themeVisible,
+      isVertical: _mutantsUtil.platform.isVerticalTouch,
+      isPortal: isPortal,
+      closeFn: function closeFn(isShow) {
+        return clickTheme(isShow);
+      }
+    })
+  );
+}
+
+HeadContent.contextTypes = {
+  actionHook: _propTypes2.default.object
+};
+//# sourceMappingURL=headContent.js.map