easy3wui 1.5.63 → 1.5.64-beta.2
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/assets/editBigTable copy.css +17 -0
- package/assets/editBigTable.css +42 -13
- package/assets/index.css +40 -11
- package/lib/Easy3wDownLoad/Easy3wRCView.js +28 -65
- package/lib/Easy3wEditBigTable/Easy3wEditBigTableForm.js +17 -15
- package/lib/Easy3wEditBigTable/index.js +591 -1013
- package/lib/Easy3wEditBigTable copy/Easy3wEditBigTableForm.js +196 -0
- package/lib/Easy3wEditBigTable copy/Editors/EditorNumber.js +45 -0
- package/lib/Easy3wEditBigTable copy/Editors/EditorsDatePicker.js +86 -0
- package/lib/Easy3wEditBigTable copy/Editors/EditorsInputNumber.js +73 -0
- package/lib/Easy3wEditBigTable copy/index.js +920 -0
- package/package.json +4 -4
- package/lib/Easy3wEditBigTable/Editors/EditorNumber.js +0 -92
- package/lib/Easy3wEditBigTable/Editors/EditorsDatePicker.js +0 -168
- package/lib/Easy3wEditBigTable/Editors/EditorsInputNumber.js +0 -141
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
.Easy3wEditBigTable {
|
|
2
|
+
background-color: #fff;
|
|
3
|
+
}
|
|
4
|
+
.Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div {
|
|
5
|
+
height: 100%;
|
|
6
|
+
}
|
|
7
|
+
.Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div > div.form-group {
|
|
8
|
+
height: 100%;
|
|
9
|
+
}
|
|
10
|
+
.Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div > div.form-group > input[type="text"].form-control.input-sm {
|
|
11
|
+
width: 100%;
|
|
12
|
+
height: 100%;
|
|
13
|
+
border-color: #ddd;
|
|
14
|
+
outline: none;
|
|
15
|
+
border-style: solid;
|
|
16
|
+
border-radius: 3px;
|
|
17
|
+
}
|
package/assets/editBigTable.css
CHANGED
|
@@ -1,17 +1,46 @@
|
|
|
1
1
|
.Easy3wEditBigTable {
|
|
2
2
|
background-color: #fff;
|
|
3
3
|
}
|
|
4
|
-
.Easy3wEditBigTable .
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
.Easy3wEditBigTable .
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
4
|
+
.Easy3wEditBigTable .reactGridToolbar {
|
|
5
|
+
text-align: end;
|
|
6
|
+
}
|
|
7
|
+
.Easy3wEditBigTable .reactGridToolbar .btn {
|
|
8
|
+
display: inline-block;
|
|
9
|
+
padding: 6px 12px;
|
|
10
|
+
margin-bottom: 0;
|
|
11
|
+
font-size: 14px;
|
|
12
|
+
font-weight: 400;
|
|
13
|
+
line-height: 1.42857143;
|
|
14
|
+
text-align: center;
|
|
15
|
+
white-space: nowrap;
|
|
16
|
+
vertical-align: middle;
|
|
17
|
+
-ms-touch-action: manipulation;
|
|
18
|
+
touch-action: manipulation;
|
|
19
|
+
cursor: pointer;
|
|
20
|
+
-webkit-user-select: none;
|
|
21
|
+
color: inherit;
|
|
22
|
+
background: white;
|
|
23
|
+
border: 1px solid #e7eaec;
|
|
24
|
+
}
|
|
25
|
+
.Easy3wEditBigTable .filterCell {
|
|
26
|
+
line-height: 35px;
|
|
27
|
+
padding: 0;
|
|
28
|
+
}
|
|
29
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer input,
|
|
30
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer button,
|
|
31
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer select,
|
|
32
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer optgroup,
|
|
33
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer textarea {
|
|
34
|
+
line-height: normal;
|
|
35
|
+
}
|
|
36
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer > div {
|
|
37
|
+
padding-block: 0;
|
|
38
|
+
}
|
|
39
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer > div:first-child {
|
|
40
|
+
border-block-end: 1px solid var(--rdg-border-color);
|
|
41
|
+
}
|
|
42
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer > div .filterCellInput {
|
|
43
|
+
inline-size: 100%;
|
|
44
|
+
padding: 4px;
|
|
45
|
+
font-size: 14px;
|
|
17
46
|
}
|
package/assets/index.css
CHANGED
|
@@ -1485,17 +1485,46 @@ input.ant-input-number-input {
|
|
|
1485
1485
|
.Easy3wEditBigTable {
|
|
1486
1486
|
background-color: #fff;
|
|
1487
1487
|
}
|
|
1488
|
-
.Easy3wEditBigTable .
|
|
1489
|
-
|
|
1488
|
+
.Easy3wEditBigTable .reactGridToolbar {
|
|
1489
|
+
text-align: end;
|
|
1490
1490
|
}
|
|
1491
|
-
.Easy3wEditBigTable .
|
|
1492
|
-
|
|
1491
|
+
.Easy3wEditBigTable .reactGridToolbar .btn {
|
|
1492
|
+
display: inline-block;
|
|
1493
|
+
padding: 6px 12px;
|
|
1494
|
+
margin-bottom: 0;
|
|
1495
|
+
font-size: 14px;
|
|
1496
|
+
font-weight: 400;
|
|
1497
|
+
line-height: 1.42857143;
|
|
1498
|
+
text-align: center;
|
|
1499
|
+
white-space: nowrap;
|
|
1500
|
+
vertical-align: middle;
|
|
1501
|
+
-ms-touch-action: manipulation;
|
|
1502
|
+
touch-action: manipulation;
|
|
1503
|
+
cursor: pointer;
|
|
1504
|
+
-webkit-user-select: none;
|
|
1505
|
+
color: inherit;
|
|
1506
|
+
background: white;
|
|
1507
|
+
border: 1px solid #e7eaec;
|
|
1493
1508
|
}
|
|
1494
|
-
.Easy3wEditBigTable .
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1509
|
+
.Easy3wEditBigTable .filterCell {
|
|
1510
|
+
line-height: 35px;
|
|
1511
|
+
padding: 0;
|
|
1512
|
+
}
|
|
1513
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer input,
|
|
1514
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer button,
|
|
1515
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer select,
|
|
1516
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer optgroup,
|
|
1517
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer textarea {
|
|
1518
|
+
line-height: normal;
|
|
1519
|
+
}
|
|
1520
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer > div {
|
|
1521
|
+
padding-block: 0;
|
|
1522
|
+
}
|
|
1523
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer > div:first-child {
|
|
1524
|
+
border-block-end: 1px solid var(--rdg-border-color);
|
|
1525
|
+
}
|
|
1526
|
+
.Easy3wEditBigTable .filterCell .filterCellContainer > div .filterCellInput {
|
|
1527
|
+
inline-size: 100%;
|
|
1528
|
+
padding: 4px;
|
|
1529
|
+
font-size: 14px;
|
|
1501
1530
|
}
|
|
@@ -1,65 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
function Easy3wRCView() {
|
|
31
|
-
(0, _classCallCheck3['default'])(this, Easy3wRCView);
|
|
32
|
-
return (0, _possibleConstructorReturn3['default'])(this, _PureComponent.apply(this, arguments));
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
Easy3wRCView.prototype.componentDidUpdate = function componentDidUpdate() {
|
|
36
|
-
// eslint-disable-next-line react/no-string-refs
|
|
37
|
-
var viewer = this.refs.viewer.viewer;
|
|
38
|
-
|
|
39
|
-
viewer.show();
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
Easy3wRCView.prototype.render = function render() {
|
|
43
|
-
var _props = this.props,
|
|
44
|
-
imgUrl = _props.imgUrl,
|
|
45
|
-
hideModal = _props.hideModal;
|
|
46
|
-
|
|
47
|
-
return _react2['default'].createElement(
|
|
48
|
-
_rcViewer2['default'],
|
|
49
|
-
{
|
|
50
|
-
options: {
|
|
51
|
-
// 关闭时的回调
|
|
52
|
-
hide: hideModal
|
|
53
|
-
}
|
|
54
|
-
// eslint-disable-next-line react/no-string-refs
|
|
55
|
-
, ref: 'viewer'
|
|
56
|
-
},
|
|
57
|
-
_react2['default'].createElement('img', { style: { display: 'none' }, src: imgUrl, alt: '' })
|
|
58
|
-
);
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
return Easy3wRCView;
|
|
62
|
-
}(_react.PureComponent);
|
|
63
|
-
|
|
64
|
-
exports['default'] = Easy3wRCView;
|
|
65
|
-
module.exports = exports['default'];
|
|
1
|
+
// import React, { PureComponent } from 'react';
|
|
2
|
+
// import RcViewer from '@hanyk/rc-viewer';
|
|
3
|
+
|
|
4
|
+
// export default class Easy3wRCView extends PureComponent {
|
|
5
|
+
// componentDidUpdate() {
|
|
6
|
+
// // eslint-disable-next-line react/no-string-refs
|
|
7
|
+
// const { viewer } = this.refs.viewer;
|
|
8
|
+
// viewer.show();
|
|
9
|
+
// }
|
|
10
|
+
// render() {
|
|
11
|
+
// const { imgUrl, hideModal } = this.props;
|
|
12
|
+
// return (
|
|
13
|
+
// <RcViewer
|
|
14
|
+
// options={
|
|
15
|
+
// {
|
|
16
|
+
// // 关闭时的回调
|
|
17
|
+
// hide: hideModal,
|
|
18
|
+
// }
|
|
19
|
+
// }
|
|
20
|
+
// // eslint-disable-next-line react/no-string-refs
|
|
21
|
+
// ref="viewer"
|
|
22
|
+
// >
|
|
23
|
+
// <img style={{ display: 'none' }} src={imgUrl} alt="" />
|
|
24
|
+
// </RcViewer>
|
|
25
|
+
// );
|
|
26
|
+
// }
|
|
27
|
+
// }
|
|
28
|
+
"use strict";
|
|
@@ -6,6 +6,10 @@ var _form = require('antd/lib/form');
|
|
|
6
6
|
|
|
7
7
|
var _form2 = _interopRequireDefault(_form);
|
|
8
8
|
|
|
9
|
+
var _modal = require('antd/lib/modal');
|
|
10
|
+
|
|
11
|
+
var _modal2 = _interopRequireDefault(_modal);
|
|
12
|
+
|
|
9
13
|
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
|
|
10
14
|
|
|
11
15
|
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
|
@@ -28,6 +32,8 @@ var _inherits3 = _interopRequireDefault(_inherits2);
|
|
|
28
32
|
|
|
29
33
|
require('antd/lib/form/style');
|
|
30
34
|
|
|
35
|
+
require('antd/lib/modal/style');
|
|
36
|
+
|
|
31
37
|
var _react = require('react');
|
|
32
38
|
|
|
33
39
|
var _react2 = _interopRequireDefault(_react);
|
|
@@ -36,8 +42,6 @@ var _antd = require('antd');
|
|
|
36
42
|
|
|
37
43
|
var _easy3wui = require('easy3wui');
|
|
38
44
|
|
|
39
|
-
var _lib = require('antd/lib');
|
|
40
|
-
|
|
41
45
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
42
46
|
|
|
43
47
|
var Easy3wEditBigTableForm = function (_PureComponent) {
|
|
@@ -52,7 +56,7 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
|
|
|
52
56
|
_this[pureComponentName] = that;
|
|
53
57
|
};
|
|
54
58
|
|
|
55
|
-
_this.
|
|
59
|
+
_this.touchCreateOptionLst = function () {
|
|
56
60
|
var objOtherParameters = _this.props.objOtherParameters;
|
|
57
61
|
var columns = objOtherParameters.columns;
|
|
58
62
|
|
|
@@ -62,11 +66,9 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
|
|
|
62
66
|
var strName = item.strName,
|
|
63
67
|
name = item.name,
|
|
64
68
|
editable = item.editable,
|
|
65
|
-
|
|
66
|
-
otherEditable = item.otherEditable;
|
|
67
|
-
// if (editable || editor || otherEditable) { // 编辑
|
|
69
|
+
renderEditCell = item.renderEditCell;
|
|
68
70
|
|
|
69
|
-
if (editable ||
|
|
71
|
+
if (editable || renderEditCell) {
|
|
70
72
|
// 编辑
|
|
71
73
|
arrColumns.push({
|
|
72
74
|
label: strName || name,
|
|
@@ -78,7 +80,7 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
|
|
|
78
80
|
_this.arrColumns = arrColumns;
|
|
79
81
|
};
|
|
80
82
|
|
|
81
|
-
_this.
|
|
83
|
+
_this.touchGetBatchField = function () {
|
|
82
84
|
var _this$props = _this.props,
|
|
83
85
|
form = _this$props.form,
|
|
84
86
|
objOtherParameters = _this$props.objOtherParameters;
|
|
@@ -160,7 +162,7 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
|
|
|
160
162
|
arg[_key] = arguments[_key];
|
|
161
163
|
}
|
|
162
164
|
|
|
163
|
-
return _this.
|
|
165
|
+
return _this.touchChangeField(arg, objColumn);
|
|
164
166
|
}
|
|
165
167
|
}, cmptPros)
|
|
166
168
|
}]
|
|
@@ -170,7 +172,7 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
|
|
|
170
172
|
return { fieldRowItems: fieldRowItems, hiddenItems: hiddenItems };
|
|
171
173
|
};
|
|
172
174
|
|
|
173
|
-
_this.
|
|
175
|
+
_this.touchChangeField = function (arg, objColumn) {
|
|
174
176
|
var form = _this.props.form;
|
|
175
177
|
var onChange = objColumn.onChange;
|
|
176
178
|
|
|
@@ -201,7 +203,7 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
|
|
|
201
203
|
// strName 字串名称
|
|
202
204
|
// name 字段名称
|
|
203
205
|
|
|
204
|
-
|
|
206
|
+
_modal2['default'].confirm({
|
|
205
207
|
content: '\u8BF7\u786E\u8BA4\u6B64\u5217' + (strName || name) + '\u5168\u90E8\u8BBE\u7F6E\u6210\u5F55\u5165\u503C\uFF0C\u5C06\u8986\u76D6\u539F\u503C!',
|
|
206
208
|
onOk: function onOk() {
|
|
207
209
|
confirmCallback(valuesNew, objColumn);
|
|
@@ -229,7 +231,7 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
|
|
|
229
231
|
if (bidPureComponent && typeof bidPureComponent === 'function') {
|
|
230
232
|
bidPureComponent(_this);
|
|
231
233
|
}
|
|
232
|
-
_this.
|
|
234
|
+
_this.touchCreateOptionLst();
|
|
233
235
|
_this.state = {};
|
|
234
236
|
return _this;
|
|
235
237
|
}
|
|
@@ -259,9 +261,9 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
|
|
|
259
261
|
|
|
260
262
|
var footBtnArr = [{ func: this.touchConfirm, cName: '保存' }, { func: this.touchCancel, cName: '关闭' }];
|
|
261
263
|
|
|
262
|
-
var
|
|
263
|
-
fieldRowItems =
|
|
264
|
-
hiddenItems =
|
|
264
|
+
var _touchGetBatchField = this.touchGetBatchField(),
|
|
265
|
+
fieldRowItems = _touchGetBatchField.fieldRowItems,
|
|
266
|
+
hiddenItems = _touchGetBatchField.hiddenItems;
|
|
265
267
|
|
|
266
268
|
var rowItems = [{
|
|
267
269
|
cols: [{
|