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

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

@@ -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>
 `;

packages/vant/src/picker/Picker.tsx

@@ -164,11 +164,12 @@ export default defineComponent({
         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

packages/vant/src/picker/PickerColumn.tsx

@@ -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,
     });