tplus-components-touch 3.28.1 → 3.28.2

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 (238) hide show
  1. package/README.md +16 -16
  2. package/locales/zh/tplus-components-touch.json +1 -1
  3. package/locales/zh-CN/tplus-components-touch.json +1 -1
  4. package/mocks/memberInfo.json +79 -79
  5. package/package.json +1 -1
  6. package/tsconfig.json +26 -26
  7. package/dist/components/acCitySelect/CitySelect.js +0 -541
  8. package/dist/components/acCitySelect/CitySelect.js.map +0 -1
  9. package/dist/components/acCitySelect/CitySelect.less +0 -10
  10. package/dist/components/acCitySelect/citys.js +0 -1270
  11. package/dist/components/acCitySelect/citys.js.map +0 -1
  12. package/dist/components/acCitySelect/index.js +0 -18
  13. package/dist/components/acCitySelect/index.js.map +0 -1
  14. package/dist/components/acCitySelect/provinceData.js +0 -40
  15. package/dist/components/acCitySelect/provinceData.js.map +0 -1
  16. package/dist/components/addLog/AddLogProcessor.js +0 -49
  17. package/dist/components/addLog/AddLogProcessor.js.map +0 -1
  18. package/dist/components/addLog/OperationLogApi.js +0 -125
  19. package/dist/components/addLog/OperationLogApi.js.map +0 -1
  20. package/dist/components/autoComplete/index.js +0 -245
  21. package/dist/components/autoComplete/index.js.map +0 -1
  22. package/dist/components/autoComplete/index.less +0 -89
  23. package/dist/components/autoComplete/option.js +0 -75
  24. package/dist/components/autoComplete/option.js.map +0 -1
  25. package/dist/components/autoCompleteWithKeyboard/index.js +0 -231
  26. package/dist/components/autoCompleteWithKeyboard/index.js.map +0 -1
  27. package/dist/components/autoCompleteWithKeyboard/index.less +0 -8
  28. package/dist/components/billSearch/api.js +0 -465
  29. package/dist/components/billSearch/api.js.map +0 -1
  30. package/dist/components/billSearch/index.js +0 -2201
  31. package/dist/components/billSearch/index.js.map +0 -1
  32. package/dist/components/billSearch/index.less +0 -376
  33. package/dist/components/cloudPrint/BTPrintFormatUtil.js +0 -568
  34. package/dist/components/cloudPrint/BTPrintFormatUtil.js.map +0 -1
  35. package/dist/components/cloudPrint/api.js +0 -391
  36. package/dist/components/cloudPrint/api.js.map +0 -1
  37. package/dist/components/cloudPrint/index.js +0 -674
  38. package/dist/components/cloudPrint/index.js.map +0 -1
  39. package/dist/components/cloudPrint/printDispatch.js +0 -324
  40. package/dist/components/cloudPrint/printDispatch.js.map +0 -1
  41. package/dist/components/commonForm/addressPicker/index.js +0 -232
  42. package/dist/components/commonForm/addressPicker/index.js.map +0 -1
  43. package/dist/components/commonForm/addressPicker/style.less +0 -11
  44. package/dist/components/commonForm/autoComplete/index.js +0 -241
  45. package/dist/components/commonForm/autoComplete/index.js.map +0 -1
  46. package/dist/components/commonForm/autoComplete/style.less +0 -3
  47. package/dist/components/commonForm/datePicker/index.js +0 -89
  48. package/dist/components/commonForm/datePicker/index.js.map +0 -1
  49. package/dist/components/commonForm/datePicker/style.less +0 -5
  50. package/dist/components/commonForm/formControl/index.js +0 -143
  51. package/dist/components/commonForm/formControl/index.js.map +0 -1
  52. package/dist/components/commonForm/formControl/style.less +0 -0
  53. package/dist/components/commonForm/index.js +0 -225
  54. package/dist/components/commonForm/index.js.map +0 -1
  55. package/dist/components/commonForm/inputNumber/index.js +0 -272
  56. package/dist/components/commonForm/inputNumber/index.js.map +0 -1
  57. package/dist/components/commonForm/inputNumber/style.less +0 -11
  58. package/dist/components/commonForm/radio/index.js +0 -132
  59. package/dist/components/commonForm/radio/index.js.map +0 -1
  60. package/dist/components/commonForm/radio/style.less +0 -0
  61. package/dist/components/commonForm/style.less +0 -2
  62. package/dist/components/deliverySearch/api.js +0 -355
  63. package/dist/components/deliverySearch/api.js.map +0 -1
  64. package/dist/components/deliverySearch/index.js +0 -1214
  65. package/dist/components/deliverySearch/index.js.map +0 -1
  66. package/dist/components/deliverySearch/index.less +0 -554
  67. package/dist/components/form/index.js +0 -310
  68. package/dist/components/form/index.js.map +0 -1
  69. package/dist/components/hardwareAPI/index.js +0 -181
  70. package/dist/components/hardwareAPI/index.js.map +0 -1
  71. package/dist/components/hotKey/config.js +0 -306
  72. package/dist/components/hotKey/config.js.map +0 -1
  73. package/dist/components/hotKey/hotKeyModal.js +0 -479
  74. package/dist/components/hotKey/hotKeyModal.js.map +0 -1
  75. package/dist/components/hotKey/index.js +0 -785
  76. package/dist/components/hotKey/index.js.map +0 -1
  77. package/dist/components/hotKey/localConfig.js +0 -1021
  78. package/dist/components/hotKey/localConfig.js.map +0 -1
  79. package/dist/components/hotKey/style.less +0 -96
  80. package/dist/components/hotKey/utils.js +0 -135
  81. package/dist/components/hotKey/utils.js.map +0 -1
  82. package/dist/components/input/index.js +0 -251
  83. package/dist/components/input/index.js.map +0 -1
  84. package/dist/components/input/style.less +0 -99
  85. package/dist/components/input/tplusInput/index.js +0 -81
  86. package/dist/components/input/tplusInput/index.js.map +0 -1
  87. package/dist/components/input/tplusInput/inputContent.js +0 -128
  88. package/dist/components/input/tplusInput/inputContent.js.map +0 -1
  89. package/dist/components/input/tplusInput/inputs.js +0 -151
  90. package/dist/components/input/tplusInput/inputs.js.map +0 -1
  91. package/dist/components/input/tplusInput/style.less +0 -132
  92. package/dist/components/input/utils/index.js +0 -26
  93. package/dist/components/input/utils/index.js.map +0 -1
  94. package/dist/components/inventorySearch/api.js +0 -214
  95. package/dist/components/inventorySearch/api.js.map +0 -1
  96. package/dist/components/inventorySearch/index.js +0 -303
  97. package/dist/components/inventorySearch/index.js.map +0 -1
  98. package/dist/components/inventorySearch/index.less +0 -120
  99. package/dist/components/inventorySearch/store.js +0 -344
  100. package/dist/components/inventorySearch/store.js.map +0 -1
  101. package/dist/components/inventorySearch/tab.js +0 -275
  102. package/dist/components/inventorySearch/tab.js.map +0 -1
  103. package/dist/components/keyboard/index.js +0 -255
  104. package/dist/components/keyboard/index.js.map +0 -1
  105. package/dist/components/keyboard/index.less +0 -470
  106. package/dist/components/keyboard/letterKeyboard.js +0 -210
  107. package/dist/components/keyboard/letterKeyboard.js.map +0 -1
  108. package/dist/components/keyboard/numKeyboard.js +0 -459
  109. package/dist/components/keyboard/numKeyboard.js.map +0 -1
  110. package/dist/components/keyboard/numKeyboardScan.js +0 -195
  111. package/dist/components/keyboard/numKeyboardScan.js.map +0 -1
  112. package/dist/components/keyboard/numberButton_input.js +0 -303
  113. package/dist/components/keyboard/numberButton_input.js.map +0 -1
  114. package/dist/components/keyboard/numkeyboardPassword.js +0 -460
  115. package/dist/components/keyboard/numkeyboardPassword.js.map +0 -1
  116. package/dist/components/keyboard/onlyKeyboard.js +0 -90
  117. package/dist/components/keyboard/onlyKeyboard.js.map +0 -1
  118. package/dist/components/keyboard/onlyLetterButton.js +0 -187
  119. package/dist/components/keyboard/onlyLetterButton.js.map +0 -1
  120. package/dist/components/keyboard/onlyLetterButton2.js +0 -235
  121. package/dist/components/keyboard/onlyLetterButton2.js.map +0 -1
  122. package/dist/components/keyboard/onlyLetterButton2.less +0 -162
  123. package/dist/components/keyboard/onlyNumberButton.js +0 -128
  124. package/dist/components/keyboard/onlyNumberButton.js.map +0 -1
  125. package/dist/components/keyboard/onlyNumberButton2.js +0 -115
  126. package/dist/components/keyboard/onlyNumberButton2.js.map +0 -1
  127. package/dist/components/keyboard/textKeyboard.js +0 -50
  128. package/dist/components/keyboard/textKeyboard.js.map +0 -1
  129. package/dist/components/layout/hamburger.js +0 -29
  130. package/dist/components/layout/hamburger.js.map +0 -1
  131. package/dist/components/layout/index.js +0 -31
  132. package/dist/components/layout/index.js.map +0 -1
  133. package/dist/components/layout/layout.js +0 -182
  134. package/dist/components/layout/layout.js.map +0 -1
  135. package/dist/components/layout/sider.js +0 -165
  136. package/dist/components/layout/sider.js.map +0 -1
  137. package/dist/components/layout/style.less +0 -82
  138. package/dist/components/loading/index.js +0 -198
  139. package/dist/components/loading/index.js.map +0 -1
  140. package/dist/components/loading/loadingContent.js +0 -176
  141. package/dist/components/loading/loadingContent.js.map +0 -1
  142. package/dist/components/loading/style.less +0 -61
  143. package/dist/components/loading/utils.js +0 -29
  144. package/dist/components/loading/utils.js.map +0 -1
  145. package/dist/components/message/index.js +0 -308
  146. package/dist/components/message/index.js.map +0 -1
  147. package/dist/components/message/index.less +0 -101
  148. package/dist/components/modal/index.js +0 -93
  149. package/dist/components/modal/index.js.map +0 -1
  150. package/dist/components/modal/index.less +0 -19
  151. package/dist/components/modalVertical/index.js +0 -325
  152. package/dist/components/modalVertical/index.js.map +0 -1
  153. package/dist/components/modalVertical/style.less +0 -60
  154. package/dist/components/modalWraper/index.js +0 -470
  155. package/dist/components/modalWraper/index.js.map +0 -1
  156. package/dist/components/modalWraper/style.less +0 -257
  157. package/dist/components/modalWraper/utils.js +0 -48
  158. package/dist/components/modalWraper/utils.js.map +0 -1
  159. package/dist/components/notification/index.js +0 -119
  160. package/dist/components/notification/index.js.map +0 -1
  161. package/dist/components/notification/index.less +0 -52
  162. package/dist/components/overflowTip/index.js +0 -269
  163. package/dist/components/overflowTip/index.js.map +0 -1
  164. package/dist/components/overflowTip/style.less +0 -66
  165. package/dist/components/page/index.js +0 -49
  166. package/dist/components/page/index.js.map +0 -1
  167. package/dist/components/page/index.less +0 -22
  168. package/dist/components/product/detail.js +0 -148
  169. package/dist/components/product/detail.js.map +0 -1
  170. package/dist/components/product/getCard.js +0 -145
  171. package/dist/components/product/getCard.js.map +0 -1
  172. package/dist/components/product/index.less +0 -128
  173. package/dist/components/progressState/EmptyAndErrorView.js +0 -143
  174. package/dist/components/progressState/EmptyAndErrorView.js.map +0 -1
  175. package/dist/components/progressState/ProgressState.js +0 -157
  176. package/dist/components/progressState/ProgressState.js.map +0 -1
  177. package/dist/components/progressState/index.js +0 -14
  178. package/dist/components/progressState/index.js.map +0 -1
  179. package/dist/components/progressState/style.less +0 -65
  180. package/dist/components/scan/index.js +0 -219
  181. package/dist/components/scan/index.js.map +0 -1
  182. package/dist/components/scan/index.less +0 -34
  183. package/dist/components/select/index.js +0 -28
  184. package/dist/components/select/index.js.map +0 -1
  185. package/dist/components/select/index.less +0 -12
  186. package/dist/components/settlement/asyncModal.js +0 -204
  187. package/dist/components/settlement/asyncModal.js.map +0 -1
  188. package/dist/components/settlement/index.js +0 -16
  189. package/dist/components/settlement/index.js.map +0 -1
  190. package/dist/components/settlement/prototypeTable/index.js +0 -349
  191. package/dist/components/settlement/prototypeTable/index.js.map +0 -1
  192. package/dist/components/settlement/prototypeTable/style.less +0 -59
  193. package/dist/components/settlement/prototypeTable/utils.js +0 -14
  194. package/dist/components/settlement/prototypeTable/utils.js.map +0 -1
  195. package/dist/components/settlement/settlement.js +0 -5477
  196. package/dist/components/settlement/settlement.js.map +0 -1
  197. package/dist/components/settlement/settlement.less +0 -1595
  198. package/dist/components/settlement/settlementStore.js +0 -2121
  199. package/dist/components/settlement/settlementStore.js.map +0 -1
  200. package/dist/components/settlement/utils.js +0 -249
  201. package/dist/components/settlement/utils.js.map +0 -1
  202. package/dist/components/socket/index.js +0 -220
  203. package/dist/components/socket/index.js.map +0 -1
  204. package/dist/components/spin/index.js +0 -95
  205. package/dist/components/spin/index.js.map +0 -1
  206. package/dist/components/spin/spin-style.less +0 -436
  207. package/dist/components/test/index.js +0 -330
  208. package/dist/components/test/index.js.map +0 -1
  209. package/dist/components/ticon/iconfont/demo.css +0 -539
  210. package/dist/components/ticon/iconfont/demo_index.html +0 -5202
  211. package/dist/components/ticon/iconfont/iconfont.css +0 -887
  212. package/dist/components/ticon/iconfont/iconfont.eot +0 -0
  213. package/dist/components/ticon/iconfont/iconfont.js +0 -35
  214. package/dist/components/ticon/iconfont/iconfont.js.map +0 -1
  215. package/dist/components/ticon/iconfont/iconfont.json +0 -1535
  216. package/dist/components/ticon/iconfont/iconfont.svg +0 -593
  217. package/dist/components/ticon/iconfont/iconfont.ttf +0 -0
  218. package/dist/components/ticon/iconfont/iconfont.woff +0 -0
  219. package/dist/components/ticon/iconfont/iconfont.woff2 +0 -0
  220. package/dist/components/ticon/index.js +0 -60
  221. package/dist/components/ticon/index.js.map +0 -1
  222. package/dist/components/touchScroll/index.js +0 -182
  223. package/dist/components/touchScroll/index.js.map +0 -1
  224. package/dist/components/touchTable/AuthProcess.js +0 -42
  225. package/dist/components/touchTable/AuthProcess.js.map +0 -1
  226. package/dist/components/touchTable/generateWater.js +0 -59
  227. package/dist/components/touchTable/generateWater.js.map +0 -1
  228. package/dist/components/touchTable/index.js +0 -1110
  229. package/dist/components/touchTable/index.js.map +0 -1
  230. package/dist/components/touchTable/index.less +0 -370
  231. package/dist/components/touchTable/utils.js +0 -14
  232. package/dist/components/touchTable/utils.js.map +0 -1
  233. package/dist/demo/PopOverDemo.js +0 -126
  234. package/dist/demo/PopOverDemo.js.map +0 -1
  235. package/dist/index.js +0 -261
  236. package/dist/index.js.map +0 -1
  237. package/dist/util/tools.js +0 -202
  238. package/dist/util/tools.js.map +0 -1
@@ -1,125 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = undefined;
7
-
8
- var _regenerator = require('babel-runtime/regenerator');
9
-
10
- var _regenerator2 = _interopRequireDefault(_regenerator);
11
-
12
- var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
13
-
14
- var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
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 _tplusApi = require('tplus-api');
25
-
26
- var _tools = require('../../util/tools');
27
-
28
- var _tools2 = _interopRequireDefault(_tools);
29
-
30
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
-
32
- /**
33
- * 记操作日志API
34
- * POS端每个操作都需要在T+的表EAP_OPERATION
35
- */
36
- var OperationLogApi = function () {
37
- function OperationLogApi() {
38
- (0, _classCallCheck3.default)(this, OperationLogApi);
39
- }
40
-
41
- (0, _createClass3.default)(OperationLogApi, null, [{
42
- key: 'log',
43
-
44
- //获取存货明细信息
45
- value: function () {
46
- var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(params) {
47
- var operationName, description;
48
- return _regenerator2.default.wrap(function _callee$(_context) {
49
- while (1) {
50
- switch (_context.prev = _context.next) {
51
- case 0:
52
- operationName = params.operationName, description = params.description;
53
- _context.next = 3;
54
- return (0, _tplusApi.tApi)({
55
- bringType: '1',
56
- strModuleCode: 'RE',
57
- strFunctionCode: 'RE3002',
58
- strOperationName: operationName,
59
- status: 1,
60
- strDocNo: '1234567',
61
- strDescription: description,
62
- dtFunctionDate: _tools2.default.getCurDateTime()
63
- }, 'chanjet.SM.CommonInterface.IOperationLogService.AddLog', false, false);
64
-
65
- case 3:
66
- return _context.abrupt('return', _context.sent);
67
-
68
- case 4:
69
- case 'end':
70
- return _context.stop();
71
- }
72
- }
73
- }, _callee, this);
74
- }));
75
-
76
- function log(_x) {
77
- return _ref.apply(this, arguments);
78
- }
79
-
80
- return log;
81
- }()
82
- //添加POS操作日志
83
-
84
- }, {
85
- key: 'addPosLogWithShow',
86
- value: function () {
87
- var _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(title, docno, description, isShow) {
88
- return _regenerator2.default.wrap(function _callee2$(_context2) {
89
- while (1) {
90
- switch (_context2.prev = _context2.next) {
91
- case 0:
92
- if (!docno) {
93
- docno = " ";
94
- }
95
- _context2.next = 3;
96
- return (0, _tplusApi.addOperatorLog)({
97
- title: title,
98
- code: docno,
99
- description: description,
100
- isShow: isShow
101
- });
102
-
103
- case 3:
104
- return _context2.abrupt('return', _context2.sent);
105
-
106
- case 4:
107
- case 'end':
108
- return _context2.stop();
109
- }
110
- }
111
- }, _callee2, this);
112
- }));
113
-
114
- function addPosLogWithShow(_x2, _x3, _x4, _x5) {
115
- return _ref2.apply(this, arguments);
116
- }
117
-
118
- return addPosLogWithShow;
119
- }()
120
- }]);
121
- return OperationLogApi;
122
- }();
123
-
124
- exports.default = OperationLogApi;
125
- //# sourceMappingURL=OperationLogApi.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["tplus-components-touch/components/addLog/OperationLogApi.js"],"names":["OperationLogApi","params","operationName","description","bringType","strModuleCode","strFunctionCode","strOperationName","status","strDocNo","strDescription","dtFunctionDate","tools","getCurDateTime","title","docno","isShow","code"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AACA;;;;IAIqBA,e;;;;;;;;AACjB;;iHACiBC,M;;;;;;AACNC,6C,GAA6BD,M,CAA7BC,a,EAAcC,W,GAAeF,M,CAAfE,W;;uCACR,oBAAK;AACdC,+CAAW,GADG;AAEdC,mDAAe,IAFD;AAGdC,qDAAiB,QAHH;AAIdC,sDAAkBL,aAJJ;AAKdM,4CAAQ,CALM;AAMdC,8CAAU,SANI;AAOdC,oDAAgBP,WAPF;AAQdQ,oDAAgBC,gBAAMC,cAAN;AARF,iCAAL,EASV,wDATU,EASgD,KAThD,EASuD,KATvD,C;;;;;;;;;;;;;;;;;;;AAWhB;;;;;mHAC8BC,K,EAAMC,K,EAAMZ,W,EAAYa,M;;;;;AAEnD,oCAAG,CAACD,KAAJ,EACA;AACIA,4CAAM,GAAN;AACH;;uCACY,8BAAe;AACxBD,2CAAOA,KADiB;AAExBG,0CAAMF,KAFkB;AAGxBZ,iDAAaA,WAHW;AAIxBa,4CAAOA;AAJiB,iCAAf,C;;;;;;;;;;;;;;;;;;;;;;;kBAtBAhB,e","file":"OperationLogApi.js","sourcesContent":["import { tApi,addOperatorLog } from 'tplus-api';\r\nimport tools from '../../util/tools';\r\n/**\r\n * 记操作日志API\r\n * POS端每个操作都需要在T+的表EAP_OPERATION\r\n */\r\nexport default class OperationLogApi {\r\n //获取存货明细信息\r\n static async log(params) {\r\n const {operationName,description} = params;\r\n return await tApi({\r\n bringType: '1',\r\n strModuleCode: 'RE',\r\n strFunctionCode: 'RE3002',\r\n strOperationName: operationName,\r\n status: 1,\r\n strDocNo: '1234567',\r\n strDescription: description,\r\n dtFunctionDate: tools.getCurDateTime(),\r\n }, 'chanjet.SM.CommonInterface.IOperationLogService.AddLog', false, false);\r\n }\r\n //添加POS操作日志\r\n static async addPosLogWithShow(title,docno,description,isShow)\r\n {\r\n if(!docno)\r\n {\r\n docno=\" \";\r\n }\r\n return await addOperatorLog({\r\n title: title,\r\n code: docno,\r\n description: description,\r\n isShow:isShow\r\n });\r\n }\r\n}\r\n\r\n"]}
@@ -1,245 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = undefined;
7
-
8
- var _input = require('antd/es/input');
9
-
10
- var _input2 = _interopRequireDefault(_input);
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
- /**
34
- * 由于 tinper-bee 的 autocomplete 不能适应 带有键盘的情况,所以封装一个
35
- * @param type 传入 'search' 则输入框前 有放大镜icon
36
- * @param placeholder
37
- * @param onSelect 选择下拉时触发,返回 option 中的value
38
- * @param onClick 点击input时触发
39
- * @param onChange input中值改变时触发
40
- * @param onBlur blur时触发
41
- * @param style
42
- * @param className
43
- * @param bottomTouchEvent 触底事件
44
- *
45
- * 对外提供 实例的 outSideChangeValue 方法,用来设置input的值,通过ref调用
46
- * getValue 方法,获取 input 的值
47
- */
48
-
49
- require('antd/es/input/style');
50
-
51
- var _react = require('react');
52
-
53
- var _react2 = _interopRequireDefault(_react);
54
-
55
- var _index = require('../../index');
56
-
57
- require('./index.less');
58
-
59
- var _propTypes = require('prop-types');
60
-
61
- var _propTypes2 = _interopRequireDefault(_propTypes);
62
-
63
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
64
-
65
- var AutoComplete = (_temp = _class = function (_React$Component) {
66
- (0, _inherits3.default)(AutoComplete, _React$Component);
67
-
68
- function AutoComplete(props) {
69
- (0, _classCallCheck3.default)(this, AutoComplete);
70
-
71
- var _this = (0, _possibleConstructorReturn3.default)(this, (AutoComplete.__proto__ || (0, _getPrototypeOf2.default)(AutoComplete)).call(this, props));
72
-
73
- _this.onSelect = function (v) {
74
- _this.props.onSelect && _this.props.onSelect(v);
75
- };
76
-
77
- _this.onChange = function (e) {
78
- _this.setState({
79
- value: e.target.value,
80
- open: true
81
- });
82
- _this.props.onChange && _this.props.onChange(e.target.value);
83
- };
84
-
85
- _this.onKeyDown = function (e) {
86
- _this.props.onKeyDown && _this.props.onKeyDown(e);
87
- };
88
-
89
- _this.getOptions = function () {
90
- return _this.props.children ? _react2.default.Children.map(_this.props.children, function (child, i) {
91
- child = _react2.default.cloneElement(child, {
92
- onClick: _this.itemClick
93
- });
94
- return child;
95
- }) : _this.props.dataSource.map(function (item) {
96
- return _react2.default.createElement(
97
- 'li',
98
- { className: 'auto-complete-li', key: item, onClick: _this.itemClick.bind(_this, item, item) },
99
- item
100
- );
101
- });
102
- };
103
-
104
- _this.focus = function () {
105
- _this.setState({
106
- open: true
107
- });
108
- _this.props.onFocus && _this.props.onFocus();
109
- };
110
-
111
- _this.blur = function () {
112
- _this.setState({
113
- open: false
114
- });
115
- _this.props.onBlur && _this.props.onBlur();
116
- };
117
-
118
- _this.itemClick = function (value, showValue) {
119
- showValue = showValue ? showValue : value;
120
- _this.props.onSelect && _this.props.onSelect(value, showValue);
121
- _this.setState({
122
- open: false,
123
- value: _this.props.clearAfterSelect ? '' : showValue
124
- });
125
- };
126
-
127
- _this.inputClick = function () {
128
- _this.setState({ open: true });
129
- _this.props.onClick && _this.props.onClick();
130
- };
131
-
132
- _this.outSideChangeValue = function (v) {
133
- _this.setState({
134
- value: v
135
- });
136
- };
137
-
138
- _this.getValue = function () {
139
- return _this.state.value;
140
- };
141
-
142
- _this.onScroll = function (e) {
143
- // console.log(e.target.scrollTop , e.target.offsetHeight, this.getOptions().length * 30);
144
- if (_this.timer) {
145
- clearTimeout(_this.timer);
146
- }
147
- if (e.target.scrollTop + e.target.offsetHeight >= _this.getOptions().length * 30) {
148
- _this.timer = setTimeout(function () {
149
- _this.props.bottomTouchEvent && _this.props.bottomTouchEvent();
150
- }, 100);
151
- }
152
- };
153
-
154
- _this.iconRigthClick = function () {
155
- _this.props.iconRigthClick && _this.props.iconRigthClick();
156
- _this.input.input.focus();
157
- };
158
-
159
- _this.state = {
160
- open: false,
161
- value: ''
162
- };
163
- return _this;
164
- }
165
-
166
- (0, _createClass3.default)(AutoComplete, [{
167
- key: 'render',
168
- value: function render() {
169
- var _this2 = this;
170
-
171
- var _state = this.state,
172
- open = _state.open,
173
- value = _state.value;
174
- var _props = this.props,
175
- children = _props.children,
176
- _props$placeholder = _props.placeholder,
177
- placeholder = _props$placeholder === undefined ? '' : _props$placeholder,
178
- dataSource = _props.dataSource,
179
- maxHeight = _props.maxHeight,
180
- style = _props.style,
181
- className = _props.className,
182
- iconRigthClick = _props.iconRigthClick,
183
- icon = _props.icon,
184
- showDropDownPanel = _props.showDropDownPanel;
185
-
186
-
187
- return _react2.default.createElement(
188
- 'div',
189
- { className: 'auto-complete' },
190
- this.props.type !== 'search' ? _react2.default.createElement(_input2.default, {
191
- className: "auto-complete-input " + className,
192
- value: this.state.value,
193
- onChange: this.onChange,
194
- onFocus: this.focus,
195
- onBlur: this.blur,
196
- placeholder: placeholder,
197
- onClick: this.inputClick,
198
- ref: function ref(input) {
199
- return _this2.input = input;
200
- },
201
- style: style,
202
- onKeyDown: this.onKeyDown,
203
- suffix: _react2.default.createElement(_index.Ticon, { type: icon, className: 'xialaqietu3', onClick: this.iconRigthClick })
204
- }) : _react2.default.createElement(_input2.default, {
205
- prefix: _react2.default.createElement(_index.Ticon, { type: 'sousuo', className: 'search' }),
206
- suffix: _react2.default.createElement(_index.Ticon, { type: icon, className: 'xialaqietu3', onClick: this.iconRigthClick }),
207
- type: 'text',
208
- className: "auto-complete-input " + className,
209
- value: this.state.value,
210
- onChange: this.onChange,
211
- onFocus: this.focus,
212
- onBlur: this.blur,
213
- placeholder: placeholder,
214
- onClick: this.inputClick,
215
- ref: function ref(input) {
216
- return _this2.input = input;
217
- },
218
- style: style
219
- }),
220
- (showDropDownPanel === true ? true : open) && (children && children.length > 0 || dataSource && dataSource.length > 0) ? _react2.default.createElement(
221
- 'ul',
222
- { className: showDropDownPanel === true ? 'auto-complete-ul showDropDownPanel' : 'auto-complete-ul', style: { maxHeight: maxHeight }, onMouseDown: function onMouseDown(e) {
223
- return e.preventDefault();
224
- }, onScroll: this.onScroll },
225
- this.getOptions()
226
- ) : null
227
- );
228
- }
229
- }]);
230
- return AutoComplete;
231
- }(_react2.default.Component), _class.propTypes = {
232
- type: _propTypes2.default.string,
233
- placeholder: _propTypes2.default.string,
234
- onSelect: _propTypes2.default.func,
235
- onClick: _propTypes2.default.func,
236
- onChange: _propTypes2.default.func,
237
- onKeyDown: _propTypes2.default.func,
238
- onBlur: _propTypes2.default.func,
239
- clearAfterSelect: _propTypes2.default.bool,
240
- style: _propTypes2.default.object,
241
- className: _propTypes2.default.string,
242
- bottomTouchEvent: _propTypes2.default.func
243
- }, _temp);
244
- exports.default = AutoComplete;
245
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["tplus-components-touch/components/autoComplete/index.js"],"names":["AutoComplete","props","onSelect","v","onChange","e","setState","value","target","open","onKeyDown","getOptions","children","React","Children","map","child","i","cloneElement","onClick","itemClick","dataSource","item","bind","focus","onFocus","blur","onBlur","showValue","clearAfterSelect","inputClick","outSideChangeValue","getValue","state","onScroll","timer","clearTimeout","scrollTop","offsetHeight","length","setTimeout","bottomTouchEvent","iconRigthClick","input","placeholder","maxHeight","style","className","icon","showDropDownPanel","type","preventDefault","Component","propTypes","PropTypes","string","func","bool","object"],"mappings":"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","file":"index.js","sourcesContent":["\r\n/**\r\n * 由于 tinper-bee 的 autocomplete 不能适应 带有键盘的情况,所以封装一个\r\n * @param type 传入 'search' 则输入框前 有放大镜icon\r\n * @param placeholder\r\n * @param onSelect 选择下拉时触发,返回 option 中的value\r\n * @param onClick 点击input时触发\r\n * @param onChange input中值改变时触发\r\n * @param onBlur blur时触发\r\n * @param style\r\n * @param className\r\n * @param bottomTouchEvent 触底事件\r\n *\r\n * 对外提供 实例的 outSideChangeValue 方法,用来设置input的值,通过ref调用\r\n * getValue 方法,获取 input 的值\r\n */\r\n\r\nimport React from 'react';\r\nimport { Input } from 'antd';\r\nimport { Ticon } from '../../index';\r\nimport './index.less';\r\nimport PropTypes from 'prop-types'\r\n\r\nexport default class AutoComplete extends React.Component {\r\n static propTypes = {\r\n type: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n onSelect: PropTypes.func,\r\n onClick: PropTypes.func,\r\n onChange: PropTypes.func,\r\n onKeyDown: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n clearAfterSelect: PropTypes.bool,\r\n style:PropTypes.object,\r\n className:PropTypes.string,\r\n bottomTouchEvent: PropTypes.func\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n open: false,\r\n value: ''\r\n }\r\n }\r\n\r\n onSelect = (v) => {\r\n this.props.onSelect && this.props.onSelect(v);\r\n }\r\n\r\n onChange = (e) => {\r\n this.setState({\r\n value: e.target.value,\r\n open: true\r\n })\r\n this.props.onChange && this.props.onChange(e.target.value);\r\n }\r\n\r\n onKeyDown = (e) => {\r\n this.props.onKeyDown && this.props.onKeyDown(e);\r\n }\r\n\r\n getOptions = () => {\r\n return this.props.children ?\r\n React.Children.map(this.props.children, (child, i) => {\r\n child = React.cloneElement(child, {\r\n onClick: this.itemClick\r\n })\r\n return child;\r\n })\r\n :\r\n this.props.dataSource.map(item => (\r\n <li className='auto-complete-li' key={item} onClick={this.itemClick.bind(this, item, item)}>{item}</li>\r\n ))\r\n }\r\n\r\n focus = () => {\r\n this.setState({\r\n open: true\r\n })\r\n this.props.onFocus && this.props.onFocus();\r\n }\r\n\r\n blur = () => {\r\n this.setState({\r\n open: false\r\n })\r\n this.props.onBlur && this.props.onBlur();\r\n }\r\n\r\n itemClick = (value, showValue) => {\r\n showValue = showValue ? showValue : value;\r\n this.props.onSelect && this.props.onSelect(value, showValue);\r\n this.setState({\r\n open: false,\r\n value: this.props.clearAfterSelect ? '' : showValue\r\n })\r\n }\r\n\r\n inputClick = () => {\r\n this.setState({ open: true })\r\n this.props.onClick && this.props.onClick();\r\n }\r\n\r\n outSideChangeValue = (v) => {\r\n this.setState({\r\n value: v\r\n })\r\n }\r\n\r\n getValue = () => {\r\n return this.state.value;\r\n }\r\n\r\n onScroll = (e) => {\r\n // console.log(e.target.scrollTop , e.target.offsetHeight, this.getOptions().length * 30);\r\n if (this.timer) {\r\n clearTimeout(this.timer);\r\n }\r\n if (e.target.scrollTop + e.target.offsetHeight >= this.getOptions().length * 30) {\r\n this.timer = setTimeout(() => {\r\n this.props.bottomTouchEvent && this.props.bottomTouchEvent();\r\n }, 100)\r\n }\r\n }\r\n\r\n iconRigthClick = () => {\r\n this.props.iconRigthClick && this.props.iconRigthClick();\r\n this.input.input.focus();\r\n }\r\n\r\n render() {\r\n const { open, value } = this.state;\r\n const { children, placeholder = '', dataSource, maxHeight ,style,className, iconRigthClick, icon,showDropDownPanel} = this.props;\r\n\r\n return (\r\n <div className='auto-complete'>\r\n {\r\n this.props.type !== 'search' ?\r\n <Input\r\n className={\"auto-complete-input \"+className}\r\n value={this.state.value}\r\n onChange={this.onChange}\r\n onFocus={this.focus}\r\n onBlur={this.blur}\r\n placeholder={placeholder}\r\n onClick={this.inputClick}\r\n ref={input => this.input = input}\r\n style={style}\r\n onKeyDown={this.onKeyDown}\r\n suffix={<Ticon type={icon} className='xialaqietu3' onClick={this.iconRigthClick}/>}\r\n />\r\n :\r\n <Input\r\n prefix={<Ticon type='sousuo' className='search' />}\r\n suffix={<Ticon type={icon} className='xialaqietu3' onClick={this.iconRigthClick}/>}\r\n type=\"text\"\r\n className={\"auto-complete-input \"+className}\r\n value={this.state.value}\r\n onChange={this.onChange}\r\n onFocus={this.focus}\r\n onBlur={this.blur}\r\n placeholder={placeholder}\r\n onClick={this.inputClick}\r\n ref={input => this.input = input}\r\n style={style}\r\n />\r\n\r\n }\r\n {\r\n (showDropDownPanel === true ? true : open) && (children && children.length > 0 || dataSource && dataSource.length > 0) ?\r\n <ul className={showDropDownPanel === true ? 'auto-complete-ul showDropDownPanel' : 'auto-complete-ul'} style={{ maxHeight: maxHeight }} onMouseDown={e => e.preventDefault()} onScroll={this.onScroll}>\r\n {\r\n this.getOptions()\r\n }\r\n </ul>\r\n :\r\n null\r\n }\r\n </div>\r\n )\r\n }\r\n}"]}
@@ -1,89 +0,0 @@
1
- .auto-complete {
2
- position: relative;
3
-
4
- .auto-complete-input:placeholder {
5
-
6
- }
7
-
8
- @keyframes auto-complete {
9
- 0% {
10
- opacity: 0;
11
- }
12
-
13
- 100% {
14
- opacity: 1;
15
- }
16
- }
17
-
18
- .u-input-group {
19
- .search {
20
- position: absolute;
21
- top: 2px;
22
- left: 8px;
23
- font-size: 20px;
24
- z-index: 9;
25
- color: #999;
26
- }
27
- .xialaqietu3{
28
- position: absolute;
29
- top: 4px;
30
- right: 10px;
31
- color: #999;
32
- }
33
- input {
34
- padding-left: 10px;
35
- }
36
- }
37
-
38
-
39
- .auto-complete-ul {
40
- position: absolute;
41
- width: 100%;
42
- left: 0;
43
- top: 36px;
44
- // border: 1px solid #CCC;
45
- margin: 0;
46
- padding: 0;
47
- animation:auto-complete .2s;
48
- animation-timing-function: ease-in-out;
49
- z-index: 999;
50
- background: #FFF;
51
- overflow-y: auto;
52
-
53
- -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
54
- box-shadow: 0 1px 6px rgba(0,0,0,.2);
55
- border-radius: 3px;
56
- -webkit-box-sizing: border-box;
57
- box-sizing: border-box;
58
-
59
- .auto-complete-li {
60
- height: 30px;
61
- padding-left: 5px;
62
- line-height: 30px;
63
- list-style: none;
64
- overflow: hidden;
65
- word-break: keep-all;
66
- white-space: nowrap;
67
- text-overflow: ellipsis;
68
- &:hover {
69
- // background: #CCC;
70
- color: #FF8C25;
71
- }
72
- }
73
-
74
- .active {
75
- background: #ccc;
76
- }
77
- }
78
-
79
- .showDropDownPanel {
80
- -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
81
- box-shadow : 0 0 2px rgba(0, 0, 0, .2);
82
- // max-height: 166px !important;
83
- }
84
- }
85
-
86
- .option-li {
87
- list-style: none;
88
- cursor: pointer;
89
- }
@@ -1,75 +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
- var _react = require('react');
31
-
32
- var _react2 = _interopRequireDefault(_react);
33
-
34
- var _propTypes = require('prop-types');
35
-
36
- var _propTypes2 = _interopRequireDefault(_propTypes);
37
-
38
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
39
-
40
- var Option = (_temp = _class = function (_React$Component) {
41
- (0, _inherits3.default)(Option, _React$Component);
42
-
43
- function Option() {
44
- (0, _classCallCheck3.default)(this, Option);
45
- return (0, _possibleConstructorReturn3.default)(this, (Option.__proto__ || (0, _getPrototypeOf2.default)(Option)).call(this));
46
- }
47
-
48
- (0, _createClass3.default)(Option, [{
49
- key: 'render',
50
- value: function render() {
51
- var _props = this.props,
52
- value = _props.value,
53
- _props$className = _props.className,
54
- className = _props$className === undefined ? '' : _props$className,
55
- children = _props.children,
56
- onClick = _props.onClick,
57
- showValue = _props.showValue;
58
-
59
- return _react2.default.createElement(
60
- 'li',
61
- { className: className + ' auto-complete-li option-li', value: value, onClick: onClick && onClick.bind(this, value, showValue) },
62
- children
63
- );
64
- }
65
- }]);
66
- return Option;
67
- }(_react2.default.Component), _class.propTypes = {
68
- value: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
69
- className: _propTypes2.default.string,
70
- showValue: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
71
- onClick: _propTypes2.default.func,
72
- children: _propTypes2.default.node
73
- }, _temp);
74
- exports.default = Option;
75
- //# sourceMappingURL=option.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["tplus-components-touch/components/autoComplete/option.js"],"names":["Option","props","value","className","children","onClick","showValue","bind","React","Component","propTypes","PropTypes","oneOfType","string","number","func","node"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;;;;;IACqBA,M;;;AAgBnB,oBAAc;AAAA;AAAA;AAEb;;;;6BAEQ;AAAA,mBACqD,KAAKC,KAD1D;AAAA,UACAC,KADA,UACAA,KADA;AAAA,oCACOC,SADP;AAAA,UACOA,SADP,oCACiB,EADjB;AAAA,UACqBC,QADrB,UACqBA,QADrB;AAAA,UAC+BC,OAD/B,UAC+BA,OAD/B;AAAA,UACwCC,SADxC,UACwCA,SADxC;;AAEP,aACE;AAAA;AAAA,UAAI,WAAcH,SAAd,gCAAJ,EAA0D,OAAOD,KAAjE,EAAwE,SAASG,WAAWA,QAAQE,IAAR,CAAa,IAAb,EAAmBL,KAAnB,EAA0BI,SAA1B,CAA5F;AACGF;AADH,OADF;AAKD;;;EA3BiCI,gBAAMC,S,UAEjCC,S,GAAY;AACjBR,SAAOS,oBAAUC,SAAV,CAAoB,CACzBD,oBAAUE,MADe,EAEzBF,oBAAUG,MAFe,CAApB,CADU;AAKjBX,aAAWQ,oBAAUE,MALJ;AAMjBP,aAAWK,oBAAUC,SAAV,CAAoB,CAC7BD,oBAAUE,MADmB,EAE7BF,oBAAUG,MAFmB,CAApB,CANM;AAUjBT,WAASM,oBAAUI,IAVF;AAWjBX,YAAUO,oBAAUK;AAXH,C;kBAFAhB,M","file":"option.js","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types'\r\nexport default class Option extends React.Component {\r\n\r\n static propTypes = {\r\n value: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number\r\n ]),\r\n className: PropTypes.string,\r\n showValue: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number\r\n ]),\r\n onClick: PropTypes.func,\r\n children: PropTypes.node\r\n }\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n render() {\r\n const {value, className='', children, onClick, showValue} = this.props;\r\n return (\r\n <li className={`${className} auto-complete-li option-li`} value={value} onClick={onClick && onClick.bind(this, value, showValue)}>\r\n {children}\r\n </li>\r\n )\r\n }\r\n}"]}