@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.
@@ -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 onDragEndtInside = function onDragEndtInside(event) {
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: onDragEndtInside,
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", {
@@ -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", "onDragEnd", "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"];
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[], nextDataSource: T[]) => 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
- var newValues = (_form$getFieldsValue = form.getFieldsValue()) !== null && _form$getFieldsValue !== void 0 ? _form$getFieldsValue : {};
206
- run(getTransformParams(_objectSpread(_objectSpread(_objectSpread({
207
+ run(getTransformParams(_objectSpread(_objectSpread({
207
208
  page: page
208
- }, searchValues), newValues), extraFilter)));
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 onDragEndtInside = function onDragEndtInside(event) {
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: onDragEndtInside,
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", "onDragEnd", "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"];
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[], nextDataSource: T[]) => 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
- var newValues = (_form$getFieldsValue = form.getFieldsValue()) !== null && _form$getFieldsValue !== void 0 ? _form$getFieldsValue : {};
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), newValues), extraFilter)));
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
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.13.5-beta.2",
3
+ "version": "3.13.5",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",