feat: add popconfirm-rename-event (#98)

Author: wangsongc

vue-transformations/__test__/popconfirm-rename-event.spec.ts

@@ -0,0 +1,9 @@
+import { runTest } from '../../src/testUtils'
+
+runTest(
+  'popconfirm-rename-event',
+  'popconfirm-rename-event',
+  'popconfirm-rename-event',
+  'vue',
+  'vue'
+)

vue-transformations/__testfixtures__/popconfirm-rename-event/popconfirm-rename-event.input.vue

@@ -0,0 +1,9 @@
+<template>
+  <el-popconfirm  @onConfirm="del()"  @onCancel="del()" :onConfirm="tt" onCancel="tt"
+  title="Are you sure to delete this?"
+>
+<template #reference>
+  <el-button>Delete</el-button>
+  </template>
+</el-popconfirm>
+</template>

vue-transformations/__testfixtures__/popconfirm-rename-event/popconfirm-rename-event.output.vue

@@ -0,0 +1,9 @@
+<template>
+  <el-popconfirm  @confirm="del()"  @cancel="del()" :onConfirm="tt" onCancel="tt"
+  title="Are you sure to delete this?"
+>
+<template #reference>
+  <el-button>Delete</el-button>
+  </template>
+</el-popconfirm>
+</template>

vue-transformations/element-ui/popconfirm-rename-event.ts

@@ -0,0 +1,38 @@
+import { Node, VIdentifier } from 'vue-eslint-parser/ast/nodes'
+import * as OperationUtil from '../../src/operationUtils'
+import type { Operation } from '../../src/operationUtils'
+import {
+  default as wrap,
+  createTransformAST
+} from '../../src/wrapVueTransformation'
+
+export const transformAST = createTransformAST(
+  nodeFilter,
+  fix,
+  'popconfirm-rename-event'
+)
+export default wrap(transformAST)
+
+const renameMap: Map<string, string> = new Map([
+  ['onconfirm', 'confirm'],
+  ['oncancel', 'cancel']
+])
+
+function nodeFilter(node: Node): boolean {
+  return (
+    node.type === 'VIdentifier' &&
+    node.parent?.type === 'VDirectiveKey' &&
+    node.parent?.name?.type === 'VIdentifier' &&
+    node.parent?.name?.name === 'on' &&
+    renameMap.has(node.name) &&
+    node.parent?.parent?.parent?.parent?.type === 'VElement' &&
+    node.parent?.parent?.parent?.parent?.name === 'el-popconfirm'
+  )
+}
+
+function fix(node: VIdentifier): Operation[] {
+  let fixOperations: Operation[] = []
+  // @ts-ignore
+  fixOperations.push(OperationUtil.replaceText(node, renameMap.get(node.name)))
+  return fixOperations
+}

vue-transformations/index.ts

@@ -26,6 +26,7 @@ const transformationMap: {
   'time-picker-format-attribute': require('./element-ui/time-picker-format-attribute'),
   'tooltip-rename-attribute': require('./element-ui/tooltip-rename-attribute'),
   'popover-rename-attribute': require('./element-ui/popover-rename-attribute'),
+  'popconfirm-rename-event': require('./element-ui/popconfirm-rename-event'),
   'remove-row-type-flex': require('./element-ui/remove-row-type-flex'),
 
   // manual (must be used at the end of list)