Introduction

fs-dialog-m provides modular invocation capabilities for the fs-dialog component and supports unified dialog management through DialogCenter. It is suitable for global or page-level dialogs, confirmations, inputs, feedback, and many other scenarios. The API is easy to use and supports Promise-style callbacks.

Usage

Import it locally by configuring it in the index.json of the page or component where it is needed:

"usingComponents": {
  "dialog-center": "ava-ui/fxui/DialogCenter/DialogCenter"
}

Code Demo

API

Parameters

Parameter	Description	Type	Options/Format	Default
title	Title	string	—	—
content	Text in the content area	string	—	—
contentAlign	Content alignment	string	left/center/right	left
iconType	Icon type	string	success/warning/error	—
customIcon	Custom icon	string	—	—
actions	Action button group	array	[{text, type, style,onClick}]	[]
confirmButton	Primary action button	object		—
cancelButton	Secondary action button	object		—
inputMode	Whether it is input mode	boolean	true/false	false
inputValue	Input field value	string	—	''
inputPlaceholder	Input field placeholder	string	—	''
inputMaxlength	Maximum input length	number	—	2000
zIndex	Stacking level	number	—	10000
extStyle	External style	string	—	''
mask	Mask	boolean	true/false	true
onMaskClose	Callback for mask clicks	Function	-	-
richData	Rich text data	array	Rich text node array	null
richDataStyle	Rich text style	string	CSS style string	''
overlay	Overlay configuration	object	Overlay configuration object	null

confirmButton Parameters

Parameter	Description	Type	Options/Format	Default
text	Button text	string	—	—
type	Button type	string	primary/warning/default	default
style	Custom style	string	CSS style string	''
onClick	Click callback function	Function	function(res)	—
validator	Validation function (input mode only)	Function	function(value)	—

打开预览