tplus-components-touch 1.26.1 → 1.27.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 (223) hide show
  1. package/README.md +16 -16
  2. package/locales/zh/tplus-components-touch.json +1 -1
  3. package/locales/zh-CN/tplus-components-touch.json +1 -1
  4. package/mocks/memberInfo.json +79 -79
  5. package/package.json +2 -2
  6. package/tsconfig.json +26 -26
  7. package/dist/components/addLog/AddLogProcessor.js +0 -53
  8. package/dist/components/addLog/AddLogProcessor.js.map +0 -1
  9. package/dist/components/addLog/OperationLogApi.js +0 -164
  10. package/dist/components/addLog/OperationLogApi.js.map +0 -1
  11. package/dist/components/autoComplete/index.js +0 -259
  12. package/dist/components/autoComplete/index.js.map +0 -1
  13. package/dist/components/autoComplete/index.less +0 -89
  14. package/dist/components/autoComplete/option.js +0 -75
  15. package/dist/components/autoComplete/option.js.map +0 -1
  16. package/dist/components/autoCompleteWithKeyboard/index.js +0 -206
  17. package/dist/components/autoCompleteWithKeyboard/index.js.map +0 -1
  18. package/dist/components/autoCompleteWithKeyboard/index.less +0 -5
  19. package/dist/components/billSearch/api.js +0 -425
  20. package/dist/components/billSearch/api.js.map +0 -1
  21. package/dist/components/billSearch/index.js +0 -2030
  22. package/dist/components/billSearch/index.js.map +0 -1
  23. package/dist/components/billSearch/index.less +0 -573
  24. package/dist/components/cloudPrint/BTPrintFormatUtil.js +0 -568
  25. package/dist/components/cloudPrint/BTPrintFormatUtil.js.map +0 -1
  26. package/dist/components/cloudPrint/api.js +0 -454
  27. package/dist/components/cloudPrint/api.js.map +0 -1
  28. package/dist/components/cloudPrint/index.js +0 -974
  29. package/dist/components/cloudPrint/index.js.map +0 -1
  30. package/dist/components/cloudPrint/printDispatch.js +0 -336
  31. package/dist/components/cloudPrint/printDispatch.js.map +0 -1
  32. package/dist/components/commonForm/autoComplete/index.js +0 -272
  33. package/dist/components/commonForm/autoComplete/index.js.map +0 -1
  34. package/dist/components/commonForm/autoComplete/style.less +0 -8
  35. package/dist/components/commonForm/datePicker/index.js +0 -117
  36. package/dist/components/commonForm/datePicker/index.js.map +0 -1
  37. package/dist/components/commonForm/datePicker/style.less +0 -11
  38. package/dist/components/commonForm/formControl/index.js +0 -183
  39. package/dist/components/commonForm/formControl/index.js.map +0 -1
  40. package/dist/components/commonForm/formControl/style.less +0 -8
  41. package/dist/components/commonForm/index.js +0 -208
  42. package/dist/components/commonForm/index.js.map +0 -1
  43. package/dist/components/commonForm/inputNumber/index.js +0 -291
  44. package/dist/components/commonForm/inputNumber/index.js.map +0 -1
  45. package/dist/components/commonForm/inputNumber/style.less +0 -17
  46. package/dist/components/commonForm/radio/index.js +0 -157
  47. package/dist/components/commonForm/radio/index.js.map +0 -1
  48. package/dist/components/commonForm/radio/style.less +0 -11
  49. package/dist/components/commonForm/style.less +0 -12
  50. package/dist/components/deliverySearch/api.js +0 -355
  51. package/dist/components/deliverySearch/api.js.map +0 -1
  52. package/dist/components/deliverySearch/index.js +0 -1254
  53. package/dist/components/deliverySearch/index.js.map +0 -1
  54. package/dist/components/deliverySearch/index.less +0 -624
  55. package/dist/components/form/index.js +0 -325
  56. package/dist/components/form/index.js.map +0 -1
  57. package/dist/components/hardwareAPI/index.js +0 -181
  58. package/dist/components/hardwareAPI/index.js.map +0 -1
  59. package/dist/components/hotKey/config.js +0 -306
  60. package/dist/components/hotKey/config.js.map +0 -1
  61. package/dist/components/hotKey/hotKeyModal.js +0 -479
  62. package/dist/components/hotKey/hotKeyModal.js.map +0 -1
  63. package/dist/components/hotKey/index.js +0 -782
  64. package/dist/components/hotKey/index.js.map +0 -1
  65. package/dist/components/hotKey/localConfig.js +0 -3831
  66. package/dist/components/hotKey/localConfig.js.map +0 -1
  67. package/dist/components/hotKey/style.less +0 -99
  68. package/dist/components/hotKey/utils.js +0 -135
  69. package/dist/components/hotKey/utils.js.map +0 -1
  70. package/dist/components/input/index.js +0 -257
  71. package/dist/components/input/index.js.map +0 -1
  72. package/dist/components/input/style.less +0 -107
  73. package/dist/components/input/tplusInput/index.js +0 -89
  74. package/dist/components/input/tplusInput/index.js.map +0 -1
  75. package/dist/components/input/tplusInput/inputContent.js +0 -130
  76. package/dist/components/input/tplusInput/inputContent.js.map +0 -1
  77. package/dist/components/input/tplusInput/inputs.js +0 -201
  78. package/dist/components/input/tplusInput/inputs.js.map +0 -1
  79. package/dist/components/input/tplusInput/style.less +0 -194
  80. package/dist/components/input/utils/index.js +0 -26
  81. package/dist/components/input/utils/index.js.map +0 -1
  82. package/dist/components/inventorySearch/api.js +0 -214
  83. package/dist/components/inventorySearch/api.js.map +0 -1
  84. package/dist/components/inventorySearch/index.js +0 -303
  85. package/dist/components/inventorySearch/index.js.map +0 -1
  86. package/dist/components/inventorySearch/index.less +0 -244
  87. package/dist/components/inventorySearch/store.js +0 -344
  88. package/dist/components/inventorySearch/store.js.map +0 -1
  89. package/dist/components/inventorySearch/tab.js +0 -255
  90. package/dist/components/inventorySearch/tab.js.map +0 -1
  91. package/dist/components/keyboard/index.js +0 -258
  92. package/dist/components/keyboard/index.js.map +0 -1
  93. package/dist/components/keyboard/index.less +0 -556
  94. package/dist/components/keyboard/letterKeyboard.js +0 -222
  95. package/dist/components/keyboard/letterKeyboard.js.map +0 -1
  96. package/dist/components/keyboard/numKeyboard.js +0 -458
  97. package/dist/components/keyboard/numKeyboard.js.map +0 -1
  98. package/dist/components/keyboard/numKeyboardDigit.js +0 -502
  99. package/dist/components/keyboard/numKeyboardDigit.js.map +0 -1
  100. package/dist/components/keyboard/numKeyboardScan.js +0 -215
  101. package/dist/components/keyboard/numKeyboardScan.js.map +0 -1
  102. package/dist/components/keyboard/numberButtonInteger.js +0 -296
  103. package/dist/components/keyboard/numberButtonInteger.js.map +0 -1
  104. package/dist/components/keyboard/numberButton_input.js +0 -300
  105. package/dist/components/keyboard/numberButton_input.js.map +0 -1
  106. package/dist/components/keyboard/onlyKeyboard.js +0 -90
  107. package/dist/components/keyboard/onlyKeyboard.js.map +0 -1
  108. package/dist/components/keyboard/onlyLetterButton.js +0 -187
  109. package/dist/components/keyboard/onlyLetterButton.js.map +0 -1
  110. package/dist/components/keyboard/onlyLetterButton2.js +0 -235
  111. package/dist/components/keyboard/onlyLetterButton2.js.map +0 -1
  112. package/dist/components/keyboard/onlyLetterButton2.less +0 -184
  113. package/dist/components/keyboard/onlyNumberButton.js +0 -128
  114. package/dist/components/keyboard/onlyNumberButton.js.map +0 -1
  115. package/dist/components/keyboard/onlyNumberButton2.js +0 -115
  116. package/dist/components/keyboard/onlyNumberButton2.js.map +0 -1
  117. package/dist/components/keyboard/textKeyboard.js +0 -50
  118. package/dist/components/keyboard/textKeyboard.js.map +0 -1
  119. package/dist/components/layout/hamburger.js +0 -29
  120. package/dist/components/layout/hamburger.js.map +0 -1
  121. package/dist/components/layout/index.js +0 -31
  122. package/dist/components/layout/index.js.map +0 -1
  123. package/dist/components/layout/layout.js +0 -182
  124. package/dist/components/layout/layout.js.map +0 -1
  125. package/dist/components/layout/sider.js +0 -165
  126. package/dist/components/layout/sider.js.map +0 -1
  127. package/dist/components/layout/style.less +0 -83
  128. package/dist/components/loading/index.js +0 -193
  129. package/dist/components/loading/index.js.map +0 -1
  130. package/dist/components/loading/loadingContent.js +0 -159
  131. package/dist/components/loading/loadingContent.js.map +0 -1
  132. package/dist/components/loading/style.less +0 -51
  133. package/dist/components/loading/utils.js +0 -29
  134. package/dist/components/loading/utils.js.map +0 -1
  135. package/dist/components/message/index.js +0 -286
  136. package/dist/components/message/index.js.map +0 -1
  137. package/dist/components/message/index.less +0 -150
  138. package/dist/components/modal/index.js +0 -93
  139. package/dist/components/modal/index.js.map +0 -1
  140. package/dist/components/modal/index.less +0 -19
  141. package/dist/components/modalVertical/index.js +0 -338
  142. package/dist/components/modalVertical/index.js.map +0 -1
  143. package/dist/components/modalVertical/style.less +0 -114
  144. package/dist/components/modalWraper/index.js +0 -482
  145. package/dist/components/modalWraper/index.js.map +0 -1
  146. package/dist/components/modalWraper/style.less +0 -363
  147. package/dist/components/modalWraper/utils.js +0 -49
  148. package/dist/components/modalWraper/utils.js.map +0 -1
  149. package/dist/components/notification/index.js +0 -124
  150. package/dist/components/notification/index.js.map +0 -1
  151. package/dist/components/notification/index.less +0 -58
  152. package/dist/components/overflowTip/index.js +0 -269
  153. package/dist/components/overflowTip/index.js.map +0 -1
  154. package/dist/components/overflowTip/style.less +0 -66
  155. package/dist/components/page/index.js +0 -49
  156. package/dist/components/page/index.js.map +0 -1
  157. package/dist/components/page/index.less +0 -26
  158. package/dist/components/product/detail.js +0 -97
  159. package/dist/components/product/detail.js.map +0 -1
  160. package/dist/components/product/getCard.js +0 -145
  161. package/dist/components/product/getCard.js.map +0 -1
  162. package/dist/components/product/index.less +0 -354
  163. package/dist/components/progressState/EmptyAndErrorView.js +0 -143
  164. package/dist/components/progressState/EmptyAndErrorView.js.map +0 -1
  165. package/dist/components/progressState/ProgressState.js +0 -157
  166. package/dist/components/progressState/ProgressState.js.map +0 -1
  167. package/dist/components/progressState/index.js +0 -14
  168. package/dist/components/progressState/index.js.map +0 -1
  169. package/dist/components/progressState/style.less +0 -65
  170. package/dist/components/scan/index.js +0 -219
  171. package/dist/components/scan/index.js.map +0 -1
  172. package/dist/components/scan/index.less +0 -34
  173. package/dist/components/select/index.js +0 -28
  174. package/dist/components/select/index.js.map +0 -1
  175. package/dist/components/select/index.less +0 -12
  176. package/dist/components/settlement/asyncModal.js +0 -178
  177. package/dist/components/settlement/asyncModal.js.map +0 -1
  178. package/dist/components/settlement/index.js +0 -16
  179. package/dist/components/settlement/index.js.map +0 -1
  180. package/dist/components/settlement/settlement.js +0 -5488
  181. package/dist/components/settlement/settlement.js.map +0 -1
  182. package/dist/components/settlement/settlement.less +0 -1604
  183. package/dist/components/settlement/settlementStore.js +0 -1459
  184. package/dist/components/settlement/settlementStore.js.map +0 -1
  185. package/dist/components/settlement/utils.js +0 -295
  186. package/dist/components/settlement/utils.js.map +0 -1
  187. package/dist/components/socket/index.js +0 -220
  188. package/dist/components/socket/index.js.map +0 -1
  189. package/dist/components/spin/index.js +0 -95
  190. package/dist/components/spin/index.js.map +0 -1
  191. package/dist/components/spin/spin-style.less +0 -436
  192. package/dist/components/test/index.js +0 -338
  193. package/dist/components/test/index.js.map +0 -1
  194. package/dist/components/ticon/iconfont/demo.css +0 -539
  195. package/dist/components/ticon/iconfont/demo_index.html +0 -4765
  196. package/dist/components/ticon/iconfont/iconfont.css +0 -811
  197. package/dist/components/ticon/iconfont/iconfont.eot +0 -0
  198. package/dist/components/ticon/iconfont/iconfont.js +0 -33
  199. package/dist/components/ticon/iconfont/iconfont.js.map +0 -1
  200. package/dist/components/ticon/iconfont/iconfont.json +0 -1402
  201. package/dist/components/ticon/iconfont/iconfont.svg +0 -572
  202. package/dist/components/ticon/iconfont/iconfont.ttf +0 -0
  203. package/dist/components/ticon/iconfont/iconfont.woff +0 -0
  204. package/dist/components/ticon/iconfont/iconfont.woff2 +0 -0
  205. package/dist/components/ticon/index.js +0 -60
  206. package/dist/components/ticon/index.js.map +0 -1
  207. package/dist/components/touchScroll/index.js +0 -182
  208. package/dist/components/touchScroll/index.js.map +0 -1
  209. package/dist/components/touchTable/AuthProcess.js +0 -42
  210. package/dist/components/touchTable/AuthProcess.js.map +0 -1
  211. package/dist/components/touchTable/generateWater.js +0 -59
  212. package/dist/components/touchTable/generateWater.js.map +0 -1
  213. package/dist/components/touchTable/index.js +0 -958
  214. package/dist/components/touchTable/index.js.map +0 -1
  215. package/dist/components/touchTable/index.less +0 -190
  216. package/dist/components/touchTable/utils.js +0 -14
  217. package/dist/components/touchTable/utils.js.map +0 -1
  218. package/dist/demo/PopOverDemo.js +0 -126
  219. package/dist/demo/PopOverDemo.js.map +0 -1
  220. package/dist/index.js +0 -246
  221. package/dist/index.js.map +0 -1
  222. package/dist/util/tools.js +0 -210
  223. package/dist/util/tools.js.map +0 -1
@@ -1,89 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
-
7
- var _Select2 = require('tinper-bee/dist/Select');
8
-
9
- var _Select3 = _interopRequireDefault(_Select2);
10
-
11
- exports.default = TplusInput;
12
-
13
- require('tinper-bee/dist/Select/index.css');
14
-
15
- var _react = require('react');
16
-
17
- var _react2 = _interopRequireDefault(_react);
18
-
19
- var _propTypes = require('prop-types');
20
-
21
- var _propTypes2 = _interopRequireDefault(_propTypes);
22
-
23
- var _inputContent = require('./inputContent');
24
-
25
- var _inputContent2 = _interopRequireDefault(_inputContent);
26
-
27
- require('./style.less');
28
-
29
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
30
-
31
- /**
32
- * Created by hzy on 2019/4/26.
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组件参数
62
- */
63
- var Option = _Select3.default.Option;
64
- function TplusInput(props) {
65
- return _react2.default.createElement(_inputContent2.default, props);
66
- }
67
-
68
- TplusInput.propTypes = {
69
- style: _propTypes2.default.object,
70
- className: _propTypes2.default.string,
71
- placeholder: _propTypes2.default.string,
72
- bottomLine: _propTypes2.default.bool,
73
- disabled: _propTypes2.default.bool,
74
- vertical: _propTypes2.default.bool,
75
- prefix: (0, _propTypes.oneOfType)([_propTypes2.default.string, _propTypes2.default.element]),
76
- suffix: (0, _propTypes.oneOfType)([_propTypes2.default.string, _propTypes2.default.element]),
77
- htmlType: _propTypes2.default.string,
78
- type: _propTypes2.default.string,
79
- noAutocomplete: _propTypes2.default.bool,
80
- inputRef: _propTypes2.default.func,
81
- value: (0, _propTypes.oneOfType)([_propTypes2.default.string, _propTypes2.default.number]),
82
- selectPlaceholder: _propTypes2.default.bool,
83
- placeholderClick: _propTypes2.default.func,
84
- size: _propTypes2.default.string,
85
- onClick: _propTypes2.default.func,
86
- onChange: _propTypes2.default.func,
87
- onFocus: _propTypes2.default.func
88
- };
89
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
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,130 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
-
7
- var _extends2 = require('babel-runtime/helpers/extends');
8
-
9
- var _extends3 = _interopRequireDefault(_extends2);
10
-
11
- var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
12
-
13
- var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
14
-
15
- var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
16
-
17
- var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
18
-
19
- exports.default = InputContent;
20
-
21
- var _react = require('react');
22
-
23
- var _react2 = _interopRequireDefault(_react);
24
-
25
- var _index = require('../../../index');
26
-
27
- var _inputs = require('./inputs');
28
-
29
- var _inputs2 = _interopRequireDefault(_inputs);
30
-
31
- var _utils = require('../utils');
32
-
33
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
34
-
35
- function InputContent(props) {
36
- var prefix = props.prefix,
37
- suffix = props.suffix,
38
- _props$style = props.style,
39
- style = _props$style === undefined ? {} : _props$style,
40
- _props$className = props.className,
41
- className = _props$className === undefined ? '' : _props$className,
42
- title = props.title,
43
- bottomLine = props.bottomLine,
44
- error = props.error,
45
- onClick = props.onClick,
46
- selectPlaceholder = props.selectPlaceholder,
47
- arrowPlaceholder = props.arrowPlaceholder,
48
- _props$arrowPlacehold = props.arrowPlaceholderClass,
49
- arrowPlaceholderClass = _props$arrowPlacehold === undefined ? '' : _props$arrowPlacehold,
50
- vertical = props.vertical,
51
- prop = (0, _objectWithoutProperties3.default)(props, ['prefix', 'suffix', 'style', 'className', 'title', 'bottomLine', 'error', 'onClick', 'selectPlaceholder', 'arrowPlaceholder', 'arrowPlaceholderClass', 'vertical']);
52
-
53
- var _useState = (0, _react.useState)(false),
54
- _useState2 = (0, _slicedToArray3.default)(_useState, 2),
55
- isFocus = _useState2[0],
56
- setFocus = _useState2[1];
57
-
58
- var nativeFocus = function nativeFocus(e) {
59
- setFocus(true);
60
- };
61
- var nativeBlur = function nativeBlur(e) {
62
- setFocus(false);
63
- };
64
- var handleClick = function handleClick(e) {
65
- onClick && onClick(e);
66
- };
67
-
68
- var createIcon = function createIcon(icon, className) {
69
- if (!icon) return;
70
- var iconNode = void 0;
71
- if (typeof icon === 'string') {
72
- iconNode = _react2.default.createElement(_index.Ticon, {
73
- icon: icon,
74
- className: 'tplus-input-icon'
75
- });
76
- } else {
77
- iconNode = icon;
78
- }
79
- return _react2.default.createElement(
80
- 'span',
81
- { className: className },
82
- iconNode
83
- );
84
- };
85
-
86
- var FormControlClass = function FormControlClass() {
87
- var classes = ['tplus-input'];
88
- prefix && classes.push('has-prefix-icon');
89
- suffix && classes.push('has-suffix-icon');
90
- return classes.join(' ');
91
- };
92
-
93
- var inputClassName = FormControlClass();
94
- var bottomLineClass = bottomLine && ['native', 'select'].includes(props.type) ? 'tplus-input-bottom-line' : '';
95
- var inputIsFocusClass = props.type === 'native' && isFocus ? 'tplus-input-focus' : 'tplus-input-blur';
96
- var inputDisabledClass = props.disabled ? 'tplus-input-disabled' : '';
97
- var inputIsError = error ? 'tplus-input-error' : '';
98
-
99
- var classNames = (0, _utils.generatorClass)('tplus-input-wrapper', className, inputIsFocusClass, inputIsError, bottomLineClass, inputDisabledClass);
100
- return _react2.default.createElement(
101
- 'div',
102
- { className: 'tplus-input-container ' + (vertical ? 'vertical-input-container' : '') },
103
- title && _react2.default.createElement(
104
- 'span',
105
- { className: 'tplus-input-title' },
106
- title
107
- ),
108
- _react2.default.createElement(
109
- 'div',
110
- { className: classNames, onClick: handleClick, style: style },
111
- createIcon(prefix, 'tplus-input-icon tplus-input-prefix'),
112
- selectPlaceholder && _react2.default.createElement('div', { className: 'tplus-select-placeholder' }),
113
- _react2.default.createElement(_inputs2.default, (0, _extends3.default)({
114
- className: inputClassName,
115
- nativeFocus: nativeFocus,
116
- nativeBlur: nativeBlur,
117
- prefix: prefix,
118
- suffix: suffix
119
- }, prop)),
120
- arrowPlaceholder && _react2.default.createElement('div', { className: 'tplus-select-arrow-placeholder ' + arrowPlaceholderClass }),
121
- createIcon(suffix, 'tplus-input-icon tplus-input-suffix'),
122
- error && _react2.default.createElement(
123
- 'p',
124
- { className: 'tplus-input-error-text' },
125
- error
126
- )
127
- )
128
- );
129
- }
130
- //# sourceMappingURL=inputContent.js.map
@@ -1 +0,0 @@
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';\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"]}
@@ -1,201 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
-
7
- var _FormControl2 = require('tinper-bee/dist/FormControl');
8
-
9
- var _FormControl3 = _interopRequireDefault(_FormControl2);
10
-
11
- var _Select2 = require('tinper-bee/dist/Select');
12
-
13
- var _Select3 = _interopRequireDefault(_Select2);
14
-
15
- var _extends2 = require('babel-runtime/helpers/extends');
16
-
17
- var _extends3 = _interopRequireDefault(_extends2);
18
-
19
- var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
20
-
21
- var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
22
-
23
- var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
24
-
25
- var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
26
-
27
- exports.default = Inputs;
28
-
29
- require('tinper-bee/dist/FormControl/index.css');
30
-
31
- require('tinper-bee/dist/Select/index.css');
32
-
33
- var _react = require('react');
34
-
35
- var _react2 = _interopRequireDefault(_react);
36
-
37
- var _index = require('../../../index');
38
-
39
- var _debounce = require('lodash/debounce');
40
-
41
- var _debounce2 = _interopRequireDefault(_debounce);
42
-
43
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
44
-
45
- var setTimerState = null; /*
46
- * @Descripttion:
47
- * @version:
48
- * @Author: chenlongad
49
- * @Date: 2020-10-29 09:43:18
50
- * @LastEditors: chenlongad
51
- * @LastEditTime: 2020-12-29 13:17:04
52
- */
53
-
54
-
55
- var NativeInput = function NativeInput(props) {
56
- var placeholder = props.placeholder,
57
- onChange = props.onChange,
58
- value = props.value,
59
- onFocus = props.onFocus,
60
- onBlur = props.onBlur,
61
- noAutocomplete = props.noAutocomplete,
62
- nativeFocus = props.nativeFocus,
63
- nativeBlur = props.nativeBlur,
64
- password = props.password,
65
- _props$disabled = props.disabled,
66
- disabled = _props$disabled === undefined ? false : _props$disabled,
67
- className = props.className,
68
- inputRef = props.inputRef,
69
- _props$htmlType = props.htmlType,
70
- htmlType = _props$htmlType === undefined ? 'text' : _props$htmlType,
71
- _props$size = props.size,
72
- size = _props$size === undefined ? '' : _props$size,
73
- prefix = props.prefix,
74
- suffix = props.suffix,
75
- isPasswordFixedInput = props.isPasswordFixedInput,
76
- onClear = props.onClear,
77
- prop = (0, _objectWithoutProperties3.default)(props, ['placeholder', 'onChange', 'value', 'onFocus', 'onBlur', 'noAutocomplete', 'nativeFocus', 'nativeBlur', 'password', 'disabled', 'className', 'inputRef', 'htmlType', 'size', 'prefix', 'suffix', 'isPasswordFixedInput', 'onClear']);
78
-
79
- var _useState = (0, _react.useState)(false),
80
- _useState2 = (0, _slicedToArray3.default)(_useState, 2),
81
- isShowOtherInput = _useState2[0],
82
- setShowOtherInput = _useState2[1];
83
-
84
- var handleChange = function handleChange(e) {
85
- if (disPlayTextInput) disPlayTextInput.value = e.target.value && e.target.value.replace(/./g, '*');
86
- if (setTimerState) clearTimeout(setTimerState);
87
- setTimerState = setTimeout(function () {
88
- dismissOtherInput();
89
- }, 2000);
90
- setShowOtherInput(true);
91
- // debounceDismissOtherInput();
92
- onChange && onChange(e);
93
- };
94
- var handleFocus = function handleFocus(e) {
95
- nativeFocus();
96
- onFocus && onFocus(e);
97
- };
98
- var handleBlur = function handleBlur(e) {
99
- nativeBlur();
100
- onBlur && onBlur(e);
101
- };
102
- var clearValue = function clearValue(e) {
103
- onClear && onClear(e);
104
- };
105
-
106
- var dismissOtherInput = function dismissOtherInput() {
107
- setShowOtherInput(false);
108
- return true;
109
- };
110
-
111
- var textInput = null;
112
- var disPlayTextInput = void 0;
113
-
114
- var classNames = 'tplus-inout-native ' + className;
115
- switch (size) {
116
- case 'sm':
117
- classNames += ' sm';
118
- break;
119
- case 'lg':
120
- classNames += ' lg';
121
- break;
122
- default:
123
- classNames += ' md';
124
- }
125
- var isPassword = password ? { type: 'password' } : {};
126
- return _react2.default.createElement(
127
- _react.Fragment,
128
- null,
129
- !!noAutocomplete && _react2.default.createElement(NoAutocomplete, null),
130
- _react2.default.createElement('input', (0, _extends3.default)({
131
- ref: function ref(input) {
132
- textInput = input;
133
- }
134
- }, isPassword, {
135
- placeholder: placeholder,
136
- disabled: disabled,
137
- onChange: handleChange,
138
- value: value,
139
- onFocus: handleFocus,
140
- onBlur: handleBlur,
141
- className: classNames,
142
- ref: inputRef,
143
- type: htmlType
144
- }, prop)),
145
- _react2.default.createElement('input', {
146
- ref: function ref(input) {
147
- disPlayTextInput = input;
148
- },
149
- placeholder: placeholder,
150
- disabled: disabled,
151
- type: 'password',
152
- style: { 'display': isShowOtherInput && htmlType == 'password' && isPasswordFixedInput ? 'block' : 'none', 'marginRight': suffix ? '30px' : '', 'marginLeft': prefix ? '30px' : '' },
153
- className: classNames + ' otherInput'
154
- }),
155
- onClear && !!(value || '').length && _react2.default.createElement(_index.Ticon, {
156
- icon: 'guanbi-yuan',
157
- className: 'tplus-input-icon tplus-input-clear',
158
- onClick: clearValue,
159
- style: { fontSize: 14 }
160
- })
161
- );
162
- };
163
-
164
- var NoAutocomplete = function NoAutocomplete(props) {
165
- return _react2.default.createElement(
166
- 'div',
167
- { className: 'tplus-input-noAutocomplete' },
168
- _react2.default.createElement('input', null),
169
- _react2.default.createElement('input', { type: 'password' })
170
- );
171
- };
172
-
173
- var SelectInput = function SelectInput(props) {
174
- var children = props.children,
175
- prop = (0, _objectWithoutProperties3.default)(props, ['children']);
176
-
177
- return _react2.default.createElement(
178
- _Select3.default,
179
- prop,
180
- children
181
- );
182
- };
183
-
184
- function Inputs(props) {
185
- var type = props.type,
186
- prop = (0, _objectWithoutProperties3.default)(props, ['type']);
187
-
188
-
189
- var createInput = function createInput(type) {
190
- switch (type) {
191
- case 'native':
192
- return _react2.default.createElement(NativeInput, prop);
193
- case 'select':
194
- return _react2.default.createElement(SelectInput, prop);
195
- default:
196
- return _react2.default.createElement(_FormControl3.default, props);
197
- }
198
- };
199
- return createInput(type);
200
- };
201
- //# sourceMappingURL=inputs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["tplus-components-touch/components/input/tplusInput/inputs.js"],"names":["Inputs","setTimerState","NativeInput","props","placeholder","onChange","value","onFocus","onBlur","noAutocomplete","nativeFocus","nativeBlur","password","disabled","className","inputRef","htmlType","size","prefix","suffix","isPasswordFixedInput","onClear","prop","isShowOtherInput","setShowOtherInput","handleChange","e","disPlayTextInput","target","replace","clearTimeout","setTimeout","dismissOtherInput","handleFocus","handleBlur","clearValue","textInput","classNames","isPassword","type","input","length","fontSize","NoAutocomplete","SelectInput","children","createInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;kBA6GwBA,M;;;;;;AArGxB;;;;AACA;;AAEA;;;;;;AAEA,IAAIC,gBAAgB,IAApB,C,CAbA;;;;;;;;;;AAgBA,IAAMC,cAAc,SAAdA,WAAc,CAACC,KAAD,EAAW;AAAA,MAEtBC,WAFsB,GAEyMD,KAFzM,CAEtBC,WAFsB;AAAA,MAETC,QAFS,GAEyMF,KAFzM,CAETE,QAFS;AAAA,MAECC,KAFD,GAEyMH,KAFzM,CAECG,KAFD;AAAA,MAEQC,OAFR,GAEyMJ,KAFzM,CAEQI,OAFR;AAAA,MAEiBC,MAFjB,GAEyML,KAFzM,CAEiBK,MAFjB;AAAA,MAEyBC,cAFzB,GAEyMN,KAFzM,CAEyBM,cAFzB;AAAA,MAEyCC,WAFzC,GAEyMP,KAFzM,CAEyCO,WAFzC;AAAA,MAEsDC,UAFtD,GAEyMR,KAFzM,CAEsDQ,UAFtD;AAAA,MAEkEC,QAFlE,GAEyMT,KAFzM,CAEkES,QAFlE;AAAA,wBAEyMT,KAFzM,CAE4EU,QAF5E;AAAA,MAE4EA,QAF5E,mCAEuF,KAFvF;AAAA,MAE8FC,SAF9F,GAEyMX,KAFzM,CAE8FW,SAF9F;AAAA,MAEyGC,QAFzG,GAEyMZ,KAFzM,CAEyGY,QAFzG;AAAA,wBAEyMZ,KAFzM,CAEmHa,QAFnH;AAAA,MAEmHA,QAFnH,mCAE8H,MAF9H;AAAA,oBAEyMb,KAFzM,CAEsIc,IAFtI;AAAA,MAEsIA,IAFtI,+BAE6I,EAF7I;AAAA,MAEgJC,MAFhJ,GAEyMf,KAFzM,CAEgJe,MAFhJ;AAAA,MAEuJC,MAFvJ,GAEyMhB,KAFzM,CAEuJgB,MAFvJ;AAAA,MAE8JC,oBAF9J,GAEyMjB,KAFzM,CAE8JiB,oBAF9J;AAAA,MAEqLC,OAFrL,GAEyMlB,KAFzM,CAEqLkB,OAFrL;AAAA,MAEiMC,IAFjM,0CAEyMnB,KAFzM;;AAAA,kBAIiB,qBAAS,KAAT,CAJjB;AAAA;AAAA,MAItBoB,gBAJsB;AAAA,MAIJC,iBAJI;;AAM7B,MAAMC,eAAe,SAAfA,YAAe,CAACC,CAAD,EAAO;AAC1B,QAAGC,gBAAH,EAAqBA,iBAAiBrB,KAAjB,GAAyBoB,EAAEE,MAAF,CAAStB,KAAT,IAAkBoB,EAAEE,MAAF,CAAStB,KAAT,CAAeuB,OAAf,CAAuB,IAAvB,EAA4B,GAA5B,CAA3C;AACrB,QAAG5B,aAAH,EAAkB6B,aAAa7B,aAAb;AAClBA,oBAAgB8B,WAAW,YAAM;AAC9BC;AACD,KAFc,EAEZ,IAFY,CAAhB;AAGAR,sBAAkB,IAAlB;AACA;AACAnB,gBAAYA,SAASqB,CAAT,CAAZ;AACD,GATD;AAUA,MAAMO,cAAc,SAAdA,WAAc,CAACP,CAAD,EAAO;AACzBhB;AACAH,eAAWA,QAAQmB,CAAR,CAAX;AACD,GAHD;AAIA,MAAMQ,aAAa,SAAbA,UAAa,CAACR,CAAD,EAAO;AACxBf;AACAH,cAAUA,OAAOkB,CAAP,CAAV;AACD,GAHD;AAIA,MAAMS,aAAa,SAAbA,UAAa,CAACT,CAAD,EAAO;AACxBL,eAAWA,QAAQK,CAAR,CAAX;AACD,GAFD;;AAIA,MAAMM,oBAAoB,SAApBA,iBAAoB,GAAM;AAC9BR,sBAAkB,KAAlB;AACA,WAAO,IAAP;AACD,GAHD;;AAKA,MAAKY,YAAY,IAAjB;AACA,MAAIT,yBAAJ;;AAEA,MAAIU,qCAAmCvB,SAAvC;AACA,UAAQG,IAAR;AACE,SAAK,IAAL;AACEoB,oBAAc,KAAd;AACA;AACF,SAAK,IAAL;AACEA,oBAAc,KAAd;AACA;AACF;AACEA,oBAAc,KAAd;AARJ;AAUA,MAAMC,aAAa1B,WAAW,EAAC2B,MAAM,UAAP,EAAX,GAAgC,EAAnD;AACA,SAAO;AAAC,mBAAD;AAAA;AACJ,KAAC,CAAC9B,cAAF,IAAoB,8BAAC,cAAD,OADhB;AAEL;AACE,WAAK,aAAC+B,KAAD,EAAW;AAAEJ,oBAAYI,KAAZ;AAAoB;AADxC,OAEMF,UAFN;AAGE,mBAAalC,WAHf;AAIE,gBAAUS,QAJZ;AAKE,gBAAUY,YALZ;AAME,aAAOnB,KANT;AAOE,eAAS2B,WAPX;AAQE,cAAQC,UARV;AASE,iBAAWG,UATb;AAUE,WAAKtB,QAVP;AAWE,YAAMC;AAXR,OAYMM,IAZN,EAFK;AAgBL;AACE,WAAK,aAACkB,KAAD,EAAW;AAAEb,2BAAmBa,KAAnB;AAA2B,OAD/C;AAEE,mBAAapC,WAFf;AAGE,gBAAUS,QAHZ;AAIE,YAAO,UAJT;AAKE,aAAO,EAAC,WAAUU,oBAAoBP,YAAY,UAAhC,IAA8CI,oBAA9C,GAAoE,OAApE,GAA4E,MAAvF,EAA8F,eAAcD,SAAO,MAAP,GAAc,EAA1H,EAA6H,cAAaD,SAAO,MAAP,GAAc,EAAxJ,EALT;AAME,iBAAcmB,UAAd;AANF,MAhBK;AAwBJhB,eAAW,CAAC,CAAC,CAACf,SAAS,EAAV,EAAcmC,MAA3B,IAAqC,8BAAC,YAAD;AACpC,YAAK,aAD+B;AAEpC,iBAAU,oCAF0B;AAGpC,eAASN,UAH2B;AAIpC,aAAO,EAACO,UAAU,EAAX;AAJ6B;AAxBjC,GAAP;AA+BD,CA/ED;;AAiFA,IAAMC,iBAAiB,SAAjBA,cAAiB,CAACxC,KAAD,EAAW;AAChC,SAAO;AAAA;AAAA,MAAK,WAAU,4BAAf;AACL,gDADK;AAEL,6CAAO,MAAK,UAAZ;AAFK,GAAP;AAID,CALD;;AAOA,IAAMyC,cAAc,SAAdA,WAAc,CAACzC,KAAD,EAAW;AAAA,MACtB0C,QADsB,GACD1C,KADC,CACtB0C,QADsB;AAAA,MACTvB,IADS,0CACDnB,KADC;;AAE7B,SAAO;AAAA;AAAYmB,QAAZ;AAAmBuB;AAAnB,GAAP;AACD,CAHD;;AAKe,SAAS7C,MAAT,CAAgBG,KAAhB,EAAuB;AAAA,MAC7BoC,IAD6B,GACZpC,KADY,CAC7BoC,IAD6B;AAAA,MACpBjB,IADoB,0CACZnB,KADY;;;AAGpC,MAAM2C,cAAc,SAAdA,WAAc,CAACP,IAAD,EAAU;AAC5B,YAAQA,IAAR;AACE,WAAK,QAAL;AACE,eAAO,8BAAC,WAAD,EAAiBjB,IAAjB,CAAP;AACF,WAAK,QAAL;AACE,eAAO,8BAAC,WAAD,EAAiBA,IAAjB,CAAP;AACF;AACE,eAAO,qDAAiBnB,KAAjB,CAAP;AANJ;AAQD,GATD;AAUA,SAAO2C,YAAYP,IAAZ,CAAP;AACD","file":"inputs.js","sourcesContent":["/*\r\n * @Descripttion: \r\n * @version: \r\n * @Author: chenlongad\r\n * @Date: 2020-10-29 09:43:18\r\n * @LastEditors: chenlongad\r\n * @LastEditTime: 2020-12-29 13:17:04\r\n */\r\nimport React, {Fragment,useState} from 'react';\r\nimport {Ticon} from '../../../index';\r\nimport {FormControl, Select} from 'tinper-bee';\r\nimport debounce from 'lodash/debounce';\r\n\r\nlet setTimerState = null;\r\n\r\n\r\nconst NativeInput = (props) => {\r\n\r\n const {placeholder, onChange, value, onFocus, onBlur, noAutocomplete, nativeFocus, nativeBlur, password, disabled = false, className, inputRef, htmlType = 'text', size = '',prefix,suffix,isPasswordFixedInput , onClear, ...prop} = props;\r\n\r\n const [isShowOtherInput, setShowOtherInput] = useState(false);\r\n\r\n const handleChange = (e) => {\r\n if(disPlayTextInput) disPlayTextInput.value = e.target.value && e.target.value.replace(/./g,'*');\r\n if(setTimerState) clearTimeout(setTimerState);\r\n setTimerState = setTimeout(() => {\r\n dismissOtherInput();\r\n }, 2000);\r\n setShowOtherInput(true);\r\n // debounceDismissOtherInput();\r\n onChange && onChange(e);\r\n };\r\n const handleFocus = (e) => {\r\n nativeFocus();\r\n onFocus && onFocus(e);\r\n };\r\n const handleBlur = (e) => {\r\n nativeBlur();\r\n onBlur && onBlur(e);\r\n };\r\n const clearValue = (e) => {\r\n onClear && onClear(e);\r\n };\r\n\r\n const dismissOtherInput = () => {\r\n setShowOtherInput(false)\r\n return true;\r\n }\r\n\r\n let textInput = null;\r\n let disPlayTextInput;\r\n \r\n let classNames = `tplus-inout-native ${className}`;\r\n switch (size) {\r\n case 'sm':\r\n classNames += ' sm';\r\n break;\r\n case 'lg':\r\n classNames += ' lg';\r\n break;\r\n default:\r\n classNames += ' md';\r\n }\r\n const isPassword = password ? {type: 'password'} : {};\r\n return <Fragment>\r\n {!!noAutocomplete && <NoAutocomplete />}\r\n <input\r\n ref={(input) => { textInput = input; }}\r\n {...isPassword}\r\n placeholder={placeholder}\r\n disabled={disabled}\r\n onChange={handleChange}\r\n value={value}\r\n onFocus={handleFocus}\r\n onBlur={handleBlur}\r\n className={classNames}\r\n ref={inputRef}\r\n type={htmlType}\r\n {...prop}\r\n />\r\n <input\r\n ref={(input) => { disPlayTextInput = input; }}\r\n placeholder={placeholder}\r\n disabled={disabled}\r\n type = \"password\"\r\n style={{'display':isShowOtherInput && htmlType == 'password' && isPasswordFixedInput ?'block':'none','marginRight':suffix?'30px':'','marginLeft':prefix?'30px':''}}\r\n className={`${classNames} otherInput`}\r\n />\r\n {onClear && !!(value || '').length && <Ticon\r\n icon='guanbi-yuan'\r\n className='tplus-input-icon tplus-input-clear'\r\n onClick={clearValue}\r\n style={{fontSize: 14}}\r\n />}\r\n </Fragment>;\r\n};\r\n\r\nconst NoAutocomplete = (props) => {\r\n return <div className=\"tplus-input-noAutocomplete\">\r\n <input />\r\n <input type=\"password\" />\r\n </div>;\r\n}\r\n\r\nconst SelectInput = (props) => {\r\n const {children, ...prop} = props;\r\n return <Select {...prop}>{children}</Select>;\r\n};\r\n\r\nexport default function Inputs(props) {\r\n const {type, ...prop} = props;\r\n\r\n const createInput = (type) => {\r\n switch (type) {\r\n case 'native':\r\n return <NativeInput {...prop}/>;\r\n case 'select':\r\n return <SelectInput {...prop}/>;\r\n default:\r\n return <FormControl {...props}/>;\r\n }\r\n };\r\n return createInput(type);\r\n};\r\n\r\n"]}
@@ -1,194 +0,0 @@
1
- @t_select_disabled_bgc:#fff;
2
- .tplus-input-container{
3
- display: flex;
4
- position: relative;
5
- .tplus-input-title{
6
- flex: 0 0 auto;
7
- padding: 0px 4px;
8
- line-height: 32px;
9
- font-size: 14px;
10
- text-align: right;
11
- margin-right: 10px;
12
- }
13
- .tplus-input-wrapper{
14
- flex: 1;
15
- position: relative;
16
- }
17
-
18
- .otherInput{
19
- top: 0;
20
- left: 0;
21
- position: absolute;
22
- height: 100%;
23
- flex:1;
24
- background-color: #fff;
25
- font-size: 12px;
26
- line-height: 24px;
27
- }
28
-
29
- .otherInput{
30
- position: absolute;
31
- height: 100%;
32
- width: calc(100% -32px);
33
- background-color: #fff;
34
- font-size: 12px;
35
- padding: 0px 20px;
36
- }
37
- }
38
- .tplus-input-noAutocomplete{
39
- position: fixed;
40
- top: -999999px;
41
- }
42
- .tplus-input-wrapper {
43
- position: relative;
44
- display: flex;
45
- border: 1px solid #DADADA;
46
- border-radius: 3px;
47
- height: 34px;
48
- box-sizing: border-box;
49
- input{
50
- border: none;
51
- outline: none;
52
- flex: auto;
53
- background: transparent;
54
- }
55
- ._tplus-animation-ease_{
56
- -webkit-transition: all 0.3s ease-in-out;
57
- -o-transition: all 0.3s ease-in-out;
58
- transition: all 0.3s ease-in-out;
59
- };
60
- ._tplus-animation-ease_;
61
- &.select-has-prefix-icon {
62
- .u-select-selection-rendered{
63
- padding-left: 22px;
64
- }
65
- }
66
- &.tplus-input-bottom-line{
67
- border: none;
68
- border-radius: 0px;
69
- border-bottom: 1px solid #DADADA;
70
- &.u-select{
71
- .u-select-selection{
72
- border: none;
73
- }
74
- }
75
- &.tplus-input-disabled{
76
- background-color:@t_select_disabled_bgc;
77
- }
78
- .u-select-disabled.u-select{
79
- .u-select-selection{
80
- background-color: @t_select_disabled_bgc;
81
- }
82
- }
83
- }
84
- .tplus-select-arrow-placeholder{
85
- position: absolute;
86
- height: 100%;
87
- width: 20px;
88
- right: 0px;
89
- top: 0px;
90
- z-index: 9;
91
- cursor: pointer;
92
- }
93
- .tplus-input-icon{
94
- color: rgba(0, 0, 0, 0.25);
95
- font-size: 16px;
96
- flex: 0 0 32px;
97
- line-height: 32px;
98
- text-align: center;
99
- }
100
- input {
101
- padding: 0px 10px;
102
- }
103
- .tplus-input-clear{
104
- color: #c8c8cd;
105
- }
106
- .tplus-input-prefix{
107
- left: 5px;
108
- }
109
- .tplus-input-suffix{
110
- right: 6px;
111
- }
112
- .has-prefix-icon{
113
- //padding-left: 28px;
114
- }
115
- .has-suffix-icon{
116
- //padding-right: 28px;
117
- }
118
- .u-select{
119
- padding-left: 10px;
120
- .u-select-selection{
121
- border: none;
122
- .u-select-selection-rendered{
123
- line-height: 32px;
124
- }
125
- }
126
- }
127
- &.tplus-input-focus{
128
- border: 1px solid #fea166;
129
- }
130
- &.tplus-input-bottom-line.tplus-input-focus{
131
- border: none;
132
- border-bottom: 1px solid #fea166;
133
- }
134
- &.tplus-input-disabled{
135
- background-color: #f7f9fb;
136
- border-color: #c9c9c9;
137
- color: #666666;
138
- cursor: not-allowed;
139
- input{
140
- cursor: not-allowed;
141
- }
142
- }
143
- &.tplus-input-error{
144
- border: 1px solid #FF3830;
145
- }
146
- &.tplus-input-bottom-line.tplus-input-error{
147
- border: none;
148
- border-bottom: 1px solid #FF3830;
149
- }
150
- .tplus-input-error-text{
151
- position: absolute;
152
- right: 0px;
153
- bottom: -18px;
154
- margin: 0px;
155
- font-size: 12px;
156
- color: #FF3830;
157
- }
158
- .u-select-disabled{
159
- .u-select-selection{
160
- background-color: transparent;
161
- }
162
- }
163
- .tplus-select-placeholder{
164
- position: absolute;
165
- left: 0px;
166
- right: 0px;
167
- top: 0px;
168
- bottom: 0px;
169
- z-index: 9;
170
- cursor: pointer;
171
- }
172
- }
173
-
174
- .vertical-input-container{
175
- .tplus-input-title{
176
- font-size: 28px;
177
- line-height: 64px;
178
- }
179
- .tplus-input-wrapper{
180
- height: 64px;
181
- input{
182
- font-size: 26px;
183
- padding: 0px 20px;
184
- }
185
- .tplus-input-icon {
186
- font-size: 32px;
187
- line-height: 64px;
188
- }
189
- .tplus-input-suffix{
190
- right: 12px;
191
- position: relative;
192
- }
193
- }
194
- }
@@ -1,26 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
-
7
- var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
8
-
9
- var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
10
-
11
- exports.generatorClass = generatorClass;
12
-
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
-
15
- function generatorClass() {
16
- var classes = [];
17
- [].concat(Array.prototype.slice.call(arguments)).forEach(function (currentArg) {
18
- if (typeof currentArg === 'string') {
19
- classes.push(currentArg);
20
- } else {
21
- classes.push.apply(classes, (0, _toConsumableArray3.default)(currentArg));
22
- }
23
- });
24
- return classes.join(' ').trim();
25
- }
26
- //# sourceMappingURL=index.js.map