From 8d845081657581a84282f8d4de6039272700e9b0 Mon Sep 17 00:00:00 2001 From: zjh <53638100+mzhujihui@users.noreply.github.com> Date: Sat, 27 Sep 2025 17:01:52 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E2=9C=A8=20wd-picker-view=20=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=20item-height=20=E5=B1=9E=E6=80=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: zhujihui --- docs/component/datetime-picker-view.md | 1 + docs/component/datetime-picker.md | 1 + .../components/wd-datetime-picker-view/types.ts | 4 ++++ .../wd-datetime-picker-view/wd-datetime-picker-view.vue | 1 + .../wot-design-uni/components/wd-picker-view/types.ts | 4 ++++ .../components/wd-picker-view/wd-picker-view.vue | 1 - 6 files changed, 11 insertions(+), 1 deletion(-) diff --git a/docs/component/datetime-picker-view.md b/docs/component/datetime-picker-view.md index 83edf21f..9e4dcc48 100644 --- a/docs/component/datetime-picker-view.md +++ b/docs/component/datetime-picker-view.md @@ -144,6 +144,7 @@ const filter = (type, values) => { | loading | 加载中 | boolean | - | false | - | | loading-color | 加载的颜色,只能使用十六进制的色值写法,且不能使用缩写 | string | - | #4D80F0 | - | | columns-height | picker内部滚筒高 | number | - | 231 | - | +| item-height | picker item的高度 | number | - | 35 | - | | formatter | 自定义弹出层选项文案的格式化函数,返回一个字符串 | function | - | - | - | | filter | 自定义过滤选项的函数,返回列的选项数组 | function | - | - | - | | minDate | 最小日期,13 位的时间戳 | `timestamp` | - | 当前日期 - 10年 | - | diff --git a/docs/component/datetime-picker.md b/docs/component/datetime-picker.md index 1bafb222..cdb92cc1 100644 --- a/docs/component/datetime-picker.md +++ b/docs/component/datetime-picker.md @@ -289,6 +289,7 @@ const displayFormatTabLabel = (items) => { | loading | 加载中 | boolean | - | false | - | | loading-color | 加载的颜色,只能使用十六进制的色值写法,且不能使用缩写 | string | - | #4D80F0 | - | | columns-height | picker内部滚筒高 | number | - | 231 | - | +| item-height | picker item的高度 | number | - | 35 | - | | title | 弹出层标题 | string | - | - | - | | cancel-button-text | 取消按钮文案 | string | - | 取消 | - | | confirm-button-text | 确认按钮文案 | string | - | 完成 | - | diff --git a/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/types.ts b/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/types.ts index d36ea311..8b95e3db 100644 --- a/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/types.ts +++ b/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/types.ts @@ -21,6 +21,10 @@ export const datetimePickerViewProps = { * picker内部滚筒高 */ columnsHeight: makeNumberProp(217), + /** + * picker item的高度 + */ + itemHeight: makeNumberProp(35), /** * 选项的key */ diff --git a/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/wd-datetime-picker-view.vue b/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/wd-datetime-picker-view.vue index 98797f7c..2d764e6b 100644 --- a/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/wd-datetime-picker-view.vue +++ b/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/wd-datetime-picker-view.vue @@ -7,6 +7,7 @@ v-model="pickerValue" :columns="columns" :columns-height="columnsHeight" + :item-height="itemHeight" :columnChange="columnChange" :loading="loading" :loading-color="loadingColor" diff --git a/src/uni_modules/wot-design-uni/components/wd-picker-view/types.ts b/src/uni_modules/wot-design-uni/components/wd-picker-view/types.ts index ba4884be..c21a9f41 100644 --- a/src/uni_modules/wot-design-uni/components/wd-picker-view/types.ts +++ b/src/uni_modules/wot-design-uni/components/wd-picker-view/types.ts @@ -30,6 +30,10 @@ export const pickerViewProps = { * picker内部滚筒高 */ columnsHeight: makeNumberProp(217), + /** + * picker item的高度 + */ + itemHeight: makeNumberProp(35), /** * 选项对象中,value对应的 key */ diff --git a/src/uni_modules/wot-design-uni/components/wd-picker-view/wd-picker-view.vue b/src/uni_modules/wot-design-uni/components/wd-picker-view/wd-picker-view.vue index 28e6845c..a6be8036 100644 --- a/src/uni_modules/wot-design-uni/components/wd-picker-view/wd-picker-view.vue +++ b/src/uni_modules/wot-design-uni/components/wd-picker-view/wd-picker-view.vue @@ -52,7 +52,6 @@ const props = defineProps(pickerViewProps) const emit = defineEmits(['change', 'pickstart', 'pickend', 'update:modelValue']) const formatColumns = ref([]) // 格式化后的列数据 -const itemHeight = ref(35) const selectedIndex = ref>([]) // 格式化之后,每列选中的下标集合 watch(