tplus-components-touch 3.26.7 → 3.27.3

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":["/**\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"]}
+{"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"]}

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';\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}"]}
+{"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}"]}

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;
+  }
 }