Merge pull request #928 from Tencent/fix/color-picker-ssr

fix: ssr render
Tencent · May 30, 2022 · a6ab0a3 · a6ab0a3
2 parents 848bd1d + 325eb88
commit a6ab0a3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/color-picker/utils/click-outsider.ts b/src/color-picker/utils/click-outsider.ts
@@ -1,7 +1,7 @@
 import { ComponentPublicInstance } from '@vue/composition-api';
 import { VNode } from 'vue';
 import { prefix } from '../../config';
-import { on } from '../../utils/dom';
+import { on, isServer } from '../../utils/dom';
 
 type Handler = (...args: unknown[]) => unknown;
 
@@ -19,7 +19,7 @@ let startClick: MouseEvent;
 
 let uid = 0;
 
-if (window && window.document) {
+if (!isServer && window.document) {
   on(document, 'mousedown', (e: MouseEvent) => (startClick = e));
   on(document, 'mouseup', (e: MouseEvent) => {
     // eslint-disable-next-line no-restricted-syntax

diff --git a/src/utils/dom.ts b/src/utils/dom.ts
@@ -8,9 +8,9 @@ import isString from 'lodash/isString';
 import { easeInOutCubic, EasingFunction } from './easing';
 import { ScrollContainer, ScrollContainerElement } from '../common';
 
-const isServer = Vue.prototype.$isServer || typeof window === 'undefined';
+export const isServer = Vue.prototype.$isServer || typeof window === 'undefined';
 
-const trim = (str: string): string => (str || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
+export const trim = (str: string): string => (str || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
 
 export const on = ((): any => {
   if (!isServer && document.addEventListener) {