uepay-mesh 4.0.16 → 4.0.18
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/mesh/form/options/extendsBtn.js +11 -12
- package/mesh/table/standardTable/actionColumnForm/actionDefOptions.js +20 -5
- package/mesh/table/standardTable/actionColumnForm/deleteRow.js +2 -4
- package/mesh/table/standardTable/actionColumnForm.js +87 -6
- package/mesh/table/standardTable/innerTable.js +126 -0
- package/mesh/table/standardTable/thColumn.js +1 -1
- package/mesh/table/standardTable.js +31 -31
- package/package.json +1 -1
- package/style.css +7 -1
|
@@ -58,7 +58,7 @@ function ExtendsBtn(_ref) {
|
|
|
58
58
|
duration: 30
|
|
59
59
|
});
|
|
60
60
|
|
|
61
|
-
const content = ref.current.resizableTextArea.textArea.value;
|
|
61
|
+
const content = ref.current && ref.current.resizableTextArea.textArea.value || '';
|
|
62
62
|
(0, _request.postFormbtns)({
|
|
63
63
|
host,
|
|
64
64
|
url,
|
|
@@ -122,7 +122,12 @@ function ExtendsBtn(_ref) {
|
|
|
122
122
|
type: 'primary'
|
|
123
123
|
} : {
|
|
124
124
|
type
|
|
125
|
-
}
|
|
125
|
+
},
|
|
126
|
+
comp = /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
|
|
127
|
+
title: btn
|
|
128
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
129
|
+
className: "ue-btn-ext"
|
|
130
|
+
}, btn));
|
|
126
131
|
|
|
127
132
|
switch (warnType) {
|
|
128
133
|
case 'Warning':
|
|
@@ -133,7 +138,7 @@ function ExtendsBtn(_ref) {
|
|
|
133
138
|
onConfirm: handleSubmit
|
|
134
139
|
}, /*#__PURE__*/_react.default.createElement(_antd.Button, _extends({
|
|
135
140
|
loading: loading
|
|
136
|
-
}, props),
|
|
141
|
+
}, props), comp));
|
|
137
142
|
|
|
138
143
|
case 'Message':
|
|
139
144
|
return /*#__PURE__*/_react.default.createElement(_antd.Popover, {
|
|
@@ -170,7 +175,7 @@ function ExtendsBtn(_ref) {
|
|
|
170
175
|
onClick: () => {
|
|
171
176
|
setVisible(true);
|
|
172
177
|
}
|
|
173
|
-
}),
|
|
178
|
+
}), comp));
|
|
174
179
|
|
|
175
180
|
case 'None':
|
|
176
181
|
default:
|
|
@@ -178,15 +183,9 @@ function ExtendsBtn(_ref) {
|
|
|
178
183
|
loading: loading
|
|
179
184
|
}, props, {
|
|
180
185
|
onClick: handleSubmit
|
|
181
|
-
}),
|
|
186
|
+
}), comp);
|
|
182
187
|
}
|
|
183
188
|
}
|
|
184
189
|
|
|
185
190
|
var _default = ExtendsBtn;
|
|
186
|
-
exports.default = _default;
|
|
187
|
-
|
|
188
|
-
function Content(_ref2) {
|
|
189
|
-
let {
|
|
190
|
-
content
|
|
191
|
-
} = _ref2;
|
|
192
|
-
}
|
|
191
|
+
exports.default = _default;
|
|
@@ -4,19 +4,34 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
exports.isCanDelete = isCanDelete;
|
|
8
|
+
exports.isCanEdit = isCanEdit;
|
|
9
|
+
exports.isCanView = isCanView;
|
|
10
|
+
|
|
11
|
+
var _antd = require("antd");
|
|
7
12
|
|
|
8
13
|
var _serverEnums = require("../../../config/serverEnums");
|
|
9
14
|
|
|
10
15
|
var _icons = require("@ant-design/icons");
|
|
11
16
|
|
|
12
|
-
var _antd = require("antd");
|
|
13
|
-
|
|
14
17
|
var _deleteRow = _interopRequireDefault(require("./deleteRow"));
|
|
15
18
|
|
|
16
19
|
var _react = _interopRequireDefault(require("react"));
|
|
17
20
|
|
|
18
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
22
|
|
|
23
|
+
function isCanView(deliverAuth, options) {
|
|
24
|
+
return options >= _serverEnums.OptionsFlag.QUERY;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
function isCanEdit(deliverAuth, options) {
|
|
28
|
+
return _serverEnums.OptionsFlag.EDIT === (deliverAuth & _serverEnums.OptionsFlag.EDIT) && _serverEnums.OptionsFlag.EDIT === (options & _serverEnums.OptionsFlag.EDIT);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
function isCanDelete(deliverAuth, options) {
|
|
32
|
+
return _serverEnums.OptionsFlag.DEL === (deliverAuth & _serverEnums.OptionsFlag.DEL) && _serverEnums.OptionsFlag.DEL === (options & _serverEnums.OptionsFlag.DEL);
|
|
33
|
+
}
|
|
34
|
+
|
|
20
35
|
const ActionDefOptions = _ref => {
|
|
21
36
|
let {
|
|
22
37
|
collectId,
|
|
@@ -32,19 +47,19 @@ const ActionDefOptions = _ref => {
|
|
|
32
47
|
} = collect;
|
|
33
48
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null,
|
|
34
49
|
/*显示控件*/
|
|
35
|
-
options
|
|
50
|
+
isCanView(deliverAuth, options) && /*#__PURE__*/_react.default.createElement("span", {
|
|
36
51
|
onClick: () => {
|
|
37
52
|
onAction(_serverEnums.OptionsState.VIEW, record[pkColumn.label], record, text);
|
|
38
53
|
}
|
|
39
54
|
}, /*#__PURE__*/_react.default.createElement("a", null, /*#__PURE__*/_react.default.createElement(_icons.EyeOutlined, null))),
|
|
40
55
|
/*编辑控件*/
|
|
41
|
-
|
|
56
|
+
isCanEdit(deliverAuth, options) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Divider, {
|
|
42
57
|
type: "vertical"
|
|
43
58
|
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
44
59
|
onClick: () => {
|
|
45
60
|
onAction(_serverEnums.OptionsState.EDIT, record[pkColumn.label], record, text);
|
|
46
61
|
}
|
|
47
|
-
}, /*#__PURE__*/_react.default.createElement("a", null, /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null)))), /*#__PURE__*/_react.default.createElement(_deleteRow.default, {
|
|
62
|
+
}, /*#__PURE__*/_react.default.createElement("a", null, /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null)))), isCanDelete(deliverAuth, options) && /*#__PURE__*/_react.default.createElement(_deleteRow.default, {
|
|
48
63
|
collectId: collectId,
|
|
49
64
|
collect: collect,
|
|
50
65
|
text: text,
|
|
@@ -11,8 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _uepayOps = require("uepay-ops2");
|
|
13
13
|
|
|
14
|
-
var _serverEnums = require("../../../config/serverEnums");
|
|
15
|
-
|
|
16
14
|
var _antd = require("antd");
|
|
17
15
|
|
|
18
16
|
var _DeleteOutlined = _interopRequireDefault(require("@ant-design/icons/lib/icons/DeleteOutlined"));
|
|
@@ -117,7 +115,7 @@ function DeleteOptions(_ref2) {
|
|
|
117
115
|
setLoading(false);
|
|
118
116
|
}
|
|
119
117
|
|
|
120
|
-
return
|
|
118
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Divider, {
|
|
121
119
|
type: "vertical"
|
|
122
120
|
}), loading ? /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("a", null, /*#__PURE__*/_react.default.createElement(_antd.Spin, {
|
|
123
121
|
indicator: icon
|
|
@@ -128,5 +126,5 @@ function DeleteOptions(_ref2) {
|
|
|
128
126
|
cancelText: "\u53D6\u6D88"
|
|
129
127
|
}, /*#__PURE__*/_react.default.createElement("a", null, /*#__PURE__*/_react.default.createElement("span", {
|
|
130
128
|
style: err ? ERR : {}
|
|
131
|
-
}, /*#__PURE__*/_react.default.createElement(_DeleteOutlined.default, null)))))
|
|
129
|
+
}, /*#__PURE__*/_react.default.createElement(_DeleteOutlined.default, null)))));
|
|
132
130
|
}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/web.dom.iterable.js");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -7,16 +9,40 @@ exports.default = void 0;
|
|
|
7
9
|
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
9
11
|
|
|
12
|
+
var _uepayOps = require("uepay-ops2");
|
|
13
|
+
|
|
14
|
+
var _icons = require("@ant-design/icons");
|
|
15
|
+
|
|
10
16
|
var _antd = require("antd");
|
|
11
17
|
|
|
12
|
-
var _actionDefOptions =
|
|
18
|
+
var _actionDefOptions = _interopRequireWildcard(require("./actionColumnForm/actionDefOptions"));
|
|
19
|
+
|
|
20
|
+
var _extension = _interopRequireWildcard(require("../../define/collect/extension"));
|
|
21
|
+
|
|
22
|
+
var _extendsBtn = _interopRequireDefault(require("../../form/options/extendsBtn"));
|
|
23
|
+
|
|
24
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
+
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
27
|
|
|
14
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
29
|
|
|
30
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
31
|
+
|
|
16
32
|
const {
|
|
17
33
|
Column,
|
|
18
34
|
ColumnGroup
|
|
19
35
|
} = _antd.Table;
|
|
36
|
+
|
|
37
|
+
function optionsWidth(deliverAuth, collect) {
|
|
38
|
+
const {
|
|
39
|
+
options
|
|
40
|
+
} = collect;
|
|
41
|
+
let width = 50;
|
|
42
|
+
(0, _actionDefOptions.isCanEdit)(deliverAuth, options) && (width += 25);
|
|
43
|
+
(0, _actionDefOptions.isCanDelete)(deliverAuth, options) && (width += 25);
|
|
44
|
+
return width;
|
|
45
|
+
}
|
|
20
46
|
/**
|
|
21
47
|
*
|
|
22
48
|
* @param collectId 数据集ID,如果是预览模式该值不存在
|
|
@@ -28,17 +54,25 @@ const {
|
|
|
28
54
|
* @constructor
|
|
29
55
|
*/
|
|
30
56
|
|
|
57
|
+
|
|
31
58
|
const actionColumnForm = _ref => {
|
|
32
59
|
let {
|
|
33
60
|
collectId,
|
|
34
61
|
collect,
|
|
35
62
|
pkColumn,
|
|
36
63
|
deliverAuth,
|
|
37
|
-
onAction
|
|
64
|
+
onAction,
|
|
65
|
+
xScroll,
|
|
66
|
+
onXScroll
|
|
38
67
|
} = _ref;
|
|
39
|
-
return /*#__PURE__*/_react.default.createElement(Column, {
|
|
40
|
-
title:
|
|
68
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, compFormbtns(collectId, collect, pkColumn), /*#__PURE__*/_react.default.createElement(Column, {
|
|
69
|
+
title: /*#__PURE__*/_react.default.createElement(ColumnXcroll, {
|
|
70
|
+
xScroll: xScroll,
|
|
71
|
+
onXScroll: onXScroll
|
|
72
|
+
}),
|
|
41
73
|
key: "action",
|
|
74
|
+
width: optionsWidth(deliverAuth, collect),
|
|
75
|
+
fixed: "right",
|
|
42
76
|
render: (text, record) => {
|
|
43
77
|
return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_actionDefOptions.default, {
|
|
44
78
|
collectId: collectId,
|
|
@@ -50,8 +84,55 @@ const actionColumnForm = _ref => {
|
|
|
50
84
|
onAction: onAction
|
|
51
85
|
}));
|
|
52
86
|
}
|
|
53
|
-
});
|
|
87
|
+
}));
|
|
54
88
|
};
|
|
55
89
|
|
|
56
90
|
var _default = actionColumnForm;
|
|
57
|
-
exports.default = _default;
|
|
91
|
+
exports.default = _default;
|
|
92
|
+
|
|
93
|
+
function compFormbtns(collectId, collect, pkColumn) {
|
|
94
|
+
const extension = collect.extension ? (0, _extension.buildExtension)(collect.extension) : false,
|
|
95
|
+
formbtns = extension && extension.formbtns.filter(item => item.list),
|
|
96
|
+
len = formbtns && Array.isArray(formbtns) && formbtns.length;
|
|
97
|
+
return len ? /*#__PURE__*/_react.default.createElement(Column, {
|
|
98
|
+
title: "",
|
|
99
|
+
key: "uepay-table-extends",
|
|
100
|
+
width: 120 * len,
|
|
101
|
+
fixed: "right",
|
|
102
|
+
render: (text, record) => /*#__PURE__*/_react.default.createElement(_antd.Space, null, formbtns.map(item => /*#__PURE__*/_react.default.createElement(_extendsBtn.default, _extends({}, item, {
|
|
103
|
+
host: (0, _uepayOps.getHost)(),
|
|
104
|
+
collectId: collectId,
|
|
105
|
+
pkData: record[pkColumn.label],
|
|
106
|
+
data: record,
|
|
107
|
+
fresh: () => {}
|
|
108
|
+
}))))
|
|
109
|
+
}) : null;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
function ColumnXcroll(_ref2) {
|
|
113
|
+
let {
|
|
114
|
+
xScroll,
|
|
115
|
+
onXScroll
|
|
116
|
+
} = _ref2;
|
|
117
|
+
|
|
118
|
+
switch (xScroll) {
|
|
119
|
+
case 'max-content':
|
|
120
|
+
return /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
|
|
121
|
+
title: "\u5B57\u6BB5\u5168\u6587\u986F\u793A"
|
|
122
|
+
}, /*#__PURE__*/_react.default.createElement("a", {
|
|
123
|
+
onClick: () => {
|
|
124
|
+
onXScroll && onXScroll('150px');
|
|
125
|
+
}
|
|
126
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.VerticalLeftOutlined, null), /*#__PURE__*/_react.default.createElement(_icons.VerticalRightOutlined, null)));
|
|
127
|
+
|
|
128
|
+
case '150px':
|
|
129
|
+
default:
|
|
130
|
+
return /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
|
|
131
|
+
title: "\u5B57\u6BB5\u7DCA\u51D1\u986F\u793A"
|
|
132
|
+
}, /*#__PURE__*/_react.default.createElement("a", {
|
|
133
|
+
onClick: () => {
|
|
134
|
+
onXScroll && onXScroll('max-content');
|
|
135
|
+
}
|
|
136
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.VerticalRightOutlined, null), /*#__PURE__*/_react.default.createElement(_icons.VerticalLeftOutlined, null)));
|
|
137
|
+
}
|
|
138
|
+
}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
require("core-js/modules/web.dom.iterable.js");
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
var _antd = require("antd");
|
|
13
|
+
|
|
14
|
+
var _thColumn = _interopRequireDefault(require("./thColumn"));
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
|
|
18
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
+
|
|
20
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
|
|
22
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
+
|
|
24
|
+
const Prefixed = 105;
|
|
25
|
+
/**
|
|
26
|
+
* @constructor
|
|
27
|
+
* @param {boolean} multiVisible - 是否显示多选框
|
|
28
|
+
*/
|
|
29
|
+
|
|
30
|
+
function InnerTable(_ref) {
|
|
31
|
+
let {
|
|
32
|
+
rowSelection,
|
|
33
|
+
//多选框配置回調
|
|
34
|
+
size,
|
|
35
|
+
//表尺寸
|
|
36
|
+
dataSource,
|
|
37
|
+
//數據源
|
|
38
|
+
onTableChange,
|
|
39
|
+
//表格改變回調 this.handleTableChange
|
|
40
|
+
pagination,
|
|
41
|
+
//處理分頁的方法
|
|
42
|
+
loading,
|
|
43
|
+
//是否加載中
|
|
44
|
+
onRowClass,
|
|
45
|
+
//處理行樣式的回調 this.handleRowClass
|
|
46
|
+
extParams,
|
|
47
|
+
//用於表格樣式的其他擴展屬性
|
|
48
|
+
//============
|
|
49
|
+
collectId,
|
|
50
|
+
//數據集ID
|
|
51
|
+
collect,
|
|
52
|
+
//數據集
|
|
53
|
+
labelSearchDict,
|
|
54
|
+
//搜索字典
|
|
55
|
+
reduxTableLabel,
|
|
56
|
+
reduxSearch,
|
|
57
|
+
deliverAuth,
|
|
58
|
+
//傳遞權限
|
|
59
|
+
pkColumn,
|
|
60
|
+
//主鍵列
|
|
61
|
+
action,
|
|
62
|
+
//操作列
|
|
63
|
+
columns,
|
|
64
|
+
//列定義
|
|
65
|
+
actKeys,
|
|
66
|
+
//操作列定義
|
|
67
|
+
//============
|
|
68
|
+
onSearch,
|
|
69
|
+
//搜索回調
|
|
70
|
+
onAction //操作回調
|
|
71
|
+
|
|
72
|
+
} = _ref;
|
|
73
|
+
const elref = (0, _react.useRef)(null),
|
|
74
|
+
[height, setHeight] = (0, _react.useState)(0),
|
|
75
|
+
[xScroll, setXScroll] = (0, _react.useState)('150px');
|
|
76
|
+
const handleResize = (0, _react.useCallback)(() => {
|
|
77
|
+
setHeight(elref.current.clientHeight - Prefixed);
|
|
78
|
+
}, []);
|
|
79
|
+
const handleTableXSrollChange = (0, _react.useCallback)(scroll => {
|
|
80
|
+
setXScroll(scroll);
|
|
81
|
+
}, []);
|
|
82
|
+
(0, _react.useLayoutEffect)(() => {
|
|
83
|
+
const body = document.getElementsByTagName('body')[0];
|
|
84
|
+
body.onresize = handleResize;
|
|
85
|
+
setHeight(elref.current.clientHeight - Prefixed);
|
|
86
|
+
}, []);
|
|
87
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
88
|
+
ref: elref,
|
|
89
|
+
className: "table"
|
|
90
|
+
}, height ? /*#__PURE__*/_react.default.createElement(_antd.Table, _extends({
|
|
91
|
+
rowSelection: rowSelection,
|
|
92
|
+
size: size,
|
|
93
|
+
dataSource: dataSource,
|
|
94
|
+
onChange: onTableChange,
|
|
95
|
+
pagination: pagination,
|
|
96
|
+
loading: loading,
|
|
97
|
+
rowClassName: onRowClass,
|
|
98
|
+
scroll: {
|
|
99
|
+
x: xScroll,
|
|
100
|
+
y: height
|
|
101
|
+
}
|
|
102
|
+
}, extParams), columns.filter(item => actKeys[item.column]).map(item => {
|
|
103
|
+
//显示数据列
|
|
104
|
+
return (0, _thColumn.default)({
|
|
105
|
+
collect,
|
|
106
|
+
field: item,
|
|
107
|
+
labelSearchDict,
|
|
108
|
+
reduxTableLabel,
|
|
109
|
+
reduxSearch,
|
|
110
|
+
deliverAuth,
|
|
111
|
+
onSearch
|
|
112
|
+
});
|
|
113
|
+
}), action && onAction && action({
|
|
114
|
+
//显示控制列
|
|
115
|
+
deliverAuth,
|
|
116
|
+
collectId,
|
|
117
|
+
collect,
|
|
118
|
+
pkColumn,
|
|
119
|
+
onAction,
|
|
120
|
+
xScroll,
|
|
121
|
+
onXScroll: handleTableXSrollChange
|
|
122
|
+
})) : null);
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
var _default = InnerTable;
|
|
126
|
+
exports.default = _default;
|
|
@@ -81,8 +81,8 @@ const thColumn = _ref => {
|
|
|
81
81
|
View = component.view,
|
|
82
82
|
Edit = component.edit,
|
|
83
83
|
config = component.config || {};
|
|
84
|
-
let value, searchValue;
|
|
85
84
|
return /*#__PURE__*/_react.default.createElement(Column, _extends({
|
|
85
|
+
width: 150,
|
|
86
86
|
key: label,
|
|
87
87
|
showSorterTooltip: _objectSpread({
|
|
88
88
|
title: /*#__PURE__*/_react.default.createElement(ColumnOptions, {
|
|
@@ -17,10 +17,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
17
17
|
|
|
18
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
19
|
|
|
20
|
-
var _antd = require("antd");
|
|
21
|
-
|
|
22
|
-
var _thColumn = _interopRequireDefault(require("./standardTable/thColumn"));
|
|
23
|
-
|
|
24
20
|
var _actionColumnForm = _interopRequireDefault(require("./standardTable/actionColumnForm"));
|
|
25
21
|
|
|
26
22
|
var _tableOptions = _interopRequireWildcard(require("./standardTable/tableOptions"));
|
|
@@ -41,14 +37,14 @@ var _icons = require("@ant-design/icons");
|
|
|
41
37
|
|
|
42
38
|
var _tableLabelExtend = _interopRequireDefault(require("./standardTable/tableLabelExtend"));
|
|
43
39
|
|
|
40
|
+
var _innerTable = _interopRequireDefault(require("./standardTable/innerTable"));
|
|
41
|
+
|
|
44
42
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
45
43
|
|
|
46
44
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
47
45
|
|
|
48
46
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
49
47
|
|
|
50
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
51
|
-
|
|
52
48
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
53
49
|
|
|
54
50
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -199,6 +195,12 @@ class StandardTable extends _react.default.Component {
|
|
|
199
195
|
})();
|
|
200
196
|
});
|
|
201
197
|
|
|
198
|
+
_defineProperty(this, "handleTableXSrollChange", xScroll => {
|
|
199
|
+
this.setState({
|
|
200
|
+
xScroll
|
|
201
|
+
});
|
|
202
|
+
});
|
|
203
|
+
|
|
202
204
|
_defineProperty(this, "handleTableLabelChange", actKeys => {
|
|
203
205
|
this.setState({
|
|
204
206
|
actKeys
|
|
@@ -275,8 +277,10 @@ class StandardTable extends _react.default.Component {
|
|
|
275
277
|
excludeKeys: _excludeKeys,
|
|
276
278
|
//指示列表顯示排除的字段
|
|
277
279
|
tableSize: _tableSize,
|
|
278
|
-
multiVisible: false
|
|
279
|
-
|
|
280
|
+
multiVisible: false,
|
|
281
|
+
//支持table列表的多选操作,目前仅支持删除项。是否激活
|
|
282
|
+
height: 0,
|
|
283
|
+
xScroll: '150px'
|
|
280
284
|
};
|
|
281
285
|
this.page = {
|
|
282
286
|
size: _pageSize,
|
|
@@ -519,7 +523,9 @@ class StandardTable extends _react.default.Component {
|
|
|
519
523
|
{
|
|
520
524
|
tableSize,
|
|
521
525
|
actKeys,
|
|
522
|
-
multiVisible
|
|
526
|
+
multiVisible,
|
|
527
|
+
height,
|
|
528
|
+
xScroll
|
|
523
529
|
} = this.state,
|
|
524
530
|
{
|
|
525
531
|
onRow,
|
|
@@ -571,35 +577,29 @@ class StandardTable extends _react.default.Component {
|
|
|
571
577
|
onModify: this.handleOptionsChange,
|
|
572
578
|
onExcel: this.handleExcel,
|
|
573
579
|
onAction: onAction
|
|
574
|
-
}))), /*#__PURE__*/_react.default.createElement(
|
|
575
|
-
|
|
576
|
-
}, /*#__PURE__*/_react.default.createElement(_antd.Table, _extends({
|
|
580
|
+
}))), /*#__PURE__*/_react.default.createElement(_innerTable.default, {
|
|
581
|
+
multiVisible: multiVisible,
|
|
577
582
|
rowSelection: multiVisible ? this.rowSelection : false,
|
|
578
583
|
size: size || tableSize,
|
|
579
584
|
dataSource: dataSource,
|
|
580
|
-
|
|
585
|
+
onTableChange: this.handleTableChange,
|
|
581
586
|
pagination: this.pagination(total),
|
|
582
587
|
loading: loading,
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
reduxSearch: this.reduxSearch,
|
|
592
|
-
deliverAuth,
|
|
593
|
-
onSearch: this.handleSearch
|
|
594
|
-
});
|
|
595
|
-
}), action && onAction && action({
|
|
596
|
-
//显示控制列
|
|
597
|
-
deliverAuth,
|
|
598
|
-
collectId,
|
|
599
|
-
collect,
|
|
588
|
+
onRowClass: this.handleRowClass,
|
|
589
|
+
extParams: extParams,
|
|
590
|
+
collectId: collectId,
|
|
591
|
+
collect: collect,
|
|
592
|
+
labelSearchDict: labelSearchDict,
|
|
593
|
+
reduxTableLabel: this.reduxTableLabel,
|
|
594
|
+
reduxSearch: this.reduxSearch,
|
|
595
|
+
deliverAuth: deliverAuth,
|
|
600
596
|
pkColumn: this.pkColumn,
|
|
597
|
+
action: action,
|
|
598
|
+
columns: this.columns,
|
|
599
|
+
actKeys: actKeys,
|
|
600
|
+
onSearch: this.handleSearch,
|
|
601
601
|
onAction: onAction
|
|
602
|
-
}))
|
|
602
|
+
}));
|
|
603
603
|
}
|
|
604
604
|
|
|
605
605
|
}
|
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -116,7 +116,8 @@
|
|
|
116
116
|
color: #ccc;
|
|
117
117
|
}
|
|
118
118
|
|
|
119
|
-
.uepay-standard-table .editable-cell .loading-icon{
|
|
119
|
+
.uepay-standard-table .editable-cell .loading-icon{
|
|
120
|
+
position: absolute;
|
|
120
121
|
width: 100%;
|
|
121
122
|
height: 1rem;
|
|
122
123
|
text-align: center;
|
|
@@ -487,4 +488,9 @@
|
|
|
487
488
|
padding: 30px 50px;
|
|
488
489
|
text-align: center;
|
|
489
490
|
border-radius: 4px;
|
|
491
|
+
}
|
|
492
|
+
.ue-btn-ext {
|
|
493
|
+
max-width: 80px;
|
|
494
|
+
overflow-x: hidden;
|
|
495
|
+
text-overflow: ellipsis;
|
|
490
496
|
}
|