feat(NumberKeyboard): improve shuffle algorithm (#10428)

* fix(Tab): add key when render TabsTitle

* fix(Tab): change key

* fix(Tabs): use each TabRef.id as key

packages/vant/src/composables/use-touch.ts

@@ -41,7 +41,7 @@ export function useTouch() {
   const move = ((event: TouchEvent) => {
     const touch = event.touches[0];
     // safari back will set clientX to negative number
-    deltaX.value = touch.clientX < 0 ? 0 : touch.clientX - startX.value;
+    deltaX.value = (touch.clientX < 0 ? 0 : touch.clientX) - startX.value;
     deltaY.value = touch.clientY - startY.value;
     offsetX.value = Math.abs(deltaX.value);
     offsetY.value = Math.abs(deltaY.value);

packages/vant/src/number-keyboard/NumberKeyboard.tsx

@@ -65,6 +65,16 @@ const numberKeyboardProps = {
 
 export type NumberKeyboardProps = ExtractPropTypes<typeof numberKeyboardProps>;
 
+function shuffle(array: unknown[]) {
+  for (let i = array.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    const temp = array[i];
+    array[i] = array[j];
+    array[j] = temp;
+  }
+  return array;
+}
+
 export default defineComponent({
   name,
 
@@ -89,7 +99,7 @@ export default defineComponent({
         .map((_, i) => ({ text: i + 1 }));
 
       if (props.randomKeyOrder) {
-        keys.sort(() => (Math.random() > 0.5 ? 1 : -1));
+        shuffle(keys);
       }
 
       return keys;

packages/vant/src/tabs/Tabs.tsx

@@ -365,6 +365,7 @@ export default defineComponent({
     const renderNav = () =>
       children.map((item, index) => (
         <TabsTitle
+          key={item.id}
           v-slots={{ title: item.$slots.title }}
           id={`${id}-${index}`}
           ref={setTitleRefs(index)}