feat: implements element-ui open-delay and show-after rename to show-after and auto-close (#89)

in the el-tooltip

Author: Jiannan-dev

vue-transformations/__test__/tooltip-rename-attribute.spec.ts

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

vue-transformations/__testfixtures__/tooltip-rename-attribute/tooltip-rename-attribute.input.vue

@@ -0,0 +1,15 @@
+<template>
+  <el-tooltip
+    effect='dark'
+    content='Bottom Right'
+    placement='bottom-end'
+    open-delay='1000'
+    hide-after='3000'>
+    <el-button>Button</el-button>
+  </el-tooltip>
+
+  <div
+    open-delay='1000'
+    hide-after='3000'>
+  </div>
+</template>

vue-transformations/__testfixtures__/tooltip-rename-attribute/tooltip-rename-attribute.output.vue

@@ -0,0 +1,15 @@
+<template>
+  <el-tooltip
+    effect='dark'
+    content='Bottom Right'
+    placement='bottom-end'
+    show-after='1000'
+    auto-close='3000'>
+    <el-button>Button</el-button>
+  </el-tooltip>
+
+  <div
+    open-delay='1000'
+    hide-after='3000'>
+  </div>
+</template>

vue-transformations/element-ui/tooltip-rename-attribute.ts

@@ -0,0 +1,35 @@
+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,
+  'tooltip-rename-attribute'
+)
+export default wrap(transformAST)
+
+const renameMap: Map<string, string> = new Map([
+  ['open-delay', 'show-after'],
+  ['hide-after', 'auto-close']
+])
+
+function nodeFilter(node: Node): boolean {
+  return (
+    node.type === 'VIdentifier' &&
+    renameMap.has(node.name) &&
+    node.parent?.parent?.parent?.type === 'VElement' &&
+    node.parent?.parent?.parent?.name === 'el-tooltip'
+  )
+}
+
+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

@@ -21,7 +21,10 @@ const transformationMap: {
   'router-link-event-tag': require('./router-link-event-tag'),
   'router-link-exact': require('./router-link-exact'),
   'router-view-keep-alive-transition': require('./router-view-keep-alive-transition'),
-  'time-picker-format-attribute':require('./element-ui/time-picker-format-attribute'),
+
+  // element-ui transformation
+  'time-picker-format-attribute': require('./element-ui/time-picker-format-attribute'),
+  'tooltip-rename-attribute': require('./element-ui/tooltip-rename-attribute'),
 
   // manual (must be used at the end of list)
   'manual-remove-keycode': require('./manual/manual-remove-keycode')