tplus-components-touch 1.25.10 → 1.26.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/README.md +16 -16
  2. package/dist/components/addLog/AddLogProcessor.js +6 -6
  3. package/dist/components/addLog/AddLogProcessor.js.map +1 -1
  4. package/dist/components/addLog/OperationLogApi.js +3 -3
  5. package/dist/components/addLog/OperationLogApi.js.map +1 -1
  6. package/dist/components/autoComplete/index.js +14 -14
  7. package/dist/components/autoComplete/index.js.map +1 -1
  8. package/dist/components/autoComplete/index.less +89 -89
  9. package/dist/components/autoComplete/option.js.map +1 -1
  10. package/dist/components/autoCompleteWithKeyboard/index.js +14 -14
  11. package/dist/components/autoCompleteWithKeyboard/index.js.map +1 -1
  12. package/dist/components/autoCompleteWithKeyboard/index.less +4 -4
  13. package/dist/components/billSearch/api.js +26 -26
  14. package/dist/components/billSearch/api.js.map +1 -1
  15. package/dist/components/billSearch/index.js +6 -6
  16. package/dist/components/billSearch/index.js.map +1 -1
  17. package/dist/components/billSearch/index.less +573 -573
  18. package/dist/components/cloudPrint/BTPrintFormatUtil.js +17 -17
  19. package/dist/components/cloudPrint/BTPrintFormatUtil.js.map +1 -1
  20. package/dist/components/cloudPrint/api.js.map +1 -1
  21. package/dist/components/cloudPrint/index.js +74 -51
  22. package/dist/components/cloudPrint/index.js.map +1 -1
  23. package/dist/components/cloudPrint/printDispatch.js +62 -50
  24. package/dist/components/cloudPrint/printDispatch.js.map +1 -1
  25. package/dist/components/commonForm/autoComplete/index.js.map +1 -1
  26. package/dist/components/commonForm/autoComplete/style.less +7 -7
  27. package/dist/components/commonForm/datePicker/index.js.map +1 -1
  28. package/dist/components/commonForm/datePicker/style.less +10 -10
  29. package/dist/components/commonForm/formControl/index.js +7 -7
  30. package/dist/components/commonForm/formControl/index.js.map +1 -1
  31. package/dist/components/commonForm/formControl/style.less +7 -7
  32. package/dist/components/commonForm/index.js +4 -4
  33. package/dist/components/commonForm/index.js.map +1 -1
  34. package/dist/components/commonForm/inputNumber/index.js.map +1 -1
  35. package/dist/components/commonForm/inputNumber/style.less +16 -16
  36. package/dist/components/commonForm/radio/index.js.map +1 -1
  37. package/dist/components/commonForm/radio/style.less +10 -10
  38. package/dist/components/commonForm/style.less +11 -11
  39. package/dist/components/deliverySearch/api.js +21 -21
  40. package/dist/components/deliverySearch/api.js.map +1 -1
  41. package/dist/components/deliverySearch/index.js +6 -6
  42. package/dist/components/deliverySearch/index.js.map +1 -1
  43. package/dist/components/deliverySearch/index.less +623 -623
  44. package/dist/components/form/index.js.map +1 -1
  45. package/dist/components/hotKey/config.js +23 -23
  46. package/dist/components/hotKey/config.js.map +1 -1
  47. package/dist/components/hotKey/hotKeyModal.js.map +1 -1
  48. package/dist/components/hotKey/index.js +26 -26
  49. package/dist/components/hotKey/index.js.map +1 -1
  50. package/dist/components/hotKey/localConfig.js.map +1 -1
  51. package/dist/components/hotKey/style.less +99 -99
  52. package/dist/components/hotKey/utils.js.map +1 -1
  53. package/dist/components/input/index.js +6 -6
  54. package/dist/components/input/index.js.map +1 -1
  55. package/dist/components/input/style.less +107 -107
  56. package/dist/components/input/tplusInput/index.js +30 -30
  57. package/dist/components/input/tplusInput/index.js.map +1 -1
  58. package/dist/components/input/tplusInput/inputContent.js.map +1 -1
  59. package/dist/components/input/tplusInput/inputs.js +7 -7
  60. package/dist/components/input/tplusInput/inputs.js.map +1 -1
  61. package/dist/components/input/tplusInput/style.less +194 -194
  62. package/dist/components/input/utils/index.js.map +1 -1
  63. package/dist/components/inventorySearch/api.js +58 -58
  64. package/dist/components/inventorySearch/api.js.map +1 -1
  65. package/dist/components/inventorySearch/index.js +3 -3
  66. package/dist/components/inventorySearch/index.js.map +1 -1
  67. package/dist/components/inventorySearch/index.less +243 -243
  68. package/dist/components/inventorySearch/store.js.map +1 -1
  69. package/dist/components/inventorySearch/tab.js.map +1 -1
  70. package/dist/components/keyboard/index.js.map +1 -1
  71. package/dist/components/keyboard/index.less +555 -555
  72. package/dist/components/keyboard/letterKeyboard.js +2 -2
  73. package/dist/components/keyboard/letterKeyboard.js.map +1 -1
  74. package/dist/components/keyboard/numKeyboard.js +4 -4
  75. package/dist/components/keyboard/numKeyboard.js.map +1 -1
  76. package/dist/components/keyboard/numKeyboardDigit.js +4 -4
  77. package/dist/components/keyboard/numKeyboardDigit.js.map +1 -1
  78. package/dist/components/keyboard/numKeyboardScan.js.map +1 -1
  79. package/dist/components/keyboard/numberButtonInteger.js +5 -5
  80. package/dist/components/keyboard/numberButtonInteger.js.map +1 -1
  81. package/dist/components/keyboard/numberButton_input.js +5 -5
  82. package/dist/components/keyboard/numberButton_input.js.map +1 -1
  83. package/dist/components/keyboard/onlyKeyboard.js +7 -7
  84. package/dist/components/keyboard/onlyKeyboard.js.map +1 -1
  85. package/dist/components/keyboard/onlyLetterButton.js +2 -2
  86. package/dist/components/keyboard/onlyLetterButton.js.map +1 -1
  87. package/dist/components/keyboard/onlyLetterButton2.js +2 -2
  88. package/dist/components/keyboard/onlyLetterButton2.js.map +1 -1
  89. package/dist/components/keyboard/onlyLetterButton2.less +183 -183
  90. package/dist/components/keyboard/onlyNumberButton.js +2 -2
  91. package/dist/components/keyboard/onlyNumberButton.js.map +1 -1
  92. package/dist/components/keyboard/onlyNumberButton2.js +3 -3
  93. package/dist/components/keyboard/onlyNumberButton2.js.map +1 -1
  94. package/dist/components/keyboard/textKeyboard.js.map +1 -1
  95. package/dist/components/layout/hamburger.js.map +1 -1
  96. package/dist/components/layout/index.js +10 -10
  97. package/dist/components/layout/index.js.map +1 -1
  98. package/dist/components/layout/layout.js.map +1 -1
  99. package/dist/components/layout/sider.js +12 -12
  100. package/dist/components/layout/sider.js.map +1 -1
  101. package/dist/components/layout/style.less +83 -83
  102. package/dist/components/loading/index.js +15 -15
  103. package/dist/components/loading/index.js.map +1 -1
  104. package/dist/components/loading/loadingContent.js.map +1 -1
  105. package/dist/components/loading/style.less +51 -51
  106. package/dist/components/loading/utils.js.map +1 -1
  107. package/dist/components/message/index.js +8 -8
  108. package/dist/components/message/index.js.map +1 -1
  109. package/dist/components/message/index.less +150 -150
  110. package/dist/components/modal/index.js.map +1 -1
  111. package/dist/components/modal/index.less +19 -19
  112. package/dist/components/modalVertical/style.less +114 -114
  113. package/dist/components/modalWraper/style.less +363 -363
  114. package/dist/components/modalWraper/utils.js.map +1 -1
  115. package/dist/components/notification/index.js +4 -4
  116. package/dist/components/notification/index.js.map +1 -1
  117. package/dist/components/notification/index.less +57 -57
  118. package/dist/components/overflowTip/index.js +15 -15
  119. package/dist/components/overflowTip/index.js.map +1 -1
  120. package/dist/components/overflowTip/style.less +66 -66
  121. package/dist/components/page/index.js.map +1 -1
  122. package/dist/components/page/index.less +25 -25
  123. package/dist/components/product/detail.js.map +1 -1
  124. package/dist/components/product/getCard.js +5 -5
  125. package/dist/components/product/getCard.js.map +1 -1
  126. package/dist/components/product/index.less +354 -354
  127. package/dist/components/progressState/EmptyAndErrorView.js.map +1 -1
  128. package/dist/components/progressState/ProgressState.js +10 -10
  129. package/dist/components/progressState/ProgressState.js.map +1 -1
  130. package/dist/components/progressState/index.js.map +1 -1
  131. package/dist/components/progressState/style.less +65 -65
  132. package/dist/components/scan/index.js.map +1 -1
  133. package/dist/components/scan/index.less +33 -33
  134. package/dist/components/select/index.js.map +1 -1
  135. package/dist/components/select/index.less +11 -11
  136. package/dist/components/settlement/asyncModal.js.map +1 -1
  137. package/dist/components/settlement/index.js.map +1 -1
  138. package/dist/components/settlement/settlement.js +5 -5
  139. package/dist/components/settlement/settlement.js.map +1 -1
  140. package/dist/components/settlement/settlement.less +1604 -1604
  141. package/dist/components/settlement/settlementStore.js +10 -10
  142. package/dist/components/settlement/settlementStore.js.map +1 -1
  143. package/dist/components/settlement/utils.js.map +1 -1
  144. package/dist/components/socket/index.js +11 -11
  145. package/dist/components/socket/index.js.map +1 -1
  146. package/dist/components/spin/index.js +6 -6
  147. package/dist/components/spin/index.js.map +1 -1
  148. package/dist/components/spin/spin-style.less +436 -436
  149. package/dist/components/test/index.js +3 -3
  150. package/dist/components/test/index.js.map +1 -1
  151. package/dist/components/ticon/iconfont/demo_index.html +4765 -4765
  152. package/dist/components/ticon/iconfont/iconfont.css +811 -811
  153. package/dist/components/ticon/iconfont/iconfont.svg +572 -572
  154. package/dist/components/ticon/index.js.map +1 -1
  155. package/dist/components/touchScroll/index.js +9 -9
  156. package/dist/components/touchScroll/index.js.map +1 -1
  157. package/dist/components/touchTable/AuthProcess.js.map +1 -1
  158. package/dist/components/touchTable/generateWater.js.map +1 -1
  159. package/dist/components/touchTable/index.js +9 -9
  160. package/dist/components/touchTable/index.js.map +1 -1
  161. package/dist/components/touchTable/index.less +189 -189
  162. package/dist/components/touchTable/utils.js.map +1 -1
  163. package/dist/demo/PopOverDemo.js.map +1 -1
  164. package/dist/index.js.map +1 -1
  165. package/dist/util/tools.js.map +1 -1
  166. package/locales/zh/tplus-components-touch.json +1 -1
  167. package/locales/zh-CN/tplus-components-touch.json +1 -1
  168. package/mocks/memberInfo.json +79 -79
  169. package/package.json +2 -2
  170. package/tsconfig.json +26 -26
@@ -1,99 +1,99 @@
1
- .hide-hot-key{
2
- position: fixed !important;
3
- left: 100000px !important;
4
- }
5
-
6
- .quick_modle{
7
- .body{
8
- padding: 0px 20px !important;
9
- .onduty .row{
10
- padding: 0px !important;
11
- }
12
- }
13
- .hot-key-modle-title{
14
- padding: 0 15px;
15
- border-bottom: 1px solid transparent;
16
- color: #212121;
17
- .hot-key-title-h4{
18
- font-size: 18px;
19
- color: #333333;
20
- line-height: 1.42857143;
21
- display: inline-block;
22
- }
23
- .bangzhu{
24
- font-size: 15.4px;
25
- margin-left: 3px;
26
- color: #FF8C26;
27
- }
28
- }
29
- .content{
30
- display: flex;
31
- flex-direction: row;
32
- justify-content: center;
33
- align-items: center;
34
- width: 100% !important;
35
- .input_content_label{
36
- margin-top: 8px;
37
- line-height: 32px;
38
- font-size: 14px;
39
- display: block;
40
- }
41
- .input_content{
42
- display: flex;
43
- flex-direction: column;
44
- align-items:flex-start ;
45
- justify-content: center;
46
-
47
- .input_content_right{
48
- width: 80%;
49
- }
50
- .input_content_input{
51
- display: inline-block;
52
- height: 32px;
53
- border: 1px solid #C8C8CD;
54
- border-radius: 2px;
55
- line-height: 32px;
56
- font-size: 14px;
57
- text-indent: 8px;
58
- }
59
- }
60
-
61
- .input_error{
62
- .input_error_span{
63
- font-size: 12px;
64
- color: #E60012;
65
- line-height: 25px;
66
- display: block;
67
- }
68
- .input_error_mark{
69
- font-size: 13px;
70
- color: #666666;
71
- line-height: 25px;
72
- display: block;
73
- height: 25px;
74
- }
75
- }
76
- }
77
- }
78
-
79
-
80
- .help-word-div{
81
- max-width: 450px;
82
- max-height: 168px;
83
- line-height: 24px;
84
- overflow-y: scroll;
85
- }
86
-
87
- .hot-key-popover{
88
- margin-left: -14px;
89
- margin-top: 0px;
90
- .tooltip-inner{
91
- border-color: #FF8C26 !important;
92
- max-width: none !important;
93
- width: 437px;
94
- height: 190px;
95
- }
96
- .tooltip-arrow{
97
- border-bottom-color: #FF8C26 !important;
98
- }
99
- }
1
+ .hide-hot-key{
2
+ position: fixed !important;
3
+ left: 100000px !important;
4
+ }
5
+
6
+ .quick_modle{
7
+ .body{
8
+ padding: 0px 20px !important;
9
+ .onduty .row{
10
+ padding: 0px !important;
11
+ }
12
+ }
13
+ .hot-key-modle-title{
14
+ padding: 0 15px;
15
+ border-bottom: 1px solid transparent;
16
+ color: #212121;
17
+ .hot-key-title-h4{
18
+ font-size: 18px;
19
+ color: #333333;
20
+ line-height: 1.42857143;
21
+ display: inline-block;
22
+ }
23
+ .bangzhu{
24
+ font-size: 15.4px;
25
+ margin-left: 3px;
26
+ color: #FF8C26;
27
+ }
28
+ }
29
+ .content{
30
+ display: flex;
31
+ flex-direction: row;
32
+ justify-content: center;
33
+ align-items: center;
34
+ width: 100% !important;
35
+ .input_content_label{
36
+ margin-top: 8px;
37
+ line-height: 32px;
38
+ font-size: 14px;
39
+ display: block;
40
+ }
41
+ .input_content{
42
+ display: flex;
43
+ flex-direction: column;
44
+ align-items:flex-start ;
45
+ justify-content: center;
46
+
47
+ .input_content_right{
48
+ width: 80%;
49
+ }
50
+ .input_content_input{
51
+ display: inline-block;
52
+ height: 32px;
53
+ border: 1px solid #C8C8CD;
54
+ border-radius: 2px;
55
+ line-height: 32px;
56
+ font-size: 14px;
57
+ text-indent: 8px;
58
+ }
59
+ }
60
+
61
+ .input_error{
62
+ .input_error_span{
63
+ font-size: 12px;
64
+ color: #E60012;
65
+ line-height: 25px;
66
+ display: block;
67
+ }
68
+ .input_error_mark{
69
+ font-size: 13px;
70
+ color: #666666;
71
+ line-height: 25px;
72
+ display: block;
73
+ height: 25px;
74
+ }
75
+ }
76
+ }
77
+ }
78
+
79
+
80
+ .help-word-div{
81
+ max-width: 450px;
82
+ max-height: 168px;
83
+ line-height: 24px;
84
+ overflow-y: scroll;
85
+ }
86
+
87
+ .hot-key-popover{
88
+ margin-left: -14px;
89
+ margin-top: 0px;
90
+ .tooltip-inner{
91
+ border-color: #FF8C26 !important;
92
+ max-width: none !important;
93
+ width: 437px;
94
+ height: 190px;
95
+ }
96
+ .tooltip-arrow{
97
+ border-bottom-color: #FF8C26 !important;
98
+ }
99
+ }
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/hotKey/utils.js"],"names":["delayer","delay","setTimeout","resolve","countClosure","pollCount","awaitQuery","queryCount","queryHotKey","operator","currentDom","isSelector","Array","isArray","includes","charAt","query","queryAll","queryjoin","querys","split","forEach","value","index","selectorText","filterText","selectorIndex","filterIndex","selector","trim","push","length","queryContainer","document","querySelector","reduce","prev","current","querySelectorAll","find","el","textContent"],"mappings":"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","file":"utils.js","sourcesContent":["const delayer = (delay = 10) => new Promise(resolve => setTimeout(() => resolve(true), delay));\n\nconst countClosure = (delay) => {\n let pollCount = 0;\n\n return () => {\n async function awaitQuery() {\n await delayer(delay);\n }\n awaitQuery();\n\n if (pollCount > 60) return 'done';\n pollCount++;\n };\n};\nconst queryCount = countClosure();\n\nconst queryHotKey = (operator, currentDom) => {\n let isSelector \n if(Array.isArray(operator)){\n isSelector = ['.', '#'].includes(operator[0] && operator[0].charAt(0));\n }else{\n isSelector = ['.', '#'].includes(operator && operator.charAt(0));\n }\n const query = isSelector ? (Array.isArray(operator)?operator[0]:operator) : `.hot-key-part-${operator}`;\n const queryAll = [];\n\n if (isSelector) {\n let queryjoin = '';\n const querys = query.split(' ');\n querys.forEach((value, index) => {\n const [selectorText, filterText] = value.split('=');\n const [selectorIndex, filterIndex] = value.split(':');\n const selector = (filterText && selectorText) || (filterIndex && selectorIndex) || selectorText;\n queryjoin = (queryjoin += ` ${selector}`).trim();\n\n if (filterText || filterIndex) {\n queryAll.push({ selector: queryjoin, filterText, filterIndex });\n queryjoin = '';\n }\n\n if (index === (querys.length - 1) && queryjoin) {\n queryAll.push({ selector: queryjoin, filterText, filterIndex });\n }\n });\n }\n\n const queryContainer = currentDom || document;\n\n if (!isSelector) return queryContainer.querySelector(query);\n\n return queryAll.reduce((prev, current) => {\n const { selector, filterText, filterIndex } = current || {};\n\n if (filterText) {\n return Array.from(prev.querySelectorAll(selector)).find(el => el.textContent === filterText);\n }\n if (filterIndex) {\n return Array.from(prev.querySelectorAll(selector))[filterIndex];\n }\n return prev.querySelector(selector);\n }, queryContainer);\n};\n\nexport {\n queryHotKey,\n queryCount,\n};\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/hotKey/utils.js"],"names":["delayer","delay","setTimeout","resolve","countClosure","pollCount","awaitQuery","queryCount","queryHotKey","operator","currentDom","isSelector","Array","isArray","includes","charAt","query","queryAll","queryjoin","querys","split","forEach","value","index","selectorText","filterText","selectorIndex","filterIndex","selector","trim","push","length","queryContainer","document","querySelector","reduce","prev","current","querySelectorAll","find","el","textContent"],"mappings":"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","file":"utils.js","sourcesContent":["const delayer = (delay = 10) => new Promise(resolve => setTimeout(() => resolve(true), delay));\r\n\r\nconst countClosure = (delay) => {\r\n let pollCount = 0;\r\n\r\n return () => {\r\n async function awaitQuery() {\r\n await delayer(delay);\r\n }\r\n awaitQuery();\r\n\r\n if (pollCount > 60) return 'done';\r\n pollCount++;\r\n };\r\n};\r\nconst queryCount = countClosure();\r\n\r\nconst queryHotKey = (operator, currentDom) => {\r\n let isSelector \r\n if(Array.isArray(operator)){\r\n isSelector = ['.', '#'].includes(operator[0] && operator[0].charAt(0));\r\n }else{\r\n isSelector = ['.', '#'].includes(operator && operator.charAt(0));\r\n }\r\n const query = isSelector ? (Array.isArray(operator)?operator[0]:operator) : `.hot-key-part-${operator}`;\r\n const queryAll = [];\r\n\r\n if (isSelector) {\r\n let queryjoin = '';\r\n const querys = query.split(' ');\r\n querys.forEach((value, index) => {\r\n const [selectorText, filterText] = value.split('=');\r\n const [selectorIndex, filterIndex] = value.split(':');\r\n const selector = (filterText && selectorText) || (filterIndex && selectorIndex) || selectorText;\r\n queryjoin = (queryjoin += ` ${selector}`).trim();\r\n\r\n if (filterText || filterIndex) {\r\n queryAll.push({ selector: queryjoin, filterText, filterIndex });\r\n queryjoin = '';\r\n }\r\n\r\n if (index === (querys.length - 1) && queryjoin) {\r\n queryAll.push({ selector: queryjoin, filterText, filterIndex });\r\n }\r\n });\r\n }\r\n\r\n const queryContainer = currentDom || document;\r\n\r\n if (!isSelector) return queryContainer.querySelector(query);\r\n\r\n return queryAll.reduce((prev, current) => {\r\n const { selector, filterText, filterIndex } = current || {};\r\n\r\n if (filterText) {\r\n return Array.from(prev.querySelectorAll(selector)).find(el => el.textContent === filterText);\r\n }\r\n if (filterIndex) {\r\n return Array.from(prev.querySelectorAll(selector))[filterIndex];\r\n }\r\n return prev.querySelector(selector);\r\n }, queryContainer);\r\n};\r\n\r\nexport {\r\n queryHotKey,\r\n queryCount,\r\n};\r\n"]}
@@ -37,12 +37,12 @@ var _Select2 = require('tinper-bee/dist/Select');
37
37
 
38
38
  var _Select3 = _interopRequireDefault(_Select2);
39
39
 
40
- var _class, _temp; /*
41
- field{
42
- Title:'' title
43
- State:'' input状态
44
- SingleShow:boolean input如何显示 (带框还是只是展示)
45
- }
40
+ var _class, _temp; /*
41
+ field{
42
+ Title:'' title
43
+ State:'' input状态
44
+ SingleShow:boolean input如何显示 (带框还是只是展示)
45
+ }
46
46
  */
47
47
 
48
48
  require('tinper-bee/dist/Select/index.css');
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/input/index.js"],"names":["Option","map","defaultClass","Input","props","context","state","onFocus","e","setState","inputFocus","onBlur","changeScanProduct","scanObj","startScan","onScanResult","val","handleChange","handleOk","platform","isHorizontalPad","isMobileEnvironment","className","State","Label","Title","IsScan","Value","SingleShow","Style","InputStyle","tplusInput","ControlType","type","type1","precisionLength","maxLength","inputClassName","autocomplete","isShowScan","length","scan","value","Component","propTypes","PropTypes","string","bool","object","defaultProps"],"mappings":"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","file":"index.js","sourcesContent":["/*\n field{\n Title:'' title\n State:'' input状态\n SingleShow:boolean input如何显示 (带框还是只是展示)\n }\n*/\n\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types'\nimport { Select } from 'tinper-bee';\nimport { platform } from 'mutants-util';\nimport TplusInput from './tplusInput';\nimport Ticon from '../ticon';\nimport Scan from '../scan';\nimport NumKeyboard from '../keyboard/numKeyboard';\nimport './style.less';\n\nconst {Option} = Select;\n\nconst map = {\n 'error': 'inputerror ',\n 'tip': 'inputtip ',\n}\nconst defaultClass = 'input-wrapper-2 '\n\nexport default class Input extends Component {\n constructor(props, context) {\n super(props, context)\n const { isHorizontalPad } = platform || {};\n this.isMobileEnvironment = !!isHorizontalPad;\n }\n\n static propTypes={\n className:PropTypes.string,//外层元素类名\n State:PropTypes.string,//input 状态 (错误error /提示tip)\n Label:PropTypes.string,//提示信息:label\n Title:PropTypes.string,//左侧title\n Value:PropTypes.string,//值\n SingleShow:PropTypes.bool,//input 或者 展示文字\n Style:PropTypes.object,//展示文字的 style\n InputStyle:PropTypes.object,//input的style\n ControlType:PropTypes.string,//空间类型:字符型\n type1:PropTypes.string//:数字取值范围 (正负)\n }\n\n static defaultProps={\n className:'',\n State:'',\n Label:'',\n Title:'',\n Value:'',\n SingleShow:false,\n Style:{},\n InputStyle:{},\n onFocus: () => {},\n onBlur: () => {},\n }\n\n state = {};\n\n onFocus = (e) => {\n const {onFocus} = this.props;\n onFocus(e);\n this.setState({inputFocus: true});\n }\n\n onBlur = (e) => {\n const {onBlur} = this.props;\n onBlur(e);\n this.setState({inputFocus: false});\n }\n \n //移动端:扫描商品\n changeScanProduct = () => {\n if (this.scanObj) this.scanObj.startScan()\n }\n onScanResult = (val) => {\n const { handleChange, handleOk } = this.props;\n handleChange && handleChange(val);\n handleOk && handleOk();\n }\n\n render(){\n let { className, State, Label, Title,IsScan, Value, SingleShow, Style, InputStyle, tplusInput, onFocus, onBlur, ControlType, type, type1, precisionLength, maxLength, inputClassName = '', ...props } = this.props;\n const { inputFocus } = this.state;\n //解决浏览器自动填充密码的问题\n if ('password' === type) {\n props.autocomplete = \"new-password\";\n props.type = 'password';\n }\n if (tplusInput) {\n return <TplusInput\n className={className}\n onFocus={onFocus}\n onBlur={onBlur}\n type={type}\n {...props}\n />\n }\n className = defaultClass + (map[State] || '') + className;\n let isShowScan = (this.isMobileEnvironment && IsScan == true) ? true : false;\n return (\n <div className={className}>\n {\n !!Title.length &&\n <label>{Title}:</label>\n }\n <div>\n {\n SingleShow ? <span className='value value-singleshow' style={Style} {...props}>{Value}</span> :\n ControlType !== 'NumTextBox' ?\n <div className={isShowScan ? 'curInput pad' : 'curInput'}>\n <input\n className={`value ${inputClassName} ${inputFocus ? 'input-focus' : ''}`}\n style={InputStyle}\n value={Value}\n maxlength={maxLength ? maxLength : \"\"}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n {...props}\n />\n {\n isShowScan &&\n <div className='curScan'>\n <Ticon type='saomiao1' className='icon' onClick={this.changeScanProduct} />\n <Scan ref={scan => this.scanObj = scan} onChange={value => this.onScanResult(value)} />\n </div>\n }\n </div>\n \n :\n <NumKeyboard\n inputClassName={`value ${inputClassName} ${inputFocus ? 'input-focus' : ''}`}\n type={type1}\n defaultValue={Value}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n precisionLength={precisionLength}\n maxLength={maxLength}\n {...props}\n />\n }\n </div>\n </div>\n\n )\n }\n}\n\nInput.Option = Option; //Select.Option\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/input/index.js"],"names":["Option","map","defaultClass","Input","props","context","state","onFocus","e","setState","inputFocus","onBlur","changeScanProduct","scanObj","startScan","onScanResult","val","handleChange","handleOk","platform","isHorizontalPad","isMobileEnvironment","className","State","Label","Title","IsScan","Value","SingleShow","Style","InputStyle","tplusInput","ControlType","type","type1","precisionLength","maxLength","inputClassName","autocomplete","isShowScan","length","scan","value","Component","propTypes","PropTypes","string","bool","object","defaultProps"],"mappings":"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","file":"index.js","sourcesContent":["/*\r\n field{\r\n Title:'' title\r\n State:'' input状态\r\n SingleShow:boolean input如何显示 (带框还是只是展示)\r\n }\r\n*/\r\n\r\nimport React, { Component } from 'react';\r\nimport PropTypes from 'prop-types'\r\nimport { Select } from 'tinper-bee';\r\nimport { platform } from 'mutants-util';\r\nimport TplusInput from './tplusInput';\r\nimport Ticon from '../ticon';\r\nimport Scan from '../scan';\r\nimport NumKeyboard from '../keyboard/numKeyboard';\r\nimport './style.less';\r\n\r\nconst {Option} = Select;\r\n\r\nconst map = {\r\n 'error': 'inputerror ',\r\n 'tip': 'inputtip ',\r\n}\r\nconst defaultClass = 'input-wrapper-2 '\r\n\r\nexport default class Input extends Component {\r\n constructor(props, context) {\r\n super(props, context)\r\n const { isHorizontalPad } = platform || {};\r\n this.isMobileEnvironment = !!isHorizontalPad;\r\n }\r\n\r\n static propTypes={\r\n className:PropTypes.string,//外层元素类名\r\n State:PropTypes.string,//input 状态 (错误error /提示tip)\r\n Label:PropTypes.string,//提示信息:label\r\n Title:PropTypes.string,//左侧title\r\n Value:PropTypes.string,//值\r\n SingleShow:PropTypes.bool,//input 或者 展示文字\r\n Style:PropTypes.object,//展示文字的 style\r\n InputStyle:PropTypes.object,//input的style\r\n ControlType:PropTypes.string,//空间类型:字符型\r\n type1:PropTypes.string//:数字取值范围 (正负)\r\n }\r\n\r\n static defaultProps={\r\n className:'',\r\n State:'',\r\n Label:'',\r\n Title:'',\r\n Value:'',\r\n SingleShow:false,\r\n Style:{},\r\n InputStyle:{},\r\n onFocus: () => {},\r\n onBlur: () => {},\r\n }\r\n\r\n state = {};\r\n\r\n onFocus = (e) => {\r\n const {onFocus} = this.props;\r\n onFocus(e);\r\n this.setState({inputFocus: true});\r\n }\r\n\r\n onBlur = (e) => {\r\n const {onBlur} = this.props;\r\n onBlur(e);\r\n this.setState({inputFocus: false});\r\n }\r\n \r\n //移动端:扫描商品\r\n changeScanProduct = () => {\r\n if (this.scanObj) this.scanObj.startScan()\r\n }\r\n onScanResult = (val) => {\r\n const { handleChange, handleOk } = this.props;\r\n handleChange && handleChange(val);\r\n handleOk && handleOk();\r\n }\r\n\r\n render(){\r\n let { className, State, Label, Title,IsScan, Value, SingleShow, Style, InputStyle, tplusInput, onFocus, onBlur, ControlType, type, type1, precisionLength, maxLength, inputClassName = '', ...props } = this.props;\r\n const { inputFocus } = this.state;\r\n //解决浏览器自动填充密码的问题\r\n if ('password' === type) {\r\n props.autocomplete = \"new-password\";\r\n props.type = 'password';\r\n }\r\n if (tplusInput) {\r\n return <TplusInput\r\n className={className}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n type={type}\r\n {...props}\r\n />\r\n }\r\n className = defaultClass + (map[State] || '') + className;\r\n let isShowScan = (this.isMobileEnvironment && IsScan == true) ? true : false;\r\n return (\r\n <div className={className}>\r\n {\r\n !!Title.length &&\r\n <label>{Title}:</label>\r\n }\r\n <div>\r\n {\r\n SingleShow ? <span className='value value-singleshow' style={Style} {...props}>{Value}</span> :\r\n ControlType !== 'NumTextBox' ?\r\n <div className={isShowScan ? 'curInput pad' : 'curInput'}>\r\n <input\r\n className={`value ${inputClassName} ${inputFocus ? 'input-focus' : ''}`}\r\n style={InputStyle}\r\n value={Value}\r\n maxlength={maxLength ? maxLength : \"\"}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n {...props}\r\n />\r\n {\r\n isShowScan &&\r\n <div className='curScan'>\r\n <Ticon type='saomiao1' className='icon' onClick={this.changeScanProduct} />\r\n <Scan ref={scan => this.scanObj = scan} onChange={value => this.onScanResult(value)} />\r\n </div>\r\n }\r\n </div>\r\n \r\n :\r\n <NumKeyboard\r\n inputClassName={`value ${inputClassName} ${inputFocus ? 'input-focus' : ''}`}\r\n type={type1}\r\n defaultValue={Value}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n precisionLength={precisionLength}\r\n maxLength={maxLength}\r\n {...props}\r\n />\r\n }\r\n </div>\r\n </div>\r\n\r\n )\r\n }\r\n}\r\n\r\nInput.Option = Option; //Select.Option\r\n"]}
@@ -1,107 +1,107 @@
1
-
2
- .input-wrapper-2{
3
- display: inline-block;
4
- width:100%;
5
- label{
6
- display:inline-block;
7
- text-align: right;
8
- line-height: 32px;
9
- padding-right:12px;
10
- vertical-align: top;
11
- width:100px;
12
- font-size:14px!important;
13
- }
14
- >div{
15
- display: inline-block;
16
- text-align: left;
17
- input:focus{
18
- outline: #d6d6db
19
- }
20
- input[disabled]{
21
- background: #eaebed
22
- }
23
- input{
24
- outline: #cacad0;
25
- position: relative;
26
- display: inline-block;
27
- padding: 0 12px;
28
- width: 253px;
29
- height: 32px;
30
- cursor: text;
31
- font-size: 14px;
32
- line-height: 1.5;
33
- color: #424242;
34
- background-color: #fff;
35
- background-image: none;
36
- border: 1px solid #a5adba;
37
- border-radius: 3px;
38
- -webkit-transition: all .3s;
39
- transition: all .3s;
40
- }
41
- span{
42
- line-height: 14px;
43
- font-size: 14px;
44
- }
45
- .value.value-singleshow{
46
- border:none!important;
47
- }
48
- .value{
49
- display: inline-block!important;
50
- line-height: 32px!important;
51
- height: 32px!important;
52
- font-size: 14px!important;
53
- width:253px!important;
54
- border: 1px solid #C8C8CD!important;
55
- &.input-focus{
56
- border: 1px solid #FF8C26!important;
57
- }
58
- }
59
- }
60
-
61
- .curInput {
62
- display : flex;
63
- align-items : center;
64
- justify-content: center;
65
-
66
- .curScan {
67
- margin-left : -25px;
68
- margin-bottom: 5px;
69
- z-index : 1;
70
-
71
- i {
72
- font-size: 20px;
73
- color : #666666
74
- }
75
- }
76
- }
77
-
78
- .pad input {
79
- padding-right: 28px;
80
- }
81
- }
82
- .input-wrapper-2.inputerror{
83
- >div{
84
- input{
85
- background:white;
86
- outline: red;
87
- border:1px red solid;
88
- }
89
- span{
90
- color:red
91
- }
92
- }
93
-
94
- }
95
- .input-wrapper-2.inputtip{
96
- >div{
97
- input{
98
- background:white;
99
- outline: red;
100
- border:1px red solid;
101
- }
102
- span{
103
- color:#777
104
- }
105
- }
106
-
107
- }
1
+
2
+ .input-wrapper-2{
3
+ display: inline-block;
4
+ width:100%;
5
+ label{
6
+ display:inline-block;
7
+ text-align: right;
8
+ line-height: 32px;
9
+ padding-right:12px;
10
+ vertical-align: top;
11
+ width:100px;
12
+ font-size:14px!important;
13
+ }
14
+ >div{
15
+ display: inline-block;
16
+ text-align: left;
17
+ input:focus{
18
+ outline: #d6d6db
19
+ }
20
+ input[disabled]{
21
+ background: #eaebed
22
+ }
23
+ input{
24
+ outline: #cacad0;
25
+ position: relative;
26
+ display: inline-block;
27
+ padding: 0 12px;
28
+ width: 253px;
29
+ height: 32px;
30
+ cursor: text;
31
+ font-size: 14px;
32
+ line-height: 1.5;
33
+ color: #424242;
34
+ background-color: #fff;
35
+ background-image: none;
36
+ border: 1px solid #a5adba;
37
+ border-radius: 3px;
38
+ -webkit-transition: all .3s;
39
+ transition: all .3s;
40
+ }
41
+ span{
42
+ line-height: 14px;
43
+ font-size: 14px;
44
+ }
45
+ .value.value-singleshow{
46
+ border:none!important;
47
+ }
48
+ .value{
49
+ display: inline-block!important;
50
+ line-height: 32px!important;
51
+ height: 32px!important;
52
+ font-size: 14px!important;
53
+ width:253px!important;
54
+ border: 1px solid #C8C8CD!important;
55
+ &.input-focus{
56
+ border: 1px solid #FF8C26!important;
57
+ }
58
+ }
59
+ }
60
+
61
+ .curInput {
62
+ display : flex;
63
+ align-items : center;
64
+ justify-content: center;
65
+
66
+ .curScan {
67
+ margin-left : -25px;
68
+ margin-bottom: 5px;
69
+ z-index : 1;
70
+
71
+ i {
72
+ font-size: 20px;
73
+ color : #666666
74
+ }
75
+ }
76
+ }
77
+
78
+ .pad input {
79
+ padding-right: 28px;
80
+ }
81
+ }
82
+ .input-wrapper-2.inputerror{
83
+ >div{
84
+ input{
85
+ background:white;
86
+ outline: red;
87
+ border:1px red solid;
88
+ }
89
+ span{
90
+ color:red
91
+ }
92
+ }
93
+
94
+ }
95
+ .input-wrapper-2.inputtip{
96
+ >div{
97
+ input{
98
+ background:white;
99
+ outline: red;
100
+ border:1px red solid;
101
+ }
102
+ span{
103
+ color:#777
104
+ }
105
+ }
106
+
107
+ }
@@ -28,37 +28,37 @@ require('./style.less');
28
28
 
29
29
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
30
30
 
31
- /**
32
- * Created by hzy on 2019/4/26.
31
+ /**
32
+ * Created by hzy on 2019/4/26.
33
33
  */
34
- /**
35
- * @style style
36
- * @className className
37
- * @tplusInput Boolean 指定为tplusInput输入框
38
- * @bottomLine Boolean 是否为单行输入框
39
- * @type Sting 输入框类型 native | select 不传默认为bee FormControl组件
40
- * @value Sting 输入框value值
41
- * @prefix Sting || element 输入框左侧icon,可以为iconfont字体class,或者自定义react node
42
- * @suffix Sting || element 输入框右侧icon,可以为iconfont字体class,或者自定义react node
43
- * @onClick: Func 点击输入框触发的click事件
44
- * @title: Sting 输入框标题
45
- * @error: Sting 输入框校验错误状态下文字内容
46
- * @placeholder: Sting 输入框placeholder
47
- * @inputRef: Func 获取输入框实例 ex: <Input tplusInput ref={ref => this.inputRef = ref} />
48
- * @vertical: Boolean 启用竖屏中样式覆盖
49
- *
50
- * @htmlType Sting native类型下的html input类型
51
- * @noAutocomplete Boolean native类型下: 是否禁用自动填充
52
- * @disabled Boolean native类型下: 是否禁用输入
53
- * @size Sting native类型下: 适配 bee FormControl组件的输入框尺寸样式,可选值 sm | 默认 | lg
54
- * @onChange: Func native类型下: 输入框内容变化时的回调
55
- * @onFocus: Func native类型下: 输入框获取焦点时的回调
56
- *
57
- * @selectPlaceholder Boolean select类型下: 是否在select前显示占位层级(会阻止触发onChange)
58
- * @arrowPlaceholder Boolean select类型下: 会用一块空的div遮挡arrow icon(触发事件冒泡)
59
- * @arrowPlaceholderClass String className
60
- *
61
- * 其他参数为对应bee组件参数
34
+ /**
35
+ * @style style
36
+ * @className className
37
+ * @tplusInput Boolean 指定为tplusInput输入框
38
+ * @bottomLine Boolean 是否为单行输入框
39
+ * @type Sting 输入框类型 native | select 不传默认为bee FormControl组件
40
+ * @value Sting 输入框value值
41
+ * @prefix Sting || element 输入框左侧icon,可以为iconfont字体class,或者自定义react node
42
+ * @suffix Sting || element 输入框右侧icon,可以为iconfont字体class,或者自定义react node
43
+ * @onClick: Func 点击输入框触发的click事件
44
+ * @title: Sting 输入框标题
45
+ * @error: Sting 输入框校验错误状态下文字内容
46
+ * @placeholder: Sting 输入框placeholder
47
+ * @inputRef: Func 获取输入框实例 ex: <Input tplusInput ref={ref => this.inputRef = ref} />
48
+ * @vertical: Boolean 启用竖屏中样式覆盖
49
+ *
50
+ * @htmlType Sting native类型下的html input类型
51
+ * @noAutocomplete Boolean native类型下: 是否禁用自动填充
52
+ * @disabled Boolean native类型下: 是否禁用输入
53
+ * @size Sting native类型下: 适配 bee FormControl组件的输入框尺寸样式,可选值 sm | 默认 | lg
54
+ * @onChange: Func native类型下: 输入框内容变化时的回调
55
+ * @onFocus: Func native类型下: 输入框获取焦点时的回调
56
+ *
57
+ * @selectPlaceholder Boolean select类型下: 是否在select前显示占位层级(会阻止触发onChange)
58
+ * @arrowPlaceholder Boolean select类型下: 会用一块空的div遮挡arrow icon(触发事件冒泡)
59
+ * @arrowPlaceholderClass String className
60
+ *
61
+ * 其他参数为对应bee组件参数
62
62
  */
63
63
  var Option = _Select3.default.Option;
64
64
  function TplusInput(props) {
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/input/tplusInput/index.js"],"names":["TplusInput","Option","props","propTypes","style","PropTypes","object","className","string","placeholder","bottomLine","bool","disabled","vertical","prefix","element","suffix","htmlType","type","noAutocomplete","inputRef","func","value","number","selectPlaceholder","placeholderClick","size","onClick","onChange","onFocus"],"mappings":";;;;;;;;;;kBAwCwBA,U;;;;AARxB;;;;AACA;;;;AAEA;;;;AACA;;;;AApCA;;;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmCOC,M,oBAAAA,M;AAEQ,SAASD,UAAT,CAAoBE,KAApB,EAA2B;AACxC,SACE,8BAAC,sBAAD,EACMA,KADN,CADF;AAKD;;AAEDF,WAAWG,SAAX,GAAuB;AACrBC,SAAOC,oBAAUC,MADI;AAErBC,aAAWF,oBAAUG,MAFA;AAGrBC,eAAaJ,oBAAUG,MAHF;AAIrBE,cAAYL,oBAAUM,IAJD;AAKrBC,YAAUP,oBAAUM,IALC;AAMrBE,YAAUR,oBAAUM,IANC;AAOrBG,UAAQ,0BAAU,CAChBT,oBAAUG,MADM,EAEhBH,oBAAUU,OAFM,CAAV,CAPa;AAWrBC,UAAQ,0BAAU,CAChBX,oBAAUG,MADM,EAEhBH,oBAAUU,OAFM,CAAV,CAXa;AAerBE,YAAUZ,oBAAUG,MAfC;AAgBrBU,QAAMb,oBAAUG,MAhBK;AAiBrBW,kBAAgBd,oBAAUM,IAjBL;AAkBrBS,YAAUf,oBAAUgB,IAlBC;AAmBrBC,SAAO,0BAAU,CACfjB,oBAAUG,MADK,EAEfH,oBAAUkB,MAFK,CAAV,CAnBc;AAuBrBC,qBAAmBnB,oBAAUM,IAvBR;AAwBrBc,oBAAkBpB,oBAAUgB,IAxBP;AAyBrBK,QAAMrB,oBAAUG,MAzBK;AA0BrBmB,WAAStB,oBAAUgB,IA1BE;AA2BrBO,YAAUvB,oBAAUgB,IA3BC;AA4BrBQ,WAASxB,oBAAUgB;AA5BE,CAAvB","file":"index.js","sourcesContent":["/**\n * Created by hzy on 2019/4/26.\n */\n/**\n * @style style\n * @className className\n * @tplusInput Boolean 指定为tplusInput输入框\n * @bottomLine Boolean 是否为单行输入框\n * @type Sting 输入框类型 native | select 不传默认为bee FormControl组件\n * @value Sting 输入框value值\n * @prefix Sting || element 输入框左侧icon,可以为iconfont字体class,或者自定义react node\n * @suffix Sting || element 输入框右侧icon,可以为iconfont字体class,或者自定义react node\n * @onClick: Func 点击输入框触发的click事件\n * @title: Sting 输入框标题\n * @error: Sting 输入框校验错误状态下文字内容\n * @placeholder: Sting 输入框placeholder\n * @inputRef: Func 获取输入框实例 ex: <Input tplusInput ref={ref => this.inputRef = ref} />\n * @vertical: Boolean 启用竖屏中样式覆盖\n *\n * @htmlType Sting native类型下的html input类型\n * @noAutocomplete Boolean native类型下: 是否禁用自动填充\n * @disabled Boolean native类型下: 是否禁用输入\n * @size Sting native类型下: 适配 bee FormControl组件的输入框尺寸样式,可选值 sm | 默认 | lg\n * @onChange: Func native类型下: 输入框内容变化时的回调\n * @onFocus: Func native类型下: 输入框获取焦点时的回调\n *\n * @selectPlaceholder Boolean select类型下: 是否在select前显示占位层级(会阻止触发onChange)\n * @arrowPlaceholder Boolean select类型下: 会用一块空的div遮挡arrow icon(触发事件冒泡)\n * @arrowPlaceholderClass String className\n *\n * 其他参数为对应bee组件参数\n */\nimport React from 'react';\nimport PropTypes, {oneOfType} from 'prop-types';\nimport {Select} from 'tinper-bee';\nimport InputContent from './inputContent';\nimport './style.less';\n\nconst {Option} = Select;\n\nexport default function TplusInput(props) {\n return (\n <InputContent\n {...props}\n />\n );\n}\n\nTplusInput.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n placeholder: PropTypes.string,\n bottomLine: PropTypes.bool,\n disabled: PropTypes.bool,\n vertical: PropTypes.bool,\n prefix: oneOfType([\n PropTypes.string,\n PropTypes.element\n ]),\n suffix: oneOfType([\n PropTypes.string,\n PropTypes.element\n ]),\n htmlType: PropTypes.string,\n type: PropTypes.string,\n noAutocomplete: PropTypes.bool,\n inputRef: PropTypes.func,\n value: oneOfType([\n PropTypes.string,\n PropTypes.number\n ]),\n selectPlaceholder: PropTypes.bool,\n placeholderClick: PropTypes.func,\n size: PropTypes.string,\n onClick: PropTypes.func,\n onChange: PropTypes.func,\n onFocus: PropTypes.func,\n};\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/input/tplusInput/index.js"],"names":["TplusInput","Option","props","propTypes","style","PropTypes","object","className","string","placeholder","bottomLine","bool","disabled","vertical","prefix","element","suffix","htmlType","type","noAutocomplete","inputRef","func","value","number","selectPlaceholder","placeholderClick","size","onClick","onChange","onFocus"],"mappings":";;;;;;;;;;kBAwCwBA,U;;;;AARxB;;;;AACA;;;;AAEA;;;;AACA;;;;AApCA;;;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmCOC,M,oBAAAA,M;AAEQ,SAASD,UAAT,CAAoBE,KAApB,EAA2B;AACxC,SACE,8BAAC,sBAAD,EACMA,KADN,CADF;AAKD;;AAEDF,WAAWG,SAAX,GAAuB;AACrBC,SAAOC,oBAAUC,MADI;AAErBC,aAAWF,oBAAUG,MAFA;AAGrBC,eAAaJ,oBAAUG,MAHF;AAIrBE,cAAYL,oBAAUM,IAJD;AAKrBC,YAAUP,oBAAUM,IALC;AAMrBE,YAAUR,oBAAUM,IANC;AAOrBG,UAAQ,0BAAU,CAChBT,oBAAUG,MADM,EAEhBH,oBAAUU,OAFM,CAAV,CAPa;AAWrBC,UAAQ,0BAAU,CAChBX,oBAAUG,MADM,EAEhBH,oBAAUU,OAFM,CAAV,CAXa;AAerBE,YAAUZ,oBAAUG,MAfC;AAgBrBU,QAAMb,oBAAUG,MAhBK;AAiBrBW,kBAAgBd,oBAAUM,IAjBL;AAkBrBS,YAAUf,oBAAUgB,IAlBC;AAmBrBC,SAAO,0BAAU,CACfjB,oBAAUG,MADK,EAEfH,oBAAUkB,MAFK,CAAV,CAnBc;AAuBrBC,qBAAmBnB,oBAAUM,IAvBR;AAwBrBc,oBAAkBpB,oBAAUgB,IAxBP;AAyBrBK,QAAMrB,oBAAUG,MAzBK;AA0BrBmB,WAAStB,oBAAUgB,IA1BE;AA2BrBO,YAAUvB,oBAAUgB,IA3BC;AA4BrBQ,WAASxB,oBAAUgB;AA5BE,CAAvB","file":"index.js","sourcesContent":["/**\r\n * Created by hzy on 2019/4/26.\r\n */\r\n/**\r\n * @style style\r\n * @className className\r\n * @tplusInput Boolean 指定为tplusInput输入框\r\n * @bottomLine Boolean 是否为单行输入框\r\n * @type Sting 输入框类型 native | select 不传默认为bee FormControl组件\r\n * @value Sting 输入框value值\r\n * @prefix Sting || element 输入框左侧icon,可以为iconfont字体class,或者自定义react node\r\n * @suffix Sting || element 输入框右侧icon,可以为iconfont字体class,或者自定义react node\r\n * @onClick: Func 点击输入框触发的click事件\r\n * @title: Sting 输入框标题\r\n * @error: Sting 输入框校验错误状态下文字内容\r\n * @placeholder: Sting 输入框placeholder\r\n * @inputRef: Func 获取输入框实例 ex: <Input tplusInput ref={ref => this.inputRef = ref} />\r\n * @vertical: Boolean 启用竖屏中样式覆盖\r\n *\r\n * @htmlType Sting native类型下的html input类型\r\n * @noAutocomplete Boolean native类型下: 是否禁用自动填充\r\n * @disabled Boolean native类型下: 是否禁用输入\r\n * @size Sting native类型下: 适配 bee FormControl组件的输入框尺寸样式,可选值 sm | 默认 | lg\r\n * @onChange: Func native类型下: 输入框内容变化时的回调\r\n * @onFocus: Func native类型下: 输入框获取焦点时的回调\r\n *\r\n * @selectPlaceholder Boolean select类型下: 是否在select前显示占位层级(会阻止触发onChange)\r\n * @arrowPlaceholder Boolean select类型下: 会用一块空的div遮挡arrow icon(触发事件冒泡)\r\n * @arrowPlaceholderClass String className\r\n *\r\n * 其他参数为对应bee组件参数\r\n */\r\nimport React from 'react';\r\nimport PropTypes, {oneOfType} from 'prop-types';\r\nimport {Select} from 'tinper-bee';\r\nimport InputContent from './inputContent';\r\nimport './style.less';\r\n\r\nconst {Option} = Select;\r\n\r\nexport default function TplusInput(props) {\r\n return (\r\n <InputContent\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nTplusInput.propTypes = {\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n bottomLine: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n vertical: PropTypes.bool,\r\n prefix: oneOfType([\r\n PropTypes.string,\r\n PropTypes.element\r\n ]),\r\n suffix: oneOfType([\r\n PropTypes.string,\r\n PropTypes.element\r\n ]),\r\n htmlType: PropTypes.string,\r\n type: PropTypes.string,\r\n noAutocomplete: PropTypes.bool,\r\n inputRef: PropTypes.func,\r\n value: oneOfType([\r\n PropTypes.string,\r\n PropTypes.number\r\n ]),\r\n selectPlaceholder: PropTypes.bool,\r\n placeholderClick: PropTypes.func,\r\n size: PropTypes.string,\r\n onClick: PropTypes.func,\r\n onChange: PropTypes.func,\r\n onFocus: PropTypes.func,\r\n};\r\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/input/tplusInput/inputContent.js"],"names":["InputContent","props","prefix","suffix","style","className","title","bottomLine","error","onClick","selectPlaceholder","arrowPlaceholder","arrowPlaceholderClass","vertical","prop","isFocus","setFocus","nativeFocus","e","nativeBlur","handleClick","createIcon","icon","iconNode","FormControlClass","classes","push","join","inputClassName","bottomLineClass","includes","type","inputIsFocusClass","inputDisabledClass","disabled","inputIsError","classNames"],"mappings":"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","file":"inputContent.js","sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Ticon} from '../../../index';\nimport Inputs from './inputs';\nimport {generatorClass} from '../utils';\n\nexport default function InputContent(props) {\n const {prefix, suffix, style = {}, className = '', title, bottomLine, error, onClick,\n selectPlaceholder, arrowPlaceholder, arrowPlaceholderClass = '', vertical, ...prop} = props;\n const [isFocus, setFocus] = useState(false);\n\n const nativeFocus = (e) => {\n setFocus(true);\n }\n const nativeBlur = (e) => {\n setFocus(false);\n }\n const handleClick = (e) => {\n onClick && onClick(e);\n }\n\n const createIcon = (icon, className) => {\n if (!icon) return;\n let iconNode;\n if (typeof icon === 'string') {\n iconNode = <Ticon\n icon={icon}\n className='tplus-input-icon'\n />\n } else {\n iconNode = icon;\n }\n return <span className={className}>{iconNode}</span>;\n };\n\n const FormControlClass = () => {\n const classes = ['tplus-input'];\n prefix && classes.push('has-prefix-icon');\n suffix && classes.push('has-suffix-icon');\n return classes.join(' ');\n };\n\n const inputClassName = FormControlClass();\n const bottomLineClass = bottomLine && ['native', 'select'].includes(props.type) ? 'tplus-input-bottom-line' : '';\n const inputIsFocusClass = (props.type === 'native' && isFocus) ? 'tplus-input-focus' : 'tplus-input-blur';\n const inputDisabledClass = props.disabled ? 'tplus-input-disabled' : '';\n const inputIsError = error ? 'tplus-input-error' : '';\n\n const classNames = generatorClass('tplus-input-wrapper', className, inputIsFocusClass, inputIsError, bottomLineClass, inputDisabledClass);\n return (<div className={`tplus-input-container ${vertical ? 'vertical-input-container' : ''}`}>\n {title && <span className='tplus-input-title'>{title}</span>}\n <div className={classNames} onClick={handleClick} style={style}>\n {createIcon(prefix, 'tplus-input-icon tplus-input-prefix')}\n {selectPlaceholder && <div className='tplus-select-placeholder' />}\n <Inputs\n className={inputClassName}\n nativeFocus={nativeFocus}\n nativeBlur={nativeBlur}\n prefix={prefix}\n suffix={suffix}\n {...prop}\n />\n {arrowPlaceholder && <div className={`tplus-select-arrow-placeholder ${arrowPlaceholderClass}`} />}\n {createIcon(suffix, 'tplus-input-icon tplus-input-suffix')}\n {error && <p className='tplus-input-error-text'>{error}</p>}\n </div>\n </div>);\n}\n\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/input/tplusInput/inputContent.js"],"names":["InputContent","props","prefix","suffix","style","className","title","bottomLine","error","onClick","selectPlaceholder","arrowPlaceholder","arrowPlaceholderClass","vertical","prop","isFocus","setFocus","nativeFocus","e","nativeBlur","handleClick","createIcon","icon","iconNode","FormControlClass","classes","push","join","inputClassName","bottomLineClass","includes","type","inputIsFocusClass","inputDisabledClass","disabled","inputIsError","classNames"],"mappings":";;;;;;;;;;;;;;;;;;kBAKwBA,Y;;AALxB;;;;AACA;;AACA;;;;AACA;;;;AAEe,SAASA,YAAT,CAAsBC,KAAtB,EAA6B;AAAA,MACnCC,MADmC,GAE8CD,KAF9C,CACnCC,MADmC;AAAA,MAC3BC,MAD2B,GAE8CF,KAF9C,CAC3BE,MAD2B;AAAA,qBAE8CF,KAF9C,CACnBG,KADmB;AAAA,MACnBA,KADmB,gCACX,EADW;AAAA,yBAE8CH,KAF9C,CACPI,SADO;AAAA,MACPA,SADO,oCACK,EADL;AAAA,MACSC,KADT,GAE8CL,KAF9C,CACSK,KADT;AAAA,MACgBC,UADhB,GAE8CN,KAF9C,CACgBM,UADhB;AAAA,MAC4BC,KAD5B,GAE8CP,KAF9C,CAC4BO,KAD5B;AAAA,MACmCC,OADnC,GAE8CR,KAF9C,CACmCQ,OADnC;AAAA,MAExCC,iBAFwC,GAE8CT,KAF9C,CAExCS,iBAFwC;AAAA,MAErBC,gBAFqB,GAE8CV,KAF9C,CAErBU,gBAFqB;AAAA,8BAE8CV,KAF9C,CAEHW,qBAFG;AAAA,MAEHA,qBAFG,yCAEqB,EAFrB;AAAA,MAEyBC,QAFzB,GAE8CZ,KAF9C,CAEyBY,QAFzB;AAAA,MAEsCC,IAFtC,0CAE8Cb,KAF9C;;AAAA,kBAGd,qBAAS,KAAT,CAHc;AAAA;AAAA,MAGnCc,OAHmC;AAAA,MAG1BC,QAH0B;;AAK1C,MAAMC,cAAc,SAAdA,WAAc,CAACC,CAAD,EAAO;AACzBF,aAAS,IAAT;AACD,GAFD;AAGA,MAAMG,aAAa,SAAbA,UAAa,CAACD,CAAD,EAAO;AACxBF,aAAS,KAAT;AACD,GAFD;AAGA,MAAMI,cAAc,SAAdA,WAAc,CAACF,CAAD,EAAO;AACzBT,eAAWA,QAAQS,CAAR,CAAX;AACD,GAFD;;AAIA,MAAMG,aAAa,SAAbA,UAAa,CAACC,IAAD,EAAOjB,SAAP,EAAqB;AACtC,QAAI,CAACiB,IAAL,EAAW;AACX,QAAIC,iBAAJ;AACA,QAAI,OAAOD,IAAP,KAAgB,QAApB,EAA8B;AAC5BC,iBAAW,8BAAC,YAAD;AACT,cAAMD,IADG;AAET,mBAAU;AAFD,QAAX;AAID,KALD,MAKO;AACLC,iBAAWD,IAAX;AACD;AACD,WAAO;AAAA;AAAA,QAAM,WAAWjB,SAAjB;AAA6BkB;AAA7B,KAAP;AACD,GAZD;;AAcA,MAAMC,mBAAmB,SAAnBA,gBAAmB,GAAM;AAC7B,QAAMC,UAAU,CAAC,aAAD,CAAhB;AACAvB,cAAUuB,QAAQC,IAAR,CAAa,iBAAb,CAAV;AACAvB,cAAUsB,QAAQC,IAAR,CAAa,iBAAb,CAAV;AACA,WAAOD,QAAQE,IAAR,CAAa,GAAb,CAAP;AACD,GALD;;AAOA,MAAMC,iBAAiBJ,kBAAvB;AACA,MAAMK,kBAAkBtB,cAAc,CAAC,QAAD,EAAW,QAAX,EAAqBuB,QAArB,CAA8B7B,MAAM8B,IAApC,CAAd,GAA0D,yBAA1D,GAAsF,EAA9G;AACA,MAAMC,oBAAqB/B,MAAM8B,IAAN,KAAe,QAAf,IAA2BhB,OAA5B,GAAuC,mBAAvC,GAA6D,kBAAvF;AACA,MAAMkB,qBAAqBhC,MAAMiC,QAAN,GAAiB,sBAAjB,GAA0C,EAArE;AACA,MAAMC,eAAe3B,QAAQ,mBAAR,GAA8B,EAAnD;;AAEA,MAAM4B,aAAa,2BAAe,qBAAf,EAAsC/B,SAAtC,EAAiD2B,iBAAjD,EAAoEG,YAApE,EAAkFN,eAAlF,EAAmGI,kBAAnG,CAAnB;AACA,SAAQ;AAAA;AAAA,MAAK,uCAAoCpB,WAAW,0BAAX,GAAwC,EAA5E,CAAL;AACLP,aAAS;AAAA;AAAA,QAAM,WAAU,mBAAhB;AAAqCA;AAArC,KADJ;AAEN;AAAA;AAAA,QAAK,WAAW8B,UAAhB,EAA4B,SAAShB,WAArC,EAAkD,OAAOhB,KAAzD;AACGiB,iBAAWnB,MAAX,EAAmB,qCAAnB,CADH;AAEGQ,2BAAqB,uCAAK,WAAU,0BAAf,GAFxB;AAGE,oCAAC,gBAAD;AACE,mBAAWkB,cADb;AAEE,qBAAaX,WAFf;AAGE,oBAAYE,UAHd;AAIE,gBAAQjB,MAJV;AAKE,gBAAQC;AALV,SAMMW,IANN,EAHF;AAWGH,0BAAoB,uCAAK,+CAA6CC,qBAAlD,GAXvB;AAYGS,iBAAWlB,MAAX,EAAmB,qCAAnB,CAZH;AAaGK,eAAS;AAAA;AAAA,UAAG,WAAU,wBAAb;AAAuCA;AAAvC;AAbZ;AAFM,GAAR;AAkBD","file":"inputContent.js","sourcesContent":["import React, {useState, useEffect} from 'react';\r\nimport {Ticon} from '../../../index';\r\nimport Inputs from './inputs';\r\nimport {generatorClass} from '../utils';\r\n\r\nexport default function InputContent(props) {\r\n const {prefix, suffix, style = {}, className = '', title, bottomLine, error, onClick,\r\n selectPlaceholder, arrowPlaceholder, arrowPlaceholderClass = '', vertical, ...prop} = props;\r\n const [isFocus, setFocus] = useState(false);\r\n\r\n const nativeFocus = (e) => {\r\n setFocus(true);\r\n }\r\n const nativeBlur = (e) => {\r\n setFocus(false);\r\n }\r\n const handleClick = (e) => {\r\n onClick && onClick(e);\r\n }\r\n\r\n const createIcon = (icon, className) => {\r\n if (!icon) return;\r\n let iconNode;\r\n if (typeof icon === 'string') {\r\n iconNode = <Ticon\r\n icon={icon}\r\n className='tplus-input-icon'\r\n />\r\n } else {\r\n iconNode = icon;\r\n }\r\n return <span className={className}>{iconNode}</span>;\r\n };\r\n\r\n const FormControlClass = () => {\r\n const classes = ['tplus-input'];\r\n prefix && classes.push('has-prefix-icon');\r\n suffix && classes.push('has-suffix-icon');\r\n return classes.join(' ');\r\n };\r\n\r\n const inputClassName = FormControlClass();\r\n const bottomLineClass = bottomLine && ['native', 'select'].includes(props.type) ? 'tplus-input-bottom-line' : '';\r\n const inputIsFocusClass = (props.type === 'native' && isFocus) ? 'tplus-input-focus' : 'tplus-input-blur';\r\n const inputDisabledClass = props.disabled ? 'tplus-input-disabled' : '';\r\n const inputIsError = error ? 'tplus-input-error' : '';\r\n\r\n const classNames = generatorClass('tplus-input-wrapper', className, inputIsFocusClass, inputIsError, bottomLineClass, inputDisabledClass);\r\n return (<div className={`tplus-input-container ${vertical ? 'vertical-input-container' : ''}`}>\r\n {title && <span className='tplus-input-title'>{title}</span>}\r\n <div className={classNames} onClick={handleClick} style={style}>\r\n {createIcon(prefix, 'tplus-input-icon tplus-input-prefix')}\r\n {selectPlaceholder && <div className='tplus-select-placeholder' />}\r\n <Inputs\r\n className={inputClassName}\r\n nativeFocus={nativeFocus}\r\n nativeBlur={nativeBlur}\r\n prefix={prefix}\r\n suffix={suffix}\r\n {...prop}\r\n />\r\n {arrowPlaceholder && <div className={`tplus-select-arrow-placeholder ${arrowPlaceholderClass}`} />}\r\n {createIcon(suffix, 'tplus-input-icon tplus-input-suffix')}\r\n {error && <p className='tplus-input-error-text'>{error}</p>}\r\n </div>\r\n </div>);\r\n}\r\n\r\n"]}