diff --git a/src/dropdown-menu/dropdown-item.tsx b/src/dropdown-menu/dropdown-item.tsx
index 37657d0a9..005a12d0e 100644
--- a/src/dropdown-menu/dropdown-item.tsx
+++ b/src/dropdown-menu/dropdown-item.tsx
@@ -18,7 +18,6 @@ const getUniqueID = uniqueFactory('dropdown-popup');
export default defineComponent({
name: `${prefix}-dropdown-item`,
- components: { TPopup },
props,
emits: ['change', 'open', 'opened', 'close', 'closed', 'update:value', 'update:modelValue'],
setup(props) {
@@ -286,10 +285,10 @@ export default defineComponent({
return (
wrapperVisible.value && (
{footer || footerSlot()}
-
+
)
);
diff --git a/src/popup/popup.en-US.md b/src/popup/popup.en-US.md
index 61d37f9c6..0d3b3217c 100644
--- a/src/popup/popup.en-US.md
+++ b/src/popup/popup.en-US.md
@@ -10,6 +10,7 @@ attach | String / Function | 'body' | Typescript:`AttachNode`。[see more ts d
closeBtn | Boolean / Slot / Function | - | Typescript:`boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
closeOnOverlayClick | Boolean | true | \- | N
destroyOnClose | Boolean | false | \- | N
+duration | Number | 240 | \- | N
overlayProps | Object | {} | Typescript:`OverlayProps`,[Overlay API Documents](./overlay?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/popup/type.ts) | N
placement | String | top | options: top/left/right/bottom/center | N
preventScrollThrough | Boolean | true | \- | N
@@ -41,4 +42,4 @@ Name | Default Value | Description
-- | -- | --
--td-popup-bg-color | @bg-color-container | -
--td-popup-border-radius | @radius-extra-large | -
---td-popup-close-btn-color | @text-color-primary | -
+--td-popup-close-btn-color | @text-color-primary | -
\ No newline at end of file
diff --git a/src/popup/popup.md b/src/popup/popup.md
index 2a122274c..c1f590836 100644
--- a/src/popup/popup.md
+++ b/src/popup/popup.md
@@ -10,6 +10,7 @@ attach | String / Function | 'body' | 指定挂载节点。数据类型为 Strin
closeBtn | Boolean / Slot / Function | - | 是否展示关闭按钮,值为 `true` 显示默认关闭按钮;值为 `false` 则不显示关闭按钮;也可以自定义关闭按钮。TS 类型:`boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
closeOnOverlayClick | Boolean | true | 点击遮罩层是否关闭 | N
destroyOnClose | Boolean | false | 是否在关闭浮层时销毁浮层 | N
+duration | Number | 240 | 动画过渡时间 | N
overlayProps | Object | {} | 遮罩层的属性,透传至 overlay。TS 类型:`OverlayProps`,[Overlay API Documents](./overlay?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/popup/type.ts) | N
placement | String | top | 浮层出现位置。可选项:top/left/right/bottom/center | N
preventScrollThrough | Boolean | true | 是否阻止背景滚动 | N
@@ -41,4 +42,4 @@ visible-change | `(visible: boolean, trigger: PopupSource) ` | 当浮层隐藏
-- | -- | --
--td-popup-bg-color | @bg-color-container | -
--td-popup-border-radius | @radius-extra-large | -
---td-popup-close-btn-color | @text-color-primary | -
+--td-popup-close-btn-color | @text-color-primary | -
\ No newline at end of file
diff --git a/src/popup/popup.tsx b/src/popup/popup.tsx
index 1dfd0eb3e..9372c10e1 100644
--- a/src/popup/popup.tsx
+++ b/src/popup/popup.tsx
@@ -128,7 +128,12 @@ export default defineComponent({
);
const renderContent = (
-
+
,
diff --git a/src/popup/type.ts b/src/popup/type.ts
index b8317c1b3..12fe6e67d 100644
--- a/src/popup/type.ts
+++ b/src/popup/type.ts
@@ -27,6 +27,11 @@ export interface TdPopupProps {
* @default false
*/
destroyOnClose?: boolean;
+ /**
+ * 动画过渡时间
+ * @default 240
+ */
+ duration?: number;
/**
* 遮罩层的属性,透传至 overlay
* @default {}