feat: 重构 useRefs

packages/hooks/src/index.ts

@@ -1,2 +1,3 @@
 export * from './onMountedOrActivated';
 export * from './useAttrs';
+export * from './useRefs';

packages/hooks/src/useRefs.ts

@@ -0,0 +1,16 @@
+import type { Ref } from 'vue';
+import { ref, onBeforeUpdate } from 'vue';
+
+export function useRefs(): [Ref<HTMLElement[]>, (index: number) => (el: HTMLElement) => void] {
+  const refs = ref([]) as Ref<HTMLElement[]>;
+
+  onBeforeUpdate(() => {
+    refs.value = [];
+  });
+
+  const setRefs = (index: number) => (el: HTMLElement) => {
+    refs.value[index] = el;
+  };
+
+  return [refs, setRefs];
+}