tplus-components-touch 3.49.1 → 3.49.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/dist/components/acCitySelect/CitySelect.js +18 -18
- package/dist/components/acCitySelect/CitySelect.js.map +1 -1
- package/dist/components/acCitySelect/CitySelect.less +9 -9
- package/dist/components/acCitySelect/citys.js.map +1 -1
- package/dist/components/acCitySelect/index.js.map +1 -1
- package/dist/components/acCitySelect/provinceData.js +7 -7
- package/dist/components/acCitySelect/provinceData.js.map +1 -1
- package/dist/components/addLog/AddLogProcessor.js +6 -6
- package/dist/components/addLog/AddLogProcessor.js.map +1 -1
- package/dist/components/addLog/OperationLogApi.js +3 -3
- package/dist/components/addLog/OperationLogApi.js.map +1 -1
- package/dist/components/autoComplete/index.js +14 -14
- package/dist/components/autoComplete/index.js.map +1 -1
- package/dist/components/autoComplete/index.less +89 -89
- package/dist/components/autoComplete/option.js.map +1 -1
- package/dist/components/autoCompleteWithKeyboard/index.js +14 -14
- package/dist/components/autoCompleteWithKeyboard/index.js.map +1 -1
- package/dist/components/autoCompleteWithKeyboard/index.less +18 -18
- package/dist/components/billSearch/api.js +29 -29
- package/dist/components/billSearch/api.js.map +1 -1
- package/dist/components/billSearch/index.js +6 -6
- package/dist/components/billSearch/index.js.map +1 -1
- package/dist/components/billSearch/index.less +384 -384
- package/dist/components/cloudPrint/BTPrintFormatUtil.js +17 -17
- package/dist/components/cloudPrint/BTPrintFormatUtil.js.map +1 -1
- package/dist/components/cloudPrint/api.js.map +1 -1
- package/dist/components/cloudPrint/index.js.map +1 -1
- package/dist/components/cloudPrint/printDispatch.js +7 -7
- package/dist/components/cloudPrint/printDispatch.js.map +1 -1
- package/dist/components/cloudPrint/printTemplate/dialy_one.json +238 -238
- package/dist/components/cloudPrint/printTemplate/duty_one.json +238 -238
- package/dist/components/cloudPrint/printTemplate/retail_one.json +203 -203
- package/dist/components/cloudPrint/printTemplate/retail_two.json +219 -219
- package/dist/components/cloudPrint/printTemplate/storage_one.json +128 -128
- package/dist/components/cloudPrint/printTemplate/template.js +7 -7
- package/dist/components/cloudPrint/printTemplate/template.js.map +1 -1
- package/dist/components/commonForm/addressPicker/index.js +7 -7
- package/dist/components/commonForm/addressPicker/index.js.map +1 -1
- package/dist/components/commonForm/addressPicker/style.less +10 -10
- package/dist/components/commonForm/autoComplete/index.js.map +1 -1
- package/dist/components/commonForm/autoComplete/style.less +2 -2
- package/dist/components/commonForm/datePicker/index.js.map +1 -1
- package/dist/components/commonForm/datePicker/style.less +4 -4
- package/dist/components/commonForm/formControl/index.js.map +1 -1
- package/dist/components/commonForm/index.js +4 -4
- package/dist/components/commonForm/index.js.map +1 -1
- package/dist/components/commonForm/inputNumber/index.js.map +1 -1
- package/dist/components/commonForm/inputNumber/style.less +10 -10
- package/dist/components/commonForm/radio/index.js.map +1 -1
- package/dist/components/commonForm/style.less +1 -1
- package/dist/components/deliverySearch/api.js +21 -21
- package/dist/components/deliverySearch/api.js.map +1 -1
- package/dist/components/deliverySearch/index.js +6 -6
- package/dist/components/deliverySearch/index.js.map +1 -1
- package/dist/components/deliverySearch/index.less +553 -553
- package/dist/components/form/index.js.map +1 -1
- package/dist/components/hardwareAPI/index.js +7 -7
- package/dist/components/hardwareAPI/index.js.map +1 -1
- package/dist/components/hotKey/config.js +23 -23
- package/dist/components/hotKey/config.js.map +1 -1
- package/dist/components/hotKey/hotKeyModal.js.map +1 -1
- package/dist/components/hotKey/index.js +26 -26
- package/dist/components/hotKey/index.js.map +1 -1
- package/dist/components/hotKey/localConfig.js.map +1 -1
- package/dist/components/hotKey/style.less +96 -96
- package/dist/components/hotKey/utils.js.map +1 -1
- package/dist/components/input/index.js +6 -6
- package/dist/components/input/index.js.map +1 -1
- package/dist/components/input/scanInput.js.map +1 -1
- package/dist/components/input/scanInput.less +30 -30
- package/dist/components/input/style.less +106 -106
- package/dist/components/input/tplusInput/index.js +30 -30
- package/dist/components/input/tplusInput/index.js.map +1 -1
- package/dist/components/input/tplusInput/inputContent.js.map +1 -1
- package/dist/components/input/tplusInput/inputs.js.map +1 -1
- package/dist/components/input/tplusInput/style.less +132 -132
- package/dist/components/input/utils/index.js.map +1 -1
- package/dist/components/inventorySearch/api.js +58 -58
- package/dist/components/inventorySearch/api.js.map +1 -1
- package/dist/components/inventorySearch/index.js +3 -3
- package/dist/components/inventorySearch/index.js.map +1 -1
- package/dist/components/inventorySearch/index.less +119 -119
- package/dist/components/inventorySearch/store.js +6 -2
- package/dist/components/inventorySearch/store.js.map +1 -1
- package/dist/components/inventorySearch/tab.js.map +1 -1
- package/dist/components/keyboard/index.js.map +1 -1
- package/dist/components/keyboard/index.less +485 -485
- package/dist/components/keyboard/letterKeyboard.js +2 -2
- package/dist/components/keyboard/letterKeyboard.js.map +1 -1
- package/dist/components/keyboard/numKeyboard.js +4 -4
- package/dist/components/keyboard/numKeyboard.js.map +1 -1
- package/dist/components/keyboard/numKeyboardScan.js.map +1 -1
- package/dist/components/keyboard/numberButton_input.js +5 -5
- package/dist/components/keyboard/numberButton_input.js.map +1 -1
- package/dist/components/keyboard/numkeyboardPassword.js +4 -4
- package/dist/components/keyboard/numkeyboardPassword.js.map +1 -1
- package/dist/components/keyboard/onlyKeyboard.js +7 -7
- package/dist/components/keyboard/onlyKeyboard.js.map +1 -1
- package/dist/components/keyboard/onlyLetterButton.js +2 -2
- package/dist/components/keyboard/onlyLetterButton.js.map +1 -1
- package/dist/components/keyboard/onlyLetterButton2.js +2 -2
- package/dist/components/keyboard/onlyLetterButton2.js.map +1 -1
- package/dist/components/keyboard/onlyLetterButton2.less +156 -156
- package/dist/components/keyboard/onlyNumberButton.js +2 -2
- package/dist/components/keyboard/onlyNumberButton.js.map +1 -1
- package/dist/components/keyboard/onlyNumberButton2.js +3 -3
- package/dist/components/keyboard/onlyNumberButton2.js.map +1 -1
- package/dist/components/keyboard/textKeyboard.js.map +1 -1
- package/dist/components/layout/hamburger.js.map +1 -1
- package/dist/components/layout/index.js +10 -10
- package/dist/components/layout/index.js.map +1 -1
- package/dist/components/layout/layout.js.map +1 -1
- package/dist/components/layout/sider.js +12 -12
- package/dist/components/layout/sider.js.map +1 -1
- package/dist/components/layout/style.less +82 -82
- package/dist/components/loading/index.js +15 -15
- package/dist/components/loading/index.js.map +1 -1
- package/dist/components/loading/loadingContent.js.map +1 -1
- package/dist/components/loading/style.less +72 -72
- package/dist/components/loading/utils.js.map +1 -1
- package/dist/components/message/index.js +8 -8
- package/dist/components/message/index.js.map +1 -1
- package/dist/components/message/index.less +101 -101
- package/dist/components/modal/index.js.map +1 -1
- package/dist/components/modal/index.less +19 -19
- package/dist/components/modalVertical/index.js +7 -7
- package/dist/components/modalVertical/index.js.map +1 -1
- package/dist/components/modalVertical/style.less +60 -60
- package/dist/components/modalWraper/index.js +15 -15
- package/dist/components/modalWraper/index.js.map +1 -1
- package/dist/components/modalWraper/style.less +257 -257
- package/dist/components/modalWraper/utils.js.map +1 -1
- package/dist/components/notification/index.js +4 -4
- package/dist/components/notification/index.js.map +1 -1
- package/dist/components/notification/index.less +51 -51
- package/dist/components/overflowTip/index.js +15 -15
- package/dist/components/overflowTip/index.js.map +1 -1
- package/dist/components/overflowTip/style.less +66 -66
- package/dist/components/page/index.js.map +1 -1
- package/dist/components/page/index.less +21 -21
- package/dist/components/presale/pickup.js.map +1 -1
- package/dist/components/presale/style.less +58 -58
- package/dist/components/product/detail.js +7 -7
- package/dist/components/product/detail.js.map +1 -1
- package/dist/components/product/getCard.js +5 -5
- package/dist/components/product/getCard.js.map +1 -1
- package/dist/components/product/index.less +128 -128
- package/dist/components/progressState/EmptyAndErrorView.js.map +1 -1
- package/dist/components/progressState/ProgressState.js +10 -10
- package/dist/components/progressState/ProgressState.js.map +1 -1
- package/dist/components/progressState/index.js.map +1 -1
- package/dist/components/progressState/style.less +65 -65
- package/dist/components/scan/index.js.map +1 -1
- package/dist/components/scan/index.less +33 -33
- package/dist/components/select/index.js.map +1 -1
- package/dist/components/select/index.less +11 -11
- package/dist/components/settlement/asyncModal.js.map +1 -1
- package/dist/components/settlement/index.js.map +1 -1
- package/dist/components/settlement/moreCzkTable/index.js.map +1 -1
- package/dist/components/settlement/moreCzkTable/style.less +6 -6
- package/dist/components/settlement/prototypeTable/index.js.map +1 -1
- package/dist/components/settlement/prototypeTable/style.less +58 -58
- package/dist/components/settlement/prototypeTable/utils.js.map +1 -1
- package/dist/components/settlement/settlement.js +5 -5
- package/dist/components/settlement/settlement.js.map +1 -1
- package/dist/components/settlement/settlement.less +1705 -1705
- package/dist/components/settlement/settlementStore.js +6 -6
- package/dist/components/settlement/settlementStore.js.map +1 -1
- package/dist/components/settlement/utils.js.map +1 -1
- package/dist/components/socket/index.js +11 -11
- package/dist/components/socket/index.js.map +1 -1
- package/dist/components/spin/index.js +6 -6
- package/dist/components/spin/index.js.map +1 -1
- package/dist/components/spin/spin-style.less +436 -436
- package/dist/components/test/index.js +3 -3
- package/dist/components/test/index.js.map +1 -1
- package/dist/components/ticon/iconfont/demo.css +539 -539
- package/dist/components/ticon/iconfont/demo_index.html +5248 -5248
- package/dist/components/ticon/iconfont/iconfont.css +895 -895
- package/dist/components/ticon/iconfont/iconfont.json +1549 -1549
- package/dist/components/ticon/iconfont/iconfont.svg +593 -593
- package/dist/components/ticon/index.js.map +1 -1
- package/dist/components/touchScroll/index.js +9 -9
- package/dist/components/touchScroll/index.js.map +1 -1
- package/dist/components/touchTable/AuthProcess.js.map +1 -1
- package/dist/components/touchTable/generateWater.js.map +1 -1
- package/dist/components/touchTable/index.js +9 -9
- package/dist/components/touchTable/index.js.map +1 -1
- package/dist/components/touchTable/index.less +376 -376
- package/dist/components/touchTable/utils.js.map +1 -1
- package/dist/demo/PopOverDemo.js.map +1 -1
- package/dist/index.js +7 -7
- package/dist/index.js.map +1 -1
- package/dist/util/tools.js.map +1 -1
- 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
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["tplus-components-touch/components/acCitySelect/index.js"],"names":["CitySelect"],"mappings":";;;;;;AAAA;;;;;;kBACeA,oB;;AAEf;;AAEA","file":"index.js","sourcesContent":["import CitySelect from './CitySelect';\
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/acCitySelect/index.js"],"names":["CitySelect"],"mappings":";;;;;;AAAA;;;;;;kBACeA,oB;;AAEf;;AAEA","file":"index.js","sourcesContent":["import CitySelect from './CitySelect';\nexport default CitySelect;\n\n// 此组件为 tinper-bee 城市选择 AcCitySelect 文档可直接参考 http://bee.tinper.org/tinper-acs/ac-city-select#top\n\n// 去除了多语言部分 "]}
|
@@ -29,12 +29,12 @@ var zh = exports.zh = {
|
|
29
29
|
// provinceData:en_US
|
30
30
|
// }
|
31
31
|
|
32
|
-
}; /*
|
33
|
-
* @Descripttion:
|
34
|
-
* @version:
|
35
|
-
* @Author: chenlongad
|
36
|
-
* @Date: 2021-01-06 15:41:20
|
37
|
-
* @LastEditors: chenlongad
|
38
|
-
* @LastEditTime: 2021-01-25 11:22:01
|
32
|
+
}; /*
|
33
|
+
* @Descripttion:
|
34
|
+
* @version:
|
35
|
+
* @Author: chenlongad
|
36
|
+
* @Date: 2021-01-06 15:41:20
|
37
|
+
* @LastEditors: chenlongad
|
38
|
+
* @LastEditTime: 2021-01-25 11:22:01
|
39
39
|
*/
|
40
40
|
//# sourceMappingURL=provinceData.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["tplus-components-touch/components/acCitySelect/provinceData.js"],"names":["zh","provinceData","zh_CN"],"mappings":";;;;;;;AAQA;;;;;;AACA;AACA;;;AAGO,IAAMA,kBAAK;AACd;AACAC,gBAAaC;;AAGjB;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAbkB,CAAX,C,CAbP","file":"provinceData.js","sourcesContent":["/*\
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/acCitySelect/provinceData.js"],"names":["zh","provinceData","zh_CN"],"mappings":";;;;;;;AAQA;;;;;;AACA;AACA;;;AAGO,IAAMA,kBAAK;AACd;AACAC,gBAAaC;;AAGjB;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAbkB,CAAX,C,CAbP","file":"provinceData.js","sourcesContent":["/*\n * @Descripttion: \n * @version: \n * @Author: chenlongad\n * @Date: 2021-01-06 15:41:20\n * @LastEditors: chenlongad\n * @LastEditTime: 2021-01-25 11:22:01\n */\nimport zh_CN from './citys';\n// import zh_TW from './citys-tw';\n// import en_US from './citys-en';\n\n\nexport const zh = {\n // defaultValue:{ province:'北京',city:'北京',area:'东城区'},\n provinceData:zh_CN\n}\n\n// export const tw = {\n// defaultValue:{ province:'北京',city:'北京',area:'東城區'},\n// provinceData:zh_TW\n// }\n\n// export const en = {\n// defaultValue:{ province:'Beijing',city:'Beijing',area:'Dongcheng District'},\n// provinceData:en_US\n// }"]}
|
@@ -36,12 +36,12 @@ var AddLogProcessor = function () {
|
|
36
36
|
}]);
|
37
37
|
return AddLogProcessor;
|
38
38
|
}();
|
39
|
-
/**
|
40
|
-
*POS 操作日志
|
41
|
-
*
|
42
|
-
* @export
|
43
|
-
* @class AddLogProcessor
|
44
|
-
* @auther tuzha
|
39
|
+
/**
|
40
|
+
*POS 操作日志
|
41
|
+
*
|
42
|
+
* @export
|
43
|
+
* @class AddLogProcessor
|
44
|
+
* @auther tuzha
|
45
45
|
*/
|
46
46
|
|
47
47
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["tplus-components-touch/components/addLog/AddLogProcessor.js"],"names":["AddLogProcessor","title","docno","description","isShow","OperationLogApi","addPosLogWithShow","e","console","error"],"mappings":";;;;;;;;;;;;;;;AAQA;;;;;;IACqBA,e;;;;;;;gCACFC,K,EAAOC,K,EAAOC,W,EAAaC,M,EAAQ;AAC9C,gBAAG;AACCC,0CAAgBC,iBAAhB,CAAkCL,KAAlC,EAAyCC,KAAzC,EAAgDC,WAAhD,EAA4D,CAAC,CAACC,MAA9D;AACH,aAFD,CAGA,OAAOG,CAAP,EAAU;AACNC,wBAAQC,KAAR,CAAc,YAAd;AACH;AACJ;;;;AAhBL;;;;;;;;;kBAQqBT,e","file":"AddLogProcessor.js","sourcesContent":["\
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/addLog/AddLogProcessor.js"],"names":["AddLogProcessor","title","docno","description","isShow","OperationLogApi","addPosLogWithShow","e","console","error"],"mappings":";;;;;;;;;;;;;;;AAQA;;;;;;IACqBA,e;;;;;;;gCACFC,K,EAAOC,K,EAAOC,W,EAAaC,M,EAAQ;AAC9C,gBAAG;AACCC,0CAAgBC,iBAAhB,CAAkCL,KAAlC,EAAyCC,KAAzC,EAAgDC,WAAhD,EAA4D,CAAC,CAACC,MAA9D;AACH,aAFD,CAGA,OAAOG,CAAP,EAAU;AACNC,wBAAQC,KAAR,CAAc,YAAd;AACH;AACJ;;;;AAhBL;;;;;;;;;kBAQqBT,e","file":"AddLogProcessor.js","sourcesContent":["\n/**\n *POS 操作日志\n *\n * @export\n * @class AddLogProcessor\n * @auther tuzha\n */\nimport OperationLogApi from './OperationLogApi'\nexport default class AddLogProcessor {\n static execute(title, docno, description, isShow) {\n try{\n OperationLogApi.addPosLogWithShow(title, docno, description,!!isShow);\n }\n catch (e) {\n console.error('操作日志接口调用异常');\n } \n }\n}"]}
|
@@ -29,9 +29,9 @@ var _tools2 = _interopRequireDefault(_tools);
|
|
29
29
|
|
30
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
31
31
|
|
32
|
-
/**
|
33
|
-
* 记操作日志API
|
34
|
-
* POS端每个操作都需要在T+的表EAP_OPERATION
|
32
|
+
/**
|
33
|
+
* 记操作日志API
|
34
|
+
* POS端每个操作都需要在T+的表EAP_OPERATION
|
35
35
|
*/
|
36
36
|
var OperationLogApi = function () {
|
37
37
|
function OperationLogApi() {
|
@@ -1 +1 @@
|
|
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';\
|
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';\nimport tools from '../../util/tools';\n/**\n * 记操作日志API\n * POS端每个操作都需要在T+的表EAP_OPERATION\n */\nexport default class OperationLogApi {\n //获取存货明细信息\n static async log(params) {\n const {operationName,description} = params;\n return await tApi({\n bringType: '1',\n strModuleCode: 'RE',\n strFunctionCode: 'RE3002',\n strOperationName: operationName,\n status: 1,\n strDocNo: '1234567',\n strDescription: description,\n dtFunctionDate: tools.getCurDateTime(),\n }, 'chanjet.SM.CommonInterface.IOperationLogService.AddLog', false, false);\n }\n //添加POS操作日志\n static async addPosLogWithShow(title,docno,description,isShow)\n {\n if(!docno)\n {\n docno=\" \";\n }\n return await addOperatorLog({\n title: title,\n code: docno,\n description: description,\n isShow:isShow\n });\n }\n}\n\n"]}
|
@@ -30,20 +30,20 @@ var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
30
30
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
31
31
|
|
32
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 的值
|
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
47
|
*/
|
48
48
|
|
49
49
|
require('antd/es/input/style');
|
@@ -1 +1 @@
|
|
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
|
+
{"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":["\n/**\n * 由于 tinper-bee 的 autocomplete 不能适应 带有键盘的情况,所以封装一个\n * @param type 传入 'search' 则输入框前 有放大镜icon\n * @param placeholder\n * @param onSelect 选择下拉时触发,返回 option 中的value\n * @param onClick 点击input时触发\n * @param onChange input中值改变时触发\n * @param onBlur blur时触发\n * @param style\n * @param className\n * @param bottomTouchEvent 触底事件\n *\n * 对外提供 实例的 outSideChangeValue 方法,用来设置input的值,通过ref调用\n * getValue 方法,获取 input 的值\n */\n\nimport React from 'react';\nimport { Input } from 'antd';\nimport { Ticon } from '../../index';\nimport './index.less';\nimport PropTypes from 'prop-types'\n\nexport default class AutoComplete extends React.Component {\n static propTypes = {\n type: PropTypes.string,\n placeholder: PropTypes.string,\n onSelect: PropTypes.func,\n onClick: PropTypes.func,\n onChange: PropTypes.func,\n onKeyDown: PropTypes.func,\n onBlur: PropTypes.func,\n clearAfterSelect: PropTypes.bool,\n style:PropTypes.object,\n className:PropTypes.string,\n bottomTouchEvent: PropTypes.func\n }\n\n constructor(props) {\n super(props);\n this.state = {\n open: false,\n value: ''\n }\n }\n\n onSelect = (v) => {\n this.props.onSelect && this.props.onSelect(v);\n }\n\n onChange = (e) => {\n this.setState({\n value: e.target.value,\n open: true\n })\n this.props.onChange && this.props.onChange(e.target.value);\n }\n\n onKeyDown = (e) => {\n this.props.onKeyDown && this.props.onKeyDown(e);\n }\n\n getOptions = () => {\n return this.props.children ?\n React.Children.map(this.props.children, (child, i) => {\n child = React.cloneElement(child, {\n onClick: this.itemClick\n })\n return child;\n })\n :\n this.props.dataSource.map(item => (\n <li className='auto-complete-li' key={item} onClick={this.itemClick.bind(this, item, item)}>{item}</li>\n ))\n }\n\n focus = () => {\n this.setState({\n open: true\n })\n this.props.onFocus && this.props.onFocus();\n }\n\n blur = () => {\n this.setState({\n open: false\n })\n this.props.onBlur && this.props.onBlur();\n }\n\n itemClick = (value, showValue) => {\n showValue = showValue ? showValue : value;\n this.props.onSelect && this.props.onSelect(value, showValue);\n this.setState({\n open: false,\n value: this.props.clearAfterSelect ? '' : showValue\n })\n }\n\n inputClick = () => {\n this.setState({ open: true })\n this.props.onClick && this.props.onClick();\n }\n\n outSideChangeValue = (v) => {\n this.setState({\n value: v\n })\n }\n\n getValue = () => {\n return this.state.value;\n }\n\n onScroll = (e) => {\n // console.log(e.target.scrollTop , e.target.offsetHeight, this.getOptions().length * 30);\n if (this.timer) {\n clearTimeout(this.timer);\n }\n if (e.target.scrollTop + e.target.offsetHeight >= this.getOptions().length * 30) {\n this.timer = setTimeout(() => {\n this.props.bottomTouchEvent && this.props.bottomTouchEvent();\n }, 100)\n }\n }\n\n iconRigthClick = () => {\n this.props.iconRigthClick && this.props.iconRigthClick();\n this.input.input.focus();\n }\n\n render() {\n const { open, value } = this.state;\n const { children, placeholder = '', dataSource, maxHeight ,style,className, iconRigthClick, icon,showDropDownPanel} = this.props;\n\n return (\n <div className='auto-complete'>\n {\n this.props.type !== 'search' ?\n <Input\n className={\"auto-complete-input \"+className}\n value={this.state.value}\n onChange={this.onChange}\n onFocus={this.focus}\n onBlur={this.blur}\n placeholder={placeholder}\n onClick={this.inputClick}\n ref={input => this.input = input}\n style={style}\n onKeyDown={this.onKeyDown}\n suffix={<Ticon type={icon} className='xialaqietu3' onClick={this.iconRigthClick}/>}\n />\n :\n <Input\n prefix={<Ticon type='sousuo' className='search' />}\n suffix={<Ticon type={icon} className='xialaqietu3' onClick={this.iconRigthClick}/>}\n type=\"text\"\n className={\"auto-complete-input \"+className}\n value={this.state.value}\n onChange={this.onChange}\n onFocus={this.focus}\n onBlur={this.blur}\n placeholder={placeholder}\n onClick={this.inputClick}\n ref={input => this.input = input}\n style={style}\n />\n\n }\n {\n (showDropDownPanel === true ? true : open) && (children && children.length > 0 || dataSource && dataSource.length > 0) ?\n <ul className={showDropDownPanel === true ? 'auto-complete-ul showDropDownPanel' : 'auto-complete-ul'} style={{ maxHeight: maxHeight }} onMouseDown={e => e.preventDefault()} onScroll={this.onScroll}>\n {\n this.getOptions()\n }\n </ul>\n :\n null\n }\n </div>\n )\n }\n}"]}
|
@@ -1,89 +1,89 @@
|
|
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
|
+
.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 +1 @@
|
|
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';\
|
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';\nimport PropTypes from 'prop-types'\nexport default class Option extends React.Component {\n\n static propTypes = {\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number\n ]),\n className: PropTypes.string,\n showValue: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number\n ]),\n onClick: PropTypes.func,\n children: PropTypes.node\n }\n\n constructor() {\n super();\n }\n\n render() {\n const {value, className='', children, onClick, showValue} = this.props;\n return (\n <li className={`${className} auto-complete-li option-li`} value={value} onClick={onClick && onClick.bind(this, value, showValue)}>\n {children}\n </li>\n )\n }\n}"]}
|
@@ -24,16 +24,16 @@ var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
24
24
|
|
25
25
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
26
26
|
|
27
|
-
var _class, _temp; /**
|
28
|
-
*
|
29
|
-
* @param type 值为 search 时,input 前有放大镜 icon
|
30
|
-
* @param placeholder
|
31
|
-
* @param onSelect
|
32
|
-
* @param onClick
|
33
|
-
* @param onChange
|
34
|
-
* @param clearAfterSelect // 是否 点击下拉列表后,情况输入框
|
35
|
-
* @param style
|
36
|
-
* @param className
|
27
|
+
var _class, _temp; /**
|
28
|
+
*
|
29
|
+
* @param type 值为 search 时,input 前有放大镜 icon
|
30
|
+
* @param placeholder
|
31
|
+
* @param onSelect
|
32
|
+
* @param onClick
|
33
|
+
* @param onChange
|
34
|
+
* @param clearAfterSelect // 是否 点击下拉列表后,情况输入框
|
35
|
+
* @param style
|
36
|
+
* @param className
|
37
37
|
*/
|
38
38
|
|
39
39
|
var _react = require('react');
|
@@ -245,9 +245,9 @@ var AutoCompleteWithKeyboard = (_temp = _class = function (_React$Component) {
|
|
245
245
|
AutoCompleteWithKeyboard.Option = _option2.default;
|
246
246
|
exports.default = AutoCompleteWithKeyboard;
|
247
247
|
|
248
|
-
/**
|
249
|
-
* onChange
|
250
|
-
* onClick
|
251
|
-
* onSelect
|
248
|
+
/**
|
249
|
+
* onChange
|
250
|
+
* onClick
|
251
|
+
* onSelect
|
252
252
|
*/
|
253
253
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["tplus-components-touch/components/autoCompleteWithKeyboard/index.js"],"names":["AutoCompleteWithKeyboard","handleInputFocus","isHorizontalPad","setTimeout","guideModal","document","getElementsByClassName","input","getElementsByTagName","isHorizontalSunMi","console","log","focus","click","onChange","v","props","setState","value","onKeyDown","e","onClick","iconRigthClick","preventDefault","auto","blur","onSelect","visible","keyboardChange","key","newValue","Keyboard","getNewValue","getValue","outSideChangeValue","keyboardOk","onVisibleChange","autoCompleteFocus","onFocus","autoCompleteBlur","onBlur","state","platform","placeholder","children","type","clearAfterSelect","maxHeight","style","className","bottomTouchEvent","showDropDownPanel","undefined","React","Component","propTypes","PropTypes","string","func","bool","object","Option"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;;;;;;;;;AAcA;;;;AACA;;AACA;;;;AACA;;;;AACA;;AACA;;;;IAEMA,wB;;;AAcJ,sCAAc;AAAA;;AAAA;;AAAA,UAWdC,gBAXc,GAWK,YAAM;AACvB,UAAI,MAAKC,eAAT,EAA0B;AAC1BC,iBAAW,YAAM;AACf,YAAMC,aAAaC,SAASC,sBAAT,CAAgC,cAAhC,EAAgD,CAAhD,CAAnB;AACA,YAAI,CAACF,UAAL,EAAiB;AACjB,YAAMG,QAAQH,WAAWI,oBAAX,CAAgC,OAAhC,EAAyC,CAAzC,CAAd;AACA,YAAI,MAAKC,iBAAT,EAA4B;AAC1B,cAAIF,KAAJ,EAAWJ,WAAW,YAAM;AAAEO,oBAAQC,GAAR,CAAY,+BAAZ,EAA6CJ,MAAMK,KAAN,GAAcL,MAAMM,KAAN;AAAgB,WAA9F,EAAgG,GAAhG;AACZ,SAFD,MAEO;AACL,cAAIN,KAAJ,EAAW;AAACG,oBAAQC,GAAR,CAAY,+BAAZ,EAA6CJ,MAAMK,KAAN,GAAcL,MAAMM,KAAN;AAAe;AACvF;AACF,OATD,EASG,CATH;AAUD,KAvBa;;AAAA,UA6BdC,QA7Bc,GA6BH,UAACC,CAAD,EAAO;AAChB,YAAKC,KAAL,CAAWF,QAAX,IAAuB,MAAKE,KAAL,CAAWF,QAAX,CAAoBC,CAApB,CAAvB;AACA,YAAKE,QAAL,CAAc;AACZC,eAAO;AADK,OAAd;AAGD,KAlCa;;AAAA,UAoCdC,SApCc,GAoCF,UAACC,CAAD,EAAO;AACjB,YAAKJ,KAAL,CAAWG,SAAX,IAAwB,MAAKH,KAAL,CAAWG,SAAX,CAAqBC,CAArB,CAAxB;AACD,KAtCa;;AAAA,UAwCdC,OAxCc,GAwCJ,UAACN,CAAD,EAAO;AACf,YAAKC,KAAL,CAAWK,OAAX,IAAsB,MAAKL,KAAL,CAAWK,OAAX,CAAmBN,CAAnB,CAAtB;AACD,KA1Ca;;AAAA,UA4CdO,cA5Cc,GA4CG,UAACF,CAAD,EAAO;AACtB;AACA;AACA;AACAA,QAAEG,cAAF;AACA,UAAI,MAAKX,KAAT,EAAgB;AACd,cAAKY,IAAL,CAAUjB,KAAV,CAAgBkB,IAAhB;AAED,OAHD,MAGO;AACL,cAAKD,IAAL,CAAUjB,KAAV,CAAgBK,KAAhB;AACD;AACF,KAvDa;;AAAA,UAyDdc,QAzDc,GAyDH,UAACX,CAAD,EAAO;AAChB,YAAKC,KAAL,CAAWU,QAAX,IAAuB,MAAKV,KAAL,CAAWU,QAAX,CAAoBX,CAApB,CAAvB;AACA,YAAKE,QAAL,CAAc;AACZU,iBAAS;AADG,OAAd;AAGD,KA9Da;;AAAA,UAgEdC,cAhEc,GAgEG,UAACC,GAAD,EAAS;AACxB,UAAIC,WAAWC,gBAASC,WAAT,CAAqB,MAAKR,IAAL,CAAUjB,KAAV,CAAgBA,KAArC,EAA4C,MAAKiB,IAAL,CAAUS,QAAV,EAA5C,EAAkEJ,GAAlE,CAAf;AACA,YAAKL,IAAL,CAAUU,kBAAV,CAA6BJ,QAA7B;AACA,YAAKd,KAAL,CAAWF,QAAX,IAAuB,MAAKE,KAAL,CAAWF,QAAX,CAAoBgB,QAApB,CAAvB;AACD,KApEa;;AAAA,UAsEdK,UAtEc,GAsED,YAAM;AACjB,YAAKlB,QAAL,CAAc;AACZU,iBAAS;AADG,OAAd;AAGD,KA1Ea;;AAAA,UA4EdS,eA5Ec,GA4EI,UAACT,OAAD,EAAa;AAC7BjB,cAAQC,GAAR,CAAY,iBAAZ,EAA+BgB,OAA/B;AACA,YAAKV,QAAL,CAAc;AACZU;AADY,OAAd;AAGD,KAjFa;;AAAA,UAkFdU,iBAlFc,GAkFM,YAAM;AACxB,YAAKrB,KAAL,CAAWsB,OAAX,IAAoB,MAAKtB,KAAL,CAAWsB,OAAX,EAApB;AACA,YAAKF,eAAL,CAAqB,IAArB;AACA,YAAKxB,KAAL,GAAa,IAAb;AACD,KAtFa;;AAAA,UAuFd2B,gBAvFc,GAuFK,YAAM;AACvBpC,iBAAW,YAAM;AACf,cAAKS,KAAL,GAAa,KAAb;AACA,cAAKI,KAAL,CAAWwB,MAAX,IAAqB,MAAKxB,KAAL,CAAWwB,MAAX,EAArB;AACA,cAAKJ,eAAL,CAAqB,KAArB;AACD,OAJD,EAIG,GAJH;AAKD,KA7Fa;;AAAA,UA+FdH,QA/Fc,GA+FH,YAAM;AACf,aAAO,MAAKT,IAAL,CAAUS,QAAV,EAAP;AACD,KAjGa;;AAEZ,UAAKQ,KAAL,GAAa;AACXd,eAAS;AAEX;AAHa,KAAb;AAFY,eAMmCe,yBAAY,EAN/C;AAAA,QAMJxC,eANI,QAMJA,eANI;AAAA,QAMaO,iBANb,QAMaA,iBANb;;AAOZ,UAAKP,eAAL,GAAuB,CAAC,CAACA,eAAzB;AACA,UAAKO,iBAAL,GAAyB,CAAC,CAACA,iBAA3B;AARY;AASb;;;;wCAgBmB;AAClB,WAAKR,gBAAL;AACD;;;6BAwEQ;AAAA;;AAAA,mBACyI,KAAKe,KAD9I;AAAA,UACD2B,WADC,UACDA,WADC;AAAA,UACYC,QADZ,UACYA,QADZ;AAAA,+BACsBC,IADtB;AAAA,UACsBA,IADtB,+BAC6B,EAD7B;AAAA,yCACiCC,gBADjC;AAAA,UACiCA,gBADjC,yCACoD,KADpD;AAAA,oCAC2DC,SAD3D;AAAA,UAC2DA,SAD3D,oCACuE,OADvE;AAAA,UACgFC,KADhF,UACgFA,KADhF;AAAA,UACuFC,SADvF,UACuFA,SADvF;AAAA,UACkGC,gBADlG,UACkGA,gBADlG;AAAA,UACmHC,iBADnH,UACmHA,iBADnH;AAAA,UAEDxB,OAFC,GAEW,KAAKc,KAFhB,CAEDd,OAFC;;AAGP,aACE;AAAA;AAAA,UAAK,WAAU,+BAAf;AACE;AAAC,6BAAD;AAAA;AACE,+BAAmBwB,iBADrB;AAEE,yBAAaR,WAFf;AAGE,sBAAU,KAAKjB,QAHjB;AAIE,qBAAS,KAAKL,OAJhB;AAKE,4BAAgB,KAAKC,cALvB;AAME,iBAAK;AAAA,qBAAQ,OAAKE,IAAL,GAAYA,IAApB;AAAA,aANP;AAOE,sBAAU,KAAKV,QAPjB;AAQE,uBAAW,KAAKK,SARlB;AASE,qBAAS,KAAKkB,iBAThB;AAUE,oBAAQ,KAAKE,gBAVf;AAWE,kBAAMM,IAXR;AAYE,8BAAkBC,gBAZpB;AAaE,uBAAWC,SAbb;AAcE,mBAAOC,KAdT;AAeE,uBAAWC,SAfb;AAgBE,8BAAkBC,gBAhBpB;AAiBE,kBAAME;AAjBR;AAmBGR;AAnBH,SADF;AAuBI,aAAK1C,eAAL,GAAuB,EAAvB,GAA4ByB,UAAU,8BAAC,YAAD,IAAO,MAAK,UAAZ,EAAuB,WAAU,2BAAjC,EAA6D,SAAS,KAAKL,cAA3E,GAAV,GAC1B,8BAAC,YAAD,IAAO,MAAK,UAAZ,EAAuB,WAAU,2BAAjC,EAA6D,SAAS,KAAKA,cAA3E,GAxBN;AA0BE,sCAAC,eAAD,IAAU,MAAK,cAAf;AACE,mBAAS,KAAKpB,eAAL,GAAuB,KAAvB,GAA+ByB,OAD1C;AAEE,oBAAU,KAAKC,cAFjB;AAGE,oBAAU,KAAKO,UAHjB;AAIE,wBAAc,KAAKA;AAJrB;AA1BF,OADF;AAoCD;;;EAxJoCkB,gBAAMC,S,UAEpCC,S,GAAY;AACjBV,QAAMW,oBAAUC,MADC;AAEjBd,eAAaa,oBAAUC,MAFN;AAGjB/B,YAAU8B,oBAAUE,IAHH;AAIjBrC,WAASmC,oBAAUE,IAJF;AAKjB5C,YAAU0C,oBAAUE,IALH;AAMjBvC,aAAWqC,oBAAUE,IANJ;AAOjBZ,oBAAkBU,oBAAUG,IAPX;AAQjBX,SAAOQ,oBAAUI,MARA;AASjBX,aAAWO,oBAAUC;AATJ,C;;AAwJrBzD,yBAAyB6D,MAAzB,GAAkCA,gBAAlC;kBACe7D,wB;;AAEf","file":"index.js","sourcesContent":["/**\r\n *\r\n * @param type 值为 search 时,input 前有放大镜 icon\r\n * @param placeholder\r\n * @param onSelect\r\n * @param onClick\r\n * @param onChange\r\n * @param clearAfterSelect // 是否 点击下拉列表后,情况输入框\r\n * @param style\r\n * @param className\r\n*/\r\n\r\n\r\n\r\nimport React from 'react';\r\nimport { Keyboard, AutoComplete, Ticon } from '../../index';\r\nimport Option from '../autoComplete/option';\r\nimport PropTypes from 'prop-types'\r\nimport { platform } from 'mutants-util';\r\nimport './index.less';\r\n\r\nclass AutoCompleteWithKeyboard extends React.Component {\r\n\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 clearAfterSelect: PropTypes.bool,\r\n style: PropTypes.object,\r\n className: PropTypes.string\r\n }\r\n\r\n constructor() {\r\n super();\r\n this.state = {\r\n visible: false\r\n }\r\n //移动端PAD环境下,没有读取IC卡的方式。\r\n const { isHorizontalPad, isHorizontalSunMi } = platform || {};\r\n this.isHorizontalPad = !!isHorizontalPad;\r\n this.isHorizontalSunMi = !!isHorizontalSunMi;\r\n }\r\n\r\n handleInputFocus = () => {\r\n if (this.isHorizontalPad) return;\r\n setTimeout(() => {\r\n const guideModal = document.getElementsByClassName('guide-select')[0];\r\n if (!guideModal) return;\r\n const input = guideModal.getElementsByTagName('input')[0];\r\n if (this.isHorizontalSunMi) {\r\n if (input) setTimeout(() => { console.log('导购员autoCompWithKeyBo==Focus==');input.focus();input.click(); }, 250);\r\n } else {\r\n if (input) {console.log('导购员autoCompWithKeyBo==Focus==');input.focus();input.click();}\r\n }\r\n }, 0);\r\n }\r\n\r\n componentDidMount() {\r\n this.handleInputFocus()\r\n }\r\n\r\n onChange = (v) => {\r\n this.props.onChange && this.props.onChange(v);\r\n this.setState({\r\n value: true\r\n })\r\n }\r\n\r\n onKeyDown = (e) => {\r\n this.props.onKeyDown && this.props.onKeyDown(e);\r\n }\r\n\r\n onClick = (v) => {\r\n this.props.onClick && this.props.onClick(v)\r\n }\r\n\r\n iconRigthClick = (e) => {\r\n // this.setState({\r\n // visible: !this.state.visible\r\n // })\r\n e.preventDefault()\r\n if (this.focus) {\r\n this.auto.input.blur()\r\n \r\n } else {\r\n this.auto.input.focus()\r\n }\r\n }\r\n\r\n onSelect = (v) => {\r\n this.props.onSelect && this.props.onSelect(v);\r\n this.setState({\r\n visible: false\r\n })\r\n }\r\n\r\n keyboardChange = (key) => {\r\n let newValue = Keyboard.getNewValue(this.auto.input.input, this.auto.getValue(), key);\r\n this.auto.outSideChangeValue(newValue);\r\n this.props.onChange && this.props.onChange(newValue);\r\n }\r\n\r\n keyboardOk = () => {\r\n this.setState({\r\n visible: false\r\n })\r\n }\r\n\r\n onVisibleChange = (visible) => {\r\n console.log('onVisibleChange', visible);\r\n this.setState({\r\n visible\r\n })\r\n }\r\n autoCompleteFocus = () => {\r\n this.props.onFocus&&this.props.onFocus();\r\n this.onVisibleChange(true)\r\n this.focus = true\r\n }\r\n autoCompleteBlur = () => {\r\n setTimeout(() => {\r\n this.focus = false\r\n this.props.onBlur && this.props.onBlur()\r\n this.onVisibleChange(false)\r\n }, 300)\r\n }\r\n\r\n getValue = () => {\r\n return this.auto.getValue();\r\n }\r\n\r\n render() {\r\n let { placeholder, children, type = '', clearAfterSelect = false, maxHeight = \"300px\", style, className, bottomTouchEvent,showDropDownPanel } = this.props;\r\n let { visible } = this.state;\r\n return (\r\n <div className='tab-search keybord-icon-focus'>\r\n <AutoComplete\r\n showDropDownPanel={showDropDownPanel}\r\n placeholder={placeholder}\r\n onSelect={this.onSelect}\r\n onClick={this.onClick}\r\n iconRigthClick={this.iconRigthClick}\r\n ref={auto => this.auto = auto}\r\n onChange={this.onChange}\r\n onKeyDown={this.onKeyDown}\r\n onFocus={this.autoCompleteFocus}\r\n onBlur={this.autoCompleteBlur}\r\n type={type}\r\n clearAfterSelect={clearAfterSelect}\r\n maxHeight={maxHeight}\r\n style={style}\r\n className={className}\r\n bottomTouchEvent={bottomTouchEvent}\r\n icon={undefined}\r\n >\r\n {children}\r\n </AutoComplete>\r\n {\r\n this.isHorizontalPad ? '' : visible ? <Ticon type='jianpan1' className='xialaqietu3 keyboard-icon' onClick={this.iconRigthClick}/>\r\n : <Ticon type='jianpan2' className='xialaqietu3 keyboard-icon' onClick={this.iconRigthClick}/>\r\n }\r\n <Keyboard type='letter+modal'\r\n visible={this.isHorizontalPad ? false : visible}\r\n onChange={this.keyboardChange}\r\n handleOk={this.keyboardOk}\r\n handleCancel={this.keyboardOk}\r\n />\r\n\r\n </div>\r\n )\r\n }\r\n}\r\nAutoCompleteWithKeyboard.Option = Option;\r\nexport default AutoCompleteWithKeyboard;\r\n\r\n/**\r\n * onChange\r\n * onClick\r\n * onSelect\r\n */"]}
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/autoCompleteWithKeyboard/index.js"],"names":["AutoCompleteWithKeyboard","handleInputFocus","isHorizontalPad","setTimeout","guideModal","document","getElementsByClassName","input","getElementsByTagName","isHorizontalSunMi","console","log","focus","click","onChange","v","props","setState","value","onKeyDown","e","onClick","iconRigthClick","preventDefault","auto","blur","onSelect","visible","keyboardChange","key","newValue","Keyboard","getNewValue","getValue","outSideChangeValue","keyboardOk","onVisibleChange","autoCompleteFocus","onFocus","autoCompleteBlur","onBlur","state","platform","placeholder","children","type","clearAfterSelect","maxHeight","style","className","bottomTouchEvent","showDropDownPanel","undefined","React","Component","propTypes","PropTypes","string","func","bool","object","Option"],"mappings":"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","file":"index.js","sourcesContent":["/**\n *\n * @param type 值为 search 时,input 前有放大镜 icon\n * @param placeholder\n * @param onSelect\n * @param onClick\n * @param onChange\n * @param clearAfterSelect // 是否 点击下拉列表后,情况输入框\n * @param style\n * @param className\n*/\n\n\n\nimport React from 'react';\nimport { Keyboard, AutoComplete, Ticon } from '../../index';\nimport Option from '../autoComplete/option';\nimport PropTypes from 'prop-types'\nimport { platform } from 'mutants-util';\nimport './index.less';\n\nclass AutoCompleteWithKeyboard extends React.Component {\n\n static propTypes = {\n type: PropTypes.string,\n placeholder: PropTypes.string,\n onSelect: PropTypes.func,\n onClick: PropTypes.func,\n onChange: PropTypes.func,\n onKeyDown: PropTypes.func,\n clearAfterSelect: PropTypes.bool,\n style: PropTypes.object,\n className: PropTypes.string\n }\n\n constructor() {\n super();\n this.state = {\n visible: false\n }\n //移动端PAD环境下,没有读取IC卡的方式。\n const { isHorizontalPad, isHorizontalSunMi } = platform || {};\n this.isHorizontalPad = !!isHorizontalPad;\n this.isHorizontalSunMi = !!isHorizontalSunMi;\n }\n\n handleInputFocus = () => {\n if (this.isHorizontalPad) return;\n setTimeout(() => {\n const guideModal = document.getElementsByClassName('guide-select')[0];\n if (!guideModal) return;\n const input = guideModal.getElementsByTagName('input')[0];\n if (this.isHorizontalSunMi) {\n if (input) setTimeout(() => { console.log('导购员autoCompWithKeyBo==Focus==');input.focus();input.click(); }, 250);\n } else {\n if (input) {console.log('导购员autoCompWithKeyBo==Focus==');input.focus();input.click();}\n }\n }, 0);\n }\n\n componentDidMount() {\n this.handleInputFocus()\n }\n\n onChange = (v) => {\n this.props.onChange && this.props.onChange(v);\n this.setState({\n value: true\n })\n }\n\n onKeyDown = (e) => {\n this.props.onKeyDown && this.props.onKeyDown(e);\n }\n\n onClick = (v) => {\n this.props.onClick && this.props.onClick(v)\n }\n\n iconRigthClick = (e) => {\n // this.setState({\n // visible: !this.state.visible\n // })\n e.preventDefault()\n if (this.focus) {\n this.auto.input.blur()\n \n } else {\n this.auto.input.focus()\n }\n }\n\n onSelect = (v) => {\n this.props.onSelect && this.props.onSelect(v);\n this.setState({\n visible: false\n })\n }\n\n keyboardChange = (key) => {\n let newValue = Keyboard.getNewValue(this.auto.input.input, this.auto.getValue(), key);\n this.auto.outSideChangeValue(newValue);\n this.props.onChange && this.props.onChange(newValue);\n }\n\n keyboardOk = () => {\n this.setState({\n visible: false\n })\n }\n\n onVisibleChange = (visible) => {\n console.log('onVisibleChange', visible);\n this.setState({\n visible\n })\n }\n autoCompleteFocus = () => {\n this.props.onFocus&&this.props.onFocus();\n this.onVisibleChange(true)\n this.focus = true\n }\n autoCompleteBlur = () => {\n setTimeout(() => {\n this.focus = false\n this.props.onBlur && this.props.onBlur()\n this.onVisibleChange(false)\n }, 300)\n }\n\n getValue = () => {\n return this.auto.getValue();\n }\n\n render() {\n let { placeholder, children, type = '', clearAfterSelect = false, maxHeight = \"300px\", style, className, bottomTouchEvent,showDropDownPanel } = this.props;\n let { visible } = this.state;\n return (\n <div className='tab-search keybord-icon-focus'>\n <AutoComplete\n showDropDownPanel={showDropDownPanel}\n placeholder={placeholder}\n onSelect={this.onSelect}\n onClick={this.onClick}\n iconRigthClick={this.iconRigthClick}\n ref={auto => this.auto = auto}\n onChange={this.onChange}\n onKeyDown={this.onKeyDown}\n onFocus={this.autoCompleteFocus}\n onBlur={this.autoCompleteBlur}\n type={type}\n clearAfterSelect={clearAfterSelect}\n maxHeight={maxHeight}\n style={style}\n className={className}\n bottomTouchEvent={bottomTouchEvent}\n icon={undefined}\n >\n {children}\n </AutoComplete>\n {\n this.isHorizontalPad ? '' : visible ? <Ticon type='jianpan1' className='xialaqietu3 keyboard-icon' onClick={this.iconRigthClick}/>\n : <Ticon type='jianpan2' className='xialaqietu3 keyboard-icon' onClick={this.iconRigthClick}/>\n }\n <Keyboard type='letter+modal'\n visible={this.isHorizontalPad ? false : visible}\n onChange={this.keyboardChange}\n handleOk={this.keyboardOk}\n handleCancel={this.keyboardOk}\n />\n\n </div>\n )\n }\n}\nAutoCompleteWithKeyboard.Option = Option;\nexport default AutoCompleteWithKeyboard;\n\n/**\n * onChange\n * onClick\n * onSelect\n */"]}
|
@@ -1,19 +1,19 @@
|
|
1
|
-
.tab-search{
|
2
|
-
.ant-input-affix-wrapper{
|
3
|
-
padding: 2.5px 10px;
|
4
|
-
.iconfont{
|
5
|
-
color: #999;
|
6
|
-
}
|
7
|
-
}
|
8
|
-
&.keybord-icon-focus {
|
9
|
-
position: relative;
|
10
|
-
.keyboard-icon {
|
11
|
-
position: absolute;
|
12
|
-
right: 10px;
|
13
|
-
top: 50% !important;
|
14
|
-
z-index: 999;
|
15
|
-
transform: translateY(-50%);
|
16
|
-
color: #999;
|
17
|
-
}
|
18
|
-
}
|
1
|
+
.tab-search{
|
2
|
+
.ant-input-affix-wrapper{
|
3
|
+
padding: 2.5px 10px;
|
4
|
+
.iconfont{
|
5
|
+
color: #999;
|
6
|
+
}
|
7
|
+
}
|
8
|
+
&.keybord-icon-focus {
|
9
|
+
position: relative;
|
10
|
+
.keyboard-icon {
|
11
|
+
position: absolute;
|
12
|
+
right: 10px;
|
13
|
+
top: 50% !important;
|
14
|
+
z-index: 999;
|
15
|
+
transform: translateY(-50%);
|
16
|
+
color: #999;
|
17
|
+
}
|
18
|
+
}
|
19
19
|
}
|
@@ -33,11 +33,11 @@ var _tplusApi = require('tplus-api');
|
|
33
33
|
|
34
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
35
35
|
|
36
|
-
/**
|
37
|
-
*
|
38
|
-
*
|
39
|
-
* @export
|
40
|
-
* @class billSearchApi
|
36
|
+
/**
|
37
|
+
*
|
38
|
+
*
|
39
|
+
* @export
|
40
|
+
* @class billSearchApi
|
41
41
|
*/
|
42
42
|
var billSearchApi = function () {
|
43
43
|
function billSearchApi() {
|
@@ -90,9 +90,9 @@ var billSearchApi = function () {
|
|
90
90
|
return searchRetailList;
|
91
91
|
}()
|
92
92
|
|
93
|
-
/**
|
94
|
-
* 获取单据详细信息
|
95
|
-
* @param {string} code
|
93
|
+
/**
|
94
|
+
* 获取单据详细信息
|
95
|
+
* @param {string} code
|
96
96
|
*/
|
97
97
|
|
98
98
|
}, {
|
@@ -126,9 +126,9 @@ var billSearchApi = function () {
|
|
126
126
|
return getRetailDetail;
|
127
127
|
}()
|
128
128
|
|
129
|
-
/**
|
130
|
-
* 获取单据详细信息
|
131
|
-
* @param {string} code
|
129
|
+
/**
|
130
|
+
* 获取单据详细信息
|
131
|
+
* @param {string} code
|
132
132
|
*/
|
133
133
|
|
134
134
|
}, {
|
@@ -162,9 +162,9 @@ var billSearchApi = function () {
|
|
162
162
|
return getRetailDetailInfo;
|
163
163
|
}()
|
164
164
|
|
165
|
-
/**
|
166
|
-
* 获取单据详细信息-原单退货
|
167
|
-
* @param {string} ID
|
165
|
+
/**
|
166
|
+
* 获取单据详细信息-原单退货
|
167
|
+
* @param {string} ID
|
168
168
|
*/
|
169
169
|
|
170
170
|
}, {
|
@@ -198,9 +198,9 @@ var billSearchApi = function () {
|
|
198
198
|
return getOrigRetailData;
|
199
199
|
}()
|
200
200
|
|
201
|
-
/**
|
202
|
-
* 提货卡退货
|
203
|
-
* @param {string} ID
|
201
|
+
/**
|
202
|
+
* 提货卡退货
|
203
|
+
* @param {string} ID
|
204
204
|
*/
|
205
205
|
|
206
206
|
}, {
|
@@ -234,8 +234,8 @@ var billSearchApi = function () {
|
|
234
234
|
return getRefundConsumer;
|
235
235
|
}()
|
236
236
|
|
237
|
-
/**
|
238
|
-
* 获取单据 栏目信息 (目前用不上,先前端写死)
|
237
|
+
/**
|
238
|
+
* 获取单据 栏目信息 (目前用不上,先前端写死)
|
239
239
|
*/
|
240
240
|
|
241
241
|
}, {
|
@@ -269,8 +269,8 @@ var billSearchApi = function () {
|
|
269
269
|
return getPOSSearchRetailListDesigns;
|
270
270
|
}()
|
271
271
|
|
272
|
-
/**
|
273
|
-
* 获取单据编码信息、单据栏目、明细栏目。
|
272
|
+
/**
|
273
|
+
* 获取单据编码信息、单据栏目、明细栏目。
|
274
274
|
*/
|
275
275
|
|
276
276
|
}, {
|
@@ -304,8 +304,8 @@ var billSearchApi = function () {
|
|
304
304
|
return getPOSOrigReturnListInitData;
|
305
305
|
}()
|
306
306
|
|
307
|
-
/**
|
308
|
-
* 获取单据 详细 的栏目信息
|
307
|
+
/**
|
308
|
+
* 获取单据 详细 的栏目信息
|
309
309
|
*/
|
310
310
|
|
311
311
|
}, {
|
@@ -339,8 +339,8 @@ var billSearchApi = function () {
|
|
339
339
|
return getPOSSearchDesigns;
|
340
340
|
}()
|
341
341
|
|
342
|
-
/**
|
343
|
-
* 获取 导购下拉
|
342
|
+
/**
|
343
|
+
* 获取 导购下拉
|
344
344
|
*/
|
345
345
|
|
346
346
|
}, {
|
@@ -374,8 +374,8 @@ var billSearchApi = function () {
|
|
374
374
|
return searchNavigator;
|
375
375
|
}()
|
376
376
|
|
377
|
-
/**
|
378
|
-
* 获取 其他三个 下拉
|
377
|
+
/**
|
378
|
+
* 获取 其他三个 下拉
|
379
379
|
*/
|
380
380
|
|
381
381
|
}, {
|
@@ -473,8 +473,8 @@ var billSearchApi = function () {
|
|
473
473
|
return GetPickUpSettleAmount;
|
474
474
|
}()
|
475
475
|
|
476
|
-
/**
|
477
|
-
* 获取服务器时间
|
476
|
+
/**
|
477
|
+
* 获取服务器时间
|
478
478
|
*/
|
479
479
|
|
480
480
|
}, {
|