tplus-components-touch 1.25.8 → 1.25.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/README.md +16 -16
  2. package/dist/components/addLog/AddLogProcessor.js +6 -6
  3. package/dist/components/addLog/AddLogProcessor.js.map +1 -1
  4. package/dist/components/addLog/OperationLogApi.js +3 -3
  5. package/dist/components/addLog/OperationLogApi.js.map +1 -1
  6. package/dist/components/autoComplete/index.js +14 -14
  7. package/dist/components/autoComplete/index.js.map +1 -1
  8. package/dist/components/autoComplete/index.less +89 -89
  9. package/dist/components/autoComplete/option.js.map +1 -1
  10. package/dist/components/autoCompleteWithKeyboard/index.js +14 -14
  11. package/dist/components/autoCompleteWithKeyboard/index.js.map +1 -1
  12. package/dist/components/autoCompleteWithKeyboard/index.less +4 -4
  13. package/dist/components/billSearch/api.js +26 -26
  14. package/dist/components/billSearch/api.js.map +1 -1
  15. package/dist/components/billSearch/index.js +6 -6
  16. package/dist/components/billSearch/index.js.map +1 -1
  17. package/dist/components/billSearch/index.less +573 -573
  18. package/dist/components/cloudPrint/BTPrintFormatUtil.js +17 -17
  19. package/dist/components/cloudPrint/BTPrintFormatUtil.js.map +1 -1
  20. package/dist/components/cloudPrint/api.js.map +1 -1
  21. package/dist/components/cloudPrint/index.js +4 -0
  22. package/dist/components/cloudPrint/index.js.map +1 -1
  23. package/dist/components/cloudPrint/printDispatch.js +20 -21
  24. package/dist/components/cloudPrint/printDispatch.js.map +1 -1
  25. package/dist/components/commonForm/autoComplete/index.js.map +1 -1
  26. package/dist/components/commonForm/autoComplete/style.less +7 -7
  27. package/dist/components/commonForm/datePicker/index.js.map +1 -1
  28. package/dist/components/commonForm/datePicker/style.less +10 -10
  29. package/dist/components/commonForm/formControl/index.js +7 -7
  30. package/dist/components/commonForm/formControl/index.js.map +1 -1
  31. package/dist/components/commonForm/formControl/style.less +7 -7
  32. package/dist/components/commonForm/index.js +4 -4
  33. package/dist/components/commonForm/index.js.map +1 -1
  34. package/dist/components/commonForm/inputNumber/index.js.map +1 -1
  35. package/dist/components/commonForm/inputNumber/style.less +16 -16
  36. package/dist/components/commonForm/radio/index.js.map +1 -1
  37. package/dist/components/commonForm/radio/style.less +10 -10
  38. package/dist/components/commonForm/style.less +11 -11
  39. package/dist/components/deliverySearch/api.js +21 -21
  40. package/dist/components/deliverySearch/api.js.map +1 -1
  41. package/dist/components/deliverySearch/index.js +6 -6
  42. package/dist/components/deliverySearch/index.js.map +1 -1
  43. package/dist/components/deliverySearch/index.less +623 -623
  44. package/dist/components/form/index.js.map +1 -1
  45. package/dist/components/hotKey/config.js +23 -23
  46. package/dist/components/hotKey/config.js.map +1 -1
  47. package/dist/components/hotKey/hotKeyModal.js.map +1 -1
  48. package/dist/components/hotKey/index.js +26 -26
  49. package/dist/components/hotKey/index.js.map +1 -1
  50. package/dist/components/hotKey/localConfig.js.map +1 -1
  51. package/dist/components/hotKey/style.less +99 -99
  52. package/dist/components/hotKey/utils.js.map +1 -1
  53. package/dist/components/input/index.js +6 -6
  54. package/dist/components/input/index.js.map +1 -1
  55. package/dist/components/input/style.less +107 -107
  56. package/dist/components/input/tplusInput/index.js +30 -30
  57. package/dist/components/input/tplusInput/index.js.map +1 -1
  58. package/dist/components/input/tplusInput/inputContent.js.map +1 -1
  59. package/dist/components/input/tplusInput/inputs.js +7 -7
  60. package/dist/components/input/tplusInput/inputs.js.map +1 -1
  61. package/dist/components/input/tplusInput/style.less +194 -194
  62. package/dist/components/input/utils/index.js.map +1 -1
  63. package/dist/components/inventorySearch/api.js +58 -58
  64. package/dist/components/inventorySearch/api.js.map +1 -1
  65. package/dist/components/inventorySearch/index.js +3 -3
  66. package/dist/components/inventorySearch/index.js.map +1 -1
  67. package/dist/components/inventorySearch/index.less +243 -243
  68. package/dist/components/inventorySearch/store.js.map +1 -1
  69. package/dist/components/inventorySearch/tab.js.map +1 -1
  70. package/dist/components/keyboard/index.js.map +1 -1
  71. package/dist/components/keyboard/index.less +555 -555
  72. package/dist/components/keyboard/letterKeyboard.js +2 -2
  73. package/dist/components/keyboard/letterKeyboard.js.map +1 -1
  74. package/dist/components/keyboard/numKeyboard.js +4 -4
  75. package/dist/components/keyboard/numKeyboard.js.map +1 -1
  76. package/dist/components/keyboard/numKeyboardDigit.js +4 -4
  77. package/dist/components/keyboard/numKeyboardDigit.js.map +1 -1
  78. package/dist/components/keyboard/numKeyboardScan.js.map +1 -1
  79. package/dist/components/keyboard/numberButtonInteger.js +5 -5
  80. package/dist/components/keyboard/numberButtonInteger.js.map +1 -1
  81. package/dist/components/keyboard/numberButton_input.js +5 -5
  82. package/dist/components/keyboard/numberButton_input.js.map +1 -1
  83. package/dist/components/keyboard/onlyKeyboard.js +7 -7
  84. package/dist/components/keyboard/onlyKeyboard.js.map +1 -1
  85. package/dist/components/keyboard/onlyLetterButton.js +2 -2
  86. package/dist/components/keyboard/onlyLetterButton.js.map +1 -1
  87. package/dist/components/keyboard/onlyLetterButton2.js +2 -2
  88. package/dist/components/keyboard/onlyLetterButton2.js.map +1 -1
  89. package/dist/components/keyboard/onlyLetterButton2.less +183 -183
  90. package/dist/components/keyboard/onlyNumberButton.js +2 -2
  91. package/dist/components/keyboard/onlyNumberButton.js.map +1 -1
  92. package/dist/components/keyboard/onlyNumberButton2.js +3 -3
  93. package/dist/components/keyboard/onlyNumberButton2.js.map +1 -1
  94. package/dist/components/keyboard/textKeyboard.js.map +1 -1
  95. package/dist/components/layout/hamburger.js.map +1 -1
  96. package/dist/components/layout/index.js +10 -10
  97. package/dist/components/layout/index.js.map +1 -1
  98. package/dist/components/layout/layout.js.map +1 -1
  99. package/dist/components/layout/sider.js +12 -12
  100. package/dist/components/layout/sider.js.map +1 -1
  101. package/dist/components/layout/style.less +83 -83
  102. package/dist/components/loading/index.js +15 -15
  103. package/dist/components/loading/index.js.map +1 -1
  104. package/dist/components/loading/loadingContent.js.map +1 -1
  105. package/dist/components/loading/style.less +51 -51
  106. package/dist/components/loading/utils.js.map +1 -1
  107. package/dist/components/message/index.js +8 -8
  108. package/dist/components/message/index.js.map +1 -1
  109. package/dist/components/message/index.less +150 -150
  110. package/dist/components/modal/index.js.map +1 -1
  111. package/dist/components/modal/index.less +19 -19
  112. package/dist/components/modalVertical/style.less +114 -114
  113. package/dist/components/modalWraper/style.less +363 -363
  114. package/dist/components/modalWraper/utils.js.map +1 -1
  115. package/dist/components/notification/index.js +4 -4
  116. package/dist/components/notification/index.js.map +1 -1
  117. package/dist/components/notification/index.less +57 -57
  118. package/dist/components/overflowTip/index.js +15 -15
  119. package/dist/components/overflowTip/index.js.map +1 -1
  120. package/dist/components/overflowTip/style.less +66 -66
  121. package/dist/components/page/index.js.map +1 -1
  122. package/dist/components/page/index.less +25 -25
  123. package/dist/components/product/detail.js.map +1 -1
  124. package/dist/components/product/getCard.js +5 -5
  125. package/dist/components/product/getCard.js.map +1 -1
  126. package/dist/components/product/index.less +354 -354
  127. package/dist/components/progressState/EmptyAndErrorView.js.map +1 -1
  128. package/dist/components/progressState/ProgressState.js +10 -10
  129. package/dist/components/progressState/ProgressState.js.map +1 -1
  130. package/dist/components/progressState/index.js.map +1 -1
  131. package/dist/components/progressState/style.less +65 -65
  132. package/dist/components/scan/index.js.map +1 -1
  133. package/dist/components/scan/index.less +33 -33
  134. package/dist/components/select/index.js.map +1 -1
  135. package/dist/components/select/index.less +11 -11
  136. package/dist/components/settlement/asyncModal.js.map +1 -1
  137. package/dist/components/settlement/index.js.map +1 -1
  138. package/dist/components/settlement/settlement.js +5 -5
  139. package/dist/components/settlement/settlement.js.map +1 -1
  140. package/dist/components/settlement/settlement.less +1604 -1604
  141. package/dist/components/settlement/settlementStore.js +10 -10
  142. package/dist/components/settlement/settlementStore.js.map +1 -1
  143. package/dist/components/settlement/utils.js.map +1 -1
  144. package/dist/components/socket/index.js +11 -11
  145. package/dist/components/socket/index.js.map +1 -1
  146. package/dist/components/spin/index.js +6 -6
  147. package/dist/components/spin/index.js.map +1 -1
  148. package/dist/components/spin/spin-style.less +436 -436
  149. package/dist/components/test/index.js +3 -3
  150. package/dist/components/test/index.js.map +1 -1
  151. package/dist/components/ticon/iconfont/demo_index.html +4765 -4765
  152. package/dist/components/ticon/iconfont/iconfont.css +811 -811
  153. package/dist/components/ticon/iconfont/iconfont.svg +572 -572
  154. package/dist/components/ticon/index.js.map +1 -1
  155. package/dist/components/touchScroll/index.js +9 -9
  156. package/dist/components/touchScroll/index.js.map +1 -1
  157. package/dist/components/touchTable/AuthProcess.js.map +1 -1
  158. package/dist/components/touchTable/generateWater.js.map +1 -1
  159. package/dist/components/touchTable/index.js +9 -9
  160. package/dist/components/touchTable/index.js.map +1 -1
  161. package/dist/components/touchTable/index.less +189 -189
  162. package/dist/components/touchTable/utils.js.map +1 -1
  163. package/dist/demo/PopOverDemo.js.map +1 -1
  164. package/dist/index.js.map +1 -1
  165. package/dist/util/tools.js.map +1 -1
  166. package/locales/zh/tplus-components-touch.json +1 -1
  167. package/locales/zh-CN/tplus-components-touch.json +1 -1
  168. package/mocks/memberInfo.json +79 -79
  169. package/package.json +38 -38
  170. package/tsconfig.json +26 -26
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/layout/layout.js"],"names":["generatorClass","className","addClassName","join","trim","Layout","state","siders","directionChange","direction","props","siderHook","addSider","id","setState","removeSider","filter","currentId","style","children","hasSider","isHasSider","length","classes","Component","childContextTypes","PropTypes","object","propTypes","func","string","Content","Header","Footer"],"mappings":"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","file":"layout.js","sourcesContent":["import React, {Component} from 'react';\r\nimport PropTypes from 'prop-types'\r\nimport './style.less';\r\n\r\nfunction generatorClass(className, addClassName = '') {\r\n if (typeof addClassName === 'string') {\r\n return [className, addClassName].join(' ').trim();\r\n }\r\n return [className, ...addClassName].join(' ').trim();\r\n}\r\n\r\nexport default class Layout extends Component {\r\n static childContextTypes = {\r\n siderHook: PropTypes.object\r\n }\r\n static propTypes = {\r\n directionChange: PropTypes.func,\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n };\r\n getChildContext() {\r\n return {\r\n siderHook: {\r\n addSider: (id) => {\r\n this.setState(state => ({\r\n siders: [...state.siders, id],\r\n }), () => this.directionChange('row'));\r\n },\r\n removeSider: (id) => {\r\n this.setState(state => ({\r\n siders: state.siders.filter(currentId => currentId !== id),\r\n }), () => this.directionChange('column'));\r\n }\r\n }\r\n };\r\n }\r\n state = {\r\n siders: []\r\n }\r\n directionChange = (direction) => {\r\n const {directionChange} = this.props;\r\n directionChange && directionChange(direction);\r\n }\r\n render() {\r\n const {style, className, children, hasSider} = this.props;\r\n const isHasSider = typeof hasSider === 'boolean' ? hasSider : !!this.state.siders.length;\r\n const classes = generatorClass('tplus-layout', [`${isHasSider ? 'tplus-layout-has-sider' : ''}`, className]);\r\n return (<section className={classes} style={style}>{children}</section>);\r\n }\r\n}\r\n\r\nfunction Content(props) {\r\n const {style = {}, className, children} = props;\r\n const classes = generatorClass('tplus-layout-content', className);\r\n return (<main className={classes} style={style}>{children}</main>);\r\n}\r\n\r\nfunction Header(props) {\r\n const {style = {}, className, children} = props;\r\n const classes = generatorClass('tplus-layout-header', className);\r\n return (<header className={classes} style={style}>{children}</header>);\r\n}\r\n\r\nfunction Footer(props) {\r\n const {style = {}, className, children} = props;\r\n const classes = generatorClass('tplus-layout-footer', className);\r\n return (<footer className={classes} style={style}>{children}</footer>);\r\n}\r\n\r\nLayout.Header = Header;\r\nLayout.Footer = Footer;\r\nLayout.Content = Content;\r\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/layout/layout.js"],"names":["generatorClass","className","addClassName","join","trim","Layout","state","siders","directionChange","direction","props","siderHook","addSider","id","setState","removeSider","filter","currentId","style","children","hasSider","isHasSider","length","classes","Component","childContextTypes","PropTypes","object","propTypes","func","string","Content","Header","Footer"],"mappings":"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","file":"layout.js","sourcesContent":["import React, {Component} from 'react';\nimport PropTypes from 'prop-types'\nimport './style.less';\n\nfunction generatorClass(className, addClassName = '') {\n if (typeof addClassName === 'string') {\n return [className, addClassName].join(' ').trim();\n }\n return [className, ...addClassName].join(' ').trim();\n}\n\nexport default class Layout extends Component {\n static childContextTypes = {\n siderHook: PropTypes.object\n }\n static propTypes = {\n directionChange: PropTypes.func,\n style: PropTypes.object,\n className: PropTypes.string,\n };\n getChildContext() {\n return {\n siderHook: {\n addSider: (id) => {\n this.setState(state => ({\n siders: [...state.siders, id],\n }), () => this.directionChange('row'));\n },\n removeSider: (id) => {\n this.setState(state => ({\n siders: state.siders.filter(currentId => currentId !== id),\n }), () => this.directionChange('column'));\n }\n }\n };\n }\n state = {\n siders: []\n }\n directionChange = (direction) => {\n const {directionChange} = this.props;\n directionChange && directionChange(direction);\n }\n render() {\n const {style, className, children, hasSider} = this.props;\n const isHasSider = typeof hasSider === 'boolean' ? hasSider : !!this.state.siders.length;\n const classes = generatorClass('tplus-layout', [`${isHasSider ? 'tplus-layout-has-sider' : ''}`, className]);\n return (<section className={classes} style={style}>{children}</section>);\n }\n}\n\nfunction Content(props) {\n const {style = {}, className, children} = props;\n const classes = generatorClass('tplus-layout-content', className);\n return (<main className={classes} style={style}>{children}</main>);\n}\n\nfunction Header(props) {\n const {style = {}, className, children} = props;\n const classes = generatorClass('tplus-layout-header', className);\n return (<header className={classes} style={style}>{children}</header>);\n}\n\nfunction Footer(props) {\n const {style = {}, className, children} = props;\n const classes = generatorClass('tplus-layout-footer', className);\n return (<footer className={classes} style={style}>{children}</footer>);\n}\n\nLayout.Header = Header;\nLayout.Footer = Footer;\nLayout.Content = Content;\n"]}
@@ -29,19 +29,19 @@ var _inherits2 = require('babel-runtime/helpers/inherits');
29
29
 
30
30
  var _inherits3 = _interopRequireDefault(_inherits2);
31
31
 
32
- var _class, _temp; /**
33
- * Created by hzy on 2019/4/17.
32
+ var _class, _temp; /**
33
+ * Created by hzy on 2019/4/17.
34
34
  */
35
- /**
36
- * @className sider class名
37
- * @style style
38
- * @collapsible 是否可收起
39
- * @collapsed 是否折叠状态
40
- * @onCollapse 监听折叠事件
41
- * @trigger trigger Node
42
- * @triggerStyle 默认trigger Node 样式
43
- * @width 折叠展开宽度
44
- * @collapsedWidth 折叠关闭时的宽度
35
+ /**
36
+ * @className sider class名
37
+ * @style style
38
+ * @collapsible 是否可收起
39
+ * @collapsed 是否折叠状态
40
+ * @onCollapse 监听折叠事件
41
+ * @trigger trigger Node
42
+ * @triggerStyle 默认trigger Node 样式
43
+ * @width 折叠展开宽度
44
+ * @collapsedWidth 折叠关闭时的宽度
45
45
  */
46
46
 
47
47
 
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/layout/sider.js"],"names":["Sider","props","toggleSider","siderState","state","onCollapse","setState","id","Date","now","collapsed","context","siderHook","addSider","removeSider","className","collapsedWidth","width","collapsible","trigger","style","children","triggerStyle","toggleAnimate","asideWidth","triggerNode","flex","maxWidth","minWidth","Component","contextTypes","PropTypes","object","defaultProps","propTypes","bool","any","func","number","string"],"mappings":"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","file":"sider.js","sourcesContent":["/**\r\n * Created by hzy on 2019/4/17.\r\n */\r\n/**\r\n * @className sider class名\r\n * @style style\r\n * @collapsible 是否可收起\r\n * @collapsed 是否折叠状态\r\n * @onCollapse 监听折叠事件\r\n * @trigger trigger Node\r\n * @triggerStyle 默认trigger Node 样式\r\n * @width 折叠展开宽度\r\n * @collapsedWidth 折叠关闭时的宽度\r\n */\r\nimport React, {Component} from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Hamburger from './hamburger';\r\nimport './style.less';\r\n\r\nexport default class Sider extends Component {\r\n static contextTypes = {\r\n siderHook: PropTypes.object\r\n }\r\n static defaultProps = {\r\n collapsible: false,\r\n collapsed: false\r\n }\r\n static propTypes = {\r\n collapsible: PropTypes.bool,\r\n collapsed: PropTypes.bool,\r\n style: PropTypes.object,\r\n triggerStyle: PropTypes.object,\r\n trigger: PropTypes.any,\r\n onCollapse: PropTypes.func,\r\n width: PropTypes.number,\r\n collapsedWidth: PropTypes.number,\r\n className: PropTypes.string,\r\n };\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n id: Date.now(),\r\n siderState: this.props.collapsed\r\n };\r\n }\r\n componentDidMount() {\r\n const {siderHook: {addSider} = {}} = this.context;\r\n addSider(this.state.id);\r\n }\r\n componentWillMount() {\r\n const {siderHook: {removeSider} = {}} = this.context;\r\n removeSider(this.state.id);\r\n }\r\n toggleSider = () => {\r\n const {siderState} = this.state;\r\n const {onCollapse} = this.props;\r\n this.setState({siderState: !siderState});\r\n onCollapse && onCollapse(!siderState);\r\n }\r\n render() {\r\n const {className, collapsedWidth = 100, width = 200, collapsed, onCollapse, collapsible, trigger, style = {}, children, triggerStyle = {}, toggleAnimate} = this.props;\r\n const {siderState} = this.state;\r\n const asideWidth = (siderState ? collapsedWidth : width) + 'px';\r\n const triggerNode = trigger || <Hamburger close={siderState} toggleAnimate={toggleAnimate} style={triggerStyle} />;\r\n return (<aside\r\n className={`tplus-layout-sider _tplus-animation-ease_ ${collapsed ? 'tplus-sider-collapsed' : ''} ${className}`}\r\n style={{flex: `0 0 ${asideWidth}`, maxWidth: asideWidth, minWidth: asideWidth, width: asideWidth, ...style}}\r\n >\r\n <div className='tplus-layout-sider-children'>{children}</div>\r\n {collapsible && <div onClick={this.toggleSider} className='tplus-sider-trigger _tplus-animation-ease_' style={{width: asideWidth}}>\r\n {triggerNode}\r\n </div>}\r\n </aside>);\r\n }\r\n}\r\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/layout/sider.js"],"names":["Sider","props","toggleSider","siderState","state","onCollapse","setState","id","Date","now","collapsed","context","siderHook","addSider","removeSider","className","collapsedWidth","width","collapsible","trigger","style","children","triggerStyle","toggleAnimate","asideWidth","triggerNode","flex","maxWidth","minWidth","Component","contextTypes","PropTypes","object","defaultProps","propTypes","bool","any","func","number","string"],"mappings":"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","file":"sider.js","sourcesContent":["/**\n * Created by hzy on 2019/4/17.\n */\n/**\n * @className sider class名\n * @style style\n * @collapsible 是否可收起\n * @collapsed 是否折叠状态\n * @onCollapse 监听折叠事件\n * @trigger trigger Node\n * @triggerStyle 默认trigger Node 样式\n * @width 折叠展开宽度\n * @collapsedWidth 折叠关闭时的宽度\n */\nimport React, {Component} from 'react';\nimport PropTypes from 'prop-types';\nimport Hamburger from './hamburger';\nimport './style.less';\n\nexport default class Sider extends Component {\n static contextTypes = {\n siderHook: PropTypes.object\n }\n static defaultProps = {\n collapsible: false,\n collapsed: false\n }\n static propTypes = {\n collapsible: PropTypes.bool,\n collapsed: PropTypes.bool,\n style: PropTypes.object,\n triggerStyle: PropTypes.object,\n trigger: PropTypes.any,\n onCollapse: PropTypes.func,\n width: PropTypes.number,\n collapsedWidth: PropTypes.number,\n className: PropTypes.string,\n };\n constructor(props){\n super(props);\n this.state = {\n id: Date.now(),\n siderState: this.props.collapsed\n };\n }\n componentDidMount() {\n const {siderHook: {addSider} = {}} = this.context;\n addSider(this.state.id);\n }\n componentWillMount() {\n const {siderHook: {removeSider} = {}} = this.context;\n removeSider(this.state.id);\n }\n toggleSider = () => {\n const {siderState} = this.state;\n const {onCollapse} = this.props;\n this.setState({siderState: !siderState});\n onCollapse && onCollapse(!siderState);\n }\n render() {\n const {className, collapsedWidth = 100, width = 200, collapsed, onCollapse, collapsible, trigger, style = {}, children, triggerStyle = {}, toggleAnimate} = this.props;\n const {siderState} = this.state;\n const asideWidth = (siderState ? collapsedWidth : width) + 'px';\n const triggerNode = trigger || <Hamburger close={siderState} toggleAnimate={toggleAnimate} style={triggerStyle} />;\n return (<aside\n className={`tplus-layout-sider _tplus-animation-ease_ ${collapsed ? 'tplus-sider-collapsed' : ''} ${className}`}\n style={{flex: `0 0 ${asideWidth}`, maxWidth: asideWidth, minWidth: asideWidth, width: asideWidth, ...style}}\n >\n <div className='tplus-layout-sider-children'>{children}</div>\n {collapsible && <div onClick={this.toggleSider} className='tplus-sider-trigger _tplus-animation-ease_' style={{width: asideWidth}}>\n {triggerNode}\n </div>}\n </aside>);\n }\n}\n"]}
@@ -1,83 +1,83 @@
1
- .tplus-layout{
2
- display: flex;
3
- flex: 1;
4
- flex-direction: column;
5
- min-height: 0;
6
- background: #EAEBED;
7
- box-sizing: border-box;
8
- * {
9
- box-sizing: border-box;
10
- }
11
- &.tplus-layout-has-sider {
12
- flex-direction: row;
13
- > .tplus-layout,
14
- > .tplus-layout-content {
15
- overflow-x: hidden;
16
- }
17
- }
18
- }
19
- .tplus-layout-header{
20
- padding: 0 50px;
21
- height: 60px;
22
- line-height: 60px;
23
- }
24
- .tplus-layout-footer{
25
- box-shadow: 0px -3px 4px rgba(0, 0, 0, .03);
26
- }
27
- .tplus-layout-header, .tplus-layout-footer {
28
- flex: 0 0 auto;
29
- }
30
- .tplus-layout-content {
31
- flex: 1;
32
- min-height: 0;
33
- }
34
- //animation
35
- ._tplus-animation-ease_{
36
- transition: all 0.2s ease-in-out;
37
- }
38
- // sider
39
- .tplus-layout-sider{
40
- height: 100%;
41
- position: relative;
42
- .tplus-layout-sider-children{
43
- height: 100%;
44
- }
45
- .tplus-sider-trigger{
46
- position: fixed;
47
- width: 100%;
48
- bottom: 0px;
49
- z-index: 9;
50
- cursor: pointer;
51
- min-height: 40px;
52
- }
53
- }
54
- //_hamburger_
55
- ._hamburger_{
56
- transform: scale(0.42, 0.42);
57
- ._hamburger_-line{
58
- width: 50px;
59
- height: 5px;
60
- background-color: #ecf0f1;
61
- display: block;
62
- margin: 8px auto;
63
- ._tplus-animation-ease_;
64
- }
65
- }
66
- ._hamburger-active ._hamburger_-line{
67
- border-radius: 100px 0px 0px 100px;
68
- }
69
- ._hamburger-active ._hamburger_-line:nth-child(1),
70
- ._hamburger-active ._hamburger_-line:nth-child(3){
71
- width: 20px;
72
- }
73
- ._hamburger-active ._hamburger_-line:nth-child(2){
74
- width: 35px;
75
- transform: translateX(-5px);
76
- }
77
- ._hamburger-active ._hamburger_-line:nth-child(1){
78
- transform: translateX(-14px) translateY(6px) rotate(-45deg);
79
- }
80
- ._hamburger-active ._hamburger_-line:nth-child(3){
81
- transform: translateX(-13px) translateY(-5px) rotate(45deg)
82
- }
83
-
1
+ .tplus-layout{
2
+ display: flex;
3
+ flex: 1;
4
+ flex-direction: column;
5
+ min-height: 0;
6
+ background: #EAEBED;
7
+ box-sizing: border-box;
8
+ * {
9
+ box-sizing: border-box;
10
+ }
11
+ &.tplus-layout-has-sider {
12
+ flex-direction: row;
13
+ > .tplus-layout,
14
+ > .tplus-layout-content {
15
+ overflow-x: hidden;
16
+ }
17
+ }
18
+ }
19
+ .tplus-layout-header{
20
+ padding: 0 50px;
21
+ height: 60px;
22
+ line-height: 60px;
23
+ }
24
+ .tplus-layout-footer{
25
+ box-shadow: 0px -3px 4px rgba(0, 0, 0, .03);
26
+ }
27
+ .tplus-layout-header, .tplus-layout-footer {
28
+ flex: 0 0 auto;
29
+ }
30
+ .tplus-layout-content {
31
+ flex: 1;
32
+ min-height: 0;
33
+ }
34
+ //animation
35
+ ._tplus-animation-ease_{
36
+ transition: all 0.2s ease-in-out;
37
+ }
38
+ // sider
39
+ .tplus-layout-sider{
40
+ height: 100%;
41
+ position: relative;
42
+ .tplus-layout-sider-children{
43
+ height: 100%;
44
+ }
45
+ .tplus-sider-trigger{
46
+ position: fixed;
47
+ width: 100%;
48
+ bottom: 0px;
49
+ z-index: 9;
50
+ cursor: pointer;
51
+ min-height: 40px;
52
+ }
53
+ }
54
+ //_hamburger_
55
+ ._hamburger_{
56
+ transform: scale(0.42, 0.42);
57
+ ._hamburger_-line{
58
+ width: 50px;
59
+ height: 5px;
60
+ background-color: #ecf0f1;
61
+ display: block;
62
+ margin: 8px auto;
63
+ ._tplus-animation-ease_;
64
+ }
65
+ }
66
+ ._hamburger-active ._hamburger_-line{
67
+ border-radius: 100px 0px 0px 100px;
68
+ }
69
+ ._hamburger-active ._hamburger_-line:nth-child(1),
70
+ ._hamburger-active ._hamburger_-line:nth-child(3){
71
+ width: 20px;
72
+ }
73
+ ._hamburger-active ._hamburger_-line:nth-child(2){
74
+ width: 35px;
75
+ transform: translateX(-5px);
76
+ }
77
+ ._hamburger-active ._hamburger_-line:nth-child(1){
78
+ transform: translateX(-14px) translateY(6px) rotate(-45deg);
79
+ }
80
+ ._hamburger-active ._hamburger_-line:nth-child(3){
81
+ transform: translateX(-13px) translateY(-5px) rotate(45deg)
82
+ }
83
+
@@ -170,22 +170,22 @@ var Loading = function () {
170
170
  }
171
171
  }]);
172
172
  return Loading;
173
- }(); /**
174
- * Created by hzy on 2019/4/19.
173
+ }(); /**
174
+ * Created by hzy on 2019/4/19.
175
175
  */
176
- /**
177
- * show 方法参数 option 说明 // Loading.show({text: '数据加载中'}, callback)
178
- * loading调用的简写法 Loading.show('数据加载中')
179
- * @style Loading wrapper style
180
- * @className Loading wrapper className
181
- * @text 提示文字,不传默认为 '加载中,请稍后...',字符串类型
182
- * @target Loading 需要覆盖的 DOM 节点。传入一个 DOM 节点的class或者id名的字符串,不传默认为全屏效果
183
- * @node 自定义展示元素,会覆盖默认展示。类型为react element
184
- * @duration Loading持续时间,单位为毫秒值,数字类型
185
- * @delay Loading防闪烁延迟显示时间, 单位为毫秒值, 数字类型,默认为200,可设置false禁用延迟
186
- * @callback 为在传入 duration 参数后,自动隐藏后的回调,不传 duration 参数则该回调不生效
187
- *
188
- * hide 方法隐藏并销毁Loading组件 Loading.hide();
176
+ /**
177
+ * show 方法参数 option 说明 // Loading.show({text: '数据加载中'}, callback)
178
+ * loading调用的简写法 Loading.show('数据加载中')
179
+ * @style Loading wrapper style
180
+ * @className Loading wrapper className
181
+ * @text 提示文字,不传默认为 '加载中,请稍后...',字符串类型
182
+ * @target Loading 需要覆盖的 DOM 节点。传入一个 DOM 节点的class或者id名的字符串,不传默认为全屏效果
183
+ * @node 自定义展示元素,会覆盖默认展示。类型为react element
184
+ * @duration Loading持续时间,单位为毫秒值,数字类型
185
+ * @delay Loading防闪烁延迟显示时间, 单位为毫秒值, 数字类型,默认为200,可设置false禁用延迟
186
+ * @callback 为在传入 duration 参数后,自动隐藏后的回调,不传 duration 参数则该回调不生效
187
+ *
188
+ * hide 方法隐藏并销毁Loading组件 Loading.hide();
189
189
  */
190
190
 
191
191
 
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/loading/index.js"],"names":["Loading","loadingEle","ref","startTimeStamp","delayTime","params","callback","onClose","argument","props","duration","undefined","destroy","window","_tplus_loading","Date","delay","text","target","queryElement","document","createElement","queryClass","includes","charAt","positionProper","getComputedStyle","getPropertyValue","style","position","body","appendChild","ReactDOM","render","endTimeStamp","readyClose","unmountComponentAtNode","parentNode","removeChild"],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n * Created by hzy on 2019/4/19.\r\n */\r\n/**\r\n * show 方法参数 option 说明 // Loading.show({text: '数据加载中'}, callback)\r\n * loading调用的简写法 Loading.show('数据加载中')\r\n * @style Loading wrapper style\r\n * @className Loading wrapper className\r\n * @text 提示文字,不传默认为 '加载中,请稍后...',字符串类型\r\n * @target Loading 需要覆盖的 DOM 节点。传入一个 DOM 节点的class或者id名的字符串,不传默认为全屏效果\r\n * @node 自定义展示元素,会覆盖默认展示。类型为react element\r\n * @duration Loading持续时间,单位为毫秒值,数字类型\r\n * @delay Loading防闪烁延迟显示时间, 单位为毫秒值, 数字类型,默认为200,可设置false禁用延迟\r\n * @callback 为在传入 duration 参数后,自动隐藏后的回调,不传 duration 参数则该回调不生效\r\n *\r\n * hide 方法隐藏并销毁Loading组件 Loading.hide();\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReactDOM from 'react-dom';\r\nimport LoaingContent from './loadingContent';\r\nimport {queryEle} from './utils';\r\n\r\nexport default class Loading {\r\n loadingEle = null;\r\n ref = null;\r\n startTimeStamp = null;\r\n delayTime = null;\r\n\r\n static async show(params, callback) {\r\n if (window._tplus_loading) {\r\n Loading.destroy(callback);\r\n }\r\n\r\n this.startTimeStamp = +new Date();\r\n window._tplus_loading = true;\r\n let props = {delay: 200}; // 默认200ms防闪烁延迟\r\n\r\n if (typeof params === 'object' && params) {\r\n props = Object.assign(props, params);\r\n params.delay === false && (delete params.delay);\r\n } else if (typeof params === 'string') {\r\n props.text = params;\r\n }\r\n\r\n const {target} = params || {};\r\n let queryElement;\r\n const loadingEle = document.createElement('div');\r\n this.loadingEle = loadingEle;\r\n this.delayTime = props.delay;\r\n\r\n if (target) {\r\n let queryClass = `.${target}`;\r\n if (['.', '#'].includes(target.charAt(0))) {\r\n queryClass = target;\r\n }\r\n\r\n //如果找不到 取root 存在有dom渲染比查询晚一步的情况 根据事件队列机制再次查询一次\r\n queryElement = await queryEle(queryClass);\r\n\r\n const positionProper = getComputedStyle(queryElement, null).getPropertyValue('position');\r\n if (!positionProper || positionProper == 'static') {\r\n queryElement.style.position = 'relative';\r\n }\r\n }\r\n\r\n !target && document.body.appendChild(loadingEle);\r\n\r\n function onClose() {\r\n const argument = typeof props.duration === 'number' ? callback : undefined;\r\n Loading.destroy(argument);\r\n }\r\n\r\n ReactDOM.render(<LoaingContent onClose={onClose} {...props} ref={ref => this.ref = ref}/>, loadingEle);\r\n target && queryElement.appendChild(loadingEle);\r\n }\r\n\r\n static hide() {\r\n const endTimeStamp = +new Date();\r\n const delayTime = this.delayTime;\r\n if (delayTime && (endTimeStamp - this.startTimeStamp <= delayTime)) {\r\n return this.destroy();\r\n }\r\n this.ref && this.ref.readyClose();\r\n }\r\n\r\n static destroy(callback) {\r\n const loadingEle = this.loadingEle;\r\n if (loadingEle) {\r\n ReactDOM.unmountComponentAtNode(loadingEle);\r\n !!loadingEle.parentNode && loadingEle.parentNode.removeChild(loadingEle);\r\n delete window._tplus_loading;\r\n }\r\n callback && callback();\r\n }\r\n}\r\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/loading/index.js"],"names":["Loading","loadingEle","ref","startTimeStamp","delayTime","params","callback","onClose","argument","props","duration","undefined","destroy","window","_tplus_loading","Date","delay","text","target","queryElement","document","createElement","queryClass","includes","charAt","positionProper","getComputedStyle","getPropertyValue","style","position","body","appendChild","ReactDOM","render","endTimeStamp","readyClose","unmountComponentAtNode","parentNode","removeChild"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Created by hzy on 2019/4/19.\n */\n/**\n * show 方法参数 option 说明 // Loading.show({text: '数据加载中'}, callback)\n * loading调用的简写法 Loading.show('数据加载中')\n * @style Loading wrapper style\n * @className Loading wrapper className\n * @text 提示文字,不传默认为 '加载中,请稍后...',字符串类型\n * @target Loading 需要覆盖的 DOM 节点。传入一个 DOM 节点的class或者id名的字符串,不传默认为全屏效果\n * @node 自定义展示元素,会覆盖默认展示。类型为react element\n * @duration Loading持续时间,单位为毫秒值,数字类型\n * @delay Loading防闪烁延迟显示时间, 单位为毫秒值, 数字类型,默认为200,可设置false禁用延迟\n * @callback 为在传入 duration 参数后,自动隐藏后的回调,不传 duration 参数则该回调不生效\n *\n * hide 方法隐藏并销毁Loading组件 Loading.hide();\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactDOM from 'react-dom';\nimport LoaingContent from './loadingContent';\nimport {queryEle} from './utils';\n\nexport default class Loading {\n loadingEle = null;\n ref = null;\n startTimeStamp = null;\n delayTime = null;\n\n static async show(params, callback) {\n if (window._tplus_loading) {\n Loading.destroy(callback);\n }\n\n this.startTimeStamp = +new Date();\n window._tplus_loading = true;\n let props = {delay: 200}; // 默认200ms防闪烁延迟\n\n if (typeof params === 'object' && params) {\n props = Object.assign(props, params);\n params.delay === false && (delete params.delay);\n } else if (typeof params === 'string') {\n props.text = params;\n }\n\n const {target} = params || {};\n let queryElement;\n const loadingEle = document.createElement('div');\n this.loadingEle = loadingEle;\n this.delayTime = props.delay;\n\n if (target) {\n let queryClass = `.${target}`;\n if (['.', '#'].includes(target.charAt(0))) {\n queryClass = target;\n }\n\n //如果找不到 取root 存在有dom渲染比查询晚一步的情况 根据事件队列机制再次查询一次\n queryElement = await queryEle(queryClass);\n\n const positionProper = getComputedStyle(queryElement, null).getPropertyValue('position');\n if (!positionProper || positionProper == 'static') {\n queryElement.style.position = 'relative';\n }\n }\n\n !target && document.body.appendChild(loadingEle);\n\n function onClose() {\n const argument = typeof props.duration === 'number' ? callback : undefined;\n Loading.destroy(argument);\n }\n\n ReactDOM.render(<LoaingContent onClose={onClose} {...props} ref={ref => this.ref = ref}/>, loadingEle);\n target && queryElement.appendChild(loadingEle);\n }\n\n static hide() {\n const endTimeStamp = +new Date();\n const delayTime = this.delayTime;\n if (delayTime && (endTimeStamp - this.startTimeStamp <= delayTime)) {\n return this.destroy();\n }\n this.ref && this.ref.readyClose();\n }\n\n static destroy(callback) {\n const loadingEle = this.loadingEle;\n if (loadingEle) {\n ReactDOM.unmountComponentAtNode(loadingEle);\n !!loadingEle.parentNode && loadingEle.parentNode.removeChild(loadingEle);\n delete window._tplus_loading;\n }\n callback && callback();\n }\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/loading/loadingContent.js"],"names":["defaultSpinner","LoaingContent","state","closeAnimate","readyClose","e","setState","setTimeout","close","stopPropagation","clearCloseTimer","props","onClose","startLoadingTimer","closeTimer","duration","clearTimeout","style","text","node","className","target","delay","opacity","showTip","loadingNode","containerClass","trim","targetStyle","position","delayDuration","animation","WebkitAnimation","style2","Component","propTypes","PropTypes","string","object","element","func","number","defaultProps"],"mappings":"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","file":"loadingContent.js","sourcesContent":["import React, {Component, Fragment, isValidElement} from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './style.less';\r\n\r\nconst defaultSpinner = 'https://newretail.static.chanjet.com/loading.gif';\r\n\r\nclass LoaingContent extends Component {\r\n static propTypes = {\r\n text: PropTypes.string,\r\n className: PropTypes.string,\r\n style: PropTypes.object,\r\n node: PropTypes.element,\r\n onClose: PropTypes.func,\r\n duration: PropTypes.number,\r\n target: PropTypes.string,\r\n };\r\n\r\n static defaultProps = {\r\n onClose() {},\r\n className: '',\r\n style: {},\r\n text: '加载中,请稍后...',\r\n };\r\n\r\n state = {\r\n closeAnimate: false,\r\n };\r\n\r\n componentDidMount() {\r\n if (typeof this.props.duration === 'number') {\r\n this.startLoadingTimer();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.clearCloseTimer();\r\n }\r\n\r\n readyClose = (e) => {\r\n this.setState({closeAnimate: true}, () => {\r\n setTimeout(() => {\r\n this.close();\r\n }, 250)\r\n })\r\n }\r\n\r\n close = (e) => {\r\n if (e) {\r\n e.stopPropagation();\r\n }\r\n this.clearCloseTimer();\r\n this.props.onClose();\r\n }\r\n\r\n startLoadingTimer = () => {\r\n this.closeTimer = setTimeout(() => {\r\n this.readyClose();\r\n }, this.props.duration);\r\n }\r\n\r\n clearCloseTimer = () => {\r\n if (this.closeTimer) {\r\n clearTimeout(this.closeTimer);\r\n this.closeTimer = null;\r\n }\r\n }\r\n\r\n render() {\r\n const { style, text, node, className, target, delay, opacity } = this.props;\r\n const {closeAnimate} = this.state;\r\n const showTip = text !== false;\r\n const loadingNode = (\r\n <Fragment>\r\n <div className='tplus-loading-spinner'>\r\n <img src={defaultSpinner} className='default-spinner-gif' />\r\n </div>\r\n {showTip && <p className='tplus-loading-tip'>{text}</p>}\r\n </Fragment>\r\n );\r\n const containerClass = `tplus-loading ${closeAnimate ? 'loading-close-animate' : ''} ${className}`.trim();\r\n const targetStyle = target ? {position: 'absolute'} : {};\r\n const delayDuration = delay ? {animation: `loading-delay-animation ${delay}ms`, WebkitAnimation: `loading-delay-animation ${delay}ms`} : {};\r\n const style2 = opacity ? { 'background-color': `rgba(2555, 255, 255, ${opacity})` } : {};\r\n return (\r\n <div className={containerClass} style={Object.assign(targetStyle, delayDuration, style,style2)}>\r\n <div className='tplus-loading-content'>\r\n {isValidElement(node) ? node : loadingNode}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default LoaingContent;\r\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/loading/loadingContent.js"],"names":["defaultSpinner","LoaingContent","state","closeAnimate","readyClose","e","setState","setTimeout","close","stopPropagation","clearCloseTimer","props","onClose","startLoadingTimer","closeTimer","duration","clearTimeout","style","text","node","className","target","delay","opacity","showTip","loadingNode","containerClass","trim","targetStyle","position","delayDuration","animation","WebkitAnimation","style2","Component","propTypes","PropTypes","string","object","element","func","number","defaultProps"],"mappings":"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","file":"loadingContent.js","sourcesContent":["import React, {Component, Fragment, isValidElement} from 'react';\nimport PropTypes from 'prop-types';\nimport './style.less';\n\nconst defaultSpinner = 'https://newretail.static.chanjet.com/loading.gif';\n\nclass LoaingContent extends Component {\n static propTypes = {\n text: PropTypes.string,\n className: PropTypes.string,\n style: PropTypes.object,\n node: PropTypes.element,\n onClose: PropTypes.func,\n duration: PropTypes.number,\n target: PropTypes.string,\n };\n\n static defaultProps = {\n onClose() {},\n className: '',\n style: {},\n text: '加载中,请稍后...',\n };\n\n state = {\n closeAnimate: false,\n };\n\n componentDidMount() {\n if (typeof this.props.duration === 'number') {\n this.startLoadingTimer();\n }\n }\n\n componentWillUnmount() {\n this.clearCloseTimer();\n }\n\n readyClose = (e) => {\n this.setState({closeAnimate: true}, () => {\n setTimeout(() => {\n this.close();\n }, 250)\n })\n }\n\n close = (e) => {\n if (e) {\n e.stopPropagation();\n }\n this.clearCloseTimer();\n this.props.onClose();\n }\n\n startLoadingTimer = () => {\n this.closeTimer = setTimeout(() => {\n this.readyClose();\n }, this.props.duration);\n }\n\n clearCloseTimer = () => {\n if (this.closeTimer) {\n clearTimeout(this.closeTimer);\n this.closeTimer = null;\n }\n }\n\n render() {\n const { style, text, node, className, target, delay, opacity } = this.props;\n const {closeAnimate} = this.state;\n const showTip = text !== false;\n const loadingNode = (\n <Fragment>\n <div className='tplus-loading-spinner'>\n <img src={defaultSpinner} className='default-spinner-gif' />\n </div>\n {showTip && <p className='tplus-loading-tip'>{text}</p>}\n </Fragment>\n );\n const containerClass = `tplus-loading ${closeAnimate ? 'loading-close-animate' : ''} ${className}`.trim();\n const targetStyle = target ? {position: 'absolute'} : {};\n const delayDuration = delay ? {animation: `loading-delay-animation ${delay}ms`, WebkitAnimation: `loading-delay-animation ${delay}ms`} : {};\n const style2 = opacity ? { 'background-color': `rgba(2555, 255, 255, ${opacity})` } : {};\n return (\n <div className={containerClass} style={Object.assign(targetStyle, delayDuration, style,style2)}>\n <div className='tplus-loading-content'>\n {isValidElement(node) ? node : loadingNode}\n </div>\n </div>\n );\n }\n}\n\nexport default LoaingContent;\n"]}
@@ -1,51 +1,51 @@
1
- ._tplus-animation-ease_{
2
- transition: all 0.2s ease-in-out;
3
- };
4
- .tplus-loading {
5
- width: 100%;
6
- height: 100%;
7
- z-index: 2019;
8
- position: fixed;
9
- left: 0px;
10
- top: 0px;
11
- background-color: rgba(2555,255,255,0.5);
12
- .tplus-loading-content{
13
- padding: 10px;
14
- top: 50%;
15
- left: 50%;
16
- transform: translate(-50%,-50%);
17
- transform-origin: 50% 50%;
18
- position: absolute;
19
- .tplus-loading-spinner{
20
- text-align: center;
21
- margin-bottom: 20px;
22
- .default-spinner-gif{
23
- display: block;
24
- width: 150px;
25
- margin: 0 auto;
26
- position: relative;
27
- left: 6px;
28
- }
29
- }
30
- .tplus-loading-tip{
31
- color: #777;
32
- text-align: center;
33
- }
34
- .closeAnimate{
35
- ._tplus-animation-ease_;
36
- background-color: #01AAED !important;
37
- opacity: 0;
38
- }
39
- }
40
- }
41
- .loading-close-animate{
42
- ._tplus-animation-ease_;
43
- opacity: 0;
44
- }
45
-
46
-
47
- @keyframes loading-delay-animation {
48
- 0% { opacity: 0}
49
- 99.99% { opacity: 0 }
50
- 100% { opacity: 1 }
51
- }
1
+ ._tplus-animation-ease_{
2
+ transition: all 0.2s ease-in-out;
3
+ };
4
+ .tplus-loading {
5
+ width: 100%;
6
+ height: 100%;
7
+ z-index: 2019;
8
+ position: fixed;
9
+ left: 0px;
10
+ top: 0px;
11
+ background-color: rgba(2555,255,255,0.5);
12
+ .tplus-loading-content{
13
+ padding: 10px;
14
+ top: 50%;
15
+ left: 50%;
16
+ transform: translate(-50%,-50%);
17
+ transform-origin: 50% 50%;
18
+ position: absolute;
19
+ .tplus-loading-spinner{
20
+ text-align: center;
21
+ margin-bottom: 20px;
22
+ .default-spinner-gif{
23
+ display: block;
24
+ width: 150px;
25
+ margin: 0 auto;
26
+ position: relative;
27
+ left: 6px;
28
+ }
29
+ }
30
+ .tplus-loading-tip{
31
+ color: #777;
32
+ text-align: center;
33
+ }
34
+ .closeAnimate{
35
+ ._tplus-animation-ease_;
36
+ background-color: #01AAED !important;
37
+ opacity: 0;
38
+ }
39
+ }
40
+ }
41
+ .loading-close-animate{
42
+ ._tplus-animation-ease_;
43
+ opacity: 0;
44
+ }
45
+
46
+
47
+ @keyframes loading-delay-animation {
48
+ 0% { opacity: 0}
49
+ 99.99% { opacity: 0 }
50
+ 100% { opacity: 1 }
51
+ }
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/loading/utils.js"],"names":["queryEle","queryClass","resolve","reject","element","document","querySelector","setTimeout"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,QAAT,CAAkBC,UAAlB,EAA8B;AAC5B,SAAO,sBAAY,UAACC,OAAD,EAAUC,MAAV,EAAqB;AACtC,QAAIC,UAAUC,SAASC,aAAT,CAAuBL,UAAvB,CAAd;AACA,QAAI,CAACG,OAAL,EAAc;AACZG,iBAAW,YAAM;AACfH,kBAAUC,SAASC,aAAT,CAAuBL,UAAvB,KAAsCI,SAASC,aAAT,CAAuB,OAAvB,CAAhD;AACAJ,gBAAQE,OAAR;AACD,OAHD,EAGG,CAHH;AAID,KALD,MAKO;AACL,aAAOF,QAAQE,OAAR,CAAP;AACD;AACF,GAVM,CAAP;AAWD;;QAEOJ,Q,GAAAA,Q","file":"utils.js","sourcesContent":["function queryEle(queryClass) {\r\n return new Promise((resolve, reject) => {\r\n let element = document.querySelector(queryClass);\r\n if (!element) {\r\n setTimeout(() => {\r\n element = document.querySelector(queryClass) || document.querySelector('#root');\r\n resolve(element);\r\n }, 0);\r\n } else {\r\n return resolve(element);\r\n }\r\n });\r\n}\r\n\r\nexport {queryEle};\r\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/loading/utils.js"],"names":["queryEle","queryClass","resolve","reject","element","document","querySelector","setTimeout"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,QAAT,CAAkBC,UAAlB,EAA8B;AAC5B,SAAO,sBAAY,UAACC,OAAD,EAAUC,MAAV,EAAqB;AACtC,QAAIC,UAAUC,SAASC,aAAT,CAAuBL,UAAvB,CAAd;AACA,QAAI,CAACG,OAAL,EAAc;AACZG,iBAAW,YAAM;AACfH,kBAAUC,SAASC,aAAT,CAAuBL,UAAvB,KAAsCI,SAASC,aAAT,CAAuB,OAAvB,CAAhD;AACAJ,gBAAQE,OAAR;AACD,OAHD,EAGG,CAHH;AAID,KALD,MAKO;AACL,aAAOF,QAAQE,OAAR,CAAP;AACD;AACF,GAVM,CAAP;AAWD;;QAEOJ,Q,GAAAA,Q","file":"utils.js","sourcesContent":["function queryEle(queryClass) {\n return new Promise((resolve, reject) => {\n let element = document.querySelector(queryClass);\n if (!element) {\n setTimeout(() => {\n element = document.querySelector(queryClass) || document.querySelector('#root');\n resolve(element);\n }, 0);\n } else {\n return resolve(element);\n }\n });\n}\n\nexport {queryEle};\n"]}
@@ -28,14 +28,14 @@ var _createClass2 = require('babel-runtime/helpers/createClass');
28
28
 
29
29
  var _createClass3 = _interopRequireDefault(_createClass2);
30
30
 
31
- var _class, _temp; /**
32
- * Message调用的简写法: Message.success('数据加载成功')
33
- * 需要自定义配置的Message调用的写法: Message.success('数据加载成功', {top: 50, width: 500})
34
- * 当传入第二个配置option参数时,使用当前自定义的配置,不传则使用默认config
35
- * option可传入参数: top 距离顶部位置 | duration 持续时间单位秒 | width | height | style
36
- * Message的四种状态为: success | error | warn | info | toast | loading (loading的不会自动消失需要调用销毁方法)
37
- *
38
- * Message.destroy() 方法销毁Message组件
31
+ var _class, _temp; /**
32
+ * Message调用的简写法: Message.success('数据加载成功')
33
+ * 需要自定义配置的Message调用的写法: Message.success('数据加载成功', {top: 50, width: 500})
34
+ * 当传入第二个配置option参数时,使用当前自定义的配置,不传则使用默认config
35
+ * option可传入参数: top 距离顶部位置 | duration 持续时间单位秒 | width | height | style
36
+ * Message的四种状态为: success | error | warn | info | toast | loading (loading的不会自动消失需要调用销毁方法)
37
+ *
38
+ * Message.destroy() 方法销毁Message组件
39
39
  */
40
40
 
41
41
 
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/message/index.js"],"names":["defualt","top","duration","voice","warn","fateurClassName","Message","config","width","height","style","cStyle","maxWidth","platform","isHorizontalPad","doms","document","getElementsByClassName","input","getElementById","setTimeout","length","focus","msg","messageType","isVerticalTouch","isHorizontalSunMi","isMobileEnvironment","includes","toast","isUseFateur","body","classList","remove","tMessage","destroy","setConfig","resetConfig","create","content","color","setStyle","defualtFocus","status","doMusic","add","keyboard","mask","createElement","className","messageContainer","querySelector","parentNode","childNodes","node","appendChild","clearMusic","m","audio","controls","src","hidden","autoplay","sys_audio","removeChild"],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n * Message调用的简写法: Message.success('数据加载成功')\r\n * 需要自定义配置的Message调用的写法: Message.success('数据加载成功', {top: 50, width: 500})\r\n * 当传入第二个配置option参数时,使用当前自定义的配置,不传则使用默认config\r\n * option可传入参数: top 距离顶部位置 | duration 持续时间单位秒 | width | height | style\r\n * Message的四种状态为: success | error | warn | info | toast | loading (loading的不会自动消失需要调用销毁方法)\r\n *\r\n * Message.destroy() 方法销毁Message组件\r\n */\r\nimport tMessage from 'bee-message';\r\nimport React from 'react';\r\nimport { platform } from 'mutants-util';\r\nimport { Spin } from '../../index';\r\nimport 'bee-message/build/Message.css';\r\nimport './index.less';\r\n\r\nlet defualt = {\r\n top: 300,\r\n duration: 1.5\r\n};\r\n\r\nconst voice = {\r\n warn: 'https://newretail.static.chanjet.com/muisc/syswarn.mp3' //警告\r\n}\r\n\r\nconst fateurClassName = ['message-toast', 'message-loading'];\r\n\r\nclass Message {\r\n\r\n static isUseFateur = false;\r\n\r\n static sys_audio = null;\r\n\r\n static setStyle(config = {}) {\r\n const {width, height, style = {}} = config;\r\n let cStyle = {\r\n ...style,\r\n maxWidth:'1000px'\r\n };\r\n if(width){\r\n cStyle.width = width;\r\n }\r\n if(height){\r\n cStyle.height = height;\r\n }\r\n return {style: {...cStyle}};\r\n }\r\n\r\n static defualtFocus() {\r\n const { isHorizontalPad } = platform || {};\r\n if (!!isHorizontalPad) return;\r\n let doms = document.getElementsByClassName('app hot-key-focus-container');\r\n let input = document.getElementById('productPoint');\r\n if (input) setTimeout(() => { if(doms && doms.length > 0){input.focus()} }, 300);\r\n }\r\n\r\n static resetConfig(msg, config = {}, messageType) {\r\n const { isVerticalTouch, isHorizontalPad, isHorizontalSunMi } = platform || {};\r\n const isMobileEnvironment = !!isHorizontalPad || !!isHorizontalSunMi;\r\n if (!!isVerticalTouch && ['error', 'success', 'info', 'warn'].includes(messageType)) {\r\n // 竖屏中强制转换为 toast 提示\r\n Message.toast(msg, config);\r\n return true;\r\n }\r\n\r\n if (isMobileEnvironment) {\r\n defualt = { top: 100, duration: 1.5 }\r\n }\r\n\r\n Message.isUseFateur && document.body.classList.remove(...fateurClassName);\r\n Message.isUseFateur = false;\r\n\r\n tMessage.destroy();\r\n\r\n const setConfig = Object.keys(config).length ? config : defualt;\r\n\r\n tMessage.config(setConfig);\r\n }\r\n\r\n static config(config) {\r\n tMessage.config(config);\r\n }\r\n\r\n static destroy() {\r\n tMessage.destroy();\r\n }\r\n\r\n static error(msg, config) {\r\n if (Message.resetConfig(msg, config, 'error')) return;\r\n tMessage.create({content: msg, color: 'danger', ...Message.setStyle(config)});\r\n Message.defualtFocus();\r\n }\r\n\r\n static success(msg, config) {\r\n if (Message.resetConfig(msg, config, 'success')) return;\r\n tMessage.create({content: msg, color: 'success', ...Message.setStyle(config)});\r\n Message.defualtFocus();\r\n }\r\n\r\n static warn(msg, config) {\r\n if (Message.resetConfig(msg, config, 'warn')) return;\r\n tMessage.create({content: msg, color: 'warning', ...Message.setStyle(config)});\r\n Message.defualtFocus();\r\n }\r\n\r\n static info(msg, config, status) {\r\n if (Message.resetConfig(msg, config, 'info')) return;\r\n tMessage.create({ content: msg, color: 'info', ...Message.setStyle(config) });\r\n if (status) Message.doMusic(status)\r\n Message.defualtFocus();\r\n }\r\n\r\n static toast(msg, config = {}, status) {\r\n Message.resetConfig(msg, { top: '40%', ...config });\r\n Message.isUseFateur = true;\r\n document.body.classList.add('message-toast');\r\n tMessage.create({ content: msg, color: 'info', ...Message.setStyle(config) });\r\n if (status) Message.doMusic(status)\r\n }\r\n\r\n static loading(msg, config = {}) {\r\n Message.resetConfig(msg, {top: '40%', ...config, duration: 18000});\r\n Message.isUseFateur = true;\r\n document.body.classList.add('message-loading');\r\n tMessage.create({\r\n content: <div className='message-loading-content'>\r\n <Spin\r\n type='rotating'\r\n scale={2}\r\n />\r\n <h1>{msg}</h1>\r\n </div>,\r\n color: 'info',\r\n keyboard: false,\r\n ...Message.setStyle(config)\r\n });\r\n\r\n setTimeout(() => {\r\n const mask = document.createElement('div');\r\n mask.className = 'message-loading-mask';\r\n const messageContainer = document.querySelector('.u-message');\r\n if (messageContainer) {\r\n for (const node of messageContainer.parentNode.childNodes) {\r\n if (Array.from(node.classList).includes('message-loading-mask')) return;\r\n }\r\n messageContainer.parentNode.appendChild(mask);\r\n }\r\n });\r\n\r\n }\r\n\r\n static doMusic(status) {\r\n Message.clearMusic();\r\n let m = voice[status];\r\n let audio = document.createElement('audio')\r\n audio.controls = true;\r\n audio.src = m;\r\n audio.hidden = true;\r\n audio.autoplay = 'autoplay';\r\n document.body.appendChild(audio);\r\n Message.sys_audio = audio;\r\n setTimeout(() => { Message.clearMusic() }, 3000)\r\n }\r\n\r\n static clearMusic() {\r\n if (Message.sys_audio) { document.body.removeChild(Message.sys_audio); Message.sys_audio = null; };\r\n }\r\n}\r\n\r\nMessage.config(defualt);\r\n\r\nexport default Message;\r\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/message/index.js"],"names":["defualt","top","duration","voice","warn","fateurClassName","Message","config","width","height","style","cStyle","maxWidth","platform","isHorizontalPad","doms","document","getElementsByClassName","input","getElementById","setTimeout","length","focus","msg","messageType","isVerticalTouch","isHorizontalSunMi","isMobileEnvironment","includes","toast","isUseFateur","body","classList","remove","tMessage","destroy","setConfig","resetConfig","create","content","color","setStyle","defualtFocus","status","doMusic","add","keyboard","mask","createElement","className","messageContainer","querySelector","parentNode","childNodes","node","appendChild","clearMusic","m","audio","controls","src","hidden","autoplay","sys_audio","removeChild"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Message调用的简写法: Message.success('数据加载成功')\n * 需要自定义配置的Message调用的写法: Message.success('数据加载成功', {top: 50, width: 500})\n * 当传入第二个配置option参数时,使用当前自定义的配置,不传则使用默认config\n * option可传入参数: top 距离顶部位置 | duration 持续时间单位秒 | width | height | style\n * Message的四种状态为: success | error | warn | info | toast | loading (loading的不会自动消失需要调用销毁方法)\n *\n * Message.destroy() 方法销毁Message组件\n */\nimport tMessage from 'bee-message';\nimport React from 'react';\nimport { platform } from 'mutants-util';\nimport { Spin } from '../../index';\nimport 'bee-message/build/Message.css';\nimport './index.less';\n\nlet defualt = {\n top: 300,\n duration: 1.5\n};\n\nconst voice = {\n warn: 'https://newretail.static.chanjet.com/muisc/syswarn.mp3' //警告\n}\n\nconst fateurClassName = ['message-toast', 'message-loading'];\n\nclass Message {\n\n static isUseFateur = false;\n\n static sys_audio = null;\n\n static setStyle(config = {}) {\n const {width, height, style = {}} = config;\n let cStyle = {\n ...style,\n maxWidth:'1000px'\n };\n if(width){\n cStyle.width = width;\n }\n if(height){\n cStyle.height = height;\n }\n return {style: {...cStyle}};\n }\n\n static defualtFocus() {\n const { isHorizontalPad } = platform || {};\n if (!!isHorizontalPad) return;\n let doms = document.getElementsByClassName('app hot-key-focus-container');\n let input = document.getElementById('productPoint');\n if (input) setTimeout(() => { if(doms && doms.length > 0){input.focus()} }, 300);\n }\n\n static resetConfig(msg, config = {}, messageType) {\n const { isVerticalTouch, isHorizontalPad, isHorizontalSunMi } = platform || {};\n const isMobileEnvironment = !!isHorizontalPad || !!isHorizontalSunMi;\n if (!!isVerticalTouch && ['error', 'success', 'info', 'warn'].includes(messageType)) {\n // 竖屏中强制转换为 toast 提示\n Message.toast(msg, config);\n return true;\n }\n\n if (isMobileEnvironment) {\n defualt = { top: 100, duration: 1.5 }\n }\n\n Message.isUseFateur && document.body.classList.remove(...fateurClassName);\n Message.isUseFateur = false;\n\n tMessage.destroy();\n\n const setConfig = Object.keys(config).length ? config : defualt;\n\n tMessage.config(setConfig);\n }\n\n static config(config) {\n tMessage.config(config);\n }\n\n static destroy() {\n tMessage.destroy();\n }\n\n static error(msg, config) {\n if (Message.resetConfig(msg, config, 'error')) return;\n tMessage.create({content: msg, color: 'danger', ...Message.setStyle(config)});\n Message.defualtFocus();\n }\n\n static success(msg, config) {\n if (Message.resetConfig(msg, config, 'success')) return;\n tMessage.create({content: msg, color: 'success', ...Message.setStyle(config)});\n Message.defualtFocus();\n }\n\n static warn(msg, config) {\n if (Message.resetConfig(msg, config, 'warn')) return;\n tMessage.create({content: msg, color: 'warning', ...Message.setStyle(config)});\n Message.defualtFocus();\n }\n\n static info(msg, config, status) {\n if (Message.resetConfig(msg, config, 'info')) return;\n tMessage.create({ content: msg, color: 'info', ...Message.setStyle(config) });\n if (status) Message.doMusic(status)\n Message.defualtFocus();\n }\n\n static toast(msg, config = {}, status) {\n Message.resetConfig(msg, { top: '40%', ...config });\n Message.isUseFateur = true;\n document.body.classList.add('message-toast');\n tMessage.create({ content: msg, color: 'info', ...Message.setStyle(config) });\n if (status) Message.doMusic(status)\n }\n\n static loading(msg, config = {}) {\n Message.resetConfig(msg, {top: '40%', ...config, duration: 18000});\n Message.isUseFateur = true;\n document.body.classList.add('message-loading');\n tMessage.create({\n content: <div className='message-loading-content'>\n <Spin\n type='rotating'\n scale={2}\n />\n <h1>{msg}</h1>\n </div>,\n color: 'info',\n keyboard: false,\n ...Message.setStyle(config)\n });\n\n setTimeout(() => {\n const mask = document.createElement('div');\n mask.className = 'message-loading-mask';\n const messageContainer = document.querySelector('.u-message');\n if (messageContainer) {\n for (const node of messageContainer.parentNode.childNodes) {\n if (Array.from(node.classList).includes('message-loading-mask')) return;\n }\n messageContainer.parentNode.appendChild(mask);\n }\n });\n\n }\n\n static doMusic(status) {\n Message.clearMusic();\n let m = voice[status];\n let audio = document.createElement('audio')\n audio.controls = true;\n audio.src = m;\n audio.hidden = true;\n audio.autoplay = 'autoplay';\n document.body.appendChild(audio);\n Message.sys_audio = audio;\n setTimeout(() => { Message.clearMusic() }, 3000)\n }\n\n static clearMusic() {\n if (Message.sys_audio) { document.body.removeChild(Message.sys_audio); Message.sys_audio = null; };\n }\n}\n\nMessage.config(defualt);\n\nexport default Message;\n"]}