@zat-design/sisyphus-react 3.6.7-beta.6 → 3.6.7-beta.7
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/es/ProEditTable/components/ActionButton/index.js +6 -6
- package/es/ProEditTable/components/DndWrapper/index.d.ts +1 -1
- package/es/ProEditTable/components/DndWrapper/index.js +3 -3
- package/es/ProEditTable/components/RcTable/BaseTable.js +2 -2
- package/es/ProEditTable/components/RcTable/DraggableTable.js +2 -2
- package/es/ProEditTable/components/RcTable/VirtualTable.js +2 -2
- package/es/ProEditTable/components/RenderField/index.js +2 -2
- package/es/ProForm/components/combination/ProModalSelect/index.js +7 -1
- package/es/ProSelect/index.js +13 -34
- package/lib/ProEditTable/components/ActionButton/index.js +6 -6
- package/lib/ProEditTable/components/DndWrapper/index.d.ts +1 -1
- package/lib/ProEditTable/components/DndWrapper/index.js +3 -3
- package/lib/ProEditTable/components/RcTable/BaseTable.js +2 -2
- package/lib/ProEditTable/components/RcTable/DraggableTable.js +2 -2
- package/lib/ProEditTable/components/RcTable/VirtualTable.js +2 -2
- package/lib/ProEditTable/components/RenderField/index.js +2 -2
- package/lib/ProForm/components/combination/ProModalSelect/index.js +5 -1
- package/lib/ProSelect/index.js +12 -35
- package/package.json +1 -1
|
@@ -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
|
|
@@ -3,7 +3,7 @@ interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
|
3
3
|
'data-row-key': string;
|
|
4
4
|
'data-hide'?: boolean;
|
|
5
5
|
disabled?: boolean;
|
|
6
|
-
|
|
6
|
+
'data-row-draggable'?: any;
|
|
7
7
|
}
|
|
8
8
|
export declare const Row: FC<RowProps>;
|
|
9
9
|
declare const DndWrapper: ({ draggable, value, onChange, onDrag, disabled, children }: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["disabled", "
|
|
3
|
+
var _excluded = ["disabled", "children"];
|
|
4
4
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { DndContext } from '@dnd-kit/core';
|
|
@@ -9,7 +9,6 @@ import { CSS } from '@dnd-kit/utilities';
|
|
|
9
9
|
import ProIcon from '../../../ProIcon';
|
|
10
10
|
export var Row = function Row(props) {
|
|
11
11
|
var disabled = props.disabled,
|
|
12
|
-
rowDraggable = props.rowDraggable,
|
|
13
12
|
children = props.children,
|
|
14
13
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
15
14
|
var data = useSortable({
|
|
@@ -37,11 +36,12 @@ export var Row = function Row(props) {
|
|
|
37
36
|
}, attributes), {}, {
|
|
38
37
|
children: React.Children.map(children, function (child) {
|
|
39
38
|
if (child.key === 'RC_TABLE_KEY' && !disabled) {
|
|
39
|
+
var _restProps$dataRowD;
|
|
40
40
|
var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
|
|
41
41
|
render = _ref.render,
|
|
42
42
|
record = _ref.record,
|
|
43
43
|
renderIndex = _ref.renderIndex;
|
|
44
|
-
var isDrag =
|
|
44
|
+
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;
|
|
45
45
|
return /*#__PURE__*/React.cloneElement(child, {
|
|
46
46
|
children: _jsxs("span", {
|
|
47
47
|
className: "drag-wrapper".concat(props['data-hide'] ? ' no-check' : ''),
|
|
@@ -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), {}, {
|
|
@@ -58,8 +58,8 @@ var DraggableTable = function DraggableTable(_ref) {
|
|
|
58
58
|
return {
|
|
59
59
|
disabled: disabled || virtualKey && !!editingKeys.length,
|
|
60
60
|
'data-hide': isHideCheckBox,
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
'data-row-draggable': rowDraggable,
|
|
62
|
+
onClick: function onClick() {}
|
|
63
63
|
};
|
|
64
64
|
}
|
|
65
65
|
}, 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), {}, {
|
|
@@ -61,7 +61,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
61
61
|
trim = column.trim,
|
|
62
62
|
confirm = column.confirm,
|
|
63
63
|
_column$validateTrigg = column.validateTrigger,
|
|
64
|
-
validateTrigger = _column$validateTrigg === void 0 ? ['onChange', 'onBlur', '
|
|
64
|
+
validateTrigger = _column$validateTrigg === void 0 ? ['onChange', 'onBlur', 'onSubmit'] : _column$validateTrigg,
|
|
65
65
|
resetProps = _objectWithoutProperties(column, _excluded);
|
|
66
66
|
// editRender弃用使用component同ProForm
|
|
67
67
|
var _editRender = component || editRender;
|
|
@@ -555,7 +555,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
555
555
|
var FormItem = null;
|
|
556
556
|
FormItem = TargetComponent ? _jsx(_Form.Item, _objectSpread(_objectSpread({
|
|
557
557
|
validateFirst: true
|
|
558
|
-
}, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
|
|
558
|
+
}, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name', 'onCell'])), {}, {
|
|
559
559
|
className: _className,
|
|
560
560
|
name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
|
|
561
561
|
children: ((_componentProps = componentProps) === null || _componentProps === void 0 ? void 0 : _componentProps.confirm) ? _jsx(ConfirmWrapper, _objectSpread(_objectSpread({}, componentProps), {}, {
|
|
@@ -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;
|
package/es/ProSelect/index.js
CHANGED
|
@@ -9,10 +9,10 @@ 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, useRef
|
|
14
|
+
import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
|
|
15
|
+
import React, { useImperativeHandle, useState, forwardRef, useRef } from 'react';
|
|
16
16
|
import { isFunction, isObject, isString, omit, cloneDeep, isNumber } from 'lodash';
|
|
17
17
|
import { useProConfig } from '../ProConfigProvider';
|
|
18
18
|
import Container from '../ProForm/components/Container';
|
|
@@ -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,8 @@ 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
58
|
var refSelect1 = useRef();
|
|
67
|
-
var _useInViewport = useInViewport(refSelect1),
|
|
68
|
-
_useInViewport2 = _slicedToArray(_useInViewport, 1),
|
|
69
|
-
inViewport = _useInViewport2[0];
|
|
70
59
|
selectProps.showCodeName = (_selectProps$showCode = selectProps.showCodeName) !== null && _selectProps$showCode !== void 0 ? _selectProps$showCode : showCodeName;
|
|
71
60
|
var value = props.value;
|
|
72
61
|
var _ref2 = ProForm.useFieldProps() || {},
|
|
@@ -77,15 +66,15 @@ export var ProSelect = function ProSelect(props, ref) {
|
|
|
77
66
|
code = fieldNames.value;
|
|
78
67
|
label = fieldNames.label;
|
|
79
68
|
}
|
|
80
|
-
var
|
|
81
|
-
|
|
82
|
-
selectList =
|
|
83
|
-
setSelectList =
|
|
69
|
+
var _useState = useState(dataSource || []),
|
|
70
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
71
|
+
selectList = _useState2[0],
|
|
72
|
+
setSelectList = _useState2[1];
|
|
84
73
|
// 用来控制只有第一次才会设置 defaultOne 属性、🔒
|
|
85
|
-
var
|
|
86
|
-
|
|
87
|
-
isDefaultOne =
|
|
88
|
-
setIsDefaultOne =
|
|
74
|
+
var _useState3 = useState(false),
|
|
75
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
76
|
+
isDefaultOne = _useState4[0],
|
|
77
|
+
setIsDefaultOne = _useState4[1];
|
|
89
78
|
var OptionRender = optionRender;
|
|
90
79
|
var defaultOnSuccessFun = function defaultOnSuccessFun(res) {
|
|
91
80
|
var _res$status = res.status,
|
|
@@ -146,16 +135,8 @@ export var ProSelect = function ProSelect(props, ref) {
|
|
|
146
135
|
if (manual) {
|
|
147
136
|
return;
|
|
148
137
|
}
|
|
149
|
-
if (viewportReady && !viewFlag) {
|
|
150
|
-
return;
|
|
151
|
-
}
|
|
152
138
|
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]);
|
|
139
|
+
}, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
|
|
159
140
|
// disable默认值
|
|
160
141
|
if (defaultDisableValue) {
|
|
161
142
|
return _jsx("span", {
|
|
@@ -301,11 +282,9 @@ export var ProSelect = function ProSelect(props, ref) {
|
|
|
301
282
|
});
|
|
302
283
|
}
|
|
303
284
|
return _jsx("div", {
|
|
304
|
-
ref: refSelect1,
|
|
305
285
|
style: props.style,
|
|
306
286
|
className: "ant-select-compact-item-div",
|
|
307
287
|
children: _jsx(_Select, _objectSpread(_objectSpread({
|
|
308
|
-
// id={refSelect1.current}
|
|
309
288
|
placeholder: locale === null || locale === void 0 ? void 0 : (_locale$ProSelect = locale.ProSelect) === null || _locale$ProSelect === void 0 ? void 0 : _locale$ProSelect.select,
|
|
310
289
|
allowClear: true,
|
|
311
290
|
showArrow: true,
|
|
@@ -86,24 +86,24 @@ var ActionButton = function ActionButton(_ref) {
|
|
|
86
86
|
disabled: isDisabled,
|
|
87
87
|
okText: _locale.default.ProEditTable.confirm,
|
|
88
88
|
cancelText: _locale.default.ProEditTable.cancel,
|
|
89
|
-
children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
89
|
+
children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
|
|
90
90
|
record: record,
|
|
91
91
|
index: index,
|
|
92
92
|
disabled: isDisabled
|
|
93
|
-
}))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
93
|
+
}))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
|
|
94
94
|
disabled: isDisabled,
|
|
95
95
|
type: "link",
|
|
96
96
|
children: btnConfig.label
|
|
97
97
|
}))
|
|
98
98
|
}) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
99
|
-
children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
99
|
+
children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
|
|
100
100
|
record: record,
|
|
101
101
|
index: index,
|
|
102
102
|
disabled: isDisabled,
|
|
103
103
|
onClick: function onClick() {
|
|
104
104
|
btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.onEvent(record, index);
|
|
105
105
|
}
|
|
106
|
-
}))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
106
|
+
}))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
|
|
107
107
|
disabled: isDisabled,
|
|
108
108
|
type: "link",
|
|
109
109
|
onClick: function onClick() {
|
|
@@ -113,12 +113,12 @@ var ActionButton = function ActionButton(_ref) {
|
|
|
113
113
|
}))
|
|
114
114
|
})
|
|
115
115
|
}) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
116
|
-
children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
116
|
+
children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(actionBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
|
|
117
117
|
record: record,
|
|
118
118
|
index: index
|
|
119
119
|
}))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
120
120
|
className: "action-button"
|
|
121
|
-
}, (0, _lodash.omit)(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
121
|
+
}, (0, _lodash.omit)(actionBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
|
|
122
122
|
type: "link",
|
|
123
123
|
icon: (_btnConfig$icon = btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.icon) !== null && _btnConfig$icon !== void 0 ? _btnConfig$icon : _config.iconMap[btnConfig.type],
|
|
124
124
|
children: btnConfig.label
|
|
@@ -3,7 +3,7 @@ interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
|
3
3
|
'data-row-key': string;
|
|
4
4
|
'data-hide'?: boolean;
|
|
5
5
|
disabled?: boolean;
|
|
6
|
-
|
|
6
|
+
'data-row-draggable'?: any;
|
|
7
7
|
}
|
|
8
8
|
export declare const Row: FC<RowProps>;
|
|
9
9
|
declare const DndWrapper: ({ draggable, value, onChange, onDrag, disabled, children }: {
|
|
@@ -13,10 +13,9 @@ var _core = require("@dnd-kit/core");
|
|
|
13
13
|
var _sortable = require("@dnd-kit/sortable");
|
|
14
14
|
var _utilities = require("@dnd-kit/utilities");
|
|
15
15
|
var _ProIcon = _interopRequireDefault(require("../../../ProIcon"));
|
|
16
|
-
var _excluded = ["disabled", "
|
|
16
|
+
var _excluded = ["disabled", "children"];
|
|
17
17
|
var Row = exports.Row = function Row(props) {
|
|
18
18
|
var disabled = props.disabled,
|
|
19
|
-
rowDraggable = props.rowDraggable,
|
|
20
19
|
children = props.children,
|
|
21
20
|
restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
22
21
|
var data = (0, _sortable.useSortable)({
|
|
@@ -44,11 +43,12 @@ var Row = exports.Row = function Row(props) {
|
|
|
44
43
|
}, attributes), {}, {
|
|
45
44
|
children: _react.default.Children.map(children, function (child) {
|
|
46
45
|
if (child.key === 'RC_TABLE_KEY' && !disabled) {
|
|
46
|
+
var _restProps$dataRowD;
|
|
47
47
|
var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
|
|
48
48
|
render = _ref.render,
|
|
49
49
|
record = _ref.record,
|
|
50
50
|
renderIndex = _ref.renderIndex;
|
|
51
|
-
var isDrag =
|
|
51
|
+
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;
|
|
52
52
|
return /*#__PURE__*/_react.default.cloneElement(child, {
|
|
53
53
|
children: (0, _jsxRuntime.jsxs)("span", {
|
|
54
54
|
className: "drag-wrapper".concat(props['data-hide'] ? ' no-check' : ''),
|
|
@@ -49,8 +49,8 @@ var BaseTable = function BaseTable(_ref) {
|
|
|
49
49
|
return {
|
|
50
50
|
disabled: disabled || virtualKey && !!editingKeys.length,
|
|
51
51
|
'data-hide': isHideCheckBox,
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
'data-row-draggable': rowDraggable,
|
|
53
|
+
onClick: function onClick() {}
|
|
54
54
|
};
|
|
55
55
|
}
|
|
56
56
|
}, resetProps), {}, {
|
|
@@ -64,8 +64,8 @@ var DraggableTable = function DraggableTable(_ref) {
|
|
|
64
64
|
return {
|
|
65
65
|
disabled: disabled || virtualKey && !!editingKeys.length,
|
|
66
66
|
'data-hide': isHideCheckBox,
|
|
67
|
-
|
|
68
|
-
|
|
67
|
+
'data-row-draggable': rowDraggable,
|
|
68
|
+
onClick: function onClick() {}
|
|
69
69
|
};
|
|
70
70
|
}
|
|
71
71
|
}, resetProps), {}, {
|
|
@@ -154,8 +154,8 @@ var VirtualTable = function VirtualTable(_ref) {
|
|
|
154
154
|
return {
|
|
155
155
|
disabled: disabled || virtualKey && !!editingKeys.length,
|
|
156
156
|
'data-hide': isHideCheckBox,
|
|
157
|
-
|
|
158
|
-
|
|
157
|
+
'data-row-draggable': rowDraggable,
|
|
158
|
+
onClick: function onClick() {}
|
|
159
159
|
};
|
|
160
160
|
}
|
|
161
161
|
}, resetProps), {}, {
|
|
@@ -64,7 +64,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
64
64
|
trim = column.trim,
|
|
65
65
|
confirm = column.confirm,
|
|
66
66
|
_column$validateTrigg = column.validateTrigger,
|
|
67
|
-
validateTrigger = _column$validateTrigg === void 0 ? ['onChange', 'onBlur', '
|
|
67
|
+
validateTrigger = _column$validateTrigg === void 0 ? ['onChange', 'onBlur', 'onSubmit'] : _column$validateTrigg,
|
|
68
68
|
resetProps = (0, _objectWithoutProperties2.default)(column, _excluded);
|
|
69
69
|
// editRender弃用使用component同ProForm
|
|
70
70
|
var _editRender = component || editRender;
|
|
@@ -558,7 +558,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
558
558
|
var FormItem = null;
|
|
559
559
|
FormItem = TargetComponent ? (0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
560
560
|
validateFirst: true
|
|
561
|
-
}, (0, _lodash.omit)(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
|
|
561
|
+
}, (0, _lodash.omit)(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name', 'onCell'])), {}, {
|
|
562
562
|
className: _className,
|
|
563
563
|
name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
|
|
564
564
|
children: ((_componentProps = componentProps) === null || _componentProps === void 0 ? void 0 : _componentProps.confirm) ? (0, _jsxRuntime.jsx)(_ConfirmWrapper.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, componentProps), {}, {
|
|
@@ -138,7 +138,8 @@ var ProModalSelect = function ProModalSelect(props, ref) {
|
|
|
138
138
|
});
|
|
139
139
|
}
|
|
140
140
|
})),
|
|
141
|
-
run = _useRequestList.run
|
|
141
|
+
run = _useRequestList.run,
|
|
142
|
+
selectLoading = _useRequestList.loading;
|
|
142
143
|
var _useRequestList2 = (0, _useRequestList3.default)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, {
|
|
143
144
|
withPagination: withPagination,
|
|
144
145
|
transformParams: transformParams,
|
|
@@ -681,6 +682,9 @@ var ProModalSelect = function ProModalSelect(props, ref) {
|
|
|
681
682
|
optionRender: optionRender,
|
|
682
683
|
scrollFollowParent: false,
|
|
683
684
|
mode: isMultiple ? 'multiple' : undefined,
|
|
685
|
+
notFoundContent: selectLoading ? (0, _jsxRuntime.jsx)(_antd.Spin, {
|
|
686
|
+
size: "small"
|
|
687
|
+
}) : null,
|
|
684
688
|
onFocus: function onFocus() {
|
|
685
689
|
if (useRequest) {
|
|
686
690
|
var _useRequest$options9;
|
package/lib/ProSelect/index.js
CHANGED
|
@@ -21,15 +21,14 @@ var _ = require("..");
|
|
|
21
21
|
var _locale = _interopRequireDefault(require("../locale"));
|
|
22
22
|
var _utils = require("./utils");
|
|
23
23
|
require("./index.less");
|
|
24
|
-
var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "filterInList", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse", "isView"
|
|
24
|
+
var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "filterInList", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse", "isView"];
|
|
25
25
|
var Option = _antd.Select.Option;
|
|
26
26
|
var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
|
|
27
27
|
var _selectProps$showCode, _locale$ProSelect;
|
|
28
28
|
var _ref = (0, _ProConfigProvider.useProConfig)('ProSelect') || {},
|
|
29
29
|
_ref$fieldNames = _ref.fieldNames,
|
|
30
30
|
proSelectFieldNames = _ref$fieldNames === void 0 ? {} : _ref$fieldNames,
|
|
31
|
-
showCodeName = _ref.showCodeName
|
|
32
|
-
gViewportReady = _ref.viewportReady;
|
|
31
|
+
showCodeName = _ref.showCodeName;
|
|
33
32
|
var label = 'label';
|
|
34
33
|
var code = 'value';
|
|
35
34
|
if (proSelectFieldNames && Object.keys(proSelectFieldNames).length) {
|
|
@@ -56,18 +55,8 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
|
|
|
56
55
|
updateDataSource = props.updateDataSource,
|
|
57
56
|
transformResponse = props.transformResponse,
|
|
58
57
|
isViewPro = props.isView,
|
|
59
|
-
__viewportReady = props.viewportReady,
|
|
60
58
|
selectProps = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
61
|
-
var viewportReady = __viewportReady || gViewportReady;
|
|
62
|
-
/** 是否在可视区域出现过 */
|
|
63
|
-
var _useState = (0, _react.useState)(false),
|
|
64
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
65
|
-
viewFlag = _useState2[0],
|
|
66
|
-
setViewFlag = _useState2[1];
|
|
67
59
|
var refSelect1 = (0, _react.useRef)();
|
|
68
|
-
var _useInViewport = (0, _ahooks.useInViewport)(refSelect1),
|
|
69
|
-
_useInViewport2 = (0, _slicedToArray2.default)(_useInViewport, 1),
|
|
70
|
-
inViewport = _useInViewport2[0];
|
|
71
60
|
selectProps.showCodeName = (_selectProps$showCode = selectProps.showCodeName) !== null && _selectProps$showCode !== void 0 ? _selectProps$showCode : showCodeName;
|
|
72
61
|
var value = props.value;
|
|
73
62
|
var _ref2 = _.ProForm.useFieldProps() || {},
|
|
@@ -78,15 +67,15 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
|
|
|
78
67
|
code = fieldNames.value;
|
|
79
68
|
label = fieldNames.label;
|
|
80
69
|
}
|
|
81
|
-
var
|
|
82
|
-
|
|
83
|
-
selectList =
|
|
84
|
-
setSelectList =
|
|
70
|
+
var _useState = (0, _react.useState)(dataSource || []),
|
|
71
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
72
|
+
selectList = _useState2[0],
|
|
73
|
+
setSelectList = _useState2[1];
|
|
85
74
|
// 用来控制只有第一次才会设置 defaultOne 属性、🔒
|
|
86
|
-
var
|
|
87
|
-
|
|
88
|
-
isDefaultOne =
|
|
89
|
-
setIsDefaultOne =
|
|
75
|
+
var _useState3 = (0, _react.useState)(false),
|
|
76
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
77
|
+
isDefaultOne = _useState4[0],
|
|
78
|
+
setIsDefaultOne = _useState4[1];
|
|
90
79
|
var OptionRender = optionRender;
|
|
91
80
|
var defaultOnSuccessFun = function defaultOnSuccessFun(res) {
|
|
92
81
|
var _res$status = res.status,
|
|
@@ -147,16 +136,8 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
|
|
|
147
136
|
if (manual) {
|
|
148
137
|
return;
|
|
149
138
|
}
|
|
150
|
-
if (viewportReady && !viewFlag) {
|
|
151
|
-
return;
|
|
152
|
-
}
|
|
153
139
|
fetchFunction.run(defaultParams);
|
|
154
|
-
}, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue
|
|
155
|
-
(0, _react.useEffect)(function () {
|
|
156
|
-
if (inViewport && !viewFlag && viewportReady) {
|
|
157
|
-
setViewFlag(true);
|
|
158
|
-
}
|
|
159
|
-
}, [inViewport]);
|
|
140
|
+
}, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
|
|
160
141
|
// disable默认值
|
|
161
142
|
if (defaultDisableValue) {
|
|
162
143
|
return (0, _jsxRuntime.jsx)("span", {
|
|
@@ -302,13 +283,9 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
|
|
|
302
283
|
});
|
|
303
284
|
}
|
|
304
285
|
return (0, _jsxRuntime.jsx)("div", {
|
|
305
|
-
ref: refSelect1,
|
|
306
286
|
style: props.style,
|
|
307
287
|
className: "ant-select-compact-item-div",
|
|
308
|
-
children: (0, _jsxRuntime.jsx)(_antd.Select
|
|
309
|
-
// id={refSelect1.current}
|
|
310
|
-
, (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
311
|
-
// id={refSelect1.current}
|
|
288
|
+
children: (0, _jsxRuntime.jsx)(_antd.Select, (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
312
289
|
placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProSelect = _locale.default.ProSelect) === null || _locale$ProSelect === void 0 ? void 0 : _locale$ProSelect.select,
|
|
313
290
|
allowClear: true,
|
|
314
291
|
showArrow: true,
|