@zat-design/sisyphus-react 3.13.6-beta.6 → 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.
@@ -4,12 +4,10 @@ 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";
9
7
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
10
8
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
11
9
  var _excluded = ["page", "filters", "sorter"];
12
- import { useEffect, useMemo, useState } from 'react';
10
+ import { useCallback, useEffect, useMemo, useState } from 'react';
13
11
  import { useRequest, useSetState, useDeepCompareEffect, usePrevious } from 'ahooks';
14
12
  import { pickBy, isObject, merge, set, isEqual, omit } from 'lodash';
15
13
  import { defaultPage } from '../index';
@@ -38,8 +36,7 @@ function useAntdTable(service, options, useRequestOptions) {
38
36
  filters: undefined,
39
37
  sorter: undefined
40
38
  },
41
- allSelected: false,
42
- searchValues: {}
39
+ allSelected: false
43
40
  }),
44
41
  _useSetState2 = _slicedToArray(_useSetState, 2),
45
42
  _useSetState2$ = _useSetState2[0],
@@ -49,10 +46,9 @@ function useAntdTable(service, options, useRequestOptions) {
49
46
  selectedRowKeys = _useSetState2$.selectedRowKeys,
50
47
  extraFilter = _useSetState2$.extraFilter,
51
48
  allSelected = _useSetState2$.allSelected,
52
- searchValues = _useSetState2$.searchValues,
53
49
  setState = _useSetState2[1];
54
50
  var _useDefaultOptions = useDefaultOptions(options),
55
- _form = _useDefaultOptions.form,
51
+ form = _useDefaultOptions.form,
56
52
  page = _useDefaultOptions.page,
57
53
  extraParams = _useDefaultOptions.extraParams,
58
54
  rowKey = _useDefaultOptions.rowKey,
@@ -68,15 +64,12 @@ function useAntdTable(service, options, useRequestOptions) {
68
64
  transformParams = _useDefaultOptions.transformParams,
69
65
  transformResponse = _useDefaultOptions.transformResponse,
70
66
  disabled = _useDefaultOptions.disabled;
71
- var _Form$useForm = _Form.useForm(_form),
72
- _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
73
- form = _Form$useForm2[0];
74
67
  var _ref = useRequestOptions || {},
75
68
  defaultParams = _ref.defaultParams;
76
69
  var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
77
70
  var initPage = (options === null || options === void 0 ? void 0 : options.page) || defaultPage;
78
71
  var previousPage = usePrevious(page || defaultPage);
79
- var getTransformParams = function getTransformParams(params) {
72
+ var getTransformParams = useCallback(function (params) {
80
73
  var _pickBy;
81
74
  var realParams = _objectSpread(_objectSpread(_objectSpread({}, defaultParam), extraParams), params);
82
75
  var _realParams$page = realParams.page,
@@ -97,7 +90,7 @@ function useAntdTable(service, options, useRequestOptions) {
97
90
  return transformParams(realParams, requestParams);
98
91
  }
99
92
  return requestParams;
100
- };
93
+ }, [defaultParam, extraParams]);
101
94
  // 仅清数据源相关,查询相关
102
95
  var handleSetStateCallback = function handleSetStateCallback(values) {
103
96
  setState(_objectSpread({
@@ -142,13 +135,13 @@ function useAntdTable(service, options, useRequestOptions) {
142
135
  var run = result.run,
143
136
  refreshAsync = result.refreshAsync;
144
137
  // service变化时触发 (禁止掉防止service变更时导致的死循环)
145
- var clearSelected = function clearSelected() {
138
+ var clearSelected = useCallback(function () {
146
139
  setState({
147
140
  allSelected: false,
148
141
  selectedRecords: [],
149
142
  selectedRowKeys: []
150
143
  });
151
- };
144
+ }, []);
152
145
  /**
153
146
  * 手动触发时,手动调用run
154
147
  */
@@ -194,7 +187,7 @@ function useAntdTable(service, options, useRequestOptions) {
194
187
  };
195
188
  }, []);
196
189
  // 分页变更
197
- var handlePageChange = function handlePageChange(current, pageSize) {
190
+ var handlePageChange = useCallback(function (current, pageSize) {
198
191
  var _form$getFieldsValue;
199
192
  var page = {
200
193
  pageNum: current,
@@ -212,8 +205,8 @@ function useAntdTable(service, options, useRequestOptions) {
212
205
  run(getTransformParams(_objectSpread(_objectSpread({
213
206
  page: page
214
207
  }, nextValues), extraFilter)));
215
- };
216
- var handleTableChange = function handleTableChange(pagination, filters, sorter, extra) {
208
+ }, [allSelected, extraFilter, data, getTransformParams]);
209
+ var handleTableChange = useCallback(function (pagination, filters, sorter, extra) {
217
210
  var _form$getFieldsValue2;
218
211
  // 跳过分页改变,使用pagination的onChange
219
212
  if (extra.action === 'paginate') {
@@ -232,15 +225,15 @@ function useAntdTable(service, options, useRequestOptions) {
232
225
  sorter: sorter
233
226
  }
234
227
  });
235
- 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 : {};
236
229
  run(getTransformParams(_objectSpread(_objectSpread({
237
230
  page: page
238
231
  }, _values), {}, {
239
232
  filters: filters,
240
233
  sorter: sorter
241
234
  })));
242
- };
243
- var onSearch = function onSearch(values) {
235
+ }, [allSelected, getTransformParams]);
236
+ var onSearch = useCallback(function (values) {
244
237
  var newPage = {
245
238
  pageNum: 1,
246
239
  pageSize: page.pageSize
@@ -254,7 +247,6 @@ function useAntdTable(service, options, useRequestOptions) {
254
247
  if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || isNonEmptyObject(_values) || !isEqual(previousSearchValues, _values)) {
255
248
  previousSearchValues = _values;
256
249
  setState({
257
- searchValues: _values,
258
250
  allSelected: false,
259
251
  selectedRecords: [],
260
252
  selectedRowKeys: []
@@ -263,10 +255,9 @@ function useAntdTable(service, options, useRequestOptions) {
263
255
  run(getTransformParams(_objectSpread(_objectSpread({
264
256
  page: newPage
265
257
  }, extraFilter), _values)));
266
- };
267
- var resetParams = function resetParams(page) {
258
+ }, [extraFilter, page.pageSize, previousPage, getTransformParams]);
259
+ var resetParams = useCallback(function (page) {
268
260
  setState({
269
- searchValues: {},
270
261
  allSelected: false,
271
262
  selectedRecords: [],
272
263
  selectedRowKeys: [],
@@ -275,9 +266,9 @@ function useAntdTable(service, options, useRequestOptions) {
275
266
  sorter: undefined
276
267
  }
277
268
  });
278
- };
269
+ }, []);
279
270
  // 重置查询条件: 页码还原、勾选清空
280
- var onReset = function onReset() {
271
+ var onReset = useCallback(function () {
281
272
  form === null || form === void 0 ? void 0 : form.resetFields();
282
273
  var newPage = {
283
274
  pageNum: 1,
@@ -290,7 +281,7 @@ function useAntdTable(service, options, useRequestOptions) {
290
281
  page: newPage
291
282
  }));
292
283
  }
293
- };
284
+ }, [page.pageSize, run, resetParams, getTransformParams]);
294
285
  var refreshPage = function refreshPage(res) {
295
286
  var transformResult = transformResponse ? transformResponse(res) : res || {};
296
287
  var _ref3 = isListResult(transformResult) ? transformResult : (transformResult === null || transformResult === void 0 ? void 0 : transformResult.data) || {},
@@ -484,7 +475,7 @@ function useAntdTable(service, options, useRequestOptions) {
484
475
  data: data,
485
476
  params: (result === null || result === void 0 ? void 0 : (_result$params = result.params) === null || _result$params === void 0 ? void 0 : _result$params[0]) || {},
486
477
  rowSelection: rowSelection,
487
- 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 : {},
488
479
  allSelected: allSelected,
489
480
  selectedTip: selectedTip,
490
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: ['起始值', '截止值'],
@@ -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,10 +53,9 @@ 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
- _form = _useDefaultOptions.form,
58
+ form = _useDefaultOptions.form,
61
59
  page = _useDefaultOptions.page,
62
60
  extraParams = _useDefaultOptions.extraParams,
63
61
  rowKey = _useDefaultOptions.rowKey,
@@ -73,15 +71,12 @@ function useAntdTable(service, options, useRequestOptions) {
73
71
  transformParams = _useDefaultOptions.transformParams,
74
72
  transformResponse = _useDefaultOptions.transformResponse,
75
73
  disabled = _useDefaultOptions.disabled;
76
- var _Form$useForm = _antd.Form.useForm(_form),
77
- _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
78
- form = _Form$useForm2[0];
79
74
  var _ref = useRequestOptions || {},
80
75
  defaultParams = _ref.defaultParams;
81
76
  var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
82
77
  var initPage = (options === null || options === void 0 ? void 0 : options.page) || _index.defaultPage;
83
78
  var previousPage = (0, _ahooks.usePrevious)(page || _index.defaultPage);
84
- var getTransformParams = function getTransformParams(params) {
79
+ var getTransformParams = (0, _react.useCallback)(function (params) {
85
80
  var _pickBy;
86
81
  var realParams = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultParam), extraParams), params);
87
82
  var _realParams$page = realParams.page,
@@ -102,7 +97,7 @@ function useAntdTable(service, options, useRequestOptions) {
102
97
  return transformParams(realParams, requestParams);
103
98
  }
104
99
  return requestParams;
105
- };
100
+ }, [defaultParam, extraParams]);
106
101
  // 仅清数据源相关,查询相关
107
102
  var handleSetStateCallback = function handleSetStateCallback(values) {
108
103
  setState((0, _objectSpread2.default)({
@@ -147,13 +142,13 @@ function useAntdTable(service, options, useRequestOptions) {
147
142
  var run = result.run,
148
143
  refreshAsync = result.refreshAsync;
149
144
  // service变化时触发 (禁止掉防止service变更时导致的死循环)
150
- var clearSelected = function clearSelected() {
145
+ var clearSelected = (0, _react.useCallback)(function () {
151
146
  setState({
152
147
  allSelected: false,
153
148
  selectedRecords: [],
154
149
  selectedRowKeys: []
155
150
  });
156
- };
151
+ }, []);
157
152
  /**
158
153
  * 手动触发时,手动调用run
159
154
  */
@@ -199,7 +194,7 @@ function useAntdTable(service, options, useRequestOptions) {
199
194
  };
200
195
  }, []);
201
196
  // 分页变更
202
- var handlePageChange = function handlePageChange(current, pageSize) {
197
+ var handlePageChange = (0, _react.useCallback)(function (current, pageSize) {
203
198
  var _form$getFieldsValue;
204
199
  var page = {
205
200
  pageNum: current,
@@ -217,8 +212,8 @@ function useAntdTable(service, options, useRequestOptions) {
217
212
  run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
218
213
  page: page
219
214
  }, nextValues), extraFilter)));
220
- };
221
- var handleTableChange = function handleTableChange(pagination, filters, sorter, extra) {
215
+ }, [allSelected, extraFilter, data, getTransformParams]);
216
+ var handleTableChange = (0, _react.useCallback)(function (pagination, filters, sorter, extra) {
222
217
  var _form$getFieldsValue2;
223
218
  // 跳过分页改变,使用pagination的onChange
224
219
  if (extra.action === 'paginate') {
@@ -237,15 +232,15 @@ function useAntdTable(service, options, useRequestOptions) {
237
232
  sorter: sorter
238
233
  }
239
234
  });
240
- 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 : {};
241
236
  run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
242
237
  page: page
243
238
  }, _values), {}, {
244
239
  filters: filters,
245
240
  sorter: sorter
246
241
  })));
247
- };
248
- var onSearch = function onSearch(values) {
242
+ }, [allSelected, getTransformParams]);
243
+ var onSearch = (0, _react.useCallback)(function (values) {
249
244
  var newPage = {
250
245
  pageNum: 1,
251
246
  pageSize: page.pageSize
@@ -259,7 +254,6 @@ function useAntdTable(service, options, useRequestOptions) {
259
254
  if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || (0, _utils.isNonEmptyObject)(_values) || !(0, _lodash.isEqual)(previousSearchValues, _values)) {
260
255
  previousSearchValues = _values;
261
256
  setState({
262
- searchValues: _values,
263
257
  allSelected: false,
264
258
  selectedRecords: [],
265
259
  selectedRowKeys: []
@@ -268,10 +262,9 @@ function useAntdTable(service, options, useRequestOptions) {
268
262
  run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
269
263
  page: newPage
270
264
  }, extraFilter), _values)));
271
- };
272
- var resetParams = function resetParams(page) {
265
+ }, [extraFilter, page.pageSize, previousPage, getTransformParams]);
266
+ var resetParams = (0, _react.useCallback)(function (page) {
273
267
  setState({
274
- searchValues: {},
275
268
  allSelected: false,
276
269
  selectedRecords: [],
277
270
  selectedRowKeys: [],
@@ -280,9 +273,9 @@ function useAntdTable(service, options, useRequestOptions) {
280
273
  sorter: undefined
281
274
  }
282
275
  });
283
- };
276
+ }, []);
284
277
  // 重置查询条件: 页码还原、勾选清空
285
- var onReset = function onReset() {
278
+ var onReset = (0, _react.useCallback)(function () {
286
279
  form === null || form === void 0 ? void 0 : form.resetFields();
287
280
  var newPage = {
288
281
  pageNum: 1,
@@ -295,7 +288,7 @@ function useAntdTable(service, options, useRequestOptions) {
295
288
  page: newPage
296
289
  }));
297
290
  }
298
- };
291
+ }, [page.pageSize, run, resetParams, getTransformParams]);
299
292
  var refreshPage = function refreshPage(res) {
300
293
  var transformResult = transformResponse ? transformResponse(res) : res || {};
301
294
  var _ref3 = (0, _utils.isListResult)(transformResult) ? transformResult : (transformResult === null || transformResult === void 0 ? void 0 : transformResult.data) || {},
@@ -489,7 +482,7 @@ function useAntdTable(service, options, useRequestOptions) {
489
482
  data: data,
490
483
  params: (result === null || result === void 0 ? void 0 : (_result$params = result.params) === null || _result$params === void 0 ? void 0 : _result$params[0]) || {},
491
484
  rowSelection: rowSelection,
492
- 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 : {},
493
486
  allSelected: allSelected,
494
487
  selectedTip: selectedTip,
495
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.6",
3
+ "version": "3.13.6",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",