tplus-portaltouch 3.28.2 → 3.30.1

package/dist/containers/Main/index.js

@@ -0,0 +1,662 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+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 _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
+
+var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
+
+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;
+
+exports.default = Main;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _mobxReact = require('mobx-react');
+
+var _antd = require('antd');
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+var _mutantsUtil = require('mutants-util');
+
+var _tplusApi = require('tplus-api');
+
+var _rxjs = require('rxjs');
+
+var _reactRouter = require('react-router');
+
+var _header = require('../../components/header');
+
+var _header2 = _interopRequireDefault(_header);
+
+var _Portalbc = require('../../pages/Portalbc');
+
+var _Portalbc2 = _interopRequireDefault(_Portalbc);
+
+var _stores = require('../../stores');
+
+var _stores2 = _interopRequireDefault(_stores);
+
+var _index = require('../../utils/index');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var hasElectron = _mutantsMicrofx.env.platform === _mutantsMicrofx.env.constant.platform.electron;
+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));
+
+    _this.currentFocus = null;
+
+    _this.initWebFrameZoom = function () {
+      var webFrame = _this.electron ? _this.electron.webFrame : null;
+      var value = _mutantsMicrofx.localStore.get('webFrameZoomValue') || '0.7';
+      if (webFrame) webFrame.setZoomFactor(parseFloat(value));
+    };
+
+    _this.doDeeplinkingUrl = function () {
+      if (_this.hasElectron === false) return;
+
+      var _ref = _this.electron || { ipcRenderer: null },
+          ipcRenderer = _ref.ipcRenderer;
+
+      ipcRenderer && ipcRenderer.on("asynchronous-deeplinkingUrl", function (event, ret, params) {
+        if (ret) {
+          console.log('deeplinkingUrl:' + ret);
+
+          var _ref2 = _mutantsMicrofx.stores.user || {},
+              orgId = _ref2.orgId,
+              userId = _ref2.userId;
+
+          if (!orgId || !userId) return;
+          var param = ret.split('&').reduce(function (accumulator, current) {
+            if (!current) return accumulator;
+
+            var _ref3 = current.split('=') || [],
+                _ref4 = (0, _slicedToArray3.default)(_ref3, 2),
+                key = _ref4[0],
+                value = _ref4[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 _this.setLogo(v);
+        }
+      });
+    };
+
+    _this.changeHsySubject = function () {
+      var subject = new _rxjs.Subject();
+      rx$.changeHsy = subject;
+
+      subject.subscribe({
+        next: function next(v) {
+          return _this.setHsy(v);
+        }
+      });
+    };
+
+    _this.addHotKeyChangeLister = function () {
+      document.addEventListener("RESET_USER_STORE", _this.registerHotKey);
+    };
+
+    _this.removeHotKeyChangeLister = function () {
+      document.removeEventListener("RESET_USER_STORE", _this.registerHotKey);
+    };
+
+    _this.setHsy = function (v) {
+      var _ref5 = v || {},
+          back = _ref5.back,
+          fn = _ref5.fn;
+
+      if (back === true) {
+        _this.setState({ hsy_s: true, hsy_f: fn });
+      } else {
+        _this.setState({ hsy_s: false, hsy_f: null });
+      }
+    };
+
+    _this.setLogo = function (v) {
+      var store = _mutantsMicrofx.localStore.get('StoreKey') || {};
+      var logoUrl = store.logo;
+
+      logoUrl && _this.setState({ logoUrl: logoUrl });
+    };
+
+    _this.logoNode = function (url, isPortal, isLogin) {
+      var _this$state = _this.state,
+          hsy_s = _this$state.hsy_s,
+          hsy_f = _this$state.hsy_f;
+
+      var _ref6 = _mutantsUtil.platform || {},
+          isVerticalTouch = _ref6.isVerticalTouch,
+          isNewRetailBCPos = _ref6.isNewRetailBCPos;
+
+      var bcParams = isNewRetailBCPos ? '-bc' : '';
+      var theme = _mutantsMicrofx.stores.portalStore.themeStore;
+      var defualtImage = isVerticalTouch === true ? 'https://newretail.static.chanjet.com/tinified/logo' + bcParams + '.png' : 'https://newretail.static.chanjet.com/' + (!hsy_s && isPortal || theme === 'dark' && !isLogin ? 'protal-chanjet' : 'chanjet') + '-logo' + bcParams + '.png?v=1';
+      if (hsy_s === true) {
+        return _react2.default.createElement(
+          'div',
+          { className: 'business-logo-container' },
+          _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'zhiPOS-fanhuishouye2', className: 'back_i', onClick: function onClick() {
+              hsy_f && hsy_f();
+            } }),
+          _react2.default.createElement('img', { src: url || defualtImage, className: 'example-logo' })
+        );
+      }
+      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 (_ref7) {
+      var target = _ref7.target;
+      //  焦点为 button 时 移除焦点，防止触发 bee 组件enter快捷键
+      if (target && target.nodeName === 'BUTTON') {
+        target.blur();
+      }
+    };
+
+    _this.registerHotKey = function () {
+      _this.isSetHotKey = true;
+
+      _this.hotKeyCreate = (0, _tplusComponentsTouch.hotKey)({
+        observerCallback: _this.observerDom,
+        log: true,
+        pressed: _this.hotKeyAction,
+        clickBefore: function clickBefore() {
+          var _document = document,
+              activeElement = _document.activeElement;
+
+          activeElement && activeElement.blur();
+        },
+        filter: function filter(event) {
+          var _ref8 = event.target || event.srcElement || {},
+              tagName = _ref8.tagName,
+              className = _ref8.className;
+
+          return !(event.key === 'Enter' && tagName === 'INPUT' && !~className.indexOf('hot-key-not-filter'));
+        }
+      });
+
+      _this.hotKeyCreate.observer(undefined, { attributes: true, childList: true, subtree: true, attributeFilter: ['class', 'style'] });
+      _this.hotKeyCreate.register('esc')('.hot-key-focus-container')(_index.operationKeys.esc);
+      _this.hotKeyCreate.register('enter')('.hot-key-focus-container')(_index.operationKeys.enter);
+    };
+
+    _this.observerDom = function () {
+      var visibleModal = void 0;
+      var modals = document.querySelectorAll('.ant-modal-wrap'); //ant-module
+      var _iteratorNormalCompletion = true;
+      var _didIteratorError = false;
+      var _iteratorError = undefined;
+
+      try {
+        for (var _iterator = (0, _getIterator3.default)(modals), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var modal = _step.value;
+
+          var display = modal.style.display;
+          if (display != "none") {
+            visibleModal = modal;
+          }
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+
+      var visibleDrawer = void 0;
+      var drawers = document.querySelectorAll('.ant-drawer-open'); //ant-drawer
+      var _iteratorNormalCompletion2 = true;
+      var _didIteratorError2 = false;
+      var _iteratorError2 = undefined;
+
+      try {
+        for (var _iterator2 = (0, _getIterator3.default)(drawers), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+          var drawer = _step2.value;
+
+          visibleDrawer = drawer;
+          break;
+        }
+      } catch (err) {
+        _didIteratorError2 = true;
+        _iteratorError2 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion2 && _iterator2.return) {
+            _iterator2.return();
+          }
+        } finally {
+          if (_didIteratorError2) {
+            throw _iteratorError2;
+          }
+        }
+      }
+
+      if (visibleModal) {
+        if (_this.currentFocus !== visibleModal) {
+          $.clearFocus();
+          _this.currentFocus = visibleModal;
+          return $.setFocus(visibleModal);
+        }
+        return;
+      }
+
+      if (visibleDrawer) {
+        if (_this.currentFocus !== visibleDrawer) {
+          $.clearFocus();
+          _this.currentFocus = visibleDrawer;
+          return $.setFocus(visibleDrawer);
+        }
+        return;
+      }
+
+      if ($.getFocusId() !== '1') {
+        if (_this.currentFocus !== 'App' || !document.querySelector(".hot-key-focus-container")) {
+          $.clearFocus();
+          _this.currentFocus = 'App';
+          $.find('.app', true).setFocus();
+        }
+        return;
+      }
+    };
+
+    _this.hotKeyAction = function (event, handle) {
+      var _ref9 = handle || {},
+          key = _ref9.key;
+
+      var toggleKeyCode = 'ctrl+f1';
+      if (key === toggleKeyCode) {
+        var isSetHotKey = _this.isSetHotKey = !_this.isSetHotKey;
+        var message = isSetHotKey ? '设置' : '取消';
+        if (isSetHotKey) {
+          $.bind(_this.keys.filter(function (i) {
+            return i !== toggleKeyCode;
+          }), _this.hotKeyAction);
+        } else {
+          $.unbind(_this.keys.filter(function (i) {
+            return i !== toggleKeyCode;
+          }));
+        }
+        return _tplusComponentsTouch.Message.info('\u5DF2' + message + '\u5FEB\u6377\u952E');
+      }
+
+      $.action(key);
+    };
+
+    _this.handleInfoRender = function (solt) {
+      _this.setState({ solt: solt });
+    };
+
+    _this.onCollapse = function () {
+      var collapsed = _this.state.collapsed;
+
+      _this.setState({ collapsed: !collapsed });
+    };
+
+    _this.menuOnClick = function (_ref10) {
+      var key = _ref10.key;
+
+      console.log(key);
+      _this.setState({ selectedKeys: key });
+    };
+
+    _this.handleClose = function () {
+      _tplusComponentsTouch.Keyboard.close();
+    };
+
+    _this.handleOk = function (type, count) {
+      _mutantsMicrofx.stores.modifyPassStore.modifyPassWord();
+    };
+
+    _this.headMenuSelect = function (_ref11) {
+      var key = _ref11.key;
+
+      var footer = [{ text: '取消', className: 'modifypass-cancal-button', closable: true, action: _this.handleClose }, { text: '确定', className: 'modifypass-ok-button', action: _this.handleOk, type: 'primary' }];
+      footer = !!footer.length && _react2.default.createElement(
+        'div',
+        null,
+        footer.map(function (btn, i) {
+          return _react2.default.createElement(
+            _antd.Button,
+            {
+              className: btn.className || '',
+              key: i,
+              type: btn.type,
+              loading: btn.loading,
+              onClick: function onClick() {
+                var _ref12 = btn || {},
+                    action = _ref12.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':
+          {
+            if (!_mutantsMicrofx.stores.offlineSys.shouldInOffline()) return;
+            _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');
+              },
+              destroyOnClose: true
+            });
+          }
+          break;
+        default:
+          _mutantsMicrofx.history.push('/' + key);
+          break;
+      }
+    };
+
+    _this.hasElectron = hasElectron;
+    _this.state = {
+      hsy_s: false,
+      hsy_f: null
+    };
+    _stores2.default.posLoginStore.savePosCode();
+    _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();
+
+    var isHorizontalPad = _mutantsUtil.localStore.get('isHorizontalPad'); // 是否在PAD
+    var isHorizontalSunMi = _mutantsUtil.localStore.get('isHorizontalSunMi'); //是否在商米(SunMi)
+    var isHorizontalSunMi_FuPing = _mutantsUtil.localStore.get('isHorizontalSunMi_FuPing'); //是否在商米(SunMi)
+
+    _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();
+      this.changeHsySubject();
+
+      var _ref15 = _mutantsUtil.platform || {},
+          isVerticalTouch = _ref15.isVerticalTouch;
+
+      if (isVerticalTouch === true) {
+        document.body.classList.add('vertical-touch-platform');
+      }
+    }
+  }, {
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.registerHotKey();
+      this.addHotKeyChangeLister();
+      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: '智+新零售POS端不允许浏览器直接访问,请从智+产品中下载安装客户端程序使用!',
+          cancelable: false,
+          onOk: function onOk() {
+            (0, _index.closeWebPage)();
+          },
+          onCancel: function onCancel() {
+            (0, _index.closeWebPage)();
+          }
+        });
+      }
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      rx$.changeLogo.unsubscribe();
+      rx$.changeHsy.unsubscribe();
+      document.body.removeEventListener('focus', this.blurButton, true);
+      // clearInterval(this.addObserverDomTimer);
+    }
+
+    //未使用？
+
+  }, {
+    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,
+          hsy_s = _state.hsy_s;
+
+      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, isLogin),
+        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.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' });
+      }
+      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: (!hsy_s && isPortal ? 'isPortal-head' : '') + ' ' + (isLogin ? 'isLogin-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(_Portalbc2.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
+}, _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