fix(compiler-core): remove types for expressions

packages/compiler-core/__tests__/transforms/__snapshots__/transformExpressions.spec.ts.snap

@@ -14,6 +14,16 @@ return function render(_ctx, _cache, $props, $setup, $data, $options) {
 }"
 `;
 
+exports[`compiler: expression transform > expression with type 1`] = `
+"const { openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
+
+return function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("div", {
+    onClick: (_ctx.handleClick as any)
+  }, null, 8 /* PROPS */, ["onClick"]))
+}"
+`;
+
 exports[`compiler: expression transform > should allow leak of var declarations in for loop 1`] = `
 "const { openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 

packages/compiler-core/__tests__/transforms/transformExpressions.spec.ts

@@ -716,4 +716,10 @@ describe('compiler: expression transform', () => {
       })
     })
   })
+
+  test('expression with type', () => {
+    const { code } = compile(`<div @click="handleClick as any"></div>`)
+    expect(code).toMatch(`onClick: (_ctx.handleClick as any)`)
+    expect(code).toMatchSnapshot()
+  })
 })

packages/compiler-core/src/transforms/transformExpression.ts

@@ -18,6 +18,7 @@ import {
   createSimpleExpression,
 } from '../ast'
 import {
+  TS_NODE_TYPES,
   isInDestructureAssignment,
   isInNewExpression,
   isStaticProperty,
@@ -347,6 +348,8 @@ export function processExpression(
   // an ExpressionNode has the `.children` property, it will be used instead of
   // `.content`.
   const children: CompoundExpressionNode['children'] = []
+  const shouldWrap = TS_NODE_TYPES.includes(ast.type)
+  if (shouldWrap) children.push('(')
   ids.sort((a, b) => a.start - b.start)
   ids.forEach((id, i) => {
     // range is offset by -1 due to the wrapping parens when parsed
@@ -376,6 +379,7 @@ export function processExpression(
       children.push(rawExp.slice(end))
     }
   })
+  if (shouldWrap) children.push(')')
 
   let ret
   if (children.length) {