feat(Tooltip): 增加 updatePopperPosition 方法

WeBankFinTech · Oct 21, 2024 · ac1e075 · ac1e075
1 parent 16fc6c1
commit ac1e075
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/components/tooltip/tooltip.tsx b/components/tooltip/tooltip.tsx
@@ -3,6 +3,7 @@ import {
     type PropType,
     computed,
     defineComponent,
+    ref,
 } from 'vue';
 import { isNil } from 'lodash-es';
 import { useVModel } from '@vueuse/core';
@@ -62,6 +63,8 @@ export default defineComponent({
             currentValue.value = val;
         };
 
+        const popperElRef = ref(null);
+
         function getPopperSlots() {
             return {
                 trigger: ctx.slots.default,
@@ -159,11 +162,18 @@ export default defineComponent({
             return _props;
         });
 
+        ctx.expose({
+            updatePopperPosition() {
+                popperElRef.value?.updatePopperPosition();
+            },
+        });
+
         return () => {
             return (
                 <Popper
                     {...popperPropsRef.value}
                     v-model={currentValue.value}
+                    ref={popperElRef}
                     popperClass={[
                         prefixCls,
                         `${prefixCls}-${props.mode}`,

diff --git a/docs/.vitepress/components/popper/passive.vue b/docs/.vitepress/components/popper/passive.vue
@@ -1,6 +1,6 @@
 <template>
     <FSpace>
-        <FForm :labelWidth="100">
+        <FForm :labelWidth="150">
             <FFormItem label="是否显示:">
                 <FRadioGroup
                     v-model="visible"

diff --git a/docs/.vitepress/components/tooltip/passive.vue b/docs/.vitepress/components/tooltip/passive.vue
@@ -1,6 +1,6 @@
 <template>
     <FSpace>
-        <FForm :labelWidth="100">
+        <FForm :labelWidth="150">
             <FFormItem label="是否显示:">
                 <FRadioGroup
                     v-model="visible"