blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

fix(Area): failed to render picker mask after reopened (#10664)

Browse Source
This commit is contained in:
neverland 2022-06-04 20:17:16 +08:00 committed by GitHub
parent 1fa454f7ad
commit 0dc09cab8c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/vant/src/area/test/__snapshots__/index.spec.js.snap
View File

@ -122,6 +122,14 @@ exports[`should render two columns when columns-num prop is two 1`] = `
</li>
</ul>
</div>
<div class="van-picker__mask"
style="background-size: 100% 110px;"
>
</div>
<div class="van-hairline-unset--top-bottom van-picker__frame"
style="height: 44px;"
>
</div>
</div>
</div>
`;

11
packages/vant/src/picker/Picker.tsx
View File

@ -164,11 +164,12 @@ export default defineComponent({
formattedColumns.value = columns as PickerObjectColumn[];
}
hasOptions.value = formattedColumns.value.some(
(item) =>
item[columnsFieldNames.value.values] &&
item[columnsFieldNames.value.values].length !== 0
);
hasOptions.value =
formattedColumns.value.some(
(item) =>
item[columnsFieldNames.value.values] &&
item[columnsFieldNames.value.values].length !== 0
) || children.some((item) => item.hasOptions);
};
// get indexes of all columns

3
packages/vant/src/picker/PickerColumn.tsx
View File

@ -283,6 +283,8 @@ export default defineComponent({
const getValue = (): PickerOption => state.options[state.index];
const hasOptions = () => state.options.length;
setIndex(state.index);
useParent(PICKER_KEY);
@ -292,6 +294,7 @@ export default defineComponent({
getValue,
setValue,
setOptions,
hasOptions,
stopMomentum,
});