@zat-design/sisyphus-react 3.12.0-beta.1 → 3.12.0-beta.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/es/ProDrawerForm/index.d.ts +1 -0
- package/es/ProDrawerForm/index.js +10 -3
- package/es/ProEditTable/utils/tools.js +4 -4
- package/es/ProForm/index.js +7 -3
- package/lib/ProDrawerForm/index.d.ts +1 -0
- package/lib/ProDrawerForm/index.js +9 -2
- package/lib/ProEditTable/utils/tools.js +4 -4
- package/lib/ProForm/index.js +7 -3
- package/package.json +1 -1
@@ -1,4 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { FormInstance } from 'antd/es/form/Form';
|
3
|
+
export declare const useProDrawerFormContext: () => any;
|
3
4
|
declare const ProDrawerForm: React.ForwardRefExoticComponent<import("./propsType").ProDrawerFormPropsType & React.RefAttributes<FormInstance<any>>>;
|
4
5
|
export default ProDrawerForm;
|
@@ -1,12 +1,16 @@
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
3
3
|
var _locale$ProDrawerForm3;
|
4
|
-
import { jsx as _jsx
|
5
|
-
import { forwardRef, useImperativeHandle, useMemo } from 'react';
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
5
|
+
import { createContext, forwardRef, useContext, useImperativeHandle, useMemo } from 'react';
|
6
6
|
import { ProDrawer, ProModal } from './components';
|
7
7
|
import ProForm from '../ProForm';
|
8
8
|
import { transformBySize } from './utils';
|
9
9
|
import locale from '../locale';
|
10
|
+
var ProDrawerFormContext = /*#__PURE__*/createContext(null);
|
11
|
+
export var useProDrawerFormContext = function useProDrawerFormContext() {
|
12
|
+
return useContext(ProDrawerFormContext);
|
13
|
+
};
|
10
14
|
var ProDrawerForm = /*#__PURE__*/forwardRef(function (props, ref) {
|
11
15
|
var _okText, _locale$ProDrawerForm, _locale$ProDrawerForm2;
|
12
16
|
var visible = props.visible,
|
@@ -51,7 +55,10 @@ var ProDrawerForm = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
51
55
|
Modal: ProModal
|
52
56
|
}[showType];
|
53
57
|
}, [showType]);
|
54
|
-
return _jsx(
|
58
|
+
return _jsx(ProDrawerFormContext.Provider, {
|
59
|
+
value: {
|
60
|
+
source: 'ProDrawerForm'
|
61
|
+
},
|
55
62
|
children: visible ? _jsx(Com, _objectSpread(_objectSpread({}, props), {}, {
|
56
63
|
isView: isView,
|
57
64
|
visible: visible,
|
@@ -182,11 +182,11 @@ export var getDisabled = function getDisabled(_ref2) {
|
|
182
182
|
*/
|
183
183
|
export var handleScrollToError = function handleScrollToError() {
|
184
184
|
setTimeout(function () {
|
185
|
-
var errorDom = document.querySelector('
|
185
|
+
var errorDom = document.querySelector('[class*="form-item-has-error"]');
|
186
186
|
if (errorDom) {
|
187
|
-
var tableBody = errorDom.closest('
|
188
|
-
var tableCell = errorDom.closest('
|
189
|
-
var tableRow = errorDom.closest('
|
187
|
+
var tableBody = errorDom.closest('[class*="table-content"]') || errorDom.closest('[class*="table-body"]');
|
188
|
+
var tableCell = errorDom.closest('[class*="table-cell"]');
|
189
|
+
var tableRow = errorDom.closest('[class*="table-row"]');
|
190
190
|
if (tableBody && tableCell) {
|
191
191
|
var previousSibling = tableCell.previousElementSibling;
|
192
192
|
var childOffsetLeft = 0;
|
package/es/ProForm/index.js
CHANGED
@@ -20,6 +20,7 @@ import { isObject, merge, omit } from 'lodash';
|
|
20
20
|
import { FormFooter, InputRange, ProAddress, ProCascader, ProCertNo, ProCertValidity, ProCombination, ProModalSelect, ProNumberRange, ProRangeBox, ProTimeLimit, transferAddressInfoToRegion, ProUpload, ProTreeModal, ProTree, EnumSelect } from './components';
|
21
21
|
import RenderFields from './components/render/RenderFields';
|
22
22
|
import { useProConfig } from '../ProConfigProvider';
|
23
|
+
import { useProDrawerFormContext } from '../ProDrawerForm';
|
23
24
|
import { getLayout, splitNameStr, useControlled, initialValuesToNames, filterInternalFields } from './utils/index';
|
24
25
|
import { useForm } from './utils/useForm';
|
25
26
|
import { useFieldProps } from './utils/useFieldProps';
|
@@ -27,7 +28,7 @@ import locale from '../locale';
|
|
27
28
|
import useWatch from './utils/useWatch';
|
28
29
|
import FormsProvider, { useContextForms, useForms } from '../FormsProvider';
|
29
30
|
var ProForm = function ProForm(props, ref) {
|
30
|
-
var _localStorage,
|
31
|
+
var _localStorage, _ref2;
|
31
32
|
var _props$mode = props.mode,
|
32
33
|
mode = _props$mode === void 0 ? 'search' : _props$mode,
|
33
34
|
span = props.span,
|
@@ -74,11 +75,14 @@ var ProForm = function ProForm(props, ref) {
|
|
74
75
|
otherProps = _objectWithoutProperties(props, _excluded);
|
75
76
|
var config = useProConfig('ProForm');
|
76
77
|
// source: 用于区分是哪个组件调用,用于错误提示
|
78
|
+
var _ref = useProDrawerFormContext() || {},
|
79
|
+
_ref$source = _ref.source,
|
80
|
+
source = _ref$source === void 0 ? '' : _ref$source;
|
77
81
|
var _useForm = useForm(originForm, {
|
78
82
|
scrollToError: scrollToError,
|
79
83
|
optimize: optimize,
|
80
84
|
formKey: formKey,
|
81
|
-
source: 'ProForm'
|
85
|
+
source: source || 'ProForm'
|
82
86
|
}),
|
83
87
|
_useForm2 = _slicedToArray(_useForm, 1),
|
84
88
|
form = _useForm2[0];
|
@@ -216,7 +220,7 @@ var ProForm = function ProForm(props, ref) {
|
|
216
220
|
className: cls,
|
217
221
|
form: form
|
218
222
|
}, formProps), omit(config, ['isDiffAll'])), otherProps), {}, {
|
219
|
-
labelAlign: (
|
223
|
+
labelAlign: (_ref2 = labelAlign !== null && labelAlign !== void 0 ? labelAlign : config.labelAlign) !== null && _ref2 !== void 0 ? _ref2 : 'left',
|
220
224
|
onValuesChange: handleValuesChange,
|
221
225
|
onFinish: handleFinish,
|
222
226
|
initialValues: _initialValues,
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { FormInstance } from 'antd/es/form/Form';
|
3
|
+
export declare const useProDrawerFormContext: () => any;
|
3
4
|
declare const ProDrawerForm: React.ForwardRefExoticComponent<import("./propsType").ProDrawerFormPropsType & React.RefAttributes<FormInstance<any>>>;
|
4
5
|
export default ProDrawerForm;
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.default = void 0;
|
7
|
+
exports.useProDrawerFormContext = exports.default = void 0;
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
@@ -14,6 +14,10 @@ var _ProForm = _interopRequireDefault(require("../ProForm"));
|
|
14
14
|
var _utils = require("./utils");
|
15
15
|
var _locale = _interopRequireDefault(require("../locale"));
|
16
16
|
var _locale$ProDrawerForm3;
|
17
|
+
var ProDrawerFormContext = /*#__PURE__*/(0, _react.createContext)(null);
|
18
|
+
var useProDrawerFormContext = exports.useProDrawerFormContext = function useProDrawerFormContext() {
|
19
|
+
return (0, _react.useContext)(ProDrawerFormContext);
|
20
|
+
};
|
17
21
|
var ProDrawerForm = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
18
22
|
var _okText, _locale$ProDrawerForm, _locale$ProDrawerForm2;
|
19
23
|
var visible = props.visible,
|
@@ -58,7 +62,10 @@ var ProDrawerForm = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
58
62
|
Modal: _components.ProModal
|
59
63
|
}[showType];
|
60
64
|
}, [showType]);
|
61
|
-
return (0, _jsxRuntime.jsx)(
|
65
|
+
return (0, _jsxRuntime.jsx)(ProDrawerFormContext.Provider, {
|
66
|
+
value: {
|
67
|
+
source: 'ProDrawerForm'
|
68
|
+
},
|
62
69
|
children: visible ? (0, _jsxRuntime.jsx)(Com, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
63
70
|
isView: isView,
|
64
71
|
visible: visible,
|
@@ -191,11 +191,11 @@ var getDisabled = exports.getDisabled = function getDisabled(_ref2) {
|
|
191
191
|
*/
|
192
192
|
var handleScrollToError = exports.handleScrollToError = function handleScrollToError() {
|
193
193
|
setTimeout(function () {
|
194
|
-
var errorDom = document.querySelector('
|
194
|
+
var errorDom = document.querySelector('[class*="form-item-has-error"]');
|
195
195
|
if (errorDom) {
|
196
|
-
var tableBody = errorDom.closest('
|
197
|
-
var tableCell = errorDom.closest('
|
198
|
-
var tableRow = errorDom.closest('
|
196
|
+
var tableBody = errorDom.closest('[class*="table-content"]') || errorDom.closest('[class*="table-body"]');
|
197
|
+
var tableCell = errorDom.closest('[class*="table-cell"]');
|
198
|
+
var tableRow = errorDom.closest('[class*="table-row"]');
|
199
199
|
if (tableBody && tableCell) {
|
200
200
|
var previousSibling = tableCell.previousElementSibling;
|
201
201
|
var childOffsetLeft = 0;
|
package/lib/ProForm/index.js
CHANGED
@@ -20,6 +20,7 @@ var _lodash = require("lodash");
|
|
20
20
|
var _components = require("./components");
|
21
21
|
var _RenderFields = _interopRequireDefault(require("./components/render/RenderFields"));
|
22
22
|
var _ProConfigProvider = require("../ProConfigProvider");
|
23
|
+
var _ProDrawerForm = require("../ProDrawerForm");
|
23
24
|
var _index = require("./utils/index");
|
24
25
|
var _useForm3 = require("./utils/useForm");
|
25
26
|
var _useFieldProps = require("./utils/useFieldProps");
|
@@ -28,7 +29,7 @@ var _useWatch = _interopRequireDefault(require("./utils/useWatch"));
|
|
28
29
|
var _FormsProvider = _interopRequireWildcard(require("../FormsProvider"));
|
29
30
|
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", "diffConfig", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "formKey", "globalControl", "scrollToError", "optimize", "desensitizationKey"];
|
30
31
|
var ProForm = function ProForm(props, ref) {
|
31
|
-
var _localStorage,
|
32
|
+
var _localStorage, _ref2;
|
32
33
|
var _props$mode = props.mode,
|
33
34
|
mode = _props$mode === void 0 ? 'search' : _props$mode,
|
34
35
|
span = props.span,
|
@@ -75,11 +76,14 @@ var ProForm = function ProForm(props, ref) {
|
|
75
76
|
otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
|
76
77
|
var config = (0, _ProConfigProvider.useProConfig)('ProForm');
|
77
78
|
// source: 用于区分是哪个组件调用,用于错误提示
|
79
|
+
var _ref = (0, _ProDrawerForm.useProDrawerFormContext)() || {},
|
80
|
+
_ref$source = _ref.source,
|
81
|
+
source = _ref$source === void 0 ? '' : _ref$source;
|
78
82
|
var _useForm = (0, _useForm3.useForm)(originForm, {
|
79
83
|
scrollToError: scrollToError,
|
80
84
|
optimize: optimize,
|
81
85
|
formKey: formKey,
|
82
|
-
source: 'ProForm'
|
86
|
+
source: source || 'ProForm'
|
83
87
|
}),
|
84
88
|
_useForm2 = (0, _slicedToArray2.default)(_useForm, 1),
|
85
89
|
form = _useForm2[0];
|
@@ -217,7 +221,7 @@ var ProForm = function ProForm(props, ref) {
|
|
217
221
|
className: cls,
|
218
222
|
form: form
|
219
223
|
}, formProps), (0, _lodash.omit)(config, ['isDiffAll'])), otherProps), {}, {
|
220
|
-
labelAlign: (
|
224
|
+
labelAlign: (_ref2 = labelAlign !== null && labelAlign !== void 0 ? labelAlign : config.labelAlign) !== null && _ref2 !== void 0 ? _ref2 : 'left',
|
221
225
|
onValuesChange: handleValuesChange,
|
222
226
|
onFinish: handleFinish,
|
223
227
|
initialValues: _initialValues,
|