| 1 | import { ComponentType } from 'react'
|
| 2 | import { StandardProps, CommonEventFunction } from './common'
|
| 3 | interface OpenContainerProps extends StandardProps {
|
| 4 | /**
|
| 5 | * 动画类型
|
| 6 | * @supported weapp
|
| 7 | * @default "fade"
|
| 8 | *
|
| 9 | * 可选值:
|
| 10 | * - fade: 将传入元素淡入传出元素之上
|
| 11 | * - fadeThrough: 首先淡出传出元素，并在传出元素完全淡出后开始淡入传入元素
|
| 12 | */
|
| 13 | transitionType: 'fade' | 'fadeThrough'
|
| 14 | /**
|
| 15 | * 动画时长
|
| 16 | * @supported weapp
|
| 17 | * @default 300
|
| 18 | */
|
| 19 | transitionDuration: number
|
| 20 | /**
|
| 21 | * 初始容器背景色
|
| 22 | * @supported weapp
|
| 23 | * @default "white"
|
| 24 | */
|
| 25 | closedColor: string
|
| 26 | /**
|
| 27 | * 初始容器影深大小
|
| 28 | * @supported weapp
|
| 29 | * @default 0
|
| 30 | */
|
| 31 | closedElevation: number
|
| 32 | /**
|
| 33 | * 初始容器圆角大小
|
| 34 | * @supported weapp
|
| 35 | * @default 0
|
| 36 | */
|
| 37 | closeBorderRadius: number
|
| 38 | /**
|
| 39 | * fadeThrough 模式下的过渡背景色
|
| 40 | * @supported weapp
|
| 41 | * @default ""
|
| 42 | */
|
| 43 | middleColor: string
|
| 44 | /**
|
| 45 | * 打开状态下容器背景色
|
| 46 | * @supported weapp
|
| 47 | * @default "white"
|
| 48 | */
|
| 49 | openColor: string
|
| 50 | /**
|
| 51 | * 打开状态下容器影深大小
|
| 52 | * @supported weapp
|
| 53 | * @default 0
|
| 54 | */
|
| 55 | openElevation: number
|
| 56 | /**
|
| 57 | * 打开状态下容器圆角大小
|
| 58 | * @supported weapp
|
| 59 | * @default 0
|
| 60 | */
|
| 61 | openBorderRadius: number
|
| 62 | }
|
| 63 |
|
| 64 | /**
|
| 65 | * 容器转场动画组件
|
| 66 | * 点击 OpenContainer 组件，当使用 wx.navigateTo 跳转下一页面时，对其子节点和下一个页面进行过渡。
|
| 67 | * 下个页面从 OpenContainer 所在位置大小渐显放大，同时 OpenContainer 内容渐隐，过渡效果包含背景色、圆角和阴影。
|
| 68 | * 源页面 OpenContainer 为 closed 状态，转场动画后为 open 状态。
|
| 69 | * @classification skyline
|
| 70 | * @supported weapp
|
| 71 | * @see https://developers.weixin.qq.com/miniprogram/dev/component/open-container.html
|
| 72 | */
|
| 73 | declare const OpenContainer: ComponentType<OpenContainerProps>
|
| 74 | export { OpenContainer, OpenContainerProps }
|