tplus-portaltouch 3.27.1 → 3.28.2

package/dist/components/header/vertical-touch.js

@@ -1,285 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _promise = require('babel-runtime/core-js/promise');
-
-var _promise2 = _interopRequireDefault(_promise);
-
-exports.verticalHeadTime = verticalHeadTime;
-exports.verticalHeadContent = verticalHeadContent;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _tplusComponentsTouch = require('tplus-components-touch');
-
-var _mutantsMicrofx = require('mutants-microfx');
-
-var _tplusApi = require('tplus-api');
-
-var _antd = require('antd');
-
-var _customUse = require('./customUse');
-
-var _themeModal = require('./themeModal');
-
-var _themeModal2 = _interopRequireDefault(_themeModal);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Item = _antd.Menu.Item;
-function verticalHeadTime(_ref) {
-  var date_HMS = _ref.date_HMS;
-
-  return _react2.default.createElement(
-    'span',
-    null,
-    date_HMS
-  );
-}
-function memberHeaderClick() {
-  _mutantsMicrofx.stores.voucherStore.voucherVM.controllerEvent('changeMember', {});
-}
-
-function justifyPathname(pathname) {
-  if (pathname !== "/RE/RE01") {
-    if (document.getElementsByClassName('member-name')[0] && document.getElementById('header-triangle-down')) {
-      document.getElementById('header-triangle-down').style.display = 'none';
-    }
-  } else {
-    if (document.getElementsByClassName('member-name')[0] && document.getElementById('header-triangle-down')) {
-      document.getElementById('header-triangle-down').style.display = 'inline';
-    }
-  }
-}
-
-var mouseUp = false;
-function verticalHeadContent(_ref2) {
-  var style = _ref2.style,
-      releaseVersion = _ref2.releaseVersion,
-      releaseDate = _ref2.releaseDate,
-      time = _ref2.time,
-      dateFormat = _ref2.dateFormat,
-      logo = _ref2.logo,
-      HeadTime = _ref2.HeadTime,
-      headControlNode = _ref2.headControlNode,
-      location = _ref2.location,
-      history = _ref2.history,
-      clickTheme = _ref2.clickTheme,
-      themeVisible = _ref2.themeVisible,
-      isPortal = _ref2.isPortal,
-      isLogin = _ref2.isLogin;
-
-  var renderNode = (0, _customUse.useRender)();
-  var dropContent = function () {
-    var selectMemberInfo = _mutantsMicrofx.stores.selectMemberStore.selectMemberInfo; //selectMemberInfo 用作触发mobox render
-
-    return _react2.default.createElement(
-      _antd.Dropdown,
-      { overlayClassName: 'verticalTouchDropdownClass', trigger: ['click'],
-        overlay: _react2.default.createElement(
-          _antd.Menu,
-          { onClick: memberHeaderClick },
-          _react2.default.createElement(
-            Item,
-            { key: '1' },
-            _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: 'zhuxiao' }),
-            _react2.default.createElement(
-              'span',
-              null,
-              '\u9000\u51FA\u4F1A\u5458'
-            )
-          )
-        ) },
-      _react2.default.createElement('i', { id: 'header-triangle-down', className: 'header-triangle-down' })
-    );
-  }();
-
-  var _ref3 = location || {},
-      pathname = _ref3.pathname;
-
-  justifyPathname(pathname);
-  var memberName = (0, _customUse.useMemberName)(undefined, function (value) {
-    return !value || _react2.default.createElement(
-      'div',
-      { className: 'member-name' },
-      '\u6B22\u8FCE\u60A8 ',
-      _react2.default.createElement(
-        'span',
-        { className: 'memberWord primary-color' },
-        value
-      ),
-      dropContent
-    );
-  });
-  var canRouteChange = ['/portsetting', '/'].includes(pathname);
-  function longPress(isMouseUp) {
-    if (canRouteChange) return history.push('/');
-    mouseUp = false;
-    if (isMouseUp) return mouseUp = true;
-
-    var setLongPressTime = 1000;
-    var pressStart = +new Date();
-
-    (function longPressTime() {
-      if (mouseUp) return;
-      setTimeout(function () {
-        if (+new Date() - pressStart < setLongPressTime) {
-          longPressTime();
-        } else {
-          var _ref4 = _mutantsMicrofx.localStore.get('AuthKey') || {},
-              username = _ref4.username,
-              password = _ref4.password;
-
-          var pass = '';
-          var passRef = _react2.default.createRef();
-
-          _tplusComponentsTouch.ModalWraper.confirm({
-            vertical: true,
-            className: 'tplus-confirm-modal router-change-confirm',
-            title: '返回首页',
-            icon: false,
-            wrapperControl: true,
-            onCancel: function onCancel() {
-              _tplusComponentsTouch.Keyboard.close();
-            },
-            onOk: function onOk() {
-              if (!pass.trim()) {
-                _tplusComponentsTouch.Message.toast('您输入密码格式不正确');
-                return false;
-              }
-              _tplusComponentsTouch.Message.loading('身份校验中，请稍后...');
-              return new _promise2.default(function (resolve) {
-                setTimeout(function () {
-                  if (_tplusApi.User.pwdEncrypt(pass) === password) {
-                    _tplusComponentsTouch.Message.loading('校验成功，即将跳转到首页');
-                    setTimeout(function () {
-                      _tplusComponentsTouch.Message.destroy();
-                      resolve('closeModal');
-                      _mutantsMicrofx.stores.voucherStore.clearData();
-                      history.push('/');
-                      rx$.memberNameSubject.next('');
-                      _tplusComponentsTouch.Keyboard.close();
-                    }, 1000);
-                  } else {
-                    _tplusComponentsTouch.Message.toast('您输入密码不正确');
-                  }
-                }, Math.random() * 500 + 500);
-              });
-            },
-
-            content: _react2.default.createElement(
-              'div',
-              { className: 'inputs-content' },
-              _react2.default.createElement(_tplusComponentsTouch.Input, {
-                vertical: true,
-                title: '\u8D26\u53F7',
-                tplusInput: true,
-                placeholder: '\u8BF7\u8F93\u5165\u8D26\u53F7',
-                type: 'native',
-                suffix: 'zhanghu',
-                value: username,
-                disabled: true
-              }),
-              _react2.default.createElement(_tplusComponentsTouch.Input, {
-                vertical: true,
-                title: '\u5BC6\u7801',
-                tplusInput: true,
-                placeholder: '\u8BF7\u8F93\u5165\u5BC6\u7801',
-                htmlType: 'password',
-                type: 'native',
-                suffix: 'xiugaimima1',
-                onChange: function onChange(e) {
-                  return pass = e.target.value;
-                },
-                inputRef: passRef,
-                onFocus: function onFocus(_ref5) {
-                  var target = _ref5.target;
-
-                  _tplusComponentsTouch.Keyboard.open(function (v) {
-                    var value = _tplusComponentsTouch.Keyboard.getNewValue(target, target.value, v);
-                    target.value = pass = value;
-                  }, function () {
-                    var r = document.querySelector('.router-change-confirm .ant-btn-primary');
-                    r && r.click && r.click();
-                  }, function () {
-                    passRef && passRef.current && passRef.current.blur();
-                    _tplusComponentsTouch.Keyboard.close();
-                  })();
-                }
-              })
-            )
-          });
-          setTimeout(function () {
-            return passRef && passRef.current && passRef.current.focus();
-          }, 100);
-        }
-      }, 100);
-    })();
-  }
-
-  var _ref6 = _mutantsMicrofx.stores.user.options.get('store') || {},
-      posCode = _ref6.posCode;
-
-  function toggle() {
-    clickTheme(true);
-  }
-
-  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',
-          onTouchStart: function onTouchStart() {
-            return longPress();
-          },
-          onTouchEnd: function onTouchEnd() {
-            return longPress(true);
-          }
-        },
-        logo
-      ),
-      posCode && _react2.default.createElement(
-        'div',
-        { className: 'pos-code' },
-        posCode
-      )
-    ),
-    ['/', '/login'].includes(pathname) && headControlNode,
-    !isLogin && _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: 'huanfu', className: 'theme-icon ' + (!isPortal ? 'pos-page' : ''), onClick: function onClick() {
-        return toggle();
-      } }),
-    _react2.default.createElement(
-      'div',
-      { className: 'head-content-right' },
-      memberName,
-      renderNode
-    ),
-    _react2.default.createElement(_themeModal2.default, {
-      visible: themeVisible,
-      isVertical: true,
-      isPortal: isPortal,
-      closeFn: function closeFn(isShow) {
-        return clickTheme(isShow);
-      }
-    })
-  );
-}
-//# sourceMappingURL=vertical-touch.js.map

package/dist/components/header/vertical-touch.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tplus-portaltouch/components/header/vertical-touch.js"],"names":["verticalHeadTime","verticalHeadContent","Item","Menu","date_HMS","memberHeaderClick","stores","voucherStore","voucherVM","controllerEvent","justifyPathname","pathname","document","getElementsByClassName","getElementById","style","display","mouseUp","releaseVersion","releaseDate","time","dateFormat","logo","HeadTime","headControlNode","location","history","clickTheme","themeVisible","isPortal","isLogin","renderNode","dropContent","selectMemberInfo","selectMemberStore","memberName","undefined","value","canRouteChange","includes","longPress","isMouseUp","push","setLongPressTime","pressStart","Date","longPressTime","setTimeout","localStore","get","username","password","pass","passRef","React","createRef","ModalWraper","confirm","vertical","className","title","icon","wrapperControl","onCancel","Keyboard","close","onOk","trim","Message","toast","loading","User","pwdEncrypt","destroy","resolve","clearData","rx$","memberNameSubject","next","Math","random","content","e","target","open","getNewValue","v","r","querySelector","click","current","blur","focus","user","options","posCode","toggle","width","height","isShow"],"mappings":"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","file":"vertical-touch.js","sourcesContent":["import React from 'react';\r\nimport { ModalWraper, Input, Message, Keyboard, Ticon } from 'tplus-components-touch';\r\nimport { localStore, stores } from 'mutants-microfx';\r\nimport { User } from 'tplus-api';\r\nimport { Dropdown, Menu } from 'antd';\r\nimport { useRender, useMemberName } from './customUse';\r\nimport ThemeModal from \"./themeModal\";\r\nconst { Item } = Menu;\r\n\r\nexport function verticalHeadTime({ date_HMS }) {\r\n  return <span>{date_HMS}</span>;\r\n}\r\nfunction memberHeaderClick() {\r\n  stores.voucherStore.voucherVM.controllerEvent('changeMember', {})\r\n}\r\n\r\nfunction justifyPathname (pathname) {\r\n  if (pathname !== \"/RE/RE01\") {\r\n    if (document.getElementsByClassName('member-name')[0] && document.getElementById('header-triangle-down')){\r\n      document.getElementById('header-triangle-down').style.display = 'none'\r\n    }\r\n  } else {\r\n    if (document.getElementsByClassName('member-name')[0] && document.getElementById('header-triangle-down')){\r\n      document.getElementById('header-triangle-down').style.display = 'inline'\r\n    }\r\n  }\r\n}\r\n\r\nlet mouseUp = false;\r\nexport function verticalHeadContent({ style, releaseVersion, releaseDate, time, dateFormat, logo, HeadTime, headControlNode, location, history, clickTheme, themeVisible, isPortal, isLogin }) {\r\n  const renderNode = useRender();\r\n  const dropContent = function () {\r\n    const { selectMemberInfo } = stores.selectMemberStore; //selectMemberInfo 用作触发mobox render\r\n    return (<Dropdown overlayClassName='verticalTouchDropdownClass' trigger={['click']}\r\n      overlay={\r\n        <Menu onClick={memberHeaderClick}>\r\n          <Item key=\"1\">\r\n            <Ticon icon='zhuxiao' />\r\n            <span>退出会员</span>\r\n          </Item>\r\n        </Menu>\r\n      }>\r\n      <i id='header-triangle-down' className='header-triangle-down'></i>\r\n    </Dropdown>\r\n    )\r\n  }();\r\n  const { pathname } = location || {};\r\n  justifyPathname(pathname)\r\n  const memberName = useMemberName(undefined, value => !value || <div className='member-name'>欢迎您 <span className='memberWord primary-color'>{value}</span>{dropContent}</div>)\r\n  const canRouteChange = ['/portsetting', '/'].includes(pathname);\r\n  function longPress(isMouseUp) {\r\n    if (canRouteChange) return history.push('/');\r\n    mouseUp = false;\r\n    if (isMouseUp) return mouseUp = true;\r\n\r\n    const setLongPressTime = 1000;\r\n    const pressStart = +new Date();\r\n\r\n    (function longPressTime() {\r\n      if (mouseUp) return;\r\n      setTimeout(() => {\r\n        if (+new Date() - pressStart < setLongPressTime) {\r\n          longPressTime();\r\n        } else {\r\n          const { username, password } = localStore.get('AuthKey') || {};\r\n          let pass = '';\r\n          let passRef = React.createRef();\r\n\r\n          ModalWraper.confirm({\r\n            vertical: true,\r\n            className: 'tplus-confirm-modal router-change-confirm',\r\n            title: '返回首页',\r\n            icon: false,\r\n            wrapperControl: true,\r\n            onCancel() {\r\n              Keyboard.close();\r\n            },\r\n            onOk() {\r\n              if (!pass.trim()) {\r\n                Message.toast('您输入密码格式不正确');\r\n                return false;\r\n              }\r\n              Message.loading('身份校验中，请稍后...');\r\n              return new Promise(resolve => {\r\n                setTimeout(() => {\r\n                  if (User.pwdEncrypt(pass) === password) {\r\n                    Message.loading('校验成功，即将跳转到首页');\r\n                    setTimeout(() => {\r\n                      Message.destroy();\r\n                      resolve('closeModal');\r\n                      stores.voucherStore.clearData();\r\n                      history.push('/');\r\n                      rx$.memberNameSubject.next('');\r\n                      Keyboard.close();\r\n                    }, 1000);\r\n                  } else {\r\n                    Message.toast('您输入密码不正确');\r\n                  }\r\n                }, Math.random() * 500 + 500);\r\n              })\r\n            },\r\n            content: <div className='inputs-content'>\r\n              <Input\r\n                vertical\r\n                title='账号'\r\n                tplusInput\r\n                placeholder='请输入账号'\r\n                type='native'\r\n                suffix='zhanghu'\r\n                value={username}\r\n                disabled\r\n              />\r\n              <Input\r\n                vertical\r\n                title='密码'\r\n                tplusInput\r\n                placeholder='请输入密码'\r\n                htmlType='password'\r\n                type='native'\r\n                suffix='xiugaimima1'\r\n                onChange={e => pass = e.target.value}\r\n                inputRef={passRef}\r\n                onFocus={({ target }) => {\r\n                  Keyboard.open(v => {\r\n                    const value = Keyboard.getNewValue(target, target.value, v);\r\n                    target.value = pass = value;\r\n                  }, () => {\r\n                      const r = document.querySelector('.router-change-confirm .ant-btn-primary');\r\n                      r && r.click && r.click();\r\n                  }, () => {\r\n                    passRef && passRef.current && passRef.current.blur();\r\n                    Keyboard.close();\r\n                  })();\r\n                }}\r\n              />\r\n            </div>\r\n          });\r\n          setTimeout(() => passRef && passRef.current && passRef.current.focus(), 100);\r\n        }\r\n      }, 100);\r\n    })();\r\n  }\r\n  const { posCode } = stores.user.options.get('store') || {};\r\n  function toggle(){\r\n    clickTheme(true);\r\n  }\r\n\r\n  return (<div\r\n    style={{ display: 'inline-block', width: '100%', height: '100%', ...style }}\r\n    className='head-content'\r\n    data-release={`${releaseVersion} ${releaseDate}`}\r\n  >\r\n    <div className=\"head-content-left\">\r\n      {!!logo && <div\r\n        className='business-logo'\r\n        onTouchStart={() => longPress()}\r\n        onTouchEnd={() => longPress(true)}\r\n      >{logo}</div>}\r\n      {posCode && <div className='pos-code'>{posCode}</div>}\r\n    </div>\r\n    {['/', '/login'].includes(pathname) && headControlNode}\r\n    {!isLogin && <Ticon icon=\"huanfu\" className={`theme-icon ${!isPortal ? 'pos-page' : ''}` } onClick={() => toggle()}/>}\r\n    <div className=\"head-content-right\">\r\n      {memberName}\r\n      {renderNode}\r\n    </div>\r\n    <ThemeModal\r\n        visible={themeVisible}\r\n        isVertical={true}\r\n        isPortal={isPortal}\r\n        closeFn={(isShow) => clickTheme(isShow)}\r\n    />\r\n  </div>);\r\n}"]}

package/dist/components/header/vertical-touch.less

@@ -1,229 +0,0 @@
-.vertical-touch-platform {
-  .pos-header {
-    height: 120px;
-
-    &.isPortal-head {
-      .head-content-right {
-        span {
-          color: #fff;
-        }
-      }
-    }
-  }
-
-  .head-content-right {
-    span {
-      height     : 100%;
-      display    : block;
-      line-height: 120px;
-      font-size  : 22px;
-      width      : 130px;
-      float      : right;
-    }
-
-    &>div {
-      float: right;
-    }
-
-    .member-name {
-      font-size  : 28px;
-      color      : #333333;
-      height: 120px;
-      line-height: 120px;
-      position: relative;
-      right: 20px;
-      padding-left: 20px;
-
-      .header-triangle-down {
-        top: 50%;
-        border-width: 10px 8px 0px 8px;
-        right: -16px;
-      }
-
-      .memberWord {
-        font-size   : 28px;
-        padding-left: 12px;
-        padding-right: 5px;
-        width       : auto;
-        max-width: 200px;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        text-align: right;
-      }
-    }
-  }
-
-  .head-content-left {
-    .business-logo {
-      padding-left: 30px;
-
-      &>img.example-logo {
-        margin: 0px;
-        height: 48px;
-      }
-    }
-
-    .pos-code {
-      float      : left;
-      font-size  : 24px;
-      color      : #333333;
-      height     : 100%;
-      line-height: 120px;
-      margin-left: 10px;
-    }
-  }
-
-  .theme-icon{
-    float: right;
-    height: 100%;
-    width: 50px;
-    text-align: center;
-    padding-top: 28px;
-    font-size: 26px;
-    color: #fff;
-    &.pos-page{
-      color: #666;
-    }
-  }
-
-  .isPortal-layout {
-    .pos-code {
-      color: #fff !important;
-    }
-  }
-
-  .head-content-control {
-    padding-top: 28px;
-
-    .iconfont {
-      font-size: 34px;
-      padding  : 0 15px;
-    }
-  }
-
-  .portal-content {
-    .portal-center-content {
-      transform: translate3d(0, 50%, 0);
-      top      : 20%;
-
-      &>div {
-        display: inline-block;
-      }
-
-      width: 840px;
-
-      .worktop-item {
-        border-radius: 20px;
-      }
-
-      .worktop-container-left {
-        width       : 540px;
-        margin-right: 30px;
-
-        .worktop-item-cashier {
-          height: 360px;
-
-          h1 {
-            font-size: 76px;
-          }
-
-          .iconfont {
-            font-size  : 140px;
-            width      : 140px;
-            height     : 140px;
-            margin-left: -62px;
-            margin-top : -20px;
-          }
-        }
-      }
-
-      .worktop-container-right {
-        width: 270px;
-
-        .worktop-item-hardware {
-          height          : 360px;
-          padding         : 28px;
-
-          h1 {
-            font-size: 34px;
-          }
-
-          .iconfont {
-            font-size: 82px;
-            bottom   : 70px;
-            right    : 30px;
-            width    : 80px;
-            height   : 80px;
-          }
-        }
-      }
-    }
-  }
-}
-
-.router-change-confirm {
-  .ant-modal-confirm-btns{
-    display: none;
-  }
-  .ant-modal-body {
-    .ant-modal-confirm-content {
-      .content1 {
-        padding: 60px 10px 10px 10px !important;
-      }
-
-      .inputs-content {
-        .tplus-input-container {
-          &:first-child {
-            margin-bottom: 30px;
-          }
-        }
-      }
-    }
-    input::-webkit-input-placeholder{
-      font-size: 26px;
-    }
-    .ant-btn{
-      height: auto;
-    }
-  }
-}
-
-.verticalTouchDropdownClass {
-  z-index: 99999999;
-  border-top-left-radius: 10px;
-  border-bottom-left-radius: 10px;
-  &.ant-dropdown{
-    .ant-dropdown-menu {
-      width           : 174px;
-      margin          : 5px 0 0;
-      padding: 0;
-      background-color: rgba(0, 0, 0, 0.65) !important;
-
-      .ant-dropdown-menu-item {
-        padding: 24px 12px;
-        i {
-          font-size  : 25px;
-        }
-
-        i,
-        span {
-          color: #fff;
-        }
-
-        span {
-          font-size  : 24px;
-          margin-left: 16px;
-        }
-
-        &.ant-dropdown-menu-item-selected {
-          background-color: rgba(0, 0, 0, .3);
-        }
-      }
-
-      .ant-dropdown-menu-item-active {
-        background-color: rgba(0, 0, 0, .3);
-      }
-    }
-  }
-}