@jiaozhiye/qm-design-react 1.2.0-beta.29 → 1.2.0-beta.31
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/lib/form/src/form.d.ts +2 -0
- package/lib/form/src/types.d.ts +3 -0
- package/lib/form/style/index.less +7 -1
- package/lib/index.esm.js +2 -2
- package/lib/index.full.js +1 -1
- package/lib/index.js +2 -2
- package/lib/style/index.css +7 -1
- package/lib/style/index.min.css +1 -1
- package/package.json +1 -1
package/lib/form/src/form.d.ts
CHANGED
|
@@ -31,6 +31,7 @@ declare class QmForm extends Component<IProps, IState> {
|
|
|
31
31
|
customClass: import("prop-types").Requireable<string>;
|
|
32
32
|
labelWidth: import("prop-types").Requireable<string | number>;
|
|
33
33
|
labelAlign: import("prop-types").Requireable<string>;
|
|
34
|
+
labelWrap: import("prop-types").Requireable<boolean>;
|
|
34
35
|
formType: import("prop-types").Requireable<string>;
|
|
35
36
|
uniqueKey: import("prop-types").Requireable<string>;
|
|
36
37
|
authCode: import("prop-types").Requireable<string>;
|
|
@@ -158,6 +159,7 @@ declare class QmForm extends Component<IProps, IState> {
|
|
|
158
159
|
renderFormItemExtra(option: IFormItem['extra'] & {
|
|
159
160
|
fieldName: string;
|
|
160
161
|
}): JSX.Element;
|
|
162
|
+
renderFormItemButton(fieldName: string, buttonAfter: IFormItem['buttonAfter']): JSXElement;
|
|
161
163
|
renderFormItem(option: IFormItem): JSX.Element | null;
|
|
162
164
|
createFormItem(item: IFormItem): JSXElement;
|
|
163
165
|
createFormLayout(): (JSX.Element | null)[];
|
package/lib/form/src/types.d.ts
CHANGED
|
@@ -212,6 +212,7 @@ export declare type IFormItem = {
|
|
|
212
212
|
labelWidth?: number | string;
|
|
213
213
|
isTooltip?: boolean;
|
|
214
214
|
};
|
|
215
|
+
buttonAfter?: JSXElement | ((options: IFormItem) => JSXElement);
|
|
215
216
|
collapse?: {
|
|
216
217
|
defaultExpand?: boolean;
|
|
217
218
|
showLimit?: number;
|
|
@@ -236,6 +237,7 @@ export declare type IFormProps = {
|
|
|
236
237
|
customClass?: string;
|
|
237
238
|
labelWidth?: number | string;
|
|
238
239
|
labelAlign?: ILabelAlign;
|
|
240
|
+
labelWrap?: boolean;
|
|
239
241
|
formType?: IFormType;
|
|
240
242
|
uniqueKey?: string;
|
|
241
243
|
authCode?: string;
|
|
@@ -267,6 +269,7 @@ export declare const propTypes: {
|
|
|
267
269
|
customClass: PropTypes.Requireable<string>;
|
|
268
270
|
labelWidth: PropTypes.Requireable<string | number>;
|
|
269
271
|
labelAlign: PropTypes.Requireable<string>;
|
|
272
|
+
labelWrap: PropTypes.Requireable<boolean>;
|
|
270
273
|
formType: PropTypes.Requireable<string>;
|
|
271
274
|
uniqueKey: PropTypes.Requireable<string>;
|
|
272
275
|
authCode: PropTypes.Requireable<string>;
|
|
@@ -9,8 +9,14 @@
|
|
|
9
9
|
@prefix-form: ~'@{qm-prefix}-form';
|
|
10
10
|
|
|
11
11
|
.@{prefix-form} {
|
|
12
|
+
position: relative;
|
|
12
13
|
.ant-form-item {
|
|
13
14
|
margin-bottom: @--margin-md + 2px;
|
|
15
|
+
.ant-form-item-label {
|
|
16
|
+
&-wrap {
|
|
17
|
+
line-height: 1.075;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
14
20
|
// ant-form-inline
|
|
15
21
|
&-with-help {
|
|
16
22
|
margin-bottom: @--margin-md + 2px;
|
|
@@ -91,7 +97,7 @@
|
|
|
91
97
|
}
|
|
92
98
|
}
|
|
93
99
|
&__only-show {
|
|
94
|
-
.ant-form-item
|
|
100
|
+
.ant-form-item .ant-form-item-control .ant-col {
|
|
95
101
|
& > :not(.qm-upload-file):not(.qm-upload-img):not(.qm-tinymce) {
|
|
96
102
|
pointer-events: none;
|
|
97
103
|
}
|