[new feature] ActionSheet: add duration prop (#3608)

This commit is contained in:
neverland 2019-06-23 17:45:22 +08:00 committed by GitHub
parent a0d2efd9bb
commit d6ed8cfe55
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 1 deletions

View File

@ -99,8 +99,9 @@ export default {
| overlay | Whether to show overlay | `Boolean` | `true` |
| close-on-click-action | Whether to close when click action | `Boolean` | `false` |
| close-on-click-overlay | Whether to close when click overlay | `Boolean` | `true` |
| lock-scroll | Whether to lock background scroll | `Boolean` | `true` |
| lazy-render | Whether to lazy render util appeared | `Boolean` | `true` |
| lock-scroll | Whether to lock background scroll | `Boolean` | `true` |
| duration | Transition duration, unit second | `Number` | `0.3` |
| get-container | Return the mount node for action-sheet | `String | () => HTMLElement` | - |
| safe-area-inset-bottom | Whether to enable bottom safe area adaptation, to enable those features use `viewport-fit=cover` in the `viewport` meta tag | `Boolean` | `false` |

View File

@ -22,6 +22,7 @@ export type ActionSheetItem = {
export type ActionSheetProps = PopupMixinProps & {
title?: string;
actions: ActionSheetItem[];
duration: number;
cancelText?: string;
closeOnClickAction?: boolean;
safeAreaInsetBottom?: boolean;
@ -125,6 +126,7 @@ function ActionSheet(
position="bottom"
value={props.value}
overlay={props.overlay}
duration={props.duration}
lazyRender={props.lazyRender}
lockScroll={props.lockScroll}
getContainer={props.getContainer}
@ -149,6 +151,10 @@ ActionSheet.props = {
getContainer: [String, Function],
closeOnClickAction: Boolean,
safeAreaInsetBottom: Boolean,
duration: {
type: Number,
default: null
},
overlay: {
type: Boolean,
default: true

View File

@ -108,6 +108,7 @@ export default {
| close-on-click-overlay | 是否在点击遮罩层后关闭 | `Boolean` | `true` | - |
| lazy-render | 是否在显示弹层时才渲染节点 | `Boolean` | `true` | 1.1.11 |
| lock-scroll | 是否锁定背景滚动 | `Boolean` | `true` | 2.0.0 |
| duration | 动画时长,单位秒 | `Number` | `0.3` | 2.0.3 |
| get-container | 指定挂载的节点,可以传入选择器,<br>或一个返回节点的函数 | `String | () => HTMLElement` | - | - |
| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配,需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `Boolean` | `false` | 1.6.15 |