feat: 添加useAttrs钩子以处理Vue组件属性

src/hooks/index.ts

@@ -1,4 +1,5 @@
 export * from './useAria'
+export * from './useAttrs'
 export * from './useClickOutside'
 export * from './useDeprecated'
 export * from './useEventListener'

src/hooks/useAttrs.ts

@@ -0,0 +1,38 @@
+import { computed, getCurrentInstance } from 'vue'
+import { fromPairs } from 'lodash-unified'
+import { debugWarn } from '@/utils'
+
+import type { ComputedRef } from 'vue'
+
+interface Params {
+  excludeListeners?: boolean
+  excludeKeys?: ComputedRef<string[]>
+}
+
+const DEFAULT_EXCLUDE_KEYS = ['class', 'style']
+const LISTENER_PREFIX = /^on[A-Z]/
+
+export const useAttrs = (params: Params = {}): ComputedRef<Record<string, unknown>> => {
+  const { excludeListeners = false, excludeKeys } = params
+  const allExcludeKeys = computed<string[]>(() => {
+    return (excludeKeys?.value || []).concat(DEFAULT_EXCLUDE_KEYS)
+  })
+
+  const instance = getCurrentInstance()
+  if (!instance) {
+    debugWarn(
+      'use-attrs',
+      'getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function'
+    )
+    return computed(() => ({}))
+  }
+
+  return computed(() =>
+    fromPairs(
+      Object.entries(instance.proxy?.$attrs!).filter(
+        ([key]) =>
+          !allExcludeKeys.value.includes(key) && !(excludeListeners && LISTENER_PREFIX.test(key))
+      )
+    )
+  )
+}