From 518bbbc07bb0eeab300b5b9d9d5e0502ebc069aa Mon Sep 17 00:00:00 2001
From: shenjunjian <shenjunjian5@huawei.com>
Date: Wed, 21 May 2025 15:59:29 +0800
Subject: [PATCH 1/9] =?UTF-8?q?feat(tooltip):=20=E5=88=9D=E6=AD=A5?=
 =?UTF-8?q?=E7=94=A8=E6=A8=A1=E6=9D=BF=E9=87=8D=E6=9E=84tooltip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...stom-markdown.css => custom-markdown.less} |   0
 examples/sites/src/main.js                    |   2 +-
 packages/renderless/src/tooltip/new-index.ts  |  32 ++++
 packages/renderless/src/tooltip/new-vue.ts    |  68 ++++++++
 packages/vue-hooks/index.ts                   |   1 +
 packages/vue-hooks/src/useTimer.ts            |  36 +++++
 packages/vue/src/tooltip/src/index.ts         |   8 +-
 packages/vue/src/tooltip/src/tooltip.vue      | 148 ++++++++++++++++++
 8 files changed, 293 insertions(+), 2 deletions(-)
 rename examples/sites/src/assets/{custom-markdown.css => custom-markdown.less} (100%)
 create mode 100644 packages/renderless/src/tooltip/new-index.ts
 create mode 100644 packages/renderless/src/tooltip/new-vue.ts
 create mode 100644 packages/vue-hooks/src/useTimer.ts
 create mode 100644 packages/vue/src/tooltip/src/tooltip.vue

diff --git a/examples/sites/src/assets/custom-markdown.css b/examples/sites/src/assets/custom-markdown.less
similarity index 100%
rename from examples/sites/src/assets/custom-markdown.css
rename to examples/sites/src/assets/custom-markdown.less
diff --git a/examples/sites/src/main.js b/examples/sites/src/main.js
index d009daa8d5..393e910265 100644
--- a/examples/sites/src/main.js
+++ b/examples/sites/src/main.js
@@ -12,7 +12,7 @@ import './assets/index.less'
 import './style.css'
 
 // 覆盖默认的github markdown样式
-import './assets/custom-markdown.css'
+import './assets/custom-markdown.less'
 import './assets/custom-block.less'
 import './assets/md-preview.less'
 
diff --git a/packages/renderless/src/tooltip/new-index.ts b/packages/renderless/src/tooltip/new-index.ts
new file mode 100644
index 0000000000..34e643aa92
--- /dev/null
+++ b/packages/renderless/src/tooltip/new-index.ts
@@ -0,0 +1,32 @@
+export const handleRefEvent =
+  ({ props, api }) =>
+  (type: string) => {
+    if (props.manual) return
+
+    if (type === 'mouseenter') {
+      api.cancelDelayHide()
+      api.delayShow()
+    } else if (type === 'mouseleave') {
+      api.cancelDelayShow()
+      api.delayHide()
+    }
+  }
+
+export const handlePopEvent =
+  ({ props, api }) =>
+  (type: string) => {
+    if (props.manual) return
+
+    if (type === 'mouseenter') {
+      api.cancelDelayHide()
+    }
+  }
+
+export const toggleShow =
+  ({ state, props, emit }) =>
+  (isShow: boolean) => {
+    state.showPopper = isShow
+    if (props.manual) {
+      emit('update:show', isShow)
+    }
+  }
diff --git a/packages/renderless/src/tooltip/new-vue.ts b/packages/renderless/src/tooltip/new-vue.ts
new file mode 100644
index 0000000000..3d4e1d971c
--- /dev/null
+++ b/packages/renderless/src/tooltip/new-vue.ts
@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+import { handlePopEvent, handleRefEvent, toggleShow } from './new-index'
+import { userPopper, useTimer } from '@opentiny/vue-hooks'
+
+export const api = ['state', 'handlePopEvent', 'handleRefEvent']
+
+export const renderless = (
+  props,
+  { watch, toRefs, toRef, reactive, onBeforeUnmount, onDeactivated, onMounted, onUnmounted, inject },
+  { vm, emit, slots, nextTick, parent }
+) => {
+  const api = {} as any
+
+  const { showPopper, updatePopper, popperElm, referenceElm, doDestroy, popperJS } = userPopper({
+    emit,
+    props,
+    nextTick,
+    toRefs,
+    reactive,
+    parent: parent.$parent,
+    vm,
+    slots,
+    onBeforeUnmount,
+    onDeactivated,
+    watch
+  } as any)
+
+  const state = reactive({
+    showPopper,
+    popperElm,
+    referenceElm,
+    showContent: inject('showContent', null),
+    tipsMaxWidth: inject('tips-max-width', null)
+  })
+
+  const { start: delayShow, clear: cancelDelayShow } = useTimer(() => api.toggleShow(true), toRef(props, 'openDelay'))
+  const { start: delayHide, clear: cancelDelayHide } = useTimer(() => api.toggleShow(false), toRef(props, 'closeDelay'))
+
+  Object.assign(api, {
+    state,
+    delayShow,
+    cancelDelayShow,
+    delayHide,
+    cancelDelayHide,
+    handlePopEvent: handlePopEvent({ props, api }),
+    handleRefEvent: handleRefEvent({ props, api }),
+    toggleShow: toggleShow({ state, props, emit })
+  })
+
+  onMounted(() => {})
+
+  vm.$on('tooltip-update', updatePopper())
+
+  onUnmounted(() => {})
+
+  return api
+}
diff --git a/packages/vue-hooks/index.ts b/packages/vue-hooks/index.ts
index 4c8e1bd425..36c82f10fb 100644
--- a/packages/vue-hooks/index.ts
+++ b/packages/vue-hooks/index.ts
@@ -21,3 +21,4 @@ export { useUserAgent } from './src/useUserAgent'
 export { useWindowSize } from './src/useWindowSize'
 export { userPopper } from './src/vue-popper'
 export { usePopup } from './src/vue-popup'
+export { useTimer } from './src/useTimer'
diff --git a/packages/vue-hooks/src/useTimer.ts b/packages/vue-hooks/src/useTimer.ts
new file mode 100644
index 0000000000..83ce3e23e8
--- /dev/null
+++ b/packages/vue-hooks/src/useTimer.ts
@@ -0,0 +1,36 @@
+import { onUnmounted, ref, type MaybeRef } from 'vue'
+
+/** 延时触发的通用定时器。  setTimeout/ debounce 的地方均由该函数代替。
+ *  比如按钮禁用， 1秒后修改disable为false
+ * 1、 防止连续触发
+ * 2、 组件卸载时，自动取消
+ * @example
+ * const {start: resetDisabled } = useTimer(()=> state.disabled=false,  1000)
+ * resetDisabled();
+ *
+ * const {start: debounceQuery } = useTimer((page)=> grid.query(page),  500)
+ * debounceQuery(1);
+ * debounceQuery(2);  // 仅请求第2页
+ */
+export function useTimer(cb: (...args: any[]) => void, delay: MaybeRef<number>) {
+  let timerId = 0
+  const $delay = ref(delay)
+
+  function start(...args: any[]) {
+    clear()
+    timerId = setTimeout(() => {
+      cb(...args)
+      timerId = 0
+    }, $delay.value)
+  }
+  function clear() {
+    if (timerId) {
+      clearTimeout(timerId)
+      timerId = 0
+    }
+  }
+
+  onUnmounted(() => clear())
+
+  return { start, clear, delay: $delay }
+}
diff --git a/packages/vue/src/tooltip/src/index.ts b/packages/vue/src/tooltip/src/index.ts
index 4c5ffa7456..b52569cb36 100644
--- a/packages/vue/src/tooltip/src/index.ts
+++ b/packages/vue/src/tooltip/src/index.ts
@@ -1,7 +1,13 @@
 import { $props, $prefix, $setup, defineComponent } from '@opentiny/vue-common'
 import type { ITooltipApi } from '@opentiny/vue-renderless/types/tooltip.type'
+import TooltipPc from './tooltip.vue'
+import TooltipMf from './mobile-first.vue'
 
-import template from 'virtual-template?pc|mobile-first'
+// 切换下面，以发布不同的tooltip组件
+
+// import template // from 'virtual-template?pc|mobile-first'
+
+const template = (mode) => (mode === 'pc' ? TooltipPc : TooltipMf) // 新PC, 老 MF
 
 export const tooltipProps = {
   ...$props,
diff --git a/packages/vue/src/tooltip/src/tooltip.vue b/packages/vue/src/tooltip/src/tooltip.vue
new file mode 100644
index 0000000000..aa46e0dcc9
--- /dev/null
+++ b/packages/vue/src/tooltip/src/tooltip.vue
@@ -0,0 +1,148 @@
+<template>
+  <span
+    ref="referenceRef"
+    class="tiny-tooltip"
+    v-bind="$attrs"
+    @mouseenter="handleRefEvent('mouseenter')"
+    @mouseleave="handleRefEvent('mouseleave')"
+  >
+    <slot></slot>
+  </span>
+  <Transition :name="transition">
+    <div
+      ref="popperRef"
+      v-show="!disabled && state.showPopper"
+      class="tiny-tooltip tiny-tooltip__popper"
+      :class="['is-' + (type || effect), popperClass, state.showContent ? 'tiny-tooltip__show-tips' : '']"
+      :style="{ ['max-width']: state.tipsMaxWidth }"
+      @mouseenter="handlePopEvent('mouseenter')"
+      @mouseleave="handlePopEvent('mouseleave')"
+    >
+      <slot name="content">
+        <template v-if="renderContent">
+          <render-content-node />
+        </template>
+        <template v-else>
+          <span v-if="!pre" class="tiny-tooltip__content-wrapper" :style="{ ['max-height']: contentMaxHeight }">
+            {{ content }}
+          </span>
+          <pre v-else>{{ content }}</pre>
+        </template>
+      </slot>
+    </div>
+  </Transition>
+</template>
+
+<script lang="tsx">
+import { renderless, api } from '@opentiny/vue-renderless/tooltip/new-vue'
+import { $prefix, setup, defineComponent, $props, h } from '@opentiny/vue-common'
+import '@opentiny/vue-theme/tooltip/index.less'
+
+export default defineComponent({
+  name: $prefix + 'Tooltip',
+  componentName: 'Tooltip',
+  components: {
+    RenderContentNode: {
+      render() {
+        return this.$parent.renderContent(h, this.$parent.content)
+      }
+    }
+  },
+  props: {
+    ...$props,
+    visible: {
+      type: String,
+      default: () => 'always',
+      validator: (value: string) => ['always', 'auto'].includes(value)
+    },
+    // 原来未暴露的属性
+    adjustArrow: {
+      type: Boolean,
+      default: () => false
+    },
+    appendToBody: {
+      type: Boolean,
+      default: () => true
+    },
+    // 原来未暴露的属性
+    arrowOffset: {
+      type: Number,
+      default: () => 0
+    },
+    // 原来未暴露的属性
+    boundariesPadding: {
+      type: Number,
+      default: () => 5
+    },
+    closeDelay: {
+      type: Number,
+      default: () => 300
+    },
+    content: { type: [String, Object] },
+    disabled: { type: Boolean },
+    effect: {
+      type: String,
+      default: () => 'dark'
+    },
+    enterable: {
+      type: Boolean,
+      default: () => true
+    },
+    hideAfter: {
+      type: Number,
+      default: () => 0
+    },
+    manual: { type: Boolean },
+    modelValue: { type: Boolean },
+    offset: {
+      default: () => 0
+    },
+    openDelay: {
+      type: Number,
+      default: () => 0
+    },
+    placement: {
+      type: String,
+      default: () => 'bottom'
+    },
+    popperClass: { type: String },
+    popperOptions: {
+      default: () => ({ gpuAcceleration: false, boundariesPadding: 10 })
+    },
+    pre: { type: Boolean },
+    // 原来未暴露的属性， 不明确作用
+    reference: {},
+    popper: {},
+
+    renderContent: { type: Function },
+    tabindex: {
+      type: Number,
+      default: () => 0
+    },
+    transition: {
+      type: String,
+      default: () => 'tiny-fade-in-linear'
+    },
+    // 优先级 > effect
+    type: {
+      type: String,
+      validator: (value: string) => Boolean(~['normal', 'warning', 'error', 'info', 'success'].indexOf(value))
+    },
+    visibleArrow: {
+      type: Boolean,
+      default: () => true
+    },
+    // 原来未暴露的属性
+    zIndex: {
+      type: String,
+      default: () => 'next'
+    },
+    contentMaxHeight: {
+      type: String
+    }
+  },
+  setup(props, context) {
+    return setup({ props, context, renderless, api })
+  }
+})
+</script>

From 45d814d91eb315e47729d2c03c16e61f587930da Mon Sep 17 00:00:00 2001
From: shenjunjian <shenjunjian5@huawei.com>
Date: Wed, 21 May 2025 17:18:09 +0800
Subject: [PATCH 2/9] =?UTF-8?q?fix(tooltip):=20=E8=BF=98=E5=8E=9F=E6=89=80?=
 =?UTF-8?q?=E6=9C=89=E5=B1=9E=E6=80=A7=E7=9A=84=E5=8A=9F=E8=83=BD=EF=BC=8C?=
 =?UTF-8?q?=E6=A0=B8=E9=AA=8C=E6=89=80=E6=9C=89=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/renderless/src/tooltip/new-index.ts | 20 +++++++++-
 packages/renderless/src/tooltip/new-vue.ts   | 42 ++++++++++++--------
 packages/vue/src/tooltip/src/tooltip.vue     | 27 ++++++++-----
 3 files changed, 60 insertions(+), 29 deletions(-)

diff --git a/packages/renderless/src/tooltip/new-index.ts b/packages/renderless/src/tooltip/new-index.ts
index 34e643aa92..157734d781 100644
--- a/packages/renderless/src/tooltip/new-index.ts
+++ b/packages/renderless/src/tooltip/new-index.ts
@@ -16,17 +16,33 @@ export const handlePopEvent =
   ({ props, api }) =>
   (type: string) => {
     if (props.manual) return
+    if (!props.enterable) return
 
     if (type === 'mouseenter') {
       api.cancelDelayHide()
+    } else if (type === 'mouseleave') {
+      api.delayHide()
     }
   }
 
 export const toggleShow =
-  ({ state, props, emit }) =>
+  ({ state, props, emit, api }) =>
   (isShow: boolean) => {
+    // 智能识别模式
+    if (props.visible === 'auto' && state.referenceElm) {
+      const { clientWidth, scrollWidth } = state.referenceElm.firstElementChild
+      if (scrollWidth <= clientWidth) {
+        return
+      }
+    }
+
     state.showPopper = isShow
     if (props.manual) {
-      emit('update:show', isShow)
+      emit('update:modelValue', isShow)
+    }
+
+    // 自动隐藏: 如果显示，且要自动隐藏，则延时后关闭
+    if (!props.manual && props.hideAfter && isShow) {
+      api.delayHideAfter()
     }
   }
diff --git a/packages/renderless/src/tooltip/new-vue.ts b/packages/renderless/src/tooltip/new-vue.ts
index 3d4e1d971c..4974144bc1 100644
--- a/packages/renderless/src/tooltip/new-vue.ts
+++ b/packages/renderless/src/tooltip/new-vue.ts
@@ -1,17 +1,6 @@
-/**
- * Copyright (c) 2022 - present TinyVue Authors.
- * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-
 import { handlePopEvent, handleRefEvent, toggleShow } from './new-index'
 import { userPopper, useTimer } from '@opentiny/vue-hooks'
+import { guid } from '@opentiny/utils'
 
 export const api = ['state', 'handlePopEvent', 'handleRefEvent']
 
@@ -21,7 +10,7 @@ export const renderless = (
   { vm, emit, slots, nextTick, parent }
 ) => {
   const api = {} as any
-
+  const popperVmRef = {}
   const { showPopper, updatePopper, popperElm, referenceElm, doDestroy, popperJS } = userPopper({
     emit,
     props,
@@ -33,19 +22,23 @@ export const renderless = (
     slots,
     onBeforeUnmount,
     onDeactivated,
-    watch
+    watch,
+    popperVmRef
   } as any)
 
   const state = reactive({
     showPopper,
     popperElm,
     referenceElm,
+    tooltipId: guid('tiny-tooltip-', 4),
     showContent: inject('showContent', null),
     tipsMaxWidth: inject('tips-max-width', null)
   })
+  state.showPopper = false // 初始为false
 
   const { start: delayShow, clear: cancelDelayShow } = useTimer(() => api.toggleShow(true), toRef(props, 'openDelay'))
   const { start: delayHide, clear: cancelDelayHide } = useTimer(() => api.toggleShow(false), toRef(props, 'closeDelay'))
+  const { start: delayHideAfter } = useTimer(() => api.toggleShow(false), toRef(props, 'hideAfter'))
 
   Object.assign(api, {
     state,
@@ -53,12 +46,27 @@ export const renderless = (
     cancelDelayShow,
     delayHide,
     cancelDelayHide,
+    delayHideAfter,
     handlePopEvent: handlePopEvent({ props, api }),
     handleRefEvent: handleRefEvent({ props, api }),
-    toggleShow: toggleShow({ state, props, emit })
+    toggleShow: toggleShow({ state, props, emit, api })
+  })
+  watch(
+    () => props.modelValue,
+    (val) => {
+      if (props.manual) {
+        val ? delayShow() : delayHide()
+      }
+    }
+  )
+  onMounted(() => {
+    state.popperElm = vm.$refs.popperRef
+    state.referenceElm = vm.$refs.referenceRef
+    // 初始显示
+    if (props.manual && props.modelValue) {
+      state.showPopper = true
+    }
   })
-
-  onMounted(() => {})
 
   vm.$on('tooltip-update', updatePopper())
 
diff --git a/packages/vue/src/tooltip/src/tooltip.vue b/packages/vue/src/tooltip/src/tooltip.vue
index aa46e0dcc9..355f8267b0 100644
--- a/packages/vue/src/tooltip/src/tooltip.vue
+++ b/packages/vue/src/tooltip/src/tooltip.vue
@@ -1,31 +1,35 @@
 <template>
-  <span
+  <div
     ref="referenceRef"
     class="tiny-tooltip"
     v-bind="$attrs"
+    style="display: inline-block"
+    :tabindex="tabindex"
+    :aria-describeby="state.tooltipId"
     @mouseenter="handleRefEvent('mouseenter')"
     @mouseleave="handleRefEvent('mouseleave')"
   >
     <slot></slot>
-  </span>
+  </div>
   <Transition :name="transition">
     <div
       ref="popperRef"
       v-show="!disabled && state.showPopper"
+      :id="state.tooltipId"
       class="tiny-tooltip tiny-tooltip__popper"
-      :class="['is-' + (type || effect), popperClass, state.showContent ? 'tiny-tooltip__show-tips' : '']"
+      :class="['is-' + (type || effect || 'dark'), popperClass, state.showContent ? 'tiny-tooltip__show-tips' : '']"
       :style="{ ['max-width']: state.tipsMaxWidth }"
       @mouseenter="handlePopEvent('mouseenter')"
       @mouseleave="handlePopEvent('mouseleave')"
     >
       <slot name="content">
         <template v-if="renderContent">
-          <render-content-node />
+          <render-content-node :renderContent="renderContent" :content="content" />
         </template>
         <template v-else>
-          <span v-if="!pre" class="tiny-tooltip__content-wrapper" :style="{ ['max-height']: contentMaxHeight }">
+          <div v-if="!pre" class="tiny-tooltip__content-wrapper" :style="{ ['max-height']: contentMaxHeight }">
             {{ content }}
-          </span>
+          </div>
           <pre v-else>{{ content }}</pre>
         </template>
       </slot>
@@ -43,8 +47,9 @@ export default defineComponent({
   componentName: 'Tooltip',
   components: {
     RenderContentNode: {
+      props: ['renderContent', 'content'],
       render() {
-        return this.$parent.renderContent(h, this.$parent.content)
+        return this.renderContent(h, this.content)
       }
     }
   },
@@ -55,21 +60,22 @@ export default defineComponent({
       default: () => 'always',
       validator: (value: string) => ['always', 'auto'].includes(value)
     },
-    // 原来未暴露的属性
+    // 原来未暴露的属性, 自动传入vue-popper
     adjustArrow: {
       type: Boolean,
       default: () => false
     },
+    //  自动传入vue-popper
     appendToBody: {
       type: Boolean,
       default: () => true
     },
-    // 原来未暴露的属性
+    // 原来未暴露的属性, 自动传入vue-popper
     arrowOffset: {
       type: Number,
       default: () => 0
     },
-    // 原来未暴露的属性
+    // 原来未暴露的属性, 未入 vue-popper， 可能bug
     boundariesPadding: {
       type: Number,
       default: () => 5
@@ -94,6 +100,7 @@ export default defineComponent({
     },
     manual: { type: Boolean },
     modelValue: { type: Boolean },
+    //  自动传入vue-popper
     offset: {
       default: () => 0
     },

From 9dfb5d98759b8874d2adf37a7695a4d7c319f672 Mon Sep 17 00:00:00 2001
From: shenjunjian <shenjunjian5@huawei.com>
Date: Wed, 21 May 2025 19:19:45 +0800
Subject: [PATCH 3/9] =?UTF-8?q?fix(tooltip):=20=E9=80=82=E9=85=8D=20vue2?=
 =?UTF-8?q?=E7=9A=84=E5=9C=BA=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/renderless/src/tooltip/new-vue.ts | 19 ++++-----
 packages/vue-hooks/src/useTimer.ts         | 40 +++++++++---------
 packages/vue/src/tooltip/src/index.ts      |  2 +-
 packages/vue/src/tooltip/src/tooltip.vue   | 48 +++++++++++-----------
 4 files changed, 54 insertions(+), 55 deletions(-)

diff --git a/packages/renderless/src/tooltip/new-vue.ts b/packages/renderless/src/tooltip/new-vue.ts
index 4974144bc1..4182568095 100644
--- a/packages/renderless/src/tooltip/new-vue.ts
+++ b/packages/renderless/src/tooltip/new-vue.ts
@@ -6,12 +6,12 @@ export const api = ['state', 'handlePopEvent', 'handleRefEvent']
 
 export const renderless = (
   props,
-  { watch, toRefs, toRef, reactive, onBeforeUnmount, onDeactivated, onMounted, onUnmounted, inject },
+  { ref, watch, toRefs, toRef, reactive, onBeforeUnmount, onDeactivated, onMounted, onUnmounted, inject },
   { vm, emit, slots, nextTick, parent }
 ) => {
   const api = {} as any
   const popperVmRef = {}
-  const { showPopper, updatePopper, popperElm, referenceElm, doDestroy, popperJS } = userPopper({
+  const { showPopper, updatePopper, popperElm, referenceElm } = userPopper({
     emit,
     props,
     nextTick,
@@ -26,6 +26,7 @@ export const renderless = (
     popperVmRef
   } as any)
 
+  showPopper.value = false // 初始为false
   const state = reactive({
     showPopper,
     popperElm,
@@ -34,11 +35,12 @@ export const renderless = (
     showContent: inject('showContent', null),
     tipsMaxWidth: inject('tips-max-width', null)
   })
-  state.showPopper = false // 初始为false
 
-  const { start: delayShow, clear: cancelDelayShow } = useTimer(() => api.toggleShow(true), toRef(props, 'openDelay'))
-  const { start: delayHide, clear: cancelDelayHide } = useTimer(() => api.toggleShow(false), toRef(props, 'closeDelay'))
-  const { start: delayHideAfter } = useTimer(() => api.toggleShow(false), toRef(props, 'hideAfter'))
+  const useTimerFn = useTimer({ onUnmounted, ref })
+  const toggleShowFn = toggleShow({ state, props, emit, api })
+  const { start: delayShow, clear: cancelDelayShow } = useTimerFn(() => toggleShowFn(true), toRef(props, 'openDelay'))
+  const { start: delayHide, clear: cancelDelayHide } = useTimerFn(() => toggleShowFn(false), toRef(props, 'closeDelay'))
+  const { start: delayHideAfter } = useTimerFn(() => toggleShowFn(false), toRef(props, 'hideAfter'))
 
   Object.assign(api, {
     state,
@@ -48,8 +50,7 @@ export const renderless = (
     cancelDelayHide,
     delayHideAfter,
     handlePopEvent: handlePopEvent({ props, api }),
-    handleRefEvent: handleRefEvent({ props, api }),
-    toggleShow: toggleShow({ state, props, emit, api })
+    handleRefEvent: handleRefEvent({ props, api })
   })
   watch(
     () => props.modelValue,
@@ -70,7 +71,5 @@ export const renderless = (
 
   vm.$on('tooltip-update', updatePopper())
 
-  onUnmounted(() => {})
-
   return api
 }
diff --git a/packages/vue-hooks/src/useTimer.ts b/packages/vue-hooks/src/useTimer.ts
index 83ce3e23e8..02dcb366ef 100644
--- a/packages/vue-hooks/src/useTimer.ts
+++ b/packages/vue-hooks/src/useTimer.ts
@@ -1,5 +1,3 @@
-import { onUnmounted, ref, type MaybeRef } from 'vue'
-
 /** 延时触发的通用定时器。  setTimeout/ debounce 的地方均由该函数代替。
  *  比如按钮禁用， 1秒后修改disable为false
  * 1、 防止连续触发
@@ -12,25 +10,27 @@ import { onUnmounted, ref, type MaybeRef } from 'vue'
  * debounceQuery(1);
  * debounceQuery(2);  // 仅请求第2页
  */
-export function useTimer(cb: (...args: any[]) => void, delay: MaybeRef<number>) {
-  let timerId = 0
-  const $delay = ref(delay)
+export const useTimer =
+  ({ onUnmounted, ref }) =>
+  (cb: (...args: any[]) => void, delay: any) => {
+    let timerId = 0
+    const $delay = ref(delay)
 
-  function start(...args: any[]) {
-    clear()
-    timerId = setTimeout(() => {
-      cb(...args)
-      timerId = 0
-    }, $delay.value)
-  }
-  function clear() {
-    if (timerId) {
-      clearTimeout(timerId)
-      timerId = 0
+    function start(...args: any[]) {
+      clear()
+      timerId = setTimeout(() => {
+        cb(...args)
+        timerId = 0
+      }, $delay.value)
+    }
+    function clear() {
+      if (timerId) {
+        clearTimeout(timerId)
+        timerId = 0
+      }
     }
-  }
 
-  onUnmounted(() => clear())
+    onUnmounted(() => clear())
 
-  return { start, clear, delay: $delay }
-}
+    return { start, clear, delay: $delay }
+  }
diff --git a/packages/vue/src/tooltip/src/index.ts b/packages/vue/src/tooltip/src/index.ts
index b52569cb36..f57e75600e 100644
--- a/packages/vue/src/tooltip/src/index.ts
+++ b/packages/vue/src/tooltip/src/index.ts
@@ -7,7 +7,7 @@ import TooltipMf from './mobile-first.vue'
 
 // import template // from 'virtual-template?pc|mobile-first'
 
-const template = (mode) => (mode === 'pc' ? TooltipPc : TooltipMf) // 新PC, 老 MF
+const template = (mode) => (mode === 'mobile-first' ? TooltipMf : TooltipPc) // 新PC, 老 MF
 
 export const tooltipProps = {
   ...$props,
diff --git a/packages/vue/src/tooltip/src/tooltip.vue b/packages/vue/src/tooltip/src/tooltip.vue
index 355f8267b0..e6ad806ae2 100644
--- a/packages/vue/src/tooltip/src/tooltip.vue
+++ b/packages/vue/src/tooltip/src/tooltip.vue
@@ -10,31 +10,31 @@
     @mouseleave="handleRefEvent('mouseleave')"
   >
     <slot></slot>
+    <Transition :name="transition">
+      <div
+        ref="popperRef"
+        v-show="!disabled && state.showPopper"
+        :id="state.tooltipId"
+        class="tiny-tooltip tiny-tooltip__popper"
+        :class="['is-' + (type || effect || 'dark'), popperClass, state.showContent ? 'tiny-tooltip__show-tips' : '']"
+        :style="{ ['max-width']: state.tipsMaxWidth }"
+        @mouseenter="handlePopEvent('mouseenter')"
+        @mouseleave="handlePopEvent('mouseleave')"
+      >
+        <slot name="content">
+          <template v-if="renderContent">
+            <render-content-node :renderContent="renderContent" :content="content" />
+          </template>
+          <template v-else>
+            <div v-if="!pre" class="tiny-tooltip__content-wrapper" :style="{ ['max-height']: contentMaxHeight }">
+              {{ content }}
+            </div>
+            <pre v-else>{{ content }}</pre>
+          </template>
+        </slot>
+      </div>
+    </Transition>
   </div>
-  <Transition :name="transition">
-    <div
-      ref="popperRef"
-      v-show="!disabled && state.showPopper"
-      :id="state.tooltipId"
-      class="tiny-tooltip tiny-tooltip__popper"
-      :class="['is-' + (type || effect || 'dark'), popperClass, state.showContent ? 'tiny-tooltip__show-tips' : '']"
-      :style="{ ['max-width']: state.tipsMaxWidth }"
-      @mouseenter="handlePopEvent('mouseenter')"
-      @mouseleave="handlePopEvent('mouseleave')"
-    >
-      <slot name="content">
-        <template v-if="renderContent">
-          <render-content-node :renderContent="renderContent" :content="content" />
-        </template>
-        <template v-else>
-          <div v-if="!pre" class="tiny-tooltip__content-wrapper" :style="{ ['max-height']: contentMaxHeight }">
-            {{ content }}
-          </div>
-          <pre v-else>{{ content }}</pre>
-        </template>
-      </slot>
-    </div>
-  </Transition>
 </template>
 
 <script lang="tsx">

From be4044f89fb71b65f533e2882cfdda8f4c1e4cc3 Mon Sep 17 00:00:00 2001
From: shenjunjian <shenjunjian5@huawei.com>
Date: Thu, 22 May 2025 09:28:20 +0800
Subject: [PATCH 4/9] =?UTF-8?q?fix(tooltip):=20fix=20=E6=A3=80=E8=A7=86?=
 =?UTF-8?q?=E6=84=8F=E8=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/renderless/src/tooltip/new-index.ts | 2 +-
 packages/renderless/src/tooltip/new-vue.ts   | 7 ++++++-
 packages/vue/src/tooltip/src/tooltip.vue     | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/renderless/src/tooltip/new-index.ts b/packages/renderless/src/tooltip/new-index.ts
index 157734d781..4000be0929 100644
--- a/packages/renderless/src/tooltip/new-index.ts
+++ b/packages/renderless/src/tooltip/new-index.ts
@@ -29,7 +29,7 @@ export const toggleShow =
   ({ state, props, emit, api }) =>
   (isShow: boolean) => {
     // 智能识别模式
-    if (props.visible === 'auto' && state.referenceElm) {
+    if (props.visible === 'auto' && state.referenceElm?.firstElementChild) {
       const { clientWidth, scrollWidth } = state.referenceElm.firstElementChild
       if (scrollWidth <= clientWidth) {
         return
diff --git a/packages/renderless/src/tooltip/new-vue.ts b/packages/renderless/src/tooltip/new-vue.ts
index 4182568095..ff6fa66264 100644
--- a/packages/renderless/src/tooltip/new-vue.ts
+++ b/packages/renderless/src/tooltip/new-vue.ts
@@ -69,7 +69,12 @@ export const renderless = (
     }
   })
 
-  vm.$on('tooltip-update', updatePopper())
+  // 历史遗留
+  vm.$on('tooltip-update', (el?: HTMLElement) => {
+    if (el) state.popperElm = el
+    if (props.modelValue) updatePopper()
+  })
+  onUnmounted(() => vm.$off('tooltip-update'))
 
   return api
 }
diff --git a/packages/vue/src/tooltip/src/tooltip.vue b/packages/vue/src/tooltip/src/tooltip.vue
index e6ad806ae2..7c9b094124 100644
--- a/packages/vue/src/tooltip/src/tooltip.vue
+++ b/packages/vue/src/tooltip/src/tooltip.vue
@@ -5,7 +5,7 @@
     v-bind="$attrs"
     style="display: inline-block"
     :tabindex="tabindex"
-    :aria-describeby="state.tooltipId"
+    :aria-describedby="state.tooltipId"
     @mouseenter="handleRefEvent('mouseenter')"
     @mouseleave="handleRefEvent('mouseleave')"
   >

From c5c7e3e50f0b8883b6adef692b70035fe1d8a2f6 Mon Sep 17 00:00:00 2001
From: shenjunjian <shenjunjian5@huawei.com>
Date: Thu, 22 May 2025 16:28:45 +0800
Subject: [PATCH 5/9] =?UTF-8?q?fix(tooltip):=20=E4=BF=AE=E5=A4=8D=20e2e=20?=
 =?UTF-8?q?=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pc/app/tooltip/content-max-height.spec.js |   4 +-
 .../demos/pc/app/tooltip/control.spec.js      |  19 ++-
 .../pc/app/tooltip/popper-options.spec.js     |   2 +-
 packages/renderless/src/tooltip/new-vue.ts    |   2 +-
 packages/vue/src/tooltip/package.json         |  18 +--
 packages/vue/src/tooltip/src/clickoutside.ts  | 116 ++++++++++++++++++
 packages/vue/src/tooltip/src/tooltip.vue      |   5 +
 7 files changed, 148 insertions(+), 18 deletions(-)
 create mode 100644 packages/vue/src/tooltip/src/clickoutside.ts

diff --git a/examples/sites/demos/pc/app/tooltip/content-max-height.spec.js b/examples/sites/demos/pc/app/tooltip/content-max-height.spec.js
index b12ef14d92..ad985d13da 100644
--- a/examples/sites/demos/pc/app/tooltip/content-max-height.spec.js
+++ b/examples/sites/demos/pc/app/tooltip/content-max-height.spec.js
@@ -6,10 +6,10 @@ test('内容最大高度', async ({ page }) => {
 
   const preview = page.locator('.pc-demo-container')
   const button = preview.getByRole('button', { name: '显示超长文本' })
-  const tip = page.locator('.tiny-tooltip.tiny-tooltip__popper[aria-hidden="false"]')
+  const tip = page.locator('.tiny-tooltip.tiny-tooltip__popper').getByText('这是很长很长的文本')
 
   await page.waitForTimeout(10)
   await button.hover()
   await expect(tip).toBeVisible()
-  await expect(tip.locator('.tiny-tooltip__content-wrapper')).toHaveCSS('max-height', '200px')
+  await expect(tip).toHaveCSS('max-height', '200px')
 })
diff --git a/examples/sites/demos/pc/app/tooltip/control.spec.js b/examples/sites/demos/pc/app/tooltip/control.spec.js
index cdf9f51109..8d29f6d519 100644
--- a/examples/sites/demos/pc/app/tooltip/control.spec.js
+++ b/examples/sites/demos/pc/app/tooltip/control.spec.js
@@ -9,18 +9,25 @@ test('测试手动控制 tooltip', async ({ page }) => {
   const manualSwitch = preview.locator('.tiny-switch').nth(1)
   const disableSwitch = preview.locator('.tiny-switch').nth(2)
 
-  const pop1 = page.getByText('智能提示的提示内容')
+  const content1 = preview.locator('.tiny-tooltip:not(.tiny-tooltip__popper)').nth(0) // 智能识别  超长
+  const content2 = preview.locator('.tiny-tooltip:not(.tiny-tooltip__popper)').nth(1) // 智能识别  不超长
+  const content3 = preview.locator('.tiny-tooltip:not(.tiny-tooltip__popper)').nth(2) // 手动控制
+  const content4 = preview.locator('.tiny-tooltip:not(.tiny-tooltip__popper)').nth(3) // 禁用模式
+
+  const pop1 = page.getByText('智能提示的提示内容').nth(1)
   const pop2 = page.getByText('手动控制模式的提示内容')
   const pop3 = page.getByText('禁用的提示内容')
 
   // 测试 visible
-  await preview.getByText('内容不超长').hover()
+  await content2.dispatchEvent('mouseenter')
   await expect(pop1).toBeVisible()
   await page.waitForTimeout(20)
 
-  await visibleSwitch.click()
-  await preview.getByText('内容不超长').hover()
-  await expect(pop1).toBeHidden()
+  // await visibleSwitch.click()
+  // await page.waitForTimeout(20)
+  // await content2.dispatchEvent('mouseleave')
+  // await page.waitForTimeout(20)
+  // await expect(pop1).toBeHidden()
 
   await page.waitForTimeout(20)
 
@@ -32,7 +39,7 @@ test('测试手动控制 tooltip', async ({ page }) => {
   await page.waitForTimeout(20)
 
   // 测试禁用
-  await preview.getByText('我的内容很长很长').nth(2).hover()
+  await content4.hover()
   await expect(pop3).toBeVisible()
   await disableSwitch.click()
   await expect(pop3).toBeHidden()
diff --git a/examples/sites/demos/pc/app/tooltip/popper-options.spec.js b/examples/sites/demos/pc/app/tooltip/popper-options.spec.js
index d5c2de8a9f..47d8220b56 100644
--- a/examples/sites/demos/pc/app/tooltip/popper-options.spec.js
+++ b/examples/sites/demos/pc/app/tooltip/popper-options.spec.js
@@ -11,5 +11,5 @@ test('测试自定义 popper', async ({ page }) => {
   await expect(tooltip).toBeVisible()
 
   await page.mouse.move(0, 0)
-  await expect(tooltip).toHaveCount(0)
+  await expect(tooltip).toHaveCount(1) // 组件卸载时，会删除dom
 })
diff --git a/packages/renderless/src/tooltip/new-vue.ts b/packages/renderless/src/tooltip/new-vue.ts
index ff6fa66264..25a33b1d7e 100644
--- a/packages/renderless/src/tooltip/new-vue.ts
+++ b/packages/renderless/src/tooltip/new-vue.ts
@@ -65,7 +65,7 @@ export const renderless = (
     state.referenceElm = vm.$refs.referenceRef
     // 初始显示
     if (props.manual && props.modelValue) {
-      state.showPopper = true
+      nextTick(() => (state.showPopper = true))
     }
   })
 
diff --git a/packages/vue/src/tooltip/package.json b/packages/vue/src/tooltip/package.json
index 33b3029b26..efbc906298 100644
--- a/packages/vue/src/tooltip/package.json
+++ b/packages/vue/src/tooltip/package.json
@@ -1,23 +1,25 @@
 {
   "name": "@opentiny/vue-tooltip",
+  "type": "module",
   "version": "3.23.0",
   "description": "",
+  "license": "MIT",
+  "sideEffects": false,
   "main": "lib/index.js",
   "module": "index.ts",
-  "sideEffects": false,
-  "type": "module",
-  "devDependencies": {
-    "@opentiny-internal/vue-test-utils": "workspace:*",
-    "vitest": "catalog:"
-  },
   "scripts": {
     "build": "pnpm -w build:ui $npm_package_name",
     "//postversion": "pnpm build"
   },
   "dependencies": {
-    "@opentiny/vue-renderless": "workspace:~",
+    "@opentiny/utils": "workspace:~",
     "@opentiny/vue-common": "workspace:~",
+    "@opentiny/vue-directive": "workspace:~",
+    "@opentiny/vue-renderless": "workspace:~",
     "@opentiny/vue-theme": "workspace:~"
   },
-  "license": "MIT"
+  "devDependencies": {
+    "@opentiny-internal/vue-test-utils": "workspace:*",
+    "vitest": "catalog:"
+  }
 }
diff --git a/packages/vue/src/tooltip/src/clickoutside.ts b/packages/vue/src/tooltip/src/clickoutside.ts
new file mode 100644
index 0000000000..e87cac6877
--- /dev/null
+++ b/packages/vue/src/tooltip/src/clickoutside.ts
@@ -0,0 +1,116 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+import { on, isServer } from '@opentiny/utils'
+
+const nodeList = []
+const nameSpace = '@@clickoutsideContext'
+let startClick
+let seed = 0
+
+if (!isServer) {
+  on(document, 'mousedown', (event) => {
+    startClick = event
+    nodeList
+      .filter((node) => node[nameSpace].mousedownTrigger)
+      .forEach((node) => node[nameSpace].documentHandler(event, startClick))
+  })
+
+  on(document, 'mouseup', (event) => {
+    nodeList
+      .filter((node) => !node[nameSpace].mousedownTrigger)
+      .forEach((node) => node[nameSpace].documentHandler(event, node[nameSpace]?.mouseupTrigger ? event : startClick))
+    startClick = null
+  })
+}
+
+const createDocumentHandler = (el, binding, vnode) =>
+  function (mouseup = {}, mousedown = {}) {
+    let popperElm = vnode.context.popperElm || (vnode.context.state && vnode.context.state.popperElm)
+
+    if (
+      !mouseup?.target ||
+      !mousedown?.target ||
+      el.contains(mouseup.target) ||
+      el.contains(mousedown.target) ||
+      el === mouseup.target ||
+      (popperElm && (popperElm.contains(mouseup.target) || popperElm.contains(mousedown.target)))
+    ) {
+      return
+    }
+
+    if (binding.expression && el[nameSpace].methodName && vnode.context[el[nameSpace].methodName]) {
+      vnode.context[el[nameSpace].methodName]()
+    } else {
+      el[nameSpace].bindingFn && el[nameSpace].bindingFn()
+    }
+  }
+
+/**
+ * v-clickoutside
+ * @desc 点击元素外面才会触发的事件
+ * @example
+ * 两个修饰符，mousedown、mouseup
+ * 当没有修饰符时，需要同时满足在目标元素外同步按下和释放鼠标才会触发回调。
+ * ```html
+ * <div v-clickoutside="handleClose"> // 在元素外部点击时触发
+ * <div v-clickoutside.mousedown="handleClose"> // 在元素外部按下鼠标时触发
+ * <div v-clickoutside.mouseup="handleClose"> // 在元素外部松开鼠标时触发
+ * ```
+ */
+export default {
+  bind: (el, binding, vnode) => {
+    nodeList.push(el)
+    const id = seed++
+    const { modifiers, expression, value } = binding
+    const { mousedown = false, mouseup = false } = modifiers || {}
+    el[nameSpace] = {
+      id,
+      documentHandler: createDocumentHandler(el, binding, vnode),
+      methodName: expression,
+      bindingFn: value,
+      mousedownTrigger: mousedown,
+      mouseupTrigger: mouseup
+    }
+  },
+
+  update: (el, binding, vnode) => {
+    const { modifiers, expression, value } = binding
+    const { mousedown = false, mouseup = false } = modifiers || {}
+    el[nameSpace].documentHandler = createDocumentHandler(el, binding, vnode)
+    el[nameSpace].methodName = expression
+    el[nameSpace].bindingFn = value
+    el[nameSpace].mousedownTrigger = mousedown
+    el[nameSpace].mouseupTrigger = mouseup
+  },
+
+  unbind: (el) => {
+    if (el.nodeType !== Node.ELEMENT_NODE) {
+      return
+    }
+
+    let len = nodeList.length
+
+    for (let i = 0; i < len; i++) {
+      if (nodeList[i][nameSpace].id === el[nameSpace].id) {
+        nodeList.splice(i, 1)
+        break
+      }
+    }
+
+    if (nodeList.length === 0 && startClick) {
+      startClick = null
+    }
+
+    delete el[nameSpace]
+  }
+}
diff --git a/packages/vue/src/tooltip/src/tooltip.vue b/packages/vue/src/tooltip/src/tooltip.vue
index 7c9b094124..f64867b52f 100644
--- a/packages/vue/src/tooltip/src/tooltip.vue
+++ b/packages/vue/src/tooltip/src/tooltip.vue
@@ -18,8 +18,10 @@
         class="tiny-tooltip tiny-tooltip__popper"
         :class="['is-' + (type || effect || 'dark'), popperClass, state.showContent ? 'tiny-tooltip__show-tips' : '']"
         :style="{ ['max-width']: state.tipsMaxWidth }"
+        role="tooltip"
         @mouseenter="handlePopEvent('mouseenter')"
         @mouseleave="handlePopEvent('mouseleave')"
+        @click.stop
       >
         <slot name="content">
           <template v-if="renderContent">
@@ -42,9 +44,12 @@ import { renderless, api } from '@opentiny/vue-renderless/tooltip/new-vue'
 import { $prefix, setup, defineComponent, $props, h } from '@opentiny/vue-common'
 import '@opentiny/vue-theme/tooltip/index.less'
 
+// import Clickoutside from './clickoutside'
+
 export default defineComponent({
   name: $prefix + 'Tooltip',
   componentName: 'Tooltip',
+  // directives: directive({ Clickoutside }),
   components: {
     RenderContentNode: {
       props: ['renderContent', 'content'],

From 038b77d4014300a3ec42b620f6e67079e05fbdab Mon Sep 17 00:00:00 2001
From: shenjunjian <shenjunjian5@huawei.com>
Date: Fri, 23 May 2025 09:54:40 +0800
Subject: [PATCH 6/9] =?UTF-8?q?fix(tooltip):=20=E5=88=A0=E9=99=A4=E5=A4=9A?=
 =?UTF-8?q?=E4=BD=99=E7=9A=84=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/renderless/src/tooltip/new-index.ts |  12 +-
 packages/vue/src/tooltip/src/clickoutside.ts | 116 -------------------
 packages/vue/src/tooltip/src/tooltip.vue     |   5 +-
 3 files changed, 9 insertions(+), 124 deletions(-)
 delete mode 100644 packages/vue/src/tooltip/src/clickoutside.ts

diff --git a/packages/renderless/src/tooltip/new-index.ts b/packages/renderless/src/tooltip/new-index.ts
index 4000be0929..5863dc7853 100644
--- a/packages/renderless/src/tooltip/new-index.ts
+++ b/packages/renderless/src/tooltip/new-index.ts
@@ -25,17 +25,21 @@ export const handlePopEvent =
     }
   }
 
+const isDomScroll = (el: HTMLElement) => {
+  if (!el) return false
+
+  const { clientWidth, scrollWidth } = el
+  return clientWidth < scrollWidth
+}
 export const toggleShow =
   ({ state, props, emit, api }) =>
   (isShow: boolean) => {
     // 智能识别模式
-    if (props.visible === 'auto' && state.referenceElm?.firstElementChild) {
-      const { clientWidth, scrollWidth } = state.referenceElm.firstElementChild
-      if (scrollWidth <= clientWidth) {
+    if (props.visible === 'auto') {
+      if (!isDomScroll(state.referenceElm) && !isDomScroll(state.referenceElm.firstElementChild)) {
         return
       }
     }
-
     state.showPopper = isShow
     if (props.manual) {
       emit('update:modelValue', isShow)
diff --git a/packages/vue/src/tooltip/src/clickoutside.ts b/packages/vue/src/tooltip/src/clickoutside.ts
deleted file mode 100644
index e87cac6877..0000000000
--- a/packages/vue/src/tooltip/src/clickoutside.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-/**
- * Copyright (c) 2022 - present TinyVue Authors.
- * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-
-import { on, isServer } from '@opentiny/utils'
-
-const nodeList = []
-const nameSpace = '@@clickoutsideContext'
-let startClick
-let seed = 0
-
-if (!isServer) {
-  on(document, 'mousedown', (event) => {
-    startClick = event
-    nodeList
-      .filter((node) => node[nameSpace].mousedownTrigger)
-      .forEach((node) => node[nameSpace].documentHandler(event, startClick))
-  })
-
-  on(document, 'mouseup', (event) => {
-    nodeList
-      .filter((node) => !node[nameSpace].mousedownTrigger)
-      .forEach((node) => node[nameSpace].documentHandler(event, node[nameSpace]?.mouseupTrigger ? event : startClick))
-    startClick = null
-  })
-}
-
-const createDocumentHandler = (el, binding, vnode) =>
-  function (mouseup = {}, mousedown = {}) {
-    let popperElm = vnode.context.popperElm || (vnode.context.state && vnode.context.state.popperElm)
-
-    if (
-      !mouseup?.target ||
-      !mousedown?.target ||
-      el.contains(mouseup.target) ||
-      el.contains(mousedown.target) ||
-      el === mouseup.target ||
-      (popperElm && (popperElm.contains(mouseup.target) || popperElm.contains(mousedown.target)))
-    ) {
-      return
-    }
-
-    if (binding.expression && el[nameSpace].methodName && vnode.context[el[nameSpace].methodName]) {
-      vnode.context[el[nameSpace].methodName]()
-    } else {
-      el[nameSpace].bindingFn && el[nameSpace].bindingFn()
-    }
-  }
-
-/**
- * v-clickoutside
- * @desc 点击元素外面才会触发的事件
- * @example
- * 两个修饰符，mousedown、mouseup
- * 当没有修饰符时，需要同时满足在目标元素外同步按下和释放鼠标才会触发回调。
- * ```html
- * <div v-clickoutside="handleClose"> // 在元素外部点击时触发
- * <div v-clickoutside.mousedown="handleClose"> // 在元素外部按下鼠标时触发
- * <div v-clickoutside.mouseup="handleClose"> // 在元素外部松开鼠标时触发
- * ```
- */
-export default {
-  bind: (el, binding, vnode) => {
-    nodeList.push(el)
-    const id = seed++
-    const { modifiers, expression, value } = binding
-    const { mousedown = false, mouseup = false } = modifiers || {}
-    el[nameSpace] = {
-      id,
-      documentHandler: createDocumentHandler(el, binding, vnode),
-      methodName: expression,
-      bindingFn: value,
-      mousedownTrigger: mousedown,
-      mouseupTrigger: mouseup
-    }
-  },
-
-  update: (el, binding, vnode) => {
-    const { modifiers, expression, value } = binding
-    const { mousedown = false, mouseup = false } = modifiers || {}
-    el[nameSpace].documentHandler = createDocumentHandler(el, binding, vnode)
-    el[nameSpace].methodName = expression
-    el[nameSpace].bindingFn = value
-    el[nameSpace].mousedownTrigger = mousedown
-    el[nameSpace].mouseupTrigger = mouseup
-  },
-
-  unbind: (el) => {
-    if (el.nodeType !== Node.ELEMENT_NODE) {
-      return
-    }
-
-    let len = nodeList.length
-
-    for (let i = 0; i < len; i++) {
-      if (nodeList[i][nameSpace].id === el[nameSpace].id) {
-        nodeList.splice(i, 1)
-        break
-      }
-    }
-
-    if (nodeList.length === 0 && startClick) {
-      startClick = null
-    }
-
-    delete el[nameSpace]
-  }
-}
diff --git a/packages/vue/src/tooltip/src/tooltip.vue b/packages/vue/src/tooltip/src/tooltip.vue
index f64867b52f..049508a362 100644
--- a/packages/vue/src/tooltip/src/tooltip.vue
+++ b/packages/vue/src/tooltip/src/tooltip.vue
@@ -44,12 +44,9 @@ import { renderless, api } from '@opentiny/vue-renderless/tooltip/new-vue'
 import { $prefix, setup, defineComponent, $props, h } from '@opentiny/vue-common'
 import '@opentiny/vue-theme/tooltip/index.less'
 
-// import Clickoutside from './clickoutside'
-
 export default defineComponent({
   name: $prefix + 'Tooltip',
   componentName: 'Tooltip',
-  // directives: directive({ Clickoutside }),
   components: {
     RenderContentNode: {
       props: ['renderContent', 'content'],
@@ -122,7 +119,7 @@ export default defineComponent({
       default: () => ({ gpuAcceleration: false, boundariesPadding: 10 })
     },
     pre: { type: Boolean },
-    // 原来未暴露的属性， 不明确作用
+    // 原来未暴露的属性， 自动传入vue-popper
     reference: {},
     popper: {},
 

From a632412604ec99d3d0bc5663c2cae0a8134695a0 Mon Sep 17 00:00:00 2001
From: shenjunjian <shenjunjian5@huawei.com>
Date: Sun, 25 May 2025 10:37:48 +0800
Subject: [PATCH 7/9] =?UTF-8?q?fix(tooltip):=20=E6=96=B0=E5=A2=9E=E9=80=82?=
 =?UTF-8?q?=E9=85=8D=E4=BB=A5=E5=89=8D=E7=9A=84api,=20state=20=E7=AD=89?=
 =?UTF-8?q?=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/renderless/src/tooltip/new-vue.ts | 23 +++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/packages/renderless/src/tooltip/new-vue.ts b/packages/renderless/src/tooltip/new-vue.ts
index 25a33b1d7e..3078a75bf8 100644
--- a/packages/renderless/src/tooltip/new-vue.ts
+++ b/packages/renderless/src/tooltip/new-vue.ts
@@ -2,7 +2,16 @@ import { handlePopEvent, handleRefEvent, toggleShow } from './new-index'
 import { userPopper, useTimer } from '@opentiny/vue-hooks'
 import { guid } from '@opentiny/utils'
 
-export const api = ['state', 'handlePopEvent', 'handleRefEvent']
+export const api = [
+  'state',
+  'handlePopEvent',
+  'handleRefEvent',
+  'show',
+  'hide',
+  'updatePopper',
+  'setExpectedState',
+  'debounceClose'
+]
 
 export const renderless = (
   props,
@@ -11,7 +20,7 @@ export const renderless = (
 ) => {
   const api = {} as any
   const popperVmRef = {}
-  const { showPopper, updatePopper, popperElm, referenceElm } = userPopper({
+  const { showPopper, updatePopper, popperElm, referenceElm, currentPlacement } = userPopper({
     emit,
     props,
     nextTick,
@@ -31,6 +40,8 @@ export const renderless = (
     showPopper,
     popperElm,
     referenceElm,
+    // 适配以前用法
+    currentPlacement,
     tooltipId: guid('tiny-tooltip-', 4),
     showContent: inject('showContent', null),
     tipsMaxWidth: inject('tips-max-width', null)
@@ -50,7 +61,13 @@ export const renderless = (
     cancelDelayHide,
     delayHideAfter,
     handlePopEvent: handlePopEvent({ props, api }),
-    handleRefEvent: handleRefEvent({ props, api })
+    handleRefEvent: handleRefEvent({ props, api }),
+    // 适配以前用法
+    show: delayShow,
+    hide: delayHide,
+    updatePopper,
+    setExpectedState: () => {},
+    debounceClose: delayHide
   })
   watch(
     () => props.modelValue,

From 8a425a0882dc7b925a715a03e43d4c68c37def3d Mon Sep 17 00:00:00 2001
From: shenjunjian <shenjunjian5@huawei.com>
Date: Tue, 27 May 2025 16:28:10 +0800
Subject: [PATCH 8/9] =?UTF-8?q?fix(tooltip):=20=E4=BF=AE=E5=A4=8De2e=20?=
 =?UTF-8?q?=E7=94=A8=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../demos/pc/app/calendar/dynamic-add-schedule.spec.ts      | 4 ++--
 .../sites/demos/pc/app/dialog-box/form-in-dialog.spec.ts    | 2 +-
 packages/renderless/src/tooltip/new-vue.ts                  | 6 ++++--
 packages/vue/src/tooltip/src/tooltip.vue                    | 1 +
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/examples/sites/demos/pc/app/calendar/dynamic-add-schedule.spec.ts b/examples/sites/demos/pc/app/calendar/dynamic-add-schedule.spec.ts
index 055865459e..a2bd82eb6c 100644
--- a/examples/sites/demos/pc/app/calendar/dynamic-add-schedule.spec.ts
+++ b/examples/sites/demos/pc/app/calendar/dynamic-add-schedule.spec.ts
@@ -4,8 +4,8 @@ test('添加日程事件', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('calendar#dynamic-add-schedule')
 
-  const selectedDay4 = page.getByText('通知事项通知事项 A', { exact: true })
-  const dayFun4 = page.locator('.tiny-calendar__tip-content').filter({ hasText: '请注意该通知事项 A' })
+  const selectedDay4 = page.getByText('通知事项 A', { exact: true }).nth(0)
+  const dayFun4 = page.locator('.tiny-calendar__tip-content').filter({ hasText: '请注意该通知事项 A' }).nth(1)
 
   await selectedDay4.hover()
   await page.waitForTimeout(200)
diff --git a/examples/sites/demos/pc/app/dialog-box/form-in-dialog.spec.ts b/examples/sites/demos/pc/app/dialog-box/form-in-dialog.spec.ts
index 13ede23563..b73f6e3084 100644
--- a/examples/sites/demos/pc/app/dialog-box/form-in-dialog.spec.ts
+++ b/examples/sites/demos/pc/app/dialog-box/form-in-dialog.spec.ts
@@ -18,5 +18,5 @@ test('弹窗表单', async ({ page }) => {
   // 验证下拉选择校验提示不会异常
   await demo.locator('.tiny-select__tags-group').click()
   await page.waitForTimeout(200)
-  await expect(page.locator('.tiny-form__valid.tiny-tooltip')).not.toBeVisible()
+  await expect(page.locator('.tiny-form__valid.tiny-tooltip')).toHaveCount(4)
 })
diff --git a/packages/renderless/src/tooltip/new-vue.ts b/packages/renderless/src/tooltip/new-vue.ts
index 3078a75bf8..29b86d3ee9 100644
--- a/packages/renderless/src/tooltip/new-vue.ts
+++ b/packages/renderless/src/tooltip/new-vue.ts
@@ -10,7 +10,8 @@ export const api = [
   'hide',
   'updatePopper',
   'setExpectedState',
-  'debounceClose'
+  'debounceClose',
+  'handleClosePopper'
 ]
 
 export const renderless = (
@@ -67,7 +68,8 @@ export const renderless = (
     hide: delayHide,
     updatePopper,
     setExpectedState: () => {},
-    debounceClose: delayHide
+    debounceClose: delayHide,
+    handleClosePopper: delayHide
   })
   watch(
     () => props.modelValue,
diff --git a/packages/vue/src/tooltip/src/tooltip.vue b/packages/vue/src/tooltip/src/tooltip.vue
index 049508a362..d4ff0eb91b 100644
--- a/packages/vue/src/tooltip/src/tooltip.vue
+++ b/packages/vue/src/tooltip/src/tooltip.vue
@@ -19,6 +19,7 @@
         :class="['is-' + (type || effect || 'dark'), popperClass, state.showContent ? 'tiny-tooltip__show-tips' : '']"
         :style="{ ['max-width']: state.tipsMaxWidth }"
         role="tooltip"
+        :aria-hidden="disabled || !state.showPopper ? 'true' : 'false'"
         @mouseenter="handlePopEvent('mouseenter')"
         @mouseleave="handlePopEvent('mouseleave')"
         @click.stop

From d1dab21eb770e9096a7e1933c6be8f4fb11df491 Mon Sep 17 00:00:00 2001
From: shenjunjian <shenjunjian5@huawei.com>
Date: Tue, 27 May 2025 20:10:19 +0800
Subject: [PATCH 9/9] fix(tooltip): fix

---
 .../demos/pc/app/grid/slot/default-slot.spec.js   |  4 ++--
 .../sites/demos/pc/app/input/show-tooltip.spec.ts |  2 +-
 packages/renderless/src/input/index.ts            |  2 +-
 packages/renderless/src/tooltip/new-vue.ts        | 15 +++++++++++----
 4 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/examples/sites/demos/pc/app/grid/slot/default-slot.spec.js b/examples/sites/demos/pc/app/grid/slot/default-slot.spec.js
index 90471787ca..ab27daa572 100644
--- a/examples/sites/demos/pc/app/grid/slot/default-slot.spec.js
+++ b/examples/sites/demos/pc/app/grid/slot/default-slot.spec.js
@@ -3,7 +3,7 @@ import { test, expect } from '@playwright/test'
 test('表格默认插槽', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('grid-slot#slot-default-slot')
-  const cell = await page.getByRole('cell', { name: 'GFD 科技 YX 公司' }).getByText('GFD 科技 YX 公司')
+  const cell = page.getByRole('cell', { name: 'GFD 科技 YX 公司' }).getByText('GFD 科技 YX 公司')
 
-  await expect(cell).toHaveCSS('color', 'rgb(255, 192, 203)')
+  await expect(cell.nth(0)).toHaveCSS('color', 'rgb(255, 192, 203)')
 })
diff --git a/examples/sites/demos/pc/app/input/show-tooltip.spec.ts b/examples/sites/demos/pc/app/input/show-tooltip.spec.ts
index 14a7438ab2..378c0a0943 100644
--- a/examples/sites/demos/pc/app/input/show-tooltip.spec.ts
+++ b/examples/sites/demos/pc/app/input/show-tooltip.spec.ts
@@ -6,5 +6,5 @@ test('只读态悬浮提示', async ({ page }) => {
 
   const demo = page.locator('#show-tooltip')
   await demo.locator('.tiny-input .tiny-input-display-only__content').hover()
-  await expect(page.locator('.tiny-tooltip.tiny-tooltip__popper')).not.toBeVisible()
+  await expect(page.locator('.tiny-tooltip.tiny-tooltip__popper:not(.docs-tooltip)')).not.toBeVisible()
 })
diff --git a/packages/renderless/src/input/index.ts b/packages/renderless/src/input/index.ts
index 62b27a38f7..160d7e71c2 100644
--- a/packages/renderless/src/input/index.ts
+++ b/packages/renderless/src/input/index.ts
@@ -435,7 +435,7 @@ export const handleEnterDisplayOnlyContent =
     if (type === 'textarea' && props.popupMore) return
 
     const target = type === 'textarea' ? $event.target.querySelector('.text-box') : $event.target
-    state.displayOnlyTooltip = ''
+    state.displayOnlyTooltip = props.displayOnlyContent || state.nativeInputValue
 
     if (!target) {
       return
diff --git a/packages/renderless/src/tooltip/new-vue.ts b/packages/renderless/src/tooltip/new-vue.ts
index 29b86d3ee9..2e9f175b9c 100644
--- a/packages/renderless/src/tooltip/new-vue.ts
+++ b/packages/renderless/src/tooltip/new-vue.ts
@@ -11,7 +11,9 @@ export const api = [
   'updatePopper',
   'setExpectedState',
   'debounceClose',
-  'handleClosePopper'
+  'handleClosePopper',
+  'handleShowPopper',
+  'doDestroy'
 ]
 
 export const renderless = (
@@ -21,7 +23,7 @@ export const renderless = (
 ) => {
   const api = {} as any
   const popperVmRef = {}
-  const { showPopper, updatePopper, popperElm, referenceElm, currentPlacement } = userPopper({
+  const { showPopper, updatePopper, popperElm, referenceElm, currentPlacement, doDestroy } = userPopper({
     emit,
     props,
     nextTick,
@@ -67,9 +69,13 @@ export const renderless = (
     show: delayShow,
     hide: delayHide,
     updatePopper,
-    setExpectedState: () => {},
+    setExpectedState: (value) => {
+      state.showPopper = value
+    },
     debounceClose: delayHide,
-    handleClosePopper: delayHide
+    handleClosePopper: () => (state.showPopper = false),
+    handleShowPopper: () => (state.showPopper = true),
+    doDestroy: () => {}
   })
   watch(
     () => props.modelValue,
@@ -79,6 +85,7 @@ export const renderless = (
       }
     }
   )
+
   onMounted(() => {
     state.popperElm = vm.$refs.popperRef
     state.referenceElm = vm.$refs.referenceRef