[comp:form] 新增表单组件

[danranVm]

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

What does the proposed API look like?

API

ix-form

FormProps

名称	说明	类型	默认值	全局配置	备注
colonless	配置 ix-form-item 的 colon 默认值	boolean	false	✅	-
formGroup	配合 @idux/cdk/forms 中的 useFormGroup 使用	FormGroup	-	-	-
labelAlign	配置 ix-form-item 的 labelAlign 默认值	left | right	right	✅	-
labelCol	配置 ix-form-item 的 labelCol 默认值	object	-	-	-
layout	表单布局	horizontal | vertical | inline	horizontal	-	-

ix-form-item

FormItemProps

名称	说明	类型	默认值	全局配置	备注
colonless	是否不显示 label 后面的冒号	boolean	-	-	-
control	表单控件的控制器	string | AbstractControl	-	-	-
extra	额外的提示信息	string | v-slot:extra	-	-	当需要错误信息和提示文案同时出现时使用
hasFeedback	是否展示校验状态图标	boolean	false	-	-
label	label 标签的文本	string | v-slot:label	-	-	-
labelAlign	label 标签文本对齐方式	left | right	-	-	-
labelCol	label 标签布局，同 <ix-col> 组件，设置 span offset 的值	object	-	-	-
labelFor	label 标签的 for 属性	string	-	-	-
required	必填样式设置	boolean	false	-	仅控制样式
tooltip	配置提示信息	sting | v-slot:tooltip	-	-	-
validateStatus	手动指定表单项的校验状态	valid | invalid | validating	-	-	-
validateTip	手动指定表单项的校验提示	string | FormValidateTip	-	-	传入 string 时，为 invalid 状态的提示

[idux-bot]

Translation of this issue:

[COMP: FORM] Add a form of form

• [] I have search the [Issues] (https://github.com/iduxfe/idux/issues) of this repository and believe That this is not a duplicate.

What proBLEES THIS Feature SOLVE?

What does the proposed API Look Like?

API

ix-form

formprops

Name	Description	Type	Default	Global Configuration	Remarks
Colonless	Configuration IX-Form-Item Default	Boolean	False	✅	-
Formgroup	Used @ iDUX / cdk / forms User	FormGroup	-	-
Labelalign	LabLAlign Default	`Left \	Right`	Right	✅
Labelcol	-	-	-	-	-
Layout	Form layout	` Horizontal \	Vertical \	Inline`	horztal

ix-form-item

formitemprops

Name	Description	Type	Default	Global Configuration	Remarks
colonless	Do not display Label Next colon	Boolean	-	-	-
Control	Form Controller	` String \	AbstractControl`	-	-
Extra	Additional Tips	` String \	V-Slot: Extra`	-
Hasfeedback	Whether to show the check status icon	Boolean	false	-
Label	` Label text	`String \	V-slot: label`	-	-
Labelign	Label Label text alignment	`Left \	Right`	-	-
Labelcol	Label label layout, with <ix-col> assembly, set span Offsett	Object	-	-	-
labelfor	Label Label` Moreover	String	-	-
Required	Required style setting	Boolean	false	-	Control style
Tooltip	Configuring Tips	` Sting \	V-Slot: Tooltip`	-	-
ValidateStatus	Manually specify the check status of the form	` Valid \	INVALID \	Validating`	-
Validatetip	Manually specify the checkpoint of the form	` String \	formvalidatetip`	-	- Tips for invalid