tplus-portaltouch 3.50.3 → 3.52.2

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

@@ -1 +1 @@
-{"version":3,"sources":["tplus-portaltouch/components/header/themeModal.js"],"names":["ThemeModal","props","context","toggleTheme","type","console","log","state","theme","document","body","classList","add","themeClass","remove","setState","stores","portalStore","themeChange","cancel","localTheme","localStorage","getItem","closeFn","ok","setItem","themeVisible","orange","blue","dark","pink","isVertical","themeImgs","className","name","visible","isPortal","map","item","index","Component"],"mappings":"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","file":"themeModal.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { stores } from 'mutants-microfx';\r\nimport { ModalWraper, ModalVertical } from 'tplus-components-touch';\r\n\r\nexport default class ThemeModal extends Component {\r\n\r\n    constructor(props, context) {\r\n        super(props, context);\r\n        this.state = {\r\n            themeVisible: false,\r\n            theme: localStorage.getItem(\"theme\")\r\n        };\r\n\r\n        this.themeClass = {orange: 'theme-class', blue: 'blue-theme', dark: 'dark-blue-theme', pink: 'pink-theme'};\r\n\r\n        if (props.isVertical){\r\n            this.themeImgs=[{ className: 'self-orange self-img', theme: 'orange', name: '热力橙' },{ className: 'self-blue self-img', theme: 'blue', name: '智能科技' },\r\n                { className: 'self-pink self-img', theme: 'pink', name: '浪漫樱花' },{ className: 'self-dark self-img', theme: 'dark', name: '商务简洁' }];\r\n        } else {\r\n            this.themeImgs=[{ className: 'pc-orange pc-img', theme: 'orange', name: '热力橙' },{ className: 'pc-blue pc-img', theme: 'blue', name: '智能科技' },\r\n                { className: 'pc-pink pc-img', theme: 'pink', name: '浪漫樱花' },{ className: 'pc-dark pc-img', theme: 'dark', name: '商务简洁' }];\r\n        }\r\n    }\r\n\r\n    toggleTheme = (type) => {\r\n        console.log('切换主题333', this.state.theme);\r\n        if (this.state.theme === type) return;\r\n        document.body.classList.add(this.themeClass[type]);\r\n        document.body.classList.remove(this.themeClass[this.state.theme]);\r\n        this.setState({\r\n            theme: type\r\n        });\r\n        stores.portalStore.themeChange(type);\r\n    }\r\n    cancel = () => {\r\n        const localTheme = localStorage.getItem(\"theme\");\r\n        this.props.closeFn(false);\r\n        if (localTheme === this.state.theme) return;\r\n        document.body.classList.add(this.themeClass[localTheme]);\r\n        document.body.classList.remove(this.themeClass[this.state.theme]);\r\n        this.setState({\r\n            theme: localTheme\r\n        });\r\n        stores.portalStore.themeChange(localTheme);\r\n    }\r\n    ok = () => {\r\n        localStorage.setItem(\"theme\", this.state.theme);\r\n        this.props.closeFn(false);\r\n    }\r\n\r\n    render() {\r\n        const { visible, isPortal, isVertical } = this.props;\r\n        return (\r\n            isVertical?\r\n            <ModalVertical\r\n                title=\"主题\"\r\n                visible={visible}\r\n                cancel={this.cancel}\r\n                ok={this.ok}\r\n                closeButton={false}\r\n                modalType=\"big\"\r\n                className={`theme-modal big-modal vertical-theme`}\r\n                destroyOnClose={false}\r\n            >\r\n                <div className={`theme-body ${!isPortal ? 'pos-page' : ''}`}>\r\n                    {this.themeImgs.map((item, index)=>{\r\n                        return (<div key={index} className={`${item.className} ${this.state.theme === item.theme ? 'current-theme' : ''}`} onClick={() => this.toggleTheme(item.theme)}>\r\n                            <span>{item.name}</span>\r\n                        </div>)\r\n                    })}\r\n                </div>\r\n\r\n            </ModalVertical>\r\n            :\r\n            <ModalWraper\r\n                title=\"主题\"\r\n                visible={visible}\r\n                cancel={this.cancel}\r\n                ok={this.ok}\r\n                closeButton={false}\r\n                modalType=\"big\"\r\n                className={`theme-modal`}\r\n                destroyOnClose={false}\r\n            >\r\n                <div className={`theme-body ${!isPortal ? 'pos-page' : ''}`}>\r\n                    {this.themeImgs.map((item, index)=>{\r\n                        return (<div key={index} className={`${item.className} ${this.state.theme === item.theme ? 'current-theme' : ''}`} onClick={() => this.toggleTheme(item.theme)}>\r\n                            <span>{item.name}</span>\r\n                        </div>)\r\n                    })}\r\n                </div>\r\n            </ModalWraper>\r\n        )\r\n    }\r\n}"]}
+{"version":3,"sources":["tplus-portaltouch/components/header/themeModal.js"],"names":["ThemeModal","props","context","toggleTheme","type","console","log","state","theme","document","body","classList","add","themeClass","remove","setState","stores","portalStore","themeChange","cancel","localTheme","localStorage","getItem","closeFn","ok","setItem","themeVisible","orange","blue","dark","pink","isVertical","themeImgs","className","name","visible","isPortal","map","item","index","Component"],"mappings":"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","file":"themeModal.js","sourcesContent":["import React, { Component } from 'react';\nimport { stores } from 'mutants-microfx';\nimport { ModalWraper, ModalVertical } from 'tplus-components-touch';\n\nexport default class ThemeModal extends Component {\n\n    constructor(props, context) {\n        super(props, context);\n        this.state = {\n            themeVisible: false,\n            theme: localStorage.getItem(\"theme\")\n        };\n\n        this.themeClass = {orange: 'theme-class', blue: 'blue-theme', dark: 'dark-blue-theme', pink: 'pink-theme'};\n\n        if (props.isVertical){\n            this.themeImgs=[{ className: 'self-orange self-img', theme: 'orange', name: '热力橙' },{ className: 'self-blue self-img', theme: 'blue', name: '智能科技' },\n                { className: 'self-pink self-img', theme: 'pink', name: '浪漫樱花' },{ className: 'self-dark self-img', theme: 'dark', name: '商务简洁' }];\n        } else {\n            this.themeImgs=[{ className: 'pc-orange pc-img', theme: 'orange', name: '热力橙' },{ className: 'pc-blue pc-img', theme: 'blue', name: '智能科技' },\n                { className: 'pc-pink pc-img', theme: 'pink', name: '浪漫樱花' },{ className: 'pc-dark pc-img', theme: 'dark', name: '商务简洁' }];\n        }\n    }\n\n    toggleTheme = (type) => {\n        console.log('切换主题333', this.state.theme);\n        if (this.state.theme === type) return;\n        document.body.classList.add(this.themeClass[type]);\n        document.body.classList.remove(this.themeClass[this.state.theme]);\n        this.setState({\n            theme: type\n        });\n        stores.portalStore.themeChange(type);\n    }\n    cancel = () => {\n        const localTheme = localStorage.getItem(\"theme\");\n        this.props.closeFn(false);\n        if (localTheme === this.state.theme) return;\n        document.body.classList.add(this.themeClass[localTheme]);\n        document.body.classList.remove(this.themeClass[this.state.theme]);\n        this.setState({\n            theme: localTheme\n        });\n        stores.portalStore.themeChange(localTheme);\n    }\n    ok = () => {\n        localStorage.setItem(\"theme\", this.state.theme);\n        this.props.closeFn(false);\n    }\n\n    render() {\n        const { visible, isPortal, isVertical } = this.props;\n        return (\n            isVertical?\n            <ModalVertical\n                title=\"主题\"\n                visible={visible}\n                cancel={this.cancel}\n                ok={this.ok}\n                closeButton={false}\n                modalType=\"big\"\n                className={`theme-modal big-modal vertical-theme`}\n                destroyOnClose={false}\n            >\n                <div className={`theme-body ${!isPortal ? 'pos-page' : ''}`}>\n                    {this.themeImgs.map((item, index)=>{\n                        return (<div key={index} className={`${item.className} ${this.state.theme === item.theme ? 'current-theme' : ''}`} onClick={() => this.toggleTheme(item.theme)}>\n                            <span>{item.name}</span>\n                        </div>)\n                    })}\n                </div>\n\n            </ModalVertical>\n            :\n            <ModalWraper\n                title=\"主题\"\n                visible={visible}\n                cancel={this.cancel}\n                ok={this.ok}\n                closeButton={false}\n                modalType=\"big\"\n                className={`theme-modal`}\n                destroyOnClose={false}\n            >\n                <div className={`theme-body ${!isPortal ? 'pos-page' : ''}`}>\n                    {this.themeImgs.map((item, index)=>{\n                        return (<div key={index} className={`${item.className} ${this.state.theme === item.theme ? 'current-theme' : ''}`} onClick={() => this.toggleTheme(item.theme)}>\n                            <span>{item.name}</span>\n                        </div>)\n                    })}\n                </div>\n            </ModalWraper>\n        )\n    }\n}"]}

package/dist/components/header/uploadList.js

@@ -37,12 +37,12 @@ var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
 
 var _defineProperty3 = _interopRequireDefault(_defineProperty2);
 
-var _COLUMNS; /*
-               * @Descripttion: 零售单未上传和上传失败操作
-               * @version: 
-               * @Author: zhanghuix
-               * @LastEditors: chenlongad
-               * @LastEditTime: 2021-11-02 10:57:55
+var _COLUMNS; /*
+               * @Descripttion: 零售单未上传和上传失败操作
+               * @version: 
+               * @Author: zhanghuix
+               * @LastEditors: chenlongad
+               * @LastEditTime: 2021-11-02 10:57:55
                */
 
 var _react = require('react');

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

@@ -1 +1 @@
-{"version":3,"sources":["tplus-portaltouch/components/header/uploadList.js"],"names":["TabPane","Tabs","TAB_KEYS","NOT","ERR","DEFAULT_COLUMNS","title","dataIndex","render","val","str","toFixed","intSum","substring","indexOf","replace","dot","length","ERR_COLUMN","COLUMNS","concat","Aset","props","context","columns","currentKey","response","pageSize","state","data","currentIndex","upLoad","handleOk","previous","setState","next","change","key","getEmptyText","buttonVisible","stores","offlineSys","getRetailNotUpload","console","warn","visible","handleCancel","notUpload","errUpload","dataSource","slice","totalPage","Math","ceil","tabLeftText","tabRightText","emptyText","r","i","toString","React","Component"],"mappings":"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","file":"uploadList.js","sourcesContent":["/*\r\n * @Descripttion: 零售单未上传和上传失败操作\r\n * @version: \r\n * @Author: zhanghuix\r\n * @LastEditors: chenlongad\r\n * @LastEditTime: 2021-11-02 10:57:55\r\n */\r\n\r\nimport React from 'react';\r\nimport { Table, Tabs, Modal, Button } from 'antd';\r\nimport { stores } from 'mutants-microfx';\r\nimport { Page, ProgressState } from 'tplus-components-touch';\r\nconst { TabPane } = Tabs;\r\n// 待上传和上传失败tab\r\nconst TAB_KEYS = {\r\n  NOT: 'not',\r\n  ERR: 'err'\r\n};\r\nconst DEFAULT_COLUMNS = [\r\n  {\r\n    title: '单据日期',\r\n    dataIndex: 'VoucherDate'\r\n  },\r\n  {\r\n    title: '单据号',\r\n    dataIndex: 'Code',\r\n  },\r\n  {\r\n    title: '金额',\r\n    dataIndex: 'TotalRetailAmount',\r\n    render: function (val) {\r\n      let str = (val || 0).toFixed(2) + '';\r\n      let intSum = str.substring(0, str.indexOf(\".\")).replace(/\\B(?=(?:\\d{3})+$)/g, ',');//整数部分\r\n      let dot = str.substring(str.length, str.indexOf(\".\"))//小数部分\r\n      return intSum + dot;\r\n    }\r\n  }\r\n];\r\nconst ERR_COLUMN = [{\r\n  title: '原因',\r\n  dataIndex: 'errMsg'\r\n}];\r\n// 上传失败要显示失败原因所以多一列\r\nconst COLUMNS = {\r\n  [TAB_KEYS.NOT]: DEFAULT_COLUMNS,\r\n  [TAB_KEYS.ERR]: DEFAULT_COLUMNS.concat(ERR_COLUMN)\r\n};\r\nexport default class Aset extends React.Component {\r\n  constructor(props, context) {\r\n    super(props, context)\r\n  }\r\n  columns = COLUMNS[TAB_KEYS.NOT]\r\n  currentKey = TAB_KEYS.NOT\r\n  response = {}\r\n  pageSize = 5\r\n  state = {\r\n    data: [],\r\n    currentIndex: 1\r\n  }\r\n  async fetch() {\r\n    try {\r\n      this.response = await stores.offlineSys.getRetailNotUpload();\r\n    } catch (e) {\r\n      console.warn(e);\r\n    }\r\n    this.setState({\r\n      data: this.response[`${this.currentKey}Upload`] || []\r\n    });\r\n  }\r\n  upLoad = async () => {\r\n    this.props.handleOk(this.state.data.length > 0);\r\n  }\r\n  previous = () => {\r\n    this.setState({\r\n      currentIndex: this.state.currentIndex - 1\r\n    })\r\n  }\r\n  next = () => {\r\n    this.setState({\r\n      currentIndex: this.state.currentIndex + 1\r\n    })\r\n  }\r\n  change = (key) => {\r\n    this.currentKey = key;\r\n    this.columns = COLUMNS[key];\r\n    this.setState({\r\n      data: this.response[`${key}Upload`] || [],\r\n      currentIndex: 1\r\n    });\r\n  };\r\n  getEmptyText = () => {\r\n\t\treturn <ProgressState\r\n\t\t\tstate={\"empty\"}\r\n      stateCommonStyle={{ 'marginTop': \"36px\" }}\r\n\t\t\tempty={{ buttonVisible: false }} />;\r\n\t}\r\n  render() {\r\n    const { visible, handleCancel } = this.props;\r\n    const { notUpload, errUpload } = this.response;\r\n    const { data, currentIndex } = this.state;\r\n    const pageSize = this.pageSize;\r\n    const dataSource = data.slice((currentIndex - 1) * pageSize, currentIndex * pageSize);\r\n    const totalPage = Math.ceil(data.length / pageSize);\r\n    let tabLeftText = '待上传', tabRightText = '上传失败';\r\n    if (notUpload && notUpload.length) {\r\n      tabLeftText += `（${notUpload.length}）`;\r\n    }\r\n    if (errUpload && errUpload.length) {\r\n      tabRightText += `（${errUpload.length}）`;\r\n    }\r\n    return <Modal title=\"单据上传\"\r\n      centered={true}\r\n      maskClosable={false}\r\n      closable={false}\r\n      wrapClassName={`retail-upload-mask-wrap ${totalPage > 1 ? 'hasPage' : ''} ${data.length === 0 ? 'isReNull' : ''}`}\r\n      visible={visible} width={800} height={468}\r\n      footer={[\r\n        <Page\r\n          key=\"retail-list-page\"\r\n          total={totalPage}\r\n          currentIndex={currentIndex}\r\n          previous={this.previous}\r\n          next={this.next}\r\n          className='retail-upload-page'\r\n        />,\r\n        <div key=\"footBtns\">\r\n          <Button\r\n            onClick={handleCancel}\r\n          >\r\n            关闭\r\n          </Button>\r\n          <Button type=\"primary\" onClick={this.upLoad}>\r\n            上传\r\n          </Button>\r\n        </div>\r\n      ]}>\r\n      <Tabs onChange={this.change}>\r\n        <TabPane tab={tabLeftText} key={TAB_KEYS.NOT}>\r\n        </TabPane>\r\n        <TabPane tab={tabRightText} key={TAB_KEYS.ERR}>\r\n        </TabPane>\r\n      </Tabs>\r\n      <Table \r\n\t\t\t  locale={{emptyText: this.getEmptyText()}}\r\n        pagination={false}\r\n        rowKey={(r, i) => i.toString()}\r\n        columns={this.columns} dataSource={dataSource} />\r\n    </Modal>\r\n  }\r\n}"]}
+{"version":3,"sources":["tplus-portaltouch/components/header/uploadList.js"],"names":["TabPane","Tabs","TAB_KEYS","NOT","ERR","DEFAULT_COLUMNS","title","dataIndex","render","val","str","toFixed","intSum","substring","indexOf","replace","dot","length","ERR_COLUMN","COLUMNS","concat","Aset","props","context","columns","currentKey","response","pageSize","state","data","currentIndex","upLoad","handleOk","previous","setState","next","change","key","getEmptyText","buttonVisible","stores","offlineSys","getRetailNotUpload","console","warn","visible","handleCancel","notUpload","errUpload","dataSource","slice","totalPage","Math","ceil","tabLeftText","tabRightText","emptyText","r","i","toString","React","Component"],"mappings":"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","file":"uploadList.js","sourcesContent":["/*\n * @Descripttion: 零售单未上传和上传失败操作\n * @version: \n * @Author: zhanghuix\n * @LastEditors: chenlongad\n * @LastEditTime: 2021-11-02 10:57:55\n */\n\nimport React from 'react';\nimport { Table, Tabs, Modal, Button } from 'antd';\nimport { stores } from 'mutants-microfx';\nimport { Page, ProgressState } from 'tplus-components-touch';\nconst { TabPane } = Tabs;\n// 待上传和上传失败tab\nconst TAB_KEYS = {\n  NOT: 'not',\n  ERR: 'err'\n};\nconst DEFAULT_COLUMNS = [\n  {\n    title: '单据日期',\n    dataIndex: 'VoucherDate'\n  },\n  {\n    title: '单据号',\n    dataIndex: 'Code',\n  },\n  {\n    title: '金额',\n    dataIndex: 'TotalRetailAmount',\n    render: function (val) {\n      let str = (val || 0).toFixed(2) + '';\n      let intSum = str.substring(0, str.indexOf(\".\")).replace(/\\B(?=(?:\\d{3})+$)/g, ',');//整数部分\n      let dot = str.substring(str.length, str.indexOf(\".\"))//小数部分\n      return intSum + dot;\n    }\n  }\n];\nconst ERR_COLUMN = [{\n  title: '原因',\n  dataIndex: 'errMsg'\n}];\n// 上传失败要显示失败原因所以多一列\nconst COLUMNS = {\n  [TAB_KEYS.NOT]: DEFAULT_COLUMNS,\n  [TAB_KEYS.ERR]: DEFAULT_COLUMNS.concat(ERR_COLUMN)\n};\nexport default class Aset extends React.Component {\n  constructor(props, context) {\n    super(props, context)\n  }\n  columns = COLUMNS[TAB_KEYS.NOT]\n  currentKey = TAB_KEYS.NOT\n  response = {}\n  pageSize = 5\n  state = {\n    data: [],\n    currentIndex: 1\n  }\n  async fetch() {\n    try {\n      this.response = await stores.offlineSys.getRetailNotUpload();\n    } catch (e) {\n      console.warn(e);\n    }\n    this.setState({\n      data: this.response[`${this.currentKey}Upload`] || []\n    });\n  }\n  upLoad = async () => {\n    this.props.handleOk(this.state.data.length > 0);\n  }\n  previous = () => {\n    this.setState({\n      currentIndex: this.state.currentIndex - 1\n    })\n  }\n  next = () => {\n    this.setState({\n      currentIndex: this.state.currentIndex + 1\n    })\n  }\n  change = (key) => {\n    this.currentKey = key;\n    this.columns = COLUMNS[key];\n    this.setState({\n      data: this.response[`${key}Upload`] || [],\n      currentIndex: 1\n    });\n  };\n  getEmptyText = () => {\n\t\treturn <ProgressState\n\t\t\tstate={\"empty\"}\n      stateCommonStyle={{ 'marginTop': \"36px\" }}\n\t\t\tempty={{ buttonVisible: false }} />;\n\t}\n  render() {\n    const { visible, handleCancel } = this.props;\n    const { notUpload, errUpload } = this.response;\n    const { data, currentIndex } = this.state;\n    const pageSize = this.pageSize;\n    const dataSource = data.slice((currentIndex - 1) * pageSize, currentIndex * pageSize);\n    const totalPage = Math.ceil(data.length / pageSize);\n    let tabLeftText = '待上传', tabRightText = '上传失败';\n    if (notUpload && notUpload.length) {\n      tabLeftText += `（${notUpload.length}）`;\n    }\n    if (errUpload && errUpload.length) {\n      tabRightText += `（${errUpload.length}）`;\n    }\n    return <Modal title=\"单据上传\"\n      centered={true}\n      maskClosable={false}\n      closable={false}\n      wrapClassName={`retail-upload-mask-wrap ${totalPage > 1 ? 'hasPage' : ''} ${data.length === 0 ? 'isReNull' : ''}`}\n      visible={visible} width={800} height={468}\n      footer={[\n        <Page\n          key=\"retail-list-page\"\n          total={totalPage}\n          currentIndex={currentIndex}\n          previous={this.previous}\n          next={this.next}\n          className='retail-upload-page'\n        />,\n        <div key=\"footBtns\">\n          <Button\n            onClick={handleCancel}\n          >\n            关闭\n          </Button>\n          <Button type=\"primary\" onClick={this.upLoad}>\n            上传\n          </Button>\n        </div>\n      ]}>\n      <Tabs onChange={this.change}>\n        <TabPane tab={tabLeftText} key={TAB_KEYS.NOT}>\n        </TabPane>\n        <TabPane tab={tabRightText} key={TAB_KEYS.ERR}>\n        </TabPane>\n      </Tabs>\n      <Table \n\t\t\t  locale={{emptyText: this.getEmptyText()}}\n        pagination={false}\n        rowKey={(r, i) => i.toString()}\n        columns={this.columns} dataSource={dataSource} />\n    </Modal>\n  }\n}"]}

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

@@ -1 +1 @@
-{"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}"]}
+{"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';\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 'antd';\nimport { useRender, useMemberName } from './customUse';\nimport ThemeModal from \"./themeModal\";\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, clickTheme, themeVisible, isPortal, isLogin }) {\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      <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 primary-color'>{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          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                      const r = document.querySelector('.router-change-confirm .ant-btn-primary');\n                      r && r.click && r.click();\n                  }, () => {\n                    passRef && passRef.current && passRef.current.blur();\n                    Keyboard.close();\n                  })();\n                }}\n              />\n            </div>\n          });\n          setTimeout(() => passRef && passRef.current && passRef.current.focus(), 100);\n        }\n      }, 100);\n    })();\n  }\n  const { posCode } = stores.user.options.get('store') || {};\n  function toggle(){\n    clickTheme(true);\n  }\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    {!isLogin && <Ticon icon=\"huanfu\" className={`theme-icon ${!isPortal ? 'pos-page' : ''}` } onClick={() => toggle()}/>}\n    <div className=\"head-content-right\">\n      {memberName}\n      {renderNode}\n    </div>\n    <ThemeModal\n        visible={themeVisible}\n        isVertical={true}\n        isPortal={isPortal}\n        closeFn={(isShow) => clickTheme(isShow)}\n    />\n  </div>);\n}"]}

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

@@ -1,229 +1,229 @@
-.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);
-      }
-    }
-  }
+.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);
+      }
+    }
+  }
 }