From 9f42f91c9d8005498a9774ddeaeb9adf9a7d41ce Mon Sep 17 00:00:00 2001 From: aaronmhl <297546700@qq.com> Date: Fri, 31 May 2024 11:33:07 +0800 Subject: [PATCH 1/4] =?UTF-8?q?refactor(tdesign-mobile-vue/image-viewer):?= =?UTF-8?q?=20=E6=9B=B4=E6=96=B0image-viewer=20api?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- db/TDesign.db | Bin 987136 -> 987136 bytes .../src/image-viewer/image-viewer.en-US.md | 2 +- .../src/image-viewer/image-viewer.md | 2 +- .../src/image-viewer/props.ts | 59 +++++++++++++++ .../src/image-viewer/type.ts | 70 ++++++++++++++++++ packages/scripts/api.json | 12 +-- 6 files changed, 134 insertions(+), 11 deletions(-) create mode 100644 packages/products/tdesign-mobile-vue/src/image-viewer/props.ts create mode 100644 packages/products/tdesign-mobile-vue/src/image-viewer/type.ts diff --git a/db/TDesign.db b/db/TDesign.db index 0df60dc09f9bb9e3da6fc61bd067d49dc3f1549e..79dc50d22f6713e7f6539651873e9c1a243b9772 100644 GIT binary patch delta 448 zcmZozVAHU`W`Z>1%84@0j4L-LRN3-R>@Q?sV94xG29l}$0nIOM+h5u;0x=U1GXpUT z5VLN7Y0D1`Z}h<^1XW{cMHXJ)GIzv$8WVFdap|^_; z*r?baBL&pQDak0vtIEK^Yi!KW$jQLT!OOwRz`>=-G5xC(TaZyrb!kzKl|pezQD$Dc zbz)9tdY+YndT~i&QHi=jje>e|YF1iitALj4L)KRN3-p_7^fRFr@a!0?CQ}&do1v+h5u;0x=U1GXpUT z5VLN7Y0D9K6QH z4C)M=9K0O73>;jV71L|_*@77DwtFY%DC> z0@xT0gn=dsGo&%__w#e`&18({li?Md%E1{lHI4J<^p;+>hua;PI4^Q-|I^LZ!MJ@U zA7=(*JL3d4AZB0AIDw-;8mOO(vyXwlil2`+oM#3PJNHa(C9aKJES!DY6%DwGIJftC bvK0e02yg;17Z7s;F%J;)Zf6wW`~M#RiYHoD diff --git a/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.en-US.md b/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.en-US.md index ec849e01..6833fa9e 100644 --- a/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.en-US.md +++ b/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.en-US.md @@ -8,7 +8,7 @@ name | type | default | description | required -- | -- | -- | -- | -- closeBtn | Boolean / Slot / Function | true | Typescript：`boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N deleteBtn | Boolean / Slot / Function | false | Typescript：`boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N -images | Array | [] | Typescript：`Array` | N +images | Array | [] | Typescript：`Array` | N index | Number | - | `v-model:index` is supported | N defaultIndex | Number | - | uncontrolled property | N maxZoom | Number | 3 | Typescript：`Number` | N diff --git a/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.md b/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.md index b9da2e29..48ab21ef 100644 --- a/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.md +++ b/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.md @@ -8,7 +8,7 @@ -- | -- | -- | -- | -- closeBtn | Boolean / Slot / Function | true | 是否展示关闭按钮，值为 `true` 显示默认关闭按钮；值为 `false` 则不显示关闭按钮；也可以完全自定义关闭按钮。TS 类型：`boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N deleteBtn | Boolean / Slot / Function | false | 是否显示删除操作，前提需要开启页码。TS 类型：`boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N -images | Array | [] | 图片数组。TS 类型：`Array` | N +images | Array | [] | 图片数组。TS 类型：`Array` | N index | Number | - | 当前预览图片所在的下标。支持语法糖 `v-model:index` | N defaultIndex | Number | - | 当前预览图片所在的下标。非受控属性 | N maxZoom | Number | 3 | 【开发中】最大放大比例。TS 类型：`Number` | N diff --git a/packages/products/tdesign-mobile-vue/src/image-viewer/props.ts b/packages/products/tdesign-mobile-vue/src/image-viewer/props.ts new file mode 100644 index 00000000..0641a9f4 --- /dev/null +++ b/packages/products/tdesign-mobile-vue/src/image-viewer/props.ts @@ -0,0 +1,59 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { TdImageViewerProps } from './type'; +import { PropType } from 'vue'; + +export default { + /** 是否展示关闭按钮，值为 `true` 显示默认关闭按钮；值为 `false` 则不显示关闭按钮；也可以完全自定义关闭按钮 */ + closeBtn: { + type: [Boolean, Function] as PropType, + default: true, + }, + /** 是否显示删除操作，前提需要开启页码 */ + deleteBtn: { + type: [Boolean, Function] as PropType, + default: false, + }, + /** 图片数组 */ + images: { + type: Array as PropType, + default: (): TdImageViewerProps['images'] => [], + }, + /** 当前预览图片所在的下标 */ + index: { + type: Number, + default: undefined, + }, + /** 当前预览图片所在的下标，非受控属性 */ + defaultIndex: { + type: Number, + }, + /** 【开发中】最大放大比例 */ + maxZoom: { + type: Number, + default: 3, + }, + /** 是否显示页码 */ + showIndex: Boolean, + /** 隐藏/显示预览 */ + visible: { + type: Boolean, + default: undefined, + }, + modelValue: { + type: Boolean, + default: undefined, + }, + /** 隐藏/显示预览，非受控属性 */ + defaultVisible: Boolean, + /** 关闭时触发 */ + onClose: Function as PropType, + /** 点击删除操作按钮时触发 */ + onDelete: Function as PropType, + /** 预览图片切换时触发，`context.prev` 切换到上一张图片，`context.next` 切换到下一张图片 */ + onIndexChange: Function as PropType, +}; diff --git a/packages/products/tdesign-mobile-vue/src/image-viewer/type.ts b/packages/products/tdesign-mobile-vue/src/image-viewer/type.ts new file mode 100644 index 00000000..3d50de16 --- /dev/null +++ b/packages/products/tdesign-mobile-vue/src/image-viewer/type.ts @@ -0,0 +1,70 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { TNode } from '../common'; + +export interface TdImageViewerProps { + /** + * 是否展示关闭按钮，值为 `true` 显示默认关闭按钮；值为 `false` 则不显示关闭按钮；也可以完全自定义关闭按钮 + * @default true + */ + closeBtn?: boolean | TNode; + /** + * 是否显示删除操作，前提需要开启页码 + * @default false + */ + deleteBtn?: boolean | TNode; + /** + * 图片数组 + * @default [] + */ + images?: Array; + /** + * 当前预览图片所在的下标 + */ + index?: number; + /** + * 当前预览图片所在的下标，非受控属性 + */ + defaultIndex?: number; + /** + * 【开发中】最大放大比例 + * @default 3 + */ + maxZoom?: Number; + /** + * 是否显示页码 + * @default false + */ + showIndex?: boolean; + /** + * 隐藏/显示预览 + * @default false + */ + visible?: boolean; + /** + * 隐藏/显示预览，非受控属性 + * @default false + */ + defaultVisible?: boolean; + /** + * 隐藏/显示预览 + * @default false + */ + modelValue?: boolean; + /** + * 关闭时触发 + */ + onClose?: (context: { trigger: 'overlay' | 'close-btn'; visible: Boolean; index: Number }) => void; + /** + * 点击删除操作按钮时触发 + */ + onDelete?: (index: Number) => void; + /** + * 预览图片切换时触发，`context.prev` 切换到上一张图片，`context.next` 切换到下一张图片 + */ + onIndexChange?: (index: number, context: { trigger: 'prev' | 'next' }) => void; +} diff --git a/packages/scripts/api.json b/packages/scripts/api.json index dabdb5dd..09a63f25 100644 --- a/packages/scripts/api.json +++ b/packages/scripts/api.json @@ -60342,10 +60342,7 @@ { "id": 2601, "platform_framework": [ - "8", - "16", - "32", - "64" + "8" ], "component": "ImageViewer", "field_category": 1, @@ -60362,7 +60359,7 @@ "create_time": "2022-04-18 13:55:45", "update_time": "2022-05-30 13:26:12", "event_output": null, - "custom_field_type": "Array", + "custom_field_type": "Array", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -60373,10 +60370,7 @@ "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ - "Vue(Mobile)", - "React(Mobile)", - "Angular(Mobile)", - "Miniprogram" + "Vue(Mobile)" ], "field_type_text": [ "Array" From dec8208aa014f8e603e229c5cceb70c78693decc Mon Sep 17 00:00:00 2001 From: aaronmhl <297546700@qq.com> Date: Fri, 31 May 2024 13:10:34 +0800 Subject: [PATCH 2/4] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dmobile=20vue=20ima?= =?UTF-8?q?ge-viewer=E5=8D=95=E7=8B=AC=E5=B1=9E=E6=80=A7=E8=AE=BE=E7=BD=AE?= =?UTF-8?q?=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- db/TDesign.db | Bin 987136 -> 987136 bytes packages/scripts/api.json | 47 +++++++++++++++++++++++++++++++++++--- 2 files changed, 44 insertions(+), 3 deletions(-) diff --git a/db/TDesign.db b/db/TDesign.db index 79dc50d22f6713e7f6539651873e9c1a243b9772..6df4265ee2da6683e52d1364acf8f0a68c703d2b 100644 GIT binary patch delta 277 zcmZozVAHU`W`Z>1>WMPWjH??HS`!#s6PQ{Pm|GKAS`%2eCa~?RXX5VKuF$|H&dJUn z%@oYUC_g=a5sT>d;7&GkCi(pS7)d5ZWll*(L0(k`4qjtp26YBb4qgsk1`aOGg6TE= zY(b26+y8X4#WS-oFfc4_kMCy#Vs;?r0Afxc<^p1FAm-T~-_N`B0;A}5)&xFnCMNzz z)3+t@)otI9#J8V|v21%mE?+qlYh=_{KH2SW^7$ktFiSCZPG#peW@7BzuIRwz%gENK zJV#cFWqM*in*>W5Q04UMel`_l6I}ySU1LK915+ylb1MTwBLgFJq3MVE+3dC(F!5jD F1pp^iPK*Em delta 175 zcmZozVAHU`W`Z>1%84@0j4K-xS`!#s6PQ{Pm|GKAS`%2eCa~?RXX20EuF$|H&dJWe zz;u*}QGR;1K;(W@%LHk7", + "custom_field_type": "Array", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -60370,7 +60372,9 @@ "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ - "Vue(Mobile)" + "React(Mobile)", + "Angular(Mobile)", + "Miniprogram" ], "field_type_text": [ "Array" @@ -60417,6 +60421,43 @@ "Array" ] }, + { + "id": 1717132021, + "platform_framework": [ + "8" + ], + "component": "ImageViewer", + "field_category": 1, + "field_name": "images", + "field_type": [ + "16" + ], + "field_default_value": "[]", + "field_enum": "", + "field_desc_zh": "图片数组", + "field_desc_en": null, + "field_required": 0, + "event_input": "", + "create_time": "2024-05-31 05:07:01", + "update_time": "2024-05-31 05:07:01", + "event_output": null, + "custom_field_type": "Array", + "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(Mobile)" + ], + "field_type_text": [ + "Array" + ] + }, { "id": 2713, "platform_framework": [ From b1de0e04d3b5ad4043a7275a78cb1f639f378d02 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com> Date: Mon, 22 Jul 2024 10:17:57 +0800 Subject: [PATCH 3/4] chore: json to db --- db/TDesign.db | Bin 995328 -> 995328 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/db/TDesign.db b/db/TDesign.db index ef9860d62c91daabbfee33e3be1eda296454f348..7333e2dd2dfa2df11307866c19e0a326cb0db82f 100644 GIT binary patch delta 336 zcmZp8VAJrxW`ZVs;?r0Afxc<^p1FAm#yL-tD5!eD7r#)wi=I@QE-n>P?qO;R#G(>)g&GC*XY;1gk*E}g_@J^e-!U(EImNqqac z7|(1k$mKiCIDKs{FV}Y4e7@rw1lYJl8TeKC^mzMt9JwBGiEdX6;GV{@-64S~nUSM0 RaE_G}3uEJUQ7!)0tN>ywGz$O# From e0b7689b2920cd70e19fe24d85395870366bf1e9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BB=8E=E4=BC=9F=E6=9D=B0?= <674416404@qq.com> Date: Mon, 22 Jul 2024 10:20:53 +0800 Subject: [PATCH 4/4] feat: update platform_framework --- db/TDesign.db | Bin 995328 -> 995328 bytes .../src/image-viewer/image-viewer.en-US.md | 2 +- .../src/image-viewer/image-viewer.md | 2 +- packages/scripts/api.json | 14 +++++++------- 4 files changed, 9 insertions(+), 9 deletions(-) diff --git a/db/TDesign.db b/db/TDesign.db index 7333e2dd2dfa2df11307866c19e0a326cb0db82f..b8b5bdf2ba77c58b6ef5a268f8b36d1ee2bf5b7f 100644 GIT binary patch delta 181 zcmZp8VAJrxW`Z;~ZQC}@UHU$YP)F@P!7Ufte6qgib W=A~OJO#i6Kuf(XZU093%Eh_+)`!VqV delta 181 zcmZp8VAJrxW`Z zVs;?r0Afxc<^p1FAm#yL-tD5!d>`)!;~ZQC~U0Hcelv$#2A0Q(an=W2I1B VQk0pOZaw{jCcn~lVJ-f*tN;QOGt&S7 diff --git a/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.en-US.md b/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.en-US.md index 6833fa9e..156b311c 100644 --- a/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.en-US.md +++ b/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.en-US.md @@ -8,7 +8,7 @@ name | type | default | description | required -- | -- | -- | -- | -- closeBtn | Boolean / Slot / Function | true | Typescript：`boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N deleteBtn | Boolean / Slot / Function | false | Typescript：`boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N -images | Array | [] | Typescript：`Array` | N +images | Array | [] | Typescript：`Array` | N index | Number | - | `v-model:index` is supported | N defaultIndex | Number | - | uncontrolled property | N maxZoom | Number | 3 | Typescript：`Number` | N diff --git a/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.md b/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.md index 48ab21ef..20017ab9 100644 --- a/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.md +++ b/packages/products/tdesign-mobile-vue/src/image-viewer/image-viewer.md @@ -8,7 +8,7 @@ -- | -- | -- | -- | -- closeBtn | Boolean / Slot / Function | true | 是否展示关闭按钮，值为 `true` 显示默认关闭按钮；值为 `false` 则不显示关闭按钮；也可以完全自定义关闭按钮。TS 类型：`boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N deleteBtn | Boolean / Slot / Function | false | 是否显示删除操作，前提需要开启页码。TS 类型：`boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N -images | Array | [] | 图片数组。TS 类型：`Array` | N +images | Array | [] | 图片数组。TS 类型：`Array` | N index | Number | - | 当前预览图片所在的下标。支持语法糖 `v-model:index` | N defaultIndex | Number | - | 当前预览图片所在的下标。非受控属性 | N maxZoom | Number | 3 | 【开发中】最大放大比例。TS 类型：`Number` | N diff --git a/packages/scripts/api.json b/packages/scripts/api.json index 67aa562b..5d174287 100644 --- a/packages/scripts/api.json +++ b/packages/scripts/api.json @@ -60580,8 +60580,6 @@ { "id": 2601, "platform_framework": [ - "16", - "32", "64" ], "component": "ImageViewer", @@ -60610,8 +60608,6 @@ "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ - "React(Mobile)", - "Angular(Mobile)", "Miniprogram" ], "field_type_text": [ @@ -60662,7 +60658,9 @@ { "id": 1717132021, "platform_framework": [ - "8" + "8", + "16", + "32" ], "component": "ImageViewer", "field_category": 1, @@ -60679,7 +60677,7 @@ "create_time": "2024-05-31 05:07:01", "update_time": "2024-05-31 05:07:01", "event_output": null, - "custom_field_type": "Array", + "custom_field_type": "Array", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -60690,7 +60688,9 @@ "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ - "Vue(Mobile)" + "Vue(Mobile)", + "React(Mobile)", + "Angular(Mobile)" ], "field_type_text": [ "Array"