## Mask Props

| 名称         | 类型                                                                 | 默认值   | 必传 | 说明                         |
| ------------ | -------------------------------------------------------------------- | -------- | ---- | ---------------------------- |
| visible      | `boolean`                                                            | `false`  | N    | 是否显示。                   |
| opacity      | `'0.1'\|'0.2'\|'0.3'\|'0.4'\|'0.5'\|'0.6'\|'0.7'\|'0.8'\|'0.9'\|'1'` | `'0.5'`  | N    | 遮罩透明度。                 |
| duration     | `number`                                                             | `150`    | N    | 出现动画过渡时长，单位：ms。 |
| outDuration  | `number`                                                             | `0`      | N    | 消失动画过渡时长，单位：ms。 |
| inverse      | `boolean`                                                            | `false`  | N    | 遮罩背景是否反色。           |
| clickable    | `boolean`                                                            | `false`  | N    | 遮罩是否可点击穿透。         |
| backdropBlur | `'none'\|'xs'\|'sm'\|'md'\|'lg'\|'xl'\|'2xl'\|'3xl'`               | `'none'` | N    | 背景模糊度。                 |
| zIndex       | `number`                                                             | `500`    | N    | z-index。                    |

## Mask Events

| 名称        | 类型         | 参数 | 描述                                                |
| ----------- | ------------ | ---- | --------------------------------------------------- |
| onclickMask | `() => void` | -    | 点击遮罩时触发，注意 clickable 为 true 时不会触发。 |

## Mask Snippets

| 名称     | 类型                                                                | 参数 | 说明       |
| -------- | ------------------------------------------------------------------- | ---- | ---------- |
| children | [`Snippet`](https://svelte.dev/docs/svelte/snippet#Typing-snippets) | -    | 遮罩内容。 |