@zat-design/sisyphus-react 3.3.3 → 3.4.0-beta.1
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 +32 -5
- package/es/ProConfigProvider/index.d.ts +10 -2
- package/es/ProConfigProvider/index.js +13 -7
- package/es/ProEditLabel/index.js +2 -3
- package/es/ProEditTable/components/ActionButton/index.js +6 -6
- package/es/ProEditTable/components/RenderField/index.js +5 -5
- package/es/ProEditTable/style/index.less +0 -1
- package/es/ProEditTable/utils/index.js +2 -4
- package/es/ProEnum/index.js +16 -2
- package/es/ProEnum/style/index.less +5 -1
- package/es/ProForm/components/base/Switch/index.js +0 -1
- package/es/ProForm/components/base/TextArea/index.js +1 -3
- package/es/ProForm/components/base/TextArea/index.less +7 -0
- package/es/ProForm/components/combination/FormList/components/ActionButton.js +2 -2
- package/es/ProForm/components/combination/Group/index.js +6 -1
- package/es/ProForm/components/combination/Group/style/index.less +2 -1
- package/es/ProForm/components/combination/ProCombination/index.js +0 -1
- package/es/ProForm/components/combination/ProModalSelect/index.js +2 -2
- package/es/ProForm/components/render/Render.js +9 -9
- package/es/ProForm/components/render/RenderFields.js +7 -9
- package/es/ProForm/components/render/propsType.d.ts +1 -0
- package/es/ProForm/index.js +36 -6
- package/es/ProForm/propsType.d.ts +1 -0
- package/es/ProForm/utils/index.d.ts +4 -0
- package/es/ProForm/utils/index.js +23 -6
- package/es/ProForm/utils/useForm.js +48 -75
- package/es/ProForm/utils/useRules.js +4 -2
- package/es/ProForm/utils/useShouldUpdate.js +11 -7
- package/es/ProStep/index.js +0 -1
- package/es/ProThemeTools/component/PrdTools/index.js +3 -3
- package/es/ProThemeTools/index.d.ts +1 -1
- package/es/ProThemeTools/index.js +14 -4
- package/es/ProThemeTools/propsType.d.ts +1 -0
- package/es/ProThemeTools/utils/index.js +0 -1
- package/es/ProTree/components/Tree.js +0 -1
- package/es/ProTreeSelect/index.js +2 -4
- package/es/ProUpload/index.js +0 -1
- package/es/old/ProEditableTable/index.js +1 -1
- package/es/style/theme/antd.less +46 -5
- package/lib/ProConfigProvider/index.d.ts +10 -2
- package/lib/ProConfigProvider/index.js +14 -7
- package/lib/ProEditLabel/index.js +2 -3
- package/lib/ProEditTable/components/ActionButton/index.js +6 -6
- package/lib/ProEditTable/components/RenderField/index.js +5 -5
- package/lib/ProEditTable/style/index.less +0 -1
- package/lib/ProEditTable/utils/index.js +2 -4
- package/lib/ProEnum/index.js +16 -2
- package/lib/ProEnum/style/index.less +5 -1
- package/lib/ProForm/components/base/TextArea/index.js +1 -3
- package/lib/ProForm/components/base/TextArea/index.less +7 -0
- package/lib/ProForm/components/combination/FormList/components/ActionButton.js +2 -2
- package/lib/ProForm/components/combination/Group/index.js +6 -1
- package/lib/ProForm/components/combination/Group/style/index.less +2 -1
- package/lib/ProForm/components/combination/ProCombination/index.js +0 -1
- package/lib/ProForm/components/combination/ProModalSelect/index.js +2 -2
- package/lib/ProForm/components/old/InputRange/index.js +1 -0
- package/lib/ProForm/components/render/Render.js +9 -9
- package/lib/ProForm/components/render/RenderFields.js +7 -9
- package/lib/ProForm/components/render/propsType.d.ts +1 -0
- package/lib/ProForm/index.js +35 -5
- package/lib/ProForm/propsType.d.ts +1 -0
- package/lib/ProForm/utils/index.d.ts +4 -0
- package/lib/ProForm/utils/index.js +24 -7
- package/lib/ProForm/utils/useForm.js +48 -75
- package/lib/ProForm/utils/useRules.js +4 -2
- package/lib/ProForm/utils/useShouldUpdate.js +10 -6
- package/lib/ProStep/index.js +0 -1
- package/lib/ProThemeTools/component/PrdTools/index.js +2 -2
- package/lib/ProThemeTools/index.d.ts +1 -1
- package/lib/ProThemeTools/index.js +13 -3
- package/lib/ProThemeTools/propsType.d.ts +1 -0
- package/lib/ProThemeTools/utils/index.js +0 -1
- package/lib/ProTree/components/Tree.js +0 -1
- package/lib/ProTree/index.js +1 -0
- package/lib/ProTreeSelect/index.js +2 -4
- package/lib/ProUpload/index.js +0 -1
- package/lib/old/ProEditableTable/index.js +1 -1
- package/lib/style/theme/antd.less +46 -5
- package/package.json +1 -1
package/dist/index.esm.css
CHANGED
|
@@ -1941,6 +1941,9 @@ div.pro-textarea-view::after {
|
|
|
1941
1941
|
display: none;
|
|
1942
1942
|
padding-bottom: 12px;
|
|
1943
1943
|
}
|
|
1944
|
+
.pro-textarea .ant-input {
|
|
1945
|
+
resize: auto !important;
|
|
1946
|
+
}
|
|
1944
1947
|
.pro-form-list-block-title {
|
|
1945
1948
|
height: 14px;
|
|
1946
1949
|
margin: calc(var(--zaui-space-size-xs, 4px) * var(--zaui-size, 1)) 0;
|
|
@@ -2233,10 +2236,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2233
2236
|
.pro-group {
|
|
2234
2237
|
width: unset !important;
|
|
2235
2238
|
}
|
|
2236
|
-
.pro-group.pro-group-diy-width .ant-space .ant-space-item
|
|
2239
|
+
.pro-group.pro-group-diy-width .ant-space .ant-space-item,
|
|
2240
|
+
.pro-group.pro-group-width-auto .ant-space .ant-space-item {
|
|
2237
2241
|
width: auto;
|
|
2238
2242
|
}
|
|
2239
|
-
.pro-group.pro-group-diy-width .ant-space .ant-space-item .ant-space-item
|
|
2243
|
+
.pro-group.pro-group-diy-width .ant-space .ant-space-item .ant-space-item,
|
|
2244
|
+
.pro-group.pro-group-width-auto .ant-space .ant-space-item .ant-space-item {
|
|
2240
2245
|
width: auto;
|
|
2241
2246
|
}
|
|
2242
2247
|
.pro-group .ant-space {
|
|
@@ -4220,9 +4225,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
4220
4225
|
position: absolute;
|
|
4221
4226
|
bottom: var(--zaui-space-size-md, 16px);
|
|
4222
4227
|
}
|
|
4223
|
-
.pro-edit-table-toolbar {
|
|
4224
|
-
margin-top: var(--zaui-space-size-md, 16px);
|
|
4225
|
-
}
|
|
4226
4228
|
.pro-edit-table-toolbar .ant-space {
|
|
4227
4229
|
gap: var(--zaui-space-size-sm, 8px);
|
|
4228
4230
|
}
|
|
@@ -5508,3 +5510,28 @@ input[type='button'] {
|
|
|
5508
5510
|
width: -moz-max-content;
|
|
5509
5511
|
width: max-content;
|
|
5510
5512
|
}
|
|
5513
|
+
.ant-tooltip > .ant-tooltip-content > .ant-tooltip-inner {
|
|
5514
|
+
color: #1d2129;
|
|
5515
|
+
background-color: #fff;
|
|
5516
|
+
-webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
5517
|
+
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
5518
|
+
}
|
|
5519
|
+
.ant-tooltip > .ant-tooltip-content > .ant-tooltip-inner::-moz-selection {
|
|
5520
|
+
color: inherit !important;
|
|
5521
|
+
background: rgba(24, 144, 255, 0.3) !important;
|
|
5522
|
+
}
|
|
5523
|
+
.ant-tooltip > .ant-tooltip-content > .ant-tooltip-inner::selection {
|
|
5524
|
+
color: inherit !important;
|
|
5525
|
+
background: rgba(24, 144, 255, 0.3) !important;
|
|
5526
|
+
}
|
|
5527
|
+
.ant-tooltip > .ant-tooltip-content > .ant-tooltip-inner > div::-moz-selection {
|
|
5528
|
+
color: inherit !important;
|
|
5529
|
+
background: rgba(24, 144, 255, 0.3) !important;
|
|
5530
|
+
}
|
|
5531
|
+
.ant-tooltip > .ant-tooltip-content > .ant-tooltip-inner > div::selection {
|
|
5532
|
+
color: inherit !important;
|
|
5533
|
+
background: rgba(24, 144, 255, 0.3) !important;
|
|
5534
|
+
}
|
|
5535
|
+
.ant-tooltip > .ant-tooltip-content > .ant-tooltip-arrow > .ant-tooltip-arrow-content {
|
|
5536
|
+
--antd-arrow-background-color: linear-gradient(to right bottom, rgba(255, 255, 255, 0.95), #ffffff);
|
|
5537
|
+
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
+
import { FormInstance } from 'antd';
|
|
2
3
|
import { PropSelectProps } from '../ProSelect/propsType';
|
|
3
4
|
import { ProModalSelectPropsType } from '../ProForm/components/combination/ProModalSelect/propsType';
|
|
4
5
|
import { AddressProps } from '../ProForm/components/combination/ProAddressBar/propsType';
|
|
@@ -9,17 +10,24 @@ export interface ProConfigState {
|
|
|
9
10
|
ProSelect?: Partial<PropSelectProps> & Record<string, any>;
|
|
10
11
|
ProModalSelect?: Partial<ProModalSelectPropsType> & Record<string, any>;
|
|
11
12
|
ProAddressBar?: Partial<AddressProps> & Record<string, any>;
|
|
13
|
+
forms: Record<string, FormInstance | undefined>;
|
|
12
14
|
[key: string]: any;
|
|
13
15
|
}
|
|
14
16
|
interface ConfigContext {
|
|
15
17
|
state: ProConfigState;
|
|
16
|
-
dispatch: React.Dispatch<
|
|
18
|
+
dispatch: React.Dispatch<Actions>;
|
|
17
19
|
}
|
|
18
20
|
export declare const ProConfigContext: React.Context<ConfigContext>;
|
|
19
21
|
export declare function useProConfig(): ConfigContext;
|
|
20
22
|
export declare function useProConfig(name: keyof ConfigContext['state']): ConfigContext['state'][keyof ConfigContext['state']];
|
|
23
|
+
export declare function useContextForms(): Record<string, FormInstance<any>>;
|
|
24
|
+
type ActionsType = 'set' | 'setProEnum' | 'setProEnumDic';
|
|
25
|
+
interface Actions {
|
|
26
|
+
type: ActionsType;
|
|
27
|
+
payload: any;
|
|
28
|
+
}
|
|
21
29
|
export declare const ProConfigProvider: FC<{
|
|
22
|
-
value
|
|
30
|
+
value?: ProConfigState;
|
|
23
31
|
locale?: string;
|
|
24
32
|
}>;
|
|
25
33
|
export default ProConfigProvider;
|
|
@@ -9,12 +9,14 @@ import enUS from 'antd/es/locale/en_US';
|
|
|
9
9
|
import merge from 'lodash/merge';
|
|
10
10
|
import useEnumRequest from '../ProEnum/hooks/useEnumRequest';
|
|
11
11
|
import { setLanguage } from '../locale';
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
dics: {}
|
|
16
|
-
}
|
|
12
|
+
var initialState = {
|
|
13
|
+
ProEnum: {
|
|
14
|
+
dics: {}
|
|
17
15
|
},
|
|
16
|
+
forms: {}
|
|
17
|
+
};
|
|
18
|
+
export var ProConfigContext = /*#__PURE__*/React.createContext({
|
|
19
|
+
state: initialState,
|
|
18
20
|
dispatch: function dispatch() {}
|
|
19
21
|
});
|
|
20
22
|
// eslint-disable-next-line no-redeclare
|
|
@@ -22,11 +24,15 @@ export function useProConfig(name) {
|
|
|
22
24
|
var config = useContext(ProConfigContext);
|
|
23
25
|
return name ? config.state[name] : config;
|
|
24
26
|
}
|
|
27
|
+
export function useContextForms() {
|
|
28
|
+
var _config$state;
|
|
29
|
+
var config = useContext(ProConfigContext);
|
|
30
|
+
return (_config$state = config.state) === null || _config$state === void 0 ? void 0 : _config$state.forms;
|
|
31
|
+
}
|
|
25
32
|
var antdLangMap = {
|
|
26
33
|
'zh-CN': zhCN,
|
|
27
34
|
'en-US': enUS // en-US
|
|
28
35
|
};
|
|
29
|
-
|
|
30
36
|
var reducer = function reducer(state, action) {
|
|
31
37
|
var _state$ProEnum;
|
|
32
38
|
switch (action.type) {
|
|
@@ -48,7 +54,7 @@ var reducer = function reducer(state, action) {
|
|
|
48
54
|
};
|
|
49
55
|
export var ProConfigProvider = function ProConfigProvider(props) {
|
|
50
56
|
var _props$value, _props$value2;
|
|
51
|
-
var _useReducer = useReducer(reducer,
|
|
57
|
+
var _useReducer = useReducer(reducer, initialState),
|
|
52
58
|
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
53
59
|
state = _useReducer2[0],
|
|
54
60
|
dispatch = _useReducer2[1];
|
package/es/ProEditLabel/index.js
CHANGED
|
@@ -22,7 +22,6 @@ import { omit } from 'lodash';
|
|
|
22
22
|
import RenderProForm from './components/RenderProForm';
|
|
23
23
|
import { matchFormValue } from './utils';
|
|
24
24
|
var ProEditLabel = function ProEditLabel(_ref) {
|
|
25
|
-
var _classnames;
|
|
26
25
|
var _ref$open = _ref.open,
|
|
27
26
|
open = _ref$open === void 0 ? false : _ref$open,
|
|
28
27
|
_ref$disabled = _ref.disabled,
|
|
@@ -128,9 +127,9 @@ var ProEditLabel = function ProEditLabel(_ref) {
|
|
|
128
127
|
}
|
|
129
128
|
}
|
|
130
129
|
}, [confirmValue, mode]);
|
|
131
|
-
var cls = classnames((
|
|
130
|
+
var cls = classnames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
132
131
|
'pro-edit-label': true
|
|
133
|
-
},
|
|
132
|
+
}, "trigger-".concat(trigger), trigger), 'pro-edit-label-small', size === 'small'), 'pro-edit-label-middle', size === 'middle'), 'pro-edit-label-large', size === 'large'), "".concat(className), className));
|
|
134
133
|
/**
|
|
135
134
|
* pop确认回调
|
|
136
135
|
*/
|
|
@@ -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'])), {}, {
|
|
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'])), {}, {
|
|
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'])), {}, {
|
|
96
96
|
record: record,
|
|
97
97
|
index: index,
|
|
98
98
|
disabled: isDisabled,
|
|
99
99
|
onClick: function onClick() {
|
|
100
100
|
btnConfig.onEvent(record, index);
|
|
101
101
|
}
|
|
102
|
-
})) : _jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
102
|
+
}))) : _jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
103
103
|
disabled: isDisabled,
|
|
104
104
|
type: "link",
|
|
105
105
|
onClick: function onClick() {
|
|
@@ -109,10 +109,10 @@ 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'])), {}, {
|
|
113
113
|
record: record,
|
|
114
114
|
index: index
|
|
115
|
-
})) : _jsx(_Button, _objectSpread(_objectSpread({
|
|
115
|
+
}))) : _jsx(_Button, _objectSpread(_objectSpread({
|
|
116
116
|
className: "action-button"
|
|
117
117
|
}, omit(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
118
118
|
type: "link",
|
|
@@ -30,7 +30,7 @@ import useRules from '../../../ProForm/utils/useRules';
|
|
|
30
30
|
import { isSelect } from '../../../ProForm/utils';
|
|
31
31
|
import locale from '../../../locale';
|
|
32
32
|
var RenderField = function RenderField(_ref) {
|
|
33
|
-
var _type, _type$replace, _fieldProps2, _fieldProps3, _fieldProps4, _names, _formItemChildProps$p, _TargetComponent4
|
|
33
|
+
var _type, _type$replace, _fieldProps2, _fieldProps3, _fieldProps4, _names, _formItemChildProps$p, _TargetComponent4;
|
|
34
34
|
var value = _ref.text,
|
|
35
35
|
record = _ref.record,
|
|
36
36
|
index = _ref.index,
|
|
@@ -506,13 +506,13 @@ var RenderField = function RenderField(_ref) {
|
|
|
506
506
|
if (!isEditing) {
|
|
507
507
|
delete _formItemProps.rules;
|
|
508
508
|
}
|
|
509
|
-
var _className = classNames((
|
|
509
|
+
var _className = classNames(_defineProperty(_defineProperty({}, className, className), 'pro-form-item-changed', changed));
|
|
510
510
|
var originalTitle = originalTip ? _jsxs(_Space, {
|
|
511
|
-
children: ["\u521D\u59CB\u503C\uFF1A", /*#__PURE__*/React.isValidElement(TargetComponent) ? /*#__PURE__*/React.cloneElement(TargetComponent, _objectSpread(_objectSpread({}, omit(componentProps, ['onFieldChange'])), {}, {
|
|
511
|
+
children: ["\u521D\u59CB\u503C\uFF1A", /*#__PURE__*/React.isValidElement(TargetComponent) ? ( /*#__PURE__*/React.cloneElement(TargetComponent, _objectSpread(_objectSpread({}, omit(componentProps, ['onFieldChange'])), {}, {
|
|
512
512
|
isView: true,
|
|
513
513
|
value: originalValue,
|
|
514
514
|
checked: type === 'Switch' ? originalValue : undefined
|
|
515
|
-
})) : _jsx(TargetComponent, _objectSpread(_objectSpread({}, omit(componentProps, ['onFieldChange'])), {}, {
|
|
515
|
+
}))) : _jsx(TargetComponent, _objectSpread(_objectSpread({}, omit(componentProps, ['onFieldChange'])), {}, {
|
|
516
516
|
isView: true,
|
|
517
517
|
value: originalValue,
|
|
518
518
|
checked: type === 'Switch' ? originalValue : undefined
|
|
@@ -523,7 +523,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
523
523
|
}, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
|
|
524
524
|
className: _className,
|
|
525
525
|
name: cellName,
|
|
526
|
-
children: /*#__PURE__*/React.isValidElement(TargetComponent) ? /*#__PURE__*/React.cloneElement(TargetComponent, _objectSpread({}, omit(componentProps, ['onFieldChange']))) : _jsx(TargetComponent, _objectSpread({}, omit(componentProps, ['onFieldChange'])))
|
|
526
|
+
children: /*#__PURE__*/React.isValidElement(TargetComponent) ? ( /*#__PURE__*/React.cloneElement(TargetComponent, _objectSpread({}, omit(componentProps, ['onFieldChange'])))) : _jsx(TargetComponent, _objectSpread({}, omit(componentProps, ['onFieldChange'])))
|
|
527
527
|
})) : _jsx(Container, {
|
|
528
528
|
viewEmpty: viewEmpty
|
|
529
529
|
});
|
|
@@ -217,9 +217,9 @@ export var transformColumns = function transformColumns() {
|
|
|
217
217
|
children: [columnTitle, _jsx(_Tooltip, _objectSpread(_objectSpread({
|
|
218
218
|
title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip
|
|
219
219
|
}, resetProps), {}, {
|
|
220
|
-
children: icon ? /*#__PURE__*/React.cloneElement(icon, {
|
|
220
|
+
children: icon ? ( /*#__PURE__*/React.cloneElement(icon, {
|
|
221
221
|
className: 'icon-tip'
|
|
222
|
-
}) : _jsx(ReactSVG, {
|
|
222
|
+
})) : _jsx(ReactSVG, {
|
|
223
223
|
className: "icon-tip",
|
|
224
224
|
src: tipSvg
|
|
225
225
|
})
|
|
@@ -336,7 +336,6 @@ export var transformColumns = function transformColumns() {
|
|
|
336
336
|
})
|
|
337
337
|
});
|
|
338
338
|
};
|
|
339
|
-
|
|
340
339
|
item.render = _render;
|
|
341
340
|
});
|
|
342
341
|
if (disabled || isView) {
|
|
@@ -359,7 +358,6 @@ export var transformColumns = function transformColumns() {
|
|
|
359
358
|
var actionColumn = getActionColumn(_objectSpread(_objectSpread({}, config), {}, {
|
|
360
359
|
validateKeys: validateKeys // 需要校验的单元格的formItem的name
|
|
361
360
|
}));
|
|
362
|
-
|
|
363
361
|
actionColumn && _columns.push(actionColumn);
|
|
364
362
|
}
|
|
365
363
|
// cacheMap 用来存储缓存值,若有值后不再请求
|
package/es/ProEnum/index.js
CHANGED
|
@@ -175,13 +175,27 @@ var ProEnum = function ProEnum(props) {
|
|
|
175
175
|
return _jsx(_Radio.Group, _objectSpread(_objectSpread({}, omit(enumProps, ['fieldNames'])), {}, {
|
|
176
176
|
options: list,
|
|
177
177
|
value: value,
|
|
178
|
-
onChange: onChange
|
|
178
|
+
onChange: onChange,
|
|
179
|
+
children: list.map(function (item) {
|
|
180
|
+
return _jsx(_Radio, {
|
|
181
|
+
value: item[fieldValue],
|
|
182
|
+
disabled: !!item.disabled,
|
|
183
|
+
children: item[label]
|
|
184
|
+
}, item[fieldValue]);
|
|
185
|
+
})
|
|
179
186
|
}));
|
|
180
187
|
case 'Checkbox':
|
|
181
188
|
return _jsx(_Checkbox.Group, _objectSpread(_objectSpread({}, omit(enumProps, ['fieldNames'])), {}, {
|
|
182
189
|
options: list,
|
|
183
190
|
value: value,
|
|
184
|
-
onChange: onChange
|
|
191
|
+
onChange: onChange,
|
|
192
|
+
children: list.map(function (item) {
|
|
193
|
+
return _jsx(_Checkbox, {
|
|
194
|
+
value: item[fieldValue],
|
|
195
|
+
disabled: !!item.disabled,
|
|
196
|
+
children: item[label]
|
|
197
|
+
}, item[fieldValue]);
|
|
198
|
+
})
|
|
185
199
|
}));
|
|
186
200
|
case 'Tag':
|
|
187
201
|
return _jsx(ProEnumTag, {
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
align-items: center;
|
|
13
13
|
justify-content: center;
|
|
14
14
|
margin-right: var(--zaui-space-size-sm);
|
|
15
|
-
|
|
15
|
+
margin-bottom: calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
|
|
16
16
|
padding: var(--zaui-space-size-xs) 10px;
|
|
17
17
|
background-color: #f5f5f5;
|
|
18
18
|
border-radius: var(--zaui-space-size-xs);
|
|
@@ -23,4 +23,8 @@
|
|
|
23
23
|
color: #fff;
|
|
24
24
|
background-color: var(--zaui-brand);
|
|
25
25
|
}
|
|
26
|
+
&-tag-item-disabled {
|
|
27
|
+
background-color: #f5f5f5;
|
|
28
|
+
pointer-events: none;
|
|
29
|
+
}
|
|
26
30
|
}
|
|
@@ -40,9 +40,7 @@ var TextAreaDef = function TextAreaDef(props) {
|
|
|
40
40
|
showCount: true,
|
|
41
41
|
autoComplete: "off",
|
|
42
42
|
placeholder: placeholder || "".concat(locale.ProForm.inputPlaceholder).concat(label || ''),
|
|
43
|
-
autoSize:
|
|
44
|
-
minRows: 4
|
|
45
|
-
}
|
|
43
|
+
autoSize: true
|
|
46
44
|
}, omit(initialConfig, ['trim'])), rest), {}, {
|
|
47
45
|
className: _className
|
|
48
46
|
}));
|
|
@@ -225,13 +225,13 @@ var ActionButton = function ActionButton(props) {
|
|
|
225
225
|
},
|
|
226
226
|
children: label
|
|
227
227
|
}))
|
|
228
|
-
}), "".concat(item === null || item === void 0 ? void 0 : item.actionType).concat(index)) : /*#__PURE__*/_createElement(_Button, _objectSpread(_objectSpread({}, rest), {}, {
|
|
228
|
+
}), "".concat(item === null || item === void 0 ? void 0 : item.actionType).concat(index)) : ( /*#__PURE__*/_createElement(_Button, _objectSpread(_objectSpread({}, rest), {}, {
|
|
229
229
|
key: "".concat(item === null || item === void 0 ? void 0 : item.actionType).concat(index),
|
|
230
230
|
onClick: function onClick(e) {
|
|
231
231
|
e.stopPropagation();
|
|
232
232
|
handleClick(_onClick, index);
|
|
233
233
|
}
|
|
234
|
-
}), label);
|
|
234
|
+
}), label));
|
|
235
235
|
})
|
|
236
236
|
});
|
|
237
237
|
};
|
|
@@ -51,6 +51,9 @@ var Group = function Group(props) {
|
|
|
51
51
|
'pro-group-diy-width': columns.some(function (item) {
|
|
52
52
|
var _item$fieldProps, _item$fieldProps$styl;
|
|
53
53
|
return item === null || item === void 0 ? void 0 : (_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 ? void 0 : (_item$fieldProps$styl = _item$fieldProps.style) === null || _item$fieldProps$styl === void 0 ? void 0 : _item$fieldProps$styl.width;
|
|
54
|
+
}),
|
|
55
|
+
'pro-group-width-auto': columns.some(function (item) {
|
|
56
|
+
return ['Radio', 'Checkbox', 'Switch'].includes(item.type);
|
|
54
57
|
})
|
|
55
58
|
}, "".concat(className), className));
|
|
56
59
|
return _jsx("div", {
|
|
@@ -60,7 +63,9 @@ var Group = function Group(props) {
|
|
|
60
63
|
columns: data.columns,
|
|
61
64
|
form: form
|
|
62
65
|
}, omit(otherProps, ['colProps'])))
|
|
63
|
-
}) : _jsx(_Space, _objectSpread(_objectSpread({
|
|
66
|
+
}) : _jsx(_Space, _objectSpread(_objectSpread({
|
|
67
|
+
align: "start"
|
|
68
|
+
}, omit(space, ['separator', 'compact'])), {}, {
|
|
64
69
|
children: data.columns.map(function (column, index) {
|
|
65
70
|
return _jsx(RenderFields, _objectSpread({
|
|
66
71
|
columns: [column],
|
|
@@ -83,7 +83,6 @@ export var ProCombination = function ProCombination(props) {
|
|
|
83
83
|
_handleChange(_values, rest === null || rest === void 0 ? void 0 : rest[0], form);
|
|
84
84
|
(_childProps$index = childProps[index]) === null || _childProps$index === void 0 ? void 0 : (_childProps$index$onC = _childProps$index.onChange) === null || _childProps$index$onC === void 0 ? void 0 : _childProps$index$onC.call(_childProps$index, value, rest === null || rest === void 0 ? void 0 : rest[0], form); // 支持子组件分别传入onChange
|
|
85
85
|
};
|
|
86
|
-
|
|
87
86
|
var className = classNames({
|
|
88
87
|
'pro-combination': true,
|
|
89
88
|
'pro-combination-view': isView
|
|
@@ -548,8 +548,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
|
|
|
548
548
|
_value: value
|
|
549
549
|
});
|
|
550
550
|
} else if (Object.prototype.toString.call(value) === '[object Object]') {
|
|
551
|
-
var
|
|
552
|
-
var initialValue = (_initialValue = {}, _defineProperty(_initialValue, valueKey, value[valueKey]), _defineProperty(_initialValue, labelKey, value[labelKey]), _initialValue);
|
|
551
|
+
var initialValue = _defineProperty(_defineProperty({}, valueKey, value[valueKey]), labelKey, value[labelKey]);
|
|
553
552
|
setState({
|
|
554
553
|
selectedRowKeys: [value],
|
|
555
554
|
selectedRows: [initialValue],
|
|
@@ -740,6 +739,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
|
|
|
740
739
|
visible: visible
|
|
741
740
|
}, restModalProps), {}, {
|
|
742
741
|
children: [_jsx(ProForm, {
|
|
742
|
+
submitOnEnter: true,
|
|
743
743
|
form: form,
|
|
744
744
|
columns: formColumns,
|
|
745
745
|
onFinish: handleSearch,
|
|
@@ -33,7 +33,7 @@ import tipSvg from '../../../assets/tip.svg';
|
|
|
33
33
|
import useRules from '../../utils/useRules';
|
|
34
34
|
// 这个组件只管渲染, 参数的整理在外部处理
|
|
35
35
|
var Render = function Render(props) {
|
|
36
|
-
var _ref2,
|
|
36
|
+
var _ref2, _otherProps$names2;
|
|
37
37
|
var component = props.component,
|
|
38
38
|
originComponent = props.originComponent,
|
|
39
39
|
_props$formItemProps = props.formItemProps,
|
|
@@ -44,7 +44,8 @@ var Render = function Render(props) {
|
|
|
44
44
|
show = _props$show === void 0 ? true : _props$show,
|
|
45
45
|
fieldProps = props.fieldProps,
|
|
46
46
|
form = props.form,
|
|
47
|
-
|
|
47
|
+
disabled = props.disabled,
|
|
48
|
+
formDisabled = props.formDisabled,
|
|
48
49
|
type = props.type,
|
|
49
50
|
isSelect = props.isSelect,
|
|
50
51
|
originalValues = props.originalValues,
|
|
@@ -68,7 +69,7 @@ var Render = function Render(props) {
|
|
|
68
69
|
show: show,
|
|
69
70
|
formItemProps: formItemProps,
|
|
70
71
|
form: form,
|
|
71
|
-
disabled:
|
|
72
|
+
disabled: disabled,
|
|
72
73
|
rules: rules,
|
|
73
74
|
required: required,
|
|
74
75
|
fieldProps: fieldProps,
|
|
@@ -163,15 +164,15 @@ var Render = function Render(props) {
|
|
|
163
164
|
}
|
|
164
165
|
/** 移除多余参数,防止透传给formItem报错 */
|
|
165
166
|
var _otherFormItemProps = omit(otherFormItemProps, ['component', 'names', 'format', 'toISOString', 'switchValue', 'precision', 'clearNotShow']);
|
|
166
|
-
//
|
|
167
|
-
var lastDisabled =
|
|
167
|
+
// 优先级 column.disabled > fieldProps.disabled > formDisabled
|
|
168
|
+
var lastDisabled = (_ref2 = _disabled !== null && _disabled !== void 0 ? _disabled : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref2 !== void 0 ? _ref2 : formDisabled;
|
|
168
169
|
/**
|
|
169
170
|
* 最新fieldProps: 更新后的组件Props
|
|
170
171
|
*/
|
|
171
172
|
var lastComponentProps = _objectSpread(_objectSpread(_objectSpread({}, componentProps), _fieldProps), {}, {
|
|
172
173
|
disabled: lastDisabled
|
|
173
174
|
});
|
|
174
|
-
var _className = classNames((
|
|
175
|
+
var _className = classNames(_defineProperty(_defineProperty(_defineProperty({}, className, className), 'pro-form-item-changed', changed), 'pro-form-item-width-auto', ['Switch'].includes(type)));
|
|
175
176
|
if (formItemProps.hidden === true || _show === false) {
|
|
176
177
|
// 为了监听shouldUpdate 必须存在一个FormItem, 空Input解决 【[antd: Form.Item] `name` is only used for validate React element】
|
|
177
178
|
return _jsx(_Form.Item, {
|
|
@@ -255,7 +256,7 @@ var Render = function Render(props) {
|
|
|
255
256
|
if (formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames) {
|
|
256
257
|
setTimeout(function () {
|
|
257
258
|
form.setFieldValue(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames, form.getFieldValue(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames));
|
|
258
|
-
form.validateFields(
|
|
259
|
+
form.validateFields();
|
|
259
260
|
}, 60);
|
|
260
261
|
}
|
|
261
262
|
// ProTreeSelect返回option
|
|
@@ -344,7 +345,7 @@ var Render = function Render(props) {
|
|
|
344
345
|
if (originComponent) {
|
|
345
346
|
delete childProps.otherProps;
|
|
346
347
|
}
|
|
347
|
-
var child = /*#__PURE__*/React.isValidElement(AutoComponent) ? /*#__PURE__*/React.cloneElement(AutoComponent, childProps) : _jsx(AutoComponent, _objectSpread(_objectSpread({}, omit(lastComponentProps, ['onFieldChange', 'disabledStrictly'])), {}, {
|
|
348
|
+
var child = /*#__PURE__*/React.isValidElement(AutoComponent) ? ( /*#__PURE__*/React.cloneElement(AutoComponent, childProps)) : _jsx(AutoComponent, _objectSpread(_objectSpread({}, omit(lastComponentProps, ['onFieldChange', 'disabledStrictly'])), {}, {
|
|
348
349
|
otherProps: _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
349
350
|
show: show,
|
|
350
351
|
disabled: lastDisabled,
|
|
@@ -390,7 +391,6 @@ var Render = function Render(props) {
|
|
|
390
391
|
span: 24 // 默认占一行
|
|
391
392
|
});
|
|
392
393
|
}
|
|
393
|
-
|
|
394
394
|
var orgFormItem = _jsx(_Form.Item, _objectSpread(_objectSpread({}, omit(_otherFormItemProps, filterFormItemKey)), {}, {
|
|
395
395
|
// @ts-ignore
|
|
396
396
|
_internalItemRender: internalItemRender,
|
|
@@ -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 = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "
|
|
3
|
+
var _excluded = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "equalWith", "clearNotShow", "required"];
|
|
4
4
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { isBoolean, isFunction, union, isString } from 'lodash';
|
|
@@ -44,7 +44,7 @@ var RenderFields = function RenderFields(props) {
|
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
46
|
var comList = columns.flatMap(function (column, index) {
|
|
47
|
-
var
|
|
47
|
+
var _formItemProps$disabl;
|
|
48
48
|
if (!!expand && !openState) {
|
|
49
49
|
// expand为Number时 过滤掉大于expand 且 非fixed的column
|
|
50
50
|
if (typeof expand === 'number') {
|
|
@@ -67,7 +67,6 @@ var RenderFields = function RenderFields(props) {
|
|
|
67
67
|
formItemChildProps = _column$formItemChild === void 0 ? {} : _column$formItemChild,
|
|
68
68
|
_column$fieldProps = column.fieldProps,
|
|
69
69
|
fieldProps = _column$fieldProps === void 0 ? {} : _column$fieldProps,
|
|
70
|
-
disabled = column.disabled,
|
|
71
70
|
equalWith = column.equalWith,
|
|
72
71
|
_column$clearNotShow = column.clearNotShow,
|
|
73
72
|
clearNotShow = _column$clearNotShow === void 0 ? outerClearNotShow : _column$clearNotShow,
|
|
@@ -123,8 +122,7 @@ var RenderFields = function RenderFields(props) {
|
|
|
123
122
|
placeholder = formItemChildProps.placeholder,
|
|
124
123
|
dataSource = formItemChildProps.dataSource;
|
|
125
124
|
var formLabel = _formItemProps.label;
|
|
126
|
-
var comDisabled = (
|
|
127
|
-
var _disabled = comDisabled === undefined ? formDisabled : comDisabled;
|
|
125
|
+
var comDisabled = (_formItemProps$disabl = _formItemProps === null || _formItemProps === void 0 ? void 0 : _formItemProps.disabled) !== null && _formItemProps$disabl !== void 0 ? _formItemProps$disabl : fieldProps.disabled; // 组件属性层disabled fieldProps可能为函数
|
|
128
126
|
// 当前组件是不是一个选择组件
|
|
129
127
|
var _isSelect = isSelect({
|
|
130
128
|
dataSource: dataSource,
|
|
@@ -141,10 +139,9 @@ var RenderFields = function RenderFields(props) {
|
|
|
141
139
|
_fieldProps.disabled = formDisabled;
|
|
142
140
|
}
|
|
143
141
|
var componentProps = _objectSpread(_objectSpread({
|
|
144
|
-
disabledStrictly: true,
|
|
145
142
|
placeholder: placeholderHandle()
|
|
146
143
|
}, _fieldProps), {}, {
|
|
147
|
-
disabled:
|
|
144
|
+
disabled: comDisabled
|
|
148
145
|
});
|
|
149
146
|
// 容器组件,额外处理show的问题
|
|
150
147
|
if (['ProCollapse', 'Container'].includes(_type)) {
|
|
@@ -168,7 +165,7 @@ var RenderFields = function RenderFields(props) {
|
|
|
168
165
|
var otherProps = {
|
|
169
166
|
label: _formItemProps.label,
|
|
170
167
|
name: _formItemProps.name,
|
|
171
|
-
disabled:
|
|
168
|
+
disabled: comDisabled,
|
|
172
169
|
isView: _isView,
|
|
173
170
|
viewEmpty: viewEmpty,
|
|
174
171
|
valueType: valueType,
|
|
@@ -189,8 +186,9 @@ var RenderFields = function RenderFields(props) {
|
|
|
189
186
|
value: otherProps,
|
|
190
187
|
children: _jsx(Render, {
|
|
191
188
|
show: show,
|
|
192
|
-
disabled: Boolean(formDisabled),
|
|
193
189
|
form: form,
|
|
190
|
+
disabled: column.disabled,
|
|
191
|
+
formDisabled: formDisabled,
|
|
194
192
|
type: _type,
|
|
195
193
|
originComponent: component,
|
|
196
194
|
component: TargetComponent,
|
|
@@ -230,6 +230,7 @@ export type ProColumnProps<T = any> = ProFormColumnProps<T> & ColumnPropsMap<T,
|
|
|
230
230
|
* 表单渲染类型
|
|
231
231
|
*/
|
|
232
232
|
export interface RenderProps<Values = any> {
|
|
233
|
+
formDisabled?: boolean;
|
|
233
234
|
component: any;
|
|
234
235
|
formItemProps: FormItemProps<Values> & {
|
|
235
236
|
labelWidth?: string | number;
|