🐛 [Bug]: Tooltip text prompt + Table component, prompt block display position offset, obscured

Version

3.6.1

Vue Version

3.2.47

Link to minimal reproduction

如下

Step to reproduce

<template>
  <tiny-grid :data="tableData">
    <tiny-grid-column type="index" width="120"></tiny-grid-column>
    <tiny-grid-column field="name" title="名称" width="200"></tiny-grid-column>
    <tiny-grid-column field="area" title="所属区域" width="200"></tiny-grid-column>
    <tiny-grid-column field="address" title="地址" width="200"></tiny-grid-column>
    <tiny-grid-column field="introduction" title="公司简介" width="200" show-overflow></tiny-grid-column>

    <tiny-grid-column title="操作">
      <template v-slot="data">
        <tiny-tooltip class="item" effect="dark" content="编辑" placement="bottom" :append-to-body="false">
          <tiny-icon-search class="tiny-svg-size"></tiny-icon-search>
        </tiny-tooltip>
      </template>
    </tiny-grid-column>
  </tiny-grid>
</template>

<script>
import { Grid, GridColumn, Tooltip } from '@opentiny/vue'
import { IconSearch } from '@opentiny/vue-icon'

export default {
  components: {
    TinyGrid: Grid,
    TinyGridColumn: GridColumn,
    TinyTooltip: Tooltip,
    TinyIconSearch: IconSearch()
  },
  data() {
    return {
      tableData: [
        {
          id: 1,
          name: 'GFD科技YX公司',
          area: '华东区',
          address: '福州',
          introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
        },
        {
          id: 2,
          name: 'GFD科技YX公司',
          area: '华东区',
          address: '福州',
          introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
        },
        {
          id: 3,
          name: 'GFD科技YX公司',
          area: '华东区',
          address: '福州',
          introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
        }
      ]
    }
  }
}
</script>