chore(components): [dropdown] format (#10465)

refactor(components): [dropdown]

Co-authored-by: qiang <qw13131wang@gmail.com>

packages/components/dropdown/src/dropdown-item.vue

@@ -87,15 +87,10 @@ export default defineComponent({
       })
     )
 
-    const handlePointerLeave = composeEventHandlers(
-      (e: PointerEvent) => {
-        emit('pointerleave', e)
-        return e.defaultPrevented
-      },
-      whenMouse((e) => {
-        onItemLeave(e)
-      })
-    )
+    const handlePointerLeave = composeEventHandlers((e: PointerEvent) => {
+      emit('pointerleave', e)
+      return e.defaultPrevented
+    }, whenMouse(onItemLeave))
 
     const handleClick = composeEventHandlers(
       (e: PointerEvent) => {
@@ -118,9 +113,7 @@ export default defineComponent({
     )
 
     // direct usage of v-bind={ ...$props, ...$attrs } causes type errors
-    const propsAndAttrs = computed(() => {
-      return { ...props, ...attrs }
-    })
+    const propsAndAttrs = computed(() => ({ ...props, ...attrs }))
 
     return {
       handleClick,

packages/components/dropdown/src/dropdown-menu.vue

@@ -104,8 +104,8 @@ export default defineComponent({
 
         e.preventDefault()
 
-        if (target !== unref(contentRef)) return
-        if (!FIRST_LAST_KEYS.includes(code)) return
+        if (target !== unref(contentRef) || !FIRST_LAST_KEYS.includes(code))
+          return
         const items = getItems<{ disabled: boolean }>().filter(
           (item) => !item.disabled
         )

packages/components/dropdown/src/dropdown.vue

@@ -157,9 +157,7 @@ export default defineComponent({
     const trigger = computed(() => ensureArray(props.trigger))
 
     const defaultTriggerId = useId().value
-    const triggerId = computed<string>(() => {
-      return props.id || defaultTriggerId
-    })
+    const triggerId = computed<string>(() => props.id || defaultTriggerId)
 
     // The goal of this code is to focus on the tooltip triggering element when it is hovered.
     // This is a temporary fix for where closing the dropdown through pointerleave event focuses on a

packages/components/dropdown/src/useDropdown.ts

@@ -30,9 +30,7 @@ export const initDropdownDomEvent = (
 
   function removeTabindex() {
     triggerElm.setAttribute('tabindex', '-1')
-    menuItemsArray.value?.forEach((item) => {
-      item.setAttribute('tabindex', '-1')
-    })
+    menuItemsArray.value?.forEach((item) => item.setAttribute('tabindex', '-1'))
   }
 
   function resetTabindex(ele) {