tplus-components-touch 3.43.1 → 3.45.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/billSearch/index.js +17 -40
- package/dist/components/billSearch/index.js.map +1 -1
- package/dist/components/deliverySearch/index.js +5 -1
- package/dist/components/deliverySearch/index.js.map +1 -1
- package/dist/components/hotKey/localConfig.js +13 -0
- package/dist/components/hotKey/localConfig.js.map +1 -1
- package/dist/components/inventorySearch/tab.js +6 -1
- package/dist/components/inventorySearch/tab.js.map +1 -1
- package/dist/components/loading/loadingContent.js +5 -2
- package/dist/components/loading/loadingContent.js.map +1 -1
- package/dist/components/message/index.js +4 -6
- package/dist/components/message/index.js.map +1 -1
- package/dist/components/modalWraper/index.js +16 -1
- package/dist/components/modalWraper/index.js.map +1 -1
- package/dist/components/modalWraper/style.less +6 -0
- package/dist/components/notification/index.js +11 -12
- package/dist/components/notification/index.js.map +1 -1
- package/dist/components/progressState/EmptyAndErrorView.js +5 -7
- package/dist/components/progressState/EmptyAndErrorView.js.map +1 -1
- package/dist/components/settlement/asyncModal.js +4 -1
- package/dist/components/settlement/asyncModal.js.map +1 -1
- package/dist/components/settlement/settlement.js +352 -291
- package/dist/components/settlement/settlement.js.map +1 -1
- package/dist/components/settlement/settlement.less +4 -1
- package/dist/components/settlement/settlementApi.js +512 -0
- package/dist/components/settlement/settlementApi.js.map +1 -0
- package/dist/components/ticon/iconfont/demo.css +539 -539
- package/dist/index.js +8 -3
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/components/commonForm/addressPicker/index.js +0 -241
- package/dist/components/commonForm/addressPicker/index.js.map +0 -1
- package/dist/components/commonForm/autoComplete/index.js +0 -260
- package/dist/components/commonForm/autoComplete/index.js.map +0 -1
- package/dist/components/commonForm/datePicker/index.js +0 -92
- package/dist/components/commonForm/datePicker/index.js.map +0 -1
- package/dist/components/commonForm/formControl/index.js +0 -144
- package/dist/components/commonForm/formControl/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/radio/index.js +0 -132
- package/dist/components/commonForm/radio/index.js.map +0 -1
- 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/utils/index.js +0 -26
- package/dist/components/input/utils/index.js.map +0 -1
- package/dist/components/settlement/moreCzkTable/index.js +0 -156
- package/dist/components/settlement/moreCzkTable/index.js.map +0 -1
- package/dist/components/settlement/prototypeTable/index.js +0 -353
- package/dist/components/settlement/prototypeTable/index.js.map +0 -1
- package/dist/components/settlement/prototypeTable/utils.js +0 -14
- package/dist/components/settlement/prototypeTable/utils.js.map +0 -1
- package/dist/components/settlement/settlementStore.js +0 -2869
- 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 -221
- 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/test/index.js +0 -330
- package/dist/components/test/index.js.map +0 -1
- package/dist/components/ticon/iconfont/iconfont.js +0 -35
- package/dist/components/ticon/iconfont/iconfont.js.map +0 -1
- package/dist/components/ticon/index.js +0 -60
- package/dist/components/ticon/index.js.map +0 -1
- package/dist/components/touchScroll/index.js +0 -186
- 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 -1133
- package/dist/components/touchTable/index.js.map +0 -1
- package/dist/components/touchTable/utils.js +0 -14
- package/dist/components/touchTable/utils.js.map +0 -1
@@ -1,132 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.default = undefined;
|
7
|
-
|
8
|
-
var _radio = require('antd/es/radio');
|
9
|
-
|
10
|
-
var _radio2 = _interopRequireDefault(_radio);
|
11
|
-
|
12
|
-
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
|
13
|
-
|
14
|
-
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
|
15
|
-
|
16
|
-
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
17
|
-
|
18
|
-
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
19
|
-
|
20
|
-
var _createClass2 = require('babel-runtime/helpers/createClass');
|
21
|
-
|
22
|
-
var _createClass3 = _interopRequireDefault(_createClass2);
|
23
|
-
|
24
|
-
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
25
|
-
|
26
|
-
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
27
|
-
|
28
|
-
var _inherits2 = require('babel-runtime/helpers/inherits');
|
29
|
-
|
30
|
-
var _inherits3 = _interopRequireDefault(_inherits2);
|
31
|
-
|
32
|
-
var _form = require('antd/es/form');
|
33
|
-
|
34
|
-
var _form2 = _interopRequireDefault(_form);
|
35
|
-
|
36
|
-
require('antd/es/radio/style');
|
37
|
-
|
38
|
-
require('antd/es/form/style');
|
39
|
-
|
40
|
-
var _react = require('react');
|
41
|
-
|
42
|
-
var _react2 = _interopRequireDefault(_react);
|
43
|
-
|
44
|
-
require('./style.less');
|
45
|
-
|
46
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
47
|
-
|
48
|
-
var FormItem = _form2.default.Item;
|
49
|
-
|
50
|
-
var _default = function (_React$Component) {
|
51
|
-
(0, _inherits3.default)(_default, _React$Component);
|
52
|
-
|
53
|
-
function _default(props, context) {
|
54
|
-
(0, _classCallCheck3.default)(this, _default);
|
55
|
-
|
56
|
-
var _this2 = (0, _possibleConstructorReturn3.default)(this, (_default.__proto__ || (0, _getPrototypeOf2.default)(_default)).call(this, props));
|
57
|
-
|
58
|
-
_this2.handleChange = function (value) {
|
59
|
-
var options = _this2.state.options;
|
60
|
-
|
61
|
-
var viewInfo = _this2.props.viewInfo;
|
62
|
-
var changed = {};
|
63
|
-
var FieldName = viewInfo.FieldName.split('.')[0];
|
64
|
-
changed[FieldName] = options && options.find(function (el) {
|
65
|
-
return el.Name == value;
|
66
|
-
});
|
67
|
-
_this2.props.changeVal(changed);
|
68
|
-
};
|
69
|
-
|
70
|
-
_this2.state = {
|
71
|
-
options: []
|
72
|
-
};
|
73
|
-
return _this2;
|
74
|
-
}
|
75
|
-
|
76
|
-
(0, _createClass3.default)(_default, [{
|
77
|
-
key: 'componentWillMount',
|
78
|
-
value: function componentWillMount() {
|
79
|
-
var _props = this.props,
|
80
|
-
viewInfo = _props.viewInfo,
|
81
|
-
getMemberReferData = _props.getMemberReferData;
|
82
|
-
|
83
|
-
var _this = this;
|
84
|
-
var fileName = viewInfo['FieldName'];
|
85
|
-
getMemberReferData(fileName).then(function (data) {
|
86
|
-
_this.setState({ options: data || [] });
|
87
|
-
});
|
88
|
-
}
|
89
|
-
}, {
|
90
|
-
key: 'render',
|
91
|
-
value: function render() {
|
92
|
-
var _this3 = this;
|
93
|
-
|
94
|
-
var viewInfo = this.props.viewInfo;
|
95
|
-
var options = this.state.options;
|
96
|
-
|
97
|
-
if (!options.length) return null;
|
98
|
-
var fieldName = viewInfo['FieldName'];
|
99
|
-
var name = fieldName.split('.');
|
100
|
-
return _react2.default.createElement(
|
101
|
-
FormItem,
|
102
|
-
{ label: viewInfo.Title, name: name, rules: [{ required: !viewInfo.AllowNone }] },
|
103
|
-
_react2.default.createElement(
|
104
|
-
_radio2.default.Group,
|
105
|
-
{
|
106
|
-
key: fieldName,
|
107
|
-
name: 'fruits',
|
108
|
-
onChange: function onChange(e) {
|
109
|
-
return _this3.handleChange(e.target.value);
|
110
|
-
}
|
111
|
-
},
|
112
|
-
options.map(function (option, index) {
|
113
|
-
var Code = option.Code,
|
114
|
-
Name = option.Name;
|
115
|
-
|
116
|
-
return _react2.default.createElement(
|
117
|
-
_radio2.default,
|
118
|
-
{
|
119
|
-
disabled: viewInfo.ReadOnly,
|
120
|
-
key: Code, value: Name },
|
121
|
-
Name
|
122
|
-
);
|
123
|
-
})
|
124
|
-
)
|
125
|
-
);
|
126
|
-
}
|
127
|
-
}]);
|
128
|
-
return _default;
|
129
|
-
}(_react2.default.Component);
|
130
|
-
|
131
|
-
exports.default = _default;
|
132
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["tplus-components-touch/components/commonForm/radio/index.js"],"names":["FormItem","Item","props","context","handleChange","value","options","state","viewInfo","changed","FieldName","split","find","el","Name","changeVal","getMemberReferData","_this","fileName","then","setState","data","length","fieldName","name","Title","required","AllowNone","e","target","map","option","index","Code","ReadOnly","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAGA;;;;AADA,IAAMA,WAAW,eAAKC,IAAtB;;;;;AAGI,sBAAYC,KAAZ,EAAmBC,OAAnB,EAA4B;AAAA;;AAAA,+IAClBD,KADkB;;AAAA,eAgB5BE,YAhB4B,GAgBb,UAACC,KAAD,EAAW;AAAA,gBACdC,OADc,GACF,OAAKC,KADH,CACdD,OADc;;AAEtB,gBAAIE,WAAW,OAAKN,KAAL,CAAWM,QAA1B;AACA,gBAAMC,UAAU,EAAhB;AACA,gBAAMC,YAAYF,SAASE,SAAT,CAAmBC,KAAnB,CAAyB,GAAzB,EAA8B,CAA9B,CAAlB;AACAF,oBAAQC,SAAR,IAAqBJ,WAAWA,QAAQM,IAAR,CAAa;AAAA,uBAAMC,GAAGC,IAAH,IAAWT,KAAjB;AAAA,aAAb,CAAhC;AACA,mBAAKH,KAAL,CAAWa,SAAX,CAAqBN,OAArB;AACH,SAvB2B;;AAExB,eAAKF,KAAL,GAAa;AACTD,qBAAS;AADA,SAAb;AAFwB;AAK3B;;;;6CAEoB;AAAA,yBACsB,KAAKJ,KAD3B;AAAA,gBACXM,QADW,UACXA,QADW;AAAA,gBACDQ,kBADC,UACDA,kBADC;;AAEjB,gBAAIC,QAAQ,IAAZ;AACA,gBAAIC,WAAWV,SAAS,WAAT,CAAf;AACAQ,+BAAmBE,QAAnB,EAA6BC,IAA7B,CAAkC,gBAAQ;AACtCF,sBAAMG,QAAN,CAAe,EAAEd,SAASe,QAAQ,EAAnB,EAAf;AACH,aAFD;AAGH;;;iCAWQ;AAAA;;AACL,gBAAIb,WAAW,KAAKN,KAAL,CAAWM,QAA1B;AADK,gBAEGF,OAFH,GAEe,KAAKC,KAFpB,CAEGD,OAFH;;AAGL,gBAAI,CAACA,QAAQgB,MAAb,EAAqB,OAAO,IAAP;AACrB,gBAAMC,YAAYf,SAAS,WAAT,CAAlB;AACA,gBAAMgB,OAAOD,UAAUZ,KAAV,CAAgB,GAAhB,CAAb;AACA,mBAAQ;AAAC,wBAAD;AAAA,kBAAU,OAAOH,SAASiB,KAA1B,EAAiC,MAAMD,IAAvC,EAA6C,OAAO,CAAC,EAAEE,UAAU,CAAClB,SAASmB,SAAtB,EAAD,CAApD;AACJ;AAAA,oCAAO,KAAP;AAAA;AACI,6BAAKJ,SADT;AAEI,8BAAK,QAFT;AAGI,kCAAU,kBAACK,CAAD;AAAA,mCAAO,OAAKxB,YAAL,CAAkBwB,EAAEC,MAAF,CAASxB,KAA3B,CAAP;AAAA;AAHd;AAMQC,4BAAQwB,GAAR,CAAY,UAACC,MAAD,EAASC,KAAT,EAAmB;AAAA,4BACnBC,IADmB,GACJF,MADI,CACnBE,IADmB;AAAA,4BACbnB,IADa,GACJiB,MADI,CACbjB,IADa;;AAE3B,+BAAQ;AAAA;AAAA;AACJ,0CAAUN,SAAS0B,QADf;AAEJ,qCAAKD,IAFD,EAEO,OAAOnB,IAFd;AAEsBA;AAFtB,yBAAR;AAIH,qBAND;AANR;AADI,aAAR;AAiBH;;;EAjDwBqB,gBAAMC,S","file":"index.js","sourcesContent":["import React from 'react';\r\nimport { Radio, Form } from 'antd';\r\nconst FormItem = Form.Item;\r\nimport './style.less'\r\nexport default class extends React.Component {\r\n constructor(props, context) {\r\n super(props);\r\n this.state = {\r\n options: []\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n let { viewInfo, getMemberReferData } = this.props;\r\n let _this = this;\r\n let fileName = viewInfo['FieldName'];\r\n getMemberReferData(fileName).then(data => {\r\n _this.setState({ options: data || [] })\r\n })\r\n }\r\n\r\n handleChange = (value) => {\r\n const { options } = this.state;\r\n let viewInfo = this.props.viewInfo;\r\n const changed = {}\r\n const FieldName = viewInfo.FieldName.split('.')[0];\r\n changed[FieldName] = options && options.find(el => el.Name == value);\r\n this.props.changeVal(changed);\r\n }\r\n\r\n render() {\r\n let viewInfo = this.props.viewInfo;\r\n const { options } = this.state;\r\n if (!options.length) return null;\r\n const fieldName = viewInfo['FieldName'];\r\n const name = fieldName.split('.');\r\n return (<FormItem label={viewInfo.Title} name={name} rules={[{ required: !viewInfo.AllowNone }]}>\r\n <Radio.Group\r\n key={fieldName}\r\n name=\"fruits\"\r\n onChange={(e) => this.handleChange(e.target.value)}\r\n >\r\n {\r\n options.map((option, index) => {\r\n const { Code, Name } = option\r\n return (<Radio\r\n disabled={viewInfo.ReadOnly}\r\n key={Code} value={Name} >{Name}\r\n </Radio>)\r\n })\r\n }\r\n </Radio.Group>\r\n </FormItem>)\r\n }\r\n}\r\n"]}
|
@@ -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":["/**\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,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';\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,151 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
|
7
|
-
var _input = require('antd/es/input');
|
8
|
-
|
9
|
-
var _input2 = _interopRequireDefault(_input);
|
10
|
-
|
11
|
-
var _select = require('antd/es/select');
|
12
|
-
|
13
|
-
var _select2 = _interopRequireDefault(_select);
|
14
|
-
|
15
|
-
var _extends2 = require('babel-runtime/helpers/extends');
|
16
|
-
|
17
|
-
var _extends3 = _interopRequireDefault(_extends2);
|
18
|
-
|
19
|
-
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
|
20
|
-
|
21
|
-
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
22
|
-
|
23
|
-
exports.default = Inputs;
|
24
|
-
|
25
|
-
require('antd/es/input/style');
|
26
|
-
|
27
|
-
require('antd/es/select/style');
|
28
|
-
|
29
|
-
var _react = require('react');
|
30
|
-
|
31
|
-
var _react2 = _interopRequireDefault(_react);
|
32
|
-
|
33
|
-
var _index = require('../../../index');
|
34
|
-
|
35
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
36
|
-
|
37
|
-
var NativeInput = function NativeInput(props) {
|
38
|
-
var placeholder = props.placeholder,
|
39
|
-
onChange = props.onChange,
|
40
|
-
value = props.value,
|
41
|
-
onFocus = props.onFocus,
|
42
|
-
onBlur = props.onBlur,
|
43
|
-
noAutocomplete = props.noAutocomplete,
|
44
|
-
nativeFocus = props.nativeFocus,
|
45
|
-
nativeBlur = props.nativeBlur,
|
46
|
-
password = props.password,
|
47
|
-
_props$disabled = props.disabled,
|
48
|
-
disabled = _props$disabled === undefined ? false : _props$disabled,
|
49
|
-
className = props.className,
|
50
|
-
inputRef = props.inputRef,
|
51
|
-
_props$htmlType = props.htmlType,
|
52
|
-
htmlType = _props$htmlType === undefined ? 'text' : _props$htmlType,
|
53
|
-
_props$size = props.size,
|
54
|
-
size = _props$size === undefined ? '' : _props$size,
|
55
|
-
onClear = props.onClear,
|
56
|
-
prop = (0, _objectWithoutProperties3.default)(props, ['placeholder', 'onChange', 'value', 'onFocus', 'onBlur', 'noAutocomplete', 'nativeFocus', 'nativeBlur', 'password', 'disabled', 'className', 'inputRef', 'htmlType', 'size', 'onClear']);
|
57
|
-
|
58
|
-
|
59
|
-
var handleChange = function handleChange(e) {
|
60
|
-
onChange && onChange(e);
|
61
|
-
};
|
62
|
-
var handleFocus = function handleFocus(e) {
|
63
|
-
nativeFocus();
|
64
|
-
onFocus && onFocus(e);
|
65
|
-
};
|
66
|
-
var handleBlur = function handleBlur(e) {
|
67
|
-
nativeBlur();
|
68
|
-
onBlur && onBlur(e);
|
69
|
-
};
|
70
|
-
var clearValue = function clearValue(e) {
|
71
|
-
onClear && onClear(e);
|
72
|
-
};
|
73
|
-
|
74
|
-
var classNames = 'tplus-inout-native ' + className;
|
75
|
-
switch (size) {
|
76
|
-
case 'sm':
|
77
|
-
classNames += ' sm';
|
78
|
-
break;
|
79
|
-
case 'lg':
|
80
|
-
classNames += ' lg';
|
81
|
-
break;
|
82
|
-
default:
|
83
|
-
classNames += ' md';
|
84
|
-
}
|
85
|
-
var isPassword = password ? { type: 'password' } : {};
|
86
|
-
return _react2.default.createElement(
|
87
|
-
_react.Fragment,
|
88
|
-
null,
|
89
|
-
!!noAutocomplete && _react2.default.createElement(NoAutocomplete, null),
|
90
|
-
_react2.default.createElement('input', (0, _extends3.default)({
|
91
|
-
ref: function ref(input) {
|
92
|
-
textInput = input;
|
93
|
-
}
|
94
|
-
}, isPassword, {
|
95
|
-
placeholder: placeholder,
|
96
|
-
disabled: disabled,
|
97
|
-
onChange: handleChange,
|
98
|
-
value: value,
|
99
|
-
onFocus: handleFocus,
|
100
|
-
onBlur: handleBlur,
|
101
|
-
className: classNames,
|
102
|
-
ref: inputRef,
|
103
|
-
type: htmlType
|
104
|
-
}, prop)),
|
105
|
-
onClear && !!(value || '').length && _react2.default.createElement(_index.Ticon, {
|
106
|
-
icon: 'guanbi-yuan',
|
107
|
-
className: 'tplus-input-icon tplus-input-clear',
|
108
|
-
onClick: clearValue,
|
109
|
-
style: { fontSize: 14 }
|
110
|
-
})
|
111
|
-
);
|
112
|
-
};
|
113
|
-
|
114
|
-
var NoAutocomplete = function NoAutocomplete(props) {
|
115
|
-
return _react2.default.createElement(
|
116
|
-
'div',
|
117
|
-
{ className: 'tplus-input-noAutocomplete' },
|
118
|
-
_react2.default.createElement('input', null),
|
119
|
-
_react2.default.createElement('input', { type: 'password' })
|
120
|
-
);
|
121
|
-
};
|
122
|
-
|
123
|
-
var SelectInput = function SelectInput(props) {
|
124
|
-
var children = props.children,
|
125
|
-
prop = (0, _objectWithoutProperties3.default)(props, ['children']);
|
126
|
-
|
127
|
-
return _react2.default.createElement(
|
128
|
-
_select2.default,
|
129
|
-
(0, _extends3.default)({ suffixIcon: _react2.default.createElement(_index.Ticon, { type: 'xialaqietu3' }) }, prop),
|
130
|
-
children
|
131
|
-
);
|
132
|
-
};
|
133
|
-
|
134
|
-
function Inputs(props) {
|
135
|
-
var type = props.type,
|
136
|
-
prop = (0, _objectWithoutProperties3.default)(props, ['type']);
|
137
|
-
|
138
|
-
|
139
|
-
var createInput = function createInput(type) {
|
140
|
-
switch (type) {
|
141
|
-
case 'native':
|
142
|
-
return _react2.default.createElement(NativeInput, prop);
|
143
|
-
case 'select':
|
144
|
-
return _react2.default.createElement(SelectInput, prop);
|
145
|
-
default:
|
146
|
-
return _react2.default.createElement(_input2.default, props);
|
147
|
-
}
|
148
|
-
};
|
149
|
-
return createInput(type);
|
150
|
-
};
|
151
|
-
//# sourceMappingURL=inputs.js.map
|
@@ -1 +0,0 @@
|
|
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":";;;;;;;;;;;;;;;;;;;;;;kBAuEwBA,M;;;;;;AAvExB;;;;AACA;;;;AAGA,IAAMC,cAAc,SAAdA,WAAc,CAACC,KAAD,EAAW;AAAA,MACtBC,WADsB,GACqKD,KADrK,CACtBC,WADsB;AAAA,MACTC,QADS,GACqKF,KADrK,CACTE,QADS;AAAA,MACCC,KADD,GACqKH,KADrK,CACCG,KADD;AAAA,MACQC,OADR,GACqKJ,KADrK,CACQI,OADR;AAAA,MACiBC,MADjB,GACqKL,KADrK,CACiBK,MADjB;AAAA,MACyBC,cADzB,GACqKN,KADrK,CACyBM,cADzB;AAAA,MACyCC,WADzC,GACqKP,KADrK,CACyCO,WADzC;AAAA,MACsDC,UADtD,GACqKR,KADrK,CACsDQ,UADtD;AAAA,MACkEC,QADlE,GACqKT,KADrK,CACkES,QADlE;AAAA,wBACqKT,KADrK,CAC4EU,QAD5E;AAAA,MAC4EA,QAD5E,mCACuF,KADvF;AAAA,MAC8FC,SAD9F,GACqKX,KADrK,CAC8FW,SAD9F;AAAA,MACyGC,QADzG,GACqKZ,KADrK,CACyGY,QADzG;AAAA,wBACqKZ,KADrK,CACmHa,QADnH;AAAA,MACmHA,QADnH,mCAC8H,MAD9H;AAAA,oBACqKb,KADrK,CACsIc,IADtI;AAAA,MACsIA,IADtI,+BAC6I,EAD7I;AAAA,MACiJC,OADjJ,GACqKf,KADrK,CACiJe,OADjJ;AAAA,MAC6JC,IAD7J,0CACqKhB,KADrK;;;AAG7B,MAAMiB,eAAe,SAAfA,YAAe,CAACC,CAAD,EAAO;AAC1BhB,gBAAYA,SAASgB,CAAT,CAAZ;AACD,GAFD;AAGA,MAAMC,cAAc,SAAdA,WAAc,CAACD,CAAD,EAAO;AACzBX;AACAH,eAAWA,QAAQc,CAAR,CAAX;AACD,GAHD;AAIA,MAAME,aAAa,SAAbA,UAAa,CAACF,CAAD,EAAO;AACxBV;AACAH,cAAUA,OAAOa,CAAP,CAAV;AACD,GAHD;AAIA,MAAMG,aAAa,SAAbA,UAAa,CAACH,CAAD,EAAO;AACxBH,eAAWA,QAAQG,CAAR,CAAX;AACD,GAFD;;AAIA,MAAII,qCAAmCX,SAAvC;AACA,UAAQG,IAAR;AACE,SAAK,IAAL;AACEQ,oBAAc,KAAd;AACA;AACF,SAAK,IAAL;AACEA,oBAAc,KAAd;AACA;AACF;AACEA,oBAAc,KAAd;AARJ;AAUA,MAAMC,aAAad,WAAW,EAACe,MAAM,UAAP,EAAX,GAAgC,EAAnD;AACA,SAAO;AAAC,mBAAD;AAAA;AACJ,KAAC,CAAClB,cAAF,IAAoB,8BAAC,cAAD,OADhB;AAEL;AACE,WAAK,aAACmB,KAAD,EAAW;AAAEC,oBAAYD,KAAZ;AAAoB;AADxC,OAEMF,UAFN;AAGE,mBAAatB,WAHf;AAIE,gBAAUS,QAJZ;AAKE,gBAAUO,YALZ;AAME,aAAOd,KANT;AAOE,eAASgB,WAPX;AAQE,cAAQC,UARV;AASE,iBAAWE,UATb;AAUE,WAAKV,QAVP;AAWE,YAAMC;AAXR,OAYMG,IAZN,EAFK;AAgBJD,eAAW,CAAC,CAAC,CAACZ,SAAS,EAAV,EAAcwB,MAA3B,IAAqC,8BAAC,YAAD;AACpC,YAAK,aAD+B;AAEpC,iBAAU,oCAF0B;AAGpC,eAASN,UAH2B;AAIpC,aAAO,EAACO,UAAU,EAAX;AAJ6B;AAhBjC,GAAP;AAuBD,CArDD;;AAuDA,IAAMC,iBAAiB,SAAjBA,cAAiB,CAAC7B,KAAD,EAAW;AAChC,SAAO;AAAA;AAAA,MAAK,WAAU,4BAAf;AACL,gDADK;AAEL,6CAAO,MAAK,UAAZ;AAFK,GAAP;AAID,CALD;;AAOA,IAAM8B,cAAc,SAAdA,WAAc,CAAC9B,KAAD,EAAW;AAAA,MACtB+B,QADsB,GACD/B,KADC,CACtB+B,QADsB;AAAA,MACTf,IADS,0CACDhB,KADC;;AAE7B,SAAO;AAAA;AAAA,6BAAQ,YAAY,8BAAC,YAAD,IAAO,MAAK,aAAZ,GAApB,IAAqDgB,IAArD;AAA4De;AAA5D,GAAP;AACD,CAHD;;AAKe,SAASjC,MAAT,CAAgBE,KAAhB,EAAuB;AAAA,MAC7BwB,IAD6B,GACZxB,KADY,CAC7BwB,IAD6B;AAAA,MACpBR,IADoB,0CACZhB,KADY;;;AAGpC,MAAMgC,cAAc,SAAdA,WAAc,CAACR,IAAD,EAAU;AAC5B,YAAQA,IAAR;AACE,WAAK,QAAL;AACE,eAAO,8BAAC,WAAD,EAAiBR,IAAjB,CAAP;AACF,WAAK,QAAL;AACE,eAAO,8BAAC,WAAD,EAAiBA,IAAjB,CAAP;AACF;AACE,eAAO,+CAAWhB,KAAX,CAAP;AANJ;AAQD,GATD;AAUA,SAAOgC,YAAYR,IAAZ,CAAP;AACD","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"]}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
|
7
|
-
var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
|
8
|
-
|
9
|
-
var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
|
10
|
-
|
11
|
-
exports.generatorClass = generatorClass;
|
12
|
-
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14
|
-
|
15
|
-
function generatorClass() {
|
16
|
-
var classes = [];
|
17
|
-
[].concat(Array.prototype.slice.call(arguments)).forEach(function (currentArg) {
|
18
|
-
if (typeof currentArg === 'string') {
|
19
|
-
classes.push(currentArg);
|
20
|
-
} else {
|
21
|
-
classes.push.apply(classes, (0, _toConsumableArray3.default)(currentArg));
|
22
|
-
}
|
23
|
-
});
|
24
|
-
return classes.join(' ').trim();
|
25
|
-
}
|
26
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["tplus-components-touch/components/input/utils/index.js"],"names":["generatorClass","classes","arguments","forEach","currentArg","push","join","trim"],"mappings":";;;;;;;;;;QAAgBA,c,GAAAA,c;;;;AAAT,SAASA,cAAT,GAA0B;AAC/B,MAAIC,UAAU,EAAd;AACA,uCAAIC,SAAJ,GAAeC,OAAf,CAAuB,sBAAc;AACnC,QAAI,OAAOC,UAAP,KAAsB,QAA1B,EAAoC;AAClCH,cAAQI,IAAR,CAAaD,UAAb;AACD,KAFD,MAEO;AACLH,cAAQI,IAAR,iDAAgBD,UAAhB;AACD;AACF,GAND;AAOA,SAAOH,QAAQK,IAAR,CAAa,GAAb,EAAkBC,IAAlB,EAAP;AACD","file":"index.js","sourcesContent":["export function generatorClass() {\r\n var classes = [];\r\n [...arguments].forEach(currentArg => {\r\n if (typeof currentArg === 'string') {\r\n classes.push(currentArg);\r\n } else {\r\n classes.push(...currentArg);\r\n }\r\n })\r\n return classes.join(' ').trim();\r\n}\r\n"]}
|