@zat-design/sisyphus-react 3.13.5-beta.2 → 3.13.5
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/es/ProEditTable/components/RcTable/DraggableTable.js +8 -11
- package/es/ProEditTable/index.js +1 -3
- package/es/ProEditTable/propsType.d.ts +1 -11
- package/es/ProTable/hooks/useAntdTable.js +7 -8
- package/es/ProTable/propsType.d.ts +0 -6
- package/es/ProUpload/components/ButtonRender.js +0 -3
- package/lib/ProEditTable/components/RcTable/DraggableTable.js +8 -11
- package/lib/ProEditTable/index.js +1 -3
- package/lib/ProEditTable/propsType.d.ts +1 -11
- package/lib/ProTable/hooks/useAntdTable.js +5 -8
- package/lib/ProTable/propsType.d.ts +0 -6
- package/lib/ProUpload/components/ButtonRender.js +0 -3
- package/package.json +1 -1
@@ -72,13 +72,17 @@ var DndWrapper = function DndWrapper(_ref2) {
|
|
72
72
|
value = _ref2.value,
|
73
73
|
onChange = _ref2.onChange,
|
74
74
|
onDrag = _ref2.onDrag,
|
75
|
-
onDragEnd = _ref2.onDragEnd,
|
76
75
|
disabled = _ref2.disabled,
|
77
76
|
children = _ref2.children;
|
78
|
-
var
|
77
|
+
var onDragEnd = function onDragEnd(event) {
|
79
78
|
var active = event.active,
|
80
79
|
over = event.over;
|
81
80
|
if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
|
81
|
+
if (onDrag) {
|
82
|
+
var nextList = onDrag(event, value);
|
83
|
+
onChange(nextList);
|
84
|
+
return;
|
85
|
+
}
|
82
86
|
var activeIndex = value.findIndex(function (i) {
|
83
87
|
return i.rowKey === active.id;
|
84
88
|
});
|
@@ -86,16 +90,11 @@ var DndWrapper = function DndWrapper(_ref2) {
|
|
86
90
|
return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
|
87
91
|
});
|
88
92
|
var nextValue = arrayMove(value, activeIndex, overIndex);
|
89
|
-
if (onDrag || onDragEnd) {
|
90
|
-
var nextList = onDragEnd ? onDragEnd(event, value, nextValue) : onDrag(event, value, nextValue);
|
91
|
-
onChange(nextList);
|
92
|
-
return;
|
93
|
-
}
|
94
93
|
onChange(nextValue);
|
95
94
|
}
|
96
95
|
};
|
97
96
|
return draggable && !disabled ? _jsx(DndContext, {
|
98
|
-
onDragEnd:
|
97
|
+
onDragEnd: onDragEnd,
|
99
98
|
children: _jsx(SortableContext, {
|
100
99
|
items: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value.map(function (i) {
|
101
100
|
return i.rowKey;
|
@@ -131,13 +130,11 @@ var DraggableTable = function DraggableTable(_ref3) {
|
|
131
130
|
handlePageChange = tableProps.handlePageChange;
|
132
131
|
var onChange = draggableProps.onChange,
|
133
132
|
onDrag = draggableProps.onDrag,
|
134
|
-
draggable = draggableProps.draggable
|
135
|
-
onDragEnd = draggableProps.onDragEnd;
|
133
|
+
draggable = draggableProps.draggable;
|
136
134
|
return _jsxs(DndWrapper, {
|
137
135
|
value: value,
|
138
136
|
onChange: onChange,
|
139
137
|
onDrag: onDrag,
|
140
|
-
onDragEnd: onDragEnd,
|
141
138
|
disabled: disabled,
|
142
139
|
draggable: draggable,
|
143
140
|
children: [headerRender ? _jsx("div", {
|
package/es/ProEditTable/index.js
CHANGED
@@ -11,7 +11,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
11
11
|
import "antd/es/form/style";
|
12
12
|
import _Form from "antd/es/form";
|
13
13
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
14
|
-
var _excluded = ["value", "onChange", "onDrag", "
|
14
|
+
var _excluded = ["value", "onChange", "onDrag", "className", "columns", "type", "mode", "stripe", "draggable", "virtual", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "toolbarSticky", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "rowKey", "rowDisabled", "rowDraggable", "footerRender", "scroll", "actionDirection", "diffConfig"];
|
15
15
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
16
16
|
import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
|
17
17
|
import { get, isArray, isBoolean, set } from 'lodash';
|
@@ -29,7 +29,6 @@ var ProEditTable = function ProEditTable(_ref, ref) {
|
|
29
29
|
var value = _ref.value,
|
30
30
|
onChange = _ref.onChange,
|
31
31
|
onDrag = _ref.onDrag,
|
32
|
-
onDragEnd = _ref.onDragEnd,
|
33
32
|
className = _ref.className,
|
34
33
|
columns = _ref.columns,
|
35
34
|
type = _ref.type,
|
@@ -406,7 +405,6 @@ var ProEditTable = function ProEditTable(_ref, ref) {
|
|
406
405
|
draggableProps: {
|
407
406
|
onChange: onChange,
|
408
407
|
onDrag: onDrag,
|
409
|
-
onDragEnd: onDragEnd,
|
410
408
|
draggable: draggable
|
411
409
|
},
|
412
410
|
tableProps: {
|
@@ -377,18 +377,8 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
|
|
377
377
|
rowDraggable?: (record?: T) => string | boolean;
|
378
378
|
/**
|
379
379
|
* 拖拽事件处理
|
380
|
-
* @param event 拖拽事件
|
381
|
-
* @param dataSource 当前数据源
|
382
|
-
* @param nextDataSource 拖拽后的数据源
|
383
380
|
*/
|
384
|
-
onDrag?: (event: DragEndEvent, dataSource: T[]
|
385
|
-
/**
|
386
|
-
* 拖拽结束事件处理
|
387
|
-
* @param event 拖拽事件
|
388
|
-
* @param dataSource 当前数据源
|
389
|
-
* @param nextDataSource 拖拽后的数据源
|
390
|
-
*/
|
391
|
-
onDragEnd?: (event: DragEndEvent, dataSource: T[], nextDataSource: T[]) => T[];
|
381
|
+
onDrag?: (event: DragEndEvent, dataSource: T[]) => T[];
|
392
382
|
/**
|
393
383
|
* 引用对象
|
394
384
|
*/
|
@@ -4,6 +4,8 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
4
4
|
import "antd/es/message/style";
|
5
5
|
import _message from "antd/es/message";
|
6
6
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
7
|
+
import "antd/es/form/style";
|
8
|
+
import _Form from "antd/es/form";
|
7
9
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
8
10
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
9
11
|
var _excluded = ["page", "filters", "sorter"];
|
@@ -32,7 +34,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
32
34
|
total: 0,
|
33
35
|
selectedRecords: [],
|
34
36
|
selectedRowKeys: [],
|
35
|
-
searchValues: undefined,
|
36
37
|
extraFilter: {
|
37
38
|
filters: undefined,
|
38
39
|
sorter: undefined
|
@@ -45,7 +46,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
45
46
|
total = _useSetState2$.total,
|
46
47
|
selectedRecords = _useSetState2$.selectedRecords,
|
47
48
|
selectedRowKeys = _useSetState2$.selectedRowKeys,
|
48
|
-
searchValues = _useSetState2$.searchValues,
|
49
49
|
extraFilter = _useSetState2$.extraFilter,
|
50
50
|
allSelected = _useSetState2$.allSelected,
|
51
51
|
setState = _useSetState2[1];
|
@@ -66,6 +66,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
66
66
|
transformParams = _useDefaultOptions.transformParams,
|
67
67
|
transformResponse = _useDefaultOptions.transformResponse,
|
68
68
|
disabled = _useDefaultOptions.disabled;
|
69
|
+
// 搜索表单里的值
|
70
|
+
var _searchValues = _Form.useWatch([], form);
|
71
|
+
var searchValues = removeEmptyKeys(_searchValues);
|
69
72
|
var _ref = useRequestOptions || {},
|
70
73
|
defaultParams = _ref.defaultParams;
|
71
74
|
var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
|
@@ -190,7 +193,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
190
193
|
}, []);
|
191
194
|
// 分页变更
|
192
195
|
var handlePageChange = useCallback(function (current, pageSize) {
|
193
|
-
var _form$getFieldsValue;
|
194
196
|
var page = {
|
195
197
|
pageNum: current,
|
196
198
|
pageSize: pageSize
|
@@ -202,10 +204,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
202
204
|
selectedRowKeys: []
|
203
205
|
});
|
204
206
|
}
|
205
|
-
|
206
|
-
run(getTransformParams(_objectSpread(_objectSpread(_objectSpread({
|
207
|
+
run(getTransformParams(_objectSpread(_objectSpread({
|
207
208
|
page: page
|
208
|
-
}, searchValues),
|
209
|
+
}, searchValues), extraFilter)));
|
209
210
|
}, [allSelected, searchValues, extraFilter, data, getTransformParams]);
|
210
211
|
var handleTableChange = useCallback(function (pagination, filters, sorter, extra) {
|
211
212
|
// 跳过分页改变,使用pagination的onChange
|
@@ -246,7 +247,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
246
247
|
if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || isNonEmptyObject(_values) || !isEqual(previousSearchValues, _values)) {
|
247
248
|
previousSearchValues = _values;
|
248
249
|
setState({
|
249
|
-
searchValues: _values,
|
250
250
|
allSelected: false,
|
251
251
|
selectedRecords: [],
|
252
252
|
selectedRowKeys: []
|
@@ -258,7 +258,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
258
258
|
}, [extraFilter, page.pageSize, previousPage, getTransformParams]);
|
259
259
|
var resetParams = useCallback(function (page) {
|
260
260
|
setState({
|
261
|
-
searchValues: undefined,
|
262
261
|
allSelected: false,
|
263
262
|
selectedRecords: [],
|
264
263
|
selectedRowKeys: [],
|
@@ -735,12 +735,6 @@ export interface ProTableUseAntdTableType<I, R> {
|
|
735
735
|
* @default []
|
736
736
|
*/
|
737
737
|
selectedRowKeys: Key[];
|
738
|
-
/**
|
739
|
-
* 搜索值
|
740
|
-
* @description 当前表单的搜索条件
|
741
|
-
* @default undefined
|
742
|
-
*/
|
743
|
-
searchValues: I;
|
744
738
|
/**
|
745
739
|
* 额外过滤条件
|
746
740
|
* @description 表单之外的额外过滤条件
|
@@ -92,9 +92,6 @@ var ButtonRender = function ButtonRender(props) {
|
|
92
92
|
children: [_jsx(CloudUploadOutlined, {}), buttonText]
|
93
93
|
})), afterRender ? _jsx("div", {
|
94
94
|
className: "pro-upload-button-inner-right",
|
95
|
-
onClick: function onClick(e) {
|
96
|
-
return e.stopPropagation();
|
97
|
-
},
|
98
95
|
children: afterRender
|
99
96
|
}) : null]
|
100
97
|
})
|
@@ -79,13 +79,17 @@ var DndWrapper = function DndWrapper(_ref2) {
|
|
79
79
|
value = _ref2.value,
|
80
80
|
onChange = _ref2.onChange,
|
81
81
|
onDrag = _ref2.onDrag,
|
82
|
-
onDragEnd = _ref2.onDragEnd,
|
83
82
|
disabled = _ref2.disabled,
|
84
83
|
children = _ref2.children;
|
85
|
-
var
|
84
|
+
var onDragEnd = function onDragEnd(event) {
|
86
85
|
var active = event.active,
|
87
86
|
over = event.over;
|
88
87
|
if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
|
88
|
+
if (onDrag) {
|
89
|
+
var nextList = onDrag(event, value);
|
90
|
+
onChange(nextList);
|
91
|
+
return;
|
92
|
+
}
|
89
93
|
var activeIndex = value.findIndex(function (i) {
|
90
94
|
return i.rowKey === active.id;
|
91
95
|
});
|
@@ -93,16 +97,11 @@ var DndWrapper = function DndWrapper(_ref2) {
|
|
93
97
|
return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
|
94
98
|
});
|
95
99
|
var nextValue = (0, _sortable.arrayMove)(value, activeIndex, overIndex);
|
96
|
-
if (onDrag || onDragEnd) {
|
97
|
-
var nextList = onDragEnd ? onDragEnd(event, value, nextValue) : onDrag(event, value, nextValue);
|
98
|
-
onChange(nextList);
|
99
|
-
return;
|
100
|
-
}
|
101
100
|
onChange(nextValue);
|
102
101
|
}
|
103
102
|
};
|
104
103
|
return draggable && !disabled ? (0, _jsxRuntime.jsx)(_core.DndContext, {
|
105
|
-
onDragEnd:
|
104
|
+
onDragEnd: onDragEnd,
|
106
105
|
children: (0, _jsxRuntime.jsx)(_sortable.SortableContext, {
|
107
106
|
items: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value.map(function (i) {
|
108
107
|
return i.rowKey;
|
@@ -138,13 +137,11 @@ var DraggableTable = function DraggableTable(_ref3) {
|
|
138
137
|
handlePageChange = tableProps.handlePageChange;
|
139
138
|
var onChange = draggableProps.onChange,
|
140
139
|
onDrag = draggableProps.onDrag,
|
141
|
-
draggable = draggableProps.draggable
|
142
|
-
onDragEnd = draggableProps.onDragEnd;
|
140
|
+
draggable = draggableProps.draggable;
|
143
141
|
return (0, _jsxRuntime.jsxs)(DndWrapper, {
|
144
142
|
value: value,
|
145
143
|
onChange: onChange,
|
146
144
|
onDrag: onDrag,
|
147
|
-
onDragEnd: onDragEnd,
|
148
145
|
disabled: disabled,
|
149
146
|
draggable: draggable,
|
150
147
|
children: [headerRender ? (0, _jsxRuntime.jsx)("div", {
|
@@ -26,13 +26,12 @@ var _ProForm = _interopRequireDefault(require("../ProForm"));
|
|
26
26
|
var _empty = _interopRequireDefault(require("../assets/empty.png"));
|
27
27
|
var _locale = _interopRequireWildcard(require("../locale"));
|
28
28
|
var _RcTable = require("./components/RcTable");
|
29
|
-
var _excluded = ["value", "onChange", "onDrag", "
|
29
|
+
var _excluded = ["value", "onChange", "onDrag", "className", "columns", "type", "mode", "stripe", "draggable", "virtual", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "toolbarSticky", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "rowKey", "rowDisabled", "rowDraggable", "footerRender", "scroll", "actionDirection", "diffConfig"];
|
30
30
|
var ProEditTable = function ProEditTable(_ref, ref) {
|
31
31
|
var _resetProps$id, _resetProps$id$split, _themeConfig$data2, _resetProps$otherProp;
|
32
32
|
var value = _ref.value,
|
33
33
|
onChange = _ref.onChange,
|
34
34
|
onDrag = _ref.onDrag,
|
35
|
-
onDragEnd = _ref.onDragEnd,
|
36
35
|
className = _ref.className,
|
37
36
|
columns = _ref.columns,
|
38
37
|
type = _ref.type,
|
@@ -409,7 +408,6 @@ var ProEditTable = function ProEditTable(_ref, ref) {
|
|
409
408
|
draggableProps: {
|
410
409
|
onChange: onChange,
|
411
410
|
onDrag: onDrag,
|
412
|
-
onDragEnd: onDragEnd,
|
413
411
|
draggable: draggable
|
414
412
|
},
|
415
413
|
tableProps: {
|
@@ -377,18 +377,8 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
|
|
377
377
|
rowDraggable?: (record?: T) => string | boolean;
|
378
378
|
/**
|
379
379
|
* 拖拽事件处理
|
380
|
-
* @param event 拖拽事件
|
381
|
-
* @param dataSource 当前数据源
|
382
|
-
* @param nextDataSource 拖拽后的数据源
|
383
380
|
*/
|
384
|
-
onDrag?: (event: DragEndEvent, dataSource: T[]
|
385
|
-
/**
|
386
|
-
* 拖拽结束事件处理
|
387
|
-
* @param event 拖拽事件
|
388
|
-
* @param dataSource 当前数据源
|
389
|
-
* @param nextDataSource 拖拽后的数据源
|
390
|
-
*/
|
391
|
-
onDragEnd?: (event: DragEndEvent, dataSource: T[], nextDataSource: T[]) => T[];
|
381
|
+
onDrag?: (event: DragEndEvent, dataSource: T[]) => T[];
|
392
382
|
/**
|
393
383
|
* 引用对象
|
394
384
|
*/
|
@@ -39,7 +39,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
39
39
|
total: 0,
|
40
40
|
selectedRecords: [],
|
41
41
|
selectedRowKeys: [],
|
42
|
-
searchValues: undefined,
|
43
42
|
extraFilter: {
|
44
43
|
filters: undefined,
|
45
44
|
sorter: undefined
|
@@ -52,7 +51,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
52
51
|
total = _useSetState2$.total,
|
53
52
|
selectedRecords = _useSetState2$.selectedRecords,
|
54
53
|
selectedRowKeys = _useSetState2$.selectedRowKeys,
|
55
|
-
searchValues = _useSetState2$.searchValues,
|
56
54
|
extraFilter = _useSetState2$.extraFilter,
|
57
55
|
allSelected = _useSetState2$.allSelected,
|
58
56
|
setState = _useSetState2[1];
|
@@ -73,6 +71,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
73
71
|
transformParams = _useDefaultOptions.transformParams,
|
74
72
|
transformResponse = _useDefaultOptions.transformResponse,
|
75
73
|
disabled = _useDefaultOptions.disabled;
|
74
|
+
// 搜索表单里的值
|
75
|
+
var _searchValues = _antd.Form.useWatch([], form);
|
76
|
+
var searchValues = (0, _utils.removeEmptyKeys)(_searchValues);
|
76
77
|
var _ref = useRequestOptions || {},
|
77
78
|
defaultParams = _ref.defaultParams;
|
78
79
|
var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
|
@@ -197,7 +198,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
197
198
|
}, []);
|
198
199
|
// 分页变更
|
199
200
|
var handlePageChange = (0, _react.useCallback)(function (current, pageSize) {
|
200
|
-
var _form$getFieldsValue;
|
201
201
|
var page = {
|
202
202
|
pageNum: current,
|
203
203
|
pageSize: pageSize
|
@@ -209,10 +209,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
209
209
|
selectedRowKeys: []
|
210
210
|
});
|
211
211
|
}
|
212
|
-
|
213
|
-
run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
|
212
|
+
run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
|
214
213
|
page: page
|
215
|
-
}, searchValues),
|
214
|
+
}, searchValues), extraFilter)));
|
216
215
|
}, [allSelected, searchValues, extraFilter, data, getTransformParams]);
|
217
216
|
var handleTableChange = (0, _react.useCallback)(function (pagination, filters, sorter, extra) {
|
218
217
|
// 跳过分页改变,使用pagination的onChange
|
@@ -253,7 +252,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
253
252
|
if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || (0, _utils.isNonEmptyObject)(_values) || !(0, _lodash.isEqual)(previousSearchValues, _values)) {
|
254
253
|
previousSearchValues = _values;
|
255
254
|
setState({
|
256
|
-
searchValues: _values,
|
257
255
|
allSelected: false,
|
258
256
|
selectedRecords: [],
|
259
257
|
selectedRowKeys: []
|
@@ -265,7 +263,6 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
265
263
|
}, [extraFilter, page.pageSize, previousPage, getTransformParams]);
|
266
264
|
var resetParams = (0, _react.useCallback)(function (page) {
|
267
265
|
setState({
|
268
|
-
searchValues: undefined,
|
269
266
|
allSelected: false,
|
270
267
|
selectedRecords: [],
|
271
268
|
selectedRowKeys: [],
|
@@ -735,12 +735,6 @@ export interface ProTableUseAntdTableType<I, R> {
|
|
735
735
|
* @default []
|
736
736
|
*/
|
737
737
|
selectedRowKeys: Key[];
|
738
|
-
/**
|
739
|
-
* 搜索值
|
740
|
-
* @description 当前表单的搜索条件
|
741
|
-
* @default undefined
|
742
|
-
*/
|
743
|
-
searchValues: I;
|
744
738
|
/**
|
745
739
|
* 额外过滤条件
|
746
740
|
* @description 表单之外的额外过滤条件
|
@@ -96,9 +96,6 @@ var ButtonRender = function ButtonRender(props) {
|
|
96
96
|
children: [(0, _jsxRuntime.jsx)(_icons.CloudUploadOutlined, {}), buttonText]
|
97
97
|
})), afterRender ? (0, _jsxRuntime.jsx)("div", {
|
98
98
|
className: "pro-upload-button-inner-right",
|
99
|
-
onClick: function onClick(e) {
|
100
|
-
return e.stopPropagation();
|
101
|
-
},
|
102
99
|
children: afterRender
|
103
100
|
}) : null]
|
104
101
|
})
|