Make bare smart so it can be used with key modifiers

Author: nickmessing

src/compiler/codegen/events.js

@@ -31,8 +31,7 @@ const modifierCode: { [key: string]: string } = {
   meta: genGuard(`!$event.metaKey`),
   left: genGuard(`'button' in $event && $event.button !== 0`),
   middle: genGuard(`'button' in $event && $event.button !== 1`),
-  right: genGuard(`'button' in $event && $event.button !== 2`),
-  bare: genGuard(`$event.ctrlKey || $event.shiftKey || $event.altKey || $event.metaKey`)
+  right: genGuard(`'button' in $event && $event.button !== 2`)
 }
 
 export function genHandlers (
@@ -88,6 +87,14 @@ function genHandler (
         if (keyCodes[key]) {
           keys.push(key)
         }
+      } else if (key === 'bare') {
+        const modifiers: ASTModifiers = (handler.modifiers: any)
+        genModifierCode += genGuard(
+          ['ctrl', 'shift', 'alt', 'meta']
+            .filter(keyModifier => !modifiers[keyModifier])
+            .map(keyModifier => `$event.${keyModifier}Key`)
+            .join(' || ')
+          )
       } else {
         keys.push(key)
       }

test/unit/modules/compiler/codegen.spec.js

@@ -302,6 +302,10 @@ describe('codegen', () => {
       '<input @click.bare="onClick">',
       `with(this){return _c('input',{on:{"click":function($event){if($event.ctrlKey || $event.shiftKey || $event.altKey || $event.metaKey)return null;onClick($event)}}})}`
     )
+    assertCodegen(
+      '<input @click.ctrl.bare="onClick">',
+      `with(this){return _c('input',{on:{"click":function($event){if(!$event.ctrlKey)return null;if($event.shiftKey || $event.altKey || $event.metaKey)return null;onClick($event)}}})}`
+    )
   })
 
   it('generate events with multiple modifiers', () => {