tplus-components-touch 3.22.15 → 3.22.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/dist/components/acCitySelect/CitySelect.js +0 -541
- package/dist/components/acCitySelect/CitySelect.js.map +0 -1
- package/dist/components/acCitySelect/CitySelect.less +0 -10
- package/dist/components/acCitySelect/citys.js +0 -1270
- package/dist/components/acCitySelect/citys.js.map +0 -1
- package/dist/components/acCitySelect/index.js +0 -18
- package/dist/components/acCitySelect/index.js.map +0 -1
- package/dist/components/acCitySelect/provinceData.js +0 -40
- package/dist/components/acCitySelect/provinceData.js.map +0 -1
- package/dist/components/addLog/AddLogProcessor.js +0 -49
- package/dist/components/addLog/AddLogProcessor.js.map +0 -1
- package/dist/components/addLog/OperationLogApi.js +0 -125
- package/dist/components/addLog/OperationLogApi.js.map +0 -1
- package/dist/components/autoComplete/index.js +0 -245
- package/dist/components/autoComplete/index.js.map +0 -1
- package/dist/components/autoComplete/index.less +0 -89
- package/dist/components/autoComplete/option.js +0 -75
- package/dist/components/autoComplete/option.js.map +0 -1
- package/dist/components/autoCompleteWithKeyboard/index.js +0 -231
- package/dist/components/autoCompleteWithKeyboard/index.js.map +0 -1
- package/dist/components/autoCompleteWithKeyboard/index.less +0 -8
- package/dist/components/billSearch/api.js +0 -465
- package/dist/components/billSearch/api.js.map +0 -1
- package/dist/components/billSearch/index.js +0 -2063
- package/dist/components/billSearch/index.js.map +0 -1
- package/dist/components/billSearch/index.less +0 -373
- package/dist/components/cloudPrint/BTPrintFormatUtil.js +0 -568
- package/dist/components/cloudPrint/BTPrintFormatUtil.js.map +0 -1
- package/dist/components/cloudPrint/api.js +0 -349
- package/dist/components/cloudPrint/api.js.map +0 -1
- package/dist/components/cloudPrint/index.js +0 -674
- package/dist/components/cloudPrint/index.js.map +0 -1
- package/dist/components/cloudPrint/printDispatch.js +0 -223
- package/dist/components/cloudPrint/printDispatch.js.map +0 -1
- package/dist/components/commonForm/addressPicker/index.js +0 -232
- package/dist/components/commonForm/addressPicker/index.js.map +0 -1
- package/dist/components/commonForm/addressPicker/style.less +0 -11
- package/dist/components/commonForm/autoComplete/index.js +0 -241
- package/dist/components/commonForm/autoComplete/index.js.map +0 -1
- package/dist/components/commonForm/autoComplete/style.less +0 -3
- package/dist/components/commonForm/datePicker/index.js +0 -89
- package/dist/components/commonForm/datePicker/index.js.map +0 -1
- package/dist/components/commonForm/datePicker/style.less +0 -5
- package/dist/components/commonForm/formControl/index.js +0 -143
- package/dist/components/commonForm/formControl/index.js.map +0 -1
- package/dist/components/commonForm/formControl/style.less +0 -0
- package/dist/components/commonForm/index.js +0 -225
- package/dist/components/commonForm/index.js.map +0 -1
- package/dist/components/commonForm/inputNumber/index.js +0 -272
- package/dist/components/commonForm/inputNumber/index.js.map +0 -1
- package/dist/components/commonForm/inputNumber/style.less +0 -11
- package/dist/components/commonForm/radio/index.js +0 -132
- package/dist/components/commonForm/radio/index.js.map +0 -1
- package/dist/components/commonForm/radio/style.less +0 -0
- package/dist/components/commonForm/style.less +0 -2
- package/dist/components/deliverySearch/api.js +0 -355
- package/dist/components/deliverySearch/api.js.map +0 -1
- package/dist/components/deliverySearch/index.js +0 -1214
- package/dist/components/deliverySearch/index.js.map +0 -1
- package/dist/components/deliverySearch/index.less +0 -554
- package/dist/components/form/index.js +0 -310
- package/dist/components/form/index.js.map +0 -1
- package/dist/components/hardwareAPI/index.js +0 -181
- package/dist/components/hardwareAPI/index.js.map +0 -1
- package/dist/components/hotKey/config.js +0 -306
- package/dist/components/hotKey/config.js.map +0 -1
- package/dist/components/hotKey/hotKeyModal.js +0 -479
- package/dist/components/hotKey/hotKeyModal.js.map +0 -1
- package/dist/components/hotKey/index.js +0 -785
- package/dist/components/hotKey/index.js.map +0 -1
- package/dist/components/hotKey/localConfig.js +0 -1021
- package/dist/components/hotKey/localConfig.js.map +0 -1
- package/dist/components/hotKey/style.less +0 -96
- package/dist/components/hotKey/utils.js +0 -135
- package/dist/components/hotKey/utils.js.map +0 -1
- package/dist/components/input/index.js +0 -251
- package/dist/components/input/index.js.map +0 -1
- package/dist/components/input/style.less +0 -99
- package/dist/components/input/tplusInput/index.js +0 -81
- package/dist/components/input/tplusInput/index.js.map +0 -1
- package/dist/components/input/tplusInput/inputContent.js +0 -128
- package/dist/components/input/tplusInput/inputContent.js.map +0 -1
- package/dist/components/input/tplusInput/inputs.js +0 -151
- package/dist/components/input/tplusInput/inputs.js.map +0 -1
- package/dist/components/input/tplusInput/style.less +0 -132
- package/dist/components/input/utils/index.js +0 -26
- package/dist/components/input/utils/index.js.map +0 -1
- package/dist/components/inventorySearch/api.js +0 -214
- package/dist/components/inventorySearch/api.js.map +0 -1
- package/dist/components/inventorySearch/index.js +0 -303
- package/dist/components/inventorySearch/index.js.map +0 -1
- package/dist/components/inventorySearch/index.less +0 -120
- package/dist/components/inventorySearch/store.js +0 -344
- package/dist/components/inventorySearch/store.js.map +0 -1
- package/dist/components/inventorySearch/tab.js +0 -258
- package/dist/components/inventorySearch/tab.js.map +0 -1
- package/dist/components/keyboard/index.js +0 -255
- package/dist/components/keyboard/index.js.map +0 -1
- package/dist/components/keyboard/index.less +0 -470
- package/dist/components/keyboard/letterKeyboard.js +0 -210
- package/dist/components/keyboard/letterKeyboard.js.map +0 -1
- package/dist/components/keyboard/numKeyboard.js +0 -459
- package/dist/components/keyboard/numKeyboard.js.map +0 -1
- package/dist/components/keyboard/numKeyboardScan.js +0 -195
- package/dist/components/keyboard/numKeyboardScan.js.map +0 -1
- package/dist/components/keyboard/numberButton_input.js +0 -303
- package/dist/components/keyboard/numberButton_input.js.map +0 -1
- package/dist/components/keyboard/numkeyboardPassword.js +0 -460
- package/dist/components/keyboard/numkeyboardPassword.js.map +0 -1
- package/dist/components/keyboard/onlyKeyboard.js +0 -90
- package/dist/components/keyboard/onlyKeyboard.js.map +0 -1
- package/dist/components/keyboard/onlyLetterButton.js +0 -187
- package/dist/components/keyboard/onlyLetterButton.js.map +0 -1
- package/dist/components/keyboard/onlyLetterButton2.js +0 -235
- package/dist/components/keyboard/onlyLetterButton2.js.map +0 -1
- package/dist/components/keyboard/onlyLetterButton2.less +0 -162
- package/dist/components/keyboard/onlyNumberButton.js +0 -128
- package/dist/components/keyboard/onlyNumberButton.js.map +0 -1
- package/dist/components/keyboard/onlyNumberButton2.js +0 -115
- package/dist/components/keyboard/onlyNumberButton2.js.map +0 -1
- package/dist/components/keyboard/textKeyboard.js +0 -50
- package/dist/components/keyboard/textKeyboard.js.map +0 -1
- package/dist/components/layout/hamburger.js +0 -29
- package/dist/components/layout/hamburger.js.map +0 -1
- package/dist/components/layout/index.js +0 -31
- package/dist/components/layout/index.js.map +0 -1
- package/dist/components/layout/layout.js +0 -182
- package/dist/components/layout/layout.js.map +0 -1
- package/dist/components/layout/sider.js +0 -165
- package/dist/components/layout/sider.js.map +0 -1
- package/dist/components/layout/style.less +0 -82
- package/dist/components/loading/index.js +0 -198
- package/dist/components/loading/index.js.map +0 -1
- package/dist/components/loading/loadingContent.js +0 -176
- package/dist/components/loading/loadingContent.js.map +0 -1
- package/dist/components/loading/style.less +0 -61
- package/dist/components/loading/utils.js +0 -29
- package/dist/components/loading/utils.js.map +0 -1
- package/dist/components/message/index.js +0 -308
- package/dist/components/message/index.js.map +0 -1
- package/dist/components/message/index.less +0 -101
- package/dist/components/modal/index.js +0 -93
- package/dist/components/modal/index.js.map +0 -1
- package/dist/components/modal/index.less +0 -19
- package/dist/components/modalVertical/index.js +0 -325
- package/dist/components/modalVertical/index.js.map +0 -1
- package/dist/components/modalVertical/style.less +0 -60
- package/dist/components/modalWraper/index.js +0 -470
- package/dist/components/modalWraper/index.js.map +0 -1
- package/dist/components/modalWraper/style.less +0 -257
- package/dist/components/modalWraper/utils.js +0 -48
- package/dist/components/modalWraper/utils.js.map +0 -1
- package/dist/components/notification/index.js +0 -119
- package/dist/components/notification/index.js.map +0 -1
- package/dist/components/notification/index.less +0 -52
- package/dist/components/overflowTip/index.js +0 -269
- package/dist/components/overflowTip/index.js.map +0 -1
- package/dist/components/overflowTip/style.less +0 -66
- package/dist/components/page/index.js +0 -49
- package/dist/components/page/index.js.map +0 -1
- package/dist/components/page/index.less +0 -22
- package/dist/components/product/detail.js +0 -148
- package/dist/components/product/detail.js.map +0 -1
- package/dist/components/product/getCard.js +0 -145
- package/dist/components/product/getCard.js.map +0 -1
- package/dist/components/product/index.less +0 -128
- package/dist/components/progressState/EmptyAndErrorView.js +0 -143
- package/dist/components/progressState/EmptyAndErrorView.js.map +0 -1
- package/dist/components/progressState/ProgressState.js +0 -157
- package/dist/components/progressState/ProgressState.js.map +0 -1
- package/dist/components/progressState/index.js +0 -14
- package/dist/components/progressState/index.js.map +0 -1
- package/dist/components/progressState/style.less +0 -65
- package/dist/components/scan/index.js +0 -219
- package/dist/components/scan/index.js.map +0 -1
- package/dist/components/scan/index.less +0 -34
- package/dist/components/select/index.js +0 -28
- package/dist/components/select/index.js.map +0 -1
- package/dist/components/select/index.less +0 -12
- package/dist/components/settlement/asyncModal.js +0 -204
- package/dist/components/settlement/asyncModal.js.map +0 -1
- package/dist/components/settlement/index.js +0 -16
- package/dist/components/settlement/index.js.map +0 -1
- package/dist/components/settlement/prototypeTable/index.js +0 -349
- package/dist/components/settlement/prototypeTable/index.js.map +0 -1
- package/dist/components/settlement/prototypeTable/style.less +0 -59
- package/dist/components/settlement/prototypeTable/utils.js +0 -14
- package/dist/components/settlement/prototypeTable/utils.js.map +0 -1
- package/dist/components/settlement/settlement.js +0 -5471
- package/dist/components/settlement/settlement.js.map +0 -1
- package/dist/components/settlement/settlement.less +0 -1594
- package/dist/components/settlement/settlementStore.js +0 -2099
- package/dist/components/settlement/settlementStore.js.map +0 -1
- package/dist/components/settlement/utils.js +0 -249
- package/dist/components/settlement/utils.js.map +0 -1
- package/dist/components/socket/index.js +0 -220
- package/dist/components/socket/index.js.map +0 -1
- package/dist/components/spin/index.js +0 -95
- package/dist/components/spin/index.js.map +0 -1
- package/dist/components/spin/spin-style.less +0 -436
- package/dist/components/test/index.js +0 -330
- package/dist/components/test/index.js.map +0 -1
- package/dist/components/ticon/iconfont/demo.css +0 -539
- package/dist/components/ticon/iconfont/demo_index.html +0 -5202
- package/dist/components/ticon/iconfont/iconfont.css +0 -887
- package/dist/components/ticon/iconfont/iconfont.eot +0 -0
- package/dist/components/ticon/iconfont/iconfont.js +0 -35
- package/dist/components/ticon/iconfont/iconfont.js.map +0 -1
- package/dist/components/ticon/iconfont/iconfont.json +0 -1535
- package/dist/components/ticon/iconfont/iconfont.svg +0 -593
- package/dist/components/ticon/iconfont/iconfont.ttf +0 -0
- package/dist/components/ticon/iconfont/iconfont.woff +0 -0
- package/dist/components/ticon/iconfont/iconfont.woff2 +0 -0
- package/dist/components/ticon/index.js +0 -60
- package/dist/components/ticon/index.js.map +0 -1
- package/dist/components/touchScroll/index.js +0 -182
- package/dist/components/touchScroll/index.js.map +0 -1
- package/dist/components/touchTable/AuthProcess.js +0 -42
- package/dist/components/touchTable/AuthProcess.js.map +0 -1
- package/dist/components/touchTable/generateWater.js +0 -59
- package/dist/components/touchTable/generateWater.js.map +0 -1
- package/dist/components/touchTable/index.js +0 -1109
- package/dist/components/touchTable/index.js.map +0 -1
- package/dist/components/touchTable/index.less +0 -370
- package/dist/components/touchTable/utils.js +0 -14
- package/dist/components/touchTable/utils.js.map +0 -1
- package/dist/demo/PopOverDemo.js +0 -126
- package/dist/demo/PopOverDemo.js.map +0 -1
- package/dist/index.js +0 -249
- package/dist/index.js.map +0 -1
- package/dist/util/tools.js +0 -202
- package/dist/util/tools.js.map +0 -1
|
@@ -1,251 +0,0 @@
|
|
|
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 _select = require('antd/es/select');
|
|
37
|
-
|
|
38
|
-
var _select2 = _interopRequireDefault(_select);
|
|
39
|
-
|
|
40
|
-
var _class, _temp; /*
|
|
41
|
-
field{
|
|
42
|
-
Title:'' title
|
|
43
|
-
State:'' input状态
|
|
44
|
-
SingleShow:boolean input如何显示 (带框还是只是展示)
|
|
45
|
-
}
|
|
46
|
-
*/
|
|
47
|
-
|
|
48
|
-
require('antd/es/select/style');
|
|
49
|
-
|
|
50
|
-
var _react = require('react');
|
|
51
|
-
|
|
52
|
-
var _react2 = _interopRequireDefault(_react);
|
|
53
|
-
|
|
54
|
-
var _propTypes = require('prop-types');
|
|
55
|
-
|
|
56
|
-
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
57
|
-
|
|
58
|
-
var _mutantsUtil = require('mutants-util');
|
|
59
|
-
|
|
60
|
-
var _tplusInput = require('./tplusInput');
|
|
61
|
-
|
|
62
|
-
var _tplusInput2 = _interopRequireDefault(_tplusInput);
|
|
63
|
-
|
|
64
|
-
var _ticon = require('../ticon');
|
|
65
|
-
|
|
66
|
-
var _ticon2 = _interopRequireDefault(_ticon);
|
|
67
|
-
|
|
68
|
-
var _scan = require('../scan');
|
|
69
|
-
|
|
70
|
-
var _scan2 = _interopRequireDefault(_scan);
|
|
71
|
-
|
|
72
|
-
var _numKeyboard = require('../keyboard/numKeyboard');
|
|
73
|
-
|
|
74
|
-
var _numKeyboard2 = _interopRequireDefault(_numKeyboard);
|
|
75
|
-
|
|
76
|
-
require('./style.less');
|
|
77
|
-
|
|
78
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
79
|
-
|
|
80
|
-
var Option = _select2.default.Option;
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
var map = {
|
|
84
|
-
'error': 'inputerror ',
|
|
85
|
-
'tip': 'inputtip '
|
|
86
|
-
};
|
|
87
|
-
var defaultClass = 'input-wrapper-2 ';
|
|
88
|
-
|
|
89
|
-
var Input = (_temp = _class = function (_Component) {
|
|
90
|
-
(0, _inherits3.default)(Input, _Component);
|
|
91
|
-
|
|
92
|
-
function Input(props, context) {
|
|
93
|
-
(0, _classCallCheck3.default)(this, Input);
|
|
94
|
-
|
|
95
|
-
var _this = (0, _possibleConstructorReturn3.default)(this, (Input.__proto__ || (0, _getPrototypeOf2.default)(Input)).call(this, props, context));
|
|
96
|
-
|
|
97
|
-
_this.state = {};
|
|
98
|
-
|
|
99
|
-
_this.onFocus = function (e) {
|
|
100
|
-
var onFocus = _this.props.onFocus;
|
|
101
|
-
|
|
102
|
-
onFocus(e);
|
|
103
|
-
_this.setState({ inputFocus: true });
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
_this.onBlur = function (e) {
|
|
107
|
-
var onBlur = _this.props.onBlur;
|
|
108
|
-
|
|
109
|
-
onBlur(e);
|
|
110
|
-
_this.setState({ inputFocus: false });
|
|
111
|
-
};
|
|
112
|
-
|
|
113
|
-
_this.changeScanProduct = function () {
|
|
114
|
-
if (_this.scanObj) _this.scanObj.startScan();
|
|
115
|
-
};
|
|
116
|
-
|
|
117
|
-
_this.onScanResult = function (val) {
|
|
118
|
-
var _this$props = _this.props,
|
|
119
|
-
handleChange = _this$props.handleChange,
|
|
120
|
-
handleOk = _this$props.handleOk;
|
|
121
|
-
|
|
122
|
-
handleChange && handleChange(val);
|
|
123
|
-
handleOk && handleOk();
|
|
124
|
-
};
|
|
125
|
-
|
|
126
|
-
var _ref = _mutantsUtil.platform || {},
|
|
127
|
-
isHorizontalPad = _ref.isHorizontalPad;
|
|
128
|
-
|
|
129
|
-
_this.isMobileEnvironment = !!isHorizontalPad;
|
|
130
|
-
return _this;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
//移动端:扫描商品
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
(0, _createClass3.default)(Input, [{
|
|
137
|
-
key: 'render',
|
|
138
|
-
value: function render() {
|
|
139
|
-
var _this2 = this;
|
|
140
|
-
|
|
141
|
-
var _props = this.props,
|
|
142
|
-
className = _props.className,
|
|
143
|
-
State = _props.State,
|
|
144
|
-
Label = _props.Label,
|
|
145
|
-
Title = _props.Title,
|
|
146
|
-
IsScan = _props.IsScan,
|
|
147
|
-
Value = _props.Value,
|
|
148
|
-
SingleShow = _props.SingleShow,
|
|
149
|
-
Style = _props.Style,
|
|
150
|
-
InputStyle = _props.InputStyle,
|
|
151
|
-
tplusInput = _props.tplusInput,
|
|
152
|
-
onFocus = _props.onFocus,
|
|
153
|
-
onBlur = _props.onBlur,
|
|
154
|
-
ControlType = _props.ControlType,
|
|
155
|
-
type = _props.type,
|
|
156
|
-
type1 = _props.type1,
|
|
157
|
-
precisionLength = _props.precisionLength,
|
|
158
|
-
maxLength = _props.maxLength,
|
|
159
|
-
_props$inputClassName = _props.inputClassName,
|
|
160
|
-
inputClassName = _props$inputClassName === undefined ? '' : _props$inputClassName,
|
|
161
|
-
props = (0, _objectWithoutProperties3.default)(_props, ['className', 'State', 'Label', 'Title', 'IsScan', 'Value', 'SingleShow', 'Style', 'InputStyle', 'tplusInput', 'onFocus', 'onBlur', 'ControlType', 'type', 'type1', 'precisionLength', 'maxLength', 'inputClassName']);
|
|
162
|
-
var inputFocus = this.state.inputFocus;
|
|
163
|
-
//解决浏览器自动填充密码的问题
|
|
164
|
-
|
|
165
|
-
if ('password' === type) {
|
|
166
|
-
props.autocomplete = "new-password";
|
|
167
|
-
props.type = 'password';
|
|
168
|
-
}
|
|
169
|
-
if (tplusInput) {
|
|
170
|
-
return _react2.default.createElement(_tplusInput2.default, (0, _extends3.default)({
|
|
171
|
-
className: className,
|
|
172
|
-
onFocus: onFocus,
|
|
173
|
-
onBlur: onBlur,
|
|
174
|
-
type: type
|
|
175
|
-
}, props));
|
|
176
|
-
}
|
|
177
|
-
className = defaultClass + (map[State] || '') + className;
|
|
178
|
-
var isShowScan = this.isMobileEnvironment && IsScan == true ? true : false;
|
|
179
|
-
return _react2.default.createElement(
|
|
180
|
-
'div',
|
|
181
|
-
{ className: className },
|
|
182
|
-
_react2.default.createElement(
|
|
183
|
-
'div',
|
|
184
|
-
null,
|
|
185
|
-
SingleShow ? _react2.default.createElement(
|
|
186
|
-
'span',
|
|
187
|
-
(0, _extends3.default)({ className: 'value value-singleshow', style: Style }, props),
|
|
188
|
-
Value
|
|
189
|
-
) : ControlType !== 'NumTextBox' ? _react2.default.createElement(
|
|
190
|
-
'div',
|
|
191
|
-
{ className: isShowScan ? 'curInput pad' : 'curInput' },
|
|
192
|
-
_react2.default.createElement('input', (0, _extends3.default)({
|
|
193
|
-
className: 'value ' + inputClassName + ' ' + (inputFocus ? 'b-theme' : 'inputBlurColor'),
|
|
194
|
-
style: InputStyle,
|
|
195
|
-
value: Value,
|
|
196
|
-
maxLength: maxLength ? maxLength : "",
|
|
197
|
-
onFocus: this.onFocus,
|
|
198
|
-
onBlur: this.onBlur
|
|
199
|
-
}, props)),
|
|
200
|
-
isShowScan && _react2.default.createElement(
|
|
201
|
-
'div',
|
|
202
|
-
{ className: 'curScan' },
|
|
203
|
-
_react2.default.createElement(_ticon2.default, { type: 'saomiao1', className: 'icon', onClick: this.changeScanProduct }),
|
|
204
|
-
_react2.default.createElement(_scan2.default, { ref: function ref(scan) {
|
|
205
|
-
return _this2.scanObj = scan;
|
|
206
|
-
}, onChange: function onChange(value) {
|
|
207
|
-
return _this2.onScanResult(value);
|
|
208
|
-
} })
|
|
209
|
-
)
|
|
210
|
-
) : _react2.default.createElement(_numKeyboard2.default, (0, _extends3.default)({
|
|
211
|
-
inputClassName: 'value ' + inputClassName + ' ' + (inputFocus ? 'b-theme' : ''),
|
|
212
|
-
type: type1,
|
|
213
|
-
defaultValue: Value,
|
|
214
|
-
onFocus: this.onFocus,
|
|
215
|
-
onBlur: this.onBlur,
|
|
216
|
-
precisionLength: precisionLength,
|
|
217
|
-
maxLength: maxLength
|
|
218
|
-
}, props))
|
|
219
|
-
)
|
|
220
|
-
);
|
|
221
|
-
}
|
|
222
|
-
}]);
|
|
223
|
-
return Input;
|
|
224
|
-
}(_react.Component), _class.propTypes = {
|
|
225
|
-
className: _propTypes2.default.string, //外层元素类名
|
|
226
|
-
State: _propTypes2.default.string, //input 状态 (错误error /提示tip)
|
|
227
|
-
Label: _propTypes2.default.string, //提示信息:label
|
|
228
|
-
Title: _propTypes2.default.string, //左侧title
|
|
229
|
-
Value: _propTypes2.default.string, //值
|
|
230
|
-
SingleShow: _propTypes2.default.bool, //input 或者 展示文字
|
|
231
|
-
Style: _propTypes2.default.object, //展示文字的 style
|
|
232
|
-
InputStyle: _propTypes2.default.object, //input的style
|
|
233
|
-
ControlType: _propTypes2.default.string, //空间类型:字符型
|
|
234
|
-
type1: _propTypes2.default.string //:数字取值范围 (正负)
|
|
235
|
-
}, _class.defaultProps = {
|
|
236
|
-
className: '',
|
|
237
|
-
State: '',
|
|
238
|
-
Label: '',
|
|
239
|
-
Title: '',
|
|
240
|
-
Value: '',
|
|
241
|
-
SingleShow: false,
|
|
242
|
-
Style: {},
|
|
243
|
-
InputStyle: {},
|
|
244
|
-
onFocus: function onFocus() {},
|
|
245
|
-
onBlur: function onBlur() {}
|
|
246
|
-
}, _temp);
|
|
247
|
-
exports.default = Input;
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
Input.Option = Option; //Select.Option
|
|
251
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,99 +0,0 @@
|
|
|
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,81 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = TplusInput;
|
|
7
|
-
|
|
8
|
-
var _react = require('react');
|
|
9
|
-
|
|
10
|
-
var _react2 = _interopRequireDefault(_react);
|
|
11
|
-
|
|
12
|
-
var _propTypes = require('prop-types');
|
|
13
|
-
|
|
14
|
-
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
15
|
-
|
|
16
|
-
var _inputContent = require('./inputContent');
|
|
17
|
-
|
|
18
|
-
var _inputContent2 = _interopRequireDefault(_inputContent);
|
|
19
|
-
|
|
20
|
-
require('./style.less');
|
|
21
|
-
|
|
22
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Created by hzy on 2019/4/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组件参数
|
|
55
|
-
*/
|
|
56
|
-
function TplusInput(props) {
|
|
57
|
-
return _react2.default.createElement(_inputContent2.default, props);
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
TplusInput.propTypes = {
|
|
61
|
-
style: _propTypes2.default.object,
|
|
62
|
-
className: _propTypes2.default.string,
|
|
63
|
-
placeholder: _propTypes2.default.string,
|
|
64
|
-
bottomLine: _propTypes2.default.bool,
|
|
65
|
-
disabled: _propTypes2.default.bool,
|
|
66
|
-
vertical: _propTypes2.default.bool,
|
|
67
|
-
prefix: (0, _propTypes.oneOfType)([_propTypes2.default.string, _propTypes2.default.element]),
|
|
68
|
-
suffix: (0, _propTypes.oneOfType)([_propTypes2.default.string, _propTypes2.default.element]),
|
|
69
|
-
htmlType: _propTypes2.default.string,
|
|
70
|
-
type: _propTypes2.default.string,
|
|
71
|
-
noAutocomplete: _propTypes2.default.bool,
|
|
72
|
-
inputRef: _propTypes2.default.func,
|
|
73
|
-
value: (0, _propTypes.oneOfType)([_propTypes2.default.string, _propTypes2.default.number]),
|
|
74
|
-
selectPlaceholder: _propTypes2.default.bool,
|
|
75
|
-
placeholderClick: _propTypes2.default.func,
|
|
76
|
-
size: _propTypes2.default.string,
|
|
77
|
-
onClick: _propTypes2.default.func,
|
|
78
|
-
onChange: _propTypes2.default.func,
|
|
79
|
-
onFocus: _propTypes2.default.func
|
|
80
|
-
};
|
|
81
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,128 +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
|
-
}, prop)),
|
|
118
|
-
arrowPlaceholder && _react2.default.createElement('div', { className: 'tplus-select-arrow-placeholder ' + arrowPlaceholderClass }),
|
|
119
|
-
createIcon(suffix, 'tplus-input-icon tplus-input-suffix'),
|
|
120
|
-
error && _react2.default.createElement(
|
|
121
|
-
'p',
|
|
122
|
-
{ className: 'tplus-input-error-text' },
|
|
123
|
-
error
|
|
124
|
-
)
|
|
125
|
-
)
|
|
126
|
-
);
|
|
127
|
-
}
|
|
128
|
-
//# 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';\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"]}
|