改写element ui 源码 ，实现tooltip组件，不同的触发方式，比如获得焦点触发，失去焦点恢复

要实现获得焦点触发、失去焦点恢复的 Tooltip 组件，你可以按照以下步骤来改写 Element UI 的源码：

1. 打开 Element UI 的源码目录，找到 Tooltip 组件的代码文件，通常是 `tooltip.vue` 或者 `Tooltip.vue`。
2. 在组件的 `props` 中添加一个新的属性，例如 `trigger`，用于指定触发方式，默认为 `hover`。在 `props` 中添加以下代码：

props: {
  // ...
  trigger: {
    type: String,
    default: 'hover'
  },
  // ...
},

3. 修改组件的模板部分，将原来的鼠标事件改为根据 `trigger` 属性来判断触发方式。例如，如果 `trigger` 为 `focus`，则使用获得焦点和失去焦点事件。在模板中修改以下代码：

<template>
  <div>
    <input @focus="showTooltip" @blur="hideTooltip">
    <div v-show="show">Tooltip content</div>
  </div>
</template>

4. 在组件的方法部分，添加两个新的方法，一个用于处理获得焦点事件，一个用于处理失去焦点事件，并在这些方法中控制 Tooltip 的显示和隐藏。在方法中添加以下代码：

methods: {
  showTooltip() {
    if (this.trigger === 'focus') {
      this.show = true;
    }
  },
  hideTooltip() {
    if (this.trigger === 'focus') {
      this.show = false;
    }
  }
}

5. 最后，在样式部分，根据需要添加额外的样式来区分不同的触发方式。可以使用 CSS 类来区分不同的样式。例如，在样式中添加以下代码：

.tooltip-focus {
  /* 添加获得焦点触发的样式 */
}

使用时，你可以在使用 Tooltip 组件的地方，通过 `trigger` 属性来指定触发方式。例如，如果你想要获得焦点触发的 Tooltip 组件，可以这样使用：

<template>
  <tooltip trigger="focus"></tooltip>
</template>

请注意，这只是一种简单的示例，具体的实现可能需要根据 Element UI 的源码结构和设计进行适当调整。还要确保在修改 Element UI 源码之前备份原始文件，以防止意外情况发生。