tplus-components-touch 3.27.2 → 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.
- package/README.md +16 -16
- package/locales/zh/tplus-components-touch.json +1 -1
- package/locales/zh-CN/tplus-components-touch.json +1 -1
- package/mocks/memberInfo.json +79 -79
- package/package.json +2 -2
- package/tsconfig.json +26 -26
- package/dist/components/acCitySelect/CitySelect.js +0 -541
- package/dist/components/acCitySelect/CitySelect.js.map +0 -1
- package/dist/components/acCitySelect/CitySelect.less +0 -10
- package/dist/components/acCitySelect/citys.js +0 -1270
- package/dist/components/acCitySelect/citys.js.map +0 -1
- package/dist/components/acCitySelect/index.js +0 -18
- package/dist/components/acCitySelect/index.js.map +0 -1
- package/dist/components/acCitySelect/provinceData.js +0 -40
- package/dist/components/acCitySelect/provinceData.js.map +0 -1
- package/dist/components/addLog/AddLogProcessor.js +0 -49
- package/dist/components/addLog/AddLogProcessor.js.map +0 -1
- package/dist/components/addLog/OperationLogApi.js +0 -125
- package/dist/components/addLog/OperationLogApi.js.map +0 -1
- package/dist/components/autoComplete/index.js +0 -245
- package/dist/components/autoComplete/index.js.map +0 -1
- package/dist/components/autoComplete/index.less +0 -89
- package/dist/components/autoComplete/option.js +0 -75
- package/dist/components/autoComplete/option.js.map +0 -1
- package/dist/components/autoCompleteWithKeyboard/index.js +0 -231
- package/dist/components/autoCompleteWithKeyboard/index.js.map +0 -1
- package/dist/components/autoCompleteWithKeyboard/index.less +0 -8
- package/dist/components/billSearch/api.js +0 -526
- package/dist/components/billSearch/api.js.map +0 -1
- package/dist/components/billSearch/index.js +0 -2063
- package/dist/components/billSearch/index.js.map +0 -1
- package/dist/components/billSearch/index.less +0 -373
- package/dist/components/cloudPrint/BTPrintFormatUtil.js +0 -568
- package/dist/components/cloudPrint/BTPrintFormatUtil.js.map +0 -1
- package/dist/components/cloudPrint/api.js +0 -349
- package/dist/components/cloudPrint/api.js.map +0 -1
- package/dist/components/cloudPrint/index.js +0 -674
- package/dist/components/cloudPrint/index.js.map +0 -1
- package/dist/components/cloudPrint/printDispatch.js +0 -223
- package/dist/components/cloudPrint/printDispatch.js.map +0 -1
- package/dist/components/commonForm/addressPicker/index.js +0 -241
- package/dist/components/commonForm/addressPicker/index.js.map +0 -1
- package/dist/components/commonForm/addressPicker/style.less +0 -11
- package/dist/components/commonForm/autoComplete/index.js +0 -241
- package/dist/components/commonForm/autoComplete/index.js.map +0 -1
- package/dist/components/commonForm/autoComplete/style.less +0 -3
- package/dist/components/commonForm/datePicker/index.js +0 -89
- package/dist/components/commonForm/datePicker/index.js.map +0 -1
- package/dist/components/commonForm/datePicker/style.less +0 -5
- package/dist/components/commonForm/formControl/index.js +0 -143
- package/dist/components/commonForm/formControl/index.js.map +0 -1
- package/dist/components/commonForm/formControl/style.less +0 -0
- package/dist/components/commonForm/index.js +0 -231
- package/dist/components/commonForm/index.js.map +0 -1
- package/dist/components/commonForm/inputNumber/index.js +0 -272
- package/dist/components/commonForm/inputNumber/index.js.map +0 -1
- package/dist/components/commonForm/inputNumber/style.less +0 -11
- package/dist/components/commonForm/radio/index.js +0 -132
- package/dist/components/commonForm/radio/index.js.map +0 -1
- package/dist/components/commonForm/radio/style.less +0 -0
- package/dist/components/commonForm/style.less +0 -2
- package/dist/components/deliverySearch/api.js +0 -355
- package/dist/components/deliverySearch/api.js.map +0 -1
- package/dist/components/deliverySearch/index.js +0 -1214
- package/dist/components/deliverySearch/index.js.map +0 -1
- package/dist/components/deliverySearch/index.less +0 -554
- package/dist/components/form/index.js +0 -310
- package/dist/components/form/index.js.map +0 -1
- package/dist/components/hardwareAPI/index.js +0 -181
- package/dist/components/hardwareAPI/index.js.map +0 -1
- package/dist/components/hotKey/config.js +0 -306
- package/dist/components/hotKey/config.js.map +0 -1
- package/dist/components/hotKey/hotKeyModal.js +0 -479
- package/dist/components/hotKey/hotKeyModal.js.map +0 -1
- package/dist/components/hotKey/index.js +0 -785
- package/dist/components/hotKey/index.js.map +0 -1
- package/dist/components/hotKey/localConfig.js +0 -1073
- package/dist/components/hotKey/localConfig.js.map +0 -1
- package/dist/components/hotKey/style.less +0 -96
- package/dist/components/hotKey/utils.js +0 -135
- package/dist/components/hotKey/utils.js.map +0 -1
- package/dist/components/input/index.js +0 -251
- package/dist/components/input/index.js.map +0 -1
- package/dist/components/input/style.less +0 -99
- package/dist/components/input/tplusInput/index.js +0 -81
- package/dist/components/input/tplusInput/index.js.map +0 -1
- package/dist/components/input/tplusInput/inputContent.js +0 -128
- package/dist/components/input/tplusInput/inputContent.js.map +0 -1
- package/dist/components/input/tplusInput/inputs.js +0 -151
- package/dist/components/input/tplusInput/inputs.js.map +0 -1
- package/dist/components/input/tplusInput/style.less +0 -132
- package/dist/components/input/utils/index.js +0 -26
- package/dist/components/input/utils/index.js.map +0 -1
- package/dist/components/inventorySearch/api.js +0 -214
- package/dist/components/inventorySearch/api.js.map +0 -1
- package/dist/components/inventorySearch/index.js +0 -303
- package/dist/components/inventorySearch/index.js.map +0 -1
- package/dist/components/inventorySearch/index.less +0 -120
- package/dist/components/inventorySearch/store.js +0 -344
- package/dist/components/inventorySearch/store.js.map +0 -1
- package/dist/components/inventorySearch/tab.js +0 -258
- package/dist/components/inventorySearch/tab.js.map +0 -1
- package/dist/components/keyboard/index.js +0 -255
- package/dist/components/keyboard/index.js.map +0 -1
- package/dist/components/keyboard/index.less +0 -470
- package/dist/components/keyboard/letterKeyboard.js +0 -210
- package/dist/components/keyboard/letterKeyboard.js.map +0 -1
- package/dist/components/keyboard/numKeyboard.js +0 -459
- package/dist/components/keyboard/numKeyboard.js.map +0 -1
- package/dist/components/keyboard/numKeyboardScan.js +0 -195
- package/dist/components/keyboard/numKeyboardScan.js.map +0 -1
- package/dist/components/keyboard/numberButton_input.js +0 -303
- package/dist/components/keyboard/numberButton_input.js.map +0 -1
- package/dist/components/keyboard/numkeyboardPassword.js +0 -460
- package/dist/components/keyboard/numkeyboardPassword.js.map +0 -1
- package/dist/components/keyboard/onlyKeyboard.js +0 -90
- package/dist/components/keyboard/onlyKeyboard.js.map +0 -1
- package/dist/components/keyboard/onlyLetterButton.js +0 -187
- package/dist/components/keyboard/onlyLetterButton.js.map +0 -1
- package/dist/components/keyboard/onlyLetterButton2.js +0 -235
- package/dist/components/keyboard/onlyLetterButton2.js.map +0 -1
- package/dist/components/keyboard/onlyLetterButton2.less +0 -162
- package/dist/components/keyboard/onlyNumberButton.js +0 -128
- package/dist/components/keyboard/onlyNumberButton.js.map +0 -1
- package/dist/components/keyboard/onlyNumberButton2.js +0 -115
- package/dist/components/keyboard/onlyNumberButton2.js.map +0 -1
- package/dist/components/keyboard/textKeyboard.js +0 -50
- package/dist/components/keyboard/textKeyboard.js.map +0 -1
- package/dist/components/layout/hamburger.js +0 -29
- package/dist/components/layout/hamburger.js.map +0 -1
- package/dist/components/layout/index.js +0 -31
- package/dist/components/layout/index.js.map +0 -1
- package/dist/components/layout/layout.js +0 -182
- package/dist/components/layout/layout.js.map +0 -1
- package/dist/components/layout/sider.js +0 -165
- package/dist/components/layout/sider.js.map +0 -1
- package/dist/components/layout/style.less +0 -82
- package/dist/components/loading/index.js +0 -198
- package/dist/components/loading/index.js.map +0 -1
- package/dist/components/loading/loadingContent.js +0 -176
- package/dist/components/loading/loadingContent.js.map +0 -1
- package/dist/components/loading/style.less +0 -61
- package/dist/components/loading/utils.js +0 -29
- package/dist/components/loading/utils.js.map +0 -1
- package/dist/components/message/index.js +0 -308
- package/dist/components/message/index.js.map +0 -1
- package/dist/components/message/index.less +0 -101
- package/dist/components/modal/index.js +0 -93
- package/dist/components/modal/index.js.map +0 -1
- package/dist/components/modal/index.less +0 -19
- package/dist/components/modalVertical/index.js +0 -325
- package/dist/components/modalVertical/index.js.map +0 -1
- package/dist/components/modalVertical/style.less +0 -60
- package/dist/components/modalWraper/index.js +0 -470
- package/dist/components/modalWraper/index.js.map +0 -1
- package/dist/components/modalWraper/style.less +0 -257
- package/dist/components/modalWraper/utils.js +0 -48
- package/dist/components/modalWraper/utils.js.map +0 -1
- package/dist/components/notification/index.js +0 -119
- package/dist/components/notification/index.js.map +0 -1
- package/dist/components/notification/index.less +0 -52
- package/dist/components/overflowTip/index.js +0 -269
- package/dist/components/overflowTip/index.js.map +0 -1
- package/dist/components/overflowTip/style.less +0 -66
- package/dist/components/page/index.js +0 -49
- package/dist/components/page/index.js.map +0 -1
- package/dist/components/page/index.less +0 -22
- package/dist/components/presale/pickup.js +0 -419
- package/dist/components/presale/pickup.js.map +0 -1
- package/dist/components/presale/style.less +0 -48
- package/dist/components/product/detail.js +0 -148
- package/dist/components/product/detail.js.map +0 -1
- package/dist/components/product/getCard.js +0 -145
- package/dist/components/product/getCard.js.map +0 -1
- package/dist/components/product/index.less +0 -128
- package/dist/components/progressState/EmptyAndErrorView.js +0 -143
- package/dist/components/progressState/EmptyAndErrorView.js.map +0 -1
- package/dist/components/progressState/ProgressState.js +0 -157
- package/dist/components/progressState/ProgressState.js.map +0 -1
- package/dist/components/progressState/index.js +0 -14
- package/dist/components/progressState/index.js.map +0 -1
- package/dist/components/progressState/style.less +0 -65
- package/dist/components/scan/index.js +0 -219
- package/dist/components/scan/index.js.map +0 -1
- package/dist/components/scan/index.less +0 -34
- package/dist/components/select/index.js +0 -28
- package/dist/components/select/index.js.map +0 -1
- package/dist/components/select/index.less +0 -12
- package/dist/components/settlement/asyncModal.js +0 -204
- package/dist/components/settlement/asyncModal.js.map +0 -1
- package/dist/components/settlement/index.js +0 -16
- package/dist/components/settlement/index.js.map +0 -1
- package/dist/components/settlement/prototypeTable/index.js +0 -349
- package/dist/components/settlement/prototypeTable/index.js.map +0 -1
- package/dist/components/settlement/prototypeTable/style.less +0 -59
- package/dist/components/settlement/prototypeTable/utils.js +0 -14
- package/dist/components/settlement/prototypeTable/utils.js.map +0 -1
- package/dist/components/settlement/settlement.js +0 -5638
- package/dist/components/settlement/settlement.js.map +0 -1
- package/dist/components/settlement/settlement.less +0 -1601
- package/dist/components/settlement/settlementStore.js +0 -2151
- package/dist/components/settlement/settlementStore.js.map +0 -1
- package/dist/components/settlement/utils.js +0 -249
- package/dist/components/settlement/utils.js.map +0 -1
- package/dist/components/socket/index.js +0 -220
- package/dist/components/socket/index.js.map +0 -1
- package/dist/components/spin/index.js +0 -95
- package/dist/components/spin/index.js.map +0 -1
- package/dist/components/spin/spin-style.less +0 -436
- package/dist/components/test/index.js +0 -330
- package/dist/components/test/index.js.map +0 -1
- package/dist/components/ticon/iconfont/demo.css +0 -539
- package/dist/components/ticon/iconfont/demo_index.html +0 -5225
- package/dist/components/ticon/iconfont/iconfont.css +0 -891
- package/dist/components/ticon/iconfont/iconfont.eot +0 -0
- package/dist/components/ticon/iconfont/iconfont.js +0 -35
- package/dist/components/ticon/iconfont/iconfont.js.map +0 -1
- package/dist/components/ticon/iconfont/iconfont.json +0 -1542
- package/dist/components/ticon/iconfont/iconfont.svg +0 -593
- package/dist/components/ticon/iconfont/iconfont.ttf +0 -0
- package/dist/components/ticon/iconfont/iconfont.woff +0 -0
- package/dist/components/ticon/iconfont/iconfont.woff2 +0 -0
- package/dist/components/ticon/index.js +0 -60
- package/dist/components/ticon/index.js.map +0 -1
- package/dist/components/touchScroll/index.js +0 -182
- package/dist/components/touchScroll/index.js.map +0 -1
- package/dist/components/touchTable/AuthProcess.js +0 -42
- package/dist/components/touchTable/AuthProcess.js.map +0 -1
- package/dist/components/touchTable/generateWater.js +0 -59
- package/dist/components/touchTable/generateWater.js.map +0 -1
- package/dist/components/touchTable/index.js +0 -1119
- package/dist/components/touchTable/index.js.map +0 -1
- package/dist/components/touchTable/index.less +0 -370
- package/dist/components/touchTable/utils.js +0 -14
- package/dist/components/touchTable/utils.js.map +0 -1
- package/dist/demo/PopOverDemo.js +0 -126
- package/dist/demo/PopOverDemo.js.map +0 -1
- package/dist/index.js +0 -254
- package/dist/index.js.map +0 -1
- package/dist/util/tools.js +0 -202
- 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}"]}
|