Page

Container properties

All component configurations support Container properties at the first level.

Component properties

Name	Type	Default	Supports Variable Pattern	Description
className	string		✔️	The className of the component
style	object			The style of the component
ResizableProps	object			Drag and drop the size component Resizable properties
empty	bool | object	false		The placeholder displayed when there is no data, the property of the Empty of antd
emptyFields	object			Customize empty status display content (json)
emptyChildren	node			Customize empty status display content (jsx)
bindComponentId	string			Bind the operation to the corresponding component
defaultState	'hide' | 'empty' | 'content'	'empty'		The default state of the component's initial load, 'hide' means no content is rendered; 'empty' means the rendering of blank state placeholders; 'content' means the rendering of internal form content
disableSaveResizeSetting	bool	false		Disable saving, dragging and changing size

All the remaining componentsProps will be passed to the component root element (Table).

ResizableProps

Name	Type	Default
placement	'top' | 'right' | 'bottom' | 'left'	'left'
isPercent	bool	false
min	number	240
max	number
maxGap	number	24
showControlIcon	bool	true
showHoverEffect	bool	true
disableResize	bool	false

JS API

The interface obtained through formApi.getFieldApi() is as follows:

Name	Type	Description
node	HTML Element	The root DOM element of the component
formApi	object	Page Components' form API
state	'hide' | 'empty' | 'content'	Page The status of the rendering of the component.
on	() => void	Bind event
hide	() => void	Hide, that is, set the status to 'hide'
renderEmpty	() => void	Display blank status placeholder, that is, set the status to 'empty'
renderContent	() => void	Render the internal form, that is, set the status to 'content'

formApi.on eventType

Name	callback	Description
formApiReady	(formApi) => void	Call this function when formApi inside the Page component is available