fix: ssr build error

zzxming · Aug 2, 2024 · ddd0cc7 · ddd0cc7
1 parent 1c3fecc
commit ddd0cc7
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/directives/tooltip/index.ts b/packages/directives/tooltip/index.ts
@@ -8,13 +8,10 @@ const distance = 4;
 type ToolTipElement = HTMLElement & { [tooltipKey]: HTMLElement };
 type ToolTipOptions = string;
 
+let tooltipWrapper: HTMLElement;
 const { nextZIndex } = useZIndex();
 const [, bem] = useBem('tooltip');
 
-const tooltipWrapper = document.createElement('div');
-tooltipWrapper.className = bem.be('wrapper');
-document.body.appendChild(tooltipWrapper);
-
 const directions = ['top', 'right', 'bottom', 'left'] as const;
 const getValidDirection = (val: any): typeof directions[number] => {
   if (!directions.includes(val)) {
@@ -114,6 +111,11 @@ const updateTooltipValue = (el: ToolTipElement, binding: DirectiveBinding<ToolTi
   el.dataset.direction = getValidDirection(binding.arg || '');
 };
 const createTooltip = (el: ToolTipElement, binding: DirectiveBinding<ToolTipOptions>) => {
+  if (!tooltipWrapper) {
+    tooltipWrapper = document.createElement('div');
+    tooltipWrapper.className = bem.be('wrapper');
+    document.body.appendChild(tooltipWrapper);
+  }
   const tooltipContent = document.createElement('div');
   tooltipContent.className = `${bem.b()} ${bem.bm('hidden')}`;
   const tooltipText = document.createElement('span');