@zat-design/sisyphus-react 3.6.7 → 3.6.8-beta.10

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.
Files changed (107) hide show
  1. package/dist/index.esm.css +9 -1
  2. package/dist/less.esm.css +9 -1
  3. package/es/ProEditTable/components/ActionButton/index.js +6 -6
  4. package/es/ProEditTable/components/RcTable/BaseTable.js +2 -2
  5. package/es/ProEditTable/components/RcTable/DraggableTable.d.ts +2 -2
  6. package/es/ProEditTable/components/RcTable/DraggableTable.js +109 -11
  7. package/es/ProEditTable/components/RcTable/VirtualTable.js +2 -2
  8. package/es/ProEditTable/components/RenderField/index.js +5 -7
  9. package/es/ProEditTable/components/index.d.ts +0 -1
  10. package/es/ProEditTable/components/index.js +0 -1
  11. package/es/ProEditTable/propsType.d.ts +1 -1
  12. package/es/ProForm/components/combination/ProCascader/index.js +2 -1
  13. package/es/ProForm/components/combination/ProModalSelect/index.js +7 -1
  14. package/es/ProForm/components/combination/ProModalSelect/style/index.less +13 -1
  15. package/es/ProSelect/index.js +16 -38
  16. package/es/ProSelect/index.less +2 -2
  17. package/es/ProStep/style/index.less +1 -1
  18. package/es/ProTable/{utils.d.ts → components/FormatColumn/index.d.ts} +1 -11
  19. package/es/ProTable/{utils.js → components/FormatColumn/index.js} +7 -57
  20. package/es/ProTable/components/RcTable/components/BaseTable/index.d.ts +11 -0
  21. package/es/ProTable/components/RcTable/components/BaseTable/index.js +43 -0
  22. package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.js +1 -4
  23. package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.js +2 -2
  24. package/es/ProTable/components/RcTable/components/DraggableTable/index.d.ts +11 -0
  25. package/es/ProTable/components/RcTable/components/DraggableTable/index.js +52 -0
  26. package/es/ProTable/components/RcTable/index.d.ts +4 -0
  27. package/es/ProTable/components/RcTable/index.js +4 -0
  28. package/es/ProTable/components/RenderEmptyText/index.d.ts +3 -0
  29. package/es/ProTable/components/RenderEmptyText/index.js +22 -0
  30. package/es/ProTable/components/RenderFooter/index.d.ts +2 -0
  31. package/es/ProTable/components/RenderFooter/index.js +12 -0
  32. package/es/ProTable/components/RenderSummary/index.d.ts +3 -0
  33. package/es/ProTable/components/RenderSummary/index.js +55 -0
  34. package/es/ProTable/components/RenderTableHeader/index.d.ts +2 -0
  35. package/es/ProTable/components/RenderTableHeader/index.js +61 -0
  36. package/es/ProTable/components/TableResizable/index.js +1 -9
  37. package/es/ProTable/components/index.d.ts +4 -2
  38. package/es/ProTable/components/index.js +4 -2
  39. package/{lib/ProTable → es/ProTable/hooks}/useAntdTable.d.ts +2 -1
  40. package/es/ProTable/{useAntdTable.js → hooks/useAntdTable.js} +15 -4
  41. package/es/ProTable/index.d.ts +1 -1
  42. package/es/ProTable/index.js +114 -174
  43. package/es/ProTable/propsType.d.ts +3 -1
  44. package/es/ProTable/utils/index.d.ts +26 -0
  45. package/es/ProTable/utils/index.js +51 -0
  46. package/es/global.less +2 -2
  47. package/lib/ProEditTable/components/ActionButton/index.js +6 -6
  48. package/lib/ProEditTable/components/RcTable/BaseTable.js +2 -2
  49. package/lib/ProEditTable/components/RcTable/DraggableTable.d.ts +2 -2
  50. package/lib/ProEditTable/components/RcTable/DraggableTable.js +111 -12
  51. package/lib/ProEditTable/components/RcTable/VirtualTable.js +2 -2
  52. package/lib/ProEditTable/components/RenderField/index.js +5 -7
  53. package/lib/ProEditTable/components/index.d.ts +0 -1
  54. package/lib/ProEditTable/components/index.js +0 -14
  55. package/lib/ProEditTable/propsType.d.ts +1 -1
  56. package/lib/ProForm/components/combination/ProCascader/index.js +2 -1
  57. package/lib/ProForm/components/combination/ProModalSelect/index.js +5 -1
  58. package/lib/ProForm/components/combination/ProModalSelect/style/index.less +13 -1
  59. package/lib/ProSelect/index.js +14 -38
  60. package/lib/ProSelect/index.less +2 -2
  61. package/lib/ProStep/style/index.less +1 -1
  62. package/lib/ProTable/{utils.d.ts → components/FormatColumn/index.d.ts} +1 -11
  63. package/lib/ProTable/{utils.js → components/FormatColumn/index.js} +17 -68
  64. package/lib/ProTable/components/RcTable/components/BaseTable/index.d.ts +11 -0
  65. package/lib/ProTable/components/RcTable/components/BaseTable/index.js +49 -0
  66. package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.js +1 -4
  67. package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.js +2 -2
  68. package/lib/ProTable/components/RcTable/components/DraggableTable/index.d.ts +11 -0
  69. package/lib/ProTable/components/RcTable/components/DraggableTable/index.js +59 -0
  70. package/lib/ProTable/components/RcTable/index.d.ts +4 -0
  71. package/lib/ProTable/components/RcTable/index.js +20 -0
  72. package/lib/ProTable/components/RenderEmptyText/index.d.ts +3 -0
  73. package/lib/ProTable/components/RenderEmptyText/index.js +28 -0
  74. package/lib/ProTable/components/RenderFooter/index.d.ts +2 -0
  75. package/lib/ProTable/components/RenderFooter/index.js +18 -0
  76. package/lib/ProTable/components/RenderSummary/index.d.ts +3 -0
  77. package/lib/ProTable/components/RenderSummary/index.js +61 -0
  78. package/lib/ProTable/components/RenderTableHeader/index.d.ts +2 -0
  79. package/lib/ProTable/components/RenderTableHeader/index.js +66 -0
  80. package/lib/ProTable/components/TableResizable/index.js +3 -11
  81. package/lib/ProTable/components/index.d.ts +4 -2
  82. package/lib/ProTable/components/index.js +16 -9
  83. package/{es/ProTable → lib/ProTable/hooks}/useAntdTable.d.ts +2 -1
  84. package/lib/ProTable/{useAntdTable.js → hooks/useAntdTable.js} +15 -4
  85. package/lib/ProTable/index.d.ts +1 -1
  86. package/lib/ProTable/index.js +118 -175
  87. package/lib/ProTable/propsType.d.ts +3 -1
  88. package/lib/ProTable/utils/index.d.ts +26 -0
  89. package/lib/ProTable/utils/index.js +57 -0
  90. package/lib/global.less +2 -2
  91. package/package.json +1 -1
  92. package/es/ProEditTable/components/DndWrapper/index.d.ts +0 -17
  93. package/es/ProEditTable/components/DndWrapper/index.js +0 -104
  94. package/es/ProTable/components/ResizableLine/index.d.ts +0 -2
  95. package/es/ProTable/components/ResizableLine/index.js +0 -10
  96. package/lib/ProEditTable/components/DndWrapper/index.d.ts +0 -17
  97. package/lib/ProEditTable/components/DndWrapper/index.js +0 -111
  98. package/lib/ProTable/components/ResizableLine/index.d.ts +0 -2
  99. package/lib/ProTable/components/ResizableLine/index.js +0 -16
  100. /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.d.ts +0 -0
  101. /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.d.ts +0 -0
  102. /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.d.ts +0 -0
  103. /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.js +0 -0
  104. /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.d.ts +0 -0
  105. /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.d.ts +0 -0
  106. /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.d.ts +0 -0
  107. /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.js +0 -0
@@ -1434,7 +1434,7 @@
1434
1434
  .pro-step {
1435
1435
  position: fixed;
1436
1436
  right: 0;
1437
- z-index: 101;
1437
+ z-index: 999;
1438
1438
  min-width: 48px;
1439
1439
  min-height: 48px;
1440
1440
  overflow-x: hidden;
@@ -2516,6 +2516,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2516
2516
  .pro-tree-modal .ant-space-compact .ant-select-compact-item-div:has(.ant-select-status-error) + .ant-btn-compact-last-item > .viewSvg {
2517
2517
  color: var(--ant-error-color);
2518
2518
  }
2519
+ .pro-modal-select .ant-space-compact .ant-btn-compact-last-item,
2520
+ .pro-tree-modal .ant-space-compact .ant-btn-compact-last-item {
2521
+ border-left: none;
2522
+ }
2519
2523
  .pro-modal-select .ant-input-group-addon,
2520
2524
  .pro-tree-modal .ant-input-group-addon {
2521
2525
  padding: 0px var(--zaui-space-size-sm, 8px);
@@ -2533,6 +2537,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2533
2537
  -ms-flex-align: center;
2534
2538
  align-items: center;
2535
2539
  }
2540
+ .ant-form-item-has-error .pro-modal-select .ant-btn-compact-last-item {
2541
+ color: var(--zaui-danger, #ff5050);
2542
+ border-color: var(--zaui-danger, #ff5050);
2543
+ }
2536
2544
  .pro-group {
2537
2545
  width: unset !important;
2538
2546
  display: -webkit-box;
package/dist/less.esm.css CHANGED
@@ -1434,7 +1434,7 @@
1434
1434
  .pro-step {
1435
1435
  position: fixed;
1436
1436
  right: 0;
1437
- z-index: 101;
1437
+ z-index: 999;
1438
1438
  min-width: 48px;
1439
1439
  min-height: 48px;
1440
1440
  overflow-x: hidden;
@@ -2516,6 +2516,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2516
2516
  .pro-tree-modal .ant-space-compact .ant-select-compact-item-div:has(.ant-select-status-error) + .ant-btn-compact-last-item > .viewSvg {
2517
2517
  color: var(--ant-error-color);
2518
2518
  }
2519
+ .pro-modal-select .ant-space-compact .ant-btn-compact-last-item,
2520
+ .pro-tree-modal .ant-space-compact .ant-btn-compact-last-item {
2521
+ border-left: none;
2522
+ }
2519
2523
  .pro-modal-select .ant-input-group-addon,
2520
2524
  .pro-tree-modal .ant-input-group-addon {
2521
2525
  padding: 0px var(--zaui-space-size-sm, 8px);
@@ -2533,6 +2537,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2533
2537
  -ms-flex-align: center;
2534
2538
  align-items: center;
2535
2539
  }
2540
+ .ant-form-item-has-error .pro-modal-select .ant-btn-compact-last-item {
2541
+ color: var(--zaui-danger, #ff5050);
2542
+ border-color: var(--zaui-danger, #ff5050);
2543
+ }
2536
2544
  .pro-group {
2537
2545
  width: unset !important;
2538
2546
  display: -webkit-box;
@@ -82,24 +82,24 @@ var ActionButton = function ActionButton(_ref) {
82
82
  disabled: isDisabled,
83
83
  okText: locale.ProEditTable.confirm,
84
84
  cancelText: locale.ProEditTable.cancel,
85
- children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
85
+ children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
86
86
  record: record,
87
87
  index: index,
88
88
  disabled: isDisabled
89
- }))) : _jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
89
+ }))) : _jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
90
90
  disabled: isDisabled,
91
91
  type: "link",
92
92
  children: btnConfig.label
93
93
  }))
94
94
  }) : _jsx(_Fragment, {
95
- children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
95
+ children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
96
96
  record: record,
97
97
  index: index,
98
98
  disabled: isDisabled,
99
99
  onClick: function onClick() {
100
100
  btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.onEvent(record, index);
101
101
  }
102
- }))) : _jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
102
+ }))) : _jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
103
103
  disabled: isDisabled,
104
104
  type: "link",
105
105
  onClick: function onClick() {
@@ -109,12 +109,12 @@ var ActionButton = function ActionButton(_ref) {
109
109
  }))
110
110
  })
111
111
  }) : _jsx(_Fragment, {
112
- children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
112
+ children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(actionBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
113
113
  record: record,
114
114
  index: index
115
115
  }))) : _jsx(_Button, _objectSpread(_objectSpread({
116
116
  className: "action-button"
117
- }, omit(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
117
+ }, omit(actionBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
118
118
  type: "link",
119
119
  icon: (_btnConfig$icon = btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.icon) !== null && _btnConfig$icon !== void 0 ? _btnConfig$icon : iconMap[btnConfig.type],
120
120
  children: btnConfig.label
@@ -43,8 +43,8 @@ var BaseTable = function BaseTable(_ref) {
43
43
  return {
44
44
  disabled: disabled || virtualKey && !!editingKeys.length,
45
45
  'data-hide': isHideCheckBox,
46
- onClick: function onClick() {},
47
- rowDraggable: rowDraggable
46
+ 'data-row-draggable': rowDraggable,
47
+ onClick: function onClick() {}
48
48
  };
49
49
  }
50
50
  }, resetProps), {}, {
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
- declare const _default: import("react").MemoExoticComponent<({ tableProps, draggableProps, ...resetProps }: {
1
+ import React from 'react';
2
+ declare const _default: React.MemoExoticComponent<({ tableProps, draggableProps, ...resetProps }: {
3
3
  [x: string]: any;
4
4
  tableProps: any;
5
5
  draggableProps: any;
@@ -1,16 +1,114 @@
1
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
1
  import "antd/es/table/style";
3
2
  import _Table from "antd/es/table";
3
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
- var _excluded = ["tableProps", "draggableProps"];
5
+ var _excluded = ["disabled", "children"],
6
+ _excluded2 = ["tableProps", "draggableProps"];
6
7
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
7
- import { memo } from 'react';
8
- import { DndWrapper, Row } from '../index';
9
- var DraggableTable = function DraggableTable(_ref) {
8
+ import React, { memo } from 'react';
9
+ import { DndContext } from '@dnd-kit/core';
10
+ import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
11
+ import { CSS } from '@dnd-kit/utilities';
12
+ import ProIcon from '../../../ProIcon';
13
+ var Row = function Row(props) {
14
+ var disabled = props.disabled,
15
+ children = props.children,
16
+ restProps = _objectWithoutProperties(props, _excluded);
17
+ var data = useSortable({
18
+ id: props['data-row-key'],
19
+ disabled: disabled
20
+ });
21
+ var attributes = data.attributes,
22
+ listeners = data.listeners,
23
+ setNodeRef = data.setNodeRef,
24
+ transform = data.transform,
25
+ transition = data.transition,
26
+ isDragging = data.isDragging;
27
+ var style = _objectSpread(_objectSpread({}, props.style), {}, {
28
+ transform: CSS.Transform.toString(transform && _objectSpread(_objectSpread({}, transform), {}, {
29
+ scaleY: 1
30
+ })),
31
+ transition: transition
32
+ }, isDragging ? {
33
+ position: 'relative',
34
+ zIndex: 2
35
+ } : {});
36
+ return _jsx("tr", _objectSpread(_objectSpread(_objectSpread({}, restProps), {}, {
37
+ ref: setNodeRef,
38
+ style: style
39
+ }, attributes), {}, {
40
+ children: React.Children.map(children, function (child) {
41
+ if (child.key === 'RC_TABLE_KEY' && !disabled) {
42
+ var _restProps$dataRowD;
43
+ var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
44
+ render = _ref.render,
45
+ record = _ref.record,
46
+ renderIndex = _ref.renderIndex;
47
+ var isDrag = restProps['data-row-draggable'] ? (_restProps$dataRowD = restProps['data-row-draggable']) === null || _restProps$dataRowD === void 0 ? void 0 : _restProps$dataRowD.call(restProps, record) : true;
48
+ return /*#__PURE__*/React.cloneElement(child, {
49
+ children: _jsxs("span", {
50
+ className: "drag-wrapper".concat(props['data-hide'] ? ' no-check' : ''),
51
+ children: [isDrag ? _jsx(ProIcon, _objectSpread({
52
+ className: "drag-icon",
53
+ style: {
54
+ touchAction: 'none',
55
+ cursor: disabled ? 'no-drop' : 'move'
56
+ },
57
+ type: "drag",
58
+ size: 20
59
+ }, listeners)) : _jsx(ProIcon, {
60
+ size: 20
61
+ }), props['data-hide'] ? null : render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
62
+ })
63
+ });
64
+ }
65
+ return child;
66
+ })
67
+ }));
68
+ };
69
+ var DndWrapper = function DndWrapper(_ref2) {
10
70
  var _value$;
11
- var tableProps = _ref.tableProps,
12
- draggableProps = _ref.draggableProps,
13
- resetProps = _objectWithoutProperties(_ref, _excluded);
71
+ var draggable = _ref2.draggable,
72
+ value = _ref2.value,
73
+ onChange = _ref2.onChange,
74
+ onDrag = _ref2.onDrag,
75
+ disabled = _ref2.disabled,
76
+ children = _ref2.children;
77
+ var onDragEnd = function onDragEnd(event) {
78
+ var active = event.active,
79
+ over = event.over;
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
+ }
86
+ var activeIndex = value.findIndex(function (i) {
87
+ return i.rowKey === active.id;
88
+ });
89
+ var overIndex = value.findIndex(function (i) {
90
+ return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
91
+ });
92
+ var nextValue = arrayMove(value, activeIndex, overIndex);
93
+ onChange(nextValue);
94
+ }
95
+ };
96
+ return draggable && !disabled ? _jsx(DndContext, {
97
+ onDragEnd: onDragEnd,
98
+ children: _jsx(SortableContext, {
99
+ items: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value.map(function (i) {
100
+ return i.rowKey;
101
+ }) : [],
102
+ strategy: verticalListSortingStrategy,
103
+ children: children
104
+ })
105
+ }) : children;
106
+ };
107
+ var DraggableTable = function DraggableTable(_ref3) {
108
+ var _value$2;
109
+ var tableProps = _ref3.tableProps,
110
+ draggableProps = _ref3.draggableProps,
111
+ resetProps = _objectWithoutProperties(_ref3, _excluded2);
14
112
  var value = tableProps.value,
15
113
  headerRender = tableProps.headerRender,
16
114
  tableRef = tableProps.tableRef,
@@ -45,7 +143,7 @@ var DraggableTable = function DraggableTable(_ref) {
45
143
  }) : null, _jsx(_Table, _objectSpread(_objectSpread({
46
144
  ref: tableRef,
47
145
  className: className,
48
- dataSource: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : undefined,
146
+ dataSource: (value === null || value === void 0 ? void 0 : (_value$2 = value[0]) === null || _value$2 === void 0 ? void 0 : _value$2.rowKey) ? value : undefined,
49
147
  columns: columns,
50
148
  rowSelection: renderRowSelection(),
51
149
  rowClassName: rowClassName,
@@ -58,8 +156,8 @@ var DraggableTable = function DraggableTable(_ref) {
58
156
  return {
59
157
  disabled: disabled || virtualKey && !!editingKeys.length,
60
158
  'data-hide': isHideCheckBox,
61
- onClick: function onClick() {},
62
- rowDraggable: rowDraggable
159
+ 'data-row-draggable': rowDraggable,
160
+ onClick: function onClick() {}
63
161
  };
64
162
  }
65
163
  }, resetProps), {}, {
@@ -148,8 +148,8 @@ var VirtualTable = function VirtualTable(_ref) {
148
148
  return {
149
149
  disabled: disabled || virtualKey && !!editingKeys.length,
150
150
  'data-hide': isHideCheckBox,
151
- onClick: function onClick() {},
152
- rowDraggable: rowDraggable
151
+ 'data-row-draggable': rowDraggable,
152
+ onClick: function onClick() {}
153
153
  };
154
154
  }
155
155
  }, resetProps), {}, {
@@ -11,7 +11,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
11
11
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
12
12
  import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
13
13
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
14
- var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className", "trim", "confirm", "validateTrigger"];
14
+ var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className", "trim", "confirm"];
15
15
  import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
16
16
  /* eslint-disable prefer-destructuring */
17
17
  /* eslint-disable prefer-const */
@@ -60,8 +60,6 @@ var RenderField = function RenderField(_ref) {
60
60
  className = column.className,
61
61
  trim = column.trim,
62
62
  confirm = column.confirm,
63
- _column$validateTrigg = column.validateTrigger,
64
- validateTrigger = _column$validateTrigg === void 0 ? ['onChange', 'onBlur', 'onSumbit'] : _column$validateTrigg,
65
63
  resetProps = _objectWithoutProperties(column, _excluded);
66
64
  // editRender弃用使用component同ProForm
67
65
  var _editRender = component || editRender;
@@ -79,6 +77,8 @@ var RenderField = function RenderField(_ref) {
79
77
  _config$originalDiffT = config.originalDiffTip,
80
78
  originalDiffTip = _config$originalDiffT === void 0 ? true : _config$originalDiffT,
81
79
  rowDisabled = config.rowDisabled,
80
+ _config$validateTrigg = config.validateTrigger,
81
+ validateTrigger = _config$validateTrigg === void 0 ? ['onChange', 'onBlur', 'onSubmit'] : _config$validateTrigg,
82
82
  otherProps = config.otherProps;
83
83
  var _fieldProps = fieldProps || formItemProps || {};
84
84
  var _rules = rules || [];
@@ -160,9 +160,7 @@ var RenderField = function RenderField(_ref) {
160
160
  // 分离form item参数,防止对于参数透传(如onChange,防止重复触发)并优先级高于 _fieldProps 内部参数
161
161
  var formItemChildProps = _objectSpread({}, _fieldProps);
162
162
  // 允许formItem的属性放在column最外层
163
- var _formItemProps = _objectSpread(_objectSpread(_objectSpread({}, resetProps), internalRule), {}, {
164
- validateTrigger: validateTrigger
165
- });
163
+ var _formItemProps = _objectSpread(_objectSpread({}, resetProps), internalRule);
166
164
  if (['Switch', 'SwitchCheckbox'].includes(type)) {
167
165
  _formItemProps.valuePropName = 'checked';
168
166
  valueType = 'switch';
@@ -555,7 +553,7 @@ var RenderField = function RenderField(_ref) {
555
553
  var FormItem = null;
556
554
  FormItem = TargetComponent ? _jsx(_Form.Item, _objectSpread(_objectSpread({
557
555
  validateFirst: true
558
- }, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
556
+ }, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name', 'onCell'])), {}, {
559
557
  className: _className,
560
558
  name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
561
559
  children: ((_componentProps = componentProps) === null || _componentProps === void 0 ? void 0 : _componentProps.confirm) ? _jsx(ConfirmWrapper, _objectSpread(_objectSpread({}, componentProps), {}, {
@@ -1,4 +1,3 @@
1
- export { default as DndWrapper, Row } from './DndWrapper';
2
1
  export { default as RenderField } from './RenderField';
3
2
  export { default as Validator } from './Validator';
4
3
  export { default as Summary } from './Summary';
@@ -1,4 +1,3 @@
1
- export { default as DndWrapper, Row } from './DndWrapper';
2
1
  export { default as RenderField } from './RenderField';
3
2
  export { default as Validator } from './Validator';
4
3
  export { default as Summary } from './Summary';
@@ -105,7 +105,6 @@ export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemPro
105
105
  hiddenNames?: NamePath[] | NamePath[][];
106
106
  rules?: ProRule[] | RulesFn<T>;
107
107
  confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps | void>;
108
- validateTrigger?: string | string[];
109
108
  [key: string]: any;
110
109
  }
111
110
  export type ProEditTableColumnsProps<K = any> = ProColumnsProps & ColumnPropsMap<K, 'ProEditTable'>;
@@ -276,4 +275,5 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
276
275
  onDrag?: (event: DragEndEvent, dataSource: T[]) => T[];
277
276
  ref?: any;
278
277
  actionDirection?: 'vertical' | 'horizontal';
278
+ validateTrigger?: string | string[];
279
279
  }
@@ -260,7 +260,8 @@ var ProCascader = function ProCascader(props) {
260
260
  disabled: disabled,
261
261
  displayRender: displayRender,
262
262
  showSearch: {
263
- filter: handlefilter
263
+ filter: handlefilter,
264
+ limit: 1000
264
265
  },
265
266
  onChange: handleChange
266
267
  }, omit(otherProps, 'otherProps'))), hasDetail && (tooltip && disabled && detail ? _jsx(_Tooltip, {
@@ -4,6 +4,8 @@ import "antd/es/button/style";
4
4
  import _Button from "antd/es/button";
5
5
  import "antd/es/input/style";
6
6
  import _Input from "antd/es/input";
7
+ import "antd/es/spin/style";
8
+ import _Spin from "antd/es/spin";
7
9
  import "antd/es/space/style";
8
10
  import _Space from "antd/es/space";
9
11
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
@@ -141,7 +143,8 @@ var ProModalSelect = function ProModalSelect(props, ref) {
141
143
  });
142
144
  }
143
145
  })),
144
- run = _useRequestList.run;
146
+ run = _useRequestList.run,
147
+ selectLoading = _useRequestList.loading;
145
148
  var _useRequestList2 = useRequestList(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, {
146
149
  withPagination: withPagination,
147
150
  transformParams: transformParams,
@@ -684,6 +687,9 @@ var ProModalSelect = function ProModalSelect(props, ref) {
684
687
  optionRender: optionRender,
685
688
  scrollFollowParent: false,
686
689
  mode: isMultiple ? 'multiple' : undefined,
690
+ notFoundContent: selectLoading ? _jsx(_Spin, {
691
+ size: "small"
692
+ }) : null,
687
693
  onFocus: function onFocus() {
688
694
  if (useRequest) {
689
695
  var _useRequest$options9;
@@ -118,7 +118,9 @@
118
118
  }
119
119
  }
120
120
  }
121
-
121
+ .@{ant-prefix}-btn-compact-last-item{
122
+ border-left: none;
123
+ }
122
124
  }
123
125
 
124
126
  .@{ant-prefix}-input-group-addon {
@@ -132,3 +134,13 @@
132
134
  }
133
135
  }
134
136
  }
137
+
138
+ // 报错信息
139
+ .@{ant-prefix}-form-item-has-error{
140
+ .pro-modal-select{
141
+ .ant-btn-compact-last-item{
142
+ color: @zaui-danger;
143
+ border-color: @zaui-danger;
144
+ }
145
+ }
146
+ }
@@ -9,11 +9,11 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
9
9
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
10
10
  import "antd/es/select/style";
11
11
  import _Select from "antd/es/select";
12
- var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "filterInList", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse", "isView", "viewportReady"];
12
+ var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "filterInList", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse", "isView"];
13
13
  import { jsx as _jsx } from "react/jsx-runtime";
14
- import { useDeepCompareEffect, useInViewport, useRequest as useRequestFunc } from 'ahooks';
15
- import React, { useImperativeHandle, useState, forwardRef, useRef, useEffect } from 'react';
16
- import { isFunction, isObject, isString, omit, cloneDeep, isNumber } from 'lodash';
14
+ import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
15
+ import React, { useImperativeHandle, useState, forwardRef } from 'react';
16
+ import { isFunction, isObject, isString, omit, isNumber } from 'lodash';
17
17
  import { useProConfig } from '../ProConfigProvider';
18
18
  import Container from '../ProForm/components/Container';
19
19
  import AdaptiveTooltip from './components/AdaptiveTooltip';
@@ -27,8 +27,7 @@ export var ProSelect = function ProSelect(props, ref) {
27
27
  var _ref = useProConfig('ProSelect') || {},
28
28
  _ref$fieldNames = _ref.fieldNames,
29
29
  proSelectFieldNames = _ref$fieldNames === void 0 ? {} : _ref$fieldNames,
30
- showCodeName = _ref.showCodeName,
31
- gViewportReady = _ref.viewportReady;
30
+ showCodeName = _ref.showCodeName;
32
31
  var label = 'label';
33
32
  var code = 'value';
34
33
  if (proSelectFieldNames && Object.keys(proSelectFieldNames).length) {
@@ -55,18 +54,7 @@ export var ProSelect = function ProSelect(props, ref) {
55
54
  updateDataSource = props.updateDataSource,
56
55
  transformResponse = props.transformResponse,
57
56
  isViewPro = props.isView,
58
- __viewportReady = props.viewportReady,
59
57
  selectProps = _objectWithoutProperties(props, _excluded);
60
- var viewportReady = __viewportReady || gViewportReady;
61
- /** 是否在可视区域出现过 */
62
- var _useState = useState(false),
63
- _useState2 = _slicedToArray(_useState, 2),
64
- viewFlag = _useState2[0],
65
- setViewFlag = _useState2[1];
66
- var refSelect1 = useRef();
67
- var _useInViewport = useInViewport(refSelect1),
68
- _useInViewport2 = _slicedToArray(_useInViewport, 1),
69
- inViewport = _useInViewport2[0];
70
58
  selectProps.showCodeName = (_selectProps$showCode = selectProps.showCodeName) !== null && _selectProps$showCode !== void 0 ? _selectProps$showCode : showCodeName;
71
59
  var value = props.value;
72
60
  var _ref2 = ProForm.useFieldProps() || {},
@@ -77,15 +65,15 @@ export var ProSelect = function ProSelect(props, ref) {
77
65
  code = fieldNames.value;
78
66
  label = fieldNames.label;
79
67
  }
80
- var _useState3 = useState(dataSource || []),
81
- _useState4 = _slicedToArray(_useState3, 2),
82
- selectList = _useState4[0],
83
- setSelectList = _useState4[1];
68
+ var _useState = useState(dataSource || []),
69
+ _useState2 = _slicedToArray(_useState, 2),
70
+ selectList = _useState2[0],
71
+ setSelectList = _useState2[1];
84
72
  // 用来控制只有第一次才会设置 defaultOne 属性、🔒
85
- var _useState5 = useState(false),
86
- _useState6 = _slicedToArray(_useState5, 2),
87
- isDefaultOne = _useState6[0],
88
- setIsDefaultOne = _useState6[1];
73
+ var _useState3 = useState(false),
74
+ _useState4 = _slicedToArray(_useState3, 2),
75
+ isDefaultOne = _useState4[0],
76
+ setIsDefaultOne = _useState4[1];
89
77
  var OptionRender = optionRender;
90
78
  var defaultOnSuccessFun = function defaultOnSuccessFun(res) {
91
79
  var _res$status = res.status,
@@ -146,16 +134,8 @@ export var ProSelect = function ProSelect(props, ref) {
146
134
  if (manual) {
147
135
  return;
148
136
  }
149
- if (viewportReady && !viewFlag) {
150
- return;
151
- }
152
137
  fetchFunction.run(defaultParams);
153
- }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue, viewFlag]);
154
- useEffect(function () {
155
- if (inViewport && !viewFlag && viewportReady) {
156
- setViewFlag(true);
157
- }
158
- }, [inViewport]);
138
+ }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
159
139
  // disable默认值
160
140
  if (defaultDisableValue) {
161
141
  return _jsx("span", {
@@ -301,11 +281,9 @@ export var ProSelect = function ProSelect(props, ref) {
301
281
  });
302
282
  }
303
283
  return _jsx("div", {
304
- ref: refSelect1,
305
284
  style: props.style,
306
- className: "ant-select-compact-item-div",
285
+ className: "pro-select",
307
286
  children: _jsx(_Select, _objectSpread(_objectSpread({
308
- // id={refSelect1.current}
309
287
  placeholder: locale === null || locale === void 0 ? void 0 : (_locale$ProSelect = locale.ProSelect) === null || _locale$ProSelect === void 0 ? void 0 : _locale$ProSelect.select,
310
288
  allowClear: true,
311
289
  showArrow: true,
@@ -325,7 +303,7 @@ export var ProSelect = function ProSelect(props, ref) {
325
303
  getPopupContainer: function getPopupContainer(trigger) {
326
304
  return scrollFollowParent ? trigger.parentElement : document.body;
327
305
  }
328
- }, omit(cloneDeep(selectProps), ['isView', 'showCodeName', 'form', 'name', 'style', 'onFieldChange'])), {}, {
306
+ }, omit(_objectSpread({}, selectProps), ['isView', 'showCodeName', 'form', 'name', 'style', 'onFieldChange'])), {}, {
329
307
  value: transformValue(),
330
308
  children: Array.isArray(newSelectList) && newSelectList.map(function (item) {
331
309
  return _jsx(Option, {
@@ -9,9 +9,9 @@
9
9
  text-overflow: ellipsis;
10
10
  word-break: keep-all;
11
11
  }
12
- .ant-select-compact-item-div {
12
+ .pro-select {
13
13
  width: 100%;
14
- >.ant-select {
14
+ > .ant-select {
15
15
  width: 100%;
16
16
  }
17
17
  }
@@ -8,7 +8,7 @@
8
8
  .pro-step {
9
9
  position: fixed;
10
10
  right: 0;
11
- z-index: 101;
11
+ z-index: 999;
12
12
  min-width: 48px;
13
13
  min-height: 48px;
14
14
  overflow-x: hidden;
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
- import { ProTableColumn } from './propsType';
2
+ import { ProTableColumn } from '../../propsType';
3
3
  export declare const formatColumn: (column: ProTableColumn, originalObj: any, dataSourceObj: any, rowKey: any) => void;
4
- export declare const getColumnDataIndex: (dataIndex: string | string[]) => string;
5
4
  /**
6
5
  * 查找最近的父级className
7
6
  * @param element 当前node节点
@@ -10,12 +9,3 @@ export declare const getColumnDataIndex: (dataIndex: string | string[]) => strin
10
9
  * @returns ReactNode 父级element
11
10
  */
12
11
  export declare const getParentElement: (element: any, name: any, type?: string) => React.ReactNode;
13
- /**
14
- * 判断数据是否为Response<List<any>>结构
15
- * @param data { [key: string]: any } 需要判断数据
16
- * @returns boolean 是否
17
- */
18
- export declare const isListResult: (data: {
19
- [key: string]: any;
20
- }) => boolean;
21
- export declare const getRowKey: (rowKey: any, record: any) => any;