tplus-portaltouch 1.27.1 → 1.27.2

package/dist/components/header/headContent.js

@@ -0,0 +1,439 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Dropdown2 = require('tinper-bee/dist/Dropdown');
+
+var _Dropdown3 = _interopRequireDefault(_Dropdown2);
+
+var _Tooltip2 = require('tinper-bee/dist/Tooltip');
+
+var _Tooltip3 = _interopRequireDefault(_Tooltip2);
+
+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 _Menu3 = require('tinper-bee/dist/Menu');
+
+var _Menu4 = _interopRequireDefault(_Menu3);
+
+var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
+
+var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
+
+exports.default = HeadContent;
+
+require('tinper-bee/dist/Dropdown/index.css');
+
+require('tinper-bee/dist/Tooltip/index.css');
+
+require('tinper-bee/dist/Menu/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+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');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+require('../../utils/networkCheck');
+var Item = _Menu4.default.Item;
+
+var defaultFromat = 'yyyy-MM-dd hh:mm:ss';
+
+//头部时间
+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));
+    // clearTimeout(timeout);
+    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
+      )
+    )
+  );
+}
+
+//头部联网状态
+function OnLineStatus(props) {
+  var networkStatus = props.networkStatus;
+
+  var _useState3 = (0, _react.useState)((navigator || {}).onLine ? '联网' : '离线'),
+      _useState4 = (0, _slicedToArray3.default)(_useState3, 2),
+      networkState = _useState4[0],
+      setNetworkStatus = _useState4[1];
+
+  var checkNetwork = new CheckNetwork(function (status) {
+    var state = '联网';
+    switch (status) {
+      case "online":
+        state = '联网';
+        break;
+      case "offline":
+        state = '离线';
+        break;
+      case "weak":
+        state = '弱网';
+        break;
+      default:
+        state = '联网';
+        break;
+    }
+    setNetworkStatus(state);
+  });
+  (0, _react.useEffect)(function () {
+    return function () {
+      checkNetwork.destroy();
+    };
+  }, [networkState]);
+
+  var iconName = 'WiFi';
+  switch (networkState) {
+    case '联网':
+      iconName = 'WiFi';
+      break;
+    case '弱网':
+      iconName = 'ruowangluo';
+      break;
+    case '离线':
+      iconName = 'wuwangluo';
+      break;
+    default:
+      break;
+  }
+
+  var lineIcon = _react2.default.createElement(_tplusComponentsTouch.Ticon, {
+    icon: iconName,
+    className: 'network-state-icon'
+  });
+  return _react2.default.createElement(
+    'div',
+    { className: 'network-status' },
+    networkStatus || lineIcon
+  );
+}
+
+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 menuProps = { onClick: onClick };
+  var menus = _react2.default.createElement(
+    _Menu4.default,
+    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 _this = this;
+
+          return (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:
+                    _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');
+                    _context.prev = 2;
+                    _context.next = 5;
+                    return _tplusApi.User.logout(function () {
+                      setTimeout(function () {
+                        _mutantsMicrofx.nativeMs.doWindow(item.event);
+                      }, 500); // 需要为500ms 时间短可能会不能正常注销清理
+                    });
+
+                  case 5:
+                    _context.next = 12;
+                    break;
+
+                  case 7:
+                    _context.prev = 7;
+                    _context.t0 = _context['catch'](2);
+
+                    _tplusApi.User.clear();
+                    _mutantsMicrofx.localStore.remove('user');
+                    setTimeout(function () {
+                      _mutantsMicrofx.nativeMs.doWindow(item.event);
+                    }, 500);
+
+                  case 12:
+                  case 'end':
+                    return _context.stop();
+                }
+              }
+            }, _callee, _this, [[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 _ref3 = _mutantsUtil.platform || {},
+        isHorizontalPad = _ref3.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) {
+        input.focus();
+      }
+    }, 300);
+  };
+
+  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 });
+  }
+  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(
+        _Tooltip3.default,
+        { trigger: 'click', rootClose: true, placement: 'bottomRight', overlay: moreInfoNode, className: 'head-business-tip' },
+        _react2.default.createElement(
+          'div',
+          { className: 'store-name' },
+          storeName,
+          _react2.default.createElement('i', { className: 'header-triangle-down' })
+        )
+      ),
+      _react2.default.createElement(OnLineStatus, { OnLineStatus: networkStatus })
+    ),
+    isElectron && headControlNode,
+    _react2.default.createElement(
+      'div',
+      { className: 'head-content-right' },
+      !isLogin && !!userName && _react2.default.createElement(
+        _Dropdown3.default,
+        {
+          overlayClassName: overlayClassName,
+          trigger: ['click'],
+          overlay: menus,
+          animation: 'slide-up',
+          placement: 'bottomRight'
+        },
+        _react2.default.createElement(
+          'div',
+          { className: 'header-info-render-content' },
+          _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 })
+    )
+  );
+}
+
+HeadContent.contextTypes = {
+  actionHook: _propTypes2.default.object
+};
+//# sourceMappingURL=headContent.js.map

package/dist/components/header/headContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-portaltouch/components/header/headContent.js"],"names":["HeadContent","require","Item","defaultFromat","HeadTime","props","time","dateFormat","unMount","timeStr","Date","now","currentTime","setCurrentTime","timeout","refreshDate","setTimeout","clearTimeout","split","date_YMD","date_HMS","platform","isVerticalTouch","OnLineStatus","networkStatus","navigator","onLine","networkState","setNetworkStatus","checkNetwork","CheckNetwork","status","state","destroy","iconName","lineIcon","releaseDate","releaseVersion","__RELEASESDATE__","__BUILDVERSION__","error","context","isElectron","env","businessName","storeName","posCode","logo","style","history","solt","isPortal","isLogin","menu","onClick","location","menuProps","menus","map","item","i","key","icon","title","controlConfig","type","event","beforeEvent","ModalWraper","confirm","className","content","onOk","Loading","show","node","delay","actionHook","actionChange","User","logout","nativeMs","doWindow","clear","localStore","remove","splitUser","value","regEmail","RegExp","isEmail","test","setInventoryFocus","isHorizontalPad","doms","document","getElementsByClassName","input","getElementById","length","focus","userName","overlayClassName","moreInfoNode","headControlNode","v","display","width","height","replace","contextTypes","PropTypes","object"],"mappings":"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","file":"headContent.js","sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Ticon, ModalWraper, Loading, Spin} from 'tplus-components-touch';\nimport {Dropdown, Menu, Tooltip} from 'tinper-bee';\nimport PropTypes from 'prop-types'\nimport {formatDate} from '../../utils';\nimport {history, env, nativeMs} from 'mutants-microfx';\nimport {PosInitData} from 'tplus-poslogin';\nimport {User} from 'tplus-api';\nimport {stores, localStore} from 'mutants-microfx';\nimport { verticalHeadTime, verticalHeadContent } from './vertical-touch';\nimport { platform } from 'mutants-util';\nrequire('../../utils/networkCheck');\nconst {Item} = Menu;\nconst defaultFromat = 'yyyy-MM-dd hh:mm:ss';\n\n//头部时间\nfunction HeadTime(props) {\n  const { time, dateFormat } = props;\n  let unMount = false;\n  const timeStr = typeof time === 'number' ? formatDate(time, dateFormat) : time;\n  const [currentTime, setCurrentTime] = useState(formatDate(Date.now(), dateFormat));\n  let timeout;\n  function refreshDate() {\n    if (time) return;\n    !unMount && setCurrentTime(formatDate(Date.now(), dateFormat));\n    // clearTimeout(timeout);\n    timeout = setTimeout(refreshDate, 1000);\n  }\n  useEffect(() => {\n    refreshDate();\n    return () => {\n      unMount = true;\n      clearTimeout(timeout);\n    };\n  }, [currentTime]);\n  const [date_YMD, date_HMS] = currentTime.split(' ') || [];\n\n  if (platform.isVerticalTouch) return verticalHeadTime({ date_HMS });\n  return (\n    <div className='time'>\n      {timeStr ?\n        <div>{timeStr}</div> :\n        <div>\n          {date_YMD}\n          <span>{date_HMS}</span>\n        </div>\n      }\n    </div>\n  );\n}\n\n//头部联网状态\nfunction OnLineStatus(props) {\n  const { networkStatus } = props;\n  const [networkState, setNetworkStatus] = useState((navigator || {}).onLine ? '联网' : '离线');\n  const checkNetwork = new CheckNetwork(function (status) {\n    let state = '联网';\n    switch (status) {\n      case \"online\" :\n        state = '联网'\n        break;\n      case \"offline\" :\n        state = '离线'\n        break;\n      case \"weak\" :\n        state = '弱网'\n        break;\n      default:\n        state = '联网'\n        break;\n    }\n    setNetworkStatus(state);\n  });\n  useEffect(() => {\n    return () => {\n      checkNetwork.destroy();\n    };\n  }, [networkState]);\n\n  let iconName = 'WiFi';\n  switch (networkState) {\n    case '联网':\n      iconName = 'WiFi';\n      break;\n    case '弱网':\n      iconName = 'ruowangluo';\n      break;\n    case '离线':\n      iconName = 'wuwangluo';\n      break;\n    default:\n      break;\n  }\n  \n  const lineIcon = <Ticon\n    icon={iconName}\n    className=\"network-state-icon\"\n  />\n  return (\n    <div className='network-status'>{networkStatus || lineIcon}</div>\n  );\n}\n\nlet releaseDate, releaseVersion;\ntry {\n  releaseDate = __RELEASESDATE__;\n  releaseVersion = __BUILDVERSION__;\n} catch (error) {\n  releaseDate = '';\n  releaseVersion = '';\n}\nexport default function HeadContent(props, context) {\n  const isElectron = (env || {}).platform === 'electron';\n  const {businessName = '', storeName = '', posCode, logo, networkStatus, style = {}, history,\n    dateFormat = defaultFromat, solt, time, isPortal, isLogin, menu = [], onClick, location} = props;\n  const menuProps = {onClick};\n  const menus = (\n    <Menu {...menuProps}>\n      {menu.map((item, i) =>\n        <Item key={item.key || i}>\n          {item.icon && <Ticon icon={item.icon}/>}\n          <span>{item.title}</span>\n        </Item>)\n      }\n    </Menu>\n  );\n\n  const controlConfig = [\n    {type: 'suoxiao', event: 'min'},\n    {\n      type: 'guanbixiao',\n      event: 'close',\n      beforeEvent: (item) => {\n        return ModalWraper.confirm({\n          className: 'tplus-confirm-modal',\n          title: '关闭提示',\n          content: '您确定要关闭应用吗？',\n          async onOk() {\n            Loading.show({\n              className: 'close-app-loading',\n              node: <div className='close-app-spin'>\n                <Spin scale={1.2} type='shape' visible/>\n                <h1>应用关闭中...</h1>\n              </div>,\n              delay: false\n            });\n            context.actionHook.actionChange('close-app');\n            try {\n              await User.logout(() => {\n                setTimeout(() => {\n                  nativeMs.doWindow(item.event);\n                }, 500); // 需要为500ms 时间短可能会不能正常注销清理\n              });\n            } catch (err) {\n              User.clear();\n              localStore.remove('user');\n              setTimeout(() => {\n                nativeMs.doWindow(item.event);\n              }, 500);\n            }\n          }\n        });\n      }\n    },\n  ];\n\n  const splitUser = (value) => {\n    const regEmail = new RegExp('^[A-Za-zd0-9]+([-_.][A-Za-zd0-9]+)*@([A-Za-zd0-9]+[-.])+[A-Za-zd]{2,5}$');\n    const isEmail = regEmail.test(value);\n\n    if (isEmail) {\n      return value.split('@')[0];\n    }\n    return value;\n  }\n\n  const setInventoryFocus = () => {\n    const { isHorizontalPad } = platform || {};\n    if (!!isHorizontalPad) return;\n    let doms = document.getElementsByClassName('app hot-key-focus-container');\n    let input = document.getElementById('productPoint');\n    if (input) setTimeout(() => { if (doms && doms.length > 0) { input.focus() } }, 300)\n  }\n\n  const userName = PosInitData('UserName');\n  const overlayClassName = `_portal-header-dropdown ${!isPortal ? 'inside-header' : ''}`;\n  const moreInfoNode = <div className='pos-more-info-container'>\n    <h1 className='business-name'>{businessName}</h1>\n    <h1 className='store-code'>{posCode}</h1>\n  </div>\n\n  const headControlNode = <div className=\"head-content-control\">\n    {controlConfig.map(v => <Ticon\n      type={v.type}\n      key={v.type}\n      onClick={() => {\n        if (nativeMs) {\n          const {beforeEvent} = v;\n          if (beforeEvent) {\n            return beforeEvent(v);\n          }\n          nativeMs.doWindow(v.event)\n          if (typeof setInventoryFocus == 'function') {\n            setInventoryFocus()\n          } \n        }\n      }}\n    />)}\n  </div>\n\n  if (platform.isVerticalTouch) {\n    return verticalHeadContent({ style, releaseVersion, releaseDate, time, dateFormat, logo, HeadTime, headControlNode, location, history });\n  }\n  return (<div style={{display: 'inline-block', width: '100%', height: '100%', ...style}} className='head-content' data-release={`${releaseVersion} ${releaseDate}`}>\n    <div className=\"head-content-left\">\n      {!!logo && <div className='business-logo' onClick={()=>{history.replace('/')}}>{logo}</div>}\n      {!!storeName && <Tooltip trigger=\"click\" rootClose placement=\"bottomRight\" overlay={moreInfoNode} className='head-business-tip'>\n        <div className='store-name'>{storeName}<i className='header-triangle-down' /></div>\n       </Tooltip>}\n      <OnLineStatus OnLineStatus={networkStatus}/>\n    </div>\n    {isElectron && headControlNode}\n    <div className=\"head-content-right\">\n      {!isLogin && !!userName && <Dropdown\n        overlayClassName={overlayClassName}\n        trigger={['click']}\n        overlay={menus}\n        animation=\"slide-up\"\n        placement=\"bottomRight\"\n      >\n        <div className='header-info-render-content'>\n          <div className='store-info-item'>\n            <p className='biller'>开单员:<span>{splitUser(userName)}</span></p>\n          </div>\n          <i className='header-triangle-down'/>\n        </div>\n      </Dropdown>}\n      {!isLogin && <div className='store-info-item'>{solt}</div>}\n      <HeadTime time={time} dateFormat={dateFormat}/>\n    </div>\n  </div>);\n}\n\nHeadContent.contextTypes = {\n  actionHook: PropTypes.object,\n}\n"]}

package/dist/components/header/index.js

@@ -0,0 +1,102 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Head;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+var _headContent = require('./headContent');
+
+var _headContent2 = _interopRequireDefault(_headContent);
+
+var _utils = require('../../utils');
+
+require('./style.less');
+
+require('./vertical-touch.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Header = _tplusComponentsTouch.Layout.Header; /**
+                                                   * Created by hzy on 2019/3/25.
+                                                   */
+/**
+ * @style style
+ * @logo 商户LOGO
+ * @businessName 商户名
+ * @storeName  门店名
+ * @posCode  pos机号
+ * @networkStatus    网络状态
+ * @time    时间(时间戳or字符串)
+ * @dateFormat   格式化时间 'yyyy-MM-dd hh:mm:ss.S'
+ * @solt   render插槽内容
+ * @infoRender   外层Main容器context上的infoRender方法，传入参数为要渲染的react node内容 // this.context.infoRender(node)
+ */
+
+function Head(props) {
+  var businessName = props.businessName,
+      storeName = props.storeName,
+      networkStatus = props.networkStatus,
+      time = props.time,
+      dateFormat = props.dateFormat,
+      _props$style = props.style,
+      style = _props$style === undefined ? {} : _props$style,
+      solt = props.solt,
+      logo = props.logo,
+      _props$className = props.className,
+      className = _props$className === undefined ? '' : _props$className,
+      isPortal = props.isPortal,
+      isLogin = props.isLogin,
+      menu = props.menu,
+      onClick = props.onClick,
+      posCode = props.posCode,
+      location = props.location,
+      history = props.history;
+
+  var classes = (0, _utils.generatorClass)('pos-header', className);
+  return _react2.default.createElement(
+    Header,
+    { className: classes },
+    _react2.default.createElement(_headContent2.default, {
+      logo: logo,
+      businessName: businessName,
+      storeName: storeName,
+      networkStatus: networkStatus,
+      time: time,
+      posCode: posCode,
+      dateFormat: dateFormat,
+      style: style,
+      solt: solt,
+      menu: menu,
+      onClick: onClick,
+      isPortal: isPortal,
+      isLogin: isLogin,
+      location: location,
+      history: history
+    })
+  );
+}
+
+Head.propTypes = {
+  style: _propTypes2.default.object,
+  className: _propTypes2.default.string,
+  businessName: _propTypes2.default.string,
+  storeName: _propTypes2.default.string,
+  networkStatus: _propTypes2.default.string,
+  time: (0, _propTypes.oneOfType)([_propTypes2.default.string, _propTypes2.default.number]),
+  dateFormat: _propTypes2.default.string,
+  logo: _propTypes2.default.node,
+  menu: _propTypes2.default.array,
+  onSelect: _propTypes2.default.func
+};
+//# sourceMappingURL=index.js.map

package/dist/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-portaltouch/components/header/index.js"],"names":["Head","Header","Layout","props","businessName","storeName","networkStatus","time","dateFormat","style","solt","logo","className","isPortal","isLogin","menu","onClick","posCode","location","history","classes","propTypes","PropTypes","object","string","number","node","array","onSelect","func"],"mappings":";;;;;kBAyBwBA,I;;AAVxB;;;;AACA;;;;AACA;;AACA;;;;AACA;;AACA;;AACA;;;;IAEOC,M,GAAUC,4B,CAAVD,M,EAvBP;;;AAGA;;;;;;;;;;;;;AAsBe,SAASD,IAAT,CAAcG,KAAd,EAAqB;AAAA,MAC3BC,YAD2B,GAEgCD,KAFhC,CAC3BC,YAD2B;AAAA,MACbC,SADa,GAEgCF,KAFhC,CACbE,SADa;AAAA,MACFC,aADE,GAEgCH,KAFhC,CACFG,aADE;AAAA,MACaC,IADb,GAEgCJ,KAFhC,CACaI,IADb;AAAA,MACmBC,UADnB,GAEgCL,KAFhC,CACmBK,UADnB;AAAA,qBAEgCL,KAFhC,CAC+BM,KAD/B;AAAA,MAC+BA,KAD/B,gCACuC,EADvC;AAAA,MAC2CC,IAD3C,GAEgCP,KAFhC,CAC2CO,IAD3C;AAAA,MACiDC,IADjD,GAEgCR,KAFhC,CACiDQ,IADjD;AAAA,yBAEgCR,KAFhC,CACuDS,SADvD;AAAA,MACuDA,SADvD,oCACmE,EADnE;AAAA,MAEhCC,QAFgC,GAEgCV,KAFhC,CAEhCU,QAFgC;AAAA,MAEtBC,OAFsB,GAEgCX,KAFhC,CAEtBW,OAFsB;AAAA,MAEbC,IAFa,GAEgCZ,KAFhC,CAEbY,IAFa;AAAA,MAEPC,OAFO,GAEgCb,KAFhC,CAEPa,OAFO;AAAA,MAEEC,OAFF,GAEgCd,KAFhC,CAEEc,OAFF;AAAA,MAEWC,QAFX,GAEgCf,KAFhC,CAEWe,QAFX;AAAA,MAEqBC,OAFrB,GAEgChB,KAFhC,CAEqBgB,OAFrB;;AAGlC,MAAMC,UAAU,2BAAe,YAAf,EAA6BR,SAA7B,CAAhB;AACA,SAAQ;AAAC,UAAD;AAAA,MAAQ,WAAWQ,OAAnB;AACN,kCAAC,qBAAD;AACE,YAAMT,IADR;AAEE,oBAAcP,YAFhB;AAGE,iBAAWC,SAHb;AAIE,qBAAeC,aAJjB;AAKE,YAAMC,IALR;AAME,eAASU,OANX;AAOE,kBAAYT,UAPd;AAQE,aAAOC,KART;AASE,YAAMC,IATR;AAUE,YAAMK,IAVR;AAWE,eAASC,OAXX;AAYE,gBAAUH,QAZZ;AAaE,eAASC,OAbX;AAcE,gBAAUI,QAdZ;AAeE,eAASC;AAfX;AADM,GAAR;AAmBD;;AAEDnB,KAAKqB,SAAL,GAAiB;AACfZ,SAAOa,oBAAUC,MADF;AAEfX,aAAWU,oBAAUE,MAFN;AAGfpB,gBAAckB,oBAAUE,MAHT;AAIfnB,aAAWiB,oBAAUE,MAJN;AAKflB,iBAAegB,oBAAUE,MALV;AAMfjB,QAAM,0BAAU,CACde,oBAAUE,MADI,EAEdF,oBAAUG,MAFI,CAAV,CANS;AAUfjB,cAAYc,oBAAUE,MAVP;AAWfb,QAAMW,oBAAUI,IAXD;AAYfX,QAAMO,oBAAUK,KAZD;AAafC,YAAUN,oBAAUO;AAbL,CAAjB","file":"index.js","sourcesContent":["/**\n * Created by hzy on 2019/3/25.\n */\n/**\n * @style style\n * @logo 商户LOGO\n * @businessName 商户名\n * @storeName  门店名\n * @posCode  pos机号\n * @networkStatus    网络状态\n * @time    时间(时间戳or字符串)\n * @dateFormat   格式化时间 'yyyy-MM-dd hh:mm:ss.S'\n * @solt   render插槽内容\n * @infoRender   外层Main容器context上的infoRender方法，传入参数为要渲染的react node内容 // this.context.infoRender(node)\n */\nimport React from 'react';\nimport PropTypes, {oneOfType} from 'prop-types';\nimport {Layout} from 'tplus-components-touch';\nimport HeadContent from './headContent';\nimport {generatorClass} from '../../utils';\nimport './style.less';\nimport './vertical-touch.less';\n\nconst {Header} = Layout;\n\nexport default function Head(props) {\n  const {businessName, storeName, networkStatus, time, dateFormat, style = {}, solt, logo, className = '',\n    isPortal, isLogin, menu, onClick, posCode, location, history} = props;\n  const classes = generatorClass('pos-header', className);\n  return (<Header className={classes}>\n    <HeadContent\n      logo={logo}\n      businessName={businessName}\n      storeName={storeName}\n      networkStatus={networkStatus}\n      time={time}\n      posCode={posCode}\n      dateFormat={dateFormat}\n      style={style}\n      solt={solt}\n      menu={menu}\n      onClick={onClick}\n      isPortal={isPortal}\n      isLogin={isLogin}\n      location={location}\n      history={history}\n    />\n  </Header>);\n}\n\nHead.propTypes = {\n  style: PropTypes.object,\n  className: PropTypes.string,\n  businessName: PropTypes.string,\n  storeName: PropTypes.string,\n  networkStatus: PropTypes.string,\n  time: oneOfType([\n    PropTypes.string,\n    PropTypes.number\n  ]),\n  dateFormat: PropTypes.string,\n  logo: PropTypes.node,\n  menu: PropTypes.array,\n  onSelect: PropTypes.func,\n};\n"]}