From 27a1a3408cfb4a550794296b8579ba76db2698e7 Mon Sep 17 00:00:00 2001 From: RSS1102 Date: Fri, 25 Apr 2025 09:54:27 +0800 Subject: [PATCH 1/3] feat(Drawer): implemented lazy --- db/TDesign.db | Bin 1044480 -> 1044480 bytes packages/scripts/api.json | 41 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 41 insertions(+) diff --git a/db/TDesign.db b/db/TDesign.db index d501bc1f7f830a79101beaa346de893d3e1f76ee..c7bbe1cb6b25be67dc86ffd387067a04a20b96c7 100644 GIT binary patch delta 399 zcmZp8VBhe-eu6aPmx(gYtX~-P+B6$eT2mNXQOQ@yvD{13=Etcyd1m?93Yd}U5XORQ;TvEt14O25{q+EpUqhRbi%Ty6V^YUvf^3S z-lrQopS4eV+O^=t-o5Yl^gzX@Z-YoZpVjiTt@Y`;olkc3KHIVB+5E|_d5K9msS03I z>x&dX<|^dmC#GcPrRyk^WTYx2=jWBA=9LsH{)6jH&a85tOv>Kd5n8ks5>7+RTFTA7$)5lWetAPMrTJfkSDDg(%;+tc6h&twJw DhyRdg delta 128 zcmZp8VBhe-eu6aP=ZP}Tte+Y5%DNg;T2mNXQ Date: Fri, 25 Apr 2025 09:57:04 +0800 Subject: [PATCH 2/3] fix: code spell --- db/TDesign.db | Bin 1044480 -> 1044480 bytes packages/scripts/api.json | 2 +- 2 files changed, 1 insertion(+), 1 deletion(-) diff --git a/db/TDesign.db b/db/TDesign.db index c7bbe1cb6b25be67dc86ffd387067a04a20b96c7..c95307bae2fa2255e01bf8d9afc9000983b46fad 100644 GIT binary patch delta 73 zcmZp8VBhe-eu6aP*NHODj9(iQS`!#s6PQ{Pm|GKAS`%1X6WCf4*jp1gS`#>16S!Iv dxLXr=S`&C%6Zp0!@LRoR$|>GH=QV!{3jp$b8g&2w delta 73 zcmZp8VBhe-eu6aPmx(gYj9(fPS`!#s6PQ{Pm|GKAS`%1X6WCf4*jp1gS`#>16S!Iv dxLXr=S`&C%6Zp0!@LRoRD$dzH=QV!{3jp#68gl>u diff --git a/packages/scripts/api.json b/packages/scripts/api.json index 179eb2683..66e40158a 100644 --- a/packages/scripts/api.json +++ b/packages/scripts/api.json @@ -46983,7 +46983,7 @@ "field_type": [ "4" ], - "field_default_value": "fasle", + "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", From 68c0eeed7e591403a7867dad612705095487548d Mon Sep 17 00:00:00 2001 From: RSS1102 Date: Sun, 27 Apr 2025 14:26:41 +0800 Subject: [PATCH 3/3] =?UTF-8?q?feat(drawer):=20=E7=94=9F=E6=88=90=E6=8A=BD?= =?UTF-8?q?=E5=B1=89=E6=87=92=E5=8A=A0=E8=BD=BD=E5=B1=9E=E6=80=A7=E6=96=87?= =?UTF-8?q?=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../tdesign-react/packages/components/drawer/defaultProps.ts | 1 + .../tdesign-react/packages/components/drawer/drawer.en-US.md | 2 +- .../tdesign-react/packages/components/drawer/drawer.md | 2 +- .../tdesign-react/packages/components/drawer/type.ts | 5 +++++ .../packages/components/drawer/drawer.en-US.md | 1 + .../tdesign-vue-next/packages/components/drawer/drawer.md | 1 + .../tdesign-vue-next/packages/components/drawer/props.ts | 2 ++ .../tdesign-vue-next/packages/components/drawer/type.ts | 5 +++++ packages/products/tdesign-vue/src/drawer/drawer.en-US.md | 1 + packages/products/tdesign-vue/src/drawer/drawer.md | 1 + packages/products/tdesign-vue/src/drawer/props.ts | 2 ++ packages/products/tdesign-vue/src/drawer/type.ts | 5 +++++ 12 files changed, 26 insertions(+), 2 deletions(-) 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