blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(PickerGroup): add new prop showToolbar (#12839)

Browse Source
This commit is contained in:
Reino 2024-04-30 21:19:21 +08:00 committed by GitHub
parent 01183e1208
commit c25ebf772d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/vant/src/picker-group/PickerGroup.tsx
View File

@ -15,6 +15,7 @@ import {
makeArrayProp, makeArrayProp,
makeNumericProp, makeNumericProp,
createNamespace, createNamespace,
truthProp,
} from '../utils'; } from '../utils';
// Composables // Composables
@ -40,6 +41,7 @@ export const pickerGroupProps = extend(
tabs: makeArrayProp<string>(), tabs: makeArrayProp<string>(),
activeTab: makeNumericProp(0), activeTab: makeNumericProp(0),
nextStepText: String, nextStepText: String,
showToolbar: truthProp,
}, },
pickerToolbarProps, pickerToolbarProps,
); );
@ -100,14 +102,16 @@ export default defineComponent({
return ( return (
<div class={bem()}> <div class={bem()}>
<Toolbar {props.showToolbar ? (
v-slots={pick(slots, pickerToolbarSlots)} <Toolbar
title={props.title} v-slots={pick(slots, pickerToolbarSlots)}
cancelButtonText={props.cancelButtonText} title={props.title}
confirmButtonText={confirmButtonText} cancelButtonText={props.cancelButtonText}
onConfirm={onConfirm} confirmButtonText={confirmButtonText}
onCancel={onCancel} onConfirm={onConfirm}
/> onCancel={onCancel}
/>
) : null}
<Tabs <Tabs
v-model:active={activeTab.value} v-model:active={activeTab.value}
class={bem('tabs')} class={bem('tabs')}

1
packages/vant/src/picker-group/README.md
View File

@ -296,6 +296,7 @@ export default {
| v-model:active-tab `v4.3.2` | Set index of active tab | _number \| string_ | `0` | | v-model:active-tab `v4.3.2` | Set index of active tab | _number \| string_ | `0` |
| tabs | Titles of tabs | _string[]_ | `[]` | | tabs | Titles of tabs | _string[]_ | `[]` |
| title | Toolbar title | _string_ | `''` | | title | Toolbar title | _string_ | `''` |
| show-toolbar | Whether to show toolbar | _boolean_ | `true` |
| next-step-text `v4.0.8` | Text of next step button | _string_ | `''` | | next-step-text `v4.0.8` | Text of next step button | _string_ | `''` |
| confirm-button-text | Text of confirm button | _string_ | `Confirm` | | confirm-button-text | Text of confirm button | _string_ | `Confirm` |
| cancel-button-text | Text of cancel button | _string_ | `Cancel` | | cancel-button-text | Text of cancel button | _string_ | `Cancel` |

1
packages/vant/src/picker-group/README.zh-CN.md
View File

@ -297,6 +297,7 @@ export default {
| v-model:active-tab `v4.3.2` | 设置当前选中的标签 | _number \| string_ | `0` | | v-model:active-tab `v4.3.2` | 设置当前选中的标签 | _number \| string_ | `0` |
| tabs | 设置标签页的标题 | _string[]_ | `[]` | | tabs | 设置标签页的标题 | _string[]_ | `[]` |
| title | 顶部栏标题 | _string_ | `''` | | title | 顶部栏标题 | _string_ | `''` |
| show-toolbar | 是否显示顶部栏 | _boolean_ | `true` |
| next-step-text `v4.0.8` | 下一步按钮的文字 | _string_ | `''` | | next-step-text `v4.0.8` | 下一步按钮的文字 | _string_ | `''` |
| confirm-button-text | 确认按钮的文字 | _string_ | `确认` | | confirm-button-text | 确认按钮的文字 | _string_ | `确认` |
| cancel-button-text | 取消按钮的文字 | _string_ | `取消` | | cancel-button-text | 取消按钮的文字 | _string_ | `取消` |