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 && (
- {content || defaultSlot()}
{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 {}