From d6ed8cfe55db73771d97779fd52a57ec6cca986a Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sun, 23 Jun 2019 17:45:22 +0800
Subject: [PATCH] [new feature] ActionSheet: add duration prop (#3608)

---
 packages/action-sheet/en-US.md  | 3 ++-
 packages/action-sheet/index.tsx | 6 ++++++
 packages/action-sheet/zh-CN.md  | 1 +
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/action-sheet/en-US.md b/packages/action-sheet/en-US.md
index 2fc81c7aa..8a479edbf 100644
--- a/packages/action-sheet/en-US.md
+++ b/packages/action-sheet/en-US.md
@@ -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` |
 
diff --git a/packages/action-sheet/index.tsx b/packages/action-sheet/index.tsx
index 24cd0da86..3c820390d 100644
--- a/packages/action-sheet/index.tsx
+++ b/packages/action-sheet/index.tsx
@@ -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
diff --git a/packages/action-sheet/zh-CN.md b/packages/action-sheet/zh-CN.md
index 49b737d95..55e8cf510 100644
--- a/packages/action-sheet/zh-CN.md
+++ b/packages/action-sheet/zh-CN.md
@@ -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 |