改写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` 为 `click`，则使用点击事件。在模板中修改以下代码：

<template>
  <div>
    <span @click="showTooltip">Hover me</span>
    <div v-show="show">Tooltip content</div>
  </div>
</template>

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

methods: {
  showTooltip() {
    if (this.trigger === 'click') {
      this.show = !this.show;
    }
  }
}

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

.tooltip-click {
  /* 添加点击触发的样式 */
}

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

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

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