easy3wui 1.5.7 → 1.5.8-5.beta
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/README.md +24 -1
- package/assets/btn.css +7 -1
- package/assets/card.css +14 -0
- package/assets/editBigTable.css +17 -0
- package/assets/flow.css +1235 -224
- package/assets/formPage.css +212 -5
- package/assets/gridPage.css +12 -2
- package/assets/index.css +1610 -348
- package/assets/login.css +0 -3
- package/assets/tree.css +4 -0
- package/lib/Easy3wA/index.js +6 -2
- package/lib/Easy3wButton/index.js +10 -4
- package/lib/Easy3wButtonOne/index.js +16 -4
- package/lib/Easy3wCaHandler/index.js +130 -24
- package/lib/Easy3wCard/index.js +11 -53
- package/lib/Easy3wCard/indexM.js +221 -0
- package/lib/Easy3wCard/indexPC.js +219 -0
- package/lib/Easy3wCol/index.js +53 -0
- package/lib/Easy3wDownLoad/index copy.js +333 -0
- package/lib/Easy3wDownLoad/index.js +129 -19
- package/lib/Easy3wEditBigTable/Easy3wEditBigTableForm.js +295 -0
- package/lib/Easy3wEditBigTable/Editors/EditorNumber.js +92 -0
- package/lib/Easy3wEditBigTable/Editors/EditorsDatePicker.js +168 -0
- package/lib/Easy3wEditBigTable/Editors/EditorsInputNumber.js +141 -0
- package/lib/Easy3wEditBigTable/index.js +1175 -0
- package/lib/Easy3wFlow/index.js +722 -25
- package/lib/Easy3wFormPage/index.js +28 -1553
- package/lib/Easy3wFormPage/indexM.js +4481 -0
- package/lib/Easy3wFormPage/indexPC.js +4212 -0
- package/lib/Easy3wGetDesensitization/index.js +43 -0
- package/lib/Easy3wGridCheckBox/index.js +1 -1
- package/lib/Easy3wGridDatePicker/index.js +1 -1
- package/lib/Easy3wGridDateTimePicker/index.js +1 -1
- package/lib/Easy3wGridInput/index.js +31 -4
- package/lib/Easy3wGridInputAmount/index.js +93 -0
- package/lib/Easy3wGridInputDigit/index.js +83 -0
- package/lib/Easy3wGridInputEmail/index.js +73 -0
- package/lib/Easy3wGridPage/index.js +10 -580
- package/lib/Easy3wGridPage/indexM.js +855 -0
- package/lib/Easy3wGridPage/indexPC.js +828 -0
- package/lib/Easy3wGridSelect/index.js +4 -2
- package/lib/Easy3wGridTextArea/index.js +57 -6
- package/lib/Easy3wModal/index.js +194 -9
- package/lib/Easy3wPositionButton/index.js +6 -2
- package/lib/Easy3wQryGrid/index.js +6 -2
- package/lib/Easy3wRow/index.js +53 -0
- package/lib/Easy3wTabs/index.js +2 -2
- package/lib/Easy3wTree/index.js +318 -0
- package/lib/Easy3wUIConfig/index.js +30 -0
- package/lib/Easy3wUpload/index.js +86 -42
- package/lib/Easy3wUploadB/index copy 2.js +1011 -0
- package/lib/Easy3wUploadB/index copy 3.js +1088 -0
- package/lib/Easy3wUploadB/index.js +300 -145
- package/lib/Easy3wUploadM/index copy.js +523 -0
- package/lib/Easy3wUploadM/index.js +122 -51
- package/lib/index.js +81 -0
- package/package.json +8 -2
- package/CHANGELOG.md +0 -189
- package/HISTORY.md +0 -8
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
|
|
5
|
+
var _icon = require('antd/lib/icon');
|
|
6
|
+
|
|
7
|
+
var _icon2 = _interopRequireDefault(_icon);
|
|
8
|
+
|
|
9
|
+
var _extends2 = require('babel-runtime/helpers/extends');
|
|
10
|
+
|
|
11
|
+
var _extends3 = _interopRequireDefault(_extends2);
|
|
12
|
+
|
|
5
13
|
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
|
6
14
|
|
|
7
15
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
@@ -14,6 +22,8 @@ var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
|
14
22
|
|
|
15
23
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
16
24
|
|
|
25
|
+
require('antd/lib/icon/style');
|
|
26
|
+
|
|
17
27
|
var _react = require('react');
|
|
18
28
|
|
|
19
29
|
var _react2 = _interopRequireDefault(_react);
|
|
@@ -32,6 +42,12 @@ var _reactImages = require('react-images');
|
|
|
32
42
|
|
|
33
43
|
var _reactImages2 = _interopRequireDefault(_reactImages);
|
|
34
44
|
|
|
45
|
+
var _classnames = require('classnames');
|
|
46
|
+
|
|
47
|
+
var _classnames2 = _interopRequireDefault(_classnames);
|
|
48
|
+
|
|
49
|
+
var _antd = require('antd');
|
|
50
|
+
|
|
35
51
|
var _comonConfig = require('comonConfigPath/comonConfig');
|
|
36
52
|
|
|
37
53
|
var _Easy3wPDFView = require('./Easy3wPDFView');
|
|
@@ -46,16 +62,22 @@ var _Easy3wRCView = require('./Easy3wRCView');
|
|
|
46
62
|
|
|
47
63
|
var _Easy3wRCView2 = _interopRequireDefault(_Easy3wRCView);
|
|
48
64
|
|
|
49
|
-
var _Easy3wGetCookie = require('
|
|
65
|
+
var _Easy3wGetCookie = require('../Easy3wGetCookie');
|
|
50
66
|
|
|
51
67
|
var _Easy3wGetCookie2 = _interopRequireDefault(_Easy3wGetCookie);
|
|
52
68
|
|
|
53
|
-
var _Easy3wAESEncrypt = require('
|
|
69
|
+
var _Easy3wAESEncrypt = require('../Easy3wAESEncrypt');
|
|
54
70
|
|
|
55
71
|
var _Easy3wAESEncrypt2 = _interopRequireDefault(_Easy3wAESEncrypt);
|
|
56
72
|
|
|
73
|
+
var _Easy3wUIConfig = require('../Easy3wUIConfig');
|
|
74
|
+
|
|
75
|
+
var _Easy3wUIConfig2 = _interopRequireDefault(_Easy3wUIConfig);
|
|
76
|
+
|
|
57
77
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
58
78
|
|
|
79
|
+
var objPreviewFileDefault = _Easy3wUIConfig2['default'].objPreviewFileDefault;
|
|
80
|
+
|
|
59
81
|
var Easy3wDownLoad = function (_Component) {
|
|
60
82
|
(0, _inherits3['default'])(Easy3wDownLoad, _Component);
|
|
61
83
|
|
|
@@ -64,9 +86,55 @@ var Easy3wDownLoad = function (_Component) {
|
|
|
64
86
|
|
|
65
87
|
var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
|
|
66
88
|
|
|
89
|
+
_this.onPreview = function (e, file, url) {
|
|
90
|
+
e.preventDefault();
|
|
91
|
+
var objPreviewFileNew = (0, _extends3['default'])({}, objPreviewFileDefault, _comonConfig.objPreviewFile, _this.props.objPreviewFile);
|
|
92
|
+
var previewFileUrl = objPreviewFileNew.previewFileUrl,
|
|
93
|
+
previewFileType = objPreviewFileNew.previewFileType;
|
|
94
|
+
var uid = file.uid,
|
|
95
|
+
name = file.name;
|
|
96
|
+
|
|
97
|
+
var fileNameArr = name.toLowerCase().split('.');
|
|
98
|
+
var fileType = fileNameArr[fileNameArr.length - 1];
|
|
99
|
+
if (previewFileType.indexOf(fileType) >= 0) {
|
|
100
|
+
var src = _this.urlDeal(previewFileUrl, uid);
|
|
101
|
+
window.open(src, '_blank');
|
|
102
|
+
} else {
|
|
103
|
+
// window.open(url);
|
|
104
|
+
var aEle = document.createElement('a');
|
|
105
|
+
aEle.setAttribute('href', url);
|
|
106
|
+
aEle.setAttribute('target', '_blank');
|
|
107
|
+
aEle.setAttribute('id', 'downReportFile');
|
|
108
|
+
document.body.appendChild(aEle);
|
|
109
|
+
if (!document.getElementById('downReportFile')) {
|
|
110
|
+
document.body.appendChild(aEle);
|
|
111
|
+
}
|
|
112
|
+
aEle.click();
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
|
|
116
|
+
_this.touchDownload = function (file, url) {
|
|
117
|
+
var uid = file.uid,
|
|
118
|
+
name = file.name;
|
|
119
|
+
// const src = this.urlDeal(previewFileUrl, uid);
|
|
120
|
+
// window.open(url);
|
|
121
|
+
|
|
122
|
+
var aEle = document.createElement('a');
|
|
123
|
+
aEle.setAttribute('href', url);
|
|
124
|
+
aEle.setAttribute('target', '_blank');
|
|
125
|
+
aEle.setAttribute('id', 'downReportFile');
|
|
126
|
+
document.body.appendChild(aEle);
|
|
127
|
+
if (!document.getElementById('downReportFile')) {
|
|
128
|
+
document.body.appendChild(aEle);
|
|
129
|
+
}
|
|
130
|
+
aEle.click();
|
|
131
|
+
};
|
|
132
|
+
|
|
67
133
|
_this.urlDeal = function (urlDownloadFile, uid) {
|
|
134
|
+
var propsAFlag = _this.props.propsAFlag; // propsAFlag 加密标识 从引用组件处传入 '1':加密 '0':不加密
|
|
135
|
+
|
|
68
136
|
var retUrl = '';
|
|
69
|
-
if (uid !== '' &&
|
|
137
|
+
if (uid !== '' && propsAFlag === '1' || uid !== '' && propsAFlag !== '0' && (_comonConfig.aFlag === '1' || _comonConfig.aFlag === '2')) {
|
|
70
138
|
var authToken = (0, _Easy3wGetCookie2['default'])('userToken') || 'E3WSAFEAPPQWEFGHYI7I483S';
|
|
71
139
|
var nowStr = _.now();
|
|
72
140
|
var encUrl = (0, _Easy3wAESEncrypt2['default'])(uid + '@#' + nowStr + '@#' + authToken, _comonConfig.a, _comonConfig.b);
|
|
@@ -77,7 +145,8 @@ var Easy3wDownLoad = function (_Component) {
|
|
|
77
145
|
}
|
|
78
146
|
};
|
|
79
147
|
|
|
80
|
-
_this.showFileView = function (uid, name, apiKey, fileViewURL, fileCallURL) {
|
|
148
|
+
_this.showFileView = function (e, uid, name, apiKey, fileViewURL, fileCallURL) {
|
|
149
|
+
e.preventDefault();
|
|
81
150
|
var callURl = fileCallURL + '?fileId=' + uid;
|
|
82
151
|
var crypto = require('crypto');
|
|
83
152
|
var hmac = crypto.createHmac('md5', apiKey);
|
|
@@ -88,15 +157,21 @@ var Easy3wDownLoad = function (_Component) {
|
|
|
88
157
|
_this.setState({ fileId: uid, fileName: name, fileViewFlag: true, viewFileUrl: viewFileUrl });
|
|
89
158
|
};
|
|
90
159
|
|
|
91
|
-
_this.hidePDFModal = function () {
|
|
92
|
-
_this.setState({ fileId: '', fileURL: '', fileName: '', pdfViewFlag: false });
|
|
93
|
-
};
|
|
94
|
-
|
|
95
160
|
_this.hideFileModal = function () {
|
|
96
161
|
_this.setState({ fileId: '', fileURL: '', fileName: '', fileViewFlag: false });
|
|
97
162
|
};
|
|
98
163
|
|
|
99
|
-
_this.
|
|
164
|
+
_this.showPdfView = function (e, uid, url, name) {
|
|
165
|
+
e.preventDefault();
|
|
166
|
+
_this.setState({ pdfViewFlag: true, fileId: uid, fileURL: url, fileName: name });
|
|
167
|
+
};
|
|
168
|
+
|
|
169
|
+
_this.hidePDFModal = function () {
|
|
170
|
+
_this.setState({ fileId: '', fileURL: '', fileName: '', pdfViewFlag: false });
|
|
171
|
+
};
|
|
172
|
+
|
|
173
|
+
_this.showImageView = function (e, url) {
|
|
174
|
+
e.preventDefault();
|
|
100
175
|
_this.setState({ imageViewURL: url });
|
|
101
176
|
};
|
|
102
177
|
|
|
@@ -114,6 +189,10 @@ var Easy3wDownLoad = function (_Component) {
|
|
|
114
189
|
};
|
|
115
190
|
return _this;
|
|
116
191
|
}
|
|
192
|
+
// 预览
|
|
193
|
+
|
|
194
|
+
// 下载
|
|
195
|
+
|
|
117
196
|
|
|
118
197
|
Easy3wDownLoad.prototype.render = function render() {
|
|
119
198
|
var _this2 = this;
|
|
@@ -127,6 +206,12 @@ var Easy3wDownLoad = function (_Component) {
|
|
|
127
206
|
fileViewURL = _props.fileViewURL,
|
|
128
207
|
fileCallURL = _props.fileCallURL;
|
|
129
208
|
|
|
209
|
+
var objPreviewFileNew = (0, _extends3['default'])({}, objPreviewFileDefault, _comonConfig.objPreviewFile, this.props.objPreviewFile);
|
|
210
|
+
var previewFileFlag = objPreviewFileNew.previewFileFlag,
|
|
211
|
+
_objPreviewFileNew$do = objPreviewFileNew.downloadFileFlag,
|
|
212
|
+
downloadFileFlag = _objPreviewFileNew$do === undefined ? '1' : _objPreviewFileNew$do,
|
|
213
|
+
previewFileType = objPreviewFileNew.previewFileType;
|
|
214
|
+
|
|
130
215
|
var retObj = '';
|
|
131
216
|
if (downloadArr) {
|
|
132
217
|
retObj = downloadArr.map(function (obj) {
|
|
@@ -136,14 +221,36 @@ var Easy3wDownLoad = function (_Component) {
|
|
|
136
221
|
var url = _this2.urlDeal(urlDownloadFile, uid);
|
|
137
222
|
var fileNameArr = name.toLowerCase().split('.');
|
|
138
223
|
var fileType = fileNameArr[fileNameArr.length - 1];
|
|
139
|
-
if (
|
|
224
|
+
if (previewFileFlag && fileViewFlag !== false && fileType.indexOf('png') < 0 && fileType.indexOf('jpg') < 0 && fileType.indexOf('jpeg') < 0) {
|
|
225
|
+
// 预览
|
|
226
|
+
return _react2['default'].createElement(
|
|
227
|
+
'div',
|
|
228
|
+
{ style: { width: '100%', display: 'flex', alignItems: 'center' } },
|
|
229
|
+
_react2['default'].createElement(
|
|
230
|
+
_tooltip2['default'],
|
|
231
|
+
{ placement: 'topLeft', title: name, style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
|
|
232
|
+
_react2['default'].createElement(
|
|
233
|
+
'a',
|
|
234
|
+
{ href: url, onClick: function onClick(e) {
|
|
235
|
+
return _this2.onPreview(e, obj, url);
|
|
236
|
+
}, style: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', paddingRight: '12px' } },
|
|
237
|
+
name
|
|
238
|
+
)
|
|
239
|
+
),
|
|
240
|
+
downloadFileFlag === '1' ? _react2['default'].createElement(_icon2['default'], { type: 'download', onClick: function onClick() {
|
|
241
|
+
return _this2.touchDownload(obj, url);
|
|
242
|
+
}, style: { float: 'right', lineHeight: '100%' } }) : downloadFileFlag === '0' ? '' : previewFileType.indexOf(fileType) >= 0 ? '' : _react2['default'].createElement(_icon2['default'], { type: 'download', onClick: function onClick() {
|
|
243
|
+
return _this2.touchDownload(obj, url);
|
|
244
|
+
}, style: { float: 'right', lineHeight: '100%' } })
|
|
245
|
+
);
|
|
246
|
+
} else if (previwPdfFlag && fileType.indexOf('pdf') >= 0) {
|
|
140
247
|
return _react2['default'].createElement(
|
|
141
248
|
'div',
|
|
142
249
|
null,
|
|
143
250
|
_react2['default'].createElement(
|
|
144
251
|
'a',
|
|
145
|
-
{ onClick: function onClick() {
|
|
146
|
-
return _this2.
|
|
252
|
+
{ href: url, onClick: function onClick(e) {
|
|
253
|
+
return _this2.showPdfView(e, uid, url, name);
|
|
147
254
|
} },
|
|
148
255
|
name
|
|
149
256
|
)
|
|
@@ -154,8 +261,8 @@ var Easy3wDownLoad = function (_Component) {
|
|
|
154
261
|
null,
|
|
155
262
|
_react2['default'].createElement(
|
|
156
263
|
'a',
|
|
157
|
-
{ onClick: function onClick() {
|
|
158
|
-
return _this2.showFileView(uid, name, apiKey, fileViewURL, fileCallURL);
|
|
264
|
+
{ href: url, onClick: function onClick(e) {
|
|
265
|
+
return _this2.showFileView(e, uid, name, apiKey, fileViewURL, fileCallURL);
|
|
159
266
|
} },
|
|
160
267
|
name
|
|
161
268
|
)
|
|
@@ -163,14 +270,17 @@ var Easy3wDownLoad = function (_Component) {
|
|
|
163
270
|
} else if (fileType && (fileType.indexOf('png') >= 0 || fileType.indexOf('jpg') >= 0 || fileType.indexOf('jpeg') >= 0)) {
|
|
164
271
|
return _react2['default'].createElement(
|
|
165
272
|
'div',
|
|
166
|
-
|
|
273
|
+
{ style: { width: '100%', display: 'flex', alignItems: 'center' } },
|
|
167
274
|
_react2['default'].createElement(
|
|
168
275
|
'a',
|
|
169
|
-
{ onClick: function onClick() {
|
|
170
|
-
return _this2.showImageView(url);
|
|
171
|
-
} },
|
|
276
|
+
{ href: url, onClick: function onClick(e) {
|
|
277
|
+
return _this2.showImageView(e, url);
|
|
278
|
+
}, style: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', paddingRight: '12px' } },
|
|
172
279
|
name
|
|
173
|
-
)
|
|
280
|
+
),
|
|
281
|
+
_react2['default'].createElement(_icon2['default'], { type: 'download', onClick: function onClick() {
|
|
282
|
+
return _this2.touchDownload(obj, url);
|
|
283
|
+
}, style: { float: 'right', lineHeight: '100%' } })
|
|
174
284
|
);
|
|
175
285
|
} else {
|
|
176
286
|
return _react2['default'].createElement(
|
|
@@ -0,0 +1,295 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
|
|
5
|
+
var _form = require('antd/lib/form');
|
|
6
|
+
|
|
7
|
+
var _form2 = _interopRequireDefault(_form);
|
|
8
|
+
|
|
9
|
+
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
|
|
10
|
+
|
|
11
|
+
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
|
12
|
+
|
|
13
|
+
var _extends2 = require('babel-runtime/helpers/extends');
|
|
14
|
+
|
|
15
|
+
var _extends3 = _interopRequireDefault(_extends2);
|
|
16
|
+
|
|
17
|
+
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
|
18
|
+
|
|
19
|
+
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
20
|
+
|
|
21
|
+
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
|
22
|
+
|
|
23
|
+
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
24
|
+
|
|
25
|
+
var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
26
|
+
|
|
27
|
+
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
28
|
+
|
|
29
|
+
require('antd/lib/form/style');
|
|
30
|
+
|
|
31
|
+
var _react = require('react');
|
|
32
|
+
|
|
33
|
+
var _react2 = _interopRequireDefault(_react);
|
|
34
|
+
|
|
35
|
+
var _antd = require('antd');
|
|
36
|
+
|
|
37
|
+
var _easy3wui = require('easy3wui');
|
|
38
|
+
|
|
39
|
+
var _lib = require('antd/lib');
|
|
40
|
+
|
|
41
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
42
|
+
|
|
43
|
+
var Easy3wEditBigTableForm = function (_PureComponent) {
|
|
44
|
+
(0, _inherits3['default'])(Easy3wEditBigTableForm, _PureComponent);
|
|
45
|
+
|
|
46
|
+
function Easy3wEditBigTableForm(props) {
|
|
47
|
+
(0, _classCallCheck3['default'])(this, Easy3wEditBigTableForm);
|
|
48
|
+
|
|
49
|
+
var _this = (0, _possibleConstructorReturn3['default'])(this, _PureComponent.call(this, props));
|
|
50
|
+
|
|
51
|
+
_this.bidPureComponent = function (pureComponentName, that) {
|
|
52
|
+
_this[pureComponentName] = that;
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
_this.getOptionLst = function () {
|
|
56
|
+
var objOtherParameters = _this.props.objOtherParameters;
|
|
57
|
+
var columns = objOtherParameters.columns;
|
|
58
|
+
|
|
59
|
+
var arrColumns = [];
|
|
60
|
+
var columnsNew = [].concat(columns);
|
|
61
|
+
columnsNew.map(function (item, index) {
|
|
62
|
+
var strName = item.strName,
|
|
63
|
+
name = item.name,
|
|
64
|
+
editable = item.editable,
|
|
65
|
+
editor = item.editor,
|
|
66
|
+
otherEditable = item.otherEditable;
|
|
67
|
+
// if (editable || editor || otherEditable) { // 编辑
|
|
68
|
+
|
|
69
|
+
if (editable || editor) {
|
|
70
|
+
// 编辑
|
|
71
|
+
arrColumns.push({
|
|
72
|
+
label: strName || name,
|
|
73
|
+
value: index
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
return item;
|
|
77
|
+
});
|
|
78
|
+
_this.arrColumns = arrColumns;
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
_this.getBatchField = function () {
|
|
82
|
+
var _this$props = _this.props,
|
|
83
|
+
form = _this$props.form,
|
|
84
|
+
objOtherParameters = _this$props.objOtherParameters;
|
|
85
|
+
var columns = objOtherParameters.columns;
|
|
86
|
+
|
|
87
|
+
var batchField = form.getFieldValue('batchField_easy3wView');
|
|
88
|
+
var fieldRowItems = [];
|
|
89
|
+
var hiddenItems = [];
|
|
90
|
+
if (batchField) {
|
|
91
|
+
var objColumn = columns[batchField];
|
|
92
|
+
var strName = objColumn.strName,
|
|
93
|
+
name = objColumn.name,
|
|
94
|
+
key = objColumn.key,
|
|
95
|
+
fieldId = objColumn.fieldId,
|
|
96
|
+
rowItem = objColumn.rowItem,
|
|
97
|
+
unit = objColumn.unit,
|
|
98
|
+
hiddeKeys = objColumn.hiddeKeys,
|
|
99
|
+
_objColumn$required = objColumn.required,
|
|
100
|
+
required = _objColumn$required === undefined ? true : _objColumn$required,
|
|
101
|
+
fieldType = objColumn.fieldType,
|
|
102
|
+
_objColumn$options = objColumn.options,
|
|
103
|
+
options = _objColumn$options === undefined ? [] : _objColumn$options,
|
|
104
|
+
_objColumn$cmptPros = objColumn.cmptPros,
|
|
105
|
+
cmptPros = _objColumn$cmptPros === undefined ? {} : _objColumn$cmptPros,
|
|
106
|
+
_objColumn$rules = objColumn.rules,
|
|
107
|
+
rules = _objColumn$rules === undefined ? [] : _objColumn$rules,
|
|
108
|
+
ruleType = objColumn.ruleType,
|
|
109
|
+
regex = objColumn.regex,
|
|
110
|
+
regexMsg = objColumn.regexMsg;
|
|
111
|
+
// strNName 字段名称
|
|
112
|
+
// name 字段名称
|
|
113
|
+
// key 字段key
|
|
114
|
+
// rowItem 字段行
|
|
115
|
+
// unit 字段单位
|
|
116
|
+
// hiddeKeys 隐藏字段key
|
|
117
|
+
// required 是否必填
|
|
118
|
+
// fieldType 字段类型
|
|
119
|
+
// optionLst 选项列表
|
|
120
|
+
// rules 校验规则
|
|
121
|
+
// ruleType 校验规则类型
|
|
122
|
+
// onChange 字段值变化回调
|
|
123
|
+
// cmptPros 组件属性
|
|
124
|
+
|
|
125
|
+
var arrHiddenItems = [];
|
|
126
|
+
if (hiddeKeys) {
|
|
127
|
+
var arrHiddenKeys = hiddeKeys.split(',');
|
|
128
|
+
arrHiddenKeys.map(function (item) {
|
|
129
|
+
arrHiddenItems.push({
|
|
130
|
+
fieldId: item
|
|
131
|
+
});
|
|
132
|
+
return item;
|
|
133
|
+
});
|
|
134
|
+
hiddenItems = [].concat(arrHiddenItems); // 隐藏字段
|
|
135
|
+
}
|
|
136
|
+
var arrRules = [].concat(rules);
|
|
137
|
+
if (ruleType === 'phone') {
|
|
138
|
+
arrRules.push({ pattern: /^1\d{10}$/, message: '手机格式错误!' });
|
|
139
|
+
} else if (ruleType === 'email') {
|
|
140
|
+
arrRules.push({ type: 'email', message: '邮箱地址格式错误!' });
|
|
141
|
+
} else if (ruleType === 'idcard') {
|
|
142
|
+
arrRules.push({ pattern: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9Xx]$)/, message: '身份证格式错误!' });
|
|
143
|
+
} else if (regex) {
|
|
144
|
+
arrRules.push({ pattern: new RegExp(regex), message: regexMsg || '数据格式错误!' });
|
|
145
|
+
}
|
|
146
|
+
var fieldRowItem = {
|
|
147
|
+
cols: [rowItem || {
|
|
148
|
+
label: strName || name,
|
|
149
|
+
fieldId: fieldId || key,
|
|
150
|
+
fieldType: fieldType || 'input',
|
|
151
|
+
value: '',
|
|
152
|
+
required: required,
|
|
153
|
+
cmptPros: (0, _extends3['default'])({
|
|
154
|
+
optionLst: options,
|
|
155
|
+
options: options,
|
|
156
|
+
addonAfter: unit || '',
|
|
157
|
+
rules: arrRules,
|
|
158
|
+
onChange: function onChange() {
|
|
159
|
+
for (var _len = arguments.length, arg = Array(_len), _key = 0; _key < _len; _key++) {
|
|
160
|
+
arg[_key] = arguments[_key];
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
return _this.onChange(arg, objColumn);
|
|
164
|
+
}
|
|
165
|
+
}, cmptPros)
|
|
166
|
+
}]
|
|
167
|
+
};
|
|
168
|
+
fieldRowItems.push(fieldRowItem);
|
|
169
|
+
}
|
|
170
|
+
return { fieldRowItems: fieldRowItems, hiddenItems: hiddenItems };
|
|
171
|
+
};
|
|
172
|
+
|
|
173
|
+
_this.onChange = function (arg, objColumn) {
|
|
174
|
+
var form = _this.props.form;
|
|
175
|
+
var onChange = objColumn.onChange;
|
|
176
|
+
|
|
177
|
+
if (onChange && typeof onChange === 'function') {
|
|
178
|
+
onChange(form, arg, objColumn);
|
|
179
|
+
}
|
|
180
|
+
};
|
|
181
|
+
|
|
182
|
+
_this.touchConfirm = function () {
|
|
183
|
+
var _this$props2 = _this.props,
|
|
184
|
+
confirmCallback = _this$props2.confirmCallback,
|
|
185
|
+
objOtherParameters = _this$props2.objOtherParameters;
|
|
186
|
+
|
|
187
|
+
_this.props.form.validateFieldsAndScroll(function (err, values) {
|
|
188
|
+
if (!err) {
|
|
189
|
+
var batchField = values.batchField_easy3wView,
|
|
190
|
+
valuesNew = (0, _objectWithoutProperties3['default'])(values, ['batchField_easy3wView']);
|
|
191
|
+
// delete values.batchField_easy3wView;
|
|
192
|
+
|
|
193
|
+
if (confirmCallback && typeof confirmCallback === 'function') {
|
|
194
|
+
var columns = objOtherParameters.columns;
|
|
195
|
+
|
|
196
|
+
var objColumn = columns[batchField];
|
|
197
|
+
var strName = objColumn.strName,
|
|
198
|
+
name = objColumn.name;
|
|
199
|
+
// key 字段
|
|
200
|
+
// required 必填
|
|
201
|
+
// strName 字串名称
|
|
202
|
+
// name 字段名称
|
|
203
|
+
|
|
204
|
+
_lib.Modal.confirm({
|
|
205
|
+
content: '\u8BF7\u786E\u8BA4\u6B64\u5217' + (strName || name) + '\u5168\u90E8\u8BBE\u7F6E\u6210\u5F55\u5165\u503C\uFF0C\u5C06\u8986\u76D6\u539F\u503C!',
|
|
206
|
+
onOk: function onOk() {
|
|
207
|
+
confirmCallback(valuesNew, objColumn);
|
|
208
|
+
},
|
|
209
|
+
onCancel: function onCancel() {},
|
|
210
|
+
okText: '确认',
|
|
211
|
+
cancelText: '取消'
|
|
212
|
+
});
|
|
213
|
+
}
|
|
214
|
+
_this.touchCancel();
|
|
215
|
+
}
|
|
216
|
+
});
|
|
217
|
+
};
|
|
218
|
+
|
|
219
|
+
_this.touchCancel = function () {
|
|
220
|
+
var hideModal = _this.props.hideModal;
|
|
221
|
+
|
|
222
|
+
if (hideModal && typeof hideModal === 'function') {
|
|
223
|
+
hideModal();
|
|
224
|
+
}
|
|
225
|
+
};
|
|
226
|
+
|
|
227
|
+
var bidPureComponent = _this.props.bidPureComponent;
|
|
228
|
+
|
|
229
|
+
if (bidPureComponent && typeof bidPureComponent === 'function') {
|
|
230
|
+
bidPureComponent(_this);
|
|
231
|
+
}
|
|
232
|
+
_this.getOptionLst();
|
|
233
|
+
_this.state = {};
|
|
234
|
+
return _this;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
Easy3wEditBigTableForm.prototype.componentDidMount = function componentDidMount() {};
|
|
238
|
+
|
|
239
|
+
Easy3wEditBigTableForm.prototype.componentWillUnmount = function componentWillUnmount() {};
|
|
240
|
+
// 绑定组件
|
|
241
|
+
|
|
242
|
+
// 创建columns
|
|
243
|
+
|
|
244
|
+
// 获取批量录入字段
|
|
245
|
+
|
|
246
|
+
// 字段值变化回调
|
|
247
|
+
|
|
248
|
+
// 保存
|
|
249
|
+
|
|
250
|
+
// 取消
|
|
251
|
+
|
|
252
|
+
|
|
253
|
+
Easy3wEditBigTableForm.prototype.render = function render() {
|
|
254
|
+
var _props = this.props,
|
|
255
|
+
objOtherParameters = _props.objOtherParameters,
|
|
256
|
+
visible = _props.visible,
|
|
257
|
+
form = _props.form;
|
|
258
|
+
var batchButtonText = objOtherParameters.batchButtonText;
|
|
259
|
+
|
|
260
|
+
var footBtnArr = [{ func: this.touchConfirm, cName: '保存' }, { func: this.touchCancel, cName: '关闭' }];
|
|
261
|
+
|
|
262
|
+
var _getBatchField = this.getBatchField(),
|
|
263
|
+
fieldRowItems = _getBatchField.fieldRowItems,
|
|
264
|
+
hiddenItems = _getBatchField.hiddenItems;
|
|
265
|
+
|
|
266
|
+
var rowItems = [{
|
|
267
|
+
cols: [{
|
|
268
|
+
label: '录入内容',
|
|
269
|
+
fieldId: 'batchField_easy3wView',
|
|
270
|
+
fieldType: 'select',
|
|
271
|
+
required: true,
|
|
272
|
+
value: '',
|
|
273
|
+
cmptPros: {
|
|
274
|
+
optionLst: this.arrColumns
|
|
275
|
+
}
|
|
276
|
+
}]
|
|
277
|
+
}].concat(fieldRowItems);
|
|
278
|
+
return _react2['default'].createElement(
|
|
279
|
+
_easy3wui.Easy3wModal,
|
|
280
|
+
{
|
|
281
|
+
title: batchButtonText || '批量录入',
|
|
282
|
+
visible: visible,
|
|
283
|
+
onCancel: this.touchCancel,
|
|
284
|
+
footBtnArr: footBtnArr,
|
|
285
|
+
width: '80%'
|
|
286
|
+
},
|
|
287
|
+
_react2['default'].createElement(_easy3wui.Easy3wFormPage, { rowItems: rowItems, hiddenItems: hiddenItems, form: form, mixColFlag: true })
|
|
288
|
+
);
|
|
289
|
+
};
|
|
290
|
+
|
|
291
|
+
return Easy3wEditBigTableForm;
|
|
292
|
+
}(_react.PureComponent);
|
|
293
|
+
|
|
294
|
+
exports['default'] = _form2['default'].create()(Easy3wEditBigTableForm);
|
|
295
|
+
module.exports = exports['default'];
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
|
|
5
|
+
var _extends2 = require('babel-runtime/helpers/extends');
|
|
6
|
+
|
|
7
|
+
var _extends3 = _interopRequireDefault(_extends2);
|
|
8
|
+
|
|
9
|
+
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
|
10
|
+
|
|
11
|
+
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
12
|
+
|
|
13
|
+
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
|
14
|
+
|
|
15
|
+
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
16
|
+
|
|
17
|
+
var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
18
|
+
|
|
19
|
+
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
20
|
+
|
|
21
|
+
var _react = require('react');
|
|
22
|
+
|
|
23
|
+
var _react2 = _interopRequireDefault(_react);
|
|
24
|
+
|
|
25
|
+
var _reactDataGrid = require('react-data-grid');
|
|
26
|
+
|
|
27
|
+
var _reactDataGrid2 = _interopRequireDefault(_reactDataGrid);
|
|
28
|
+
|
|
29
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
30
|
+
|
|
31
|
+
var editors = _reactDataGrid2['default'].editors;
|
|
32
|
+
var EditorBase = editors.EditorBase;
|
|
33
|
+
|
|
34
|
+
var EditorNumber = function (_EditorBase) {
|
|
35
|
+
(0, _inherits3['default'])(EditorNumber, _EditorBase);
|
|
36
|
+
|
|
37
|
+
function EditorNumber() {
|
|
38
|
+
var _temp, _this, _ret;
|
|
39
|
+
|
|
40
|
+
(0, _classCallCheck3['default'])(this, EditorNumber);
|
|
41
|
+
|
|
42
|
+
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
43
|
+
args[_key] = arguments[_key];
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _EditorBase.call.apply(_EditorBase, [this].concat(args))), _this), _this.setInputRef = function (input) {
|
|
47
|
+
_this.input = input;
|
|
48
|
+
}, _this.getInputNode = function () {
|
|
49
|
+
return _this.setInputRef();
|
|
50
|
+
}, _this.getValue = function () {
|
|
51
|
+
var _ref;
|
|
52
|
+
|
|
53
|
+
// const { value } = this.state;
|
|
54
|
+
return _ref = {}, _ref[_this.props.column.key] = _this.getInputNode().value, _ref;
|
|
55
|
+
}, _this.onBlur = function (event) {
|
|
56
|
+
var _this$props = _this.props,
|
|
57
|
+
onBlur = _this$props.onBlur,
|
|
58
|
+
onCommit = _this$props.onCommit;
|
|
59
|
+
|
|
60
|
+
if (onBlur && typeof onBlur === 'function') {
|
|
61
|
+
onBlur(event);
|
|
62
|
+
}
|
|
63
|
+
if (onCommit && typeof onCommit === 'function') {
|
|
64
|
+
onCommit();
|
|
65
|
+
}
|
|
66
|
+
}, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
|
|
67
|
+
}
|
|
68
|
+
// 获取 input 节点
|
|
69
|
+
|
|
70
|
+
// 获取 input 值
|
|
71
|
+
|
|
72
|
+
// input 失去焦点
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
EditorNumber.prototype.render = function render() {
|
|
76
|
+
var value = this.props.value;
|
|
77
|
+
|
|
78
|
+
return _react2['default'].createElement('input', (0, _extends3['default'])({
|
|
79
|
+
ref: this.setInputRef,
|
|
80
|
+
type: 'number',
|
|
81
|
+
className: 'form-control',
|
|
82
|
+
defaultValue: value
|
|
83
|
+
}, this.props, {
|
|
84
|
+
onBlur: this.onBlur
|
|
85
|
+
}));
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
return EditorNumber;
|
|
89
|
+
}(EditorBase);
|
|
90
|
+
|
|
91
|
+
exports['default'] = EditorNumber;
|
|
92
|
+
module.exports = exports['default'];
|