@zat-design/sisyphus-react 3.13.6-beta.5 → 3.13.6

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.
@@ -117,7 +117,7 @@ export var DownloadRequest = /*#__PURE__*/function () {
117
117
  _message.error("".concat(locale.ProDownload.errorMessage));
118
118
  return _context.abrupt("return", Promise.reject("".concat(locale.ProDownload.errorMessage)));
119
119
  case 7:
120
- if (!((_data === null || _data === void 0 ? void 0 : _data.status) !== 200 || (_data === null || _data === void 0 ? void 0 : _data.code) === 401)) {
120
+ if (!((_data === null || _data === void 0 ? void 0 : _data.status) > 200 || (_data === null || _data === void 0 ? void 0 : _data.code) === 401)) {
121
121
  _context.next = 12;
122
122
  break;
123
123
  }
@@ -7,7 +7,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
7
7
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
8
8
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
9
9
  var _excluded = ["page", "filters", "sorter"];
10
- import { useEffect, useMemo, useState } from 'react';
10
+ import { useCallback, useEffect, useMemo, useState } from 'react';
11
11
  import { useRequest, useSetState, useDeepCompareEffect, usePrevious } from 'ahooks';
12
12
  import { pickBy, isObject, merge, set, isEqual, omit } from 'lodash';
13
13
  import { defaultPage } from '../index';
@@ -36,8 +36,7 @@ function useAntdTable(service, options, useRequestOptions) {
36
36
  filters: undefined,
37
37
  sorter: undefined
38
38
  },
39
- allSelected: false,
40
- searchValues: {}
39
+ allSelected: false
41
40
  }),
42
41
  _useSetState2 = _slicedToArray(_useSetState, 2),
43
42
  _useSetState2$ = _useSetState2[0],
@@ -47,7 +46,6 @@ function useAntdTable(service, options, useRequestOptions) {
47
46
  selectedRowKeys = _useSetState2$.selectedRowKeys,
48
47
  extraFilter = _useSetState2$.extraFilter,
49
48
  allSelected = _useSetState2$.allSelected,
50
- searchValues = _useSetState2$.searchValues,
51
49
  setState = _useSetState2[1];
52
50
  var _useDefaultOptions = useDefaultOptions(options),
53
51
  form = _useDefaultOptions.form,
@@ -71,7 +69,7 @@ function useAntdTable(service, options, useRequestOptions) {
71
69
  var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
72
70
  var initPage = (options === null || options === void 0 ? void 0 : options.page) || defaultPage;
73
71
  var previousPage = usePrevious(page || defaultPage);
74
- var getTransformParams = function getTransformParams(params) {
72
+ var getTransformParams = useCallback(function (params) {
75
73
  var _pickBy;
76
74
  var realParams = _objectSpread(_objectSpread(_objectSpread({}, defaultParam), extraParams), params);
77
75
  var _realParams$page = realParams.page,
@@ -92,7 +90,7 @@ function useAntdTable(service, options, useRequestOptions) {
92
90
  return transformParams(realParams, requestParams);
93
91
  }
94
92
  return requestParams;
95
- };
93
+ }, [defaultParam, extraParams]);
96
94
  // 仅清数据源相关,查询相关
97
95
  var handleSetStateCallback = function handleSetStateCallback(values) {
98
96
  setState(_objectSpread({
@@ -137,13 +135,13 @@ function useAntdTable(service, options, useRequestOptions) {
137
135
  var run = result.run,
138
136
  refreshAsync = result.refreshAsync;
139
137
  // service变化时触发 (禁止掉防止service变更时导致的死循环)
140
- var clearSelected = function clearSelected() {
138
+ var clearSelected = useCallback(function () {
141
139
  setState({
142
140
  allSelected: false,
143
141
  selectedRecords: [],
144
142
  selectedRowKeys: []
145
143
  });
146
- };
144
+ }, []);
147
145
  /**
148
146
  * 手动触发时,手动调用run
149
147
  */
@@ -189,7 +187,7 @@ function useAntdTable(service, options, useRequestOptions) {
189
187
  };
190
188
  }, []);
191
189
  // 分页变更
192
- var handlePageChange = function handlePageChange(current, pageSize) {
190
+ var handlePageChange = useCallback(function (current, pageSize) {
193
191
  var _form$getFieldsValue;
194
192
  var page = {
195
193
  pageNum: current,
@@ -207,8 +205,8 @@ function useAntdTable(service, options, useRequestOptions) {
207
205
  run(getTransformParams(_objectSpread(_objectSpread({
208
206
  page: page
209
207
  }, nextValues), extraFilter)));
210
- };
211
- var handleTableChange = function handleTableChange(pagination, filters, sorter, extra) {
208
+ }, [allSelected, extraFilter, data, getTransformParams]);
209
+ var handleTableChange = useCallback(function (pagination, filters, sorter, extra) {
212
210
  var _form$getFieldsValue2;
213
211
  // 跳过分页改变,使用pagination的onChange
214
212
  if (extra.action === 'paginate') {
@@ -227,15 +225,15 @@ function useAntdTable(service, options, useRequestOptions) {
227
225
  sorter: sorter
228
226
  }
229
227
  });
230
- var _values = (_form$getFieldsValue2 = form === null || form === void 0 ? void 0 : form.getFieldsValue()) !== null && _form$getFieldsValue2 !== void 0 ? _form$getFieldsValue2 : {};
228
+ var _values = (_form$getFieldsValue2 = form.getFieldsValue()) !== null && _form$getFieldsValue2 !== void 0 ? _form$getFieldsValue2 : {};
231
229
  run(getTransformParams(_objectSpread(_objectSpread({
232
230
  page: page
233
231
  }, _values), {}, {
234
232
  filters: filters,
235
233
  sorter: sorter
236
234
  })));
237
- };
238
- var onSearch = function onSearch(values) {
235
+ }, [allSelected, getTransformParams]);
236
+ var onSearch = useCallback(function (values) {
239
237
  var newPage = {
240
238
  pageNum: 1,
241
239
  pageSize: page.pageSize
@@ -249,7 +247,6 @@ function useAntdTable(service, options, useRequestOptions) {
249
247
  if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || isNonEmptyObject(_values) || !isEqual(previousSearchValues, _values)) {
250
248
  previousSearchValues = _values;
251
249
  setState({
252
- searchValues: _values,
253
250
  allSelected: false,
254
251
  selectedRecords: [],
255
252
  selectedRowKeys: []
@@ -258,10 +255,9 @@ function useAntdTable(service, options, useRequestOptions) {
258
255
  run(getTransformParams(_objectSpread(_objectSpread({
259
256
  page: newPage
260
257
  }, extraFilter), _values)));
261
- };
262
- var resetParams = function resetParams(page) {
258
+ }, [extraFilter, page.pageSize, previousPage, getTransformParams]);
259
+ var resetParams = useCallback(function (page) {
263
260
  setState({
264
- searchValues: {},
265
261
  allSelected: false,
266
262
  selectedRecords: [],
267
263
  selectedRowKeys: [],
@@ -270,9 +266,9 @@ function useAntdTable(service, options, useRequestOptions) {
270
266
  sorter: undefined
271
267
  }
272
268
  });
273
- };
269
+ }, []);
274
270
  // 重置查询条件: 页码还原、勾选清空
275
- var onReset = function onReset() {
271
+ var onReset = useCallback(function () {
276
272
  form === null || form === void 0 ? void 0 : form.resetFields();
277
273
  var newPage = {
278
274
  pageNum: 1,
@@ -285,7 +281,7 @@ function useAntdTable(service, options, useRequestOptions) {
285
281
  page: newPage
286
282
  }));
287
283
  }
288
- };
284
+ }, [page.pageSize, run, resetParams, getTransformParams]);
289
285
  var refreshPage = function refreshPage(res) {
290
286
  var transformResult = transformResponse ? transformResponse(res) : res || {};
291
287
  var _ref3 = isListResult(transformResult) ? transformResult : (transformResult === null || transformResult === void 0 ? void 0 : transformResult.data) || {},
@@ -479,7 +475,7 @@ function useAntdTable(service, options, useRequestOptions) {
479
475
  data: data,
480
476
  params: (result === null || result === void 0 ? void 0 : (_result$params = result.params) === null || _result$params === void 0 ? void 0 : _result$params[0]) || {},
481
477
  rowSelection: rowSelection,
482
- searchValues: (_form$getFieldsValue3 = form === null || form === void 0 ? void 0 : form.getFieldsValue()) !== null && _form$getFieldsValue3 !== void 0 ? _form$getFieldsValue3 : {},
478
+ searchValues: (_form$getFieldsValue3 = form.getFieldsValue()) !== null && _form$getFieldsValue3 !== void 0 ? _form$getFieldsValue3 : {},
483
479
  allSelected: allSelected,
484
480
  selectedTip: selectedTip,
485
481
  selectedRowKeys: selectedRowKeys,
@@ -579,7 +579,7 @@ export interface ProTableRequestOptionsType<T, R> {
579
579
  * @description 用于获取和设置表单值
580
580
  * @default undefined
581
581
  */
582
- form: FormInstance;
582
+ form?: FormInstance;
583
583
  /**
584
584
  * 重置时是否重新查询
585
585
  * @description 控制表单重置后是否自动发起查询
@@ -1,19 +1,45 @@
1
1
  import "antd/es/tooltip/style";
2
2
  import _Tooltip from "antd/es/tooltip";
3
- import { jsx as _jsx } from "react/jsx-runtime";
3
+ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
4
+ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
5
+ import { useEffect, useState } from 'react';
4
6
  var AdaptiveTooltip = function AdaptiveTooltip(_ref) {
5
7
  var children = _ref.children;
8
+ var _useState = useState('right'),
9
+ _useState2 = _slicedToArray(_useState, 2),
10
+ placement = _useState2[0],
11
+ setPlacement = _useState2[1];
12
+ useEffect(function () {
13
+ var handleResize = function handleResize() {
14
+ var tooltipElement = document.getElementById('adaptive-tooltip');
15
+ if (tooltipElement) {
16
+ var boundingRect = tooltipElement.getBoundingClientRect();
17
+ var windowWidth = window.innerWidth;
18
+ if (windowWidth - boundingRect.right < 150) {
19
+ setPlacement('left');
20
+ } else {
21
+ setPlacement('right');
22
+ }
23
+ }
24
+ };
25
+ window.addEventListener('resize', handleResize);
26
+ handleResize();
27
+ return function () {
28
+ window.removeEventListener('resize', handleResize);
29
+ };
30
+ }, [children]);
6
31
  return _jsx(_Tooltip, {
7
- placement: "rightTop",
32
+ placement: placement,
8
33
  title: _jsx("div", {
9
34
  onMouseDown: function onMouseDown(e) {
10
35
  return e.stopPropagation();
11
36
  },
12
37
  children: children
13
38
  }),
14
- children: _jsx("span", {
39
+ id: "adaptive-tooltip",
40
+ children: _jsxs("span", {
15
41
  className: "pro-tree-wrap-ellipse",
16
- children: children
42
+ children: [" ", children]
17
43
  })
18
44
  });
19
45
  };
@@ -75,6 +75,7 @@ var ProTree = function ProTree(props) {
75
75
  showExpand = _props$showExpand === void 0 ? false : _props$showExpand,
76
76
  defaultExpandAll = props.defaultExpandAll,
77
77
  other = _objectWithoutProperties(props, _excluded);
78
+ var fieldNameLabel = fieldNames.label;
78
79
  var fieldNameValue = fieldNames.value;
79
80
  var _useSetState = useSetState({
80
81
  open: false,
@@ -12,22 +12,20 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
12
12
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
13
13
  import "antd/es/tree-select/style";
14
14
  import _TreeSelect from "antd/es/tree-select";
15
- var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "placeholder", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className", "checkStrictly", "checkable"],
15
+ var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className", "checkStrictly", "checkable"],
16
16
  _excluded2 = ["children"];
17
17
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
18
18
  /* eslint-disable react/no-danger */
19
19
  /* eslint-disable react/jsx-closing-tag-location */
20
20
  import { useDeepCompareEffect, useRequest as useRequestFunc, useSetState } from 'ahooks';
21
21
  import classnames from 'classnames';
22
- import { useImperativeHandle, forwardRef, useCallback } from 'react';
22
+ import { useImperativeHandle, forwardRef } from 'react';
23
23
  import { cloneDeep, debounce } from 'lodash';
24
- import locale from '../../../locale';
25
24
  import { useProConfig } from '../../../ProConfigProvider';
26
25
  import Container from '../../../ProForm/components/Container';
27
26
  import AdaptiveTooltip from '../AdaptiveTooltip';
28
27
  var SHOW_PARENT = _TreeSelect.SHOW_PARENT;
29
28
  export var ProTreeSelect = function ProTreeSelect(props, ref) {
30
- var _useRequest$options;
31
29
  // 全局属性配置在ConfigProvider
32
30
  var _ref = useProConfig('ProTreeSelect') || {},
33
31
  _ref$fieldNames = _ref.fieldNames,
@@ -52,7 +50,6 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
52
50
  useRequest = props.useRequest,
53
51
  transformResponse = props.transformResponse,
54
52
  fieldNames = props.fieldNames,
55
- placeholder = props.placeholder,
56
53
  _props$tooltip = props.tooltip,
57
54
  tooltip = _props$tooltip === void 0 ? false : _props$tooltip,
58
55
  _props$showSearch = props.showSearch,
@@ -171,26 +168,11 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
171
168
  origDataSource: resultData || []
172
169
  });
173
170
  };
174
- var successTransformDataHandle = useCallback(function (res) {
175
- if (transformResponse && typeof transformResponse === 'function') {
176
- return transformResponse(res);
177
- }
178
- var _ref4 = res || {},
179
- _ref4$status = _ref4.status,
180
- status = _ref4$status === void 0 ? 200 : _ref4$status,
181
- msg = _ref4.message,
182
- data = _ref4.data;
183
- if (status !== 200) {
184
- _message.error(msg);
185
- return;
186
- }
187
- return data;
188
- }, []);
189
171
  // 配置了异步数据源,拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值
190
172
  var fetchFunction = useRequestFunc(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, _objectSpread({
191
173
  manual: true,
192
- debounceWait: 300,
193
174
  onSuccess: function onSuccess(data) {
175
+ // 用户配置了处理枚举函数
194
176
  if (transformResponse && typeof transformResponse === 'function') {
195
177
  var responseData = transformResponse(data);
196
178
  var resultData = transferDataSource(responseData, showCodeName);
@@ -199,33 +181,16 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
199
181
  origDataSource: resultData
200
182
  });
201
183
  } else {
202
- defaultOnSuccessFun(fetchFunction.data);
184
+ defaultOnSuccessFun(data);
203
185
  }
204
- }
186
+ },
187
+ debounceWait: 300
205
188
  }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
206
- var cacheList = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : _useRequest$options.cacheKey) ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
207
189
  useImperativeHandle(ref, function () {
208
190
  return {
209
191
  useRequestRef: fetchFunction
210
192
  };
211
193
  });
212
- // 设置cacheKey后使用缓存的数据
213
- useDeepCompareEffect(function () {
214
- var _useRequest$options2;
215
- if (fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.cacheKey) {
216
- if (transformResponse && typeof transformResponse === 'function') {
217
- var responseData = transformResponse(fetchFunction.data);
218
- // debugger;
219
- var resultData = transferDataSource(responseData, showCodeName);
220
- setState({
221
- selectList: countChild(resultData),
222
- origDataSource: resultData
223
- });
224
- } else {
225
- defaultOnSuccessFun(fetchFunction.data);
226
- }
227
- }
228
- }, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
229
194
  useDeepCompareEffect(function () {
230
195
  if (enumCode) {
231
196
  var dictEnum = dics[enumCode] || [];
@@ -247,21 +212,17 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
247
212
  if (enumCode || dataSource) {
248
213
  return undefined;
249
214
  }
250
- // 如果配置手动加载,不执行请求
251
- var _ref5 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
252
- defaultParams = _ref5.defaultParams,
253
- manual = _ref5.manual;
254
215
  // disabled 状态时,不查询接口
255
216
  if (defaultDisableValue || !useRequest) {
256
217
  return undefined;
257
218
  }
258
- if (manual || (cacheList === null || cacheList === void 0 ? void 0 : cacheList.length)) {
259
- return;
260
- }
219
+ // 如果配置手动加载,不执行请求
220
+ var _ref4 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
221
+ defaultParams = _ref4.defaultParams;
261
222
  var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
262
223
  // 执行用户配置的枚举服务,拉取枚举数据进行更新
263
224
  fetchFunction.run(params);
264
- }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
225
+ }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, defaultDisableValue]);
265
226
  // disable默认值
266
227
  if (defaultDisableValue) {
267
228
  return _jsx("span", {
@@ -438,7 +399,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
438
399
  return sourceList;
439
400
  }
440
401
  var searchTreeEvent = debounce(/*#__PURE__*/function () {
441
- var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(searchVal) {
402
+ var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(searchVal) {
442
403
  var result;
443
404
  return _regeneratorRuntime().wrap(function _callee$(_context) {
444
405
  while (1) switch (_context.prev = _context.next) {
@@ -463,7 +424,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
463
424
  }, _callee);
464
425
  }));
465
426
  return function (_x) {
466
- return _ref6.apply(this, arguments);
427
+ return _ref5.apply(this, arguments);
467
428
  };
468
429
  }(), 500);
469
430
  function findTreeNode(treeList, nodeValue) {
@@ -604,7 +565,6 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
604
565
  onClick: nodeChangeEvent,
605
566
  className: cls,
606
567
  children: _jsx(_TreeSelect, _objectSpread(_objectSpread({
607
- placeholder: placeholder || locale.ProForm.treeSelectPlaceholder,
608
568
  maxTagPlaceholder: function maxTagPlaceholder(rest) {
609
569
  var _rest = rest.map(function (tag) {
610
570
  var _tag$label, _tag$label$props, _tag$label2, _tag$label2$props, _tag$label2$props$chi, _tag$label2$props$chi2, _tag$label2$props$chi3, _tag$label3, _tag$label3$props, _tag$label3$props$dan;
@@ -25,7 +25,6 @@ declare const _default: {
25
25
  unfold: string;
26
26
  packUp: string;
27
27
  inputPlaceholder: string;
28
- treeSelectPlaceholder: string;
29
28
  selectPlaceHolder: string;
30
29
  switchText: string[];
31
30
  ruleStartEndText: string[];
@@ -25,7 +25,6 @@ export default {
25
25
  unfold: 'Unfold',
26
26
  packUp: 'PackUp',
27
27
  inputPlaceholder: 'Please enter',
28
- treeSelectPlaceholder: 'Please select',
29
28
  selectPlaceHolder: 'Please select',
30
29
  switchText: ['Yes', 'No'],
31
30
  ruleStartEndText: ['start value', 'end value'],
@@ -25,7 +25,6 @@ declare const _default: {
25
25
  unfold: string;
26
26
  packUp: string;
27
27
  inputPlaceholder: string;
28
- treeSelectPlaceholder: string;
29
28
  selectPlaceHolder: string;
30
29
  switchText: string[];
31
30
  ruleStartEndText: string[];
@@ -25,7 +25,6 @@ export default {
25
25
  unfold: '展开',
26
26
  packUp: '收起',
27
27
  inputPlaceholder: '请输入',
28
- treeSelectPlaceholder: '请选择',
29
28
  selectPlaceHolder: '请选择',
30
29
  switchText: ['是', '否'],
31
30
  ruleStartEndText: ['起始值', '截止值'],
@@ -126,7 +126,7 @@ var DownloadRequest = exports.DownloadRequest = /*#__PURE__*/function () {
126
126
  _antd.message.error("".concat(_locale.default.ProDownload.errorMessage));
127
127
  return _context.abrupt("return", Promise.reject("".concat(_locale.default.ProDownload.errorMessage)));
128
128
  case 7:
129
- if (!((_data === null || _data === void 0 ? void 0 : _data.status) !== 200 || (_data === null || _data === void 0 ? void 0 : _data.code) === 401)) {
129
+ if (!((_data === null || _data === void 0 ? void 0 : _data.status) > 200 || (_data === null || _data === void 0 ? void 0 : _data.code) === 401)) {
130
130
  _context.next = 12;
131
131
  break;
132
132
  }
@@ -43,8 +43,7 @@ function useAntdTable(service, options, useRequestOptions) {
43
43
  filters: undefined,
44
44
  sorter: undefined
45
45
  },
46
- allSelected: false,
47
- searchValues: {}
46
+ allSelected: false
48
47
  }),
49
48
  _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
50
49
  _useSetState2$ = _useSetState2[0],
@@ -54,7 +53,6 @@ function useAntdTable(service, options, useRequestOptions) {
54
53
  selectedRowKeys = _useSetState2$.selectedRowKeys,
55
54
  extraFilter = _useSetState2$.extraFilter,
56
55
  allSelected = _useSetState2$.allSelected,
57
- searchValues = _useSetState2$.searchValues,
58
56
  setState = _useSetState2[1];
59
57
  var _useDefaultOptions = useDefaultOptions(options),
60
58
  form = _useDefaultOptions.form,
@@ -78,7 +76,7 @@ function useAntdTable(service, options, useRequestOptions) {
78
76
  var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
79
77
  var initPage = (options === null || options === void 0 ? void 0 : options.page) || _index.defaultPage;
80
78
  var previousPage = (0, _ahooks.usePrevious)(page || _index.defaultPage);
81
- var getTransformParams = function getTransformParams(params) {
79
+ var getTransformParams = (0, _react.useCallback)(function (params) {
82
80
  var _pickBy;
83
81
  var realParams = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultParam), extraParams), params);
84
82
  var _realParams$page = realParams.page,
@@ -99,7 +97,7 @@ function useAntdTable(service, options, useRequestOptions) {
99
97
  return transformParams(realParams, requestParams);
100
98
  }
101
99
  return requestParams;
102
- };
100
+ }, [defaultParam, extraParams]);
103
101
  // 仅清数据源相关,查询相关
104
102
  var handleSetStateCallback = function handleSetStateCallback(values) {
105
103
  setState((0, _objectSpread2.default)({
@@ -144,13 +142,13 @@ function useAntdTable(service, options, useRequestOptions) {
144
142
  var run = result.run,
145
143
  refreshAsync = result.refreshAsync;
146
144
  // service变化时触发 (禁止掉防止service变更时导致的死循环)
147
- var clearSelected = function clearSelected() {
145
+ var clearSelected = (0, _react.useCallback)(function () {
148
146
  setState({
149
147
  allSelected: false,
150
148
  selectedRecords: [],
151
149
  selectedRowKeys: []
152
150
  });
153
- };
151
+ }, []);
154
152
  /**
155
153
  * 手动触发时,手动调用run
156
154
  */
@@ -196,7 +194,7 @@ function useAntdTable(service, options, useRequestOptions) {
196
194
  };
197
195
  }, []);
198
196
  // 分页变更
199
- var handlePageChange = function handlePageChange(current, pageSize) {
197
+ var handlePageChange = (0, _react.useCallback)(function (current, pageSize) {
200
198
  var _form$getFieldsValue;
201
199
  var page = {
202
200
  pageNum: current,
@@ -214,8 +212,8 @@ function useAntdTable(service, options, useRequestOptions) {
214
212
  run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
215
213
  page: page
216
214
  }, nextValues), extraFilter)));
217
- };
218
- var handleTableChange = function handleTableChange(pagination, filters, sorter, extra) {
215
+ }, [allSelected, extraFilter, data, getTransformParams]);
216
+ var handleTableChange = (0, _react.useCallback)(function (pagination, filters, sorter, extra) {
219
217
  var _form$getFieldsValue2;
220
218
  // 跳过分页改变,使用pagination的onChange
221
219
  if (extra.action === 'paginate') {
@@ -234,15 +232,15 @@ function useAntdTable(service, options, useRequestOptions) {
234
232
  sorter: sorter
235
233
  }
236
234
  });
237
- var _values = (_form$getFieldsValue2 = form === null || form === void 0 ? void 0 : form.getFieldsValue()) !== null && _form$getFieldsValue2 !== void 0 ? _form$getFieldsValue2 : {};
235
+ var _values = (_form$getFieldsValue2 = form.getFieldsValue()) !== null && _form$getFieldsValue2 !== void 0 ? _form$getFieldsValue2 : {};
238
236
  run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
239
237
  page: page
240
238
  }, _values), {}, {
241
239
  filters: filters,
242
240
  sorter: sorter
243
241
  })));
244
- };
245
- var onSearch = function onSearch(values) {
242
+ }, [allSelected, getTransformParams]);
243
+ var onSearch = (0, _react.useCallback)(function (values) {
246
244
  var newPage = {
247
245
  pageNum: 1,
248
246
  pageSize: page.pageSize
@@ -256,7 +254,6 @@ function useAntdTable(service, options, useRequestOptions) {
256
254
  if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || (0, _utils.isNonEmptyObject)(_values) || !(0, _lodash.isEqual)(previousSearchValues, _values)) {
257
255
  previousSearchValues = _values;
258
256
  setState({
259
- searchValues: _values,
260
257
  allSelected: false,
261
258
  selectedRecords: [],
262
259
  selectedRowKeys: []
@@ -265,10 +262,9 @@ function useAntdTable(service, options, useRequestOptions) {
265
262
  run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
266
263
  page: newPage
267
264
  }, extraFilter), _values)));
268
- };
269
- var resetParams = function resetParams(page) {
265
+ }, [extraFilter, page.pageSize, previousPage, getTransformParams]);
266
+ var resetParams = (0, _react.useCallback)(function (page) {
270
267
  setState({
271
- searchValues: {},
272
268
  allSelected: false,
273
269
  selectedRecords: [],
274
270
  selectedRowKeys: [],
@@ -277,9 +273,9 @@ function useAntdTable(service, options, useRequestOptions) {
277
273
  sorter: undefined
278
274
  }
279
275
  });
280
- };
276
+ }, []);
281
277
  // 重置查询条件: 页码还原、勾选清空
282
- var onReset = function onReset() {
278
+ var onReset = (0, _react.useCallback)(function () {
283
279
  form === null || form === void 0 ? void 0 : form.resetFields();
284
280
  var newPage = {
285
281
  pageNum: 1,
@@ -292,7 +288,7 @@ function useAntdTable(service, options, useRequestOptions) {
292
288
  page: newPage
293
289
  }));
294
290
  }
295
- };
291
+ }, [page.pageSize, run, resetParams, getTransformParams]);
296
292
  var refreshPage = function refreshPage(res) {
297
293
  var transformResult = transformResponse ? transformResponse(res) : res || {};
298
294
  var _ref3 = (0, _utils.isListResult)(transformResult) ? transformResult : (transformResult === null || transformResult === void 0 ? void 0 : transformResult.data) || {},
@@ -486,7 +482,7 @@ function useAntdTable(service, options, useRequestOptions) {
486
482
  data: data,
487
483
  params: (result === null || result === void 0 ? void 0 : (_result$params = result.params) === null || _result$params === void 0 ? void 0 : _result$params[0]) || {},
488
484
  rowSelection: rowSelection,
489
- searchValues: (_form$getFieldsValue3 = form === null || form === void 0 ? void 0 : form.getFieldsValue()) !== null && _form$getFieldsValue3 !== void 0 ? _form$getFieldsValue3 : {},
485
+ searchValues: (_form$getFieldsValue3 = form.getFieldsValue()) !== null && _form$getFieldsValue3 !== void 0 ? _form$getFieldsValue3 : {},
490
486
  allSelected: allSelected,
491
487
  selectedTip: selectedTip,
492
488
  selectedRowKeys: selectedRowKeys,
@@ -579,7 +579,7 @@ export interface ProTableRequestOptionsType<T, R> {
579
579
  * @description 用于获取和设置表单值
580
580
  * @default undefined
581
581
  */
582
- form: FormInstance;
582
+ form?: FormInstance;
583
583
  /**
584
584
  * 重置时是否重新查询
585
585
  * @description 控制表单重置后是否自动发起查询
@@ -1,24 +1,51 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.default = void 0;
8
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
7
9
  var _jsxRuntime = require("react/jsx-runtime");
8
10
  var _antd = require("antd");
11
+ var _react = require("react");
9
12
  var AdaptiveTooltip = function AdaptiveTooltip(_ref) {
10
13
  var children = _ref.children;
14
+ var _useState = (0, _react.useState)('right'),
15
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
16
+ placement = _useState2[0],
17
+ setPlacement = _useState2[1];
18
+ (0, _react.useEffect)(function () {
19
+ var handleResize = function handleResize() {
20
+ var tooltipElement = document.getElementById('adaptive-tooltip');
21
+ if (tooltipElement) {
22
+ var boundingRect = tooltipElement.getBoundingClientRect();
23
+ var windowWidth = window.innerWidth;
24
+ if (windowWidth - boundingRect.right < 150) {
25
+ setPlacement('left');
26
+ } else {
27
+ setPlacement('right');
28
+ }
29
+ }
30
+ };
31
+ window.addEventListener('resize', handleResize);
32
+ handleResize();
33
+ return function () {
34
+ window.removeEventListener('resize', handleResize);
35
+ };
36
+ }, [children]);
11
37
  return (0, _jsxRuntime.jsx)(_antd.Tooltip, {
12
- placement: "rightTop",
38
+ placement: placement,
13
39
  title: (0, _jsxRuntime.jsx)("div", {
14
40
  onMouseDown: function onMouseDown(e) {
15
41
  return e.stopPropagation();
16
42
  },
17
43
  children: children
18
44
  }),
19
- children: (0, _jsxRuntime.jsx)("span", {
45
+ id: "adaptive-tooltip",
46
+ children: (0, _jsxRuntime.jsxs)("span", {
20
47
  className: "pro-tree-wrap-ellipse",
21
- children: children
48
+ children: [" ", children]
22
49
  })
23
50
  });
24
51
  };
@@ -75,6 +75,7 @@ var ProTree = function ProTree(props) {
75
75
  showExpand = _props$showExpand === void 0 ? false : _props$showExpand,
76
76
  defaultExpandAll = props.defaultExpandAll,
77
77
  other = (0, _objectWithoutProperties2.default)(props, _excluded);
78
+ var fieldNameLabel = fieldNames.label;
78
79
  var fieldNameValue = fieldNames.value;
79
80
  var _useSetState = (0, _ahooks.useSetState)({
80
81
  open: false,
@@ -17,17 +17,15 @@ var _antd = require("antd");
17
17
  var _classnames3 = _interopRequireDefault(require("classnames"));
18
18
  var _react = require("react");
19
19
  var _lodash = require("lodash");
20
- var _locale = _interopRequireDefault(require("../../../locale"));
21
20
  var _ProConfigProvider = require("../../../ProConfigProvider");
22
21
  var _Container = _interopRequireDefault(require("../../../ProForm/components/Container"));
23
22
  var _AdaptiveTooltip = _interopRequireDefault(require("../AdaptiveTooltip"));
24
- var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "placeholder", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className", "checkStrictly", "checkable"],
23
+ var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className", "checkStrictly", "checkable"],
25
24
  _excluded2 = ["children"];
26
25
  /* eslint-disable react/no-danger */
27
26
  /* eslint-disable react/jsx-closing-tag-location */
28
27
  var SHOW_PARENT = _antd.TreeSelect.SHOW_PARENT;
29
28
  var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
30
- var _useRequest$options;
31
29
  // 全局属性配置在ConfigProvider
32
30
  var _ref = (0, _ProConfigProvider.useProConfig)('ProTreeSelect') || {},
33
31
  _ref$fieldNames = _ref.fieldNames,
@@ -52,7 +50,6 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
52
50
  useRequest = props.useRequest,
53
51
  transformResponse = props.transformResponse,
54
52
  fieldNames = props.fieldNames,
55
- placeholder = props.placeholder,
56
53
  _props$tooltip = props.tooltip,
57
54
  tooltip = _props$tooltip === void 0 ? false : _props$tooltip,
58
55
  _props$showSearch = props.showSearch,
@@ -171,26 +168,11 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
171
168
  origDataSource: resultData || []
172
169
  });
173
170
  };
174
- var successTransformDataHandle = (0, _react.useCallback)(function (res) {
175
- if (transformResponse && typeof transformResponse === 'function') {
176
- return transformResponse(res);
177
- }
178
- var _ref4 = res || {},
179
- _ref4$status = _ref4.status,
180
- status = _ref4$status === void 0 ? 200 : _ref4$status,
181
- msg = _ref4.message,
182
- data = _ref4.data;
183
- if (status !== 200) {
184
- _antd.message.error(msg);
185
- return;
186
- }
187
- return data;
188
- }, []);
189
171
  // 配置了异步数据源,拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值
190
172
  var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)({
191
173
  manual: true,
192
- debounceWait: 300,
193
174
  onSuccess: function onSuccess(data) {
175
+ // 用户配置了处理枚举函数
194
176
  if (transformResponse && typeof transformResponse === 'function') {
195
177
  var responseData = transformResponse(data);
196
178
  var resultData = transferDataSource(responseData, showCodeName);
@@ -199,33 +181,16 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
199
181
  origDataSource: resultData
200
182
  });
201
183
  } else {
202
- defaultOnSuccessFun(fetchFunction.data);
184
+ defaultOnSuccessFun(data);
203
185
  }
204
- }
186
+ },
187
+ debounceWait: 300
205
188
  }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
206
- var cacheList = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : _useRequest$options.cacheKey) ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
207
189
  (0, _react.useImperativeHandle)(ref, function () {
208
190
  return {
209
191
  useRequestRef: fetchFunction
210
192
  };
211
193
  });
212
- // 设置cacheKey后使用缓存的数据
213
- (0, _ahooks.useDeepCompareEffect)(function () {
214
- var _useRequest$options2;
215
- if (fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.cacheKey) {
216
- if (transformResponse && typeof transformResponse === 'function') {
217
- var responseData = transformResponse(fetchFunction.data);
218
- // debugger;
219
- var resultData = transferDataSource(responseData, showCodeName);
220
- setState({
221
- selectList: countChild(resultData),
222
- origDataSource: resultData
223
- });
224
- } else {
225
- defaultOnSuccessFun(fetchFunction.data);
226
- }
227
- }
228
- }, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
229
194
  (0, _ahooks.useDeepCompareEffect)(function () {
230
195
  if (enumCode) {
231
196
  var dictEnum = dics[enumCode] || [];
@@ -247,21 +212,17 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
247
212
  if (enumCode || dataSource) {
248
213
  return undefined;
249
214
  }
250
- // 如果配置手动加载,不执行请求
251
- var _ref5 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
252
- defaultParams = _ref5.defaultParams,
253
- manual = _ref5.manual;
254
215
  // disabled 状态时,不查询接口
255
216
  if (defaultDisableValue || !useRequest) {
256
217
  return undefined;
257
218
  }
258
- if (manual || (cacheList === null || cacheList === void 0 ? void 0 : cacheList.length)) {
259
- return;
260
- }
219
+ // 如果配置手动加载,不执行请求
220
+ var _ref4 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
221
+ defaultParams = _ref4.defaultParams;
261
222
  var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
262
223
  // 执行用户配置的枚举服务,拉取枚举数据进行更新
263
224
  fetchFunction.run(params);
264
- }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
225
+ }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, defaultDisableValue]);
265
226
  // disable默认值
266
227
  if (defaultDisableValue) {
267
228
  return (0, _jsxRuntime.jsx)("span", {
@@ -438,7 +399,7 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
438
399
  return sourceList;
439
400
  }
440
401
  var searchTreeEvent = (0, _lodash.debounce)(/*#__PURE__*/function () {
441
- var _ref6 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(searchVal) {
402
+ var _ref5 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(searchVal) {
442
403
  var result;
443
404
  return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
444
405
  while (1) switch (_context.prev = _context.next) {
@@ -463,7 +424,7 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
463
424
  }, _callee);
464
425
  }));
465
426
  return function (_x) {
466
- return _ref6.apply(this, arguments);
427
+ return _ref5.apply(this, arguments);
467
428
  };
468
429
  }(), 500);
469
430
  function findTreeNode(treeList, nodeValue) {
@@ -604,7 +565,6 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
604
565
  onClick: nodeChangeEvent,
605
566
  className: cls,
606
567
  children: (0, _jsxRuntime.jsx)(_antd.TreeSelect, (0, _objectSpread2.default)((0, _objectSpread2.default)({
607
- placeholder: placeholder || _locale.default.ProForm.treeSelectPlaceholder,
608
568
  maxTagPlaceholder: function maxTagPlaceholder(rest) {
609
569
  var _rest = rest.map(function (tag) {
610
570
  var _tag$label, _tag$label$props, _tag$label2, _tag$label2$props, _tag$label2$props$chi, _tag$label2$props$chi2, _tag$label2$props$chi3, _tag$label3, _tag$label3$props, _tag$label3$props$dan;
@@ -25,7 +25,6 @@ declare const _default: {
25
25
  unfold: string;
26
26
  packUp: string;
27
27
  inputPlaceholder: string;
28
- treeSelectPlaceholder: string;
29
28
  selectPlaceHolder: string;
30
29
  switchText: string[];
31
30
  ruleStartEndText: string[];
@@ -31,7 +31,6 @@ var _default = exports.default = {
31
31
  unfold: 'Unfold',
32
32
  packUp: 'PackUp',
33
33
  inputPlaceholder: 'Please enter',
34
- treeSelectPlaceholder: 'Please select',
35
34
  selectPlaceHolder: 'Please select',
36
35
  switchText: ['Yes', 'No'],
37
36
  ruleStartEndText: ['start value', 'end value'],
@@ -25,7 +25,6 @@ declare const _default: {
25
25
  unfold: string;
26
26
  packUp: string;
27
27
  inputPlaceholder: string;
28
- treeSelectPlaceholder: string;
29
28
  selectPlaceHolder: string;
30
29
  switchText: string[];
31
30
  ruleStartEndText: string[];
@@ -31,7 +31,6 @@ var _default = exports.default = {
31
31
  unfold: '展开',
32
32
  packUp: '收起',
33
33
  inputPlaceholder: '请输入',
34
- treeSelectPlaceholder: '请选择',
35
34
  selectPlaceHolder: '请选择',
36
35
  switchText: ['是', '否'],
37
36
  ruleStartEndText: ['起始值', '截止值'],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.13.6-beta.5",
3
+ "version": "3.13.6",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",