@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.
- package/dist/index.esm.css +9 -1
- package/dist/less.esm.css +9 -1
- package/es/ProEditTable/components/ActionButton/index.js +6 -6
- package/es/ProEditTable/components/RcTable/BaseTable.js +2 -2
- package/es/ProEditTable/components/RcTable/DraggableTable.d.ts +2 -2
- package/es/ProEditTable/components/RcTable/DraggableTable.js +109 -11
- package/es/ProEditTable/components/RcTable/VirtualTable.js +2 -2
- package/es/ProEditTable/components/RenderField/index.js +5 -7
- package/es/ProEditTable/components/index.d.ts +0 -1
- package/es/ProEditTable/components/index.js +0 -1
- package/es/ProEditTable/propsType.d.ts +1 -1
- package/es/ProForm/components/combination/ProCascader/index.js +2 -1
- package/es/ProForm/components/combination/ProModalSelect/index.js +7 -1
- package/es/ProForm/components/combination/ProModalSelect/style/index.less +13 -1
- package/es/ProSelect/index.js +16 -38
- package/es/ProSelect/index.less +2 -2
- package/es/ProStep/style/index.less +1 -1
- package/es/ProTable/{utils.d.ts → components/FormatColumn/index.d.ts} +1 -11
- package/es/ProTable/{utils.js → components/FormatColumn/index.js} +7 -57
- package/es/ProTable/components/RcTable/components/BaseTable/index.d.ts +11 -0
- package/es/ProTable/components/RcTable/components/BaseTable/index.js +43 -0
- package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.js +1 -4
- package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.js +2 -2
- package/es/ProTable/components/RcTable/components/DraggableTable/index.d.ts +11 -0
- package/es/ProTable/components/RcTable/components/DraggableTable/index.js +52 -0
- package/es/ProTable/components/RcTable/index.d.ts +4 -0
- package/es/ProTable/components/RcTable/index.js +4 -0
- package/es/ProTable/components/RenderEmptyText/index.d.ts +3 -0
- package/es/ProTable/components/RenderEmptyText/index.js +22 -0
- package/es/ProTable/components/RenderFooter/index.d.ts +2 -0
- package/es/ProTable/components/RenderFooter/index.js +12 -0
- package/es/ProTable/components/RenderSummary/index.d.ts +3 -0
- package/es/ProTable/components/RenderSummary/index.js +55 -0
- package/es/ProTable/components/RenderTableHeader/index.d.ts +2 -0
- package/es/ProTable/components/RenderTableHeader/index.js +61 -0
- package/es/ProTable/components/TableResizable/index.js +1 -9
- package/es/ProTable/components/index.d.ts +4 -2
- package/es/ProTable/components/index.js +4 -2
- package/{lib/ProTable → es/ProTable/hooks}/useAntdTable.d.ts +2 -1
- package/es/ProTable/{useAntdTable.js → hooks/useAntdTable.js} +15 -4
- package/es/ProTable/index.d.ts +1 -1
- package/es/ProTable/index.js +114 -174
- package/es/ProTable/propsType.d.ts +3 -1
- package/es/ProTable/utils/index.d.ts +26 -0
- package/es/ProTable/utils/index.js +51 -0
- package/es/global.less +2 -2
- package/lib/ProEditTable/components/ActionButton/index.js +6 -6
- package/lib/ProEditTable/components/RcTable/BaseTable.js +2 -2
- package/lib/ProEditTable/components/RcTable/DraggableTable.d.ts +2 -2
- package/lib/ProEditTable/components/RcTable/DraggableTable.js +111 -12
- package/lib/ProEditTable/components/RcTable/VirtualTable.js +2 -2
- package/lib/ProEditTable/components/RenderField/index.js +5 -7
- package/lib/ProEditTable/components/index.d.ts +0 -1
- package/lib/ProEditTable/components/index.js +0 -14
- package/lib/ProEditTable/propsType.d.ts +1 -1
- package/lib/ProForm/components/combination/ProCascader/index.js +2 -1
- package/lib/ProForm/components/combination/ProModalSelect/index.js +5 -1
- package/lib/ProForm/components/combination/ProModalSelect/style/index.less +13 -1
- package/lib/ProSelect/index.js +14 -38
- package/lib/ProSelect/index.less +2 -2
- package/lib/ProStep/style/index.less +1 -1
- package/lib/ProTable/{utils.d.ts → components/FormatColumn/index.d.ts} +1 -11
- package/lib/ProTable/{utils.js → components/FormatColumn/index.js} +17 -68
- package/lib/ProTable/components/RcTable/components/BaseTable/index.d.ts +11 -0
- package/lib/ProTable/components/RcTable/components/BaseTable/index.js +49 -0
- package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.js +1 -4
- package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.js +2 -2
- package/lib/ProTable/components/RcTable/components/DraggableTable/index.d.ts +11 -0
- package/lib/ProTable/components/RcTable/components/DraggableTable/index.js +59 -0
- package/lib/ProTable/components/RcTable/index.d.ts +4 -0
- package/lib/ProTable/components/RcTable/index.js +20 -0
- package/lib/ProTable/components/RenderEmptyText/index.d.ts +3 -0
- package/lib/ProTable/components/RenderEmptyText/index.js +28 -0
- package/lib/ProTable/components/RenderFooter/index.d.ts +2 -0
- package/lib/ProTable/components/RenderFooter/index.js +18 -0
- package/lib/ProTable/components/RenderSummary/index.d.ts +3 -0
- package/lib/ProTable/components/RenderSummary/index.js +61 -0
- package/lib/ProTable/components/RenderTableHeader/index.d.ts +2 -0
- package/lib/ProTable/components/RenderTableHeader/index.js +66 -0
- package/lib/ProTable/components/TableResizable/index.js +3 -11
- package/lib/ProTable/components/index.d.ts +4 -2
- package/lib/ProTable/components/index.js +16 -9
- package/{es/ProTable → lib/ProTable/hooks}/useAntdTable.d.ts +2 -1
- package/lib/ProTable/{useAntdTable.js → hooks/useAntdTable.js} +15 -4
- package/lib/ProTable/index.d.ts +1 -1
- package/lib/ProTable/index.js +118 -175
- package/lib/ProTable/propsType.d.ts +3 -1
- package/lib/ProTable/utils/index.d.ts +26 -0
- package/lib/ProTable/utils/index.js +57 -0
- package/lib/global.less +2 -2
- package/package.json +1 -1
- package/es/ProEditTable/components/DndWrapper/index.d.ts +0 -17
- package/es/ProEditTable/components/DndWrapper/index.js +0 -104
- package/es/ProTable/components/ResizableLine/index.d.ts +0 -2
- package/es/ProTable/components/ResizableLine/index.js +0 -10
- package/lib/ProEditTable/components/DndWrapper/index.d.ts +0 -17
- package/lib/ProEditTable/components/DndWrapper/index.js +0 -111
- package/lib/ProTable/components/ResizableLine/index.d.ts +0 -2
- package/lib/ProTable/components/ResizableLine/index.js +0 -16
- /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.d.ts +0 -0
- /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.d.ts +0 -0
- /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.d.ts +0 -0
- /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.js +0 -0
- /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.d.ts +0 -0
- /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.d.ts +0 -0
- /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.d.ts +0 -0
- /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.js +0 -0
package/dist/index.esm.css
CHANGED
|
@@ -1434,7 +1434,7 @@
|
|
|
1434
1434
|
.pro-step {
|
|
1435
1435
|
position: fixed;
|
|
1436
1436
|
right: 0;
|
|
1437
|
-
z-index:
|
|
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:
|
|
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
|
-
|
|
47
|
-
|
|
46
|
+
'data-row-draggable': rowDraggable,
|
|
47
|
+
onClick: function onClick() {}
|
|
48
48
|
};
|
|
49
49
|
}
|
|
50
50
|
}, resetProps), {}, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
declare const _default:
|
|
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 = ["
|
|
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 {
|
|
9
|
-
|
|
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
|
|
12
|
-
|
|
13
|
-
|
|
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
|
|
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
|
-
|
|
62
|
-
|
|
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
|
-
|
|
152
|
-
|
|
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"
|
|
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(
|
|
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), {}, {
|
|
@@ -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
|
+
}
|
package/es/ProSelect/index.js
CHANGED
|
@@ -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"
|
|
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,
|
|
15
|
-
import React, { useImperativeHandle, useState, forwardRef
|
|
16
|
-
import { isFunction, isObject, isString, omit,
|
|
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
|
|
81
|
-
|
|
82
|
-
selectList =
|
|
83
|
-
setSelectList =
|
|
68
|
+
var _useState = useState(dataSource || []),
|
|
69
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
70
|
+
selectList = _useState2[0],
|
|
71
|
+
setSelectList = _useState2[1];
|
|
84
72
|
// 用来控制只有第一次才会设置 defaultOne 属性、🔒
|
|
85
|
-
var
|
|
86
|
-
|
|
87
|
-
isDefaultOne =
|
|
88
|
-
setIsDefaultOne =
|
|
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
|
|
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: "
|
|
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(
|
|
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, {
|
package/es/ProSelect/index.less
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ProTableColumn } from '
|
|
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;
|