@zat-design/sisyphus-react 3.4.2-beta.1 → 3.4.2
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 +87 -0
- package/es/ProForm/components/index.d.ts +1 -0
- package/es/ProForm/components/index.js +1 -1
- package/es/ProForm/components/render/Render.js +10 -15
- package/es/ProForm/components/render/RenderFields.d.ts +0 -1
- package/es/ProForm/components/render/RenderFields.js +2 -4
- package/es/ProForm/components/render/propsType.d.ts +4 -1
- package/es/ProForm/index.js +4 -6
- package/es/ProForm/propsType.d.ts +0 -2
- package/es/ProIcon/index.js +0 -4
- package/es/ProTree/index.js +1 -1
- package/es/{ProTree/components/ProTreeSelect → ProTreeSelect}/index.js +2 -2
- package/{lib/ProTree/components → es}/ProTreeSelect/propsType.d.ts +1 -1
- package/es/style/components.less +1 -1
- package/lib/ProForm/components/index.d.ts +1 -0
- package/lib/ProForm/components/index.js +7 -0
- package/lib/ProForm/components/render/Render.js +10 -15
- package/lib/ProForm/components/render/RenderFields.d.ts +0 -1
- package/lib/ProForm/components/render/RenderFields.js +2 -4
- package/lib/ProForm/components/render/propsType.d.ts +4 -1
- package/lib/ProForm/index.js +3 -5
- package/lib/ProForm/propsType.d.ts +0 -2
- package/lib/ProIcon/index.js +0 -4
- package/lib/ProTree/index.js +1 -1
- package/lib/{ProTree/components/ProTreeSelect → ProTreeSelect}/index.js +2 -2
- package/{es/ProTree/components → lib}/ProTreeSelect/propsType.d.ts +1 -1
- package/lib/style/components.less +1 -1
- package/package.json +1 -1
- /package/es/{ProTree/components/ProTreeSelect → ProTreeSelect}/index.d.ts +0 -0
- /package/es/{ProTree/components/ProTreeSelect → ProTreeSelect}/propsType.js +0 -0
- /package/es/{ProTree/components/ProTreeSelect → ProTreeSelect}/style/index.less +0 -0
- /package/lib/{ProTree/components/ProTreeSelect → ProTreeSelect}/index.d.ts +0 -0
- /package/lib/{ProTree/components/ProTreeSelect → ProTreeSelect}/propsType.js +0 -0
- /package/lib/{ProTree/components/ProTreeSelect → ProTreeSelect}/style/index.less +0 -0
package/dist/index.esm.css
CHANGED
|
@@ -3087,6 +3087,93 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3087
3087
|
.proupload-modal-preview .ant-modal {
|
|
3088
3088
|
width: 600px;
|
|
3089
3089
|
}
|
|
3090
|
+
.pro-tree-select .ant-select-selector .check-mark-icon {
|
|
3091
|
+
display: none;
|
|
3092
|
+
}
|
|
3093
|
+
.pro-tree-select .ant-select.ant-select-single.ant-select-show-arrow:not(.ant-select-show-search).ant-select-open .ant-select-arrow {
|
|
3094
|
+
-webkit-transition: -webkit-transform 300ms ease-in-out;
|
|
3095
|
+
transition: -webkit-transform 300ms ease-in-out;
|
|
3096
|
+
transition: transform 300ms ease-in-out;
|
|
3097
|
+
transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
|
|
3098
|
+
-webkit-transform: rotate(180deg);
|
|
3099
|
+
transform: rotate(180deg);
|
|
3100
|
+
}
|
|
3101
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown .highlight-search-text {
|
|
3102
|
+
color: var(--zaui-brand, #006aff);
|
|
3103
|
+
}
|
|
3104
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown .ant-select-tree-list-holder-inner {
|
|
3105
|
+
position: relative!important;
|
|
3106
|
+
}
|
|
3107
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.ant-tree-select-dropdown {
|
|
3108
|
+
width: auto!important;
|
|
3109
|
+
padding: 0px;
|
|
3110
|
+
}
|
|
3111
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.singal-tree .ant-select-tree .ant-select-tree-treenode,
|
|
3112
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-treenode {
|
|
3113
|
+
padding-top: var(--zaui-space-size-xs);
|
|
3114
|
+
padding-bottom: var(--zaui-space-size-xs);
|
|
3115
|
+
}
|
|
3116
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.singal-tree .highlight,
|
|
3117
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .highlight {
|
|
3118
|
+
color: red;
|
|
3119
|
+
}
|
|
3120
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .ant-select-tree-treenode {
|
|
3121
|
+
position: relative;
|
|
3122
|
+
padding-right: 50px;
|
|
3123
|
+
padding-left: 7px;
|
|
3124
|
+
z-index: 0;
|
|
3125
|
+
}
|
|
3126
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .ant-select-tree-treenode:after {
|
|
3127
|
+
content: '';
|
|
3128
|
+
display: none;
|
|
3129
|
+
position: absolute;
|
|
3130
|
+
z-index: 0;
|
|
3131
|
+
left: 0;
|
|
3132
|
+
width: 100%;
|
|
3133
|
+
height: 100%;
|
|
3134
|
+
background-color: var(--zaui-brand, #006aff);
|
|
3135
|
+
opacity: 0.1;
|
|
3136
|
+
}
|
|
3137
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected:after {
|
|
3138
|
+
display: block;
|
|
3139
|
+
}
|
|
3140
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .ant-select-tree-node-content-wrapper {
|
|
3141
|
+
background-color: transparent;
|
|
3142
|
+
}
|
|
3143
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected .check-mark-icon {
|
|
3144
|
+
display: block;
|
|
3145
|
+
}
|
|
3146
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .ant-select-tree-treenode:hover {
|
|
3147
|
+
background-color: #f5f5f5;
|
|
3148
|
+
}
|
|
3149
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .check-option-text .check-mark-icon {
|
|
3150
|
+
position: absolute;
|
|
3151
|
+
right: -34px;
|
|
3152
|
+
top: 2px;
|
|
3153
|
+
display: none;
|
|
3154
|
+
color: var(--zaui-list-item-selected-bg);
|
|
3155
|
+
}
|
|
3156
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-treenode {
|
|
3157
|
+
padding-left: 7px;
|
|
3158
|
+
}
|
|
3159
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-treenode:hover {
|
|
3160
|
+
background-color: #f5f5f5;
|
|
3161
|
+
}
|
|
3162
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-node-content-wrapper {
|
|
3163
|
+
padding-right: var(--zaui-space-size-md);
|
|
3164
|
+
}
|
|
3165
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-node-content-wrapper:hover {
|
|
3166
|
+
background-color: transparent;
|
|
3167
|
+
}
|
|
3168
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-checkbox {
|
|
3169
|
+
margin-top: var(--zaui-space-size-xs);
|
|
3170
|
+
-webkit-align-self: stretch;
|
|
3171
|
+
-ms-flex-item-align: stretch;
|
|
3172
|
+
align-self: stretch;
|
|
3173
|
+
}
|
|
3174
|
+
.pro-tree-select-drop-down-container.ant-select-dropdown.ten-count-tree-node .ant-select-tree-switcher-noop {
|
|
3175
|
+
width: var(--zaui-space-size-xs);
|
|
3176
|
+
}
|
|
3090
3177
|
.pro-tree-modal-container .ant-modal-content .ant-modal-body {
|
|
3091
3178
|
max-height: 498px;
|
|
3092
3179
|
}
|
|
@@ -24,6 +24,7 @@ export { default as Container } from './combination/Container';
|
|
|
24
24
|
export { default as ProEnum } from '../../ProEnum';
|
|
25
25
|
export { default as ProSelect } from '../../ProSelect';
|
|
26
26
|
export { default as ProUpload } from '../../ProUpload';
|
|
27
|
+
export { default as ProTreeSelect } from '../../ProTreeSelect';
|
|
27
28
|
export { default as ProTreeModal } from '../../ProTreeModal';
|
|
28
29
|
export { default as ProTree } from '../../ProTree';
|
|
29
30
|
export { default as FormFooter } from './FormFooter';
|
|
@@ -26,7 +26,7 @@ export { default as Container } from './combination/Container';
|
|
|
26
26
|
export { default as ProEnum } from '../../ProEnum';
|
|
27
27
|
export { default as ProSelect } from '../../ProSelect';
|
|
28
28
|
export { default as ProUpload } from '../../ProUpload';
|
|
29
|
-
|
|
29
|
+
export { default as ProTreeSelect } from '../../ProTreeSelect';
|
|
30
30
|
export { default as ProTreeModal } from '../../ProTreeModal';
|
|
31
31
|
export { default as ProTree } from '../../ProTree';
|
|
32
32
|
// footer组件
|
|
@@ -34,7 +34,7 @@ import useRules from '../../utils/useRules';
|
|
|
34
34
|
import ConfirmWrapper from './ConfirmWrapper';
|
|
35
35
|
// 这个组件只管渲染, 参数的整理在外部处理
|
|
36
36
|
var Render = function Render(props) {
|
|
37
|
-
var _ref2, _ref3,
|
|
37
|
+
var _ref2, _ref3, _otherProps$names2;
|
|
38
38
|
var component = props.component,
|
|
39
39
|
originComponent = props.originComponent,
|
|
40
40
|
_props$formItemProps = props.formItemProps,
|
|
@@ -53,8 +53,7 @@ var Render = function Render(props) {
|
|
|
53
53
|
equalWith = props.equalWith,
|
|
54
54
|
requiredOnView = props.requiredOnView,
|
|
55
55
|
originalTip = props.originalTip,
|
|
56
|
-
confirm = props.confirm
|
|
57
|
-
globalControl = props.globalControl;
|
|
56
|
+
confirm = props.confirm;
|
|
58
57
|
var colProps = props.colProps;
|
|
59
58
|
// 剔除一些不是FormItem的属性, 防止控制台报warning
|
|
60
59
|
var labelWidth = formItemProps.labelWidth,
|
|
@@ -170,12 +169,8 @@ var Render = function Render(props) {
|
|
|
170
169
|
}
|
|
171
170
|
/** 移除多余参数,防止透传给formItem报错 */
|
|
172
171
|
var _otherFormItemProps = omit(otherFormItemProps, ['component', 'names', 'format', 'toISOString', 'switchValue', 'precision', 'clearNotShow']);
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
* globalControl true时,优先级 全局【formDisabled】> formitem上【column.disabled】 > 组件上【fieldProps.disabled】
|
|
176
|
-
* globalControl false时,优先级 组件上【fieldProps.disabled】 > formitem上【column.disabled】 > 全局【formDisabled】
|
|
177
|
-
*/
|
|
178
|
-
var lastDisabled = globalControl ? (_ref2 = (_ref3 = formDisabled !== null && formDisabled !== void 0 ? formDisabled : _disabled) !== null && _ref3 !== void 0 ? _ref3 : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref2 !== void 0 ? _ref2 : componentProps === null || componentProps === void 0 ? void 0 : componentProps.disabled : (_ref4 = (_ref5 = _disabled !== null && _disabled !== void 0 ? _disabled : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref5 !== void 0 ? _ref5 : componentProps === null || componentProps === void 0 ? void 0 : componentProps.disabled) !== null && _ref4 !== void 0 ? _ref4 : formDisabled;
|
|
172
|
+
// 优先级 formitem上【column.disabled】 > 组件上【fieldProps.disabled】 > 全局【formDisabled】
|
|
173
|
+
var lastDisabled = (_ref2 = (_ref3 = _disabled !== null && _disabled !== void 0 ? _disabled : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref3 !== void 0 ? _ref3 : componentProps === null || componentProps === void 0 ? void 0 : componentProps.disabled) !== null && _ref2 !== void 0 ? _ref2 : formDisabled;
|
|
179
174
|
/**
|
|
180
175
|
* 最新fieldProps: 更新后的组件Props
|
|
181
176
|
*/
|
|
@@ -203,8 +198,8 @@ var Render = function Render(props) {
|
|
|
203
198
|
var functionArgs = function functionArgs(args) {
|
|
204
199
|
var _otherFormItemProps$n;
|
|
205
200
|
var _args = _toConsumableArray(args);
|
|
206
|
-
var
|
|
207
|
-
valueType =
|
|
201
|
+
var _ref4 = otherProps || {},
|
|
202
|
+
valueType = _ref4.valueType;
|
|
208
203
|
_args[1] = form.getFieldsValue();
|
|
209
204
|
_args[2] = {
|
|
210
205
|
form: form
|
|
@@ -271,7 +266,7 @@ var Render = function Render(props) {
|
|
|
271
266
|
}, 60);
|
|
272
267
|
}
|
|
273
268
|
// ProTreeSelect返回option
|
|
274
|
-
if (['ProTree'].includes(type)) {
|
|
269
|
+
if (['ProTreeSelect', 'ProTree'].includes(type)) {
|
|
275
270
|
var _args2, _args2$;
|
|
276
271
|
_args[2].option = findOptionByValue(lastComponentProps === null || lastComponentProps === void 0 ? void 0 : lastComponentProps.dataSource, (_args2 = _args) === null || _args2 === void 0 ? void 0 : (_args2$ = _args2[0]) === null || _args2$ === void 0 ? void 0 : _args2$[0]);
|
|
277
272
|
}
|
|
@@ -281,7 +276,7 @@ var Render = function Render(props) {
|
|
|
281
276
|
* onBlur参数重置 (value, record, { form, index, namePath, option }) => void
|
|
282
277
|
*/
|
|
283
278
|
var handleBlur = /*#__PURE__*/function () {
|
|
284
|
-
var
|
|
279
|
+
var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
285
280
|
var _len2,
|
|
286
281
|
args,
|
|
287
282
|
_key2,
|
|
@@ -308,7 +303,7 @@ var Render = function Render(props) {
|
|
|
308
303
|
}, _callee);
|
|
309
304
|
}));
|
|
310
305
|
return function handleBlur() {
|
|
311
|
-
return
|
|
306
|
+
return _ref5.apply(this, arguments);
|
|
312
307
|
};
|
|
313
308
|
}();
|
|
314
309
|
var renderItem = function renderItem() {
|
|
@@ -385,7 +380,7 @@ var Render = function Render(props) {
|
|
|
385
380
|
};
|
|
386
381
|
}
|
|
387
382
|
// 需要过滤掉的form_item的key
|
|
388
|
-
var filterFormItemKey = ['onFieldChange', 'shouldUpdate', 'namePath', 'isView', 'parentNames', 'space', 'before', 'after'
|
|
383
|
+
var filterFormItemKey = ['onFieldChange', 'shouldUpdate', 'namePath', 'isView', 'parentNames', 'space', 'before', 'after'];
|
|
389
384
|
if (type === 'FormList') {
|
|
390
385
|
lastComponentProps.disabled = lastDisabled;
|
|
391
386
|
var lessMode = lastComponentProps.mode === 'less';
|
|
@@ -25,8 +25,7 @@ var RenderFields = function RenderFields(props) {
|
|
|
25
25
|
outerClearNotShow = props.clearNotShow,
|
|
26
26
|
requiredOnView = props.requiredOnView,
|
|
27
27
|
required = props.required,
|
|
28
|
-
originalTip = props.originalTip
|
|
29
|
-
globalControl = props.globalControl;
|
|
28
|
+
originalTip = props.originalTip;
|
|
30
29
|
// 是否包含隐藏字段
|
|
31
30
|
var hiddenData = columns.filter(function (item) {
|
|
32
31
|
return Array.isArray(item.hiddenNames);
|
|
@@ -205,8 +204,7 @@ var RenderFields = function RenderFields(props) {
|
|
|
205
204
|
originalValues: originalValues,
|
|
206
205
|
equalWith: equalWith,
|
|
207
206
|
requiredOnView: requiredOnView,
|
|
208
|
-
originalTip: originalTip
|
|
209
|
-
globalControl: globalControl
|
|
207
|
+
originalTip: originalTip
|
|
210
208
|
})
|
|
211
209
|
}, "".concat(_formItemProps.name || _formItemProps.label).concat(index));
|
|
212
210
|
});
|
|
@@ -26,6 +26,7 @@ import { Props as ProRangeLimitProps } from '../combination/ProRangeLimit';
|
|
|
26
26
|
import { CheckboxPropsMap, ProEnum, PropProSelectsMap, PropRadioPropsMap } from '../../../ProEnum/propsType';
|
|
27
27
|
import { PropSelectProps as ProSelectProps } from '../../../ProSelect/propsType';
|
|
28
28
|
import { ProEditTableProps } from '../../../ProEditTable/propsType';
|
|
29
|
+
import { PropTreeSelectProps } from '../../../ProTreeSelect/propsType';
|
|
29
30
|
import { ProTreeModalProps } from '../../../ProTreeModal/propsType';
|
|
30
31
|
import { ProUploadProps } from '../../../ProUpload/propsType';
|
|
31
32
|
import { ProTreeProps } from '../../../ProTree/propsType';
|
|
@@ -149,6 +150,9 @@ export type ColumnPropsMap<Values = any, T = 'ProForm'> = {
|
|
|
149
150
|
} | {
|
|
150
151
|
type?: 'ProEditTable';
|
|
151
152
|
fieldProps?: FieldProps<ProEditTableProps, Values, T>;
|
|
153
|
+
} | {
|
|
154
|
+
type?: 'ProTreeSelect';
|
|
155
|
+
fieldProps?: FieldProps<PropTreeSelectProps, Values, T>;
|
|
152
156
|
} | {
|
|
153
157
|
type?: 'ProTreeModal';
|
|
154
158
|
fieldProps?: FieldProps<ProTreeModalProps, Values, T>;
|
|
@@ -266,7 +270,6 @@ export interface RenderProps<Values = any> {
|
|
|
266
270
|
originalValues?: Values;
|
|
267
271
|
requiredOnView?: boolean;
|
|
268
272
|
confirm?: ProFormColumnProps['confirm'];
|
|
269
|
-
globalControl?: boolean;
|
|
270
273
|
[name: string]: any;
|
|
271
274
|
}
|
|
272
275
|
export {};
|
package/es/ProForm/index.js
CHANGED
|
@@ -12,13 +12,13 @@ import _Space from "antd/es/space";
|
|
|
12
12
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
13
13
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
14
14
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
15
|
-
var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "originalValues", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "originalTip", "formKey"
|
|
15
|
+
var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "originalValues", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "originalTip", "formKey"];
|
|
16
16
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
17
|
import { DoubleLeftOutlined } from '@ant-design/icons';
|
|
18
18
|
import classnames from 'classnames';
|
|
19
19
|
import React, { forwardRef, useImperativeHandle, useMemo } from 'react';
|
|
20
20
|
import { isObject, isString, merge } from 'lodash';
|
|
21
|
-
import { FormFooter, InputRange, ProAddress, ProAddressBar, ProCertNo, ProCertValidity, ProCombination, ProModalSelect, ProNumberRange, ProRangeBox, ProTimeLimit, transferAddressInfoToRegion, ProUpload, ProTreeModal, ProTree, EnumSelect } from './components';
|
|
21
|
+
import { FormFooter, InputRange, ProAddress, ProAddressBar, ProCertNo, ProCertValidity, ProCombination, ProModalSelect, ProNumberRange, ProRangeBox, ProTimeLimit, transferAddressInfoToRegion, ProUpload, ProTreeSelect, ProTreeModal, ProTree, EnumSelect } from './components';
|
|
22
22
|
import RenderFields from './components/render/RenderFields';
|
|
23
23
|
import { useProConfig, useContextForms } from '../ProConfigProvider';
|
|
24
24
|
import { getLayout, splitNameStr, useControlled, initialValuesToNames } from './utils/index';
|
|
@@ -66,7 +66,6 @@ var ProForm = function ProForm(props, ref) {
|
|
|
66
66
|
_props$originalTip = props.originalTip,
|
|
67
67
|
originalTip = _props$originalTip === void 0 ? true : _props$originalTip,
|
|
68
68
|
formKey = props.formKey,
|
|
69
|
-
globalControl = props.globalControl,
|
|
70
69
|
otherProps = _objectWithoutProperties(props, _excluded);
|
|
71
70
|
var _useProConfig = useProConfig(),
|
|
72
71
|
state = _useProConfig.state,
|
|
@@ -254,8 +253,7 @@ var ProForm = function ProForm(props, ref) {
|
|
|
254
253
|
clearNotShow: clearNotShow,
|
|
255
254
|
requiredOnView: requiredOnView,
|
|
256
255
|
required: required,
|
|
257
|
-
originalTip: originalTip
|
|
258
|
-
globalControl: globalControl
|
|
256
|
+
originalTip: originalTip
|
|
259
257
|
}), children, footerRender()]
|
|
260
258
|
}))
|
|
261
259
|
}));
|
|
@@ -320,7 +318,7 @@ ProFormForward.ProNumberRange = ProNumberRange;
|
|
|
320
318
|
ProFormForward.ProModalSelect = ProModalSelect;
|
|
321
319
|
ProFormForward.ProTimeLimit = ProTimeLimit;
|
|
322
320
|
ProFormForward.ProUpload = ProUpload;
|
|
323
|
-
|
|
321
|
+
ProFormForward.ProTreeSelect = ProTreeSelect;
|
|
324
322
|
ProFormForward.ProTreeModal = ProTreeModal;
|
|
325
323
|
ProFormForward.ProTree = ProTree;
|
|
326
324
|
// 待废弃
|
package/es/ProIcon/index.js
CHANGED
|
@@ -73,10 +73,6 @@ var ProIcon = function ProIcon(props) {
|
|
|
73
73
|
'pro-icon-btn': disabled
|
|
74
74
|
});
|
|
75
75
|
var _mode = mode || 'icon';
|
|
76
|
-
// 特殊情况,如果指定了type,并且没有接收到组件内的mode,那模式就是icon
|
|
77
|
-
if (type && !props.mode) {
|
|
78
|
-
_mode = 'icon';
|
|
79
|
-
}
|
|
80
76
|
var isIconMode = _mode === 'icon';
|
|
81
77
|
var isExtendButtonMode = !isIconMode || isIconMode && disabled;
|
|
82
78
|
var mergedMapList = uniqBy(mapList.concat(iconMap), 'text');
|
package/es/ProTree/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
8
8
|
*@Description: ProTree组件,集成了tree和treeSelect
|
|
9
9
|
*/
|
|
10
10
|
import ProTree from './components/ProTree';
|
|
11
|
-
import ProTreeSelect from '
|
|
11
|
+
import ProTreeSelect from '../ProTreeSelect';
|
|
12
12
|
var ProTreeHandle = function ProTreeHandle(props) {
|
|
13
13
|
var _props$mode = props.mode,
|
|
14
14
|
mode = _props$mode === void 0 ? 'tree' : _props$mode;
|
|
@@ -15,8 +15,8 @@ import { useDeepCompareEffect, useRequest as useRequestFunc, useSetState } from
|
|
|
15
15
|
import classnames from 'classnames';
|
|
16
16
|
import { useImperativeHandle, forwardRef } from 'react';
|
|
17
17
|
import { cloneDeep } from 'lodash';
|
|
18
|
-
import { useProConfig } from '
|
|
19
|
-
import Container from '
|
|
18
|
+
import { useProConfig } from '../ProConfigProvider';
|
|
19
|
+
import Container from '../ProForm/components/Container';
|
|
20
20
|
var SHOW_PARENT = _TreeSelect.SHOW_PARENT;
|
|
21
21
|
export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
22
22
|
// 全局属性配置在ConfigProvider
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { TreeSelectProps } from 'antd';
|
|
3
3
|
import { Service, Options, Result } from 'ahooks/lib/useRequest/src/types';
|
|
4
|
-
import { ProFormOtherProps } from '
|
|
4
|
+
import { ProFormOtherProps } from '../ProForm/propsType';
|
|
5
5
|
export interface DataProps {
|
|
6
6
|
label: string;
|
|
7
7
|
value?: string;
|
package/es/style/components.less
CHANGED
|
@@ -24,6 +24,7 @@ export { default as Container } from './combination/Container';
|
|
|
24
24
|
export { default as ProEnum } from '../../ProEnum';
|
|
25
25
|
export { default as ProSelect } from '../../ProSelect';
|
|
26
26
|
export { default as ProUpload } from '../../ProUpload';
|
|
27
|
+
export { default as ProTreeSelect } from '../../ProTreeSelect';
|
|
27
28
|
export { default as ProTreeModal } from '../../ProTreeModal';
|
|
28
29
|
export { default as ProTree } from '../../ProTree';
|
|
29
30
|
export { default as FormFooter } from './FormFooter';
|
|
@@ -167,6 +167,12 @@ Object.defineProperty(exports, "ProTreeModal", {
|
|
|
167
167
|
return _ProTreeModal.default;
|
|
168
168
|
}
|
|
169
169
|
});
|
|
170
|
+
Object.defineProperty(exports, "ProTreeSelect", {
|
|
171
|
+
enumerable: true,
|
|
172
|
+
get: function get() {
|
|
173
|
+
return _ProTreeSelect.default;
|
|
174
|
+
}
|
|
175
|
+
});
|
|
170
176
|
Object.defineProperty(exports, "ProUpload", {
|
|
171
177
|
enumerable: true,
|
|
172
178
|
get: function get() {
|
|
@@ -246,6 +252,7 @@ var _Container = _interopRequireDefault(require("./combination/Container"));
|
|
|
246
252
|
var _ProEnum = _interopRequireDefault(require("../../ProEnum"));
|
|
247
253
|
var _ProSelect = _interopRequireDefault(require("../../ProSelect"));
|
|
248
254
|
var _ProUpload = _interopRequireDefault(require("../../ProUpload"));
|
|
255
|
+
var _ProTreeSelect = _interopRequireDefault(require("../../ProTreeSelect"));
|
|
249
256
|
var _ProTreeModal = _interopRequireDefault(require("../../ProTreeModal"));
|
|
250
257
|
var _ProTree = _interopRequireDefault(require("../../ProTree"));
|
|
251
258
|
var _FormFooter = _interopRequireDefault(require("./FormFooter"));
|
|
@@ -32,7 +32,7 @@ var _excluded = ["labelWidth", "hiddenNames", "trim", "upperCase", "className",
|
|
|
32
32
|
/* eslint-disable prefer-destructuring */
|
|
33
33
|
// 这个组件只管渲染, 参数的整理在外部处理
|
|
34
34
|
var Render = function Render(props) {
|
|
35
|
-
var _ref2, _ref3,
|
|
35
|
+
var _ref2, _ref3, _otherProps$names2;
|
|
36
36
|
var component = props.component,
|
|
37
37
|
originComponent = props.originComponent,
|
|
38
38
|
_props$formItemProps = props.formItemProps,
|
|
@@ -51,8 +51,7 @@ var Render = function Render(props) {
|
|
|
51
51
|
equalWith = props.equalWith,
|
|
52
52
|
requiredOnView = props.requiredOnView,
|
|
53
53
|
originalTip = props.originalTip,
|
|
54
|
-
confirm = props.confirm
|
|
55
|
-
globalControl = props.globalControl;
|
|
54
|
+
confirm = props.confirm;
|
|
56
55
|
var colProps = props.colProps;
|
|
57
56
|
// 剔除一些不是FormItem的属性, 防止控制台报warning
|
|
58
57
|
var labelWidth = formItemProps.labelWidth,
|
|
@@ -168,12 +167,8 @@ var Render = function Render(props) {
|
|
|
168
167
|
}
|
|
169
168
|
/** 移除多余参数,防止透传给formItem报错 */
|
|
170
169
|
var _otherFormItemProps = (0, _lodash.omit)(otherFormItemProps, ['component', 'names', 'format', 'toISOString', 'switchValue', 'precision', 'clearNotShow']);
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
* globalControl true时,优先级 全局【formDisabled】> formitem上【column.disabled】 > 组件上【fieldProps.disabled】
|
|
174
|
-
* globalControl false时,优先级 组件上【fieldProps.disabled】 > formitem上【column.disabled】 > 全局【formDisabled】
|
|
175
|
-
*/
|
|
176
|
-
var lastDisabled = globalControl ? (_ref2 = (_ref3 = formDisabled !== null && formDisabled !== void 0 ? formDisabled : _disabled) !== null && _ref3 !== void 0 ? _ref3 : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref2 !== void 0 ? _ref2 : componentProps === null || componentProps === void 0 ? void 0 : componentProps.disabled : (_ref4 = (_ref5 = _disabled !== null && _disabled !== void 0 ? _disabled : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref5 !== void 0 ? _ref5 : componentProps === null || componentProps === void 0 ? void 0 : componentProps.disabled) !== null && _ref4 !== void 0 ? _ref4 : formDisabled;
|
|
170
|
+
// 优先级 formitem上【column.disabled】 > 组件上【fieldProps.disabled】 > 全局【formDisabled】
|
|
171
|
+
var lastDisabled = (_ref2 = (_ref3 = _disabled !== null && _disabled !== void 0 ? _disabled : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref3 !== void 0 ? _ref3 : componentProps === null || componentProps === void 0 ? void 0 : componentProps.disabled) !== null && _ref2 !== void 0 ? _ref2 : formDisabled;
|
|
177
172
|
/**
|
|
178
173
|
* 最新fieldProps: 更新后的组件Props
|
|
179
174
|
*/
|
|
@@ -201,8 +196,8 @@ var Render = function Render(props) {
|
|
|
201
196
|
var functionArgs = function functionArgs(args) {
|
|
202
197
|
var _otherFormItemProps$n;
|
|
203
198
|
var _args = (0, _toConsumableArray2.default)(args);
|
|
204
|
-
var
|
|
205
|
-
valueType =
|
|
199
|
+
var _ref4 = otherProps || {},
|
|
200
|
+
valueType = _ref4.valueType;
|
|
206
201
|
_args[1] = form.getFieldsValue();
|
|
207
202
|
_args[2] = {
|
|
208
203
|
form: form
|
|
@@ -269,7 +264,7 @@ var Render = function Render(props) {
|
|
|
269
264
|
}, 60);
|
|
270
265
|
}
|
|
271
266
|
// ProTreeSelect返回option
|
|
272
|
-
if (['ProTree'].includes(type)) {
|
|
267
|
+
if (['ProTreeSelect', 'ProTree'].includes(type)) {
|
|
273
268
|
var _args2, _args2$;
|
|
274
269
|
_args[2].option = (0, _index.findOptionByValue)(lastComponentProps === null || lastComponentProps === void 0 ? void 0 : lastComponentProps.dataSource, (_args2 = _args) === null || _args2 === void 0 ? void 0 : (_args2$ = _args2[0]) === null || _args2$ === void 0 ? void 0 : _args2$[0]);
|
|
275
270
|
}
|
|
@@ -279,7 +274,7 @@ var Render = function Render(props) {
|
|
|
279
274
|
* onBlur参数重置 (value, record, { form, index, namePath, option }) => void
|
|
280
275
|
*/
|
|
281
276
|
var handleBlur = /*#__PURE__*/function () {
|
|
282
|
-
var
|
|
277
|
+
var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
|
|
283
278
|
var _len2,
|
|
284
279
|
args,
|
|
285
280
|
_key2,
|
|
@@ -306,7 +301,7 @@ var Render = function Render(props) {
|
|
|
306
301
|
}, _callee);
|
|
307
302
|
}));
|
|
308
303
|
return function handleBlur() {
|
|
309
|
-
return
|
|
304
|
+
return _ref5.apply(this, arguments);
|
|
310
305
|
};
|
|
311
306
|
}();
|
|
312
307
|
var renderItem = function renderItem() {
|
|
@@ -383,7 +378,7 @@ var Render = function Render(props) {
|
|
|
383
378
|
};
|
|
384
379
|
}
|
|
385
380
|
// 需要过滤掉的form_item的key
|
|
386
|
-
var filterFormItemKey = ['onFieldChange', 'shouldUpdate', 'namePath', 'isView', 'parentNames', 'space', 'before', 'after'
|
|
381
|
+
var filterFormItemKey = ['onFieldChange', 'shouldUpdate', 'namePath', 'isView', 'parentNames', 'space', 'before', 'after'];
|
|
387
382
|
if (type === 'FormList') {
|
|
388
383
|
lastComponentProps.disabled = lastDisabled;
|
|
389
384
|
var lessMode = lastComponentProps.mode === 'less';
|
|
@@ -33,8 +33,7 @@ var RenderFields = function RenderFields(props) {
|
|
|
33
33
|
outerClearNotShow = props.clearNotShow,
|
|
34
34
|
requiredOnView = props.requiredOnView,
|
|
35
35
|
required = props.required,
|
|
36
|
-
originalTip = props.originalTip
|
|
37
|
-
globalControl = props.globalControl;
|
|
36
|
+
originalTip = props.originalTip;
|
|
38
37
|
// 是否包含隐藏字段
|
|
39
38
|
var hiddenData = columns.filter(function (item) {
|
|
40
39
|
return Array.isArray(item.hiddenNames);
|
|
@@ -213,8 +212,7 @@ var RenderFields = function RenderFields(props) {
|
|
|
213
212
|
originalValues: originalValues,
|
|
214
213
|
equalWith: equalWith,
|
|
215
214
|
requiredOnView: requiredOnView,
|
|
216
|
-
originalTip: originalTip
|
|
217
|
-
globalControl: globalControl
|
|
215
|
+
originalTip: originalTip
|
|
218
216
|
})
|
|
219
217
|
}, "".concat(_formItemProps.name || _formItemProps.label).concat(index));
|
|
220
218
|
});
|
|
@@ -26,6 +26,7 @@ import { Props as ProRangeLimitProps } from '../combination/ProRangeLimit';
|
|
|
26
26
|
import { CheckboxPropsMap, ProEnum, PropProSelectsMap, PropRadioPropsMap } from '../../../ProEnum/propsType';
|
|
27
27
|
import { PropSelectProps as ProSelectProps } from '../../../ProSelect/propsType';
|
|
28
28
|
import { ProEditTableProps } from '../../../ProEditTable/propsType';
|
|
29
|
+
import { PropTreeSelectProps } from '../../../ProTreeSelect/propsType';
|
|
29
30
|
import { ProTreeModalProps } from '../../../ProTreeModal/propsType';
|
|
30
31
|
import { ProUploadProps } from '../../../ProUpload/propsType';
|
|
31
32
|
import { ProTreeProps } from '../../../ProTree/propsType';
|
|
@@ -149,6 +150,9 @@ export type ColumnPropsMap<Values = any, T = 'ProForm'> = {
|
|
|
149
150
|
} | {
|
|
150
151
|
type?: 'ProEditTable';
|
|
151
152
|
fieldProps?: FieldProps<ProEditTableProps, Values, T>;
|
|
153
|
+
} | {
|
|
154
|
+
type?: 'ProTreeSelect';
|
|
155
|
+
fieldProps?: FieldProps<PropTreeSelectProps, Values, T>;
|
|
152
156
|
} | {
|
|
153
157
|
type?: 'ProTreeModal';
|
|
154
158
|
fieldProps?: FieldProps<ProTreeModalProps, Values, T>;
|
|
@@ -266,7 +270,6 @@ export interface RenderProps<Values = any> {
|
|
|
266
270
|
originalValues?: Values;
|
|
267
271
|
requiredOnView?: boolean;
|
|
268
272
|
confirm?: ProFormColumnProps['confirm'];
|
|
269
|
-
globalControl?: boolean;
|
|
270
273
|
[name: string]: any;
|
|
271
274
|
}
|
|
272
275
|
export {};
|
package/lib/ProForm/index.js
CHANGED
|
@@ -25,7 +25,7 @@ var _index = require("./utils/index");
|
|
|
25
25
|
var _useForm3 = require("./utils/useForm");
|
|
26
26
|
var _useFieldProps = require("./utils/useFieldProps");
|
|
27
27
|
var _locale = _interopRequireDefault(require("../locale"));
|
|
28
|
-
var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "originalValues", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "originalTip", "formKey"
|
|
28
|
+
var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "originalValues", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "originalTip", "formKey"];
|
|
29
29
|
var ProForm = function ProForm(props, ref) {
|
|
30
30
|
var _forms$formKey, _localStorage;
|
|
31
31
|
var _props$mode = props.mode,
|
|
@@ -67,7 +67,6 @@ var ProForm = function ProForm(props, ref) {
|
|
|
67
67
|
_props$originalTip = props.originalTip,
|
|
68
68
|
originalTip = _props$originalTip === void 0 ? true : _props$originalTip,
|
|
69
69
|
formKey = props.formKey,
|
|
70
|
-
globalControl = props.globalControl,
|
|
71
70
|
otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
72
71
|
var _useProConfig = (0, _ProConfigProvider.useProConfig)(),
|
|
73
72
|
state = _useProConfig.state,
|
|
@@ -255,8 +254,7 @@ var ProForm = function ProForm(props, ref) {
|
|
|
255
254
|
clearNotShow: clearNotShow,
|
|
256
255
|
requiredOnView: requiredOnView,
|
|
257
256
|
required: required,
|
|
258
|
-
originalTip: originalTip
|
|
259
|
-
globalControl: globalControl
|
|
257
|
+
originalTip: originalTip
|
|
260
258
|
}), children, footerRender()]
|
|
261
259
|
}))
|
|
262
260
|
}));
|
|
@@ -321,7 +319,7 @@ ProFormForward.ProNumberRange = _components.ProNumberRange;
|
|
|
321
319
|
ProFormForward.ProModalSelect = _components.ProModalSelect;
|
|
322
320
|
ProFormForward.ProTimeLimit = _components.ProTimeLimit;
|
|
323
321
|
ProFormForward.ProUpload = _components.ProUpload;
|
|
324
|
-
|
|
322
|
+
ProFormForward.ProTreeSelect = _components.ProTreeSelect;
|
|
325
323
|
ProFormForward.ProTreeModal = _components.ProTreeModal;
|
|
326
324
|
ProFormForward.ProTree = _components.ProTree;
|
|
327
325
|
// 待废弃
|
package/lib/ProIcon/index.js
CHANGED
|
@@ -80,10 +80,6 @@ var ProIcon = function ProIcon(props) {
|
|
|
80
80
|
'pro-icon-btn': disabled
|
|
81
81
|
});
|
|
82
82
|
var _mode = mode || 'icon';
|
|
83
|
-
// 特殊情况,如果指定了type,并且没有接收到组件内的mode,那模式就是icon
|
|
84
|
-
if (type && !props.mode) {
|
|
85
|
-
_mode = 'icon';
|
|
86
|
-
}
|
|
87
83
|
var isIconMode = _mode === 'icon';
|
|
88
84
|
var isExtendButtonMode = !isIconMode || isIconMode && disabled;
|
|
89
85
|
var mergedMapList = (0, _lodash.uniqBy)(mapList.concat(_config2.iconMap), 'text');
|
package/lib/ProTree/index.js
CHANGED
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
10
|
var _ProTree = _interopRequireDefault(require("./components/ProTree"));
|
|
11
|
-
var _ProTreeSelect = _interopRequireDefault(require("
|
|
11
|
+
var _ProTreeSelect = _interopRequireDefault(require("../ProTreeSelect"));
|
|
12
12
|
/* eslint-disable jsx-a11y/anchor-is-valid */
|
|
13
13
|
/*
|
|
14
14
|
*@Date: 2023-07-11 16:07:12
|
|
@@ -15,8 +15,8 @@ var _antd = require("antd");
|
|
|
15
15
|
var _classnames3 = _interopRequireDefault(require("classnames"));
|
|
16
16
|
var _react = require("react");
|
|
17
17
|
var _lodash = require("lodash");
|
|
18
|
-
var _ProConfigProvider = require("
|
|
19
|
-
var _Container = _interopRequireDefault(require("
|
|
18
|
+
var _ProConfigProvider = require("../ProConfigProvider");
|
|
19
|
+
var _Container = _interopRequireDefault(require("../ProForm/components/Container"));
|
|
20
20
|
var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className"],
|
|
21
21
|
_excluded2 = ["children"];
|
|
22
22
|
var SHOW_PARENT = _antd.TreeSelect.SHOW_PARENT;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { TreeSelectProps } from 'antd';
|
|
3
3
|
import { Service, Options, Result } from 'ahooks/lib/useRequest/src/types';
|
|
4
|
-
import { ProFormOtherProps } from '
|
|
4
|
+
import { ProFormOtherProps } from '../ProForm/propsType';
|
|
5
5
|
export interface DataProps {
|
|
6
6
|
label: string;
|
|
7
7
|
value?: string;
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|