fix: fixed losing focus when drag slider button fast or right click slider button. (#1723)

packages/slider/src/main.vue

@@ -200,6 +200,7 @@
           this.setPosition(this.newPos);
           window.removeEventListener('mousemove', this.onDragging);
           window.removeEventListener('mouseup', this.onDragEnd);
+          window.removeEventListener('contextmenu', this.onDragEnd);
         }
       },
 
@@ -208,6 +209,7 @@
         this.onDragStart(event);
         window.addEventListener('mousemove', this.onDragging);
         window.addEventListener('mouseup', this.onDragEnd);
+        window.addEventListener('contextmenu', this.onDragEnd);
       }
     },
 

packages/theme-default/src/slider.css

@@ -79,6 +79,7 @@
       transform: translateX(-50%);
       background-color: transparent;
       text-align: center;
+      user-select: none;
 
       .el-tooltip {
         line-height: 1;
@@ -113,6 +114,7 @@
       background-color: var(--slider-main-background-color);
       border-radius: 50%;
       transition: .2s;
+      user-select: none;
 
       &:hover,
       &.hover,