tplus-components-touch 3.53.2 → 3.54.1

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 (176) hide show
  1. package/dist/components/collection/api.js +105 -0
  2. package/dist/components/collection/api.js.map +1 -0
  3. package/dist/components/collection/searchView/index.less +134 -0
  4. package/dist/components/password/style.less +95 -0
  5. package/dist/components/settlement/settlement.less +10 -0
  6. package/dist/components/ticon/iconfont/demo_index.html +72 -3
  7. package/dist/components/ticon/iconfont/iconfont.css +15 -3
  8. package/dist/components/ticon/iconfont/iconfont.json +21 -0
  9. package/dist/components/ticon/iconfont/iconfont.ttf +0 -0
  10. package/dist/components/ticon/iconfont/iconfont.woff +0 -0
  11. package/dist/components/ticon/iconfont/iconfont.woff2 +0 -0
  12. package/dist/index.js +22 -1
  13. package/dist/index.js.map +1 -1
  14. package/package.json +3 -3
  15. package/dist/components/cloudPrint/printTemplate/template.js +0 -52
  16. package/dist/components/cloudPrint/printTemplate/template.js.map +0 -1
  17. package/dist/components/commonForm/addressPicker/index.js +0 -241
  18. package/dist/components/commonForm/addressPicker/index.js.map +0 -1
  19. package/dist/components/commonForm/autoComplete/index.js +0 -260
  20. package/dist/components/commonForm/autoComplete/index.js.map +0 -1
  21. package/dist/components/commonForm/datePicker/index.js +0 -92
  22. package/dist/components/commonForm/datePicker/index.js.map +0 -1
  23. package/dist/components/commonForm/formControl/index.js +0 -144
  24. package/dist/components/commonForm/formControl/index.js.map +0 -1
  25. package/dist/components/commonForm/index.js +0 -231
  26. package/dist/components/commonForm/index.js.map +0 -1
  27. package/dist/components/commonForm/inputNumber/index.js +0 -272
  28. package/dist/components/commonForm/inputNumber/index.js.map +0 -1
  29. package/dist/components/commonForm/radio/index.js +0 -132
  30. package/dist/components/commonForm/radio/index.js.map +0 -1
  31. package/dist/components/deliverySearch/api.js +0 -355
  32. package/dist/components/deliverySearch/api.js.map +0 -1
  33. package/dist/components/deliverySearch/index.js +0 -1222
  34. package/dist/components/deliverySearch/index.js.map +0 -1
  35. package/dist/components/form/index.js +0 -310
  36. package/dist/components/form/index.js.map +0 -1
  37. package/dist/components/hardwareAPI/index.js +0 -215
  38. package/dist/components/hardwareAPI/index.js.map +0 -1
  39. package/dist/components/hotKey/config.js +0 -306
  40. package/dist/components/hotKey/config.js.map +0 -1
  41. package/dist/components/hotKey/hotKeyModal.js +0 -479
  42. package/dist/components/hotKey/hotKeyModal.js.map +0 -1
  43. package/dist/components/hotKey/index.js +0 -790
  44. package/dist/components/hotKey/index.js.map +0 -1
  45. package/dist/components/hotKey/localConfig.js +0 -1203
  46. package/dist/components/hotKey/localConfig.js.map +0 -1
  47. package/dist/components/hotKey/utils.js +0 -135
  48. package/dist/components/hotKey/utils.js.map +0 -1
  49. package/dist/components/input/index.js +0 -254
  50. package/dist/components/input/index.js.map +0 -1
  51. package/dist/components/input/scanInput.js +0 -98
  52. package/dist/components/input/scanInput.js.map +0 -1
  53. package/dist/components/input/tplusInput/index.js +0 -81
  54. package/dist/components/input/tplusInput/index.js.map +0 -1
  55. package/dist/components/input/tplusInput/inputContent.js +0 -128
  56. package/dist/components/input/tplusInput/inputContent.js.map +0 -1
  57. package/dist/components/input/tplusInput/inputs.js +0 -151
  58. package/dist/components/input/tplusInput/inputs.js.map +0 -1
  59. package/dist/components/input/utils/index.js +0 -26
  60. package/dist/components/input/utils/index.js.map +0 -1
  61. package/dist/components/inventorySearch/api.js +0 -214
  62. package/dist/components/inventorySearch/api.js.map +0 -1
  63. package/dist/components/inventorySearch/index.js +0 -303
  64. package/dist/components/inventorySearch/index.js.map +0 -1
  65. package/dist/components/inventorySearch/store.js +0 -363
  66. package/dist/components/inventorySearch/store.js.map +0 -1
  67. package/dist/components/inventorySearch/tab.js +0 -280
  68. package/dist/components/inventorySearch/tab.js.map +0 -1
  69. package/dist/components/keyboard/index.js +0 -259
  70. package/dist/components/keyboard/index.js.map +0 -1
  71. package/dist/components/keyboard/letterKeyboard.js +0 -227
  72. package/dist/components/keyboard/letterKeyboard.js.map +0 -1
  73. package/dist/components/keyboard/numKeyboard.js +0 -469
  74. package/dist/components/keyboard/numKeyboard.js.map +0 -1
  75. package/dist/components/keyboard/numKeyboardScan.js +0 -208
  76. package/dist/components/keyboard/numKeyboardScan.js.map +0 -1
  77. package/dist/components/keyboard/numberButton_input.js +0 -305
  78. package/dist/components/keyboard/numberButton_input.js.map +0 -1
  79. package/dist/components/keyboard/numkeyboardPassword.js +0 -477
  80. package/dist/components/keyboard/numkeyboardPassword.js.map +0 -1
  81. package/dist/components/keyboard/onlyKeyboard.js +0 -90
  82. package/dist/components/keyboard/onlyKeyboard.js.map +0 -1
  83. package/dist/components/keyboard/onlyLetterButton.js +0 -187
  84. package/dist/components/keyboard/onlyLetterButton.js.map +0 -1
  85. package/dist/components/keyboard/onlyLetterButton2.js +0 -235
  86. package/dist/components/keyboard/onlyLetterButton2.js.map +0 -1
  87. package/dist/components/keyboard/onlyNumberButton.js +0 -128
  88. package/dist/components/keyboard/onlyNumberButton.js.map +0 -1
  89. package/dist/components/keyboard/onlyNumberButton2.js +0 -115
  90. package/dist/components/keyboard/onlyNumberButton2.js.map +0 -1
  91. package/dist/components/keyboard/textKeyboard.js +0 -50
  92. package/dist/components/keyboard/textKeyboard.js.map +0 -1
  93. package/dist/components/layout/hamburger.js +0 -29
  94. package/dist/components/layout/hamburger.js.map +0 -1
  95. package/dist/components/layout/index.js +0 -31
  96. package/dist/components/layout/index.js.map +0 -1
  97. package/dist/components/layout/layout.js +0 -182
  98. package/dist/components/layout/layout.js.map +0 -1
  99. package/dist/components/layout/sider.js +0 -167
  100. package/dist/components/layout/sider.js.map +0 -1
  101. package/dist/components/loading/index.js +0 -198
  102. package/dist/components/loading/index.js.map +0 -1
  103. package/dist/components/loading/loadingContent.js +0 -188
  104. package/dist/components/loading/loadingContent.js.map +0 -1
  105. package/dist/components/loading/utils.js +0 -29
  106. package/dist/components/loading/utils.js.map +0 -1
  107. package/dist/components/message/index.js +0 -309
  108. package/dist/components/message/index.js.map +0 -1
  109. package/dist/components/modal/index.js +0 -93
  110. package/dist/components/modal/index.js.map +0 -1
  111. package/dist/components/modalVertical/index.js +0 -325
  112. package/dist/components/modalVertical/index.js.map +0 -1
  113. package/dist/components/modalWraper/index.js +0 -485
  114. package/dist/components/modalWraper/index.js.map +0 -1
  115. package/dist/components/modalWraper/utils.js +0 -48
  116. package/dist/components/modalWraper/utils.js.map +0 -1
  117. package/dist/components/notification/index.js +0 -118
  118. package/dist/components/notification/index.js.map +0 -1
  119. package/dist/components/overflowTip/index.js +0 -269
  120. package/dist/components/overflowTip/index.js.map +0 -1
  121. package/dist/components/page/index.js +0 -49
  122. package/dist/components/page/index.js.map +0 -1
  123. package/dist/components/presale/pickup.js +0 -479
  124. package/dist/components/presale/pickup.js.map +0 -1
  125. package/dist/components/product/detail.js +0 -148
  126. package/dist/components/product/detail.js.map +0 -1
  127. package/dist/components/product/getCard.js +0 -145
  128. package/dist/components/product/getCard.js.map +0 -1
  129. package/dist/components/progressState/EmptyAndErrorView.js +0 -142
  130. package/dist/components/progressState/EmptyAndErrorView.js.map +0 -1
  131. package/dist/components/progressState/ProgressState.js +0 -158
  132. package/dist/components/progressState/ProgressState.js.map +0 -1
  133. package/dist/components/progressState/index.js +0 -14
  134. package/dist/components/progressState/index.js.map +0 -1
  135. package/dist/components/scan/index.js +0 -219
  136. package/dist/components/scan/index.js.map +0 -1
  137. package/dist/components/select/index.js +0 -28
  138. package/dist/components/select/index.js.map +0 -1
  139. package/dist/components/settlement/asyncModal.js +0 -207
  140. package/dist/components/settlement/asyncModal.js.map +0 -1
  141. package/dist/components/settlement/index.js +0 -25
  142. package/dist/components/settlement/index.js.map +0 -1
  143. package/dist/components/settlement/moreCzkTable/index.js +0 -156
  144. package/dist/components/settlement/moreCzkTable/index.js.map +0 -1
  145. package/dist/components/settlement/prototypeTable/index.js +0 -353
  146. package/dist/components/settlement/prototypeTable/index.js.map +0 -1
  147. package/dist/components/settlement/prototypeTable/utils.js +0 -14
  148. package/dist/components/settlement/prototypeTable/utils.js.map +0 -1
  149. package/dist/components/settlement/settlement.js +0 -5557
  150. package/dist/components/settlement/settlement.js.map +0 -1
  151. package/dist/components/settlement/settlementApi.js +0 -512
  152. package/dist/components/settlement/settlementApi.js.map +0 -1
  153. package/dist/components/settlement/settlementStore.js +0 -2828
  154. package/dist/components/settlement/settlementStore.js.map +0 -1
  155. package/dist/components/settlement/utils.js +0 -249
  156. package/dist/components/settlement/utils.js.map +0 -1
  157. package/dist/components/socket/index.js +0 -221
  158. package/dist/components/socket/index.js.map +0 -1
  159. package/dist/components/spin/index.js +0 -95
  160. package/dist/components/spin/index.js.map +0 -1
  161. package/dist/components/test/index.js +0 -330
  162. package/dist/components/test/index.js.map +0 -1
  163. package/dist/components/ticon/iconfont/iconfont.js +0 -36
  164. package/dist/components/ticon/iconfont/iconfont.js.map +0 -1
  165. package/dist/components/ticon/index.js +0 -60
  166. package/dist/components/ticon/index.js.map +0 -1
  167. package/dist/components/touchScroll/index.js +0 -186
  168. package/dist/components/touchScroll/index.js.map +0 -1
  169. package/dist/components/touchTable/AuthProcess.js +0 -42
  170. package/dist/components/touchTable/AuthProcess.js.map +0 -1
  171. package/dist/components/touchTable/generateWater.js +0 -59
  172. package/dist/components/touchTable/generateWater.js.map +0 -1
  173. package/dist/components/touchTable/index.js +0 -1148
  174. package/dist/components/touchTable/index.js.map +0 -1
  175. package/dist/components/touchTable/utils.js +0 -27
  176. package/dist/components/touchTable/utils.js.map +0 -1
@@ -1,115 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = undefined;
7
-
8
- var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
9
-
10
- var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
11
-
12
- var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
13
-
14
- var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
15
-
16
- var _createClass2 = require('babel-runtime/helpers/createClass');
17
-
18
- var _createClass3 = _interopRequireDefault(_createClass2);
19
-
20
- var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
21
-
22
- var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
23
-
24
- var _inherits2 = require('babel-runtime/helpers/inherits');
25
-
26
- var _inherits3 = _interopRequireDefault(_inherits2);
27
-
28
- var _class, _temp; /**
29
- * 弹出框使用的小键盘
30
- * positive='positive' 没有负号,不传,就有负号
31
- */
32
-
33
- var _react = require('react');
34
-
35
- var _react2 = _interopRequireDefault(_react);
36
-
37
- var _index = require('../../index');
38
-
39
- var _propTypes = require('prop-types');
40
-
41
- var _propTypes2 = _interopRequireDefault(_propTypes);
42
-
43
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
44
-
45
- var OnlyNumberButton2 = (_temp = _class = function (_Component) {
46
- (0, _inherits3.default)(OnlyNumberButton2, _Component);
47
-
48
- function OnlyNumberButton2(props) {
49
- (0, _classCallCheck3.default)(this, OnlyNumberButton2);
50
-
51
- var _this = (0, _possibleConstructorReturn3.default)(this, (OnlyNumberButton2.__proto__ || (0, _getPrototypeOf2.default)(OnlyNumberButton2)).call(this, props));
52
-
53
- _this.numClick = function (key) {
54
- _this.props.onChange(key);
55
- };
56
-
57
- return _this;
58
- }
59
-
60
- (0, _createClass3.default)(OnlyNumberButton2, [{
61
- key: 'render',
62
- value: function render() {
63
- var _this2 = this;
64
-
65
- var nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];
66
- var numsKey = nums.map(function (item) {
67
- return _react2.default.createElement(
68
- 'div',
69
- { className: 'num key ' + (item == '.' ? 'number-point' : ''), key: item, onClick: _this2.numClick.bind(_this2, item) },
70
- item
71
- );
72
- });
73
- return _react2.default.createElement(
74
- 'div',
75
- { className: 'clearfix text-keyboard', onMouseDown: function onMouseDown(e) {
76
- return e.preventDefault();
77
- } },
78
- _react2.default.createElement(
79
- 'div',
80
- { className: 'nums clearfix' },
81
- numsKey
82
- ),
83
- _react2.default.createElement(
84
- 'div',
85
- { className: 'dels clearfix' },
86
- _react2.default.createElement(
87
- 'div',
88
- { className: 'del key', onClick: this.numClick.bind(this, 'delete') },
89
- _react2.default.createElement(_index.Ticon, { type: 'tuige' })
90
- ),
91
- _react2.default.createElement(
92
- 'div',
93
- { className: 'del key', onClick: this.numClick.bind(this, 'clear') },
94
- '\u6E05\u7A7A'
95
- ),
96
- this.props.positive == 'positive' ? null : _react2.default.createElement(
97
- 'div',
98
- { className: 'del key', onClick: this.numClick.bind(this, '-') },
99
- '\u2014'
100
- ),
101
- _react2.default.createElement(
102
- 'div',
103
- { className: 'del key sure ' + (this.props.positive ? '' : 'sure-no-positive'), onClick: this.numClick.bind(this, 'sure') },
104
- '\u786E\u5B9A'
105
- )
106
- )
107
- );
108
- }
109
- }]);
110
- return OnlyNumberButton2;
111
- }(_react.Component), _class.propTypes = {
112
- onChange: _propTypes2.default.func.isRequired
113
- }, _temp);
114
- exports.default = OnlyNumberButton2;
115
- //# sourceMappingURL=onlyNumberButton2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["tplus-components-touch/components/keyboard/onlyNumberButton2.js"],"names":["OnlyNumberButton2","props","numClick","key","onChange","nums","numsKey","map","item","bind","e","preventDefault","positive","Component","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;;AAKA;;;;AACA;;AACA;;;;;;IAEqBA,iB;;;AAMnB,6BAAYC,KAAZ,EAAmB;AAAA;;AAAA,4JACXA,KADW;;AAAA,UAInBC,QAJmB,GAIR,UAACC,GAAD,EAAS;AAClB,YAAKF,KAAL,CAAWG,QAAX,CAAoBD,GAApB;AACD,KANkB;;AAAA;AAElB;;;;6BAMQ;AAAA;;AACP,UAAIE,OAAO,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,GAAhB,EAAqB,GAArB,EAA0B,GAA1B,EAA+B,GAA/B,EAAoC,GAApC,EAAyC,GAAzC,EAA8C,GAA9C,EAAmD,IAAnD,EAAyD,GAAzD,CAAX;AACA,UAAIC,UAAUD,KAAKE,GAAL,CAAS,UAACC,IAAD;AAAA,eAAU;AAAA;AAAA,YAAK,yBAAsBA,QAAQ,GAAR,GAAc,cAAd,GAA+B,EAArD,CAAL,EAAgE,KAAKA,IAArE,EAA2E,SAAS,OAAKN,QAAL,CAAcO,IAAd,CAAmB,MAAnB,EAAyBD,IAAzB,CAApF;AAAqHA;AAArH,SAAV;AAAA,OAAT,CAAd;AACA,aACE;AAAA;AAAA,UAAK,WAAU,wBAAf,EAAwC,aAAa;AAAA,mBAAKE,EAAEC,cAAF,EAAL;AAAA,WAArD;AACE;AAAA;AAAA,YAAK,WAAU,eAAf;AACGL;AADH,SADF;AAIE;AAAA;AAAA,YAAK,WAAU,eAAf;AACE;AAAA;AAAA,cAAK,WAAU,SAAf,EAAyB,SAAS,KAAKJ,QAAL,CAAcO,IAAd,CAAmB,IAAnB,EAAyB,QAAzB,CAAlC;AACE,0CAAC,YAAD,IAAO,MAAK,OAAZ;AADF,WADF;AAOI;AAAA;AAAA,cAAK,oBAAL,EAA2B,SAAS,KAAKP,QAAL,CAAcO,IAAd,CAAmB,IAAnB,EAAyB,OAAzB,CAApC;AAAA;AAAA,WAPJ;AASI,eAAKR,KAAL,CAAWW,QAAX,IAAuB,UAAvB,GACE,IADF,GAGE;AAAA;AAAA,cAAK,WAAU,SAAf,EAAyB,SAAS,KAAKV,QAAL,CAAcO,IAAd,CAAmB,IAAnB,EAAyB,GAAzB,CAAlC;AAAA;AAAA,WAZN;AAeI;AAAA;AAAA,cAAK,8BAA2B,KAAKR,KAAL,CAAWW,QAAX,GAAqB,EAArB,GAA0B,kBAArD,CAAL,EAAgF,SAAS,KAAKV,QAAL,CAAcO,IAAd,CAAmB,IAAnB,EAAyB,MAAzB,CAAzF;AAAA;AAAA;AAfJ;AAJF,OADF;AAwBD;;;EAzC4CI,gB,UAEtCC,S,GAAY;AACjBV,YAAUW,oBAAUC,IAAV,CAAeC;AADR,C;kBAFAjB,iB","file":"onlyNumberButton2.js","sourcesContent":["/**\n * 弹出框使用的小键盘\n * positive='positive' 没有负号,不传,就有负号\n */\n\nimport React, { Component } from 'react';\nimport { Ticon } from '../../index';\nimport PropTypes from 'prop-types'\n\nexport default class OnlyNumberButton2 extends Component {\n\n static propTypes = {\n onChange: PropTypes.func.isRequired\n }\n\n constructor(props) {\n super(props);\n }\n\n numClick = (key) => {\n this.props.onChange(key);\n }\n\n render() {\n let nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];\n let numsKey = nums.map((item) => <div className={`num key ${item == '.' ? 'number-point' : ''}`} key={item} onClick={this.numClick.bind(this, item)}>{item}</div>)\n return (\n <div className='clearfix text-keyboard' onMouseDown={e => e.preventDefault()}>\n <div className='nums clearfix'>\n {numsKey}\n </div>\n <div className='dels clearfix'>\n <div className='del key' onClick={this.numClick.bind(this, 'delete')}>\n <Ticon type='tuige' />\n </div>\n {/* <div className='del key' onClick={this.numClick.bind(this, 'clear')}>清空</div> */}\n {/* <div className='del key' onClick={this.numClick.bind(this, '100')}>100</div> */}\n \n <div className={`del key`} onClick={this.numClick.bind(this, 'clear')}>清空</div>\n {\n this.props.positive == 'positive' ?\n null\n :\n <div className='del key' onClick={this.numClick.bind(this, '-')}>—</div>\n }\n \n <div className={`del key sure ${this.props.positive? '' : 'sure-no-positive'}`} onClick={this.numClick.bind(this, 'sure')}>确定</div> \n </div>\n </div>\n )\n }\n}"]}
@@ -1,50 +0,0 @@
1
- // import React, { Component } from 'react';
2
- // import { Keyboard } from '../../index';
3
-
4
- // export default class NumKeyboard extends Component {
5
- // constructor() {
6
- // super();
7
- // this.state = {
8
- // visible: false,
9
- // value: ''
10
- // }
11
- // }
12
-
13
- // showModal = () => {
14
- // this.setState({
15
- // visible: true,
16
- // value: this.props.value + ''
17
- // });
18
- // }
19
-
20
- // handleOk = (value) => {
21
- // this.props.handleOk && this.props.handleOk(value);
22
- // this.setState({
23
- // visible: false,
24
- // });
25
- // }
26
-
27
- // handleCancel = (value) => {
28
- // this.props.handleCancel && this.props.handleCancel(value)
29
- // this.setState({
30
- // visible: false,
31
- // });
32
- // }
33
-
34
- // render() {
35
- // return (
36
- // <div className='keyboard'>
37
- // <div onClick={this.showModal} className='keyboard-input keyboard-text'>{this.props.value}</div>
38
- // <Keyboard
39
- // type='number+modal'
40
- // title={this.props.title || 'title'}
41
- // visible={this.state.visible}
42
- // value={this.state.value}
43
- // handleOk={this.handleOk}
44
- // handleCancel={this.handleCancel} />
45
- // </div>
46
- // )
47
- // }
48
- // }
49
- "use strict";
50
- //# sourceMappingURL=textKeyboard.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["tplus-components-touch/components/keyboard/textKeyboard.js"],"names":[],"mappings":"AAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"textKeyboard.js","sourcesContent":["// import React, { Component } from 'react';\n// import { Keyboard } from '../../index';\n\n// export default class NumKeyboard extends Component {\n// constructor() {\n// super();\n// this.state = {\n// visible: false,\n// value: ''\n// }\n// }\n\n// showModal = () => {\n// this.setState({\n// visible: true,\n// value: this.props.value + ''\n// });\n// }\n\n// handleOk = (value) => {\n// this.props.handleOk && this.props.handleOk(value);\n// this.setState({\n// visible: false,\n// });\n// }\n\n// handleCancel = (value) => {\n// this.props.handleCancel && this.props.handleCancel(value)\n// this.setState({\n// visible: false,\n// });\n// }\n\n// render() {\n// return (\n// <div className='keyboard'>\n// <div onClick={this.showModal} className='keyboard-input keyboard-text'>{this.props.value}</div>\n// <Keyboard \n// type='number+modal' \n// title={this.props.title || 'title'} \n// visible={this.state.visible} \n// value={this.state.value} \n// handleOk={this.handleOk} \n// handleCancel={this.handleCancel} />\n// </div>\n// )\n// }\n// }"]}
@@ -1,29 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = Hamburger;
7
-
8
- var _react = require('react');
9
-
10
- var _react2 = _interopRequireDefault(_react);
11
-
12
- require('./style.less');
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- function Hamburger(props) {
17
- var close = props.close,
18
- _props$toggleAnimate = props.toggleAnimate,
19
- toggleAnimate = _props$toggleAnimate === undefined ? true : _props$toggleAnimate;
20
-
21
- return _react2.default.createElement(
22
- 'div',
23
- { className: '_hamburger_ ' + (!close && toggleAnimate ? '_hamburger-active' : '') },
24
- _react2.default.createElement('span', { className: '_hamburger_-line' }),
25
- _react2.default.createElement('span', { className: '_hamburger_-line' }),
26
- _react2.default.createElement('span', { className: '_hamburger_-line' })
27
- );
28
- }
29
- //# sourceMappingURL=hamburger.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["tplus-components-touch/components/layout/hamburger.js"],"names":["Hamburger","props","close","toggleAnimate"],"mappings":";;;;;kBAGwBA,S;;AAHxB;;;;AACA;;;;AAEe,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;AAAA,MAChCC,KADgC,GACDD,KADC,CAChCC,KADgC;AAAA,6BACDD,KADC,CACzBE,aADyB;AAAA,MACzBA,aADyB,wCACT,IADS;;AAEvC,SAAQ;AAAA;AAAA,MAAK,6BAA2B,CAACD,KAAD,IAAUC,aAAX,GAA4B,mBAA5B,GAAkD,EAA5E,CAAL;AACN,4CAAM,WAAU,kBAAhB,GADM;AAEN,4CAAM,WAAU,kBAAhB,GAFM;AAGN,4CAAM,WAAU,kBAAhB;AAHM,GAAR;AAKD","file":"hamburger.js","sourcesContent":["import React from 'react';\nimport './style.less';\n\nexport default function Hamburger(props) {\n const {close, toggleAnimate = true} = props;\n return (<div className={`_hamburger_ ${(!close && toggleAnimate) ? '_hamburger-active' : ''}`} >\n <span className=\"_hamburger_-line\" />\n <span className=\"_hamburger_-line\" />\n <span className=\"_hamburger_-line\" />\n </div>);\n}\n"]}
@@ -1,31 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
-
7
- var _layout = require('./layout');
8
-
9
- var _layout2 = _interopRequireDefault(_layout);
10
-
11
- var _sider = require('./sider');
12
-
13
- var _sider2 = _interopRequireDefault(_sider);
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
-
17
- /**
18
- * Created by hzy on 2019/4/3.
19
- */
20
- /**
21
- * @Layout 布局组件,以下用法类似antd
22
- * Layout props: directionChange(direction) {function 类型} 布局方向触发改变时的回调函数, 参数`direction`为当前的方向
23
- *
24
- * @Sider 侧边栏组件
25
- * @Header header
26
- * @Footer footer
27
- * @Content content
28
- */
29
- _layout2.default.Sider = _sider2.default;
30
- exports.default = _layout2.default;
31
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["tplus-components-touch/components/layout/index.js"],"names":["Layout","Sider"],"mappings":";;;;;;AAYA;;;;AACA;;;;;;AAbA;;;AAGA;;;;;;;;;AAYAA,iBAAOC,KAAP,GAAeA,eAAf;kBACeD,gB","file":"index.js","sourcesContent":["/**\n * Created by hzy on 2019/4/3.\n */\n/**\n * @Layout 布局组件,以下用法类似antd\n * Layout props: directionChange(direction) {function 类型} 布局方向触发改变时的回调函数, 参数`direction`为当前的方向\n *\n * @Sider 侧边栏组件\n * @Header header\n * @Footer footer\n * @Content content\n */\nimport Layout from './layout';\nimport Sider from './sider';\n\nLayout.Sider = Sider;\nexport default Layout;\n"]}
@@ -1,182 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = undefined;
7
-
8
- var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
9
-
10
- var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
11
-
12
- var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
13
-
14
- var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
15
-
16
- var _createClass2 = require('babel-runtime/helpers/createClass');
17
-
18
- var _createClass3 = _interopRequireDefault(_createClass2);
19
-
20
- var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
21
-
22
- var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
23
-
24
- var _inherits2 = require('babel-runtime/helpers/inherits');
25
-
26
- var _inherits3 = _interopRequireDefault(_inherits2);
27
-
28
- var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
29
-
30
- var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
31
-
32
- var _class, _temp2;
33
-
34
- var _react = require('react');
35
-
36
- var _react2 = _interopRequireDefault(_react);
37
-
38
- var _propTypes = require('prop-types');
39
-
40
- var _propTypes2 = _interopRequireDefault(_propTypes);
41
-
42
- require('./style.less');
43
-
44
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
45
-
46
- function generatorClass(className) {
47
- var addClassName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
48
-
49
- if (typeof addClassName === 'string') {
50
- return [className, addClassName].join(' ').trim();
51
- }
52
- return [className].concat((0, _toConsumableArray3.default)(addClassName)).join(' ').trim();
53
- }
54
-
55
- var Layout = (_temp2 = _class = function (_Component) {
56
- (0, _inherits3.default)(Layout, _Component);
57
-
58
- function Layout() {
59
- var _ref;
60
-
61
- var _temp, _this, _ret;
62
-
63
- (0, _classCallCheck3.default)(this, Layout);
64
-
65
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
66
- args[_key] = arguments[_key];
67
- }
68
-
69
- return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Layout.__proto__ || (0, _getPrototypeOf2.default)(Layout)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
70
- siders: []
71
- }, _this.directionChange = function (direction) {
72
- var directionChange = _this.props.directionChange;
73
-
74
- directionChange && directionChange(direction);
75
- }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
76
- }
77
-
78
- (0, _createClass3.default)(Layout, [{
79
- key: 'getChildContext',
80
- value: function getChildContext() {
81
- var _this2 = this;
82
-
83
- return {
84
- siderHook: {
85
- addSider: function addSider(id) {
86
- _this2.setState(function (state) {
87
- return {
88
- siders: [].concat((0, _toConsumableArray3.default)(state.siders), [id])
89
- };
90
- }, function () {
91
- return _this2.directionChange('row');
92
- });
93
- },
94
- removeSider: function removeSider(id) {
95
- _this2.setState(function (state) {
96
- return {
97
- siders: state.siders.filter(function (currentId) {
98
- return currentId !== id;
99
- })
100
- };
101
- }, function () {
102
- return _this2.directionChange('column');
103
- });
104
- }
105
- }
106
- };
107
- }
108
- }, {
109
- key: 'render',
110
- value: function render() {
111
- var _props = this.props,
112
- style = _props.style,
113
- className = _props.className,
114
- children = _props.children,
115
- hasSider = _props.hasSider;
116
-
117
- var isHasSider = typeof hasSider === 'boolean' ? hasSider : !!this.state.siders.length;
118
- var classes = generatorClass('tplus-layout', ['' + (isHasSider ? 'tplus-layout-has-sider' : ''), className]);
119
- return _react2.default.createElement(
120
- 'section',
121
- { className: classes, style: style },
122
- children
123
- );
124
- }
125
- }]);
126
- return Layout;
127
- }(_react.Component), _class.childContextTypes = {
128
- siderHook: _propTypes2.default.object
129
- }, _class.propTypes = {
130
- directionChange: _propTypes2.default.func,
131
- style: _propTypes2.default.object,
132
- className: _propTypes2.default.string
133
- }, _temp2);
134
- exports.default = Layout;
135
-
136
-
137
- function Content(props) {
138
- var _props$style = props.style,
139
- style = _props$style === undefined ? {} : _props$style,
140
- className = props.className,
141
- children = props.children;
142
-
143
- var classes = generatorClass('tplus-layout-content', className);
144
- return _react2.default.createElement(
145
- 'main',
146
- { className: classes, style: style },
147
- children
148
- );
149
- }
150
-
151
- function Header(props) {
152
- var _props$style2 = props.style,
153
- style = _props$style2 === undefined ? {} : _props$style2,
154
- className = props.className,
155
- children = props.children;
156
-
157
- var classes = generatorClass('tplus-layout-header', className);
158
- return _react2.default.createElement(
159
- 'header',
160
- { className: classes, style: style },
161
- children
162
- );
163
- }
164
-
165
- function Footer(props) {
166
- var _props$style3 = props.style,
167
- style = _props$style3 === undefined ? {} : _props$style3,
168
- className = props.className,
169
- children = props.children;
170
-
171
- var classes = generatorClass('tplus-layout-footer', className);
172
- return _react2.default.createElement(
173
- 'footer',
174
- { className: classes, style: style },
175
- children
176
- );
177
- }
178
-
179
- Layout.Header = Header;
180
- Layout.Footer = Footer;
181
- Layout.Content = Content;
182
- //# sourceMappingURL=layout.js.map
@@ -1 +0,0 @@
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"]}
@@ -1,167 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = undefined;
7
-
8
- var _extends2 = require('babel-runtime/helpers/extends');
9
-
10
- var _extends3 = _interopRequireDefault(_extends2);
11
-
12
- var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
13
-
14
- var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
15
-
16
- var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
17
-
18
- var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
19
-
20
- var _createClass2 = require('babel-runtime/helpers/createClass');
21
-
22
- var _createClass3 = _interopRequireDefault(_createClass2);
23
-
24
- var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
25
-
26
- var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
27
-
28
- var _inherits2 = require('babel-runtime/helpers/inherits');
29
-
30
- var _inherits3 = _interopRequireDefault(_inherits2);
31
-
32
- var _class, _temp; /**
33
- * Created by hzy on 2019/4/17.
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 折叠关闭时的宽度
45
- */
46
-
47
-
48
- var _react = require('react');
49
-
50
- var _react2 = _interopRequireDefault(_react);
51
-
52
- var _propTypes = require('prop-types');
53
-
54
- var _propTypes2 = _interopRequireDefault(_propTypes);
55
-
56
- var _hamburger = require('./hamburger');
57
-
58
- var _hamburger2 = _interopRequireDefault(_hamburger);
59
-
60
- require('./style.less');
61
-
62
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
63
-
64
- var Sider = (_temp = _class = function (_Component) {
65
- (0, _inherits3.default)(Sider, _Component);
66
-
67
- function Sider(props) {
68
- (0, _classCallCheck3.default)(this, Sider);
69
-
70
- var _this = (0, _possibleConstructorReturn3.default)(this, (Sider.__proto__ || (0, _getPrototypeOf2.default)(Sider)).call(this, props));
71
-
72
- _this.toggleSider = function () {
73
- var siderState = _this.state.siderState;
74
- var onCollapse = _this.props.onCollapse;
75
-
76
- _this.setState({ siderState: !siderState });
77
- onCollapse && onCollapse(!siderState);
78
- };
79
-
80
- _this.state = {
81
- id: Date.now(),
82
- siderState: _this.props.collapsed
83
- };
84
- return _this;
85
- }
86
-
87
- (0, _createClass3.default)(Sider, [{
88
- key: 'componentDidMount',
89
- value: function componentDidMount() {
90
- var _context$siderHook = this.context.siderHook;
91
- _context$siderHook = _context$siderHook === undefined ? {} : _context$siderHook;
92
- var addSider = _context$siderHook.addSider;
93
-
94
- addSider(this.state.id);
95
- }
96
- }, {
97
- key: 'componentWillMount',
98
- value: function componentWillMount() {
99
- var _context$siderHook2 = this.context.siderHook;
100
- _context$siderHook2 = _context$siderHook2 === undefined ? {} : _context$siderHook2;
101
- var removeSider = _context$siderHook2.removeSider;
102
-
103
- removeSider(this.state.id);
104
- }
105
- }, {
106
- key: 'render',
107
- value: function render() {
108
- var _props = this.props,
109
- className = _props.className,
110
- _props$collapsedWidth = _props.collapsedWidth,
111
- collapsedWidth = _props$collapsedWidth === undefined ? 100 : _props$collapsedWidth,
112
- _props$width = _props.width,
113
- width = _props$width === undefined ? 200 : _props$width,
114
- noWith = _props.noWith,
115
- collapsed = _props.collapsed,
116
- onCollapse = _props.onCollapse,
117
- collapsible = _props.collapsible,
118
- trigger = _props.trigger,
119
- _props$style = _props.style,
120
- style = _props$style === undefined ? {} : _props$style,
121
- children = _props.children,
122
- _props$triggerStyle = _props.triggerStyle,
123
- triggerStyle = _props$triggerStyle === undefined ? {} : _props$triggerStyle,
124
- toggleAnimate = _props.toggleAnimate;
125
- var siderState = this.state.siderState;
126
-
127
- var asideWidth = (siderState ? collapsedWidth : width) + 'px';
128
- var triggerNode = trigger || _react2.default.createElement(_hamburger2.default, { close: siderState, toggleAnimate: toggleAnimate, style: triggerStyle });
129
- var lineStyle = !noWith ? { flex: '0 0 ' + asideWidth, maxWidth: asideWidth, minWidth: asideWidth, width: asideWidth } : {};
130
- return _react2.default.createElement(
131
- 'aside',
132
- {
133
- className: 'tplus-layout-sider _tplus-animation-ease_ ' + (collapsed ? 'tplus-sider-collapsed' : '') + ' ' + className,
134
- style: (0, _extends3.default)({}, lineStyle, style)
135
- },
136
- _react2.default.createElement(
137
- 'div',
138
- { className: 'tplus-layout-sider-children' },
139
- children
140
- ),
141
- collapsible && _react2.default.createElement(
142
- 'div',
143
- { onClick: this.toggleSider, className: 'tplus-sider-trigger _tplus-animation-ease_', style: { width: asideWidth } },
144
- triggerNode
145
- )
146
- );
147
- }
148
- }]);
149
- return Sider;
150
- }(_react.Component), _class.contextTypes = {
151
- siderHook: _propTypes2.default.object
152
- }, _class.defaultProps = {
153
- collapsible: false,
154
- collapsed: false
155
- }, _class.propTypes = {
156
- collapsible: _propTypes2.default.bool,
157
- collapsed: _propTypes2.default.bool,
158
- style: _propTypes2.default.object,
159
- triggerStyle: _propTypes2.default.object,
160
- trigger: _propTypes2.default.any,
161
- onCollapse: _propTypes2.default.func,
162
- width: _propTypes2.default.number,
163
- collapsedWidth: _propTypes2.default.number,
164
- className: _propTypes2.default.string
165
- }, _temp);
166
- exports.default = Sider;
167
- //# sourceMappingURL=sider.js.map
@@ -1 +0,0 @@
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","noWith","collapsible","trigger","style","children","triggerStyle","toggleAnimate","asideWidth","triggerNode","lineStyle","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, noWith, 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 const lineStyle = !noWith ? {flex: `0 0 ${asideWidth}`, maxWidth: asideWidth, minWidth: asideWidth, width: asideWidth} : {};\n return (<aside\n className={`tplus-layout-sider _tplus-animation-ease_ ${collapsed ? 'tplus-sider-collapsed' : ''} ${className}`}\n style={{...lineStyle, ...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"]}