vite-plugin-taro-runtime 0.7.0 → 0.7.1-beta.2

package/dist/components/types/MatchMedia.d.ts

@@ -0,0 +1,70 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface MatchMediaProps extends StandardProps {
+  /** 页面最小宽度（ px 为单位）
+   * @supported weapp, alipay, jd
+   */
+  minWidth?: number
+  /** 页面最大宽度（ px 为单位）
+   * @supported weapp, alipay, jd
+   */
+  maxWidth?: number
+  /** 页面宽度（ px 为单位）
+   * @supported weapp, alipay, jd
+   */
+  width?: number
+  /** 页面最小高度（ px 为单位）
+   * @supported weapp, alipay, jd
+   */
+  minHeight?: number
+  /** 页面最大高度（ px 为单位）
+   * @supported weapp, alipay, jd
+   */
+  maxHeight?: number
+  /** 页面高度（ px 为单位）
+   * @supported weapp, alipay, jd
+   */
+  height?: number
+  /** 屏幕方向（ landscape 或 portrait ）
+   * @supported weapp, alipay, jd
+   */
+  orientation?: string
+}
+/** media query 匹配检测节点。可以指定一组 media query 规则，满足时，这个节点才会被展示。
+ * 通过这个节点可以实现“页面宽高在某个范围时才展示某个区域”这样的效果。
+ * @supported weapp, alipay, jd
+ * @classification viewContainer
+ * @example_react
+ * ```tsx
+ * class App extends Components {
+ *   render () {
+ *     return (
+ *       <View>
+ *         <MatchMedia minWidth="300" maxWidth="600">
+ *           <view>当页面宽度在 300 ~ 500 px 之间时展示这里</view>
+ *         </MatchMedia>
+ *         <MatchMedia minHeight="400" orientation="landscape">
+ *           <view>当页面高度不小于 400 px 且屏幕方向为纵向时展示这里</view>
+ *         </MatchMedia>
+ *       </View>
+ *     )
+ *   }
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <view class="components-page">
+ *     <match-media min-width="300" max-width="500">
+ *       <view>当页面宽度在 300 ~ 500 px 之间时展示这里</view>
+ *     </match-media>
+ *     <match-media min-height="400" orientation="landscape">
+ *       <view>当页面高度不小于 400 px 且屏幕方向为纵向时展示这里</view>
+ *     </match-media>
+ *   </view>
+ * </template>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/match-media.html
+ */
+declare const MatchMedia: ComponentType<MatchMediaProps>
+export { MatchMedia, MatchMediaProps }

package/dist/components/types/MovableArea.d.ts

@@ -0,0 +1,34 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface MovableAreaProps extends StandardProps {
+  /** 当里面的 movable-view 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个 movable-area
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid, ascf
+   */
+  scaleArea?: boolean
+}
+/** movable-view 的可移动区域
+ * @classification viewContainer
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
+ * @example_react
+ * ```tsx
+ * class App extends Components {
+ *   render () {
+ *     return (
+ *       <MovableArea style='height: 200px; width: 200px; background: red;'>
+ *         <MovableView style='height: 50px; width: 50px; background: blue;' direction='all'>旅行的意义</MovableView>
+ *       </MovableArea>
+ *     )
+ *   }
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ *   <movable-area style='height: 200px; width: 200px; background: red;'>
+ *     <movable-view style='height: 50px; width: 50px; background: blue;' direction='all'>在路上</movable-view>
+ *   </movable-area>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/movable-area.html
+ */
+declare const MovableArea: ComponentType<MovableAreaProps>
+export { MovableArea, MovableAreaProps }

package/dist/components/types/MovableView.d.ts

@@ -0,0 +1,180 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction, TouchEventFunction } from './common'
+interface MovableViewProps extends Omit<StandardProps, 'animation'> {
+  /** movable-view 的移动方向，属性值有`all`、`vertical`、`horizontal`、`none`
+   * @default none
+   * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony_hybrid, ascf
+   */
+  direction?: 'all' | 'vertical' | 'horizontal' | 'none'
+  /** movable-view 是否带有惯性
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
+   */
+  inertia?: boolean
+  /** 超过可移动区域后，movable-view 是否还可以移动
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
+   */
+  outOfBounds?: boolean
+  /** 定义 x 轴方向的偏移，如果 x 的值不在可移动范围内，会自动移动到可移动范围；改变 x 的值会触发动画
+   * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony_hybrid, ascf
+   */
+  x?: number | string
+  /** 定义 y 轴方向的偏移，如果 y 的值不在可移动范围内，会自动移动到可移动范围；改变 y 的值会触发动画
+   * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony_hybrid, ascf
+   */
+  y?: number | string
+  /** 阻尼系数，用于控制x或y改变时的动画和过界回弹的动画，值越大移动越快
+   * @default 20
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
+   */
+  damping?: number
+  /** 摩擦系数，用于控制惯性滑动的动画，值越大摩擦力越大，滑动越快停止；必须大于 0，否则会被设置成默认值
+   * @default 2
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
+   */
+  friction?: number
+  /** 是否禁用
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony_hybrid, ascf
+   */
+  disabled?: boolean
+  /** 是否支持双指缩放，默认缩放手势生效区域是在 movable-view 内
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
+   */
+  scale?: boolean
+  /** 定义缩放倍数最小值
+   * @default 0.5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
+   */
+  scaleMin?: number
+  /** 定义缩放倍数最大值
+   * @default 10
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
+   */
+  scaleMax?: number
+  /** 定义缩放倍数，取值范围为 0.5 - 10
+   * @default 1
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
+   */
+  scaleValue?: number
+  /** 是否使用动画
+   * @default true
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
+   */
+  animation?: boolean
+  /** 拖动过程中触发的事件
+   * @supported weapp, alipay, swan, tt, qq, ascf
+   */
+  onChange?: CommonEventFunction<MovableViewProps.onChangeEventDetail>
+  /** 拖动结束触发的事件
+   * @supported alipay
+   */
+  onChangeEnd?: CommonEventFunction<MovableViewProps.onChangeEventDetail>
+  /** 开始拖动时触发
+   * @supported rn
+   */
+  onDragStart?: CommonEventFunction
+  /** 拖动结束时触发
+   * @supported rn
+   */
+  onDragEnd?: CommonEventFunction
+  /** 缩放过程中触发的事件
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
+   */
+  onScale?: CommonEventFunction<MovableViewProps.onScaleEventDetail>
+  /** 触摸动作开始，事件会向父节点传递。
+   * @supported alipay
+   */
+  onTouchStart?: CommonEventFunction
+  /** 触摸动作开始，事件仅作用于组件，不向父节点传递。
+   * @supported alipay
+   */
+  onTouchMove?: CommonEventFunction
+  /** 手指触摸动作结束
+   * @supported alipay, h5, harmony_hybrid
+   * @h5 此事件的触发顺序会因为当前事件机制引起组件内外注册的事件执行顺序不正常，外部注册的事件可能会优先于内部执行，如需保证执行顺序一致，需要在回调函数中包裹 setTimeout 临时处理
+   */
+  onTouchEnd?: TouchEventFunction
+  /** 触摸动作被打断，如来电提醒、弹窗。
+   * @supported alipay
+   */
+  onTouchCancel?: CommonEventFunction
+  /** 初次手指触摸后移动为横向的移动，如果 catch 此事件，则意味着 touchmove 事件也被 catch
+   * @supported weapp, swan, tt, h5, harmony_hybrid, ascf
+   */
+  onHTouchMove?: TouchEventFunction
+  /** 初次手指触摸后移动为纵向的移动，如果 catch 此事件，则意味着 touchmove 事件也被 catch
+   * @supported weapp, swan, tt, h5, harmony_hybrid, ascf
+   */
+  onVTouchMove?: TouchEventFunction
+  /** 触摸移动事件，事件仅作用于组件，不向父节点传递。
+   * @supported alipay
+   */
+  catchTouchStart?: CommonEventFunction
+  /** 触摸移动事件，事件仅作用于组件，不向父节点传递。
+   * @supported alipay
+   */
+  catchTouchMove?: CommonEventFunction
+  /** 触摸动作结束，事件仅作用于组件，不向父节点传递。
+   * @supported alipay
+   */
+  catchTouchEnd?: CommonEventFunction
+}
+declare namespace MovableViewProps {
+  /** 拖动过程中触发的事件 */
+  interface TChangeSource {
+    /** 拖动 */
+    touch
+    /** 超出移动范围 */
+    'touch-out-of-bounds'
+    /** 超出移动范围后的回弹 */
+    'out-of-bounds'
+    /** 惯性 */
+    friction
+    /** setData */
+    ''
+  }
+  interface onChangeEventDetail {
+    /** X 坐标 */
+    x: number
+    /** Y 坐标 */
+    y: number
+    /** 触发事件 */
+    source: keyof MovableViewProps.TChangeSource
+  }
+  interface onScaleEventDetail {
+    /** X 坐标 */
+    x: number
+    /** Y 坐标 */
+    y: number
+    /** 缩放比例 */
+    scale: number
+  }
+}
+/** 可移动的视图容器，在页面中可以拖拽滑动。movable-view 必须在 movable-area 组件中，并且必须是直接子节点，否则不能移动。
+ * @classification viewContainer
+ * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony_hybrid
+ * @example_react
+ * ```tsx
+ * class App extends Components {
+ *   render () {
+ *     return (
+ *       <MovableArea style='height: 200px; width: 200px; background: red;'>
+ *         <MovableView style='height: 50px; width: 50px; background: blue;' direction='all'></MovableView>
+ *       </MovableArea>
+ *     )
+ *   }
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ *   <movable-area style='height: 200px; width: 200px; background: red;'>
+ *     <movable-view style='height: 50px; width: 50px; background: blue;' direction='all'>带我走</movable-view>
+ *   </movable-area>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html
+ */
+declare const MovableView: ComponentType<MovableViewProps>
+export { MovableView, MovableViewProps }

package/dist/components/types/NativeSlot.d.ts

@@ -0,0 +1,35 @@
+import { StandardProps } from './common'
+
+import type { ComponentType, ReactNode } from 'react'
+
+interface NativeSlotProps extends StandardProps {
+  /** 指定插入的 slot 位置
+   * @default none
+   * @supported weapp, swan, alipay, tt, jd, qq
+   */
+  name?: string
+}
+
+/** 编译的原生组件支持使用 slot 插槽
+ * @classification viewContainer
+ * @supported weapp, swan, alipay, tt, jd, qq, h5, harmony_hybrid
+ * @version 3.5.7+
+ * @example
+ * ```tsx
+ * import { NativeSlot, View } from 'vite-plugin-taro-runtime/components'
+ *
+ * export default function () {
+ *   render () {
+ *     return (
+ *       <View>
+ *         <NativeSlot />
+ *       </View>
+ *     )
+ *   }
+ * }
+ * ```
+ * @see https://github.com/NervJS/taro/pull/12627
+ */
+declare const NativeSlot: ComponentType<NativeSlotProps>
+
+export { NativeSlot, NativeSlotProps }

package/dist/components/types/NavigationBar.d.ts

@@ -0,0 +1,44 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+interface NavigationBarProps extends StandardProps {
+  /** 导航条标题
+   * @supported weapp, harmony
+   */
+  title?: string
+  /** 是否在导航条显示 loading 加载提示
+   * @supported weapp, harmony
+   */
+  loading?: boolean
+  /** 导航条前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000
+   * @supported weapp, harmony
+   */
+  frontColor?: string
+  /** 导航条背景颜色值，有效值为十六进制颜色
+   * @supported weapp, harmony
+   */
+  backgroundColor?: string
+  /** 改变导航栏颜色时的动画时长，默认为 0 （即没有动画效果）
+   * @default 0
+   * @supported weapp
+   */
+  colorAnimationDuration?: string
+  /** 改变导航栏颜色时的动画方式，支持 linear 、 easeIn 、 easeOut 和 easeInOut
+   * @default "linear"
+   * @supported weapp
+   */
+  colorAnimationTimingFunc?: 'linear' | 'easeIn' | 'easeOut' | 'easeInOut'
+}
+/** 页面导航条配置节点，用于指定导航栏的一些属性。只能是 PageMeta 组件内的第一个节点，需要配合它一同使用。
+ * 通过这个节点可以获得类似于调用 Taro.setNavigationBarTitle Taro.setNavigationBarColor 等接口调用的效果。
+ *
+ * :::info
+ * Taro v3.6.19 开始支持
+ * 需要配合 PageMeta 组件使用
+ * :::
+ *
+ * @classification navig
+ * @supported weapp, harmony
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/navigation-bar.html
+ */
+declare const NavigationBar: ComponentType<NavigationBarProps>
+export { NavigationBar, NavigationBarProps }

package/dist/components/types/Navigator.d.ts

@@ -0,0 +1,118 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+interface NavigatorProps extends StandardProps {
+  /** 在哪个目标上发生跳转，默认当前小程序
+   * @default "self"
+   * @supported weapp, swan, qq, ascf
+   */
+  target?: keyof NavigatorProps.Target
+  /** 当前小程序内的跳转链接
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid, ascf
+   */
+  url?: string
+  /** 跳转方式
+   * @default "navigate"
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid, ascf
+   */
+  openType?: keyof NavigatorProps.OpenType
+  /** 当 open-type 为 'navigateBack' 时有效，表示回退的层数
+   * @supported weapp, swan, tt, qq, jd, h5, harmony_hybrid, ascf
+   */
+  delta?: number
+  /** 当 `target="miniProgram"` 时有效，要打开的小程序 appId
+   * @supported weapp, swan, qq
+   */
+  appId?: string
+  /** 当 `target="miniProgram"` 时有效，打开的页面路径，如果为空则打开首页
+   * @supported weapp, swan, qq
+   */
+  path?: string
+  /** 当 `target="miniProgram"` 时有效，需要传递给目标小程序的数据，目标小程序可在 `App.onLaunch()`，`App.onShow()` 中获取到这份数据.
+   * @supported weapp, swan, qq
+   */
+  extraData?: object
+  /** 当 `target="miniProgram"` 时有效，要打开的小程序版本
+   * @supported weapp, swan, qq
+   */
+  version?: keyof NavigatorProps.Version
+  /** 指定按下去的样式类。当 `hover-class="none"` 时，没有点击态效果
+   * @default "navigator-hover"
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid, ascf
+   */
+  hoverClass?: string
+  /** 指定是否阻止本节点的祖先节点出现点击态
+   * @default false
+   * @supported weapp, swan, tt, qq, jd, ascf
+   */
+  hoverStopPropagation?: boolean
+  /** 按住后多久出现点击态，单位毫秒
+   * @default 50
+   * @supported weapp, alipay, swan, tt, qq, jd, ascf
+   */
+  hoverStartTime?: number
+  /** 手指松开后点击态保留时间，单位毫秒
+   * @default 600
+   * @supported weapp, alipay, swan, tt, qq, jd, ascf
+   */
+  hoverStayTime?: number
+  /** 当target="miniProgram"时有效，当传递该参数后，可以不传 app-id 和 path。链接可以通过【小程序菜单】->【复制链接】获取。
+   * @supported weapp
+   */
+  shortLink?: string
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+  /** 当 `target="miniProgram"` 时有效，跳转小程序成功
+   * @supported weapp, swan, qq, h5, harmony_hybrid
+   */
+  onSuccess?: CommonEventFunction
+  /** 当 `target="miniProgram"` 时有效，跳转小程序失败
+   * @supported weapp, swan, qq, h5, harmony_hybrid
+   */
+  onFail?: CommonEventFunction
+  /** 当 `target="miniProgram"` 时有效，跳转小程序完成
+   * @supported weapp, swan, qq, h5, harmony_hybrid
+   */
+  onComplete?: CommonEventFunction
+}
+declare namespace NavigatorProps {
+  /** target 的合法值 */
+  interface Target {
+    /** 当前小程序 */
+    self
+    /** 其它小程序 */
+    miniProgram
+  }
+  /** open-type 的合法值 */
+  interface OpenType {
+    /** 对应 Taro.navigateTo 或 Taro.navigateToMiniProgram 的功能 */
+    navigate
+    /** 对应 Taro.redirectTo 的功能 */
+    redirect
+    /** 对应 Taro.switchTab 的功能 */
+    switchTab
+    /** 对应 Taro.reLaunch 的功能 */
+    reLaunch
+    /** 对应 Taro.navigateBack 的功能 */
+    navigateBack
+    /** 退出小程序，`target="miniProgram"` 时生效 */
+    exit
+  }
+  /** version 的合法值 */
+  interface Version {
+    /** 开发版 */
+    develop
+    /** 体验版 */
+    trial
+    /** 正式版，仅在当前小程序为开发版或体验版时此参数有效；如果当前小程序是正式版，则打开的小程序必定是正式版。 */
+    release
+  }
+}
+/** 页面链接
+ * @classification navig
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html
+ */
+declare const Navigator: ComponentType<NavigatorProps>
+export { Navigator, NavigatorProps }

package/dist/components/types/NestedScrollBody.d.ts

@@ -0,0 +1,15 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+
+interface NestedScrollBodyProps extends StandardProps {}
+
+/**
+ * 嵌套 scroll-view 场景中属于里层 scroll-view 的节点，
+ * 仅支持作为 `<scroll-view type="nested">` 模式的直接子节点。
+ * 不支持复数子节点，渲染时会取其第一个子节点来渲染。具体用法可参考 scroll-view
+ * @classification skyline
+ * @supported weapp
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/nested-scroll-body.html
+ */
+declare const NestedScrollBody: ComponentType<NestedScrollBodyProps>
+export { NestedScrollBody, NestedScrollBodyProps }

package/dist/components/types/NestedScrollHeader.d.ts

@@ -0,0 +1,15 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+
+interface NestedScrollHeaderProps extends StandardProps {}
+
+/**
+ * 嵌套 scroll-view 场景中属于外层 scroll-view 的节点，
+ * 仅支持作为 `<scroll-view type="nested">` 模式的直接子节点。
+ * 不支持复数子节点，渲染时会取其第一个子节点来渲染。具体用法可参考 scroll-view
+ * @classification skyline
+ * @supported weapp
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/nested-scroll-header.html
+ */
+declare const NestedScrollHeader: ComponentType<NestedScrollHeaderProps>
+export { NestedScrollHeader, NestedScrollHeaderProps }

package/dist/components/types/OfficialAccount.d.ts

@@ -0,0 +1,58 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+interface OfficialAccountProps extends StandardProps {
+  /** 组件加载成功时触发
+   * @supported weapp
+   */
+  onLoad?: CommonEventFunction<OfficialAccountProps.Detail>
+  /** 组件加载失败时触发
+   * @supported weapp
+   */
+  onError?: CommonEventFunction<OfficialAccountProps.Detail>
+}
+declare namespace OfficialAccountProps {
+  /** detail 对象 */
+  interface Detail {
+    /** 状态码 */
+    status: number
+    /** 错误信息 */
+    errMsg: string
+  }
+  /** status 有效值 */
+  interface Status {
+    /** 网络错误 */
+    '-2'
+    /** 数据解析错误 */
+    '-1'
+    /** 加载成功 */
+    0
+    /** 小程序关注公众号功能被封禁 */
+    1
+    /** 关联公众号被封禁 */
+    2
+    /** 关联关系解除或未选中关联公众号 */
+    3
+    /** 未开启关注公众号功能 */
+    4
+    /** 场景值错误 */
+    5
+    /** 重复创建 */
+    6
+  }
+}
+/** 公众号关注组件。当用户扫小程序码打开小程序时，开发者可在小程序内配置公众号关注组件，方便用户快捷关注公众号，可嵌套在原生组件内。
+ *
+ * Tips
+ * 使用组件前，需前往小程序后台，在“设置”->“关注公众号”中设置要展示的公众号。注：设置的公众号需与小程序主体一致。
+ *
+ * 在一个小程序的生命周期内，只有从以下场景进入小程序，才具有展示引导关注公众号组件的能力:
+ *
+ * 当小程序从扫小程序码场景（场景值1047，场景值1124）打开时
+ * 当小程序从聊天顶部场景（场景值1089）中的「最近使用」内打开时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
+ * 当从其他小程序返回小程序（场景值1038）时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态
+ * @classification open
+ * @supported weapp
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html
+ */
+declare const OfficialAccount: ComponentType<OfficialAccountProps>
+export { OfficialAccount, OfficialAccountProps }

package/dist/components/types/OpenContainer.d.ts

@@ -0,0 +1,74 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+interface OpenContainerProps extends StandardProps {
+  /**
+   * 动画类型
+   * @supported weapp
+   * @default "fade"
+   *
+   * 可选值:
+   * - fade: 将传入元素淡入传出元素之上
+   * - fadeThrough: 首先淡出传出元素，并在传出元素完全淡出后开始淡入传入元素
+   */
+  transitionType: 'fade' | 'fadeThrough'
+  /**
+   * 动画时长
+   * @supported weapp
+   * @default 300
+   */
+  transitionDuration: number
+  /**
+   * 初始容器背景色
+   * @supported weapp
+   * @default "white"
+   */
+  closedColor: string
+  /**
+   * 初始容器影深大小
+   * @supported weapp
+   * @default 0
+   */
+  closedElevation: number
+  /**
+   * 初始容器圆角大小
+   * @supported weapp
+   * @default 0
+   */
+  closeBorderRadius: number
+  /**
+   * fadeThrough 模式下的过渡背景色
+   * @supported weapp
+   * @default ""
+   */
+  middleColor: string
+  /**
+   * 打开状态下容器背景色
+   * @supported weapp
+   * @default "white"
+   */
+  openColor: string
+  /**
+   * 打开状态下容器影深大小
+   * @supported weapp
+   * @default 0
+   */
+  openElevation: number
+  /**
+   * 打开状态下容器圆角大小
+   * @supported weapp
+   * @default 0
+   */
+  openBorderRadius: number
+}
+
+/**
+ * 容器转场动画组件
+ * 点击 OpenContainer 组件，当使用 wx.navigateTo 跳转下一页面时，对其子节点和下一个页面进行过渡。
+ * 下个页面从 OpenContainer 所在位置大小渐显放大，同时 OpenContainer 内容渐隐，过渡效果包含背景色、圆角和阴影。
+ * 源页面 OpenContainer 为 closed 状态，转场动画后为 open 状态。
+ * @classification skyline
+ * @supported weapp
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/open-container.html
+ */
+declare const OpenContainer: ComponentType<OpenContainerProps>
+export { OpenContainer, OpenContainerProps }