diff --git a/db/TDesign.db b/db/TDesign.db index 4ab3e76b6..420e61d84 100644 Binary files a/db/TDesign.db and b/db/TDesign.db differ diff --git a/packages/products/tdesign-react/packages/components/drawer/defaultProps.ts b/packages/products/tdesign-react/packages/components/drawer/defaultProps.ts index 664c5407e..476d0cd3e 100644 --- a/packages/products/tdesign-react/packages/components/drawer/defaultProps.ts +++ b/packages/products/tdesign-react/packages/components/drawer/defaultProps.ts @@ -11,6 +11,7 @@ export const drawerDefaultProps: TdDrawerProps = { footer: true, forceRender: false, header: true, + lazy: false, mode: 'overlay', placement: 'right', preventScrollThrough: true, diff --git a/packages/products/tdesign-react/packages/components/drawer/drawer.en-US.md b/packages/products/tdesign-react/packages/components/drawer/drawer.en-US.md index ababffc1e..1f4e9a8d7 100644 --- a/packages/products/tdesign-react/packages/components/drawer/drawer.en-US.md +++ b/packages/products/tdesign-react/packages/components/drawer/drawer.en-US.md @@ -1,7 +1,6 @@ :: BASE_DOC :: ## API - ### Drawer Props name | type | default | description | required @@ -21,6 +20,7 @@ drawerClassName | String | - | \- | N footer | TNode | true | Typescript:`boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N forceRender | Boolean | false | to force render Drawer | N header | TNode | true | Typescript:`string \| boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N +lazy | Boolean | false | Enable Drawer lazy loading, the contents of the Drawer are not rendered when enable | N mode | String | overlay | options: overlay/push | N placement | String | right | options: left/right/top/bottom | N preventScrollThrough | Boolean | true | \- | N diff --git a/packages/products/tdesign-react/packages/components/drawer/drawer.md b/packages/products/tdesign-react/packages/components/drawer/drawer.md index 257b6d36c..afe3cd030 100644 --- a/packages/products/tdesign-react/packages/components/drawer/drawer.md +++ b/packages/products/tdesign-react/packages/components/drawer/drawer.md @@ -1,7 +1,6 @@ :: BASE_DOC :: ## API - ### Drawer Props 名称 | 类型 | 默认值 | 描述 | 必传 @@ -21,6 +20,7 @@ drawerClassName | String | - | 抽屉元素类名。 | N footer | TNode | true | 底部操作栏,默认会有“确认”和“取消”两个按钮。值为 true 显示默认操作按钮,值为 false 或 null 不显示任何内容,值类型为 TNode 表示自定义底部内容。TS 类型:`boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N forceRender | Boolean | false | 是否强制渲染Drawer | N header | TNode | true | 头部内容。值为 true 显示空白头部,值为 false 不显示头部,值类型为 string 则直接显示值,值类型为 TNode 表示自定义头部内容。TS 类型:`string \| boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N +lazy | Boolean | false | 是否启用抽屉懒加载,启用时抽屉的内容不渲染 | N mode | String | overlay | 展开方式,有两种:直接展示在内容上方 和 推开内容区域。可选项:overlay/push | N placement | String | right | 抽屉方向。可选项:left/right/top/bottom | N preventScrollThrough | Boolean | true | 防止滚动穿透 | N diff --git a/packages/products/tdesign-react/packages/components/drawer/type.ts b/packages/products/tdesign-react/packages/components/drawer/type.ts index 2b1b638dc..0beb15934 100644 --- a/packages/products/tdesign-react/packages/components/drawer/type.ts +++ b/packages/products/tdesign-react/packages/components/drawer/type.ts @@ -66,6 +66,11 @@ export interface TdDrawerProps { * @default true */ header?: TNode; + /** + * 是否启用抽屉懒加载,启用时抽屉的内容不渲染 + * @default false + */ + lazy?: boolean; /** * 展开方式,有两种:直接展示在内容上方 和 推开内容区域 * @default overlay diff --git a/packages/products/tdesign-vue-next/packages/components/drawer/drawer.en-US.md b/packages/products/tdesign-vue-next/packages/components/drawer/drawer.en-US.md index 2e755f4da..d578a18ab 100644 --- a/packages/products/tdesign-vue-next/packages/components/drawer/drawer.en-US.md +++ b/packages/products/tdesign-vue-next/packages/components/drawer/drawer.en-US.md @@ -17,6 +17,7 @@ destroyOnClose | Boolean | false | \- | N drawerClassName | String | - | \- | N footer | Boolean / Slot / Function | true | Typescript:`boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/common.ts) | N header | String / Boolean / Slot / Function | true | Typescript:`string \| boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/common.ts) | N +lazy | Boolean | false | Enable Drawer lazy loading, the contents of the Drawer are not rendered when enable | N mode | String | overlay | options: overlay/push | N placement | String | right | options: left/right/top/bottom | N preventScrollThrough | Boolean | true | \- | N diff --git a/packages/products/tdesign-vue-next/packages/components/drawer/drawer.md b/packages/products/tdesign-vue-next/packages/components/drawer/drawer.md index 145f55cdb..4449ac3eb 100644 --- a/packages/products/tdesign-vue-next/packages/components/drawer/drawer.md +++ b/packages/products/tdesign-vue-next/packages/components/drawer/drawer.md @@ -53,6 +53,7 @@ destroyOnClose | Boolean | false | 抽屉关闭时是否销毁节点 | N drawerClassName | String | - | 抽屉元素类名。 | N footer | Boolean / Slot / Function | true | 底部操作栏,默认会有“确认”和“取消”两个按钮。值为 true 显示默认操作按钮,值为 false 或 null 不显示任何内容,值类型为 TNode 表示自定义底部内容。TS 类型:`boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/common.ts) | N header | String / Boolean / Slot / Function | true | 头部内容。值为 true 显示空白头部,值为 false 不显示头部,值类型为 string 则直接显示值,值类型为 TNode 表示自定义头部内容。TS 类型:`string \| boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/common.ts) | N +lazy | Boolean | false | 是否启用抽屉懒加载,启用时抽屉的内容不渲染 | N mode | String | overlay | 展开方式,有两种:直接展示在内容上方 和 推开内容区域。可选项:overlay/push | N placement | String | right | 抽屉方向。可选项:left/right/top/bottom | N preventScrollThrough | Boolean | true | 防止滚动穿透 | N diff --git a/packages/products/tdesign-vue-next/packages/components/drawer/props.ts b/packages/products/tdesign-vue-next/packages/components/drawer/props.ts index 571509c9c..cddfd0166 100644 --- a/packages/products/tdesign-vue-next/packages/components/drawer/props.ts +++ b/packages/products/tdesign-vue-next/packages/components/drawer/props.ts @@ -59,6 +59,8 @@ export default { type: [String, Boolean, Function] as PropType, default: true as TdDrawerProps['header'], }, + /** 是否启用抽屉懒加载,启用时抽屉的内容不渲染 */ + lazy: Boolean, /** 展开方式,有两种:直接展示在内容上方 和 推开内容区域 */ mode: { type: String as PropType, diff --git a/packages/products/tdesign-vue-next/packages/components/drawer/type.ts b/packages/products/tdesign-vue-next/packages/components/drawer/type.ts index aac616c55..fb6b421b1 100644 --- a/packages/products/tdesign-vue-next/packages/components/drawer/type.ts +++ b/packages/products/tdesign-vue-next/packages/components/drawer/type.ts @@ -60,6 +60,11 @@ export interface TdDrawerProps { * @default true */ header?: string | boolean | TNode; + /** + * 是否启用抽屉懒加载,启用时抽屉的内容不渲染 + * @default false + */ + lazy?: boolean; /** * 展开方式,有两种:直接展示在内容上方 和 推开内容区域 * @default overlay diff --git a/packages/products/tdesign-vue/src/drawer/drawer.en-US.md b/packages/products/tdesign-vue/src/drawer/drawer.en-US.md index f2e863998..010b9ec4b 100644 --- a/packages/products/tdesign-vue/src/drawer/drawer.en-US.md +++ b/packages/products/tdesign-vue/src/drawer/drawer.en-US.md @@ -17,6 +17,7 @@ destroyOnClose | Boolean | false | \- | N drawerClassName | String | - | \- | N footer | Boolean / Slot / Function | true | Typescript:`boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N header | String / Boolean / Slot / Function | true | Typescript:`string \| boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N +lazy | Boolean | false | Enable Drawer lazy loading, the contents of the Drawer are not rendered when enable | N mode | String | overlay | options: overlay/push | N placement | String | right | options: left/right/top/bottom | N preventScrollThrough | Boolean | true | \- | N diff --git a/packages/products/tdesign-vue/src/drawer/drawer.md b/packages/products/tdesign-vue/src/drawer/drawer.md index 4b41dac27..eae45e58a 100644 --- a/packages/products/tdesign-vue/src/drawer/drawer.md +++ b/packages/products/tdesign-vue/src/drawer/drawer.md @@ -17,6 +17,7 @@ destroyOnClose | Boolean | false | 抽屉关闭时是否销毁节点 | N drawerClassName | String | - | 抽屉元素类名。 | N footer | Boolean / Slot / Function | true | 底部操作栏,默认会有“确认”和“取消”两个按钮。值为 true 显示默认操作按钮,值为 false 或 null 不显示任何内容,值类型为 TNode 表示自定义底部内容。TS 类型:`boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N header | String / Boolean / Slot / Function | true | 头部内容。值为 true 显示空白头部,值为 false 不显示头部,值类型为 string 则直接显示值,值类型为 TNode 表示自定义头部内容。TS 类型:`string \| boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N +lazy | Boolean | false | 是否启用抽屉懒加载,启用时抽屉的内容不渲染 | N mode | String | overlay | 展开方式,有两种:直接展示在内容上方 和 推开内容区域。可选项:overlay/push | N placement | String | right | 抽屉方向。可选项:left/right/top/bottom | N preventScrollThrough | Boolean | true | 防止滚动穿透 | N diff --git a/packages/products/tdesign-vue/src/drawer/props.ts b/packages/products/tdesign-vue/src/drawer/props.ts index cb107fee1..196c82651 100644 --- a/packages/products/tdesign-vue/src/drawer/props.ts +++ b/packages/products/tdesign-vue/src/drawer/props.ts @@ -59,6 +59,8 @@ export default { type: [String, Boolean, Function] as PropType, default: true, }, + /** 是否启用抽屉懒加载,启用时抽屉的内容不渲染 */ + lazy: Boolean, /** 展开方式,有两种:直接展示在内容上方 和 推开内容区域 */ mode: { type: String as PropType, diff --git a/packages/products/tdesign-vue/src/drawer/type.ts b/packages/products/tdesign-vue/src/drawer/type.ts index aac616c55..fb6b421b1 100644 --- a/packages/products/tdesign-vue/src/drawer/type.ts +++ b/packages/products/tdesign-vue/src/drawer/type.ts @@ -60,6 +60,11 @@ export interface TdDrawerProps { * @default true */ header?: string | boolean | TNode; + /** + * 是否启用抽屉懒加载,启用时抽屉的内容不渲染 + * @default false + */ + lazy?: boolean; /** * 展开方式,有两种:直接展示在内容上方 和 推开内容区域 * @default overlay diff --git a/packages/scripts/api.json b/packages/scripts/api.json index ac9727841..a251c7ca0 100644 --- a/packages/scripts/api.json +++ b/packages/scripts/api.json @@ -47011,6 +47011,47 @@ "Array" ] }, + { + "id": 1745545785, + "platform_framework": [ + "1", + "2", + "4" + ], + "component": "Drawer", + "field_category": 1, + "field_name": "lazy", + "field_type": [ + "4" + ], + "field_default_value": "false", + "field_enum": "", + "field_desc_zh": "是否启用抽屉懒加载,启用时抽屉的内容不渲染", + "field_desc_en": "Enable Drawer lazy loading, the contents of the Drawer are not rendered when enable", + "field_required": 0, + "event_input": "", + "create_time": "2025-04-25 01:49:45", + "update_time": "2025-04-25 01:49:45", + "event_output": null, + "custom_field_type": null, + "syntactic_sugar": null, + "readonly": 1, + "html_attribute": 0, + "trigger_elements": "", + "deprecated": 0, + "version": "", + "test_description": null, + "support_default_value": 0, + "field_category_text": "Props", + "platform_framework_text": [ + "Vue(PC)", + "React(PC)", + "Angular(PC)" + ], + "field_type_text": [ + "Boolean" + ] + }, { "id": 686, "platform_framework": [