tplus-portaltouch 1.26.2 → 1.27.1

package/dist/containers/Main/index.js

@@ -1,634 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _Button2 = require('tinper-bee/dist/Button');
-
-var _Button3 = _interopRequireDefault(_Button2);
-
-var _getIterator2 = require('babel-runtime/core-js/get-iterator');
-
-var _getIterator3 = _interopRequireDefault(_getIterator2);
-
-var _keys = require('babel-runtime/core-js/object/keys');
-
-var _keys2 = _interopRequireDefault(_keys);
-
-var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
-
-var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
-
-var _defineProperty3 = _interopRequireDefault(_defineProperty2);
-
-var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
-
-var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _class, _class2, _temp, _initialiseProps;
-
-exports.default = Main;
-
-require('tinper-bee/dist/Button/index.css');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _mobxReact = require('mobx-react');
-
-var _rxjs = require('rxjs');
-
-var _operators = require('rxjs/operators');
-
-var _mutantsMicrofx = require('mutants-microfx');
-
-var _reactRouter = require('react-router');
-
-var _header = require('../../components/header');
-
-var _header2 = _interopRequireDefault(_header);
-
-var _Portal = require('../../pages/Portal');
-
-var _Portal2 = _interopRequireDefault(_Portal);
-
-var _tplusComponentsTouch = require('tplus-components-touch');
-
-var _tplusApi = require('tplus-api');
-
-var _stores = require('../../stores');
-
-var _stores2 = _interopRequireDefault(_stores);
-
-var _index = require('../../utils/index');
-
-var _ModifyPassApi = require('../../api/ModifyPassApi');
-
-var _mutantsUtil = require('mutants-util');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-window.rx$ = {};
-
-var MainContainer = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_Component) {
-  (0, _inherits3.default)(MainContainer, _Component);
-
-  function MainContainer(props) {
-    (0, _classCallCheck3.default)(this, MainContainer);
-
-    var _this = (0, _possibleConstructorReturn3.default)(this, (MainContainer.__proto__ || (0, _getPrototypeOf2.default)(MainContainer)).call(this, props));
-
-    _initialiseProps.call(_this);
-
-    _this.state = {};
-    var isTpEnv = (0, _index.getQueryString)(location.search, 'tp') === 'on'; // 是否为线上环境
-    var recordEnvironmentParams = (0, _index.getQueryString)(location.search, 'cia_env'); // 获取环境参数
-    var isFirstStartUp = (0, _index.getQueryString)(location.search, 'ft') === '1'; // 是否为安装后第一次打开
-    var isVerticalTouch = (0, _index.getQueryString)(location.search, 'vt') === '1'; // 是否为竖屏
-    var isHorizontalPad = (0, _index.getQueryString)(location.search, 'vt') === '2'; // 是否在PAD
-    var isHorizontalSunMi = (0, _index.getQueryString)(location.search, 'vt') === '3'; //是否在商米(SunMi)
-    var isHorizontalSunMi_FuPing = (0, _index.getQueryString)(location.search, 'fuping') === '3'; //是否在商米(SunMi)
-    var deviceUuid = (0, _index.getQueryString)(location.search, 'uuid'); // 设备uuid
-    _this.clearStorage(isFirstStartUp);
-    _mutantsUtil.localStore.set('isTpEnv', isTpEnv);
-    _mutantsUtil.localStore.set('recordEnvironmentParams', recordEnvironmentParams);
-    _mutantsUtil.localStore.set('isFirstStartUp', isFirstStartUp);
-    _mutantsUtil.localStore.set('isVerticalTouch', isVerticalTouch);
-    //自助屏  是给终端客户用的 不显示vconsole
-    window.vconsoleShow = !isVerticalTouch;
-    _mutantsUtil.localStore.set('isHorizontalPad', isHorizontalPad);
-    _mutantsUtil.localStore.set('isHorizontalSunMi', isHorizontalSunMi);
-    _mutantsUtil.localStore.set('mobileDeviceUuid', deviceUuid);
-    _stores2.default.posLoginStore.savePosCode();
-
-    _this.hasElectron = _mutantsMicrofx.env.platform === _mutantsMicrofx.env.constant.platform.electron;
-    _this.electron = _mutantsMicrofx.nativeMs && _mutantsMicrofx.nativeMs.get('electron');
-    _this.isAutoTest = (0, _index.getQueryString)(location.search, 'at');
-    _this.isShowFourTab = _this.hasElectron && window.screen.width < 1024 ? true : false;
-    //针对800*600分辨率下，页面显示不全的做一下处理。
-    if (_this.isShowFourTab == true) _this.initWebFrameZoom();
-
-    // 商米副屏
-    _this.isHorizontalSunMi_FuPing = !!isHorizontalSunMi_FuPing;
-    _this.isMobileEnvironment = !!isHorizontalPad || !!isHorizontalSunMi || !!isHorizontalSunMi_FuPing;
-    return _this;
-  }
-
-  (0, _createClass3.default)(MainContainer, [{
-    key: 'getChildContext',
-    value: function getChildContext() {
-      var _this2 = this;
-
-      return {
-        infoRender: this.handleInfoRender,
-        headHook: {
-          addClass: function addClass(id, key) {
-            _this2.setState(function (state) {
-              return (0, _defineProperty3.default)({}, key, [].concat((0, _toConsumableArray3.default)(state[key] || []), [id]));
-            });
-          },
-          removeClass: function removeClass(id, key) {
-            _this2.setState(function (state) {
-              return (0, _defineProperty3.default)({}, key, state[key].filter(function (currentId) {
-                return currentId !== id;
-              }));
-            });
-          }
-        },
-        actionHook: {
-          actionFrom: this.actionFrom,
-          actionChange: function actionChange(value) {
-            _this2.actionFrom = value;
-          }
-        }
-      };
-    }
-
-    // 内置默认
-    // keys = ['esc', 'enter', 'ctrl+f1', ...Object.keys(hotKey.hotKeyConfig)];
-
-    // 解决从url地址唤醒exe，不同账号的处理问题。
-
-  }, {
-    key: 'componentWillMount',
-    value: function componentWillMount() {
-      this.changeLogoSubject();
-
-      var _ref3 = _mutantsUtil.platform || {},
-          isVerticalTouch = _ref3.isVerticalTouch;
-
-      if (isVerticalTouch === true) {
-        document.body.classList.add('vertical-touch-platform');
-      }
-    }
-  }, {
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      try {
-        this.registerHotKey();
-        this.addHotKeyChangeLister();
-      } catch (error) {
-        console.log("捕获到快捷键异常，快捷键不可用", error);
-      }
-      rx$.changeLogo.next();
-      document.body.addEventListener('focus', this.blurButton, true);
-      this.doDeeplinkingUrl();
-
-      if (this.hasElectron === true) {
-        document.body.classList.add('electron-env');
-      } else {
-        if (this.isAutoTest || this.isMobileEnvironment) return; //自动化测试不弹窗
-        _tplusComponentsTouch.ModalWraper.confirm({
-          className: 'tplus-confirm-modal',
-          title: "温馨提示",
-          content: 'T+新零售POS端不允许浏览器直接访问,请从T+产品中下载安装客户端程序使用!',
-          cancelable: false,
-          onOk: function onOk() {
-            (0, _index.closeWebPage)();
-          },
-          onCancel: function onCancel() {
-            (0, _index.closeWebPage)();
-          }
-        });
-      }
-    }
-  }, {
-    key: 'componentWillUnmount',
-    value: function componentWillUnmount() {
-      rx$.changeLogo.unsubscribe();
-      document.body.removeEventListener('focus', this.blurButton, true);
-    }
-
-    //未使用？  
-
-  }, {
-    key: 'render',
-    value: function render() {
-      var _state = this.state,
-          collapsed = _state.collapsed,
-          selectedKeys = _state.selectedKeys,
-          solt = _state.solt,
-          _state$portalHead = _state.portalHead,
-          portalHead = _state$portalHead === undefined ? [] : _state$portalHead,
-          _state$loginHead = _state.loginHead,
-          loginHead = _state$loginHead === undefined ? [] : _state$loginHead,
-          _state$retailOrder = _state.retailOrder,
-          retailOrder = _state$retailOrder === undefined ? [] : _state$retailOrder,
-          logoUrl = _state.logoUrl;
-
-      var pathname = _mutantsMicrofx.history.location.pathname;
-      var storeInfo = _mutantsMicrofx.stores.user.options.get('store');
-      var isPortal = !!portalHead.length;
-      var isLogin = !!loginHead.length;
-      var isRetailOrder = !!retailOrder.length;
-
-      var headProps = {
-        logo: this.logoNode(logoUrl, isPortal),
-        businessName: '',
-        storeName: '',
-        dateFormat: 'yyyy年MM月dd日 hh:mm:ss',
-        menu: [{ title: '注销', key: 'logout', icon: 'zhuxiao' }, { title: '修改密码', key: 'modifypass', icon: 'suoping' }],
-        onClick: this.headMenuSelect
-      };
-      if (storeInfo) {
-        headProps.businessName = storeInfo.orgName;
-        headProps.storeName = storeInfo.storeName;
-        headProps.posCode = storeInfo.posCode;
-      }
-
-      // 如果存在商米副屏则优先加载商米副屏
-      if (this.isHorizontalSunMi_FuPing) {
-        return _react2.default.createElement(_reactRouter.Redirect, { to: '/vicescreen' });
-      }
-
-      // console.log('stores.user.isLogin========',stores.user);
-      console.log('!stores.posLoginStore.posIsLogin=============', !_mutantsMicrofx.stores.posLoginStore.posIsLogin);
-      if (!_mutantsMicrofx.stores.posLoginStore.posIsLogin && !~pathname.indexOf('login')) {
-        _mutantsMicrofx.stores.modalRouter.hideAll && _mutantsMicrofx.stores.modalRouter.hideAll();
-        return _react2.default.createElement(_reactRouter.Redirect, { to: '/login' });
-        // return <Redirect to={'/login?redirect=' + pathname}/>
-      }
-      var classNames = ['isPortal-layout', 'isRetailOrder-layout'];
-      var layoutClassName = [isPortal, isRetailOrder].map(function (v, i) {
-        return v ? classNames[i] : '';
-      }).join(' ');
-      return _react2.default.createElement(
-        _tplusComponentsTouch.Layout,
-        {
-          style: { height: '100%' },
-          className: layoutClassName
-        },
-        _react2.default.createElement(
-          _tplusComponentsTouch.Layout,
-          null,
-          _react2.default.createElement(_header2.default, (0, _extends3.default)({}, headProps, {
-            solt: solt,
-            isPortal: isPortal,
-            className: isPortal ? 'isPortal-head' : '',
-            isLogin: isLogin,
-            location: this.props.location,
-            history: this.props.history
-          })),
-          _react2.default.createElement(
-            _tplusComponentsTouch.Layout.Content,
-            null,
-            this.props.match.isExact ? _react2.default.createElement(_Portal2.default, null) : _react2.default.createElement(
-              _mutantsMicrofx.Switch,
-              null,
-              this.props.routes
-            )
-          )
-        )
-      );
-    }
-  }]);
-  return MainContainer;
-}(_react.Component), _class2.childContextTypes = {
-  infoRender: _propTypes2.default.func,
-  headHook: _propTypes2.default.object,
-  actionHook: _propTypes2.default.object
-}, _initialiseProps = function _initialiseProps() {
-  var _this3 = this;
-
-  this.initWebFrameZoom = function () {
-    var webFrame = _this3.electron ? _this3.electron.webFrame : null;
-    var value = _mutantsMicrofx.localStore.get('webFrameZoomValue') || '0.7';
-    if (webFrame) webFrame.setZoomFactor(parseFloat(value));
-  };
-
-  this.doDeeplinkingUrl = function () {
-    if (_this3.hasElectron === false) return;
-
-    var _ref4 = _this3.electron || { ipcRenderer: null },
-        ipcRenderer = _ref4.ipcRenderer;
-
-    ipcRenderer && ipcRenderer.on("asynchronous-deeplinkingUrl", function (event, ret, params) {
-      if (ret) {
-        console.log('deeplinkingUrl:' + ret);
-
-        var _ref5 = _mutantsMicrofx.localStore.get('user') || {},
-            orgId = _ref5.orgId,
-            userId = _ref5.userId;
-
-        if (!orgId || !userId) return;
-        var param = ret.split('&').reduce(function (accumulator, current) {
-          if (!current) return accumulator;
-
-          var _ref6 = current.split('=') || [],
-              _ref7 = (0, _slicedToArray3.default)(_ref6, 2),
-              key = _ref7[0],
-              value = _ref7[1];
-
-          accumulator[key] = value;
-          return accumulator;
-        }, {});
-        console.log(orgId, userId, param);
-        if (param.orgId !== orgId || param.cloudUserId !== userId) {
-          _tplusApi.User.logout();
-        }
-      }
-    });
-  };
-
-  this.changeLogoSubject = function () {
-    var subject = new _rxjs.Subject();
-    rx$.changeLogo = subject;
-
-    subject.subscribe({
-      next: function next(v) {
-        return _this3.setLogo();
-      }
-    });
-  };
-
-  this.addHotKeyChangeLister = function () {
-    document.addEventListener("RESET_USER_STORE", _this3.registerHotKey);
-  };
-
-  this.removeHotKeyChangeLister = function () {
-    document.removeEventListener("RESET_USER_STORE", _this3.registerHotKey);
-  };
-
-  this.clearStorage = function (isFirstStartUp) {
-    if (!isFirstStartUp) return;
-
-    var cacheStorageKeys = ['i18nextLng', 'version'];
-    var cacheStorage = cacheStorageKeys.reduce(function (prev, currentKey) {
-      prev[currentKey] = _mutantsMicrofx.localStore.get(currentKey);
-      return prev;
-    }, {});
-
-    localStorage.clear();
-    cacheStorageKeys.forEach(function (key) {
-      return _mutantsMicrofx.localStore.set(key, cacheStorage[key]);
-    });
-  };
-
-  this.setLogo = function () {
-    var store = _mutantsMicrofx.localStore.get('StoreKey') || {};
-    var logoUrl = store.logo;
-
-    logoUrl && _this3.setState({ logoUrl: logoUrl });
-  };
-
-  this.logoNode = function (url, isPortal) {
-    var _ref8 = _mutantsUtil.platform || {},
-        isVerticalTouch = _ref8.isVerticalTouch;
-
-    var defualtImage = isVerticalTouch === true ? 'https://newretail.static.chanjet.com/tinified/logo.png' : 'https://newretail.static.chanjet.com/' + (isPortal ? 'protal-chanjet' : 'chanjet') + '-logo.png';
-    return _react2.default.createElement('img', { src: url || defualtImage, className: 'example-logo' });
-  };
-
-  this.hotKeyInjectOrEject = function (type, hotKeyAction) {
-    var registerKeys = ['esc', 'enter'];
-    var allKeys = [].concat(registerKeys, (0, _toConsumableArray3.default)((0, _keys2.default)(_tplusComponentsTouch.hotKey.hotKeyConfig)));
-    allKeys.forEach(function (keyboard, index) {
-      _mutantsMicrofx.nativeMs.onIpcRendererGlobalShortcut({ type: type, keyboard: keyboard }, hotKeyActionHandle);
-    });
-  };
-
-  this.blurButton = function (_ref9) {
-    var target = _ref9.target;
-    //  焦点为 button 时 移除焦点，防止触发 bee 组件enter快捷键
-    if (target && target.nodeName === 'BUTTON') {
-      target.blur();
-    }
-  };
-
-  this.registerHotKey = function () {
-    _this3.isSetHotKey = true;
-
-    _this3.hotKeyCreate = (0, _tplusComponentsTouch.hotKey)({
-      observerCallback: _this3.observerDom,
-      log: true,
-      pressed: _this3.hotKeyAction,
-      clickBefore: function clickBefore() {
-        var _document = document,
-            activeElement = _document.activeElement;
-
-        activeElement && activeElement.blur();
-      },
-      filter: function filter(event) {
-        var _ref10 = event.target || event.srcElement || {},
-            tagName = _ref10.tagName,
-            className = _ref10.className;
-
-        return !(event.key === 'Enter' && tagName === 'INPUT' && !~className.indexOf('hot-key-not-filter'));
-      }
-    });
-
-    _this3.hotKeyCreate.observer(undefined, { attributes: false, childList: true, subtree: false });
-    _this3.hotKeyCreate.register('esc')('.hot-key-focus-container')(_index.operationKeys.esc);
-    _this3.hotKeyCreate.register('enter')('.hot-key-focus-container')(_index.operationKeys.enter);
-
-    // 全局写入快捷键配置已经不需要单独设置
-    // const homeKeyCode = 'ctrl+home';
-    // this.hotKeyCreate.bind([homeKeyCode], (event, handle) => {
-    //   const { key } = handle || {};
-    //   if (key === homeKeyCode) {
-    //     history.push('/');
-    //     (stores.voucherStore || {}).clearData && stores.voucherStore.clearData();
-    //     rx$.memberNameSubject.next('');
-    //   }
-    // });
-  };
-
-  this.observerDom = function (mutationsList) {
-    var modals = document.querySelectorAll('.u-modal');
-
-    var visibleDrawer = void 0;
-    var drawers = document.querySelectorAll('.drawerc');
-    var _iteratorNormalCompletion = true;
-    var _didIteratorError = false;
-    var _iteratorError = undefined;
-
-    try {
-      for (var _iterator = (0, _getIterator3.default)(drawers), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-        var drawer = _step.value;
-
-        var width = parseInt(drawer.style.width, 10);
-        if (width) {
-          visibleDrawer = drawer;
-          break;
-        }
-      }
-    } catch (err) {
-      _didIteratorError = true;
-      _iteratorError = err;
-    } finally {
-      try {
-        if (!_iteratorNormalCompletion && _iterator.return) {
-          _iterator.return();
-        }
-      } finally {
-        if (_didIteratorError) {
-          throw _iteratorError;
-        }
-      }
-    }
-
-    if (modals.length) {
-      $.clearFocus();
-      return $.setFocus(modals[modals.length - 1]);
-    }
-
-    if (visibleDrawer) {
-      $.clearFocus();
-      return $.setFocus(visibleDrawer);
-    }
-
-    if ($.getFocusId() !== '1') {
-      $.clearFocus();
-      $.find('.app', true).setFocus();
-    }
-  };
-
-  this.hotKeyAction = function (event, handle) {
-    var _ref11 = handle || {},
-        key = _ref11.key;
-
-    var toggleKeyCode = 'ctrl+f1';
-    if (key === toggleKeyCode) {
-      var isSetHotKey = _this3.isSetHotKey = !_this3.isSetHotKey;
-      var message = isSetHotKey ? '设置' : '取消';
-      if (isSetHotKey) {
-        $.bind(_this3.keys.filter(function (i) {
-          return i !== toggleKeyCode;
-        }), _this3.hotKeyAction);
-      } else {
-        $.unbind(_this3.keys.filter(function (i) {
-          return i !== toggleKeyCode;
-        }));
-      }
-      return _tplusComponentsTouch.Message.info('\u5DF2' + message + '\u5FEB\u6377\u952E');
-    }
-
-    $.action(key);
-  };
-
-  this.handleInfoRender = function (solt) {
-    _this3.setState({ solt: solt });
-  };
-
-  this.onCollapse = function () {
-    var collapsed = _this3.state.collapsed;
-
-    _this3.setState({ collapsed: !collapsed });
-  };
-
-  this.menuOnClick = function (_ref12) {
-    var key = _ref12.key;
-
-    console.log(key);
-    _this3.setState({ selectedKeys: key });
-  };
-
-  this.handleClose = function () {
-    _tplusComponentsTouch.Keyboard.close();
-  };
-
-  this.handleOk = function (type, count) {
-    _mutantsMicrofx.stores.modifyPassStore.modifyPassWord();
-  };
-
-  this.headMenuSelect = function (_ref13) {
-    var key = _ref13.key;
-
-    var footer = [{ text: '取消', className: 'modifypass-cancal-button', closable: true, action: _this3.handleClose }, { text: '确定', className: 'modifypass-ok-button', action: _this3.handleOk }];
-    footer = !!footer.length && _react2.default.createElement(
-      'div',
-      null,
-      footer.map(function (btn, i) {
-        return _react2.default.createElement(
-          _Button3.default,
-          {
-            className: btn.className || '',
-            key: i,
-            colors: btn.type,
-            loading: btn.loading,
-            onClick: function onClick() {
-              //if (btn.action){executeAction(btn.action)}
-              var _ref14 = btn || {},
-                  action = _ref14.action;
-
-              if (typeof action === 'function') action();
-              if (btn.closable) {
-                _mutantsMicrofx.stores.modalRouter.hide('/modifypass');
-              }
-            }
-          },
-          btn.text
-        );
-      })
-    );
-    switch (key) {
-      case 'logout':
-        _tplusApi.User.logout();
-        break;
-      case 'modifypass':
-        _mutantsMicrofx.stores.modalRouter.show({
-          url: '/modifypass',
-          title: '修改密码',
-          className: 'modify-password',
-          width: 402,
-          footer: footer, modalType: 'mid',
-          onHide: function onHide() {
-            return _mutantsMicrofx.stores.modalRouter.hide('/modifypass');
-          }
-        });
-        break;
-      default:
-        _mutantsMicrofx.history.push('/' + key);
-        break;
-    }
-  };
-}, _temp)) || _class;
-
-function Main(props) {
-  var routes = props.routes,
-      modalRouter = props.modalRouter;
-
-
-  if (modalRouter) {
-    return _react2.default.createElement(
-      _mutantsMicrofx.Switch,
-      null,
-      routes
-    );
-  }
-
-  return _react2.default.cloneElement(_react2.default.createElement(MainContainer, null), props);
-}
-//# sourceMappingURL=index.js.map