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