@zat-design/sisyphus-react 3.13.5-beta.3 → 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,11 +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
- var nextValues = removeEmptyKeys(newValues);
207
- run(getTransformParams(_objectSpread(_objectSpread(_objectSpread({
207
+ run(getTransformParams(_objectSpread(_objectSpread({
208
208
  page: page
209
- }, searchValues), nextValues), extraFilter)));
209
+ }, searchValues), extraFilter)));
210
210
  }, [allSelected, searchValues, extraFilter, data, getTransformParams]);
211
211
  var handleTableChange = useCallback(function (pagination, filters, sorter, extra) {
212
212
  // 跳过分页改变,使用pagination的onChange
@@ -247,7 +247,6 @@ function useAntdTable(service, options, useRequestOptions) {
247
247
  if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || isNonEmptyObject(_values) || !isEqual(previousSearchValues, _values)) {
248
248
  previousSearchValues = _values;
249
249
  setState({
250
- searchValues: _values,
251
250
  allSelected: false,
252
251
  selectedRecords: [],
253
252
  selectedRowKeys: []
@@ -259,7 +258,6 @@ function useAntdTable(service, options, useRequestOptions) {
259
258
  }, [extraFilter, page.pageSize, previousPage, getTransformParams]);
260
259
  var resetParams = useCallback(function (page) {
261
260
  setState({
262
- searchValues: undefined,
263
261
  allSelected: false,
264
262
  selectedRecords: [],
265
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,11 +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
- var nextValues = (0, _utils.removeEmptyKeys)(newValues);
214
- run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
212
+ run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
215
213
  page: page
216
- }, searchValues), nextValues), extraFilter)));
214
+ }, searchValues), extraFilter)));
217
215
  }, [allSelected, searchValues, extraFilter, data, getTransformParams]);
218
216
  var handleTableChange = (0, _react.useCallback)(function (pagination, filters, sorter, extra) {
219
217
  // 跳过分页改变,使用pagination的onChange
@@ -254,7 +252,6 @@ function useAntdTable(service, options, useRequestOptions) {
254
252
  if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || (0, _utils.isNonEmptyObject)(_values) || !(0, _lodash.isEqual)(previousSearchValues, _values)) {
255
253
  previousSearchValues = _values;
256
254
  setState({
257
- searchValues: _values,
258
255
  allSelected: false,
259
256
  selectedRecords: [],
260
257
  selectedRowKeys: []
@@ -266,7 +263,6 @@ function useAntdTable(service, options, useRequestOptions) {
266
263
  }, [extraFilter, page.pageSize, previousPage, getTransformParams]);
267
264
  var resetParams = (0, _react.useCallback)(function (page) {
268
265
  setState({
269
- searchValues: undefined,
270
266
  allSelected: false,
271
267
  selectedRecords: [],
272
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.3",
3
+ "version": "3.13.5",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",