style: improve cursor of haptics elements (#10232)

packages/vant/src/dropdown-menu/index.less

@@ -36,7 +36,6 @@
     align-items: center;
     justify-content: center;
     min-width: 0; // hack for flex ellipsis
-    cursor: pointer;
 
     &--disabled {
       .van-dropdown-menu__title {

packages/vant/src/image-preview/index.less

@@ -88,7 +88,6 @@
     z-index: var(--van-image-preview-close-icon-z-index);
     color: var(--van-image-preview-close-icon-color);
     font-size: var(--van-image-preview-close-icon-size);
-    cursor: pointer;
 
     &--top-left {
       top: var(--van-image-preview-close-icon-margin);

packages/vant/src/nav-bar/index.less

@@ -64,7 +64,6 @@
     align-items: center;
     padding: 0 var(--van-padding-md);
     font-size: var(--van-font-size-md);
-    cursor: pointer;
   }
 
   &__left {

packages/vant/src/number-keyboard/index.less

@@ -74,7 +74,6 @@
     font-size: var(--van-number-keyboard-close-font-size);
     background-color: transparent;
     border: none;
-    cursor: pointer;
   }
 
   &__sidebar {

packages/vant/src/picker/index.less

@@ -37,7 +37,6 @@
     font-size: var(--van-picker-action-font-size);
     background-color: transparent;
     border: none;
-    cursor: pointer;
   }
 
   &__confirm {

packages/vant/src/popup/index.less

@@ -116,7 +116,6 @@
       z-index: var(--van-popup-close-icon-z-index);
       color: var(--van-popup-close-icon-color);
       font-size: var(--van-popup-close-icon-size);
-      cursor: pointer;
 
       &--top-left {
         top: var(--van-popup-close-icon-margin);

packages/vant/src/share-sheet/index.less

@@ -62,7 +62,6 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    cursor: pointer;
     user-select: none;
   }
 

packages/vant/src/stepper/index.less

@@ -32,7 +32,6 @@
     vertical-align: middle;
     background: var(--van-stepper-background-color);
     border: 0;
-    cursor: pointer;
 
     &::before {
       width: 50%;

packages/vant/src/style/base.less

@@ -31,8 +31,12 @@
   padding-bottom: env(safe-area-inset-bottom);
 }
 
-.van-haptics-feedback:active {
+.van-haptics-feedback {
-  opacity: var(--van-active-opacity);
+  cursor: pointer;
+
+  &:active {
+    opacity: var(--van-active-opacity);
+  }
 }
 
 [class*='van-hairline'] {

packages/vant/src/tag/Tag.tsx

@@ -5,7 +5,12 @@ import {
   type CSSProperties,
   type ExtractPropTypes,
 } from 'vue';
-import { truthProp, makeStringProp, createNamespace } from '../utils';
+import {
+  truthProp,
+  makeStringProp,
+  createNamespace,
+  HAPTICS_FEEDBACK,
+} from '../utils';
 import { Icon } from '../icon';
 
 const [name, bem] = createNamespace('tag');
@@ -66,7 +71,11 @@ export default defineComponent({
       }
 
       const CloseIcon = closeable && (
-        <Icon name="cross" class={bem('close')} onClick={onClose} />
+        <Icon
+          name="cross"
+          class={[bem('close'), HAPTICS_FEEDBACK]}
+          onClick={onClose}
+        />
       );
 
       return (

packages/vant/src/tag/index.less

@@ -114,6 +114,5 @@
 
   &__close {
     margin-left: 2px;
-    cursor: pointer;
   }
 }

packages/vant/src/tag/test/__snapshots__/demo.spec.ts.snap

@@ -112,7 +112,7 @@ exports[`should render demo and match snapshot 1`] = `
       <transition-stub>
         <span class="van-tag van-tag--medium van-tag--primary">
           Tag
-          <i class="van-badge__wrapper van-icon van-icon-cross van-tag__close">
+          <i class="van-badge__wrapper van-icon van-icon-cross van-tag__close van-haptics-feedback">
           </i>
         </span>
       </transition-stub>