feat: update switch to 1.8.0

components/vc-switch/PropTypes.js

@@ -12,4 +12,5 @@ export const switchPropTypes = {
   checked: PropTypes.bool.def(false),
   defaultChecked: PropTypes.bool.def(false),
   autoFocus: PropTypes.bool.def(false),
+  loadingIcon: PropTypes.any,
 }

components/vc-switch/Switch.jsx

@@ -62,8 +62,6 @@ export default {
         this.setChecked(false)
       } else if (e.keyCode === 39) { // Right
         this.setChecked(true)
-      } else if (e.keyCode === 32 || e.keyCode === 13) { // Space, Enter
-        this.toggle()
       }
     },
     handleMouseUp (e) {
@@ -80,9 +78,8 @@ export default {
     },
   },
   render () {
-    const { prefixCls, disabled, tabIndex, ...restProps } = getOptionProps(this)
+    const { prefixCls, disabled, loadingIcon, ...restProps } = getOptionProps(this)
     const checked = this.stateChecked
-    const switchTabIndex = disabled ? -1 : (tabIndex || 0)
     const switchClassName = {
       [prefixCls]: true,
       [`${prefixCls}-checked`]: checked,
@@ -97,17 +94,21 @@ export default {
         mouseup: this.handleMouseUp,
       },
       attrs: {
-        tabIndex: switchTabIndex,
+        type: 'button',
+        role: 'switch',
+        'aria-checked': checked,
+        disabled,
       },
       class: switchClassName,
       ref: 'refSwitchNode',
     }
     return (
-      <span {...spanProps}>
+      <button {...spanProps}>
+        {loadingIcon}
         <span class={`${prefixCls}-inner`}>
           {checked ? getComponentFromProp(this, 'checkedChildren') : getComponentFromProp(this, 'unCheckedChildren')}
         </span>
-      </span>
+      </button>
     )
   },
 }

components/vc-switch/assets/index.less

@@ -9,6 +9,7 @@
   width: 44px;
   height: 22px;
   line-height: 20px;
+  padding: 0;
   vertical-align: middle;
   border-radius: 20px 20px;
   border: 1px solid #ccc;
@@ -21,6 +22,7 @@
     font-size: 12px;
     position: absolute;
     left: 24px;
+    top: 0;
   }
 
   &:after {

components/vc-switch/index.js

@@ -1,4 +1,4 @@
-// base rc-switch 1.6.0
+// base rc-switch 1.8.0
 import Switch from './Switch'
 
 export default Switch