fix(navigator): 还原navigator dom 结构并使hover-class 兼容鼠标事件

packages/uni-components/src/helpers/useHover.ts

@@ -49,6 +49,7 @@ export function useHover(props: UseHoverOptions) {
   }
 
   function onMousedown(evt: MouseEvent) {
+    evt.preventDefault()
     handleHover(evt)
     window.addEventListener('mouseup', handlePCHoverEnd)
   }

packages/uni-components/src/vue/navigator/index.tsx

@@ -27,18 +27,19 @@ export default /*#__PURE__*/ defineBuiltInComponent({
       const hasHoverClass = props.hoverClass && props.hoverClass !== 'none'
 
       return (
-        <uni-navigator
-          class={hasHoverClass && hovering.value ? hoverClass : ''}
-          {...(hasHoverClass && binding)}
-          {...(vm ? vm.attrs : {})}
-          {...{
-            [__scopeId]: '',
-          }}
-          onClick={onClick}
-        >
-          <a class="navigator-wrap" href={url} onClick={onEventPrevent}></a>
-          {slots.default && slots.default()}
-        </uni-navigator>
+        <a class="navigator-wrap" href={url} onClick={onEventPrevent}>
+          <uni-navigator
+            class={hasHoverClass && hovering.value ? hoverClass : ''}
+            {...(hasHoverClass && binding)}
+            {...(vm ? vm.attrs : {})}
+            {...{
+              [__scopeId]: '',
+            }}
+            onClick={onClick}
+          >
+            {slots.default && slots.default()}
+          </uni-navigator>
+        </a>
       )
     }
   },