tplus-components-touch 3.51.1 → 3.51.2

package/dist/components/overflowTip/index.js

@@ -21,21 +21,21 @@ var _createClass2 = require('babel-runtime/helpers/createClass');
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _class, _temp, _initialiseProps; /**
-                                      * Created by hzy on 2019/8/2.
-                                      *
-                                      * options
-                                      * @target 实例化时传入的需要委托弹出tip外层容器class名 //new OverflowTip({target: '.member-content-tab'});
-                                      * @maxWidth tip最大宽度, 默认220
-                                      * @format 格式化展示内容方法, 参数为传入的原本字符串内容, 需要返回格式化后的字符串 // format(text) { return newText }
-                                      * @style 弹出tip样式
-                                      * 需要在弹出的提示的节点上绑定内容 data-overflow='tip' //<td data-overflow='tip'>{name}</td>
-                                      *
-                                      * @update 更新实例方法，参数与实例化时的options内容一致，不传项则用实例化时的内容或默认值 // update(options)
-                                      * @destroy 组件销毁时候需要调用该方法清理
-                                      * @hideTip 隐藏tip展示内容
-                                      * @tipShow 实例属性，判断tip是否为展示显示状态
-                                      * @containerDom 实例属性，委托时间外层容器dom节点
+var _class, _temp, _initialiseProps; /**
+                                      * Created by hzy on 2019/8/2.
+                                      *
+                                      * options
+                                      * @target 实例化时传入的需要委托弹出tip外层容器class名 //new OverflowTip({target: '.member-content-tab'});
+                                      * @maxWidth tip最大宽度, 默认220
+                                      * @format 格式化展示内容方法, 参数为传入的原本字符串内容, 需要返回格式化后的字符串 // format(text) { return newText }
+                                      * @style 弹出tip样式
+                                      * 需要在弹出的提示的节点上绑定内容 data-overflow='tip' //<td data-overflow='tip'>{name}</td>
+                                      *
+                                      * @update 更新实例方法，参数与实例化时的options内容一致，不传项则用实例化时的内容或默认值 // update(options)
+                                      * @destroy 组件销毁时候需要调用该方法清理
+                                      * @hideTip 隐藏tip展示内容
+                                      * @tipShow 实例属性，判断tip是否为展示显示状态
+                                      * @containerDom 实例属性，委托时间外层容器dom节点
                                       */
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/overflowTip/index.js"],"names":["currentDomId","OverflowTip","options","target","maxWidth","format","style","el","document","createElement","containerDom","tipShow","body","appendChild","addEventListener","bodyClickEvent","bodyTouchmoveEvent","init","querySelector","e","ev","window","event","srcElement","dataset","overflow","clientWidth","scrollWidth","pageX","pageY","textContent","renderText","stampId","String","Date","tipid","render","undefined","tipMaxWidth","bodyWidth","bodyHeight","clientHeight","offsetSize","params","getVirtualTipDomSize","virtualTipDomWidth","virtualTipDomHeight","pageXDirection","pageYDirection","arrowSize","arrowOffsetSize","arrowAndOffsetSize","marginLeftStyle","marginTopStyle","offsetY","tipNode","left","top","width","marginLeft","marginTop","forEach","v","ReactDOM","unmountComponentAtNode","removeChild","removeEventListener","className","virtualTipDom","position","opacity","virtualTipNode","firstElementChild","children","destroyBefore","props","newElement","React","cloneElement","setTimeout"],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n * Created by hzy on 2019/8/2.\r\n *\r\n * options\r\n * @target 实例化时传入的需要委托弹出tip外层容器class名 //new OverflowTip({target: '.member-content-tab'});\r\n * @maxWidth tip最大宽度, 默认220\r\n * @format 格式化展示内容方法, 参数为传入的原本字符串内容, 需要返回格式化后的字符串 // format(text) { return newText }\r\n * @style 弹出tip样式\r\n * 需要在弹出的提示的节点上绑定内容 data-overflow='tip' //<td data-overflow='tip'>{name}</td>\r\n *\r\n * @update 更新实例方法，参数与实例化时的options内容一致，不传项则用实例化时的内容或默认值 // update(options)\r\n * @destroy 组件销毁时候需要调用该方法清理\r\n * @hideTip 隐藏tip展示内容\r\n * @tipShow 实例属性，判断tip是否为展示显示状态\r\n * @containerDom 实例属性，委托时间外层容器dom节点\r\n */\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './style.less';\r\n\r\nlet currentDomId;\r\nexport default class OverflowTip {\r\n\r\n  constructor(options) {\r\n    const {target, maxWidth = 220, format, style = {}} = options;\r\n\r\n    this.target = target;\r\n    this.maxWidth = maxWidth;\r\n    this.format = format;\r\n    this.style = style;\r\n    this.el = document.createElement('div');\r\n    this.containerDom = null;\r\n    this.tipShow = false;\r\n\r\n    document.body.appendChild(this.el);\r\n    document.body.addEventListener('click', this.bodyClickEvent, false);\r\n    document.body.addEventListener('touchmove', this.bodyTouchmoveEvent, false);\r\n\r\n    this.init();\r\n  }\r\n\r\n  init() {\r\n    this.containerDom = document.querySelector(this.target);\r\n    if (this.containerDom) {\r\n      this.containerDom.addEventListener('click', (e) => {\r\n        const ev = e || window.event;\r\n        const target = ev.target || ev.srcElement;\r\n        if (target.dataset.overflow) {\r\n          const clientWidth = target.clientWidth;\r\n          const scrollWidth = target.scrollWidth;\r\n\r\n          if (clientWidth < scrollWidth) {\r\n            const {pageX, pageY} = ev;\r\n            const {textContent} = target;\r\n            const renderText = this.format ? this.format(textContent) : textContent;\r\n\r\n            const stampId = String(+new Date());\r\n            if (target.dataset.tipid && target.dataset.tipid === currentDomId) {\r\n              return this.render(null);\r\n            } else {\r\n              target.dataset.tipid = stampId;\r\n              this.tipShow && this.render(null, undefined, true);\r\n            }\r\n\r\n            const tipMaxWidth = this.maxWidth;\r\n            const bodyWidth = document.body.clientWidth;\r\n            const bodyHeight = document.body.clientHeight;\r\n            const offsetSize = 20;\r\n\r\n            const params = {tipMaxWidth, renderText, bodyWidth, bodyHeight};\r\n            const {virtualTipDomWidth, virtualTipDomHeight} = this.getVirtualTipDomSize(params);\r\n\r\n            let pageXDirection;\r\n            let pageYDirection;\r\n\r\n            if (bodyWidth - pageX - virtualTipDomWidth < 10) { //判断X轴是否超出可视区\r\n              pageXDirection = true;\r\n            }\r\n\r\n            if (bodyHeight - pageY - virtualTipDomHeight < (offsetSize + 10)) { //判断Y轴是否超出可视区\r\n              pageYDirection = true;\r\n            }\r\n\r\n            const arrowSize = 10;\r\n            const arrowOffsetSize = 10;\r\n            const arrowAndOffsetSize = arrowSize + arrowOffsetSize;\r\n            const marginLeftStyle = pageXDirection ? -(virtualTipDomWidth - arrowAndOffsetSize) : -arrowOffsetSize;\r\n            const marginTopStyle = pageYDirection ? -virtualTipDomHeight : 0;\r\n\r\n            const offsetY = pageYDirection ? pageY - offsetSize : pageY + offsetSize;\r\n            const tipNode = <div\r\n              className={`overflow-tip-wrapper overflow-tip-show ${pageYDirection ? 'tip-arrow-bottom' : 'tip-arrow-top'}`}\r\n              style={{left: pageX, top: offsetY, ...this.style}}\r\n            >\r\n              <div\r\n                className='_overflow-tip'\r\n                style={{width: virtualTipDomWidth, marginLeft: marginLeftStyle, marginTop: marginTopStyle}}\r\n              >{renderText}</div>\r\n            </div>\r\n\r\n            this.render(tipNode, stampId);\r\n          } else {\r\n            this.render(null);\r\n          }\r\n        }\r\n      }, false);\r\n    }\r\n  }\r\n\r\n  bodyTouchmoveEvent = (e) => {\r\n    if (this.tipShow) this.render(null);\r\n  }\r\n\r\n  bodyClickEvent = (e) => {\r\n    const ev = e || window.event;\r\n    const target = ev.target || ev.srcElement;\r\n    if (target.className === '_overflow-tip') return;\r\n    if(!target.dataset.overflow) {\r\n      this.render(null);\r\n    }\r\n  }\r\n\r\n  getVirtualTipDomSize = (params = {}) => {\r\n    const {tipMaxWidth, renderText, bodyWidth, bodyHeight} = params;\r\n\r\n    const virtualTipDom = document.createElement('div');\r\n    virtualTipDom.style.position = 'fixed';\r\n    virtualTipDom.style.left = '-99999px';\r\n    virtualTipDom.style.top = '-99999px';\r\n    virtualTipDom.style.opacity = 0;\r\n\r\n    const virtualTipNode = <div\r\n      className='_overflow-tip'\r\n      style={{maxWidth: tipMaxWidth}}\r\n    >{renderText}</div>\r\n\r\n    document.body.appendChild(virtualTipDom);\r\n\r\n    ReactDOM.render(\r\n      virtualTipNode,\r\n      virtualTipDom,\r\n    );\r\n\r\n    const virtualTipDomHeight = virtualTipDom.firstElementChild.clientHeight;\r\n    const virtualTipDomWidth = virtualTipDom.firstElementChild.clientWidth;\r\n\r\n    document.body.removeChild(virtualTipDom);\r\n\r\n    return {virtualTipDomHeight, virtualTipDomWidth}\r\n  }\r\n\r\n  render = (children, stampId, destroyBefore) => {\r\n    if (this.children && !destroyBefore) {\r\n      const {props: {className}} = this.children;\r\n      const newElement = React.cloneElement(\r\n        this.children,\r\n        {className: `${className} overflow-tip-hide`},\r\n      );\r\n      setTimeout(() => {\r\n        ReactDOM.render(\r\n          null,\r\n          this.el,\r\n        );\r\n      }, 120);\r\n\r\n      this.children = null;\r\n      currentDomId = undefined;\r\n      this.tipShow = false;\r\n      return ReactDOM.render(\r\n        newElement,\r\n        this.el,\r\n      );\r\n    }\r\n\r\n    ReactDOM.render(\r\n      children,\r\n      this.el,\r\n    );\r\n    currentDomId = stampId;\r\n    this.children = children;\r\n    this.tipShow = !!children;\r\n  }\r\n\r\n  update(options = {}) {\r\n    Object.keys(options).forEach(v => this[v] = options[v]);\r\n\r\n    this.init();\r\n  }\r\n\r\n  hideTip() {\r\n    this.render(null);\r\n  }\r\n\r\n  destroy() {\r\n    ReactDOM.unmountComponentAtNode(this.el);\r\n    document.body.removeChild(this.el);\r\n    document.body.removeEventListener('click', this.bodyClickEvent, false);\r\n    document.body.removeEventListener('touchmove', this.bodyTouchmoveEvent, false);\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["tplus-components-touch/components/overflowTip/index.js"],"names":["currentDomId","OverflowTip","options","target","maxWidth","format","style","el","document","createElement","containerDom","tipShow","body","appendChild","addEventListener","bodyClickEvent","bodyTouchmoveEvent","init","querySelector","e","ev","window","event","srcElement","dataset","overflow","clientWidth","scrollWidth","pageX","pageY","textContent","renderText","stampId","String","Date","tipid","render","undefined","tipMaxWidth","bodyWidth","bodyHeight","clientHeight","offsetSize","params","getVirtualTipDomSize","virtualTipDomWidth","virtualTipDomHeight","pageXDirection","pageYDirection","arrowSize","arrowOffsetSize","arrowAndOffsetSize","marginLeftStyle","marginTopStyle","offsetY","tipNode","left","top","width","marginLeft","marginTop","forEach","v","ReactDOM","unmountComponentAtNode","removeChild","removeEventListener","className","virtualTipDom","position","opacity","virtualTipNode","firstElementChild","children","destroyBefore","props","newElement","React","cloneElement","setTimeout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;qCAAA;;;;;;;;;;;;;;;;;;AAgBA;;;;AACA;;;;AACA;;;;AAEA,IAAIA,qBAAJ;IACqBC,W;AAEnB,uBAAYC,OAAZ,EAAqB;AAAA;;AAAA;;AAAA,QACZC,MADY,GACkCD,OADlC,CACZC,MADY;AAAA,4BACkCD,OADlC,CACJE,QADI;AAAA,QACJA,QADI,qCACO,GADP;AAAA,QACYC,MADZ,GACkCH,OADlC,CACYG,MADZ;AAAA,yBACkCH,OADlC,CACoBI,KADpB;AAAA,QACoBA,KADpB,kCAC4B,EAD5B;;;AAGnB,SAAKH,MAAL,GAAcA,MAAd;AACA,SAAKC,QAAL,GAAgBA,QAAhB;AACA,SAAKC,MAAL,GAAcA,MAAd;AACA,SAAKC,KAAL,GAAaA,KAAb;AACA,SAAKC,EAAL,GAAUC,SAASC,aAAT,CAAuB,KAAvB,CAAV;AACA,SAAKC,YAAL,GAAoB,IAApB;AACA,SAAKC,OAAL,GAAe,KAAf;;AAEAH,aAASI,IAAT,CAAcC,WAAd,CAA0B,KAAKN,EAA/B;AACAC,aAASI,IAAT,CAAcE,gBAAd,CAA+B,OAA/B,EAAwC,KAAKC,cAA7C,EAA6D,KAA7D;AACAP,aAASI,IAAT,CAAcE,gBAAd,CAA+B,WAA/B,EAA4C,KAAKE,kBAAjD,EAAqE,KAArE;;AAEA,SAAKC,IAAL;AACD;;;;2BAEM;AAAA;;AACL,WAAKP,YAAL,GAAoBF,SAASU,aAAT,CAAuB,KAAKf,MAA5B,CAApB;AACA,UAAI,KAAKO,YAAT,EAAuB;AACrB,aAAKA,YAAL,CAAkBI,gBAAlB,CAAmC,OAAnC,EAA4C,UAACK,CAAD,EAAO;AACjD,cAAMC,KAAKD,KAAKE,OAAOC,KAAvB;AACA,cAAMnB,SAASiB,GAAGjB,MAAH,IAAaiB,GAAGG,UAA/B;AACA,cAAIpB,OAAOqB,OAAP,CAAeC,QAAnB,EAA6B;AAC3B,gBAAMC,cAAcvB,OAAOuB,WAA3B;AACA,gBAAMC,cAAcxB,OAAOwB,WAA3B;;AAEA,gBAAID,cAAcC,WAAlB,EAA+B;AAAA,kBACtBC,KADsB,GACNR,EADM,CACtBQ,KADsB;AAAA,kBACfC,KADe,GACNT,EADM,CACfS,KADe;AAAA,kBAEtBC,WAFsB,GAEP3B,MAFO,CAEtB2B,WAFsB;;AAG7B,kBAAMC,aAAa,MAAK1B,MAAL,GAAc,MAAKA,MAAL,CAAYyB,WAAZ,CAAd,GAAyCA,WAA5D;;AAEA,kBAAME,UAAUC,OAAO,CAAC,IAAIC,IAAJ,EAAR,CAAhB;AACA,kBAAI/B,OAAOqB,OAAP,CAAeW,KAAf,IAAwBhC,OAAOqB,OAAP,CAAeW,KAAf,KAAyBnC,YAArD,EAAmE;AACjE,uBAAO,MAAKoC,MAAL,CAAY,IAAZ,CAAP;AACD,eAFD,MAEO;AACLjC,uBAAOqB,OAAP,CAAeW,KAAf,GAAuBH,OAAvB;AACA,sBAAKrB,OAAL,IAAgB,MAAKyB,MAAL,CAAY,IAAZ,EAAkBC,SAAlB,EAA6B,IAA7B,CAAhB;AACD;;AAED,kBAAMC,cAAc,MAAKlC,QAAzB;AACA,kBAAMmC,YAAY/B,SAASI,IAAT,CAAcc,WAAhC;AACA,kBAAMc,aAAahC,SAASI,IAAT,CAAc6B,YAAjC;AACA,kBAAMC,aAAa,EAAnB;;AAEA,kBAAMC,SAAS,EAACL,wBAAD,EAAcP,sBAAd,EAA0BQ,oBAA1B,EAAqCC,sBAArC,EAAf;;AAlB6B,0CAmBqB,MAAKI,oBAAL,CAA0BD,MAA1B,CAnBrB;AAAA,kBAmBtBE,kBAnBsB,yBAmBtBA,kBAnBsB;AAAA,kBAmBFC,mBAnBE,yBAmBFA,mBAnBE;;AAqB7B,kBAAIC,uBAAJ;AACA,kBAAIC,uBAAJ;;AAEA,kBAAIT,YAAYX,KAAZ,GAAoBiB,kBAApB,GAAyC,EAA7C,EAAiD;AAAE;AACjDE,iCAAiB,IAAjB;AACD;;AAED,kBAAIP,aAAaX,KAAb,GAAqBiB,mBAArB,GAA4CJ,aAAa,EAA7D,EAAkE;AAAE;AAClEM,iCAAiB,IAAjB;AACD;;AAED,kBAAMC,YAAY,EAAlB;AACA,kBAAMC,kBAAkB,EAAxB;AACA,kBAAMC,qBAAqBF,YAAYC,eAAvC;AACA,kBAAME,kBAAkBL,iBAAiB,EAAEF,qBAAqBM,kBAAvB,CAAjB,GAA8D,CAACD,eAAvF;AACA,kBAAMG,iBAAiBL,iBAAiB,CAACF,mBAAlB,GAAwC,CAA/D;;AAEA,kBAAMQ,UAAUN,iBAAiBnB,QAAQa,UAAzB,GAAsCb,QAAQa,UAA9D;AACA,kBAAMa,UAAU;AAAA;AAAA;AACd,0EAAqDP,iBAAiB,kBAAjB,GAAsC,eAA3F,CADc;AAEd,kDAAQQ,MAAM5B,KAAd,EAAqB6B,KAAKH,OAA1B,IAAsC,MAAKhD,KAA3C;AAFc;AAId;AAAA;AAAA;AACE,+BAAU,eADZ;AAEE,2BAAO,EAACoD,OAAOb,kBAAR,EAA4Bc,YAAYP,eAAxC,EAAyDQ,WAAWP,cAApE;AAFT;AAGEtB;AAHF;AAJc,eAAhB;;AAUA,oBAAKK,MAAL,CAAYmB,OAAZ,EAAqBvB,OAArB;AACD,aAlDD,MAkDO;AACL,oBAAKI,MAAL,CAAY,IAAZ;AACD;AACF;AACF,SA7DD,EA6DG,KA7DH;AA8DD;AACF;;;6BA4EoB;AAAA;;AAAA,UAAdlC,OAAc,uEAAJ,EAAI;;AACnB,0BAAYA,OAAZ,EAAqB2D,OAArB,CAA6B;AAAA,eAAK,OAAKC,CAAL,IAAU5D,QAAQ4D,CAAR,CAAf;AAAA,OAA7B;;AAEA,WAAK7C,IAAL;AACD;;;8BAES;AACR,WAAKmB,MAAL,CAAY,IAAZ;AACD;;;8BAES;AACR2B,yBAASC,sBAAT,CAAgC,KAAKzD,EAArC;AACAC,eAASI,IAAT,CAAcqD,WAAd,CAA0B,KAAK1D,EAA/B;AACAC,eAASI,IAAT,CAAcsD,mBAAd,CAAkC,OAAlC,EAA2C,KAAKnD,cAAhD,EAAgE,KAAhE;AACAP,eAASI,IAAT,CAAcsD,mBAAd,CAAkC,WAAlC,EAA+C,KAAKlD,kBAApD,EAAwE,KAAxE;AACD;;;;;;OAzFDA,kB,GAAqB,UAACG,CAAD,EAAO;AAC1B,QAAI,OAAKR,OAAT,EAAkB,OAAKyB,MAAL,CAAY,IAAZ;AACnB,G;;OAEDrB,c,GAAiB,UAACI,CAAD,EAAO;AACtB,QAAMC,KAAKD,KAAKE,OAAOC,KAAvB;AACA,QAAMnB,SAASiB,GAAGjB,MAAH,IAAaiB,GAAGG,UAA/B;AACA,QAAIpB,OAAOgE,SAAP,KAAqB,eAAzB,EAA0C;AAC1C,QAAG,CAAChE,OAAOqB,OAAP,CAAeC,QAAnB,EAA6B;AAC3B,aAAKW,MAAL,CAAY,IAAZ;AACD;AACF,G;;OAEDQ,oB,GAAuB,YAAiB;AAAA,QAAhBD,MAAgB,uEAAP,EAAO;AAAA,QAC/BL,WAD+B,GACmBK,MADnB,CAC/BL,WAD+B;AAAA,QAClBP,UADkB,GACmBY,MADnB,CAClBZ,UADkB;AAAA,QACNQ,SADM,GACmBI,MADnB,CACNJ,SADM;AAAA,QACKC,UADL,GACmBG,MADnB,CACKH,UADL;;;AAGtC,QAAM4B,gBAAgB5D,SAASC,aAAT,CAAuB,KAAvB,CAAtB;AACA2D,kBAAc9D,KAAd,CAAoB+D,QAApB,GAA+B,OAA/B;AACAD,kBAAc9D,KAAd,CAAoBkD,IAApB,GAA2B,UAA3B;AACAY,kBAAc9D,KAAd,CAAoBmD,GAApB,GAA0B,UAA1B;AACAW,kBAAc9D,KAAd,CAAoBgE,OAApB,GAA8B,CAA9B;;AAEA,QAAMC,iBAAiB;AAAA;AAAA;AACrB,mBAAU,eADW;AAErB,eAAO,EAACnE,UAAUkC,WAAX;AAFc;AAGrBP;AAHqB,KAAvB;;AAKAvB,aAASI,IAAT,CAAcC,WAAd,CAA0BuD,aAA1B;;AAEAL,uBAAS3B,MAAT,CACEmC,cADF,EAEEH,aAFF;;AAKA,QAAMtB,sBAAsBsB,cAAcI,iBAAd,CAAgC/B,YAA5D;AACA,QAAMI,qBAAqBuB,cAAcI,iBAAd,CAAgC9C,WAA3D;;AAEAlB,aAASI,IAAT,CAAcqD,WAAd,CAA0BG,aAA1B;;AAEA,WAAO,EAACtB,wCAAD,EAAsBD,sCAAtB,EAAP;AACD,G;;OAEDT,M,GAAS,UAACqC,QAAD,EAAWzC,OAAX,EAAoB0C,aAApB,EAAsC;AAC7C,QAAI,OAAKD,QAAL,IAAiB,CAACC,aAAtB,EAAqC;AAAA,UACpBP,SADoB,GACN,OAAKM,QADC,CAC5BE,KAD4B,CACpBR,SADoB;;AAEnC,UAAMS,aAAaC,gBAAMC,YAAN,CACjB,OAAKL,QADY,EAEjB,EAACN,WAAcA,SAAd,uBAAD,EAFiB,CAAnB;AAIAY,iBAAW,YAAM;AACfhB,2BAAS3B,MAAT,CACE,IADF,EAEE,OAAK7B,EAFP;AAID,OALD,EAKG,GALH;;AAOA,aAAKkE,QAAL,GAAgB,IAAhB;AACAzE,qBAAeqC,SAAf;AACA,aAAK1B,OAAL,GAAe,KAAf;AACA,aAAOoD,mBAAS3B,MAAT,CACLwC,UADK,EAEL,OAAKrE,EAFA,CAAP;AAID;;AAEDwD,uBAAS3B,MAAT,CACEqC,QADF,EAEE,OAAKlE,EAFP;AAIAP,mBAAegC,OAAf;AACA,WAAKyC,QAAL,GAAgBA,QAAhB;AACA,WAAK9D,OAAL,GAAe,CAAC,CAAC8D,QAAjB;AACD,G;;kBAhKkBxE,W","file":"index.js","sourcesContent":["/**\n * Created by hzy on 2019/8/2.\n *\n * options\n * @target 实例化时传入的需要委托弹出tip外层容器class名 //new OverflowTip({target: '.member-content-tab'});\n * @maxWidth tip最大宽度, 默认220\n * @format 格式化展示内容方法, 参数为传入的原本字符串内容, 需要返回格式化后的字符串 // format(text) { return newText }\n * @style 弹出tip样式\n * 需要在弹出的提示的节点上绑定内容 data-overflow='tip' //<td data-overflow='tip'>{name}</td>\n *\n * @update 更新实例方法，参数与实例化时的options内容一致，不传项则用实例化时的内容或默认值 // update(options)\n * @destroy 组件销毁时候需要调用该方法清理\n * @hideTip 隐藏tip展示内容\n * @tipShow 实例属性，判断tip是否为展示显示状态\n * @containerDom 实例属性，委托时间外层容器dom节点\n */\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './style.less';\n\nlet currentDomId;\nexport default class OverflowTip {\n\n  constructor(options) {\n    const {target, maxWidth = 220, format, style = {}} = options;\n\n    this.target = target;\n    this.maxWidth = maxWidth;\n    this.format = format;\n    this.style = style;\n    this.el = document.createElement('div');\n    this.containerDom = null;\n    this.tipShow = false;\n\n    document.body.appendChild(this.el);\n    document.body.addEventListener('click', this.bodyClickEvent, false);\n    document.body.addEventListener('touchmove', this.bodyTouchmoveEvent, false);\n\n    this.init();\n  }\n\n  init() {\n    this.containerDom = document.querySelector(this.target);\n    if (this.containerDom) {\n      this.containerDom.addEventListener('click', (e) => {\n        const ev = e || window.event;\n        const target = ev.target || ev.srcElement;\n        if (target.dataset.overflow) {\n          const clientWidth = target.clientWidth;\n          const scrollWidth = target.scrollWidth;\n\n          if (clientWidth < scrollWidth) {\n            const {pageX, pageY} = ev;\n            const {textContent} = target;\n            const renderText = this.format ? this.format(textContent) : textContent;\n\n            const stampId = String(+new Date());\n            if (target.dataset.tipid && target.dataset.tipid === currentDomId) {\n              return this.render(null);\n            } else {\n              target.dataset.tipid = stampId;\n              this.tipShow && this.render(null, undefined, true);\n            }\n\n            const tipMaxWidth = this.maxWidth;\n            const bodyWidth = document.body.clientWidth;\n            const bodyHeight = document.body.clientHeight;\n            const offsetSize = 20;\n\n            const params = {tipMaxWidth, renderText, bodyWidth, bodyHeight};\n            const {virtualTipDomWidth, virtualTipDomHeight} = this.getVirtualTipDomSize(params);\n\n            let pageXDirection;\n            let pageYDirection;\n\n            if (bodyWidth - pageX - virtualTipDomWidth < 10) { //判断X轴是否超出可视区\n              pageXDirection = true;\n            }\n\n            if (bodyHeight - pageY - virtualTipDomHeight < (offsetSize + 10)) { //判断Y轴是否超出可视区\n              pageYDirection = true;\n            }\n\n            const arrowSize = 10;\n            const arrowOffsetSize = 10;\n            const arrowAndOffsetSize = arrowSize + arrowOffsetSize;\n            const marginLeftStyle = pageXDirection ? -(virtualTipDomWidth - arrowAndOffsetSize) : -arrowOffsetSize;\n            const marginTopStyle = pageYDirection ? -virtualTipDomHeight : 0;\n\n            const offsetY = pageYDirection ? pageY - offsetSize : pageY + offsetSize;\n            const tipNode = <div\n              className={`overflow-tip-wrapper overflow-tip-show ${pageYDirection ? 'tip-arrow-bottom' : 'tip-arrow-top'}`}\n              style={{left: pageX, top: offsetY, ...this.style}}\n            >\n              <div\n                className='_overflow-tip'\n                style={{width: virtualTipDomWidth, marginLeft: marginLeftStyle, marginTop: marginTopStyle}}\n              >{renderText}</div>\n            </div>\n\n            this.render(tipNode, stampId);\n          } else {\n            this.render(null);\n          }\n        }\n      }, false);\n    }\n  }\n\n  bodyTouchmoveEvent = (e) => {\n    if (this.tipShow) this.render(null);\n  }\n\n  bodyClickEvent = (e) => {\n    const ev = e || window.event;\n    const target = ev.target || ev.srcElement;\n    if (target.className === '_overflow-tip') return;\n    if(!target.dataset.overflow) {\n      this.render(null);\n    }\n  }\n\n  getVirtualTipDomSize = (params = {}) => {\n    const {tipMaxWidth, renderText, bodyWidth, bodyHeight} = params;\n\n    const virtualTipDom = document.createElement('div');\n    virtualTipDom.style.position = 'fixed';\n    virtualTipDom.style.left = '-99999px';\n    virtualTipDom.style.top = '-99999px';\n    virtualTipDom.style.opacity = 0;\n\n    const virtualTipNode = <div\n      className='_overflow-tip'\n      style={{maxWidth: tipMaxWidth}}\n    >{renderText}</div>\n\n    document.body.appendChild(virtualTipDom);\n\n    ReactDOM.render(\n      virtualTipNode,\n      virtualTipDom,\n    );\n\n    const virtualTipDomHeight = virtualTipDom.firstElementChild.clientHeight;\n    const virtualTipDomWidth = virtualTipDom.firstElementChild.clientWidth;\n\n    document.body.removeChild(virtualTipDom);\n\n    return {virtualTipDomHeight, virtualTipDomWidth}\n  }\n\n  render = (children, stampId, destroyBefore) => {\n    if (this.children && !destroyBefore) {\n      const {props: {className}} = this.children;\n      const newElement = React.cloneElement(\n        this.children,\n        {className: `${className} overflow-tip-hide`},\n      );\n      setTimeout(() => {\n        ReactDOM.render(\n          null,\n          this.el,\n        );\n      }, 120);\n\n      this.children = null;\n      currentDomId = undefined;\n      this.tipShow = false;\n      return ReactDOM.render(\n        newElement,\n        this.el,\n      );\n    }\n\n    ReactDOM.render(\n      children,\n      this.el,\n    );\n    currentDomId = stampId;\n    this.children = children;\n    this.tipShow = !!children;\n  }\n\n  update(options = {}) {\n    Object.keys(options).forEach(v => this[v] = options[v]);\n\n    this.init();\n  }\n\n  hideTip() {\n    this.render(null);\n  }\n\n  destroy() {\n    ReactDOM.unmountComponentAtNode(this.el);\n    document.body.removeChild(this.el);\n    document.body.removeEventListener('click', this.bodyClickEvent, false);\n    document.body.removeEventListener('touchmove', this.bodyTouchmoveEvent, false);\n  }\n}\n"]}

package/dist/components/overflowTip/style.less

@@ -1,66 +1,66 @@
-.overflow-tip-wrapper{
-  position: fixed;
-  z-index: 9999;
-  animation-duration: 0.1s;
-  animation-fill-mode: both;
-  animation-timing-function: ease-out;
-  animation-play-state: paused;
-  opacity: 0;
-  width: 0px;
-  &.overflow-tip-show{
-    animation-name: tipZoomIn;
-    animation-play-state: running;
-  }
-  &.overflow-tip-hide{
-    animation-name: tipZoomOut;
-    animation-play-state: running;
-  }
-  &.tip-arrow-top:before{
-    content: '';
-    display: block;
-    width: 0;
-    height: 0;
-    border-right: 5px solid transparent;
-    border-left: 5px solid transparent;
-    border-bottom: 5px solid rgba(0,0,0,.8);
-  }
-  &.tip-arrow-bottom:after{
-    content: '';
-    display: block;
-    width:0;
-    height:0;
-    border-right: 5px solid transparent;
-    border-left: 5px solid transparent;
-    border-top: 5px solid rgba(0,0,0,.8);
-  }
-  @keyframes tipZoomIn {
-    0% {
-      opacity: .7;
-      transform: scale3d(0.9,0.9,0.9) translate3d(0,0,0)
-    }
-    100% {
-      opacity: 1;
-      transform: scale3d(1,1,1) translate3d(0,0,0)
-    }
-  }
-  @keyframes tipZoomOut {
-    0% {
-      opacity: 1;
-      transform: scale3d(1,1,1) translate3d(0,0,0);
-    }
-    100% {
-      opacity: 0;
-      transform: scale3d(0.8,0.8,1) translate3d(0, -8%,0);
-    }
-  }
-}
-._overflow-tip{
-  background-color: rgba(0,0,0,.8);
-  font-size: 14px;
-  color: #fff;
-  padding: 5px 10px;
-  text-align: left;
-  border-radius: 4px;
-  margin-top: -1px;
-  word-break: break-all;
-}
+.overflow-tip-wrapper{
+  position: fixed;
+  z-index: 9999;
+  animation-duration: 0.1s;
+  animation-fill-mode: both;
+  animation-timing-function: ease-out;
+  animation-play-state: paused;
+  opacity: 0;
+  width: 0px;
+  &.overflow-tip-show{
+    animation-name: tipZoomIn;
+    animation-play-state: running;
+  }
+  &.overflow-tip-hide{
+    animation-name: tipZoomOut;
+    animation-play-state: running;
+  }
+  &.tip-arrow-top:before{
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    border-right: 5px solid transparent;
+    border-left: 5px solid transparent;
+    border-bottom: 5px solid rgba(0,0,0,.8);
+  }
+  &.tip-arrow-bottom:after{
+    content: '';
+    display: block;
+    width:0;
+    height:0;
+    border-right: 5px solid transparent;
+    border-left: 5px solid transparent;
+    border-top: 5px solid rgba(0,0,0,.8);
+  }
+  @keyframes tipZoomIn {
+    0% {
+      opacity: .7;
+      transform: scale3d(0.9,0.9,0.9) translate3d(0,0,0)
+    }
+    100% {
+      opacity: 1;
+      transform: scale3d(1,1,1) translate3d(0,0,0)
+    }
+  }
+  @keyframes tipZoomOut {
+    0% {
+      opacity: 1;
+      transform: scale3d(1,1,1) translate3d(0,0,0);
+    }
+    100% {
+      opacity: 0;
+      transform: scale3d(0.8,0.8,1) translate3d(0, -8%,0);
+    }
+  }
+}
+._overflow-tip{
+  background-color: rgba(0,0,0,.8);
+  font-size: 14px;
+  color: #fff;
+  padding: 5px 10px;
+  text-align: left;
+  border-radius: 4px;
+  margin-top: -1px;
+  word-break: break-all;
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/page/index.js"],"names":["total","currentIndex","previous","next","className","hide"],"mappings":";;;;;;AAAA;;;;AACA;;AACA;;;;kBAEe,gBAA2D;AAAA,MAAxDA,KAAwD,QAAxDA,KAAwD;AAAA,MAAjDC,YAAiD,QAAjDA,YAAiD;AAAA,MAAnCC,QAAmC,QAAnCA,QAAmC;AAAA,MAAzBC,IAAyB,QAAzBA,IAAyB;AAAA,4BAAnBC,SAAmB;AAAA,MAAnBA,SAAmB,kCAAT,EAAS;;AACxEH,iBAAeD,SAAS,CAAT,GAAa,CAAb,GAAiBC,YAAhC;AACA,MAAII,OAAQL,SAAS,CAAT,IAAcA,SAAS,CAAvB,IAA4B,CAACA,KAAzC;AACA,SACEK,OACA,IADA,GAGA;AAAA;AAAA,MAAK,qBAAmBD,SAAxB;AACGH,oBAAgB,CAAhB,GACC,8BAAC,YAAD,IAAO,MAAK,WAAZ,EAAwB,WAAU,4CAAlC,GADD,GAIC,8BAAC,YAAD,IAAO,MAAK,MAAZ,EAAmB,WAAU,wDAA7B,EAAsF,SAASC,QAA/F,GALJ;AAQE;AAAA;AAAA,QAAM,WAAU,WAAhB;AAA4B;AAAA;AAAA;AAAOD;AAAP,OAA5B;AAAA;AAAwD;AAAA;AAAA;AAAOD;AAAP;AAAxD,KARF;AAWIC,oBAAgBD,KAAhB,IAAyBC,gBAAgB,CAAzC,GACE,8BAAC,YAAD,IAAO,MAAK,WAAZ,EAAwB,WAAU,6CAAlC,GADF,GAIE,8BAAC,YAAD,IAAO,MAAK,MAAZ,EAAmB,WAAU,yDAA7B,EAAuF,SAASE,IAAhG;AAfN,GAJF;AAuBD,C","file":"index.js","sourcesContent":["import React from 'react';\r\nimport { Ticon } from '../../index';\r\nimport './index.less';\r\n\r\nexport default ({ total, currentIndex, previous, next, className='' }) => {\r\n  currentIndex = total == 0 ? 0 : currentIndex;\r\n  let hide = (total == 0 || total == 1 || !total);\r\n  return (\r\n    hide ?\r\n    null\r\n    :\r\n    <div className={`page ${className}`}>\r\n      {currentIndex <= 1 ?\r\n        <Ticon type='zuozhihui' className='page-button page-button-left page-disabled' />\r\n        :\r\n\r\n        <Ticon type='zuo1' className='page-button page-button-left page-active primary-color' onClick={previous} />\r\n\r\n      }\r\n      <span className='page-text'><span>{currentIndex}</span>/<span>{total}</span></span>\r\n\r\n      {\r\n        currentIndex >= total || currentIndex == 0 ?\r\n          <Ticon type='youzhihui' className='page-button page-button-right page-disabled' />\r\n          :\r\n\r\n          <Ticon type='you1' className='page-button page-button-right page-active primary-color' onClick={next} />\r\n      }\r\n    </div>\r\n  )\r\n}"]}
+{"version":3,"sources":["tplus-components-touch/components/page/index.js"],"names":["total","currentIndex","previous","next","className","hide"],"mappings":";;;;;;AAAA;;;;AACA;;AACA;;;;kBAEe,gBAA2D;AAAA,MAAxDA,KAAwD,QAAxDA,KAAwD;AAAA,MAAjDC,YAAiD,QAAjDA,YAAiD;AAAA,MAAnCC,QAAmC,QAAnCA,QAAmC;AAAA,MAAzBC,IAAyB,QAAzBA,IAAyB;AAAA,4BAAnBC,SAAmB;AAAA,MAAnBA,SAAmB,kCAAT,EAAS;;AACxEH,iBAAeD,SAAS,CAAT,GAAa,CAAb,GAAiBC,YAAhC;AACA,MAAII,OAAQL,SAAS,CAAT,IAAcA,SAAS,CAAvB,IAA4B,CAACA,KAAzC;AACA,SACEK,OACA,IADA,GAGA;AAAA;AAAA,MAAK,qBAAmBD,SAAxB;AACGH,oBAAgB,CAAhB,GACC,8BAAC,YAAD,IAAO,MAAK,WAAZ,EAAwB,WAAU,4CAAlC,GADD,GAIC,8BAAC,YAAD,IAAO,MAAK,MAAZ,EAAmB,WAAU,wDAA7B,EAAsF,SAASC,QAA/F,GALJ;AAQE;AAAA;AAAA,QAAM,WAAU,WAAhB;AAA4B;AAAA;AAAA;AAAOD;AAAP,OAA5B;AAAA;AAAwD;AAAA;AAAA;AAAOD;AAAP;AAAxD,KARF;AAWIC,oBAAgBD,KAAhB,IAAyBC,gBAAgB,CAAzC,GACE,8BAAC,YAAD,IAAO,MAAK,WAAZ,EAAwB,WAAU,6CAAlC,GADF,GAIE,8BAAC,YAAD,IAAO,MAAK,MAAZ,EAAmB,WAAU,yDAA7B,EAAuF,SAASE,IAAhG;AAfN,GAJF;AAuBD,C","file":"index.js","sourcesContent":["import React from 'react';\nimport { Ticon } from '../../index';\nimport './index.less';\n\nexport default ({ total, currentIndex, previous, next, className='' }) => {\n  currentIndex = total == 0 ? 0 : currentIndex;\n  let hide = (total == 0 || total == 1 || !total);\n  return (\n    hide ?\n    null\n    :\n    <div className={`page ${className}`}>\n      {currentIndex <= 1 ?\n        <Ticon type='zuozhihui' className='page-button page-button-left page-disabled' />\n        :\n\n        <Ticon type='zuo1' className='page-button page-button-left page-active primary-color' onClick={previous} />\n\n      }\n      <span className='page-text'><span>{currentIndex}</span>/<span>{total}</span></span>\n\n      {\n        currentIndex >= total || currentIndex == 0 ?\n          <Ticon type='youzhihui' className='page-button page-button-right page-disabled' />\n          :\n\n          <Ticon type='you1' className='page-button page-button-right page-active primary-color' onClick={next} />\n      }\n    </div>\n  )\n}"]}

package/dist/components/page/index.less

@@ -1,22 +1,22 @@
-
-.page {
-  .page-button {
-    font-size: 32px;
-    display: line-block;
-    vertical-align: middle;
-  }
-  .page-active {
-    cursor: pointer;
-  }
-  .page-disabled {
-    color: #666666;
-    cursor: not-allowed;
-  }
-  .page-text {
-    font-size: 14px;
-    color: rgba(0,0,0,0.65);
-    display: inline-block;
-    vertical-align: middle;
-    padding: 0 32px;
-  }
+
+.page {
+  .page-button {
+    font-size: 32px;
+    display: line-block;
+    vertical-align: middle;
+  }
+  .page-active {
+    cursor: pointer;
+  }
+  .page-disabled {
+    color: #666666;
+    cursor: not-allowed;
+  }
+  .page-text {
+    font-size: 14px;
+    color: rgba(0,0,0,0.65);
+    display: inline-block;
+    vertical-align: middle;
+    padding: 0 32px;
+  }
 }

package/dist/components/presale/pickup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/presale/pickup.js"],"names":["Pickup","props","selectRetailCode","selectedRows","getPickupList","status","setState","selectedRowKeys","loading","buyerInfo","billSearchApi","searchWaitPickUpListPaging","customerName","customerPhone","id","pageIndex","state","data","totalPage","designs","dtos","DetailData","RetailDTO","tableDataList","listColumn","map","v","index","obj","title","OriginalTitle","dataIndex","FieldName","key","width","Width","className","Precision","IsFormat","ellipsis","IsShow","render","text","val","renderText","formatNumber","record","align","lotNo","tools","dateFormat","creationDate","expirationDate","DtoName","length","filter","o","TotalPage","previous","next","selectChange","console","log","confirmPickup","Message","warn","checkSameRetail","hide","handleRefundEvent","retailDTO","find","Code","Retail","code","arr","RetailDetails","forEach","detailObj","selectObj","ID","push","codeArr","row","setArr","size","spinning","x","y","fixed","onChange","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;AAEA;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;;;IAEqBA,M;;;AAKjB,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AAAA,0IACTA,KADS;;AAAA,cAHnBC,gBAGmB,GAHA,EAGA;AAAA,cAFnBC,YAEmB,GAFJ,EAEI;;AAAA,cAcnBC,aAdmB;AAAA,gGAcH,iBAAOC,MAAP;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAEZ,oCAAIA,MAAJ,EAAW;AACP,0CAAKC,QAAL,CAAc;AACVC,yDAAiB;AADP,qCAAd;AAGA,0CAAKL,gBAAL,GAAwB,EAAxB;AACA,0CAAKC,YAAL,GAAoB,EAApB;AACH;;AAED,sCAAKG,QAAL,CAAc,EAAEE,SAAS,IAAX,EAAd;AAVY,wDAWY,MAAKP,KAXjB,CAWJQ,SAXI,EAWJA,SAXI,yCAWM,EAXN;AAAA;AAAA,uCAYqEC,cAAcC,0BAAd,CAAyC;AACtHC,kDAAcH,UAAU,CAAV,EAAaG,YAD2F;AAEtHC,mDAAeJ,UAAU,CAAV,EAAaI,aAF0F;AAGtHC,wCAAIL,UAAU,CAAV,EAAaK,EAHqG;AAItHC,+CAAW,MAAKC,KAAL,CAAWD;AAJgG,iCAAzC,CAZrE;;AAAA;AAAA;AAAA,mDAYJE,IAZI;AAYIC,yCAZJ,cAYIA,SAZJ;AAYeC,uCAZf,cAYeA,OAZf;AAAA,6DAYwBC,IAZxB;AAYgCC,0CAZhC,mBAYgCA,UAZhC;AAY4CC,yCAZ5C,mBAY4CA,SAZ5C;;AAkBZ,sCAAKA,SAAL,GAAiBA,SAAjB;AACIC,6CAnBQ,GAmBQ,yBAAWF,UAAX,CAnBR;AAqBRG,0CArBQ,GAqBKL,QAAQM,GAAR,CAAY,UAACC,CAAD,EAAIC,KAAJ,EAAc;AACvC,wCAAIC,MAAM;AACNC,+CAAOH,EAAEI,aADH;AAENC,mDAAWL,EAAEM,SAFP;AAGNC,6CAAKP,EAAEM,SAHD;AAINE,+CAAOR,EAAES,KAAF,IAAW,GAJZ;AAKNC,mDAAW,cALL;AAMNC,mDAAWX,EAAEW,SANP;AAONC,kDAAUZ,EAAEY,QAPN;AAQNC,kDAAU,IARJ;AASNC,gDAAQd,EAAEc;AATJ,qCAAV;AAWA,wCAAId,EAAEW,SAAN,EAAiB;AACbT,4CAAIa,MAAJ,GAAa,UAACC,IAAD,EAAU;AACnB,gDAAIC,MAAOD,QAAQA,SAAS,CAAlB,GAAuBA,IAAvB,GAA8B,EAAxC;AACA,gDAAIE,aAAalC,cAAcmC,YAAd,CAA2BF,GAA3B,EAAgCjB,EAAEW,SAAlC,CAAjB;AACA,mDAAO;AAAA;AAAA;AAAOO;AAAP,6CAAP;AACH,yCAJD;AAKH;AACD,wCAAIlB,EAAEM,SAAF,IAAe,MAAnB,EAA2B;AACvBJ,4CAAIM,KAAJ,GAAY,GAAZ;AACAN,4CAAIa,MAAJ,GAAa,UAACC,IAAD,EAAOI,MAAP,EAAkB;AAC3B,mDAAO;AAAA;AAAA;AAAOA,uDAAO,QAAP,EAAiB,MAAjB;AAAP,6CAAP;AACH,yCAFD;AAGH;AACD,wCAAIpB,EAAEM,SAAF,IAAe,eAAnB,EAAoC;AAChC,8CAAKL,KAAL,GAAaA,KAAb;AACAC,4CAAImB,KAAJ,GAAY,QAAZ;AACH;AACD,wCAAIrB,EAAEM,SAAF,IAAe,eAAf,IAAkCN,EAAEM,SAAF,IAAe,eAArD,EAAqE;AACjEJ,4CAAIa,MAAJ,GAAa,UAACC,IAAD,EAAOI,MAAP,EAAkB;AAC3B,mDAAO;AAAA;AAAA;AAAOA,uDAAO,cAAP,EAAuBpB,EAAEM,SAAzB;AAAP,6CAAP;AACH,yCAFD;AAGH;AACD,wCAAIN,EAAEM,SAAF,IAAe,OAAnB,EAA2B;AACvBJ,4CAAIa,MAAJ,GAAa,UAACC,IAAD,EAAOI,MAAP,EAAkB;AAC3B,mDAAO;AAAA;AAAA;AAAOA,uDAAOE;AAAd,6CAAP;AACH,yCAFD;AAGH;AACD,wCAAItB,EAAEM,SAAF,IAAe,gBAAnB,EAAoC;AAChCJ,4CAAIa,MAAJ,GAAa,UAACC,IAAD,EAAOI,MAAP,EAAkB;AAC3B,gDAAIF,aAAaK,gBAAMC,UAAN,CAAiBJ,OAAOK,YAAxB,CAAjB;AACA,mDAAO;AAAA;AAAA;AAAOP;AAAP,6CAAP;AACH,yCAHD;AAIH;AACD,wCAAIlB,EAAEM,SAAF,IAAe,YAAnB,EAAgC;AAC5BJ,4CAAIa,MAAJ,GAAa,UAACC,IAAD,EAAOI,MAAP,EAAkB;AAC3B,gDAAIF,aAAaK,gBAAMC,UAAN,CAAiBJ,OAAOM,cAAxB,CAAjB;AACA,mDAAO;AAAA;AAAA;AAAOR;AAAP,6CAAP;AACH,yCAHD;AAIH;AACD,wCAAIlB,EAAE2B,OAAF,IAAa,SAAjB,EAA2B;AACvBzB,4CAAIa,MAAJ,GAAa,UAACC,IAAD,EAAOI,MAAP,EAAkB;AAC3B,mDAAO;AAAA;AAAA;AAAOA,uDAAO,MAAP,EAAe,MAAf;AAAP,6CAAP;AACH,yCAFD;AAGH;AACD,wCAAIpB,EAAE2B,OAAF,IAAa,UAAjB,EAA4B;AACxBzB,4CAAIa,MAAJ,GAAa,UAACC,IAAD,EAAOI,MAAP,EAAiB;AAC1B,mDAAO;AAAA;AAAA;AAAOA,uDAAO,QAAP,EAAiB,SAAjB,EAA4BpB,EAAEM,SAA9B;AAAP,6CAAP;AACH,yCAFD;AAGH;AACD,wCAAIN,EAAEM,SAAF,IAAe,uBAAnB,EAA2C;AACvCJ,4CAAIa,MAAJ,GAAa,UAACC,IAAD,EAAOI,MAAP,EAAiB;AAC1B,mDAAO;AAAA;AAAA;AAAOA,uDAAO,qBAAP,EAA8BpB,EAAEM,SAAhC;AAAP,6CAAP;AACH,yCAFD;AAGH;AACD,2CAAOJ,GAAP;AACH,iCAnEgB,CArBL;;AAyFZ,oCAAIJ,cAAcA,WAAW8B,MAAX,GAAoB,CAAtC,EAAyC;AACrC9B,iDAAaA,WAAW+B,MAAX,CAAkB;AAAA,+CAAKC,EAAEhB,MAAF,IAAY,IAAjB;AAAA,qCAAlB,CAAb;AACH;AACD,sCAAKlC,QAAL,CAAc;AACViB,mDAAeA,aADL;AAEVC,gDAAYA,UAFF;AAGViC,+CAAWvC,SAHD;AAIVV,6CAAS,KAJC;AAKVO,+CAAWV,SAAS,MAAKW,KAAL,CAAWD,SAApB,GAAgC;AALjC,iCAAd;;AA5FY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAdG;;AAAA;AAAA;AAAA;AAAA;;AAAA,cAmHnB2C,QAnHmB,GAmHR,YAAM;AACb,kBAAKpD,QAAL,CAAc;AACVS,2BAAW,MAAKC,KAAL,CAAWD,SAAX,GAAuB;AADxB,aAAd,EAEG,YAAM;AACL,sBAAKX,aAAL,CAAmB,YAAnB;AACH,aAJD;AAKH,SAzHkB;;AAAA,cA2HnBuD,IA3HmB,GA2HZ,YAAM;AACT,kBAAKrD,QAAL,CAAc;AACVS,2BAAW,MAAKC,KAAL,CAAWD,SAAX,GAAuB;AADxB,aAAd,EAEG,YAAM;AACL,sBAAKX,aAAL,CAAmB,YAAnB;AACH,aAJD;AAKH,SAjIkB;;AAAA,cAmInBwD,YAnImB,GAmIJ,UAACrD,eAAD,EAAkBJ,YAAlB,EAAmC;AAC9C0D,oBAAQC,GAAR,CAAY,mBAAZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,kBAAKxD,QAAL,CAAc;AACVC,iCAAiBA;AADP,aAAd;AAGA,kBAAKJ,YAAL,GAAoBA,YAApB;AACH,SA3JkB;;AAAA,cAmKnB4D,aAnKmB,4EAmKH;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,kCAER,MAAK/C,KAAL,CAAWT,eAAX,CAA2B+C,MAA3B,GAAoC,CAF5B;AAAA;AAAA;AAAA;;AAAA,8DAEsCU,kBAAQC,IAAR,CAAa,UAAb,CAFtC;;AAAA;AAAA,gCAGP,MAAKC,eAAL,EAHO;AAAA;AAAA;AAAA;;AAAA,8DAIDF,kBAAQC,IAAR,CAAa,iBAAb,CAJC;;AAAA;AAAA,0CAMwB,MAAKhE,KAN7B,EAMJkE,IANI,eAMJA,IANI,EAMEC,iBANF,eAMEA,iBANF;AAQRC,qCARQ,GAQI,MAAK/C,SAAL,CAAegD,IAAf,CAAoB,UAAC1C,GAAD,EAAO;AAAC,uCAAOA,IAAI2C,IAAJ,KAAa,MAAKpE,YAAL,CAAkB,CAAlB,EAAqBqE,MAArB,CAA4BC,IAAhD;AAAqD,6BAAjF,KAAsF,EAR1F;AASRC,+BATQ,GASF,EATE;;AAUZL,sCAAUM,aAAV,CAAwBC,OAAxB,CAAgC,UAACC,SAAD,EAAa;AACzC,sCAAK1E,YAAL,CAAkByE,OAAlB,CAA0B,UAACE,SAAD,EAAa;AACnC,wCAAID,UAAUE,EAAV,KAAiBD,UAAUhE,EAA/B,EAAkC;AAC9B4D,4CAAIM,IAAJ,CAASH,SAAT;AACH;AACJ,iCAJD;AAKH,6BAND;;AAQAR,sCAAUM,aAAV,GAA0BD,GAA1B;AACAN,iDAAqBA,kBAAkBC,SAAlB,CAArB;AACAF,oCAAQA,MAAR;;AApBY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAnKG;;AAEf,cAAKnD,KAAL,GAAa;AACTD,uBAAW,CADF;AAETP,qBAAS,KAFA;AAGTgB,wBAAY,EAHH;AAITD,2BAAe,EAJN;AAKThB,6BAAiB,EALR,CAKW;AALX,SAAb;AAFe;AASlB;;;;4CACmB;AAChB,iBAAKH,aAAL,CAAmB,IAAnB;AACH;;;0CAiJgB;AACb,gBAAM6E,UAAU,KAAK9E,YAAL,CAAkBsB,GAAlB,CAAsB;AAAA,uBAAOyD,IAAIV,MAAJ,CAAWC,IAAlB;AAAA,aAAtB,CAAhB;AACA,gBAAMU,SAAS,kBAAQF,OAAR,CAAf;AACA,mBAAOE,OAAOC,IAAP,IAAe,CAAtB;AACH;;;iCAyBQ;AAAA,yBACwE,KAAKpE,KAD7E;AAAA,gBACGD,SADH,UACGA,SADH;AAAA,gBACc0C,SADd,UACcA,SADd;AAAA,gBACyBjC,UADzB,UACyBA,UADzB;AAAA,gBACqCD,aADrC,UACqCA,aADrC;AAAA,gBACoDhB,eADpD,UACoDA,eADpD;AAAA,yBAE2B,KAAKN,KAFhC;AAAA,gBAEGkE,IAFH,UAEGA,IAFH;AAAA,0CAES1D,SAFT;AAAA,gBAESA,SAFT,oCAEmB,EAFnB;;AAGL,mBACI;AAAA;AAAA,kBAAK,WAAU,gBAAf;AACI;AAAA;AAAA,sBAAK,WAAU,YAAf;AACI;AAAA;AAAA,0BAAK,WAAU,aAAf;AACI;AAAA;AAAA;AAAA;AAAA,yBADJ;AACsB;AAAA;AAAA,8BAAM,WAAU,YAAhB,EAA6B,OAAOA,UAAU,CAAV,EAAaG,YAAjD;AAAgEH,sCAAU,CAAV,EAAaG,YAAb,IAA6B;AAA7F,yBADtB;AAEI;AAAA;AAAA;AAAA;AAAA,yBAFJ;AAEsB;AAAA;AAAA;AAAOH,sCAAU,CAAV,EAAaI;AAApB;AAFtB;AADJ,iBADJ;AAOI;AAAA;AAAA,sBAAK,WAAU,cAAf;AACI;AACI,gCAAU;AAAA,mCAAUiC,OAAOhC,EAAjB;AAAA,yBADd;AAEI,iCAASU,UAFb;AAGI,oCAAYD,aAHhB;AAII,sCAAa,QAJjB;AAKI,iCAAS;AACL8D,sCAAU,KAAKrE,KAAL,CAAWR;AADhB,yBALb;AAQI,oCARJ;AASI,oCAAY,KAThB;AAUI,gCAAQ,EAAE8E,GAAG,GAAL,EAAUC,GAAG,sBAAb,EAVZ;AAWI,mCAAU,YAXd;AAYI,sCAAc;AACVhF,4DADU;AAEViF,mCAAO,IAFG;AAGVC,sCAAU,KAAK7B;AAHL;AAZlB;AADJ,iBAPJ;AA2BI;AAAA;AAAA,sBAAK,WAAU,eAAf;AACI;AAAA;AAAA;AACI,sDAAC,WAAD;AACI,mCAAOH,SADX;AAEI,0CAAc1C,YAAY,CAF9B;AAGI,sCAAU,KAAK2C,QAHnB;AAII,kCAAM,KAAKC;AAJf;AADJ,qBADJ;AASI;AAAA;AAAA;AACI;AAAA;AAAA,8BAAQ,SAASQ,IAAjB;AAAA;AAAA,yBADJ;AAEI;AAAA;AAAA,8BAAQ,MAAK,SAAb,EAAuB,SAAS,KAAKJ,aAArC;AAAA;AAAA;AAFJ;AATJ;AA3BJ,aADJ;AA4CH;;;EA9O+B2B,gBAAMC,S;;kBAArB3F,M","file":"pickup.js","sourcesContent":["import React from \"react\";\r\nimport './style.less';\r\nimport { Button, Table } from \"antd\";\r\nimport {Page, Ticon} from \"../../index\";\r\nimport billSearchApi from \"../billSearch/api\";\r\nimport _clonedeep from \"lodash/cloneDeep\";\r\nimport Message from \"../message\";\r\nimport tools from '../../util/tools';\r\n\r\nexport default class Pickup extends React.Component {\r\n\r\n    selectRetailCode = '';\r\n    selectedRows = [];\r\n\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            pageIndex: 0,\r\n            loading: false,\r\n            listColumn: [],\r\n            tableDataList: [],\r\n            selectedRowKeys: [],//控制选择行\r\n        }\r\n    }\r\n    componentDidMount() {\r\n        this.getPickupList(null);\r\n    }\r\n\r\n    getPickupList = async (status) => {\r\n\r\n        if (status){\r\n            this.setState({\r\n                selectedRowKeys: [],\r\n            });\r\n            this.selectRetailCode = '';\r\n            this.selectedRows = [];\r\n        }\r\n\r\n        this.setState({ loading: true });\r\n        const { buyerInfo=[]} = this.props;\r\n        const { data: { totalPage, designs, dtos: { DetailData, RetailDTO }  } } = await billSearchApi.searchWaitPickUpListPaging({\r\n            customerName: buyerInfo[0].customerName,\r\n            customerPhone: buyerInfo[0].customerPhone,\r\n            id: buyerInfo[0].id,\r\n            pageIndex: this.state.pageIndex,\r\n        });\r\n        this.RetailDTO = RetailDTO;\r\n        let tableDataList = _clonedeep(DetailData);\r\n\r\n        let listColumn = designs.map((v, index) => {\r\n            let obj = {\r\n                title: v.OriginalTitle,\r\n                dataIndex: v.FieldName,\r\n                key: v.FieldName,\r\n                width: v.Width || 100,\r\n                className: \"rowClassName\",\r\n                Precision: v.Precision,\r\n                IsFormat: v.IsFormat,\r\n                ellipsis: true,\r\n                IsShow: v.IsShow\r\n            }\r\n            if (v.Precision) {\r\n                obj.render = (text) => {\r\n                    let val = (text || text === 0) ? text : '';\r\n                    let renderText = billSearchApi.formatNumber(val, v.Precision);\r\n                    return <span>{renderText}</span>\r\n                }\r\n            }\r\n            if (v.FieldName == 'Code') {\r\n                obj.width = 250;\r\n                obj.render = (text, record) => {\r\n                    return <span>{record['Retail']['code']}</span>\r\n                }\r\n            }\r\n            if (v.FieldName == 'waitPickUpQty') {\r\n                this.index = index;\r\n                obj.align = 'center';\r\n            }\r\n            if (v.FieldName == 'inventoryCode' || v.FieldName == 'inventoryName'){\r\n                obj.render = (text, record) => {\r\n                    return <span>{record['inventoryDTO'][v.FieldName]}</span>\r\n                }\r\n            }\r\n            if (v.FieldName == 'batch'){\r\n                obj.render = (text, record) => {\r\n                    return <span>{record.lotNo}</span>\r\n                }\r\n            }\r\n            if (v.FieldName == 'productionDate'){\r\n                obj.render = (text, record) => {\r\n                    let renderText = tools.dateFormat(record.creationDate);\r\n                    return <span>{renderText}</span>\r\n                }\r\n            }\r\n            if (v.FieldName == 'expiryDate'){\r\n                obj.render = (text, record) => {\r\n                    let renderText = tools.dateFormat(record.expirationDate);\r\n                    return <span>{renderText}</span>\r\n                }\r\n            }\r\n            if (v.DtoName == 'UnitDTO'){\r\n                obj.render = (text, record) => {\r\n                    return <span>{record['unit']['name']}</span>\r\n                }\r\n            }\r\n            if (v.DtoName == 'StoreDTO'){\r\n                obj.render = (text, record) =>{\r\n                    return <span>{record['Retail']['storeId'][v.FieldName]}</span>\r\n                }\r\n            }\r\n            if (v.FieldName == 'deliveryWarehouseName'){\r\n                obj.render = (text, record) =>{\r\n                    return <span>{record['deliveryWarehouseId'][v.FieldName]}</span>\r\n                }\r\n            }\r\n            return obj;\r\n        });\r\n        if (listColumn && listColumn.length > 0) {\r\n            listColumn = listColumn.filter(o => o.IsShow == true);\r\n        }\r\n        this.setState({\r\n            tableDataList: tableDataList,\r\n            listColumn: listColumn,\r\n            TotalPage: totalPage,\r\n            loading: false,\r\n            pageIndex: status ? this.state.pageIndex : 0\r\n        })\r\n    }\r\n\r\n    previous = () => {\r\n        this.setState({\r\n            pageIndex: this.state.pageIndex - 1\r\n        }, () => {\r\n            this.getPickupList('pageChange');\r\n        })\r\n    }\r\n\r\n    next = () => {\r\n        this.setState({\r\n            pageIndex: this.state.pageIndex + 1\r\n        }, () => {\r\n            this.getPickupList('pageChange');\r\n        })\r\n    }\r\n\r\n    selectChange = (selectedRowKeys, selectedRows) => {\r\n        console.log('zlf是否调用这个onchange');\r\n        // let len = selectedRows.length\r\n        // if (len < 2){\r\n        //     this.setState({\r\n        //         selectedRowKeys,\r\n        //         selectedRows,\r\n        //         selectRetailCode: selectedRows[0] && selectedRows[0].Retail.code,\r\n        //     })\r\n        // } else {\r\n        //     if (selectedRows[len-2].Retail.code === selectedRows[len-1].Retail.code){\r\n        //         this.setState({\r\n        //             selectedRowKeys,\r\n        //             selectedRows\r\n        //         })\r\n        //     } else {\r\n        //         Message.warn('每次只能取同一个零售订单下的货')\r\n        //     }\r\n        // }\r\n\r\n        this.setState({\r\n            selectedRowKeys: selectedRowKeys,\r\n        })\r\n        this.selectedRows = selectedRows;\r\n    }\r\n\r\n    checkSameRetail(){\r\n        const codeArr = this.selectedRows.map(row => row.Retail.code);\r\n        const setArr = new Set(codeArr);\r\n        return setArr.size == 1;\r\n    }\r\n\r\n    confirmPickup = async () => {\r\n\r\n        if (this.state.selectedRowKeys.length < 1) return Message.warn('请选择取货商品行');\r\n        if (!this.checkSameRetail()){\r\n            return Message.warn('每次只能取同一个零售订单下的货');\r\n        }\r\n        const { hide, handleRefundEvent } = this.props;\r\n\r\n        let retailDTO = this.RetailDTO.find((obj)=>{return obj.Code === this.selectedRows[0].Retail.code}) || [];\r\n        let arr = [];\r\n        retailDTO.RetailDetails.forEach((detailObj)=>{\r\n            this.selectedRows.forEach((selectObj)=>{\r\n                if (detailObj.ID === selectObj.id){\r\n                    arr.push(detailObj);\r\n                }\r\n            })\r\n        })\r\n\r\n        retailDTO.RetailDetails = arr;\r\n        handleRefundEvent && handleRefundEvent(retailDTO);\r\n        hide && hide();\r\n    }\r\n\r\n    render() {\r\n        const { pageIndex, TotalPage, listColumn, tableDataList, selectedRowKeys } = this.state;\r\n        const { hide, buyerInfo=[], } = this.props;\r\n        return (\r\n            <div className=\"presale-pickup\">\r\n                <div className=\"pickup-top\">\r\n                    <div className=\"pickup-info\">\r\n                        <label>收货人</label><span className=\"buyer-name\" title={buyerInfo[0].customerName}>{buyerInfo[0].customerName || '--'}</span>\r\n                        <label>手机号</label><span>{buyerInfo[0].customerPhone}</span>\r\n                    </div>\r\n                </div>\r\n                <div className=\"pickup-table\">\r\n                    <Table\r\n                        rowKey = {record => record.id}\r\n                        columns={listColumn}\r\n                        dataSource={tableDataList}\r\n                        parentNodeId='parent'\r\n                        loading={{\r\n                            spinning: this.state.loading,\r\n                        }}\r\n                        sticky\r\n                        pagination={false}\r\n                        scroll={{ x: 900, y: \"calc(~'100% - 75px')\" }}\r\n                        className='bill-table'\r\n                        rowSelection={{\r\n                            selectedRowKeys,\r\n                            fixed: true,\r\n                            onChange: this.selectChange,\r\n                        }}\r\n                    />\r\n                </div>\r\n                <div className='pickup-footer'>\r\n                    <div>\r\n                        <Page\r\n                            total={TotalPage}\r\n                            currentIndex={pageIndex + 1}\r\n                            previous={this.previous}\r\n                            next={this.next}\r\n                        />\r\n                    </div>\r\n                    <div>\r\n                        <Button onClick={hide}>取消</Button>\r\n                        <Button type=\"primary\" onClick={this.confirmPickup}>取货</Button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}"]}
+{"version":3,"sources":["tplus-components-touch/components/presale/pickup.js"],"names":["Pickup","props","selectRetailCode","selectedRows","getPickupList","status","setState","selectedRowKeys","loading","buyerInfo","billSearchApi","searchWaitPickUpListPaging","customerName","customerPhone","id","pageIndex","state","data","totalPage","designs","dtos","DetailData","RetailDTO","tableDataList","listColumn","map","v","index","obj","title","OriginalTitle","dataIndex","FieldName","key","width","Width","className","Precision","IsFormat","ellipsis","IsShow","render","text","val","renderText","formatNumber","record","align","lotNo","tools","dateFormat","creationDate","expirationDate","DtoName","length","filter","o","TotalPage","previous","next","selectChange","console","log","confirmPickup","Message","warn","checkSameRetail","hide","handleRefundEvent","retailDTO","find","Code","Retail","code","arr","RetailDetails","forEach","detailObj","selectObj","ID","push","codeArr","row","setArr","size","spinning","x","y","fixed","onChange","React","Component"],"mappings":"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","file":"pickup.js","sourcesContent":["import React from \"react\";\nimport './style.less';\nimport { Button, Table } from \"antd\";\nimport {Page, Ticon} from \"../../index\";\nimport billSearchApi from \"../billSearch/api\";\nimport _clonedeep from \"lodash/cloneDeep\";\nimport Message from \"../message\";\nimport tools from '../../util/tools';\n\nexport default class Pickup extends React.Component {\n\n    selectRetailCode = '';\n    selectedRows = [];\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            pageIndex: 0,\n            loading: false,\n            listColumn: [],\n            tableDataList: [],\n            selectedRowKeys: [],//控制选择行\n        }\n    }\n    componentDidMount() {\n        this.getPickupList(null);\n    }\n\n    getPickupList = async (status) => {\n\n        if (status){\n            this.setState({\n                selectedRowKeys: [],\n            });\n            this.selectRetailCode = '';\n            this.selectedRows = [];\n        }\n\n        this.setState({ loading: true });\n        const { buyerInfo=[]} = this.props;\n        const { data: { totalPage, designs, dtos: { DetailData, RetailDTO }  } } = await billSearchApi.searchWaitPickUpListPaging({\n            customerName: buyerInfo[0].customerName,\n            customerPhone: buyerInfo[0].customerPhone,\n            id: buyerInfo[0].id,\n            pageIndex: this.state.pageIndex,\n        });\n        this.RetailDTO = RetailDTO;\n        let tableDataList = _clonedeep(DetailData);\n\n        let listColumn = designs.map((v, index) => {\n            let obj = {\n                title: v.OriginalTitle,\n                dataIndex: v.FieldName,\n                key: v.FieldName,\n                width: v.Width || 100,\n                className: \"rowClassName\",\n                Precision: v.Precision,\n                IsFormat: v.IsFormat,\n                ellipsis: true,\n                IsShow: v.IsShow\n            }\n            if (v.Precision) {\n                obj.render = (text) => {\n                    let val = (text || text === 0) ? text : '';\n                    let renderText = billSearchApi.formatNumber(val, v.Precision);\n                    return <span>{renderText}</span>\n                }\n            }\n            if (v.FieldName == 'Code') {\n                obj.width = 250;\n                obj.render = (text, record) => {\n                    return <span>{record['Retail']['code']}</span>\n                }\n            }\n            if (v.FieldName == 'waitPickUpQty') {\n                this.index = index;\n                obj.align = 'center';\n            }\n            if (v.FieldName == 'inventoryCode' || v.FieldName == 'inventoryName'){\n                obj.render = (text, record) => {\n                    return <span>{record['inventoryDTO'][v.FieldName]}</span>\n                }\n            }\n            if (v.FieldName == 'batch'){\n                obj.render = (text, record) => {\n                    return <span>{record.lotNo}</span>\n                }\n            }\n            if (v.FieldName == 'productionDate'){\n                obj.render = (text, record) => {\n                    let renderText = tools.dateFormat(record.creationDate);\n                    return <span>{renderText}</span>\n                }\n            }\n            if (v.FieldName == 'expiryDate'){\n                obj.render = (text, record) => {\n                    let renderText = tools.dateFormat(record.expirationDate);\n                    return <span>{renderText}</span>\n                }\n            }\n            if (v.DtoName == 'UnitDTO'){\n                obj.render = (text, record) => {\n                    return <span>{record['unit']['name']}</span>\n                }\n            }\n            if (v.DtoName == 'StoreDTO'){\n                obj.render = (text, record) =>{\n                    return <span>{record['Retail']['storeId'][v.FieldName]}</span>\n                }\n            }\n            if (v.FieldName == 'deliveryWarehouseName'){\n                obj.render = (text, record) =>{\n                    return <span>{record['deliveryWarehouseId'][v.FieldName]}</span>\n                }\n            }\n            return obj;\n        });\n        if (listColumn && listColumn.length > 0) {\n            listColumn = listColumn.filter(o => o.IsShow == true);\n        }\n        this.setState({\n            tableDataList: tableDataList,\n            listColumn: listColumn,\n            TotalPage: totalPage,\n            loading: false,\n            pageIndex: status ? this.state.pageIndex : 0\n        })\n    }\n\n    previous = () => {\n        this.setState({\n            pageIndex: this.state.pageIndex - 1\n        }, () => {\n            this.getPickupList('pageChange');\n        })\n    }\n\n    next = () => {\n        this.setState({\n            pageIndex: this.state.pageIndex + 1\n        }, () => {\n            this.getPickupList('pageChange');\n        })\n    }\n\n    selectChange = (selectedRowKeys, selectedRows) => {\n        console.log('zlf是否调用这个onchange');\n        // let len = selectedRows.length\n        // if (len < 2){\n        //     this.setState({\n        //         selectedRowKeys,\n        //         selectedRows,\n        //         selectRetailCode: selectedRows[0] && selectedRows[0].Retail.code,\n        //     })\n        // } else {\n        //     if (selectedRows[len-2].Retail.code === selectedRows[len-1].Retail.code){\n        //         this.setState({\n        //             selectedRowKeys,\n        //             selectedRows\n        //         })\n        //     } else {\n        //         Message.warn('每次只能取同一个零售订单下的货')\n        //     }\n        // }\n\n        this.setState({\n            selectedRowKeys: selectedRowKeys,\n        })\n        this.selectedRows = selectedRows;\n    }\n\n    checkSameRetail(){\n        const codeArr = this.selectedRows.map(row => row.Retail.code);\n        const setArr = new Set(codeArr);\n        return setArr.size == 1;\n    }\n\n    confirmPickup = async () => {\n\n        if (this.state.selectedRowKeys.length < 1) return Message.warn('请选择取货商品行');\n        if (!this.checkSameRetail()){\n            return Message.warn('每次只能取同一个零售订单下的货');\n        }\n        const { hide, handleRefundEvent } = this.props;\n\n        let retailDTO = this.RetailDTO.find((obj)=>{return obj.Code === this.selectedRows[0].Retail.code}) || [];\n        let arr = [];\n        retailDTO.RetailDetails.forEach((detailObj)=>{\n            this.selectedRows.forEach((selectObj)=>{\n                if (detailObj.ID === selectObj.id){\n                    arr.push(detailObj);\n                }\n            })\n        })\n\n        retailDTO.RetailDetails = arr;\n        handleRefundEvent && handleRefundEvent(retailDTO);\n        hide && hide();\n    }\n\n    render() {\n        const { pageIndex, TotalPage, listColumn, tableDataList, selectedRowKeys } = this.state;\n        const { hide, buyerInfo=[], } = this.props;\n        return (\n            <div className=\"presale-pickup\">\n                <div className=\"pickup-top\">\n                    <div className=\"pickup-info\">\n                        <label>收货人</label><span className=\"buyer-name\" title={buyerInfo[0].customerName}>{buyerInfo[0].customerName || '--'}</span>\n                        <label>手机号</label><span>{buyerInfo[0].customerPhone}</span>\n                    </div>\n                </div>\n                <div className=\"pickup-table\">\n                    <Table\n                        rowKey = {record => record.id}\n                        columns={listColumn}\n                        dataSource={tableDataList}\n                        parentNodeId='parent'\n                        loading={{\n                            spinning: this.state.loading,\n                        }}\n                        sticky\n                        pagination={false}\n                        scroll={{ x: 900, y: \"calc(~'100% - 75px')\" }}\n                        className='bill-table'\n                        rowSelection={{\n                            selectedRowKeys,\n                            fixed: true,\n                            onChange: this.selectChange,\n                        }}\n                    />\n                </div>\n                <div className='pickup-footer'>\n                    <div>\n                        <Page\n                            total={TotalPage}\n                            currentIndex={pageIndex + 1}\n                            previous={this.previous}\n                            next={this.next}\n                        />\n                    </div>\n                    <div>\n                        <Button onClick={hide}>取消</Button>\n                        <Button type=\"primary\" onClick={this.confirmPickup}>取货</Button>\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}"]}

package/dist/components/presale/style.less

@@ -1,59 +1,59 @@
-.pickup{
-  padding: 30px 16px 75px;
-  .presale-pickup{
-    height: 100%;
-    .pickup-top{
-      margin-bottom: 22px;
-      .pickup-info {
-        margin-left: 22px;
-        margin-bottom: 20px;
-        color: #000000;
-        label{
-          margin-right: 5px;
-          vertical-align: middle;
-          color: #666666;
-        }
-        .buyer-name{
-          width: 400px;
-          display: inline-block;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-        span{
-          margin-right: 100px;
-          vertical-align: middle;
-        }
-      }
-    }
-    .pickup-qty{
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      .iconKey{
-        height: 50px;
-        line-height: 50px;
-        font-size: 20px;
-        cursor: pointer;
-      }
-    }
-  }
-
-  .pickup-footer{
-    display: flex;
-    align-items: baseline;
-    justify-content: space-between;
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    width: 100%;
-    padding: 5px 20px;
-    z-index: 2;
-    background: #fff;
-    text-align: right;
-    border-top: 1px solid #EBEBEB;
-    button:last-child{
-      margin-left: 20px;
-    }
-  }
+.pickup{
+  padding: 30px 16px 75px;
+  .presale-pickup{
+    height: 100%;
+    .pickup-top{
+      margin-bottom: 22px;
+      .pickup-info {
+        margin-left: 22px;
+        margin-bottom: 20px;
+        color: #000000;
+        label{
+          margin-right: 5px;
+          vertical-align: middle;
+          color: #666666;
+        }
+        .buyer-name{
+          width: 400px;
+          display: inline-block;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+        span{
+          margin-right: 100px;
+          vertical-align: middle;
+        }
+      }
+    }
+    .pickup-qty{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .iconKey{
+        height: 50px;
+        line-height: 50px;
+        font-size: 20px;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .pickup-footer{
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    width: 100%;
+    padding: 5px 20px;
+    z-index: 2;
+    background: #fff;
+    text-align: right;
+    border-top: 1px solid #EBEBEB;
+    button:last-child{
+      margin-left: 20px;
+    }
+  }
 }

package/dist/components/product/detail.js

@@ -13,13 +13,13 @@ var _index = require('../../index');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/*
- * @Descripttion: 
- * @version: 
- * @Author: chenlongad
- * @Date: 2021-05-12 14:40:26
- * @LastEditors: chenlongad
- * @LastEditTime: 2021-07-06 15:36:02
+/*
+ * @Descripttion: 
+ * @version: 
+ * @Author: chenlongad
+ * @Date: 2021-05-12 14:40:26
+ * @LastEditors: chenlongad
+ * @LastEditTime: 2021-07-06 15:36:02
  */
 var defaultImgURL = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI+CiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8+CiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8+CiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+CiAgPC9nPgo8L3N2Zz4K';
 

package/dist/components/product/detail.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/product/detail.js"],"names":["defaultImgURL","formatNumber","number","length","undefined","parseInt","indexOf","substring","item","click","type","configure","img","name","code","price","pricePrecision","imgSuffix","small","middle","big","imgUrl","ImageFile","split","defaultDom","document","createElement","style","background","dom","e","currentTarget","children","isDefault","clientX","clientY","Id","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","Name","Code","specification","Specification","ExchangeIntegral","PriceHeader","RetailPrice","Price"],"mappings":"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","file":"detail.js","sourcesContent":["/*\r\n * @Descripttion: \r\n * @version: \r\n * @Author: chenlongad\r\n * @Date: 2021-05-12 14:40:26\r\n * @LastEditors: chenlongad\r\n * @LastEditTime: 2021-07-06 15:36:02\r\n */\r\nimport React from 'react';\r\nimport { Ticon } from '../../index';\r\n\r\nlet defaultImgURL = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI+CiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8+CiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8+CiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+CiAgPC9nPgo8L3N2Zz4K';\r\n\r\nexport const formatNumber = function(number, length) {\r\n  if (number === '' || number === undefined || number === null) {\r\n    number = 0;\r\n  }\r\n  number += '';\r\n  if (length == 0) {\r\n    return parseInt(number);\r\n  }\r\n  if (number.indexOf('.') > 0) {\r\n    number += '0000000000';\r\n  } else {\r\n    number += '.0000000000'\r\n  }\r\n  return number.substring(0,number.indexOf(\".\") + +length + 1)\r\n}\r\n\r\n\r\nexport default ({item, click, type = 'small', configure = {img: true, name: true, code: true, price: true}, pricePrecision}) => {\r\n  let imgSuffix = {\r\n    small: '?x-oss-process=image/resize,l_76',\r\n    middle: '?x-oss-process=image/resize,l_96',\r\n    big: '?x-oss-process=image/resize,l_150'\r\n  }\r\n  click = click || (() => {})\r\n  let imgUrl = item.ImageFile || '';\r\n\r\n  imgUrl = imgUrl.split(';')[0] ? imgUrl.split(';')[0] : '';\r\n\r\n  let defaultDom = document.createElement(\"div\");\r\n  defaultDom.style.background = \"#FF595E\";\r\n  return (\r\n    <div className={`detail ${'detail-' + type}`} onClick={e => {\r\n      let dom = imgUrl ? e.currentTarget.children[0] : defaultDom;\r\n      let isDefault = imgUrl ? false : true;\r\n      click(item, e.clientX, e.clientY, dom, isDefault)\r\n    }} key={item.Id}>\r\n      {\r\n        configure.img\r\n          ?\r\n          imgUrl ?\r\n             <div className='detail-img' style={{backgroundImage: 'url('+imgUrl + imgSuffix[type] +')',\r\n                                                backgroundSize: 'contain',\r\n                                                backgroundPosition: 'center',\r\n                                                backgroundRepeat: 'no-repeat'}}></div>\r\n              : <div className='detail-img'><Ticon type='tupian' className='default-img' /></div>\r\n          : null\r\n      }\r\n      <div className={`${configure.img ? '' : 'detail-content-box'}`}>\r\n\r\n        {\r\n          configure.name\r\n            ? <div className={`detail-name text-2line-overflow ${configure.img ? 'marginTop10': ''}`} >{item.Name}</div>\r\n            : null\r\n        }\r\n        {\r\n          configure.code\r\n            ? <div className='detail-code text-1line-overflow' >{item.Code}</div>\r\n            : null\r\n        }\r\n        {\r\n          configure.specification\r\n          ? <div className={`detail-specification ${type == 'big' ? 'text-1line-overflow detail-specification-big' : 'text-2line-overflow detail-specification-small'}   ${configure.img ? 'detail-specification-withimg' : ''}`} >{item.Specification}</div>\r\n          : null\r\n        }\r\n        {\r\n          configure.price\r\n            ? <div className='detail-price text-1line-overflow' >\r\n                <span className=\"exchangeIntegral\">\r\n                { item.ExchangeIntegral && (item.ExchangeIntegral + \"积分\")}\r\n                </span>\r\n                <span className=\"price\">\r\n                  <PriceHeader item ={item}/>\r\n                  <Price item ={item} pricePrecision = {pricePrecision}/>\r\n                </span>\r\n            </div>\r\n            : null\r\n        }\r\n      </div>\r\n\r\n    </div>\r\n  )\r\n}\r\n\r\n// 计算积分兑换并且兑换价不为0 展示+￥\r\nconst PriceHeader = ({item}) => {\r\n  return (item.ExchangeIntegral && item.RetailPrice && <span><i>+</i><i>￥</i></span>) || null\r\n}\r\n\r\n// 积分兑换 兑换价不为0展示钱 如果为0则不展示 普通订单正常展示\r\nconst Price = ({item,pricePrecision}) => {\r\n  return (\r\n    <span>\r\n      {\r\n        (item.ExchangeIntegral && item.RetailPrice || ! item.ExchangeIntegral)?( pricePrecision && item.RetailPrice ?\r\n          formatNumber(item.RetailPrice, pricePrecision)\r\n          :\r\n          item.RetailPrice):null\r\n      }\r\n    </span>\r\n  )\r\n}"]}
+{"version":3,"sources":["tplus-components-touch/components/product/detail.js"],"names":["defaultImgURL","formatNumber","number","length","undefined","parseInt","indexOf","substring","item","click","type","configure","img","name","code","price","pricePrecision","imgSuffix","small","middle","big","imgUrl","ImageFile","split","defaultDom","document","createElement","style","background","dom","e","currentTarget","children","isDefault","clientX","clientY","Id","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","Name","Code","specification","Specification","ExchangeIntegral","PriceHeader","RetailPrice","Price"],"mappings":";;;;;;;AAQA;;;;AACA;;;;AATA;;;;;;;;AAWA,IAAIA,gBAAgB,ogBAApB;;AAEO,IAAMC,sCAAe,SAAfA,YAAe,CAASC,MAAT,EAAiBC,MAAjB,EAAyB;AACnD,MAAID,WAAW,EAAX,IAAiBA,WAAWE,SAA5B,IAAyCF,WAAW,IAAxD,EAA8D;AAC5DA,aAAS,CAAT;AACD;AACDA,YAAU,EAAV;AACA,MAAIC,UAAU,CAAd,EAAiB;AACf,WAAOE,SAASH,MAAT,CAAP;AACD;AACD,MAAIA,OAAOI,OAAP,CAAe,GAAf,IAAsB,CAA1B,EAA6B;AAC3BJ,cAAU,YAAV;AACD,GAFD,MAEO;AACLA,cAAU,aAAV;AACD;AACD,SAAOA,OAAOK,SAAP,CAAiB,CAAjB,EAAmBL,OAAOI,OAAP,CAAe,GAAf,IAAsB,CAACH,MAAvB,GAAgC,CAAnD,CAAP;AACD,CAdM;;kBAiBQ,gBAAiH;AAAA,MAA/GK,IAA+G,QAA/GA,IAA+G;AAAA,MAAzGC,KAAyG,QAAzGA,KAAyG;AAAA,uBAAlGC,IAAkG;AAAA,MAAlGA,IAAkG,6BAA3F,OAA2F;AAAA,4BAAlFC,SAAkF;AAAA,MAAlFA,SAAkF,kCAAtE,EAACC,KAAK,IAAN,EAAYC,MAAM,IAAlB,EAAwBC,MAAM,IAA9B,EAAoCC,OAAO,IAA3C,EAAsE;AAAA,MAApBC,cAAoB,QAApBA,cAAoB;;AAC9H,MAAIC,YAAY;AACdC,WAAO,kCADO;AAEdC,YAAQ,kCAFM;AAGdC,SAAK;AAHS,GAAhB;AAKAX,UAAQA,SAAU,YAAM,CAAE,CAA1B;AACA,MAAIY,SAASb,KAAKc,SAAL,IAAkB,EAA/B;;AAEAD,WAASA,OAAOE,KAAP,CAAa,GAAb,EAAkB,CAAlB,IAAuBF,OAAOE,KAAP,CAAa,GAAb,EAAkB,CAAlB,CAAvB,GAA8C,EAAvD;;AAEA,MAAIC,aAAaC,SAASC,aAAT,CAAuB,KAAvB,CAAjB;AACAF,aAAWG,KAAX,CAAiBC,UAAjB,GAA8B,SAA9B;AACA,SACE;AAAA;AAAA,MAAK,wBAAqB,YAAYlB,IAAjC,CAAL,EAA8C,SAAS,oBAAK;AAC1D,YAAImB,MAAMR,SAASS,EAAEC,aAAF,CAAgBC,QAAhB,CAAyB,CAAzB,CAAT,GAAuCR,UAAjD;AACA,YAAIS,YAAYZ,SAAS,KAAT,GAAiB,IAAjC;AACAZ,cAAMD,IAAN,EAAYsB,EAAEI,OAAd,EAAuBJ,EAAEK,OAAzB,EAAkCN,GAAlC,EAAuCI,SAAvC;AACD,OAJD,EAIG,KAAKzB,KAAK4B,EAJb;AAMIzB,cAAUC,GAAV,GAEES,SACG,uCAAK,WAAU,YAAf,EAA4B,OAAO,EAACgB,iBAAiB,SAAOhB,MAAP,GAAgBJ,UAAUP,IAAV,CAAhB,GAAiC,GAAnD;AACA4B,wBAAgB,SADhB;AAEAC,4BAAoB,QAFpB;AAGAC,0BAAkB,WAHlB,EAAnC,GADH,GAKM;AAAA;AAAA,QAAK,WAAU,YAAf;AAA4B,oCAAC,YAAD,IAAO,MAAK,QAAZ,EAAqB,WAAU,aAA/B;AAA5B,KAPR,GAQI,IAdR;AAgBE;AAAA;AAAA,QAAK,iBAAc7B,UAAUC,GAAV,GAAgB,EAAhB,GAAqB,oBAAnC,CAAL;AAGID,gBAAUE,IAAV,GACI;AAAA;AAAA,UAAK,iDAA8CF,UAAUC,GAAV,GAAgB,aAAhB,GAA+B,EAA7E,CAAL;AAA0FJ,aAAKiC;AAA/F,OADJ,GAEI,IALR;AAQI9B,gBAAUG,IAAV,GACI;AAAA;AAAA,UAAK,WAAU,iCAAf;AAAmDN,aAAKkC;AAAxD,OADJ,GAEI,IAVR;AAaI/B,gBAAUgC,aAAV,GACE;AAAA;AAAA,UAAK,sCAAmCjC,QAAQ,KAAR,GAAgB,8CAAhB,GAAiE,gDAApG,aAA0JC,UAAUC,GAAV,GAAgB,8BAAhB,GAAiD,EAA3M,CAAL;AAAwNJ,aAAKoC;AAA7N,OADF,GAEE,IAfN;AAkBIjC,gBAAUI,KAAV,GACI;AAAA;AAAA,UAAK,WAAU,kCAAf;AACE;AAAA;AAAA,YAAM,WAAU,kBAAhB;AACEP,eAAKqC,gBAAL,IAA0BrC,KAAKqC,gBAAL,GAAwB;AADpD,SADF;AAIE;AAAA;AAAA,YAAM,WAAU,OAAhB;AACE,wCAAC,WAAD,IAAa,MAAOrC,IAApB,GADF;AAEE,wCAAC,KAAD,IAAO,MAAOA,IAAd,EAAoB,gBAAkBQ,cAAtC;AAFF;AAJF,OADJ,GAUI;AA5BR;AAhBF,GADF;AAmDD,C;;AAED;;;AACA,IAAM8B,cAAc,SAAdA,WAAc,QAAY;AAAA,MAAVtC,IAAU,SAAVA,IAAU;;AAC9B,SAAQA,KAAKqC,gBAAL,IAAyBrC,KAAKuC,WAA9B,IAA6C;AAAA;AAAA;AAAM;AAAA;AAAA;AAAA;AAAA,KAAN;AAAc;AAAA;AAAA;AAAA;AAAA;AAAd,GAA9C,IAAgF,IAAvF;AACD,CAFD;;AAIA;AACA,IAAMC,QAAQ,SAARA,KAAQ,QAA2B;AAAA,MAAzBxC,IAAyB,SAAzBA,IAAyB;AAAA,MAApBQ,cAAoB,SAApBA,cAAoB;;AACvC,SACE;AAAA;AAAA;AAEKR,SAAKqC,gBAAL,IAAyBrC,KAAKuC,WAA9B,IAA6C,CAAEvC,KAAKqC,gBAArD,GAAyE7B,kBAAkBR,KAAKuC,WAAvB,GACvE9C,aAAaO,KAAKuC,WAAlB,EAA+B/B,cAA/B,CADuE,GAGvER,KAAKuC,WAHP,GAGoB;AALxB,GADF;AAUD,CAXD","file":"detail.js","sourcesContent":["/*\n * @Descripttion: \n * @version: \n * @Author: chenlongad\n * @Date: 2021-05-12 14:40:26\n * @LastEditors: chenlongad\n * @LastEditTime: 2021-07-06 15:36:02\n */\nimport React from 'react';\nimport { Ticon } from '../../index';\n\nlet defaultImgURL = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI+CiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8+CiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8+CiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+CiAgPC9nPgo8L3N2Zz4K';\n\nexport const formatNumber = function(number, length) {\n  if (number === '' || number === undefined || number === null) {\n    number = 0;\n  }\n  number += '';\n  if (length == 0) {\n    return parseInt(number);\n  }\n  if (number.indexOf('.') > 0) {\n    number += '0000000000';\n  } else {\n    number += '.0000000000'\n  }\n  return number.substring(0,number.indexOf(\".\") + +length + 1)\n}\n\n\nexport default ({item, click, type = 'small', configure = {img: true, name: true, code: true, price: true}, pricePrecision}) => {\n  let imgSuffix = {\n    small: '?x-oss-process=image/resize,l_76',\n    middle: '?x-oss-process=image/resize,l_96',\n    big: '?x-oss-process=image/resize,l_150'\n  }\n  click = click || (() => {})\n  let imgUrl = item.ImageFile || '';\n\n  imgUrl = imgUrl.split(';')[0] ? imgUrl.split(';')[0] : '';\n\n  let defaultDom = document.createElement(\"div\");\n  defaultDom.style.background = \"#FF595E\";\n  return (\n    <div className={`detail ${'detail-' + type}`} onClick={e => {\n      let dom = imgUrl ? e.currentTarget.children[0] : defaultDom;\n      let isDefault = imgUrl ? false : true;\n      click(item, e.clientX, e.clientY, dom, isDefault)\n    }} key={item.Id}>\n      {\n        configure.img\n          ?\n          imgUrl ?\n             <div className='detail-img' style={{backgroundImage: 'url('+imgUrl + imgSuffix[type] +')',\n                                                backgroundSize: 'contain',\n                                                backgroundPosition: 'center',\n                                                backgroundRepeat: 'no-repeat'}}></div>\n              : <div className='detail-img'><Ticon type='tupian' className='default-img' /></div>\n          : null\n      }\n      <div className={`${configure.img ? '' : 'detail-content-box'}`}>\n\n        {\n          configure.name\n            ? <div className={`detail-name text-2line-overflow ${configure.img ? 'marginTop10': ''}`} >{item.Name}</div>\n            : null\n        }\n        {\n          configure.code\n            ? <div className='detail-code text-1line-overflow' >{item.Code}</div>\n            : null\n        }\n        {\n          configure.specification\n          ? <div className={`detail-specification ${type == 'big' ? 'text-1line-overflow detail-specification-big' : 'text-2line-overflow detail-specification-small'}   ${configure.img ? 'detail-specification-withimg' : ''}`} >{item.Specification}</div>\n          : null\n        }\n        {\n          configure.price\n            ? <div className='detail-price text-1line-overflow' >\n                <span className=\"exchangeIntegral\">\n                { item.ExchangeIntegral && (item.ExchangeIntegral + \"积分\")}\n                </span>\n                <span className=\"price\">\n                  <PriceHeader item ={item}/>\n                  <Price item ={item} pricePrecision = {pricePrecision}/>\n                </span>\n            </div>\n            : null\n        }\n      </div>\n\n    </div>\n  )\n}\n\n// 计算积分兑换并且兑换价不为0 展示+￥\nconst PriceHeader = ({item}) => {\n  return (item.ExchangeIntegral && item.RetailPrice && <span><i>+</i><i>￥</i></span>) || null\n}\n\n// 积分兑换 兑换价不为0展示钱 如果为0则不展示 普通订单正常展示\nconst Price = ({item,pricePrecision}) => {\n  return (\n    <span>\n      {\n        (item.ExchangeIntegral && item.RetailPrice || ! item.ExchangeIntegral)?( pricePrecision && item.RetailPrice ?\n          formatNumber(item.RetailPrice, pricePrecision)\n          :\n          item.RetailPrice):null\n      }\n    </span>\n  )\n}"]}

package/dist/components/product/getCard.js

@@ -33,11 +33,11 @@ var _inherits2 = require('babel-runtime/helpers/inherits');
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _class, _temp; /**
-                    * list 商品列表，数组类型，格式为 [{imgUrl, Name, Code, RetailPrice, ID}]
-                    * CardList 组件外层需包裹一个className 为 'detail-content' 的div
-                    * maxEmpyt 商品一行最大的商品数量，默认为12
-                    *
+var _class, _temp; /**
+                    * list 商品列表，数组类型，格式为 [{imgUrl, Name, Code, RetailPrice, ID}]
+                    * CardList 组件外层需包裹一个className 为 'detail-content' 的div
+                    * maxEmpyt 商品一行最大的商品数量，默认为12
+                    *
                     */
 
 

package/dist/components/product/getCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/product/getCard.js"],"names":["size","small","middle","big","CardList","props","emptyElement","type","maxEmpyt","ceratEmptyEle","maxEmpytArray","length","fill","map","String","Math","random","substr","className","style","list","configure","img","code","name","price","click","pricePrecision","cardListRef","ref","item","index","Id","ID","Component","propTypes","PropTypes","string","object","number","array","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;;;;;AAMA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA,IAAMA,OAAO;AACXC,SAAO,IADI;AAEXC,UAAQ,KAFG;AAGXC,OAAK;AAHM,CAAb;;IAMqBC,Q;;;AAcnB,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA,0IACXA,KADW;;AAAA,UAFnBC,YAEmB,GAFJ,EAEI;AAAA,sBAEuB,MAAKD,KAF5B;AAAA,uCAEVE,IAFU;AAAA,QAEVA,IAFU,oCAEH,OAFG;AAAA,2CAEMC,QAFN;AAAA,QAEMA,QAFN,wCAEiB,EAFjB;;AAGjB,aAASC,aAAT,CAAuBF,IAAvB,EAA6B;AAC3B,UAAMG,gBAAgB,oBAAW,EAACC,QAAQH,QAAT,EAAX,EAA+BI,IAA/B,CAAoC,CAApC,CAAtB;AACA,aAAOF,cAAcG,GAAd,CAAkB;AAAA,eAAK,uCAAK,iBAAc,YAAYN,IAA1B,CAAL,EAAuC,KAAKO,OAAOC,KAAKC,MAAL,EAAP,EAAsBC,MAAtB,CAA6B,CAA7B,EAAgC,EAAhC,CAA5C,GAAL;AAAA,OAAlB,CAAP;AACD;;AAED,UAAKX,YAAL,GAAoBG,cAAcF,IAAd,CAApB;AARiB;AASlB;;;;6BAEQ;AAAA;;AAAA,mBAC8I,KAAKF,KADnJ;AAAA,oCACAa,SADA;AAAA,UACAA,SADA,oCACY,EADZ;AAAA,gCACgBC,KADhB;AAAA,UACgBA,KADhB,gCACwB,EADxB;AAAA,+BAC4BC,IAD5B;AAAA,UAC4BA,IAD5B,+BACmC,EADnC;AAAA,+BACuCb,IADvC;AAAA,UACuCA,IADvC,+BAC8C,OAD9C;AAAA,oCACuDc,SADvD;AAAA,UACuDA,SADvD,oCACmE,EAACC,KAAK,IAAN,EAAYC,MAAM,IAAlB,EAAwBC,MAAM,IAA9B,EAAoCC,OAAO,IAA3C,EADnE;AAAA,UACqHC,KADrH,UACqHA,KADrH;AAAA,UAC4HC,cAD5H,UAC4HA,cAD5H;;;AAGP,aAAQ;AAAA;AAAA;AACN,4CAAgCT,SAD1B;AAEN,iBAAOC,KAFD;AAGN,eAAK;AAAA,mBAAO,OAAKS,WAAL,GAAmBC,IAA1B;AAAA;AAHC;AAAA,mDAMDT,KAAKP,GAAL,CAAS,UAACiB,IAAD,EAAOC,KAAP;AAAA,iBACV,8BAAC,gBAAD;AACE,kBAAMD,IADR;AAEE,mBAAOJ,KAFT;AAGE,kBAAMnB,QAAQ,OAHhB;AAIE,uBAAWc,SAJb;AAKE,iBAAKS,KAAKE,EAAL,IAAWF,KAAKG,EAAhB,IAAsBF,KAL7B;AAME,4BAAgBJ;AANlB,YADU;AAAA,SAAT,CANC,oCAgBD,KAAKrB,YAhBJ;AAAA,OAAR;AAmBD;;;EA/CmC4B,gB,UAE7BC,S,GAAU;AACfjB,aAAWkB,oBAAUC,MADN;AAEflB,SAAMiB,oBAAUE,MAFD;AAGfjB,aAAUe,oBAAUE,MAHL;AAIf9B,YAAU4B,oBAAUG,MAJL;AAKfhC,QAAM6B,oBAAUC,MALD;AAMfjB,QAAMgB,oBAAUI,KAND;AAOfd,SAAOU,oBAAUK;AAPF,C;kBAFErC,Q","file":"getCard.js","sourcesContent":["/**\r\n * list 商品列表，数组类型，格式为 [{imgUrl, Name, Code, RetailPrice, ID}]\r\n * CardList 组件外层需包裹一个className 为 'detail-content' 的div\r\n * maxEmpyt 商品一行最大的商品数量，默认为12\r\n *\r\n */\r\nimport React, {Component} from 'react';\r\nimport PropTypes from 'prop-types'\r\nimport Card from './detail';\r\nimport './index.less';\r\n\r\nconst size = {\r\n  small: '96',\r\n  middle: '116',\r\n  big: '170'\r\n};\r\n\r\nexport default class CardList extends Component {\r\n\r\n  static propTypes={\r\n    className: PropTypes.string,\r\n    style:PropTypes.object,\r\n    configure:PropTypes.object,\r\n    maxEmpyt: PropTypes.number,\r\n    type: PropTypes.string,\r\n    list: PropTypes.array,\r\n    click: PropTypes.func\r\n  }\r\n\r\n  emptyElement = [];\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    const {type = 'small', maxEmpyt = 12} = this.props;\r\n    function ceratEmptyEle(type) {\r\n      const maxEmpytArray = Array.from({length: maxEmpyt}).fill(0);\r\n      return maxEmpytArray.map(v => <div className={`${'detail-' + type}`} key={String(Math.random()).substr(2, 10)}/>);\r\n    }\r\n\r\n    this.emptyElement = ceratEmptyEle(type);\r\n  }\r\n\r\n  render() {\r\n    const {className = '', style = {}, list = [], type = 'small', configure = {img: true, code: true, name: true, price: true}, click, pricePrecision} = this.props;\r\n\r\n    return (<div\r\n      className={`card-list-wrapper ${className}`}\r\n      style={style}\r\n      ref={ref => this.cardListRef = ref}\r\n    >\r\n      {[\r\n        ...list.map((item, index) =>\r\n          <Card\r\n            item={item}\r\n            click={click}\r\n            type={type || 'small'}\r\n            configure={configure}\r\n            key={item.Id || item.ID || index}\r\n            pricePrecision={pricePrecision}\r\n          />\r\n        ),\r\n        ...this.emptyElement\r\n      ]}\r\n    </div>);\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["tplus-components-touch/components/product/getCard.js"],"names":["size","small","middle","big","CardList","props","emptyElement","type","maxEmpyt","ceratEmptyEle","maxEmpytArray","length","fill","map","String","Math","random","substr","className","style","list","configure","img","code","name","price","click","pricePrecision","cardListRef","ref","item","index","Id","ID","Component","propTypes","PropTypes","string","object","number","array","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;;;;;AAMA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA,IAAMA,OAAO;AACXC,SAAO,IADI;AAEXC,UAAQ,KAFG;AAGXC,OAAK;AAHM,CAAb;;IAMqBC,Q;;;AAcnB,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA,0IACXA,KADW;;AAAA,UAFnBC,YAEmB,GAFJ,EAEI;AAAA,sBAEuB,MAAKD,KAF5B;AAAA,uCAEVE,IAFU;AAAA,QAEVA,IAFU,oCAEH,OAFG;AAAA,2CAEMC,QAFN;AAAA,QAEMA,QAFN,wCAEiB,EAFjB;;AAGjB,aAASC,aAAT,CAAuBF,IAAvB,EAA6B;AAC3B,UAAMG,gBAAgB,oBAAW,EAACC,QAAQH,QAAT,EAAX,EAA+BI,IAA/B,CAAoC,CAApC,CAAtB;AACA,aAAOF,cAAcG,GAAd,CAAkB;AAAA,eAAK,uCAAK,iBAAc,YAAYN,IAA1B,CAAL,EAAuC,KAAKO,OAAOC,KAAKC,MAAL,EAAP,EAAsBC,MAAtB,CAA6B,CAA7B,EAAgC,EAAhC,CAA5C,GAAL;AAAA,OAAlB,CAAP;AACD;;AAED,UAAKX,YAAL,GAAoBG,cAAcF,IAAd,CAApB;AARiB;AASlB;;;;6BAEQ;AAAA;;AAAA,mBAC8I,KAAKF,KADnJ;AAAA,oCACAa,SADA;AAAA,UACAA,SADA,oCACY,EADZ;AAAA,gCACgBC,KADhB;AAAA,UACgBA,KADhB,gCACwB,EADxB;AAAA,+BAC4BC,IAD5B;AAAA,UAC4BA,IAD5B,+BACmC,EADnC;AAAA,+BACuCb,IADvC;AAAA,UACuCA,IADvC,+BAC8C,OAD9C;AAAA,oCACuDc,SADvD;AAAA,UACuDA,SADvD,oCACmE,EAACC,KAAK,IAAN,EAAYC,MAAM,IAAlB,EAAwBC,MAAM,IAA9B,EAAoCC,OAAO,IAA3C,EADnE;AAAA,UACqHC,KADrH,UACqHA,KADrH;AAAA,UAC4HC,cAD5H,UAC4HA,cAD5H;;;AAGP,aAAQ;AAAA;AAAA;AACN,4CAAgCT,SAD1B;AAEN,iBAAOC,KAFD;AAGN,eAAK;AAAA,mBAAO,OAAKS,WAAL,GAAmBC,IAA1B;AAAA;AAHC;AAAA,mDAMDT,KAAKP,GAAL,CAAS,UAACiB,IAAD,EAAOC,KAAP;AAAA,iBACV,8BAAC,gBAAD;AACE,kBAAMD,IADR;AAEE,mBAAOJ,KAFT;AAGE,kBAAMnB,QAAQ,OAHhB;AAIE,uBAAWc,SAJb;AAKE,iBAAKS,KAAKE,EAAL,IAAWF,KAAKG,EAAhB,IAAsBF,KAL7B;AAME,4BAAgBJ;AANlB,YADU;AAAA,SAAT,CANC,oCAgBD,KAAKrB,YAhBJ;AAAA,OAAR;AAmBD;;;EA/CmC4B,gB,UAE7BC,S,GAAU;AACfjB,aAAWkB,oBAAUC,MADN;AAEflB,SAAMiB,oBAAUE,MAFD;AAGfjB,aAAUe,oBAAUE,MAHL;AAIf9B,YAAU4B,oBAAUG,MAJL;AAKfhC,QAAM6B,oBAAUC,MALD;AAMfjB,QAAMgB,oBAAUI,KAND;AAOfd,SAAOU,oBAAUK;AAPF,C;kBAFErC,Q","file":"getCard.js","sourcesContent":["/**\n * list 商品列表，数组类型，格式为 [{imgUrl, Name, Code, RetailPrice, ID}]\n * CardList 组件外层需包裹一个className 为 'detail-content' 的div\n * maxEmpyt 商品一行最大的商品数量，默认为12\n *\n */\nimport React, {Component} from 'react';\nimport PropTypes from 'prop-types'\nimport Card from './detail';\nimport './index.less';\n\nconst size = {\n  small: '96',\n  middle: '116',\n  big: '170'\n};\n\nexport default class CardList extends Component {\n\n  static propTypes={\n    className: PropTypes.string,\n    style:PropTypes.object,\n    configure:PropTypes.object,\n    maxEmpyt: PropTypes.number,\n    type: PropTypes.string,\n    list: PropTypes.array,\n    click: PropTypes.func\n  }\n\n  emptyElement = [];\n\n  constructor(props) {\n    super(props);\n    const {type = 'small', maxEmpyt = 12} = this.props;\n    function ceratEmptyEle(type) {\n      const maxEmpytArray = Array.from({length: maxEmpyt}).fill(0);\n      return maxEmpytArray.map(v => <div className={`${'detail-' + type}`} key={String(Math.random()).substr(2, 10)}/>);\n    }\n\n    this.emptyElement = ceratEmptyEle(type);\n  }\n\n  render() {\n    const {className = '', style = {}, list = [], type = 'small', configure = {img: true, code: true, name: true, price: true}, click, pricePrecision} = this.props;\n\n    return (<div\n      className={`card-list-wrapper ${className}`}\n      style={style}\n      ref={ref => this.cardListRef = ref}\n    >\n      {[\n        ...list.map((item, index) =>\n          <Card\n            item={item}\n            click={click}\n            type={type || 'small'}\n            configure={configure}\n            key={item.Id || item.ID || index}\n            pricePrecision={pricePrecision}\n          />\n        ),\n        ...this.emptyElement\n      ]}\n    </div>);\n  }\n}\n"]}