dlt-for-react 1.1.16 → 1.1.17
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 +17 -1
- package/assets/HqCheckButton/index.less +13 -0
- package/assets/HqImage/index.less +11 -0
- package/assets/HqInputPicker/index.less +8 -0
- package/assets/selector/resultview/index.less +53 -0
- package/assets/selector/selectormodal/index.less +15 -0
- package/assets/selector/table/index.less +211 -0
- package/assets/selector/tree/index.less +138 -0
- package/assets/stuSelector/index.less +24 -0
- package/assets/teaSelector/index.less +4 -0
- package/lib/components/HqCascader/index.js +306 -0
- package/lib/components/HqCheckBox/index.js +375 -0
- package/lib/components/HqCheckButton/index.js +284 -0
- package/lib/components/HqConfirm/index.js +81 -0
- package/lib/components/HqFormItem/FormRules.js +27 -0
- package/lib/components/HqFormItem/index.js +309 -0
- package/lib/components/HqImage/index.js +553 -0
- package/lib/components/HqInputPicker/edit-page.js +585 -0
- package/lib/components/HqInputPicker/index.js +226 -0
- package/lib/components/HqInputPicker/input-const.js +134 -0
- package/lib/components/HqInputPicker/render.js +2496 -0
- package/lib/components/HqInputPicker/setting-checkbox.js +853 -0
- package/lib/components/HqInputPicker/setting-datepicker.js +430 -0
- package/lib/components/HqInputPicker/setting-datetimepicker.js +443 -0
- package/lib/components/HqInputPicker/setting-input.js +555 -0
- package/lib/components/HqInputPicker/setting-inputNumber.js +658 -0
- package/lib/components/HqInputPicker/setting-monthpicker.js +434 -0
- package/lib/components/HqInputPicker/setting-multiSelect.js +533 -0
- package/lib/components/HqInputPicker/setting-nhcascader.js +588 -0
- package/lib/components/HqInputPicker/setting-old-upload.js +428 -0
- package/lib/components/HqInputPicker/setting-radio.js +468 -0
- package/lib/components/HqInputPicker/setting-rangepicker.js +466 -0
- package/lib/components/HqInputPicker/setting-select.js +534 -0
- package/lib/components/HqInputPicker/setting-stu-selector.js +508 -0
- package/lib/components/HqInputPicker/setting-switch.js +274 -0
- package/lib/components/HqInputPicker/setting-tea-selector.js +508 -0
- package/lib/components/HqInputPicker/setting-textarea.js +619 -0
- package/lib/components/HqInputPicker/setting-timepicker.js +437 -0
- package/lib/components/HqInputPicker/setting-upload.js +795 -0
- package/lib/components/HqMultiSelect/index.js +495 -0
- package/lib/components/HqOldUpload/index.js +350 -0
- package/lib/components/HqSelect/getSelectName.js +20 -0
- package/lib/components/HqSelect/index.js +495 -0
- package/lib/components/HqSelector/HqLsrySelector/index.js +269 -267
- package/lib/components/HqSelector/HqRySelector/index.js +4 -2
- package/lib/components/HqSelector/HqWzSelector/index.js +4 -2
- package/lib/components/HqStuSelector/index.js +267 -0
- package/lib/components/HqTeaSelector/index.js +221 -0
- package/lib/components/KyCollapse/index.js +23 -24
- package/lib/components/KyContainerFrame/index.js +2 -2
- package/lib/components/KyEditableTable/component.js +38 -38
- package/lib/components/KyEditableTable/index.js +203 -181
- package/lib/components/KyExcel/index.js +191 -153
- package/lib/components/KyModal/index.js +43 -33
- package/lib/components/KyTable/AddFieldsModal.js +66 -59
- package/lib/components/KyTable/checkButtons.js +3 -13
- package/lib/components/KyTable/index.js +2 -2
- package/lib/components/KyTableCardList/AddFieldsModal.js +280 -282
- package/lib/components/KyTableCardList/index.js +2 -2
- package/lib/components/KyTree/index.js +7 -7
- package/lib/components/KyUpload/index.js +170 -165
- package/lib/components/NHSelector/ListSort/index.js +411 -0
- package/lib/components/NHSelector/index.js +636 -0
- package/lib/components/NHSelector/resultview/index.js +408 -0
- package/lib/components/NHSelector/selectormodal/index.js +303 -0
- package/lib/components/NHSelector/table/index.js +784 -0
- package/lib/components/NHSelector/tree/index.js +554 -0
- package/lib/index.js +146 -36
- package/lib/layouts/LeftMenu/index.js +6 -6
- package/lib/layouts/Login/index-pre.js +107 -103
- package/lib/layouts/Login/index.js +2 -2
- package/lib/layouts/Login/login.js +178 -172
- package/lib/layouts/NavigationBar/index.js +67 -67
- package/lib/layouts/Top/editPassWord.js +84 -64
- package/lib/layouts/Top/index.js +117 -117
- package/lib/layouts/TopMenu/index.js +53 -53
- package/lib/layouts/layout/index.js +115 -118
- package/lib/layouts/mixTop/index.js +95 -95
- package/lib/layouts/settingDrawer/index.js +96 -96
- package/lib/routes/AuthorizedRoute.js +33 -32
- package/lib/utils/NHCore.js +65 -65
- package/package.json +3 -3
- package/lib/utils/createUuid.js +0 -40
- package/lib/utils/getLoginUser.js +0 -10
- package/lib/utils/getSize.js +0 -27
|
@@ -1,164 +1,159 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
|
|
7
|
-
var _table = require(
|
|
7
|
+
var _table = require("antd/lib/table");
|
|
8
8
|
|
|
9
9
|
var _table2 = _interopRequireDefault(_table);
|
|
10
10
|
|
|
11
|
-
var _dropdown = require(
|
|
11
|
+
var _dropdown = require("antd/lib/dropdown");
|
|
12
12
|
|
|
13
13
|
var _dropdown2 = _interopRequireDefault(_dropdown);
|
|
14
14
|
|
|
15
|
-
var _button = require(
|
|
15
|
+
var _button = require("antd/lib/button");
|
|
16
16
|
|
|
17
17
|
var _button2 = _interopRequireDefault(_button);
|
|
18
18
|
|
|
19
|
-
var _tooltip = require(
|
|
19
|
+
var _tooltip = require("antd/lib/tooltip");
|
|
20
20
|
|
|
21
21
|
var _tooltip2 = _interopRequireDefault(_tooltip);
|
|
22
22
|
|
|
23
|
-
var _icon = require(
|
|
23
|
+
var _icon = require("antd/lib/icon");
|
|
24
24
|
|
|
25
25
|
var _icon2 = _interopRequireDefault(_icon);
|
|
26
26
|
|
|
27
|
-
var _menu = require(
|
|
27
|
+
var _menu = require("antd/lib/menu");
|
|
28
28
|
|
|
29
29
|
var _menu2 = _interopRequireDefault(_menu);
|
|
30
30
|
|
|
31
|
-
var _set = require(
|
|
31
|
+
var _set = require("babel-runtime/core-js/set");
|
|
32
32
|
|
|
33
33
|
var _set2 = _interopRequireDefault(_set);
|
|
34
34
|
|
|
35
|
-
var _modal = require(
|
|
35
|
+
var _modal = require("antd/lib/modal");
|
|
36
36
|
|
|
37
37
|
var _modal2 = _interopRequireDefault(_modal);
|
|
38
38
|
|
|
39
|
-
var _values = require(
|
|
39
|
+
var _values = require("babel-runtime/core-js/object/values");
|
|
40
40
|
|
|
41
41
|
var _values2 = _interopRequireDefault(_values);
|
|
42
42
|
|
|
43
|
-
var _message2 = require(
|
|
43
|
+
var _message2 = require("antd/lib/message");
|
|
44
44
|
|
|
45
45
|
var _message3 = _interopRequireDefault(_message2);
|
|
46
46
|
|
|
47
|
-
var _toConsumableArray2 = require(
|
|
47
|
+
var _toConsumableArray2 = require("babel-runtime/helpers/toConsumableArray");
|
|
48
48
|
|
|
49
49
|
var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
|
|
50
50
|
|
|
51
|
-
var _defineProperty2 = require(
|
|
51
|
+
var _defineProperty2 = require("babel-runtime/helpers/defineProperty");
|
|
52
52
|
|
|
53
53
|
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
|
|
54
54
|
|
|
55
|
-
var _spin = require(
|
|
55
|
+
var _spin = require("antd/lib/spin");
|
|
56
56
|
|
|
57
57
|
var _spin2 = _interopRequireDefault(_spin);
|
|
58
58
|
|
|
59
|
-
var _popconfirm = require(
|
|
59
|
+
var _popconfirm = require("antd/lib/popconfirm");
|
|
60
60
|
|
|
61
61
|
var _popconfirm2 = _interopRequireDefault(_popconfirm);
|
|
62
62
|
|
|
63
|
-
var _divider = require(
|
|
63
|
+
var _divider = require("antd/lib/divider");
|
|
64
64
|
|
|
65
65
|
var _divider2 = _interopRequireDefault(_divider);
|
|
66
66
|
|
|
67
|
-
var _regenerator = require(
|
|
67
|
+
var _regenerator = require("babel-runtime/regenerator");
|
|
68
68
|
|
|
69
69
|
var _regenerator2 = _interopRequireDefault(_regenerator);
|
|
70
70
|
|
|
71
|
-
var _asyncToGenerator2 = require(
|
|
71
|
+
var _asyncToGenerator2 = require("babel-runtime/helpers/asyncToGenerator");
|
|
72
72
|
|
|
73
73
|
var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
|
|
74
74
|
|
|
75
|
-
var _slicedToArray2 = require(
|
|
75
|
+
var _slicedToArray2 = require("babel-runtime/helpers/slicedToArray");
|
|
76
76
|
|
|
77
77
|
var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
|
|
78
78
|
|
|
79
|
-
var _form = require(
|
|
79
|
+
var _form = require("antd/lib/form");
|
|
80
80
|
|
|
81
81
|
var _form2 = _interopRequireDefault(_form);
|
|
82
82
|
|
|
83
|
-
var _objectWithoutProperties2 = require(
|
|
83
|
+
var _objectWithoutProperties2 = require("babel-runtime/helpers/objectWithoutProperties");
|
|
84
84
|
|
|
85
85
|
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
|
86
86
|
|
|
87
|
-
var _extends2 = require(
|
|
87
|
+
var _extends2 = require("babel-runtime/helpers/extends");
|
|
88
88
|
|
|
89
89
|
var _extends3 = _interopRequireDefault(_extends2);
|
|
90
90
|
|
|
91
|
-
var _getPrototypeOf = require(
|
|
91
|
+
var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
|
|
92
92
|
|
|
93
93
|
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
|
|
94
94
|
|
|
95
|
-
var _classCallCheck2 = require(
|
|
95
|
+
var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
|
|
96
96
|
|
|
97
97
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
98
98
|
|
|
99
|
-
var _createClass2 = require(
|
|
99
|
+
var _createClass2 = require("babel-runtime/helpers/createClass");
|
|
100
100
|
|
|
101
101
|
var _createClass3 = _interopRequireDefault(_createClass2);
|
|
102
102
|
|
|
103
|
-
var _possibleConstructorReturn2 = require(
|
|
103
|
+
var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
|
|
104
104
|
|
|
105
105
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
106
106
|
|
|
107
|
-
var _inherits2 = require(
|
|
107
|
+
var _inherits2 = require("babel-runtime/helpers/inherits");
|
|
108
108
|
|
|
109
109
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
110
110
|
|
|
111
|
-
require(
|
|
111
|
+
require("antd/lib/table/style");
|
|
112
112
|
|
|
113
|
-
require(
|
|
113
|
+
require("antd/lib/dropdown/style");
|
|
114
114
|
|
|
115
|
-
require(
|
|
115
|
+
require("antd/lib/button/style");
|
|
116
116
|
|
|
117
|
-
require(
|
|
117
|
+
require("antd/lib/tooltip/style");
|
|
118
118
|
|
|
119
|
-
require(
|
|
119
|
+
require("antd/lib/icon/style");
|
|
120
120
|
|
|
121
|
-
require(
|
|
121
|
+
require("antd/lib/menu/style");
|
|
122
122
|
|
|
123
|
-
require(
|
|
123
|
+
require("antd/lib/modal/style");
|
|
124
124
|
|
|
125
|
-
require(
|
|
125
|
+
require("antd/lib/message/style");
|
|
126
126
|
|
|
127
|
-
require(
|
|
127
|
+
require("antd/lib/spin/style");
|
|
128
128
|
|
|
129
|
-
require(
|
|
129
|
+
require("antd/lib/popconfirm/style");
|
|
130
130
|
|
|
131
|
-
require(
|
|
131
|
+
require("antd/lib/divider/style");
|
|
132
132
|
|
|
133
|
-
require(
|
|
133
|
+
require("antd/lib/form/style");
|
|
134
134
|
|
|
135
|
-
require(
|
|
135
|
+
require("../../../assets/components/KyEditableTable/index.less");
|
|
136
136
|
|
|
137
|
-
var _react = require(
|
|
137
|
+
var _react = require("react");
|
|
138
138
|
|
|
139
139
|
var _react2 = _interopRequireDefault(_react);
|
|
140
140
|
|
|
141
|
-
var
|
|
141
|
+
var _index = require("../../index");
|
|
142
142
|
|
|
143
|
-
var
|
|
143
|
+
var _common = require("../../utils/common");
|
|
144
144
|
|
|
145
|
-
var
|
|
145
|
+
var _component = require("./component");
|
|
146
146
|
|
|
147
|
-
var
|
|
148
|
-
|
|
149
|
-
var _propTypes = require('prop-types');
|
|
147
|
+
var _propTypes = require("prop-types");
|
|
150
148
|
|
|
151
149
|
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
152
150
|
|
|
153
|
-
var _moment = require(
|
|
151
|
+
var _moment = require("moment");
|
|
154
152
|
|
|
155
153
|
var _moment2 = _interopRequireDefault(_moment);
|
|
156
154
|
|
|
157
155
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
158
156
|
|
|
159
|
-
/*
|
|
160
|
-
* @Description:KyEditableTable-可编辑table
|
|
161
|
-
*/
|
|
162
157
|
var EditableContext = _react2.default.createContext();
|
|
163
158
|
|
|
164
159
|
/**
|
|
@@ -193,6 +188,9 @@ var EditableContext = _react2.default.createContext();
|
|
|
193
188
|
/**
|
|
194
189
|
* 单元格
|
|
195
190
|
*/
|
|
191
|
+
/*
|
|
192
|
+
* @Description:KyEditableTable-可编辑table
|
|
193
|
+
*/
|
|
196
194
|
|
|
197
195
|
var EditableCell = function (_Component) {
|
|
198
196
|
(0, _inherits3.default)(EditableCell, _Component);
|
|
@@ -272,12 +270,12 @@ var EditableCell = function (_Component) {
|
|
|
272
270
|
defaultRender = _this$props3.defaultRender,
|
|
273
271
|
parent = _this$props3.parent,
|
|
274
272
|
config = _this$props3.config,
|
|
275
|
-
restProps = (0, _objectWithoutProperties3.default)(_this$props3, [
|
|
273
|
+
restProps = (0, _objectWithoutProperties3.default)(_this$props3, ["editing", "dataIndex", "title", "record", "children", "required", "editType", "edit", "defaultRender", "parent", "config"]);
|
|
276
274
|
// 编辑状态:有edit显示edit的内容。否则显示editType的内容,否则显示文字
|
|
277
275
|
|
|
278
276
|
if (!edit && !editType) {
|
|
279
277
|
return _react2.default.createElement(
|
|
280
|
-
|
|
278
|
+
"td",
|
|
281
279
|
restProps,
|
|
282
280
|
children
|
|
283
281
|
);
|
|
@@ -286,7 +284,7 @@ var EditableCell = function (_Component) {
|
|
|
286
284
|
|
|
287
285
|
if (!editing && defaultRender && editType) {
|
|
288
286
|
return _react2.default.createElement(
|
|
289
|
-
|
|
287
|
+
"td",
|
|
290
288
|
restProps,
|
|
291
289
|
children
|
|
292
290
|
);
|
|
@@ -296,29 +294,29 @@ var EditableCell = function (_Component) {
|
|
|
296
294
|
var dom = _this.getComponent(form);
|
|
297
295
|
if (!dom) {
|
|
298
296
|
return _react2.default.createElement(
|
|
299
|
-
|
|
297
|
+
"td",
|
|
300
298
|
restProps,
|
|
301
299
|
defaultRender(record[dataIndex], record, !editing)
|
|
302
300
|
);
|
|
303
301
|
}
|
|
304
|
-
var initialValue = editType ===
|
|
302
|
+
var initialValue = editType === "date" ? record[dataIndex] ? (0, _moment2.default)(record[dataIndex]) : null : record[dataIndex];
|
|
305
303
|
var rules = [{
|
|
306
304
|
required: required,
|
|
307
|
-
message:
|
|
305
|
+
message: "\u8BF7\u8F93\u5165" + title + "!"
|
|
308
306
|
}];
|
|
309
307
|
if (config.pattern) rules.push(config.pattern);
|
|
310
308
|
var params = {
|
|
311
309
|
rules: rules,
|
|
312
310
|
initialValue: initialValue,
|
|
313
|
-
valuePropName: editType ===
|
|
311
|
+
valuePropName: editType === "switch" ? "checked" : "value"
|
|
314
312
|
};
|
|
315
313
|
return _react2.default.createElement(
|
|
316
|
-
|
|
314
|
+
"td",
|
|
317
315
|
restProps,
|
|
318
316
|
(children || edit || editType) && _react2.default.createElement(
|
|
319
317
|
_form2.default.Item,
|
|
320
318
|
{ style: { margin: 0 } },
|
|
321
|
-
getFieldDecorator(record[parent] +
|
|
319
|
+
getFieldDecorator(record[parent] + "." + dataIndex, params)(dom)
|
|
322
320
|
)
|
|
323
321
|
);
|
|
324
322
|
}
|
|
@@ -328,7 +326,7 @@ var EditableCell = function (_Component) {
|
|
|
328
326
|
}
|
|
329
327
|
|
|
330
328
|
(0, _createClass3.default)(EditableCell, [{
|
|
331
|
-
key:
|
|
329
|
+
key: "render",
|
|
332
330
|
value: function render() {
|
|
333
331
|
return _react2.default.createElement(
|
|
334
332
|
EditableContext.Consumer,
|
|
@@ -349,7 +347,7 @@ var EditableRow = function EditableRow(_ref2) {
|
|
|
349
347
|
var form = _ref2.form,
|
|
350
348
|
refresh = _ref2.refresh,
|
|
351
349
|
callback = _ref2.callback,
|
|
352
|
-
props = (0, _objectWithoutProperties3.default)(_ref2, [
|
|
350
|
+
props = (0, _objectWithoutProperties3.default)(_ref2, ["form", "refresh", "callback"]);
|
|
353
351
|
|
|
354
352
|
(0, _react.useEffect)(function () {
|
|
355
353
|
if (refresh) {
|
|
@@ -360,7 +358,7 @@ var EditableRow = function EditableRow(_ref2) {
|
|
|
360
358
|
return _react2.default.createElement(
|
|
361
359
|
EditableContext.Provider,
|
|
362
360
|
{ value: form },
|
|
363
|
-
_react2.default.createElement(
|
|
361
|
+
_react2.default.createElement("tr", props)
|
|
364
362
|
);
|
|
365
363
|
};
|
|
366
364
|
var EditableFormRow = _form2.default.create()(EditableRow);
|
|
@@ -415,7 +413,7 @@ var OperationColumn = function OperationColumn(props) {
|
|
|
415
413
|
onLoad();
|
|
416
414
|
|
|
417
415
|
case 5:
|
|
418
|
-
case
|
|
416
|
+
case "end":
|
|
419
417
|
return _context.stop();
|
|
420
418
|
}
|
|
421
419
|
}
|
|
@@ -441,46 +439,56 @@ var OperationColumn = function OperationColumn(props) {
|
|
|
441
439
|
_react2.default.Fragment,
|
|
442
440
|
null,
|
|
443
441
|
_react2.default.createElement(
|
|
444
|
-
|
|
442
|
+
"a",
|
|
445
443
|
{ onClick: onEdit },
|
|
446
|
-
|
|
444
|
+
"\u7F16\u8F91"
|
|
447
445
|
),
|
|
448
|
-
_react2.default.createElement(_divider2.default, { type:
|
|
446
|
+
_react2.default.createElement(_divider2.default, { type: "vertical" })
|
|
449
447
|
),
|
|
450
448
|
!disableSingleLineSaving && editable && !hideSaveBtn && _react2.default.createElement(
|
|
451
449
|
_react2.default.Fragment,
|
|
452
450
|
null,
|
|
453
451
|
_react2.default.createElement(
|
|
454
|
-
|
|
455
|
-
{ onClick: onSubmit, type:
|
|
456
|
-
|
|
452
|
+
"a",
|
|
453
|
+
{ onClick: onSubmit, type: "link" },
|
|
454
|
+
"\u4FDD\u5B58"
|
|
457
455
|
),
|
|
458
|
-
_react2.default.createElement(_divider2.default, { type:
|
|
456
|
+
_react2.default.createElement(_divider2.default, { type: "vertical" })
|
|
459
457
|
),
|
|
460
458
|
!disableSingleLineSaving && editable && !hideResetBtn && _react2.default.createElement(
|
|
461
459
|
_react2.default.Fragment,
|
|
462
460
|
null,
|
|
463
461
|
_react2.default.createElement(
|
|
464
462
|
_popconfirm2.default,
|
|
465
|
-
{
|
|
463
|
+
{
|
|
464
|
+
cancelText: "\u5426",
|
|
465
|
+
okText: "\u662F",
|
|
466
|
+
onConfirm: onCancel,
|
|
467
|
+
title: "\u662F\u5426\u53D6\u6D88\u7F16\u8F91?"
|
|
468
|
+
},
|
|
466
469
|
_react2.default.createElement(
|
|
467
|
-
|
|
470
|
+
"a",
|
|
468
471
|
null,
|
|
469
|
-
|
|
472
|
+
"\u53D6\u6D88"
|
|
470
473
|
)
|
|
471
474
|
),
|
|
472
|
-
_react2.default.createElement(_divider2.default, { type:
|
|
475
|
+
_react2.default.createElement(_divider2.default, { type: "vertical" })
|
|
473
476
|
),
|
|
474
477
|
!disabledDelete && !hideDeleteBtn && _react2.default.createElement(
|
|
475
478
|
_react2.default.Fragment,
|
|
476
479
|
null,
|
|
477
480
|
_react2.default.createElement(
|
|
478
481
|
_popconfirm2.default,
|
|
479
|
-
{
|
|
482
|
+
{
|
|
483
|
+
cancelText: "\u5426",
|
|
484
|
+
okText: "\u662F",
|
|
485
|
+
onConfirm: onDelete,
|
|
486
|
+
title: "\u662F\u5426\u5220\u9664\u5F53\u524D\u884C\u6570\u636E?"
|
|
487
|
+
},
|
|
480
488
|
_react2.default.createElement(
|
|
481
|
-
|
|
489
|
+
"a",
|
|
482
490
|
null,
|
|
483
|
-
|
|
491
|
+
"\u5220\u9664"
|
|
484
492
|
)
|
|
485
493
|
)
|
|
486
494
|
)
|
|
@@ -503,12 +511,12 @@ var KyEditableTable = function (_Component2) {
|
|
|
503
511
|
|
|
504
512
|
_this2.initData = function (dataSource, tableModel, rowColumn) {
|
|
505
513
|
if (dataSource && dataSource.length > 0) {
|
|
506
|
-
(0, _common.setRowId)(dataSource, rowColumn ? rowColumn.dataIndex :
|
|
507
|
-
var showBtnFlag =
|
|
514
|
+
(0, _common.setRowId)(dataSource, rowColumn ? rowColumn.dataIndex : "rowId"); //设置序号列
|
|
515
|
+
var showBtnFlag = "edit";
|
|
508
516
|
var editingKeys = [];
|
|
509
517
|
// 是否全部数据可编辑
|
|
510
|
-
if (tableModel ===
|
|
511
|
-
showBtnFlag =
|
|
518
|
+
if (tableModel === "edit") {
|
|
519
|
+
showBtnFlag = "save";
|
|
512
520
|
editingKeys = _this2.deepTreeEditing(dataSource, []);
|
|
513
521
|
}
|
|
514
522
|
_this2.setState({ editingKeys: editingKeys, data: dataSource, showBtnFlag: showBtnFlag });
|
|
@@ -516,9 +524,9 @@ var KyEditableTable = function (_Component2) {
|
|
|
516
524
|
};
|
|
517
525
|
|
|
518
526
|
_this2.deepTreeEditing = function (tree, arr) {
|
|
519
|
-
var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] :
|
|
520
|
-
var id = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] :
|
|
521
|
-
var children = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] :
|
|
527
|
+
var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "readOnly";
|
|
528
|
+
var id = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "id";
|
|
529
|
+
var children = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : "children";
|
|
522
530
|
|
|
523
531
|
tree && tree.length > 0 && tree.map(function (x) {
|
|
524
532
|
if (!x[key]) {
|
|
@@ -539,7 +547,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
539
547
|
_this2.isEditing = function (record) {
|
|
540
548
|
var editingKeys = _this2.state.editingKeys;
|
|
541
549
|
|
|
542
|
-
return _this2.props.hideEditBtn || editingKeys.includes(record[_this2.props.rowKey ||
|
|
550
|
+
return _this2.props.hideEditBtn || editingKeys.includes(record[_this2.props.rowKey || "key"]);
|
|
543
551
|
};
|
|
544
552
|
|
|
545
553
|
_this2.isDisabledDelete = function (record) {
|
|
@@ -548,7 +556,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
548
556
|
if (disabledDeleteKeys.length == 0) {
|
|
549
557
|
return false;
|
|
550
558
|
}
|
|
551
|
-
return disabledDeleteKeys.includes(record[_this2.props.rowKey ||
|
|
559
|
+
return disabledDeleteKeys.includes(record[_this2.props.rowKey || "key"]);
|
|
552
560
|
};
|
|
553
561
|
|
|
554
562
|
_this2.add = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2() {
|
|
@@ -563,7 +571,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
563
571
|
}
|
|
564
572
|
|
|
565
573
|
_this2.props.handleAdd();
|
|
566
|
-
return _context2.abrupt(
|
|
574
|
+
return _context2.abrupt("return");
|
|
567
575
|
|
|
568
576
|
case 3:
|
|
569
577
|
data = _this2.state.data;
|
|
@@ -584,7 +592,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
584
592
|
dataIndexList.map(function (item) {
|
|
585
593
|
return obj[item] = undefined;
|
|
586
594
|
});
|
|
587
|
-
key = (0,
|
|
595
|
+
key = (0, _index.createUuid)();
|
|
588
596
|
|
|
589
597
|
obj[rowKey] = key;
|
|
590
598
|
temp = [].concat((0, _toConsumableArray3.default)(data), [obj]);
|
|
@@ -600,10 +608,10 @@ var KyEditableTable = function (_Component2) {
|
|
|
600
608
|
}
|
|
601
609
|
|
|
602
610
|
_context2.next = 19;
|
|
603
|
-
return _this2.props.setPropsState(dataSourceName ? dataSourceName :
|
|
611
|
+
return _this2.props.setPropsState(dataSourceName ? dataSourceName : "dataSource", temp);
|
|
604
612
|
|
|
605
613
|
case 19:
|
|
606
|
-
case
|
|
614
|
+
case "end":
|
|
607
615
|
return _context2.stop();
|
|
608
616
|
}
|
|
609
617
|
}
|
|
@@ -613,7 +621,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
613
621
|
_this2.save = function (form, record) {
|
|
614
622
|
var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
615
623
|
|
|
616
|
-
var key = record[_this2.props.rowKey ||
|
|
624
|
+
var key = record[_this2.props.rowKey || "key"];
|
|
617
625
|
form.validateFields(function () {
|
|
618
626
|
var _ref5 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(error, row) {
|
|
619
627
|
var _Object$values, _Object$values2, rowData, newData, index, item, dataSourceName;
|
|
@@ -627,16 +635,16 @@ var KyEditableTable = function (_Component2) {
|
|
|
627
635
|
break;
|
|
628
636
|
}
|
|
629
637
|
|
|
630
|
-
_message3.default.warning(
|
|
638
|
+
_message3.default.warning("请完善表单信息!");
|
|
631
639
|
delete record.loading;
|
|
632
640
|
if (callback) callback();
|
|
633
|
-
return _context3.abrupt(
|
|
641
|
+
return _context3.abrupt("return");
|
|
634
642
|
|
|
635
643
|
case 5:
|
|
636
644
|
_Object$values = (0, _values2.default)(row), _Object$values2 = (0, _slicedToArray3.default)(_Object$values, 1), rowData = _Object$values2[0];
|
|
637
645
|
newData = [].concat((0, _toConsumableArray3.default)(_this2.state.data));
|
|
638
646
|
index = newData.findIndex(function (item) {
|
|
639
|
-
return key === item[_this2.props.rowKey ||
|
|
647
|
+
return key === item[_this2.props.rowKey || "key"];
|
|
640
648
|
});
|
|
641
649
|
|
|
642
650
|
if (!~index) {
|
|
@@ -661,7 +669,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
661
669
|
if (_this2.props.setPropsState) {
|
|
662
670
|
dataSourceName = _this2.props.dataSourceName;
|
|
663
671
|
|
|
664
|
-
_this2.props.setPropsState(dataSourceName ||
|
|
672
|
+
_this2.props.setPropsState(dataSourceName || "dataSource", newData);
|
|
665
673
|
}
|
|
666
674
|
_this2.setState({ data: newData });
|
|
667
675
|
_this2.removeEditingKey(key);
|
|
@@ -669,7 +677,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
669
677
|
if (callback) callback();
|
|
670
678
|
|
|
671
679
|
case 20:
|
|
672
|
-
case
|
|
680
|
+
case "end":
|
|
673
681
|
return _context3.stop();
|
|
674
682
|
}
|
|
675
683
|
}
|
|
@@ -689,10 +697,10 @@ var KyEditableTable = function (_Component2) {
|
|
|
689
697
|
while (1) {
|
|
690
698
|
switch (_context4.prev = _context4.next) {
|
|
691
699
|
case 0:
|
|
692
|
-
key = rowData[_this2.props.rowKey ||
|
|
700
|
+
key = rowData[_this2.props.rowKey || "key"];
|
|
693
701
|
newData = [].concat((0, _toConsumableArray3.default)(_this2.state.data));
|
|
694
702
|
index = newData.findIndex(function (item) {
|
|
695
|
-
return key === item[_this2.props.rowKey ||
|
|
703
|
+
return key === item[_this2.props.rowKey || "key"];
|
|
696
704
|
});
|
|
697
705
|
|
|
698
706
|
if (!~index) {
|
|
@@ -716,12 +724,12 @@ var KyEditableTable = function (_Component2) {
|
|
|
716
724
|
if (_this2.props.setPropsState) {
|
|
717
725
|
dataSourceName = _this2.props.dataSourceName;
|
|
718
726
|
|
|
719
|
-
_this2.props.setPropsState(dataSourceName ||
|
|
727
|
+
_this2.props.setPropsState(dataSourceName || "dataSource", newData);
|
|
720
728
|
}
|
|
721
729
|
_this2.setState({ data: newData });
|
|
722
730
|
|
|
723
731
|
case 11:
|
|
724
|
-
case
|
|
732
|
+
case "end":
|
|
725
733
|
return _context4.stop();
|
|
726
734
|
}
|
|
727
735
|
}
|
|
@@ -740,7 +748,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
740
748
|
while (1) {
|
|
741
749
|
switch (_context5.prev = _context5.next) {
|
|
742
750
|
case 0:
|
|
743
|
-
key = record[_this2.props.rowKey ||
|
|
751
|
+
key = record[_this2.props.rowKey || "key"];
|
|
744
752
|
|
|
745
753
|
if (!key) {
|
|
746
754
|
_context5.next = 12;
|
|
@@ -749,7 +757,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
749
757
|
|
|
750
758
|
newData = [].concat((0, _toConsumableArray3.default)(_this2.state.data));
|
|
751
759
|
index = newData.findIndex(function (item) {
|
|
752
|
-
return key === item[_this2.props.rowKey ||
|
|
760
|
+
return key === item[_this2.props.rowKey || "key"];
|
|
753
761
|
});
|
|
754
762
|
|
|
755
763
|
if (~index) {
|
|
@@ -771,7 +779,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
771
779
|
if (callback) callback();
|
|
772
780
|
|
|
773
781
|
case 12:
|
|
774
|
-
case
|
|
782
|
+
case "end":
|
|
775
783
|
return _context5.stop();
|
|
776
784
|
}
|
|
777
785
|
}
|
|
@@ -792,7 +800,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
792
800
|
case 0:
|
|
793
801
|
newData = [].concat((0, _toConsumableArray3.default)(_this2.state.data));
|
|
794
802
|
index = newData.findIndex(function (item) {
|
|
795
|
-
return key === item[_this2.props.rowKey ||
|
|
803
|
+
return key === item[_this2.props.rowKey || "key"];
|
|
796
804
|
});
|
|
797
805
|
|
|
798
806
|
if (~index) {
|
|
@@ -805,7 +813,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
805
813
|
}
|
|
806
814
|
|
|
807
815
|
case 3:
|
|
808
|
-
case
|
|
816
|
+
case "end":
|
|
809
817
|
return _context6.stop();
|
|
810
818
|
}
|
|
811
819
|
}
|
|
@@ -830,14 +838,14 @@ var KyEditableTable = function (_Component2) {
|
|
|
830
838
|
break;
|
|
831
839
|
}
|
|
832
840
|
|
|
833
|
-
_message3.default.info(
|
|
834
|
-
return _context7.abrupt(
|
|
841
|
+
_message3.default.info("请填写表单信息!");
|
|
842
|
+
return _context7.abrupt("return");
|
|
835
843
|
|
|
836
844
|
case 3:
|
|
837
845
|
form.resetFields(key);
|
|
838
846
|
newData = [].concat((0, _toConsumableArray3.default)(_this2.state.data));
|
|
839
847
|
index = newData.findIndex(function (item) {
|
|
840
|
-
return key === item[_this2.props.rowKey ||
|
|
848
|
+
return key === item[_this2.props.rowKey || "key"];
|
|
841
849
|
});
|
|
842
850
|
|
|
843
851
|
if (!~index) {
|
|
@@ -859,7 +867,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
859
867
|
_this2.removeEditingKey(key);
|
|
860
868
|
|
|
861
869
|
case 12:
|
|
862
|
-
case
|
|
870
|
+
case "end":
|
|
863
871
|
return _context7.stop();
|
|
864
872
|
}
|
|
865
873
|
}
|
|
@@ -921,26 +929,26 @@ var KyEditableTable = function (_Component2) {
|
|
|
921
929
|
var validatorFlag = validatorErrorMsg.length > 0;
|
|
922
930
|
var customFlag = customErrorMsg.length > 0;
|
|
923
931
|
var status = requiredFlag || validatorFlag || customFlag;
|
|
924
|
-
var requiredMsg = requiredFlag ? _this2.join(requiredErrorMsg) +
|
|
925
|
-
var validatorMsg = validatorFlag ? _this2.join(validatorErrorMsg) +
|
|
926
|
-
var customMsg = customFlag ? _this2.join(customErrorMsg) :
|
|
932
|
+
var requiredMsg = requiredFlag ? _this2.join(requiredErrorMsg) + "不能为空!" : "";
|
|
933
|
+
var validatorMsg = validatorFlag ? _this2.join(validatorErrorMsg) + "格式不符合!" : "";
|
|
934
|
+
var customMsg = customFlag ? _this2.join(customErrorMsg) : "";
|
|
927
935
|
if (status) {
|
|
928
936
|
_modal2.default.warning({
|
|
929
937
|
content: _react2.default.createElement(
|
|
930
|
-
|
|
938
|
+
"div",
|
|
931
939
|
null,
|
|
932
940
|
requiredMsg && _react2.default.createElement(
|
|
933
|
-
|
|
941
|
+
"p",
|
|
934
942
|
null,
|
|
935
943
|
requiredMsg
|
|
936
944
|
),
|
|
937
945
|
validatorMsg && _react2.default.createElement(
|
|
938
|
-
|
|
946
|
+
"p",
|
|
939
947
|
null,
|
|
940
948
|
validatorMsg
|
|
941
949
|
),
|
|
942
950
|
customMsg && _react2.default.createElement(
|
|
943
|
-
|
|
951
|
+
"p",
|
|
944
952
|
null,
|
|
945
953
|
customMsg
|
|
946
954
|
)
|
|
@@ -978,7 +986,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
978
986
|
switch (validator.constructor) {
|
|
979
987
|
case Function:
|
|
980
988
|
//函数
|
|
981
|
-
if (typeof validator(item[dataIndex]) ===
|
|
989
|
+
if (typeof validator(item[dataIndex]) === "boolean") {
|
|
982
990
|
!validator(item[dataIndex]) && validatorErrorMsg.push(title);
|
|
983
991
|
} else {
|
|
984
992
|
validator(item[dataIndex]) && customErrorMsg.push(validator(item[dataIndex]));
|
|
@@ -1012,14 +1020,14 @@ var KyEditableTable = function (_Component2) {
|
|
|
1012
1020
|
};
|
|
1013
1021
|
|
|
1014
1022
|
_this2.join = function (arr) {
|
|
1015
|
-
var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] :
|
|
1023
|
+
var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "、";
|
|
1016
1024
|
|
|
1017
1025
|
return [].concat((0, _toConsumableArray3.default)(new _set2.default(arr))).join(separator);
|
|
1018
1026
|
};
|
|
1019
1027
|
|
|
1020
1028
|
_this2.getMenuData = function (data) {
|
|
1021
1029
|
var plainOptions = data && data.length > 0 && data.filter(function (r) {
|
|
1022
|
-
return r.checked === undefined || r.checked !==
|
|
1030
|
+
return r.checked === undefined || r.checked !== "unchecked";
|
|
1023
1031
|
}).map(function (item, index) {
|
|
1024
1032
|
return { label: item.title, value: item.dataIndex };
|
|
1025
1033
|
});
|
|
@@ -1027,9 +1035,9 @@ var KyEditableTable = function (_Component2) {
|
|
|
1027
1035
|
_menu2.default,
|
|
1028
1036
|
{ selectable: true },
|
|
1029
1037
|
_react2.default.createElement(
|
|
1030
|
-
|
|
1031
|
-
{ className:
|
|
1032
|
-
plainOptions && plainOptions.length > 0 && _react2.default.createElement(
|
|
1038
|
+
"div",
|
|
1039
|
+
{ className: "NHCheckBoxStyle" },
|
|
1040
|
+
plainOptions && plainOptions.length > 0 && _react2.default.createElement(_index.HqCheckBox, {
|
|
1033
1041
|
gridLayout: true,
|
|
1034
1042
|
columnsNum: 1,
|
|
1035
1043
|
value: _this2.state.checkedColumns || [],
|
|
@@ -1043,7 +1051,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
1043
1051
|
_this2.handleColumn = function (checkedColumns) {
|
|
1044
1052
|
_this2.setState({ tableFlag: false });
|
|
1045
1053
|
_this2.columns = _this2.columns.map(function (col) {
|
|
1046
|
-
if (!col.dataIndex || col.dataIndex ===
|
|
1054
|
+
if (!col.dataIndex || col.dataIndex === "operation") {
|
|
1047
1055
|
return col;
|
|
1048
1056
|
}
|
|
1049
1057
|
if (col.dataIndex && checkedColumns.includes(col.dataIndex)) {
|
|
@@ -1075,16 +1083,16 @@ var KyEditableTable = function (_Component2) {
|
|
|
1075
1083
|
if (selectedRowKeys.find(function (item) {
|
|
1076
1084
|
return disabledDeleteKeys.includes(item);
|
|
1077
1085
|
})) {
|
|
1078
|
-
_message3.default.info(
|
|
1086
|
+
_message3.default.info("存在不能删除的数据!");
|
|
1079
1087
|
return false;
|
|
1080
1088
|
}
|
|
1081
1089
|
}
|
|
1082
|
-
(0,
|
|
1090
|
+
(0, _index.HqConfirm)("是否确定删除所选中的数据?", (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee8() {
|
|
1083
1091
|
return _regenerator2.default.wrap(function _callee8$(_context8) {
|
|
1084
1092
|
while (1) {
|
|
1085
1093
|
switch (_context8.prev = _context8.next) {
|
|
1086
1094
|
case 0:
|
|
1087
|
-
_this2.update(
|
|
1095
|
+
_this2.update("loading", true);
|
|
1088
1096
|
|
|
1089
1097
|
if (!onBathDel) {
|
|
1090
1098
|
_context8.next = 4;
|
|
@@ -1095,21 +1103,25 @@ var KyEditableTable = function (_Component2) {
|
|
|
1095
1103
|
return onBathDel(selectedRowKeys);
|
|
1096
1104
|
|
|
1097
1105
|
case 4:
|
|
1098
|
-
_this2.setState({
|
|
1106
|
+
_this2.setState({
|
|
1107
|
+
selectedRowKeys: [],
|
|
1108
|
+
showDeleteBtn: false,
|
|
1109
|
+
loading: false
|
|
1110
|
+
});
|
|
1099
1111
|
|
|
1100
1112
|
case 5:
|
|
1101
|
-
case
|
|
1113
|
+
case "end":
|
|
1102
1114
|
return _context8.stop();
|
|
1103
1115
|
}
|
|
1104
1116
|
}
|
|
1105
1117
|
}, _callee8, _this3);
|
|
1106
|
-
})),
|
|
1118
|
+
})), "warn");
|
|
1107
1119
|
}
|
|
1108
1120
|
};
|
|
1109
1121
|
|
|
1110
1122
|
_this2.state = {
|
|
1111
1123
|
editTableFlag: true,
|
|
1112
|
-
showBtnFlag:
|
|
1124
|
+
showBtnFlag: "edit",
|
|
1113
1125
|
tableLoading: false,
|
|
1114
1126
|
data: [],
|
|
1115
1127
|
editingKeys: [],
|
|
@@ -1125,17 +1137,17 @@ var KyEditableTable = function (_Component2) {
|
|
|
1125
1137
|
title: _this2.props.rowColumn.title,
|
|
1126
1138
|
dataIndex: _this2.props.rowColumn.dataIndex,
|
|
1127
1139
|
width: _this2.props.rowColumn.width || 80,
|
|
1128
|
-
checked:
|
|
1140
|
+
checked: "unchecked",
|
|
1129
1141
|
// fixed: 'left',
|
|
1130
1142
|
render: function render(text) {
|
|
1131
1143
|
return text;
|
|
1132
1144
|
}
|
|
1133
1145
|
}].concat((0, _toConsumableArray3.default)(_this2.props.columns), [{
|
|
1134
|
-
title:
|
|
1135
|
-
dataIndex:
|
|
1136
|
-
key:
|
|
1146
|
+
title: "操作",
|
|
1147
|
+
dataIndex: "operation",
|
|
1148
|
+
key: "operation",
|
|
1137
1149
|
width: 250,
|
|
1138
|
-
checked:
|
|
1150
|
+
checked: "unchecked",
|
|
1139
1151
|
// fixed: "right",
|
|
1140
1152
|
render: function render(_, record) {
|
|
1141
1153
|
var editable = _this2.isEditing(record);
|
|
@@ -1154,10 +1166,10 @@ var KyEditableTable = function (_Component2) {
|
|
|
1154
1166
|
function (form) {
|
|
1155
1167
|
return _react2.default.createElement(OperationColumn, (0, _extends3.default)({
|
|
1156
1168
|
onEdit: function onEdit() {
|
|
1157
|
-
_this2.edit(record[_this2.props.rowKey ||
|
|
1169
|
+
_this2.edit(record[_this2.props.rowKey || "key"]);
|
|
1158
1170
|
},
|
|
1159
1171
|
onCancel: function onCancel() {
|
|
1160
|
-
_this2.cancel(form, record[_this2.props.rowKey ||
|
|
1172
|
+
_this2.cancel(form, record[_this2.props.rowKey || "key"]);
|
|
1161
1173
|
},
|
|
1162
1174
|
onOK: function onOK(callback) {
|
|
1163
1175
|
record.loading = true;
|
|
@@ -1178,7 +1190,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
1178
1190
|
}
|
|
1179
1191
|
|
|
1180
1192
|
(0, _createClass3.default)(KyEditableTable, [{
|
|
1181
|
-
key:
|
|
1193
|
+
key: "componentDidMount",
|
|
1182
1194
|
value: function componentDidMount() {
|
|
1183
1195
|
var _props = this.props,
|
|
1184
1196
|
dataSource = _props.dataSource,
|
|
@@ -1188,7 +1200,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
1188
1200
|
this.initData(dataSource, tableModel, rowColumn);
|
|
1189
1201
|
}
|
|
1190
1202
|
}, {
|
|
1191
|
-
key:
|
|
1203
|
+
key: "componentWillReceiveProps",
|
|
1192
1204
|
value: function componentWillReceiveProps(nextProps) {
|
|
1193
1205
|
var dataSource = nextProps.dataSource,
|
|
1194
1206
|
tableModel = nextProps.tableModel,
|
|
@@ -1274,7 +1286,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
1274
1286
|
// }
|
|
1275
1287
|
|
|
1276
1288
|
}, {
|
|
1277
|
-
key:
|
|
1289
|
+
key: "render",
|
|
1278
1290
|
value: function render() {
|
|
1279
1291
|
var _this4 = this;
|
|
1280
1292
|
|
|
@@ -1306,7 +1318,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
1306
1318
|
enAdd = _props2.enAdd,
|
|
1307
1319
|
tableModel = _props2.tableModel;
|
|
1308
1320
|
|
|
1309
|
-
var readOnly = tableModel ===
|
|
1321
|
+
var readOnly = tableModel === "view";
|
|
1310
1322
|
var components = {
|
|
1311
1323
|
body: {
|
|
1312
1324
|
row: EditableFormRow,
|
|
@@ -1318,25 +1330,25 @@ var KyEditableTable = function (_Component2) {
|
|
|
1318
1330
|
temp.shift();
|
|
1319
1331
|
}
|
|
1320
1332
|
var columns = temp.map(function (col) {
|
|
1321
|
-
if (col.dataIndex ===
|
|
1333
|
+
if (col.dataIndex === "operation" && (readOnly || operationColumnHidden)) {
|
|
1322
1334
|
return;
|
|
1323
1335
|
}
|
|
1324
|
-
if (!col.dataIndex || col.dataIndex ===
|
|
1336
|
+
if (!col.dataIndex || col.dataIndex === "operation") {
|
|
1325
1337
|
return col;
|
|
1326
1338
|
}
|
|
1327
1339
|
if (col.checked === false) {
|
|
1328
1340
|
return;
|
|
1329
1341
|
}
|
|
1330
1342
|
|
|
1331
|
-
var tip =
|
|
1343
|
+
var tip = "";
|
|
1332
1344
|
if (col.tip) {
|
|
1333
1345
|
tip = _react2.default.createElement(
|
|
1334
|
-
|
|
1346
|
+
"span",
|
|
1335
1347
|
{ style: { marginLeft: 4 } },
|
|
1336
1348
|
_react2.default.createElement(
|
|
1337
1349
|
_tooltip2.default,
|
|
1338
1350
|
{ title: col.tip },
|
|
1339
|
-
_react2.default.createElement(_icon2.default, { type:
|
|
1351
|
+
_react2.default.createElement(_icon2.default, { type: "question-circle-o" })
|
|
1340
1352
|
)
|
|
1341
1353
|
);
|
|
1342
1354
|
}
|
|
@@ -1346,8 +1358,8 @@ var KyEditableTable = function (_Component2) {
|
|
|
1346
1358
|
_react2.default.Fragment,
|
|
1347
1359
|
null,
|
|
1348
1360
|
_react2.default.createElement(
|
|
1349
|
-
|
|
1350
|
-
{ className:
|
|
1361
|
+
"font",
|
|
1362
|
+
{ className: "editableTable-item-required" },
|
|
1351
1363
|
col.title
|
|
1352
1364
|
),
|
|
1353
1365
|
tip
|
|
@@ -1360,7 +1372,7 @@ var KyEditableTable = function (_Component2) {
|
|
|
1360
1372
|
onCell: function onCell(record) {
|
|
1361
1373
|
return {
|
|
1362
1374
|
record: record,
|
|
1363
|
-
editType: col.editType ||
|
|
1375
|
+
editType: col.editType || "",
|
|
1364
1376
|
dataIndex: col.dataIndex,
|
|
1365
1377
|
title: col.title,
|
|
1366
1378
|
editing: _this4.isEditing(record),
|
|
@@ -1384,23 +1396,28 @@ var KyEditableTable = function (_Component2) {
|
|
|
1384
1396
|
};
|
|
1385
1397
|
var title = function title() {
|
|
1386
1398
|
return _react2.default.createElement(
|
|
1387
|
-
|
|
1388
|
-
{ className:
|
|
1389
|
-
showBtnFlag ===
|
|
1399
|
+
"div",
|
|
1400
|
+
{ className: "self-table-title" },
|
|
1401
|
+
showBtnFlag === "save" && _react2.default.createElement(
|
|
1390
1402
|
_button2.default,
|
|
1391
|
-
{ type:
|
|
1392
|
-
|
|
1403
|
+
{ type: "primary", onClick: _this4.saveBtnClick },
|
|
1404
|
+
"\u4E00\u952E\u4FDD\u5B58"
|
|
1393
1405
|
),
|
|
1394
|
-
showBtnFlag ===
|
|
1406
|
+
showBtnFlag === "edit" && _react2.default.createElement(
|
|
1395
1407
|
_button2.default,
|
|
1396
|
-
{ type:
|
|
1397
|
-
|
|
1408
|
+
{ type: "primary", onClick: _this4.editBtnClick },
|
|
1409
|
+
"\u7EF4\u62A4\u6570\u636E"
|
|
1398
1410
|
),
|
|
1399
1411
|
titleBtnGroup,
|
|
1400
1412
|
showDeleteBtn && _react2.default.createElement(
|
|
1401
1413
|
_button2.default,
|
|
1402
|
-
{
|
|
1403
|
-
|
|
1414
|
+
{
|
|
1415
|
+
type: "danger",
|
|
1416
|
+
ghost: true,
|
|
1417
|
+
style: { marginLeft: 8 },
|
|
1418
|
+
onClick: _this4.deleteBtnClick
|
|
1419
|
+
},
|
|
1420
|
+
"\u5220\u9664"
|
|
1404
1421
|
),
|
|
1405
1422
|
reveal && _react2.default.createElement(
|
|
1406
1423
|
_dropdown2.default,
|
|
@@ -1408,36 +1425,41 @@ var KyEditableTable = function (_Component2) {
|
|
|
1408
1425
|
overlay: function overlay() {
|
|
1409
1426
|
return _this4.getMenuData(_this4.columns);
|
|
1410
1427
|
},
|
|
1411
|
-
placement:
|
|
1412
|
-
trigger:
|
|
1428
|
+
placement: "bottomLeft",
|
|
1429
|
+
trigger: "click",
|
|
1413
1430
|
overlayStyle: { minWidth: 150 }
|
|
1414
1431
|
},
|
|
1415
1432
|
_react2.default.createElement(
|
|
1416
1433
|
_button2.default,
|
|
1417
|
-
{ type:
|
|
1418
|
-
|
|
1434
|
+
{ type: "link", style: { float: "right" } },
|
|
1435
|
+
"\u5217\u5C55\u793A"
|
|
1419
1436
|
)
|
|
1420
1437
|
)
|
|
1421
1438
|
);
|
|
1422
1439
|
};
|
|
1423
1440
|
return _react2.default.createElement(
|
|
1424
|
-
|
|
1441
|
+
"div",
|
|
1425
1442
|
{ className: "KyEditableTable" },
|
|
1426
1443
|
!readOnly && _react2.default.createElement(
|
|
1427
|
-
|
|
1428
|
-
{ layout:
|
|
1444
|
+
"div",
|
|
1445
|
+
{ layout: "inline", className: "operation" },
|
|
1429
1446
|
topBtnGroup,
|
|
1430
1447
|
showDeleteBtn && _react2.default.createElement(
|
|
1431
1448
|
_button2.default,
|
|
1432
|
-
{
|
|
1433
|
-
|
|
1449
|
+
{
|
|
1450
|
+
type: "danger",
|
|
1451
|
+
ghost: true,
|
|
1452
|
+
style: { marginRight: 8 },
|
|
1453
|
+
onClick: this.deleteBtnClick
|
|
1454
|
+
},
|
|
1455
|
+
"\u5220\u9664"
|
|
1434
1456
|
)
|
|
1435
1457
|
),
|
|
1436
1458
|
_react2.default.createElement(_table2.default, {
|
|
1437
|
-
size:
|
|
1459
|
+
size: "small",
|
|
1438
1460
|
rowKey: rowKey,
|
|
1439
|
-
className:
|
|
1440
|
-
rowClassName:
|
|
1461
|
+
className: "self-editable-table",
|
|
1462
|
+
rowClassName: "self-editable-row",
|
|
1441
1463
|
bordered: bordered,
|
|
1442
1464
|
columns: columns,
|
|
1443
1465
|
components: components,
|
|
@@ -1458,16 +1480,16 @@ var KyEditableTable = function (_Component2) {
|
|
|
1458
1480
|
_react2.default.createElement(
|
|
1459
1481
|
_button2.default,
|
|
1460
1482
|
{
|
|
1461
|
-
type:
|
|
1483
|
+
type: "dashed",
|
|
1462
1484
|
block: true,
|
|
1463
1485
|
style: {
|
|
1464
|
-
margin:
|
|
1465
|
-
display: tableLoading || readOnly || enAdd ?
|
|
1486
|
+
margin: "16px 0 0 0",
|
|
1487
|
+
display: tableLoading || readOnly || enAdd ? "none" : "block"
|
|
1466
1488
|
},
|
|
1467
1489
|
onClick: this.add
|
|
1468
1490
|
},
|
|
1469
|
-
|
|
1470
|
-
addBtnName ? addBtnName :
|
|
1491
|
+
"+ \u65B0\u589E",
|
|
1492
|
+
addBtnName ? addBtnName : ""
|
|
1471
1493
|
)
|
|
1472
1494
|
);
|
|
1473
1495
|
}
|
|
@@ -1480,9 +1502,9 @@ var KyEditableTable = function (_Component2) {
|
|
|
1480
1502
|
|
|
1481
1503
|
KyEditableTable.defaultProps = {
|
|
1482
1504
|
rowId: true, //启用序号列
|
|
1483
|
-
rowKey:
|
|
1484
|
-
tableModel:
|
|
1485
|
-
rowColumn: { title:
|
|
1505
|
+
rowKey: "id",
|
|
1506
|
+
tableModel: "edit", //表格类型:edit<可编辑>,view<只读>
|
|
1507
|
+
rowColumn: { title: "序号", dataIndex: "rowId" },
|
|
1486
1508
|
disabledDeleteKeys: [],
|
|
1487
1509
|
tableLoading: false,
|
|
1488
1510
|
reveal: false,
|
|
@@ -1491,7 +1513,7 @@ KyEditableTable.defaultProps = {
|
|
|
1491
1513
|
topBtnGroup: undefined,
|
|
1492
1514
|
scroll: { x: 1500, y: 400 },
|
|
1493
1515
|
operationColumnHidden: false, //隐藏操作列
|
|
1494
|
-
dataSourceName:
|
|
1516
|
+
dataSourceName: "dataSource",
|
|
1495
1517
|
checkbox: true, //显示复选框列
|
|
1496
1518
|
hideEditBtn: false, //隐藏编辑按钮
|
|
1497
1519
|
hideResetBtn: false, //隐藏取消按钮
|