配置正则优化、按钮组优化

scss/_mixins.scss

@@ -171,13 +171,18 @@
   }
 }
 
-@mixin hover-focus {
-  &:hover,
+@mixin focus {
   &:focus {
     @content;
   }
 }
 
+@mixin hover-focus {
+  &:hover:focus {
+    @content;
+  }
+}
+
 @mixin hover-active {
   &:hover:active {
     @content;
@@ -226,10 +231,24 @@
   border-color: $border;
   box-shadow: $Button-boxShadow;
 
+  @include hover {
+    color: $hover-color;
+    background-color: $hover-background;
+    border-color: $hover-border;
+  }
+
+  @include focus {
+    color: $color;
+    background-color: $background;
+    border-color: $border;
+    box-shadow: $Button-boxShadow;
+  }
+
   @include hover-focus {
     color: $hover-color;
     background-color: $hover-background;
     border-color: $hover-border;
+    box-shadow: $Button-boxShadow;
   }
 
   &.is-disabled,

src/utils/validations.ts

@@ -4,7 +4,7 @@ const isEmpty = (value: any) => value === '';
 const makeRegexp = (reg: string | RegExp) => {
   if (reg instanceof RegExp) {
     return reg;
-  } else if (/\/(.+)\/([gimuy]*)/.test(reg)) {
+  } else if (/^\/(.+)\/([gimuy]*)$/.test(reg)) {
     return new RegExp(RegExp.$1, RegExp.$2 || '');
   } else if (typeof reg === 'string') {
     return new RegExp(reg);