stdf/docs/mds/components/popup/api.md

Popup Props

名称	类型	默认值	必传	说明
visible	boolean	false	N	是否显示。
size	number	40	N	弹出层大小，值为 0 时由内部元素决定。
position	'center'\|'top'\|'bottom'\|'left'\|'right'	'bottom'	N	显示位置。
duration	number	450	N	出现动画过渡时间，单位：ms。
outDuration	number	240	N	退出动画过渡时间，单位：ms。
easeType	SvelteEasing	'cubicOut'	N	出现动画，共 31 个值，参考 svelte/easing。
easeOutType	SvelteEasing	'cubicOut'	N	退出动画，共 31 个值，参考 svelte/easing。
px	'0'\|'1'\|'2'\|'3'\|'4'\|'5'\|'6'\|'8'\|'10'\|'12'\|'16'\|'20'	'0'	N	左右间距。
py	'0'\|'1'\|'2'\|'3'\|'4'\|'5'\|'6'\|'8'\|'10'\|'12'\|'16'\|'24'\|'32'\|'48'\|'64'	'0'	N	上下间距。
mask	Mask	{}	N	遮罩层参数。
maskClosable	boolean	true	N	点击遮罩层是否关闭。
radiusPosition	'all'\|'top'\|'bottom'\|'left'\|'right'	'top'	N	圆角位置。
radius	'none'\|'sm'\|'md'\|'lg'\|'xl'\|'2xl'\|'3xl'\|'full'	'none'	N	圆角大小。
transitionDistance	number	0	N	动画距离，当弹出层大小由内部元素决定时生效。
transparent	boolean	false	N	背景是否透明。
allowBodyScroll	boolean	true	N	弹出层显示时是否允许 body 滚动。
zIndex	number	600	N	z-index。
dynamicFixed	boolean	true	N	是否动态固定。
hideScrollbar	boolean	false	N	是否隐藏滚动区域滚动条。

Popup Events

名称	类型	参数	描述
onclickMask	() => void	-	点击弹出层遮罩时触发，即使 maskClosable 为 false 也会触发。
onclose	() => void	-	弹出层关闭时触发。

Popup Snippets

名称	类型	参数	说明
children	Snippet	-	Popup 内容。

SvelteEasing

type SvelteEasing =
    | 'backIn'
    | 'backInOut'
    | 'backOut'
    | 'bounceIn'
    | 'bounceInOut'
    | 'bounceOut'
    | 'circIn'
    | 'circInOut'
    | 'circOut'
    | 'cubicIn'
    | 'cubicInOut'
    | 'cubicOut'
    | 'elasticIn'
    | 'elasticInOut'
    | 'elasticOut'
    | 'expoIn'
    | 'expoInOut'
    | 'expoOut'
    | 'linear'
    | 'quadIn'
    | 'quadInOut'
    | 'quadOut'
    | 'quartIn'
    | 'quartInOut'
    | 'quartOut'
    | 'quintIn'
    | 'quintInOut'
    | 'quintOut'
    | 'sineIn'
    | 'sineInOut'
    | 'sineOut';