tplus-portaltouch 1.24.4 → 1.26.1

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

@@ -1 +1 @@
-{"version":3,"sources":["tplus-portaltouch/components/header/vertical-touch.js"],"names":["verticalHeadTime","verticalHeadContent","Item","date_HMS","memberHeaderClick","stores","voucherStore","voucherVM","controllerEvent","justifyPathname","pathname","document","getElementsByClassName","getElementById","style","display","mouseUp","releaseVersion","releaseDate","time","dateFormat","logo","HeadTime","headControlNode","location","history","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","modal","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","querySelector","click","current","blur","focus","user","options","posCode","width","height"],"mappings":"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","file":"vertical-touch.js","sourcesContent":["import React from 'react';\nimport { ModalWraper, Input, Message, Keyboard, Ticon } from 'tplus-components-touch';\nimport { localStore, stores } from 'mutants-microfx';\nimport { User } from 'tplus-api';\nimport { Dropdown, Menu } from 'tinper-bee'\nimport { useRender, useMemberName } from './customUse';\nconst { Item } = Menu\n\nexport function verticalHeadTime({ date_HMS }) {\n  return <span>{date_HMS}</span>;\n}\nfunction memberHeaderClick() {\n  stores.voucherStore.voucherVM.controllerEvent('changeMember', {})\n}\n\nfunction justifyPathname (pathname) {\n  if (pathname !== \"/RE/RE01\") {\n    if (document.getElementsByClassName('member-name')[0] && document.getElementById('header-triangle-down')){\n      document.getElementById('header-triangle-down').style.display = 'none'\n    } \n  } else {\n    if (document.getElementsByClassName('member-name')[0] && document.getElementById('header-triangle-down')){\n      document.getElementById('header-triangle-down').style.display = 'inline'\n    } \n  }\n}\n\nlet mouseUp = false;\nexport function verticalHeadContent({ style, releaseVersion, releaseDate, time, dateFormat, logo, HeadTime, headControlNode, location, history }) {\n  const renderNode = useRender();\n  const dropContent = function () {\n    const { selectMemberInfo } = stores.selectMemberStore; //selectMemberInfo 用作触发mobox render\n    return (<Dropdown overlayClassName='verticalTouchDropdownClass' trigger={['click']}\n      overlay={\n        <Menu onClick={memberHeaderClick}>\n          <Item key=\"1\">\n            <Ticon icon='zhuxiao' />\n            <span>退出会员</span>\n          </Item>\n        </Menu>\n      }\n      animation=\"slide-up\">\n      <i id='header-triangle-down' className='header-triangle-down'></i>\n    </Dropdown>\n    )\n  }();\n  const { pathname } = location || {};\n  justifyPathname(pathname)\n  const memberName = useMemberName(undefined, value => !value || <div className='member-name'>欢迎您 <span className='memberWord'>{value}</span>{dropContent}</div>)\n  const canRouteChange = ['/portsetting', '/'].includes(pathname);\n  function longPress(isMouseUp) {\n    if (canRouteChange) return history.push('/');\n    mouseUp = false;\n    if (isMouseUp) return mouseUp = true;\n\n    const setLongPressTime = 1000;\n    const pressStart = +new Date();\n\n    (function longPressTime() {\n      if (mouseUp) return;\n      setTimeout(() => {\n        if (+new Date() - pressStart < setLongPressTime) {\n          longPressTime();\n        } else {\n          const { username, password } = localStore.get('AuthKey') || {};\n          let pass = '';\n          let passRef = React.createRef();\n\n          const modal = ModalWraper.confirm({\n            vertical: true,\n            className: 'tplus-confirm-modal router-change-confirm',\n            title: '返回首页',\n            icon: false,\n            wrapperControl: true,\n            onCancel() {\n              Keyboard.close();\n            },\n            onOk() {\n              if (!pass.trim()) {\n                Message.toast('您输入密码格式不正确');\n                return false;\n              }\n              Message.loading('身份校验中，请稍后...');\n              return new Promise(resolve => {\n                setTimeout(() => {\n                  if (User.pwdEncrypt(pass) === password) {\n                    Message.loading('校验成功，即将跳转到首页');\n                    setTimeout(() => {\n                      Message.destroy();\n                      resolve('closeModal');\n                      stores.voucherStore.clearData();\n                      history.push('/');\n                      rx$.memberNameSubject.next('');\n                      Keyboard.close();\n                    }, 1000);\n                  } else {\n                    Message.toast('您输入密码不正确');\n                  }\n                }, Math.random() * 500 + 500);\n              })\n            },\n            content: <div className='inputs-content'>\n              <Input\n                vertical\n                title='账号'\n                tplusInput\n                placeholder='请输入账号'\n                type='native'\n                suffix='zhanghu'\n                value={username}\n                disabled\n              />\n              <Input\n                vertical\n                title='密码'\n                tplusInput\n                placeholder='请输入密码'\n                htmlType='password'\n                type='native'\n                suffix='xiugaimima1'\n                onChange={e => pass = e.target.value}\n                inputRef={passRef}\n                onFocus={({ target }) => {\n                  Keyboard.open(v => {\n                    const value = Keyboard.getNewValue(target, target.value, v);\n                    target.value = pass = value;\n                  }, () => {\n                    document.querySelector('.router-change-confirm .u-button-primary').click();\n                  }, () => {\n                    passRef.current.blur();\n                    Keyboard.close();\n                  })();\n                }}\n              />\n            </div>\n          });\n\n          setTimeout(() => passRef.current.focus(), 100);\n        }\n      }, 100);\n    })();\n  }\n  const { posCode } = stores.user.options.get('store') || {};\n\n  return (<div\n    style={{ display: 'inline-block', width: '100%', height: '100%', ...style }}\n    className='head-content'\n    data-release={`${releaseVersion} ${releaseDate}`}\n  >\n    <div className=\"head-content-left\">\n      {!!logo && <div\n        className='business-logo'\n        onTouchStart={() => longPress()}\n        onTouchEnd={() => longPress(true)}\n      >{logo}</div>}\n      {posCode && <div className='pos-code'>{posCode}</div>}\n    </div>\n    {['/', '/login'].includes(pathname) && headControlNode}\n    <div className=\"head-content-right\">\n      {memberName}\n      {renderNode}\n    </div>\n  </div>);\n}"]}
+{"version":3,"sources":["tplus-portaltouch/components/header/vertical-touch.js"],"names":["verticalHeadTime","verticalHeadContent","Item","date_HMS","memberHeaderClick","stores","voucherStore","voucherVM","controllerEvent","justifyPathname","pathname","document","getElementsByClassName","getElementById","style","display","mouseUp","releaseVersion","releaseDate","time","dateFormat","logo","HeadTime","headControlNode","location","history","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","modal","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","querySelector","click","current","blur","focus","user","options","posCode","width","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;QAQgBA,gB,GAAAA,gB;QAoBAC,mB,GAAAA,mB;;;;;;AA5BhB;;;;AACA;;AACA;;AACA;;AAEA;;;;IACQC,I,kBAAAA,I;AAED,SAASF,gBAAT,OAAwC;AAAA,MAAZG,QAAY,QAAZA,QAAY;;AAC7C,SAAO;AAAA;AAAA;AAAOA;AAAP,GAAP;AACD;AACD,SAASC,iBAAT,GAA6B;AAC3BC,yBAAOC,YAAP,CAAoBC,SAApB,CAA8BC,eAA9B,CAA8C,cAA9C,EAA8D,EAA9D;AACD;;AAED,SAASC,eAAT,CAA0BC,QAA1B,EAAoC;AAClC,MAAIA,aAAa,UAAjB,EAA6B;AAC3B,QAAIC,SAASC,sBAAT,CAAgC,aAAhC,EAA+C,CAA/C,KAAqDD,SAASE,cAAT,CAAwB,sBAAxB,CAAzD,EAAyG;AACvGF,eAASE,cAAT,CAAwB,sBAAxB,EAAgDC,KAAhD,CAAsDC,OAAtD,GAAgE,MAAhE;AACD;AACF,GAJD,MAIO;AACL,QAAIJ,SAASC,sBAAT,CAAgC,aAAhC,EAA+C,CAA/C,KAAqDD,SAASE,cAAT,CAAwB,sBAAxB,CAAzD,EAAyG;AACvGF,eAASE,cAAT,CAAwB,sBAAxB,EAAgDC,KAAhD,CAAsDC,OAAtD,GAAgE,QAAhE;AACD;AACF;AACF;;AAED,IAAIC,UAAU,KAAd;AACO,SAASf,mBAAT,QAA2I;AAAA,MAA5Ga,KAA4G,SAA5GA,KAA4G;AAAA,MAArGG,cAAqG,SAArGA,cAAqG;AAAA,MAArFC,WAAqF,SAArFA,WAAqF;AAAA,MAAxEC,IAAwE,SAAxEA,IAAwE;AAAA,MAAlEC,UAAkE,SAAlEA,UAAkE;AAAA,MAAtDC,IAAsD,SAAtDA,IAAsD;AAAA,MAAhDC,QAAgD,SAAhDA,QAAgD;AAAA,MAAtCC,eAAsC,SAAtCA,eAAsC;AAAA,MAArBC,QAAqB,SAArBA,QAAqB;AAAA,MAAXC,OAAW,SAAXA,OAAW;;AAChJ,MAAMC,aAAa,2BAAnB;AACA,MAAMC,cAAc,YAAY;AAAA,QACtBC,gBADsB,GACDvB,uBAAOwB,iBADN,CACtBD,gBADsB,EACyB;;AACvD,WAAQ;AAAA;AAAA,QAAU,kBAAiB,4BAA3B,EAAwD,SAAS,CAAC,OAAD,CAAjE;AACN,iBACE;AAAA;AAAA,YAAM,SAASxB,iBAAf;AACE;AAAC,gBAAD;AAAA,cAAM,KAAI,GAAV;AACE,0CAAC,2BAAD,IAAO,MAAK,SAAZ,GADF;AAEE;AAAA;AAAA;AAAA;AAAA;AAFF;AADF,SAFI;AASN,mBAAU,UATJ;AAUN,2CAAG,IAAG,sBAAN,EAA6B,WAAU,sBAAvC;AAVM,KAAR;AAaD,GAfmB,EAApB;;AAFgJ,cAkB3HoB,YAAY,EAlB+G;AAAA,MAkBxId,QAlBwI,SAkBxIA,QAlBwI;;AAmBhJD,kBAAgBC,QAAhB;AACA,MAAMoB,aAAa,8BAAcC,SAAd,EAAyB;AAAA,WAAS,CAACC,KAAD,IAAU;AAAA;AAAA,QAAK,WAAU,aAAf;AAAA;AAAiC;AAAA;AAAA,UAAM,WAAU,YAAhB;AAA8BA;AAA9B,OAAjC;AAA6EL;AAA7E,KAAnB;AAAA,GAAzB,CAAnB;AACA,MAAMM,iBAAiB,CAAC,cAAD,EAAiB,GAAjB,EAAsBC,QAAtB,CAA+BxB,QAA/B,CAAvB;AACA,WAASyB,SAAT,CAAmBC,SAAnB,EAA8B;AAC5B,QAAIH,cAAJ,EAAoB,OAAOR,QAAQY,IAAR,CAAa,GAAb,CAAP;AACpBrB,cAAU,KAAV;AACA,QAAIoB,SAAJ,EAAe,OAAOpB,UAAU,IAAjB;;AAEf,QAAMsB,mBAAmB,IAAzB;AACA,QAAMC,aAAa,CAAC,IAAIC,IAAJ,EAApB;;AAEA,KAAC,SAASC,aAAT,GAAyB;AACxB,UAAIzB,OAAJ,EAAa;AACb0B,iBAAW,YAAM;AACf,YAAI,CAAC,IAAIF,IAAJ,EAAD,GAAcD,UAAd,GAA2BD,gBAA/B,EAAiD;AAC/CG;AACD,SAFD,MAEO;AAAA,sBAC0BE,2BAAWC,GAAX,CAAe,SAAf,KAA6B,EADvD;AAAA,cACGC,QADH,SACGA,QADH;AAAA,cACaC,QADb,SACaA,QADb;;AAEL,cAAIC,OAAO,EAAX;AACA,cAAIC,UAAUC,gBAAMC,SAAN,EAAd;;AAEA,cAAMC,QAAQC,kCAAYC,OAAZ,CAAoB;AAChCC,sBAAU,IADsB;AAEhCC,uBAAW,2CAFqB;AAGhCC,mBAAO,MAHyB;AAIhCC,kBAAM,KAJ0B;AAKhCC,4BAAgB,IALgB;AAMhCC,oBANgC,sBAMrB;AACTC,6CAASC,KAAT;AACD,aAR+B;AAShCC,gBATgC,kBASzB;AACL,kBAAI,CAACf,KAAKgB,IAAL,EAAL,EAAkB;AAChBC,8CAAQC,KAAR,CAAc,YAAd;AACA,uBAAO,KAAP;AACD;AACDD,4CAAQE,OAAR,CAAgB,cAAhB;AACA,qBAAO,sBAAY,mBAAW;AAC5BxB,2BAAW,YAAM;AACf,sBAAIyB,eAAKC,UAAL,CAAgBrB,IAAhB,MAA0BD,QAA9B,EAAwC;AACtCkB,kDAAQE,OAAR,CAAgB,cAAhB;AACAxB,+BAAW,YAAM;AACfsB,oDAAQK,OAAR;AACAC,8BAAQ,YAAR;AACAjE,6CAAOC,YAAP,CAAoBiE,SAApB;AACA9C,8BAAQY,IAAR,CAAa,GAAb;AACAmC,0BAAIC,iBAAJ,CAAsBC,IAAtB,CAA2B,EAA3B;AACAd,qDAASC,KAAT;AACD,qBAPD,EAOG,IAPH;AAQD,mBAVD,MAUO;AACLG,kDAAQC,KAAR,CAAc,UAAd;AACD;AACF,iBAdD,EAcGU,KAAKC,MAAL,KAAgB,GAAhB,GAAsB,GAdzB;AAeD,eAhBM,CAAP;AAiBD,aAhC+B;;AAiChCC,qBAAS;AAAA;AAAA,gBAAK,WAAU,gBAAf;AACP,4CAAC,2BAAD;AACE,8BADF;AAEE,uBAAM,cAFR;AAGE,gCAHF;AAIE,6BAAY,gCAJd;AAKE,sBAAK,QALP;AAME,wBAAO,SANT;AAOE,uBAAOhC,QAPT;AAQE;AARF,gBADO;AAWP,4CAAC,2BAAD;AACE,8BADF;AAEE,uBAAM,cAFR;AAGE,gCAHF;AAIE,6BAAY,gCAJd;AAKE,0BAAS,UALX;AAME,sBAAK,QANP;AAOE,wBAAO,aAPT;AAQE,0BAAU;AAAA,yBAAKE,OAAO+B,EAAEC,MAAF,CAAS/C,KAArB;AAAA,iBARZ;AASE,0BAAUgB,OATZ;AAUE,yBAAS,wBAAgB;AAAA,sBAAb+B,MAAa,SAAbA,MAAa;;AACvBnB,iDAASoB,IAAT,CAAc,aAAK;AACjB,wBAAMhD,QAAQ4B,+BAASqB,WAAT,CAAqBF,MAArB,EAA6BA,OAAO/C,KAApC,EAA2CkD,CAA3C,CAAd;AACAH,2BAAO/C,KAAP,GAAee,OAAOf,KAAtB;AACD,mBAHD,EAGG,YAAM;AACPrB,6BAASwE,aAAT,CAAuB,0CAAvB,EAAmEC,KAAnE;AACD,mBALD,EAKG,YAAM;AACPpC,4BAAQqC,OAAR,CAAgBC,IAAhB;AACA1B,mDAASC,KAAT;AACD,mBARD;AASD;AApBH;AAXO;AAjCuB,WAApB,CAAd;;AAqEAnB,qBAAW;AAAA,mBAAMM,QAAQqC,OAAR,CAAgBE,KAAhB,EAAN;AAAA,WAAX,EAA0C,GAA1C;AACD;AACF,OA/ED,EA+EG,GA/EH;AAgFD,KAlFD;AAmFD;;AAjH+I,cAkH5HlF,uBAAOmF,IAAP,CAAYC,OAAZ,CAAoB7C,GAApB,CAAwB,OAAxB,KAAoC,EAlHwF;AAAA,MAkHxI8C,OAlHwI,SAkHxIA,OAlHwI;;AAoHhJ,SAAQ;AAAA;AAAA;AACN,sCAAS3E,SAAS,cAAlB,EAAkC4E,OAAO,MAAzC,EAAiDC,QAAQ,MAAzD,IAAoE9E,KAApE,CADM;AAEN,iBAAU,cAFJ;AAGN,sBAAiBG,cAAjB,SAAmCC;AAH7B;AAKN;AAAA;AAAA,QAAK,WAAU,mBAAf;AACG,OAAC,CAACG,IAAF,IAAU;AAAA;AAAA;AACT,qBAAU,eADD;AAET,wBAAc;AAAA,mBAAMc,WAAN;AAAA,WAFL;AAGT,sBAAY;AAAA,mBAAMA,UAAU,IAAV,CAAN;AAAA;AAHH;AAITd;AAJS,OADb;AAMGqE,iBAAW;AAAA;AAAA,UAAK,WAAU,UAAf;AAA2BA;AAA3B;AANd,KALM;AAaL,KAAC,GAAD,EAAM,QAAN,EAAgBxD,QAAhB,CAAyBxB,QAAzB,KAAsCa,eAbjC;AAcN;AAAA;AAAA,QAAK,WAAU,oBAAf;AACGO,gBADH;AAEGJ;AAFH;AAdM,GAAR;AAmBD","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 'tinper-bee'\r\nimport { useRender, useMemberName } from './customUse';\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 }) {\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      animation=\"slide-up\">\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'>{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          const modal = 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                    document.querySelector('.router-change-confirm .u-button-primary').click();\r\n                  }, () => {\r\n                    passRef.current.blur();\r\n                    Keyboard.close();\r\n                  })();\r\n                }}\r\n              />\r\n            </div>\r\n          });\r\n\r\n          setTimeout(() => passRef.current.focus(), 100);\r\n        }\r\n      }, 100);\r\n    })();\r\n  }\r\n  const { posCode } = stores.user.options.get('store') || {};\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    <div className=\"head-content-right\">\r\n      {memberName}\r\n      {renderNode}\r\n    </div>\r\n  </div>);\r\n}"]}

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

@@ -1,213 +1,213 @@
-.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;
-    }
-
-    .memberHeaderDowndown {
-      background: red;
-    }
-
-    .member-name {
-      font-size  : 28px;
-      color      : #151515;
-      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;
-        color       : #FF8C25;
-        padding-left: 12px;
-        padding-right: 5px;
-        width       : auto !important;
-      }
-    }
-  }
-
-  .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;
-    }
-  }
-
-  .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;
-          background-color: #F5A623;
-          padding         : 28px;
-
-          h1 {
-            font-size: 34px;
-          }
-
-          .iconfont {
-            font-size: 82px;
-            bottom   : 70px;
-            right    : 30px;
-            width    : 80px;
-            height   : 80px;
-          }
-        }
-      }
-    }
-  }
-}
-
-.router-change-confirm {
-  .u-modal-body {
-    .u-modal-confirm-content {
-      .content1 {
-        padding: 60px 10px 10px 10px !important;
-      }
-
-      .inputs-content {
-        .tplus-input-container {
-          &:first-child {
-            margin-bottom: 30px;
-          }
-        }
-      }
-    }
-  }
-}
-
-.verticalTouchDropdownClass {
-  z-index: 99999999;
-  border-top-left-radius: 10px;
-  border-bottom-left-radius: 10px;
-
-  .u-dropdown-menu {
-    width           : 174px;
-    margin          : 5px 0 0;
-    height          : 74.5px;
-    background-color: rgba(0, 0, 0, 0.65) !important;
-
-    .u-dropdown-menu-item {
-      i {
-        font-size  : 25px;
-        position   : absolute;
-        left       : 10px;
-        top        : 0px;
-        line-height: 74.5px;
-      }
-
-      height     : 74.5px !important;
-      line-height: 74.5px !important;
-
-      i,
-      span {
-        color: #fff;
-      }
-
-      span {
-        font-size  : 24px;
-        margin-left: 36px;
-      }
-
-      &.u-dropdown-menu-item-selected {
-        background-color: rgba(0, 0, 0, .3);
-      }
-    }
-
-    .u-dropdown-menu-item-active {
-      background-color: rgba(0, 0, 0, .3);
-    }
-  }
+.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;
+    }
+
+    .memberHeaderDowndown {
+      background: red;
+    }
+
+    .member-name {
+      font-size  : 28px;
+      color      : #151515;
+      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;
+        color       : #FF8C25;
+        padding-left: 12px;
+        padding-right: 5px;
+        width       : auto !important;
+      }
+    }
+  }
+
+  .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;
+    }
+  }
+
+  .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;
+          background-color: #F5A623;
+          padding         : 28px;
+
+          h1 {
+            font-size: 34px;
+          }
+
+          .iconfont {
+            font-size: 82px;
+            bottom   : 70px;
+            right    : 30px;
+            width    : 80px;
+            height   : 80px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.router-change-confirm {
+  .u-modal-body {
+    .u-modal-confirm-content {
+      .content1 {
+        padding: 60px 10px 10px 10px !important;
+      }
+
+      .inputs-content {
+        .tplus-input-container {
+          &:first-child {
+            margin-bottom: 30px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.verticalTouchDropdownClass {
+  z-index: 99999999;
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+
+  .u-dropdown-menu {
+    width           : 174px;
+    margin          : 5px 0 0;
+    height          : 74.5px;
+    background-color: rgba(0, 0, 0, 0.65) !important;
+
+    .u-dropdown-menu-item {
+      i {
+        font-size  : 25px;
+        position   : absolute;
+        left       : 10px;
+        top        : 0px;
+        line-height: 74.5px;
+      }
+
+      height     : 74.5px !important;
+      line-height: 74.5px !important;
+
+      i,
+      span {
+        color: #fff;
+      }
+
+      span {
+        font-size  : 24px;
+        margin-left: 36px;
+      }
+
+      &.u-dropdown-menu-item-selected {
+        background-color: rgba(0, 0, 0, .3);
+      }
+    }
+
+    .u-dropdown-menu-item-active {
+      background-color: rgba(0, 0, 0, .3);
+    }
+  }
 }

package/dist/containers/Main/index.js

@@ -196,8 +196,12 @@ var MainContainer = (0, _mobxReact.observer)(_class = (_temp = _class2 = functio
   }, {
     key: 'componentDidMount',
     value: function componentDidMount() {
-      this.registerHotKey();
-      this.addHotKeyChangeLister();
+      try {
+        this.registerHotKey();
+        this.addHotKeyChangeLister();
+      } catch (error) {
+        console.log("捕获到快捷键异常，快捷键不可用", error);
+      }
       rx$.changeLogo.next();
       document.body.addEventListener('focus', this.blurButton, true);
       this.doDeeplinkingUrl();