fan-standard-comp 3.0.13 → 3.1.0-beta
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/Readme.md +0 -2
- package/dist/fan-standard-comp.umd.js +12 -7
- package/es/ButtonGroup/index.js +28 -10
- package/es/FormComp/FieldComponent/index.d.ts +2 -0
- package/es/FormComp/FieldComponent/index.js +30 -1
- package/es/FormComp/RenderItemGroup/index.d.ts +9 -1
- package/es/FormComp/RenderItemGroup/index.js +9 -3
- package/es/StandardForm/StepForm.d.ts +1 -1
- package/es/StandardForm/StepForm.js +4 -1
- package/es/StandardForm/TabForm.d.ts +1 -1
- package/es/StandardForm/TabForm.js +4 -1
- package/es/StandardForm/index.d.ts +3 -1
- package/es/StandardForm/index.js +3 -1
- package/es/StandardModal/index.d.ts +1 -1
- package/es/StandardModal/index.js +32 -16
- package/lib/ButtonGroup/index.js +29 -10
- package/lib/FormComp/FieldComponent/index.d.ts +2 -0
- package/lib/FormComp/FieldComponent/index.js +34 -1
- package/lib/FormComp/RenderItemGroup/index.d.ts +9 -1
- package/lib/FormComp/RenderItemGroup/index.js +9 -3
- package/lib/StandardForm/StepForm.d.ts +1 -1
- package/lib/StandardForm/StepForm.js +4 -1
- package/lib/StandardForm/TabForm.d.ts +1 -1
- package/lib/StandardForm/TabForm.js +4 -1
- package/lib/StandardForm/index.d.ts +3 -1
- package/lib/StandardForm/index.js +3 -1
- package/lib/StandardModal/index.d.ts +1 -1
- package/lib/StandardModal/index.js +30 -16
- package/package.json +3 -3
|
@@ -15,5 +15,5 @@ export interface TabFormProp extends StandardFormProps {
|
|
|
15
15
|
actionHide?: boolean;
|
|
16
16
|
formItemGroup?: TabItemGroupProps[];
|
|
17
17
|
}
|
|
18
|
-
declare const TabForm: React.ForwardRefExoticComponent<TabFormProp & React.RefAttributes<unknown>>;
|
|
18
|
+
declare const TabForm: React.ForwardRefExoticComponent<Pick<TabFormProp, string | number> & React.RefAttributes<unknown>>;
|
|
19
19
|
export default TabForm;
|
|
@@ -61,7 +61,8 @@ var TabForm = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
61
61
|
fieldSize = _props$fieldSize === void 0 ? "middle" : _props$fieldSize,
|
|
62
62
|
onSubmit = props.onSubmit,
|
|
63
63
|
initialValues = props.initialValues,
|
|
64
|
-
tabsConfig = props.tabsConfig
|
|
64
|
+
tabsConfig = props.tabsConfig,
|
|
65
|
+
displayLayout = props.displayLayout;
|
|
65
66
|
|
|
66
67
|
var _useState = (0, _react.useState)(),
|
|
67
68
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -98,6 +99,7 @@ var TabForm = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
98
99
|
actionGroup: [],
|
|
99
100
|
ref: ref,
|
|
100
101
|
fieldSize: fieldSize,
|
|
102
|
+
// @ts-ignore
|
|
101
103
|
getFormFields: function getFormFields(fields, form) {
|
|
102
104
|
setFormChildFields(fields);
|
|
103
105
|
setFormChild(form);
|
|
@@ -125,6 +127,7 @@ var TabForm = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
125
127
|
form: formChild,
|
|
126
128
|
fieldStatus: fieldStatus,
|
|
127
129
|
size: formGridSize,
|
|
130
|
+
displayLayout: displayLayout,
|
|
128
131
|
// doUpdateFormFields={() => forceUpdateForm()}
|
|
129
132
|
itemGroup: fields
|
|
130
133
|
}) : fields, !actionHide && actions && /*#__PURE__*/_react.default.createElement(_col.default, {
|
|
@@ -25,6 +25,8 @@ export interface StandardFormProps {
|
|
|
25
25
|
children?: React.ReactNode;
|
|
26
26
|
postfix?: React.ReactNode;
|
|
27
27
|
prefix?: React.ReactNode;
|
|
28
|
+
displayLayout?: any;
|
|
29
|
+
[k: string]: any;
|
|
28
30
|
}
|
|
29
|
-
declare const StandardForm: React.ForwardRefExoticComponent<StandardFormProps & React.RefAttributes<unknown>>;
|
|
31
|
+
declare const StandardForm: React.ForwardRefExoticComponent<Pick<StandardFormProps, string | number> & React.RefAttributes<unknown>>;
|
|
30
32
|
export default StandardForm;
|
|
@@ -71,7 +71,8 @@ var StandardForm = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
|
|
|
71
71
|
prefix = props.prefix,
|
|
72
72
|
postfix = props.postfix,
|
|
73
73
|
fieldSize = props.fieldSize,
|
|
74
|
-
|
|
74
|
+
displayLayout = props.displayLayout,
|
|
75
|
+
baseProps = (0, _tslib.__rest)(props, ["formItemGroup", "className", "initialValues", "layout", "grid", "getFormFields", "fieldStatus", "onSubmit", "confirmText", "onCancel", "cancelText", "actionAlign", "actionGroup", "onFinishFailed", "children", "prefix", "postfix", "fieldSize", "displayLayout"]);
|
|
75
76
|
|
|
76
77
|
var _Form$useForm = _form.default.useForm(),
|
|
77
78
|
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
@@ -184,6 +185,7 @@ var StandardForm = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
|
|
|
184
185
|
}), prefix, children, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formItemGroup.length > 0 ? /*#__PURE__*/_react.default.createElement(_RenderItemGroup.default, {
|
|
185
186
|
itemGroup: formItemGroup,
|
|
186
187
|
fieldSize: fieldSize,
|
|
188
|
+
displayLayout: displayLayout,
|
|
187
189
|
// doUpdateFormFields={() => forceUpdateForm()}
|
|
188
190
|
size: gridSize,
|
|
189
191
|
layout: layout,
|
|
@@ -30,7 +30,7 @@ export interface StandardModalProps extends ModalProps {
|
|
|
30
30
|
hideFooter?: Boolean;
|
|
31
31
|
footerButtonGroup?: ((modalForm?: any, props?: StandardModalProps) => React.ReactNode | PropTypes.ReactNodeArray | any) | any;
|
|
32
32
|
footer?: any;
|
|
33
|
-
displayLayout?:
|
|
33
|
+
displayLayout?: any;
|
|
34
34
|
confirmLoading?: boolean;
|
|
35
35
|
okText?: string;
|
|
36
36
|
okButtonProps?: any;
|
|
@@ -86,7 +86,8 @@ var StandardModal = function StandardModal(props) {
|
|
|
86
86
|
formLayout = _props$formLayout === void 0 ? 'horizontal' : _props$formLayout,
|
|
87
87
|
tabsConfig = props.tabsConfig,
|
|
88
88
|
stepsConfig = props.stepsConfig,
|
|
89
|
-
|
|
89
|
+
displayLayout = props.displayLayout,
|
|
90
|
+
otherProps = (0, _tslib.__rest)(props, ["children", "className", "style", "size", "type", "formItemGroup", "title", "visible", "formPrefix", "formPostfix", "initialValues", "hideRequiredMark", "bodyStyle", "footer", "footerButtonGroup", "hideFooter", "getFormFields", "fieldStatus", "formLayout", "tabsConfig", "stepsConfig", "displayLayout"]);
|
|
90
91
|
|
|
91
92
|
var _Form$useForm = _form.default.useForm(),
|
|
92
93
|
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
@@ -286,8 +287,7 @@ var StandardModal = function StandardModal(props) {
|
|
|
286
287
|
var fieldStatus = props.fieldStatus,
|
|
287
288
|
formItemGroup = props.formItemGroup,
|
|
288
289
|
_props$size2 = props.size,
|
|
289
|
-
size = _props$size2 === void 0 ? 'md' : _props$size2
|
|
290
|
-
displayLayout = props.displayLayout;
|
|
290
|
+
size = _props$size2 === void 0 ? 'md' : _props$size2;
|
|
291
291
|
|
|
292
292
|
if (Array.isArray(formItemGroup)) {
|
|
293
293
|
return /*#__PURE__*/_react.default.createElement(_RenderItemGroup.default, {
|
|
@@ -353,22 +353,32 @@ var StandardModal = function StandardModal(props) {
|
|
|
353
353
|
|
|
354
354
|
if (footerButtonGroup) {
|
|
355
355
|
if (Array.isArray(footerButtonGroup)) {
|
|
356
|
-
if (footerButtonGroup.length === 0) return
|
|
356
|
+
if (footerButtonGroup.length === 0) return null; // <div>按钮组合配置为空</div>
|
|
357
|
+
|
|
357
358
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, footerButtonGroup.map(function (item) {
|
|
358
359
|
if (_typeof(item) === 'object') {
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
360
|
+
if (item.isHide) return null;
|
|
361
|
+
var name = item.name,
|
|
362
|
+
_type = item.type,
|
|
363
|
+
icon = item.icon,
|
|
364
|
+
ghost = item.ghost,
|
|
365
|
+
disabled = item.disabled,
|
|
366
|
+
loading = item.loading,
|
|
367
|
+
fn = item.fn,
|
|
368
|
+
others = (0, _tslib.__rest)(item, ["name", "type", "icon", "ghost", "disabled", "loading", "fn"]);
|
|
369
|
+
return /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
|
|
370
|
+
key: name,
|
|
371
|
+
type: _type || 'primary',
|
|
362
372
|
icon: /*#__PURE__*/_react.default.createElement(_IconNode.default, {
|
|
363
|
-
icon:
|
|
373
|
+
icon: icon
|
|
364
374
|
}),
|
|
365
|
-
ghost:
|
|
366
|
-
disabled:
|
|
367
|
-
loading:
|
|
368
|
-
onClick:
|
|
369
|
-
return
|
|
375
|
+
ghost: ghost,
|
|
376
|
+
disabled: disabled,
|
|
377
|
+
loading: loading,
|
|
378
|
+
onClick: fn ? function (e) {
|
|
379
|
+
return fn(item, modalForm, props, e);
|
|
370
380
|
} : null
|
|
371
|
-
},
|
|
381
|
+
}, others), name);
|
|
372
382
|
} else {
|
|
373
383
|
return item; // 如果是DOM,则直接渲染
|
|
374
384
|
}
|
|
@@ -454,6 +464,7 @@ var StandardModal = function StandardModal(props) {
|
|
|
454
464
|
layout: formLayout,
|
|
455
465
|
fieldStatus: fieldStatus,
|
|
456
466
|
actionHide: true,
|
|
467
|
+
// @ts-ignore
|
|
457
468
|
getFormFields: function getFormFields(fields, form) {
|
|
458
469
|
setFormChild(form);
|
|
459
470
|
_getFormFields && _getFormFields(fields, form);
|
|
@@ -461,20 +472,23 @@ var StandardModal = function StandardModal(props) {
|
|
|
461
472
|
formItemGroup: formItemGroup,
|
|
462
473
|
tabsConfig: tabsConfig,
|
|
463
474
|
onSubmit: handleSubmit,
|
|
464
|
-
initialValues: Object.assign({}, initialValues)
|
|
475
|
+
initialValues: Object.assign({}, initialValues),
|
|
476
|
+
displayLayout: displayLayout
|
|
465
477
|
}), type === 'stepForm' && /*#__PURE__*/_react.default.createElement(_StepForm.default, {
|
|
466
478
|
grid: size,
|
|
467
479
|
layout: formLayout,
|
|
468
480
|
fieldStatus: fieldStatus,
|
|
469
481
|
actionHide: true,
|
|
482
|
+
// @ts-ignore
|
|
470
483
|
getFormFields: function getFormFields(fields, form) {
|
|
471
484
|
setFormChild(form);
|
|
472
485
|
_getFormFields && _getFormFields(fields, form);
|
|
473
486
|
},
|
|
474
487
|
formItemGroup: formItemGroup,
|
|
475
488
|
stepsConfig: stepsConfig,
|
|
489
|
+
onSubmit: handleSubmit,
|
|
476
490
|
initialValues: Object.assign({}, initialValues),
|
|
477
|
-
|
|
491
|
+
displayLayout: displayLayout
|
|
478
492
|
}));
|
|
479
493
|
};
|
|
480
494
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "fan-standard-comp",
|
|
3
|
-
"version": "3.0
|
|
3
|
+
"version": "3.1.0-beta",
|
|
4
4
|
"description": "FZ standard-comp,basic of antd4.0 and custom component.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -17,14 +17,14 @@
|
|
|
17
17
|
"doc:dev": "dumi dev",
|
|
18
18
|
"doc:build:v3": "cross-env Build_PATH=doc-v3 dumi build",
|
|
19
19
|
"package:build": "father-build && webpack",
|
|
20
|
-
"package:build:publish": "father-build && webpack && npm
|
|
20
|
+
"package:build:publish": "father-build && webpack && npm publish"
|
|
21
21
|
},
|
|
22
22
|
"author": "shomychen",
|
|
23
23
|
"license": "ISC",
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@ant-design/icons": "^4.3.0",
|
|
26
26
|
"@types/classnames": "^2.2.11",
|
|
27
|
-
"antd": "^4.
|
|
27
|
+
"antd": "^4.19.5",
|
|
28
28
|
"babel-loader": "^8.2.2",
|
|
29
29
|
"babel-plugin-import": "^1.13.3",
|
|
30
30
|
"classnames": "^2.2.6",
|