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

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> </li>
</ul> </ul>
</div> </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>
</div> </div>
`; `;

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

@ -164,11 +164,12 @@ export default defineComponent({
formattedColumns.value = columns as PickerObjectColumn[]; formattedColumns.value = columns as PickerObjectColumn[];
} }
hasOptions.value = formattedColumns.value.some( hasOptions.value =
(item) => formattedColumns.value.some(
item[columnsFieldNames.value.values] && (item) =>
item[columnsFieldNames.value.values].length !== 0 item[columnsFieldNames.value.values] &&
); item[columnsFieldNames.value.values].length !== 0
) || children.some((item) => item.hasOptions);
}; };
// get indexes of all columns // 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 getValue = (): PickerOption => state.options[state.index];
const hasOptions = () => state.options.length;
setIndex(state.index); setIndex(state.index);
useParent(PICKER_KEY); useParent(PICKER_KEY);
@ -292,6 +294,7 @@ export default defineComponent({
getValue, getValue,
setValue, setValue,
setOptions, setOptions,
hasOptions,
stopMomentum, stopMomentum,
}); });