fix(Watermark): fix watermark in ssr (#3764)

* fix(Watermark): fix watermark in ssr

* fix(Watermark): fix watermark in ssr

Author: uyarn

packages/components/hooks/useVariables.ts

@@ -2,6 +2,7 @@ import { useMemo, useState } from 'react';
 import { THEME_MODE } from '@tdesign/common-js/common';
 import getColorTokenColor from '@tdesign/common-js/utils/getColorTokenColor';
 import useMutationObservable from './useMutationObserver';
+import { canUseDocument } from '../_util/dom';
 
 const DEFAULT_OPTIONS = {
   debounceTime: 250,
@@ -28,17 +29,22 @@ function useVariables<T extends Record<string, string>>(
   variables: T,
   targetElement?: HTMLElement,
 ): Record<keyof T, string> {
-  if (typeof window !== undefined && !targetElement) {
+  const [, forceUpdate] = useState<Record<string, never>>({});
+
+  // @ts-expect-error
+  if (!canUseDocument) return {};
+
+  if (!targetElement) {
     // eslint-disable-next-line no-param-reassign
     targetElement = document?.documentElement;
   }
-  const [, forceUpdate] = useState<Record<string, never>>({});
 
   // 确保 variables 参数有效
   if (!variables || Object.keys(variables).length === 0) {
     throw new Error('useVariables: variables parameter cannot be empty');
   }
 
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const refs = useMemo(() => {
     const values = {} as Record<keyof T, string>;
 
@@ -71,6 +77,7 @@ function useVariables<T extends Record<string, string>>(
     }
   };
 
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   useMutationObservable(
     targetElement,
     (mutationsList) => {