tplus-components-touch 3.25.4 → 3.25.8

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 (187) hide show
  1. package/README.md +16 -16
  2. package/dist/components/acCitySelect/CitySelect.js +18 -18
  3. package/dist/components/acCitySelect/CitySelect.js.map +1 -1
  4. package/dist/components/acCitySelect/CitySelect.less +9 -9
  5. package/dist/components/acCitySelect/citys.js.map +1 -1
  6. package/dist/components/acCitySelect/index.js.map +1 -1
  7. package/dist/components/acCitySelect/provinceData.js +7 -7
  8. package/dist/components/acCitySelect/provinceData.js.map +1 -1
  9. package/dist/components/addLog/AddLogProcessor.js +6 -6
  10. package/dist/components/addLog/AddLogProcessor.js.map +1 -1
  11. package/dist/components/addLog/OperationLogApi.js +3 -3
  12. package/dist/components/addLog/OperationLogApi.js.map +1 -1
  13. package/dist/components/autoComplete/index.js +14 -14
  14. package/dist/components/autoComplete/index.js.map +1 -1
  15. package/dist/components/autoComplete/index.less +89 -89
  16. package/dist/components/autoComplete/option.js.map +1 -1
  17. package/dist/components/autoCompleteWithKeyboard/index.js +14 -14
  18. package/dist/components/autoCompleteWithKeyboard/index.js.map +1 -1
  19. package/dist/components/autoCompleteWithKeyboard/index.less +7 -7
  20. package/dist/components/billSearch/api.js +29 -29
  21. package/dist/components/billSearch/api.js.map +1 -1
  22. package/dist/components/billSearch/index.js +18 -18
  23. package/dist/components/billSearch/index.js.map +1 -1
  24. package/dist/components/billSearch/index.less +373 -373
  25. package/dist/components/cloudPrint/BTPrintFormatUtil.js +17 -17
  26. package/dist/components/cloudPrint/BTPrintFormatUtil.js.map +1 -1
  27. package/dist/components/cloudPrint/api.js.map +1 -1
  28. package/dist/components/cloudPrint/index.js +57 -4
  29. package/dist/components/cloudPrint/index.js.map +1 -1
  30. package/dist/components/cloudPrint/printDispatch.js +7 -7
  31. package/dist/components/cloudPrint/printDispatch.js.map +1 -1
  32. package/dist/components/commonForm/addressPicker/index.js +7 -7
  33. package/dist/components/commonForm/addressPicker/index.js.map +1 -1
  34. package/dist/components/commonForm/addressPicker/style.less +10 -10
  35. package/dist/components/commonForm/autoComplete/index.js.map +1 -1
  36. package/dist/components/commonForm/autoComplete/style.less +2 -2
  37. package/dist/components/commonForm/datePicker/index.js.map +1 -1
  38. package/dist/components/commonForm/datePicker/style.less +4 -4
  39. package/dist/components/commonForm/formControl/index.js.map +1 -1
  40. package/dist/components/commonForm/index.js +4 -4
  41. package/dist/components/commonForm/index.js.map +1 -1
  42. package/dist/components/commonForm/inputNumber/index.js.map +1 -1
  43. package/dist/components/commonForm/inputNumber/style.less +10 -10
  44. package/dist/components/commonForm/radio/index.js.map +1 -1
  45. package/dist/components/commonForm/style.less +1 -1
  46. package/dist/components/deliverySearch/api.js +21 -21
  47. package/dist/components/deliverySearch/api.js.map +1 -1
  48. package/dist/components/deliverySearch/index.js +16 -12
  49. package/dist/components/deliverySearch/index.js.map +1 -1
  50. package/dist/components/deliverySearch/index.less +553 -553
  51. package/dist/components/form/index.js.map +1 -1
  52. package/dist/components/hardwareAPI/index.js.map +1 -1
  53. package/dist/components/hotKey/config.js +23 -23
  54. package/dist/components/hotKey/config.js.map +1 -1
  55. package/dist/components/hotKey/hotKeyModal.js.map +1 -1
  56. package/dist/components/hotKey/index.js +26 -26
  57. package/dist/components/hotKey/index.js.map +1 -1
  58. package/dist/components/hotKey/localConfig.js.map +1 -1
  59. package/dist/components/hotKey/style.less +96 -96
  60. package/dist/components/hotKey/utils.js.map +1 -1
  61. package/dist/components/input/index.js +6 -6
  62. package/dist/components/input/index.js.map +1 -1
  63. package/dist/components/input/scanInput.js +98 -0
  64. package/dist/components/input/scanInput.js.map +1 -0
  65. package/dist/components/input/scanInput.less +28 -0
  66. package/dist/components/input/style.less +99 -99
  67. package/dist/components/input/tplusInput/index.js +30 -30
  68. package/dist/components/input/tplusInput/index.js.map +1 -1
  69. package/dist/components/input/tplusInput/inputContent.js.map +1 -1
  70. package/dist/components/input/tplusInput/inputs.js.map +1 -1
  71. package/dist/components/input/tplusInput/style.less +132 -132
  72. package/dist/components/input/utils/index.js.map +1 -1
  73. package/dist/components/inventorySearch/api.js +58 -58
  74. package/dist/components/inventorySearch/api.js.map +1 -1
  75. package/dist/components/inventorySearch/index.js +3 -3
  76. package/dist/components/inventorySearch/index.js.map +1 -1
  77. package/dist/components/inventorySearch/index.less +119 -119
  78. package/dist/components/inventorySearch/store.js.map +1 -1
  79. package/dist/components/inventorySearch/tab.js +9 -2
  80. package/dist/components/inventorySearch/tab.js.map +1 -1
  81. package/dist/components/keyboard/index.js.map +1 -1
  82. package/dist/components/keyboard/index.less +469 -469
  83. package/dist/components/keyboard/letterKeyboard.js +2 -2
  84. package/dist/components/keyboard/letterKeyboard.js.map +1 -1
  85. package/dist/components/keyboard/numKeyboard.js +4 -4
  86. package/dist/components/keyboard/numKeyboard.js.map +1 -1
  87. package/dist/components/keyboard/numKeyboardScan.js.map +1 -1
  88. package/dist/components/keyboard/numberButton_input.js +5 -5
  89. package/dist/components/keyboard/numberButton_input.js.map +1 -1
  90. package/dist/components/keyboard/numkeyboardPassword.js +4 -4
  91. package/dist/components/keyboard/numkeyboardPassword.js.map +1 -1
  92. package/dist/components/keyboard/onlyKeyboard.js +7 -7
  93. package/dist/components/keyboard/onlyKeyboard.js.map +1 -1
  94. package/dist/components/keyboard/onlyLetterButton.js +2 -2
  95. package/dist/components/keyboard/onlyLetterButton.js.map +1 -1
  96. package/dist/components/keyboard/onlyLetterButton2.js +2 -2
  97. package/dist/components/keyboard/onlyLetterButton2.js.map +1 -1
  98. package/dist/components/keyboard/onlyLetterButton2.less +161 -161
  99. package/dist/components/keyboard/onlyNumberButton.js +2 -2
  100. package/dist/components/keyboard/onlyNumberButton.js.map +1 -1
  101. package/dist/components/keyboard/onlyNumberButton2.js +3 -3
  102. package/dist/components/keyboard/onlyNumberButton2.js.map +1 -1
  103. package/dist/components/keyboard/textKeyboard.js.map +1 -1
  104. package/dist/components/layout/hamburger.js.map +1 -1
  105. package/dist/components/layout/index.js +10 -10
  106. package/dist/components/layout/index.js.map +1 -1
  107. package/dist/components/layout/layout.js.map +1 -1
  108. package/dist/components/layout/sider.js +12 -12
  109. package/dist/components/layout/sider.js.map +1 -1
  110. package/dist/components/layout/style.less +82 -82
  111. package/dist/components/loading/index.js +15 -15
  112. package/dist/components/loading/index.js.map +1 -1
  113. package/dist/components/loading/loadingContent.js +13 -4
  114. package/dist/components/loading/loadingContent.js.map +1 -1
  115. package/dist/components/loading/style.less +70 -61
  116. package/dist/components/loading/utils.js.map +1 -1
  117. package/dist/components/message/index.js +8 -8
  118. package/dist/components/message/index.js.map +1 -1
  119. package/dist/components/message/index.less +101 -101
  120. package/dist/components/modal/index.js.map +1 -1
  121. package/dist/components/modal/index.less +19 -19
  122. package/dist/components/modalVertical/index.js +7 -7
  123. package/dist/components/modalVertical/index.js.map +1 -1
  124. package/dist/components/modalVertical/style.less +60 -60
  125. package/dist/components/modalWraper/index.js +15 -15
  126. package/dist/components/modalWraper/index.js.map +1 -1
  127. package/dist/components/modalWraper/style.less +257 -257
  128. package/dist/components/modalWraper/utils.js.map +1 -1
  129. package/dist/components/notification/index.js +4 -4
  130. package/dist/components/notification/index.js.map +1 -1
  131. package/dist/components/notification/index.less +51 -51
  132. package/dist/components/overflowTip/index.js +15 -15
  133. package/dist/components/overflowTip/index.js.map +1 -1
  134. package/dist/components/overflowTip/style.less +66 -66
  135. package/dist/components/page/index.js.map +1 -1
  136. package/dist/components/page/index.less +21 -21
  137. package/dist/components/product/detail.js +7 -7
  138. package/dist/components/product/detail.js.map +1 -1
  139. package/dist/components/product/getCard.js +5 -5
  140. package/dist/components/product/getCard.js.map +1 -1
  141. package/dist/components/product/index.less +128 -128
  142. package/dist/components/progressState/EmptyAndErrorView.js.map +1 -1
  143. package/dist/components/progressState/ProgressState.js +10 -10
  144. package/dist/components/progressState/ProgressState.js.map +1 -1
  145. package/dist/components/progressState/index.js.map +1 -1
  146. package/dist/components/progressState/style.less +65 -65
  147. package/dist/components/scan/index.js.map +1 -1
  148. package/dist/components/scan/index.less +33 -33
  149. package/dist/components/select/index.js.map +1 -1
  150. package/dist/components/select/index.less +11 -11
  151. package/dist/components/settlement/asyncModal.js.map +1 -1
  152. package/dist/components/settlement/index.js.map +1 -1
  153. package/dist/components/settlement/prototypeTable/index.js.map +1 -1
  154. package/dist/components/settlement/prototypeTable/style.less +58 -58
  155. package/dist/components/settlement/prototypeTable/utils.js.map +1 -1
  156. package/dist/components/settlement/settlement.js +5 -5
  157. package/dist/components/settlement/settlement.js.map +1 -1
  158. package/dist/components/settlement/settlement.less +1594 -1594
  159. package/dist/components/settlement/settlementStore.js +1 -1
  160. package/dist/components/settlement/settlementStore.js.map +1 -1
  161. package/dist/components/settlement/utils.js.map +1 -1
  162. package/dist/components/socket/index.js +11 -11
  163. package/dist/components/socket/index.js.map +1 -1
  164. package/dist/components/spin/index.js +6 -6
  165. package/dist/components/spin/index.js.map +1 -1
  166. package/dist/components/spin/spin-style.less +436 -436
  167. package/dist/components/test/index.js +3 -3
  168. package/dist/components/test/index.js.map +1 -1
  169. package/dist/components/ticon/iconfont/iconfont.svg +593 -593
  170. package/dist/components/ticon/index.js.map +1 -1
  171. package/dist/components/touchScroll/index.js +9 -9
  172. package/dist/components/touchScroll/index.js.map +1 -1
  173. package/dist/components/touchTable/AuthProcess.js.map +1 -1
  174. package/dist/components/touchTable/generateWater.js.map +1 -1
  175. package/dist/components/touchTable/index.js +9 -9
  176. package/dist/components/touchTable/index.js.map +1 -1
  177. package/dist/components/touchTable/index.less +369 -369
  178. package/dist/components/touchTable/utils.js.map +1 -1
  179. package/dist/demo/PopOverDemo.js.map +1 -1
  180. package/dist/index.js +13 -8
  181. package/dist/index.js.map +1 -1
  182. package/dist/util/tools.js.map +1 -1
  183. package/locales/zh/tplus-components-touch.json +1 -1
  184. package/locales/zh-CN/tplus-components-touch.json +1 -1
  185. package/mocks/memberInfo.json +79 -79
  186. package/package.json +35 -35
  187. package/tsconfig.json +26 -26
@@ -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","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 'antd';\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 ? 'b-theme' : 'inputBlurColor'}`}\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 ? 'b-theme' : ''}`}\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","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 'antd';\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 ? 'b-theme' : 'inputBlurColor'}`}\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 ? 'b-theme' : ''}`}\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"]}
@@ -0,0 +1,98 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = undefined;
7
+
8
+ var _extends2 = require('babel-runtime/helpers/extends');
9
+
10
+ var _extends3 = _interopRequireDefault(_extends2);
11
+
12
+ var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
13
+
14
+ var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
15
+
16
+ var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
17
+
18
+ var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
19
+
20
+ var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
21
+
22
+ var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
23
+
24
+ var _createClass2 = require('babel-runtime/helpers/createClass');
25
+
26
+ var _createClass3 = _interopRequireDefault(_createClass2);
27
+
28
+ var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
29
+
30
+ var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
31
+
32
+ var _inherits2 = require('babel-runtime/helpers/inherits');
33
+
34
+ var _inherits3 = _interopRequireDefault(_inherits2);
35
+
36
+ var _react = require('react');
37
+
38
+ var _react2 = _interopRequireDefault(_react);
39
+
40
+ var _mutantsUtil = require('mutants-util');
41
+
42
+ require('./scanInput.less');
43
+
44
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
45
+
46
+ var SInput = function (_Component) {
47
+ (0, _inherits3.default)(SInput, _Component);
48
+
49
+ function SInput(props, context) {
50
+ (0, _classCallCheck3.default)(this, SInput);
51
+
52
+ var _this = (0, _possibleConstructorReturn3.default)(this, (SInput.__proto__ || (0, _getPrototypeOf2.default)(SInput)).call(this, props, context));
53
+
54
+ _this.getIput = function () {
55
+ return _this.input;
56
+ };
57
+
58
+ var _ref = _mutantsUtil.platform || {},
59
+ isHorizontalPad = _ref.isHorizontalPad;
60
+
61
+ _this.isMobileEnvironment = !!isHorizontalPad;
62
+ return _this;
63
+ }
64
+
65
+ (0, _createClass3.default)(SInput, [{
66
+ key: 'render',
67
+ value: function render() {
68
+ var _this2 = this;
69
+
70
+ var _props = this.props,
71
+ ref = _props.ref,
72
+ className = _props.className,
73
+ suffix = _props.suffix,
74
+ props = (0, _objectWithoutProperties3.default)(_props, ['ref', 'className', 'suffix']);
75
+
76
+ return _react2.default.createElement(
77
+ 'div',
78
+ { className: 'productSearchInput ' + (className || '') },
79
+ _react2.default.createElement(
80
+ 'div',
81
+ { className: 'input' },
82
+ _react2.default.createElement('input', (0, _extends3.default)({ ref: function ref(el) {
83
+ return _this2.input = el;
84
+ } }, props))
85
+ ),
86
+ _react2.default.createElement(
87
+ 'div',
88
+ { className: 'icon' },
89
+ suffix
90
+ )
91
+ );
92
+ }
93
+ }]);
94
+ return SInput;
95
+ }(_react.Component);
96
+
97
+ exports.default = SInput;
98
+ //# sourceMappingURL=scanInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["tplus-components-touch/components/input/scanInput.js"],"names":["SInput","props","context","getIput","input","platform","isHorizontalPad","isMobileEnvironment","ref","className","suffix","el","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;AACA;;;;IAEqBA,M;;;AAEjB,oBAAYC,KAAZ,EAAmBC,OAAnB,EAA4B;AAAA;;AAAA,0IAClBD,KADkB,EACXC,OADW;;AAAA,cAM5BC,OAN4B,GAMlB,YAAI;AACV,mBAAO,MAAKC,KAAZ;AACH,SAR2B;;AAAA,mBAEIC,yBAAY,EAFhB;AAAA,YAEhBC,eAFgB,QAEhBA,eAFgB;;AAGxB,cAAKC,mBAAL,GAA2B,CAAC,CAACD,eAA7B;AAHwB;AAI3B;;;;iCAMQ;AAAA;;AAAA,yBACsC,KAAKL,KAD3C;AAAA,gBACCO,GADD,UACCA,GADD;AAAA,gBACMC,SADN,UACMA,SADN;AAAA,gBACiBC,MADjB,UACiBA,MADjB;AAAA,gBAC4BT,KAD5B;;AAEL,mBACI;AAAA;AAAA,kBAAK,oCAAiCQ,aAAa,EAA9C,CAAL;AACI;AAAA;AAAA,sBAAK,WAAU,OAAf;AACI,oFAAO,KAAK;AAAA,mCAAM,OAAKL,KAAL,GAAaO,EAAnB;AAAA,yBAAZ,IAAuCV,KAAvC;AADJ,iBADJ;AAII;AAAA;AAAA,sBAAK,WAAU,MAAf;AAEQS;AAFR;AAJJ,aADJ;AAYH;;;EA1B+BE,gB;;kBAAfZ,M","file":"scanInput.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { platform } from 'mutants-util';\r\nimport './scanInput.less';\r\n\r\nexport default class SInput extends Component {\r\n\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 getIput = ()=>{\r\n return this.input;\r\n }\r\n\r\n render() {\r\n let { ref, className, suffix, ...props } = this.props;\r\n return (\r\n <div className={`productSearchInput ${className || ''}`}>\r\n <div className='input'>\r\n <input ref={el => this.input = el} {...props} />\r\n </div>\r\n <div className='icon'>\r\n {\r\n suffix\r\n }\r\n </div>\r\n </div>\r\n )\r\n }\r\n}"]}
@@ -0,0 +1,28 @@
1
+ .productSearchInput{
2
+ display: flex;
3
+ justify-content: center;
4
+ align-items: center;
5
+ border: 1px solid #a49f9f;
6
+ border-radius: 3px;
7
+ min-width: 300px;
8
+
9
+ .input{
10
+ width: 90%;
11
+ input {
12
+ width: 100%;
13
+ font-size: 15px;
14
+ height: 32px;
15
+ line-height: 32px;
16
+ border: 0;
17
+ padding: 3px 5px;
18
+ }
19
+ }
20
+ .icon{
21
+ width: 10%;
22
+ text-align: right;
23
+ padding-right: 5px;
24
+ i{
25
+ font-size: 20px;
26
+ }
27
+ }
28
+ }
@@ -1,99 +1,99 @@
1
-
2
- .input-wrapper-2{
3
- display: inline-block;
4
- width:100%;
5
- text-align: left;
6
- label{
7
- display:inline-block;
8
- text-align: right;
9
- line-height: 32px;
10
- padding-right:12px;
11
- vertical-align: top;
12
- width:100px;
13
- font-size:14px!important;
14
- }
15
- >div{
16
- display: inline-block;
17
- input:focus{
18
- outline: #d6d6db
19
- }
20
- input[disabled]{
21
- background: #eaebed
22
- }
23
- input{
24
- position: relative;
25
- display: inline-block;
26
- padding: 5px 12px;
27
- width: 253px;
28
- cursor: text;
29
- font-size: 14px;
30
- color: #424242;
31
- background-color: #fff;
32
- background-image: none;
33
- border-radius: 3px;
34
- -webkit-transition: all .3s;
35
- transition: all .3s;
36
- }
37
- .value.value-singleshow{
38
- border:none!important;
39
- }
40
- .value{
41
- //display: inline-block!important;
42
- //line-height: 32px!important;
43
- //height: 32px!important;
44
- //font-size: 14px!important;
45
- width:253px!important;
46
- //border: 1px solid #C8C8CD!important;
47
- &.inputBlurColor {
48
- border: 1px solid #C8C8CD !important;
49
- }
50
- }
51
- }
52
-
53
- .curInput {
54
- display : flex;
55
- align-items : center;
56
- justify-content: center;
57
-
58
- .curScan {
59
- margin-left : -25px;
60
- margin-bottom: 5px;
61
- z-index : 1;
62
-
63
- i {
64
- font-size: 20px;
65
- color : #666666
66
- }
67
- }
68
- }
69
-
70
- .pad input {
71
- padding-right: 28px;
72
- }
73
- }
74
- .input-wrapper-2.inputerror{
75
- >div{
76
- input{
77
- background:white;
78
- outline: red;
79
- border:1px red solid;
80
- }
81
- span{
82
- color:red
83
- }
84
- }
85
-
86
- }
87
- .input-wrapper-2.inputtip{
88
- >div{
89
- input{
90
- background:white;
91
- outline: red;
92
- border:1px red solid;
93
- }
94
- span{
95
- color:#777
96
- }
97
- }
98
-
99
- }
1
+
2
+ .input-wrapper-2{
3
+ display: inline-block;
4
+ width:100%;
5
+ text-align: left;
6
+ label{
7
+ display:inline-block;
8
+ text-align: right;
9
+ line-height: 32px;
10
+ padding-right:12px;
11
+ vertical-align: top;
12
+ width:100px;
13
+ font-size:14px!important;
14
+ }
15
+ >div{
16
+ display: inline-block;
17
+ input:focus{
18
+ outline: #d6d6db
19
+ }
20
+ input[disabled]{
21
+ background: #eaebed
22
+ }
23
+ input{
24
+ position: relative;
25
+ display: inline-block;
26
+ padding: 5px 12px;
27
+ width: 253px;
28
+ cursor: text;
29
+ font-size: 14px;
30
+ color: #424242;
31
+ background-color: #fff;
32
+ background-image: none;
33
+ border-radius: 3px;
34
+ -webkit-transition: all .3s;
35
+ transition: all .3s;
36
+ }
37
+ .value.value-singleshow{
38
+ border:none!important;
39
+ }
40
+ .value{
41
+ //display: inline-block!important;
42
+ //line-height: 32px!important;
43
+ //height: 32px!important;
44
+ //font-size: 14px!important;
45
+ width:253px!important;
46
+ //border: 1px solid #C8C8CD!important;
47
+ &.inputBlurColor {
48
+ border: 1px solid #C8C8CD !important;
49
+ }
50
+ }
51
+ }
52
+
53
+ .curInput {
54
+ display : flex;
55
+ align-items : center;
56
+ justify-content: center;
57
+
58
+ .curScan {
59
+ margin-left : -25px;
60
+ margin-bottom: 5px;
61
+ z-index : 1;
62
+
63
+ i {
64
+ font-size: 20px;
65
+ color : #666666
66
+ }
67
+ }
68
+ }
69
+
70
+ .pad input {
71
+ padding-right: 28px;
72
+ }
73
+ }
74
+ .input-wrapper-2.inputerror{
75
+ >div{
76
+ input{
77
+ background:white;
78
+ outline: red;
79
+ border:1px red solid;
80
+ }
81
+ span{
82
+ color:red
83
+ }
84
+ }
85
+
86
+ }
87
+ .input-wrapper-2.inputtip{
88
+ >div{
89
+ input{
90
+ background:white;
91
+ outline: red;
92
+ border:1px red solid;
93
+ }
94
+ span{
95
+ color:#777
96
+ }
97
+ }
98
+
99
+ }
@@ -21,37 +21,37 @@ require('./style.less');
21
21
 
22
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
23
 
24
- /**
25
- * Created by hzy on 2019/4/26.
24
+ /**
25
+ * Created by hzy on 2019/4/26.
26
26
  */
27
- /**
28
- * @style style
29
- * @className className
30
- * @tplusInput Boolean 指定为tplusInput输入框
31
- * @bottomLine Boolean 是否为单行输入框
32
- * @type Sting 输入框类型 native | select 不传默认为bee FormControl组件
33
- * @value Sting 输入框value值
34
- * @prefix Sting || element 输入框左侧icon,可以为iconfont字体class,或者自定义react node
35
- * @suffix Sting || element 输入框右侧icon,可以为iconfont字体class,或者自定义react node
36
- * @onClick: Func 点击输入框触发的click事件
37
- * @title: Sting 输入框标题
38
- * @error: Sting 输入框校验错误状态下文字内容
39
- * @placeholder: Sting 输入框placeholder
40
- * @inputRef: Func 获取输入框实例 ex: <Input tplusInput ref={ref => this.inputRef = ref} />
41
- * @vertical: Boolean 启用竖屏中样式覆盖
42
- *
43
- * @htmlType Sting native类型下的html input类型
44
- * @noAutocomplete Boolean native类型下: 是否禁用自动填充
45
- * @disabled Boolean native类型下: 是否禁用输入
46
- * @size Sting native类型下: 适配 bee FormControl组件的输入框尺寸样式,可选值 sm | 默认 | lg
47
- * @onChange: Func native类型下: 输入框内容变化时的回调
48
- * @onFocus: Func native类型下: 输入框获取焦点时的回调
49
- *
50
- * @selectPlaceholder Boolean select类型下: 是否在select前显示占位层级(会阻止触发onChange)
51
- * @arrowPlaceholder Boolean select类型下: 会用一块空的div遮挡arrow icon(触发事件冒泡)
52
- * @arrowPlaceholderClass String className
53
- *
54
- * 其他参数为对应bee组件参数
27
+ /**
28
+ * @style style
29
+ * @className className
30
+ * @tplusInput Boolean 指定为tplusInput输入框
31
+ * @bottomLine Boolean 是否为单行输入框
32
+ * @type Sting 输入框类型 native | select 不传默认为bee FormControl组件
33
+ * @value Sting 输入框value值
34
+ * @prefix Sting || element 输入框左侧icon,可以为iconfont字体class,或者自定义react node
35
+ * @suffix Sting || element 输入框右侧icon,可以为iconfont字体class,或者自定义react node
36
+ * @onClick: Func 点击输入框触发的click事件
37
+ * @title: Sting 输入框标题
38
+ * @error: Sting 输入框校验错误状态下文字内容
39
+ * @placeholder: Sting 输入框placeholder
40
+ * @inputRef: Func 获取输入框实例 ex: <Input tplusInput ref={ref => this.inputRef = ref} />
41
+ * @vertical: Boolean 启用竖屏中样式覆盖
42
+ *
43
+ * @htmlType Sting native类型下的html input类型
44
+ * @noAutocomplete Boolean native类型下: 是否禁用自动填充
45
+ * @disabled Boolean native类型下: 是否禁用输入
46
+ * @size Sting native类型下: 适配 bee FormControl组件的输入框尺寸样式,可选值 sm | 默认 | lg
47
+ * @onChange: Func native类型下: 输入框内容变化时的回调
48
+ * @onFocus: Func native类型下: 输入框获取焦点时的回调
49
+ *
50
+ * @selectPlaceholder Boolean select类型下: 是否在select前显示占位层级(会阻止触发onChange)
51
+ * @arrowPlaceholder Boolean select类型下: 会用一块空的div遮挡arrow icon(触发事件冒泡)
52
+ * @arrowPlaceholderClass String className
53
+ *
54
+ * 其他参数为对应bee组件参数
55
55
  */
56
56
  function TplusInput(props) {
57
57
  return _react2.default.createElement(_inputContent2.default, props);
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/input/tplusInput/index.js"],"names":["TplusInput","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":";;;;;kBAqCwBA,U;;AALxB;;;;AACA;;;;AACA;;;;AACA;;;;AAnCA;;;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCe,SAASA,UAAT,CAAoBC,KAApB,EAA2B;AACxC,SACE,8BAAC,sBAAD,EACMA,KADN,CADF;AAKD;;AAEDD,WAAWE,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 InputContent from './inputContent';\nimport './style.less';\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","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":";;;;;kBAqCwBA,U;;AALxB;;;;AACA;;;;AACA;;;;AACA;;;;AAnCA;;;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCe,SAASA,UAAT,CAAoBC,KAApB,EAA2B;AACxC,SACE,8BAAC,sBAAD,EACMA,KADN,CADF;AAKD;;AAEDD,WAAWE,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 InputContent from './inputContent';\r\nimport './style.less';\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 {...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":"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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 {...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 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/input/tplusInput/inputs.js"],"names":["Inputs","NativeInput","props","placeholder","onChange","value","onFocus","onBlur","noAutocomplete","nativeFocus","nativeBlur","password","disabled","className","inputRef","htmlType","size","onClear","prop","handleChange","e","handleFocus","handleBlur","clearValue","classNames","isPassword","type","input","textInput","length","fontSize","NoAutocomplete","SelectInput","children","createInput"],"mappings":"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","file":"inputs.js","sourcesContent":["import React, {Fragment} from 'react';\nimport {Ticon} from '../../../index';\nimport { Select, Input } from 'antd';\n\nconst NativeInput = (props) => {\n const {placeholder, onChange, value, onFocus, onBlur, noAutocomplete, nativeFocus, nativeBlur, password, disabled = false, className, inputRef, htmlType = 'text', size = '', onClear, ...prop} = props;\n\n const handleChange = (e) => {\n onChange && onChange(e);\n };\n const handleFocus = (e) => {\n nativeFocus();\n onFocus && onFocus(e);\n };\n const handleBlur = (e) => {\n nativeBlur();\n onBlur && onBlur(e);\n };\n const clearValue = (e) => {\n onClear && onClear(e);\n };\n\n let classNames = `tplus-inout-native ${className}`;\n switch (size) {\n case 'sm':\n classNames += ' sm';\n break;\n case 'lg':\n classNames += ' lg';\n break;\n default:\n classNames += ' md';\n }\n const isPassword = password ? {type: 'password'} : {};\n return <Fragment>\n {!!noAutocomplete && <NoAutocomplete />}\n <input\n ref={(input) => { textInput = input; }}\n {...isPassword}\n placeholder={placeholder}\n disabled={disabled}\n onChange={handleChange}\n value={value}\n onFocus={handleFocus}\n onBlur={handleBlur}\n className={classNames}\n ref={inputRef}\n type={htmlType}\n {...prop}\n />\n {onClear && !!(value || '').length && <Ticon\n icon='guanbi-yuan'\n className='tplus-input-icon tplus-input-clear'\n onClick={clearValue}\n style={{fontSize: 14}}\n />}\n </Fragment>;\n};\n\nconst NoAutocomplete = (props) => {\n return <div className=\"tplus-input-noAutocomplete\">\n <input />\n <input type=\"password\" />\n </div>;\n}\n\nconst SelectInput = (props) => {\n const {children, ...prop} = props;\n return <Select suffixIcon={<Ticon type=\"xialaqietu3\"/>} {...prop}>{children}</Select>;\n};\n\nexport default function Inputs(props) {\n const {type, ...prop} = props;\n\n const createInput = (type) => {\n switch (type) {\n case 'native':\n return <NativeInput {...prop}/>;\n case 'select':\n return <SelectInput {...prop}/>;\n default:\n return <Input {...props}/>;\n }\n };\n return createInput(type);\n};\n\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/input/tplusInput/inputs.js"],"names":["Inputs","NativeInput","props","placeholder","onChange","value","onFocus","onBlur","noAutocomplete","nativeFocus","nativeBlur","password","disabled","className","inputRef","htmlType","size","onClear","prop","handleChange","e","handleFocus","handleBlur","clearValue","classNames","isPassword","type","input","textInput","length","fontSize","NoAutocomplete","SelectInput","children","createInput"],"mappings":"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","file":"inputs.js","sourcesContent":["import React, {Fragment} from 'react';\r\nimport {Ticon} from '../../../index';\r\nimport { Select, Input } from 'antd';\r\n\r\nconst NativeInput = (props) => {\r\n const {placeholder, onChange, value, onFocus, onBlur, noAutocomplete, nativeFocus, nativeBlur, password, disabled = false, className, inputRef, htmlType = 'text', size = '', onClear, ...prop} = props;\r\n\r\n const handleChange = (e) => {\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 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 {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 suffixIcon={<Ticon type=\"xialaqietu3\"/>} {...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 <Input {...props}/>;\r\n }\r\n };\r\n return createInput(type);\r\n};\r\n\r\n"]}