@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/es/utils/hooks/useDebounceValue/index.js

@@ -1,21 +1,31 @@
-// src/utils/hooks/useDebounceValue/index.ts
-import { useEffect, useState } from "react";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useEffect, useState } from 'react';
 import { useLatest } from "../useLatest";
-function useDebounceValue(value, delay = 100, deps) {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  const valueRef = useLatest(value);
-  useEffect(
-    () => {
-      const handler = setTimeout(() => {
-        setDebouncedValue(valueRef.current);
-      }, delay);
-      return () => clearTimeout(handler);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    deps ? [delay, ...deps] : void 0
-  );
+/**
+ * 一个去抖的setState 减少更新的频率
+ * @param  {T} value
+ * @param  {number=100} delay
+ * @param  {DependencyList} deps?
+ * @returns T
+ */
+export function useDebounceValue(value) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
+  var deps = arguments.length > 2 ? arguments[2] : undefined;
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    debouncedValue = _useState2[0],
+    setDebouncedValue = _useState2[1];
+  var valueRef = useLatest(value);
+  useEffect(function () {
+    var handler = setTimeout(function () {
+      setDebouncedValue(valueRef.current);
+    }, delay);
+    return function () {
+      return clearTimeout(handler);
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  deps ? [delay].concat(_toConsumableArray(deps)) : undefined);
   return debouncedValue;
-}
-export {
-  useDebounceValue
-};
+}

package/es/utils/hooks/useDeepCompareEffect/index.js

@@ -1,53 +1,38 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/utils/hooks/useDeepCompareEffect/index.ts
-import { useEffect, useRef } from "react";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import { useEffect, useRef } from 'react';
 import { isDeepEqualReact } from "../../isDeepEqualReact";
 import { useDebounceFn } from "../useDebounceFn";
-var isDeepEqual = (a, b, ignoreKeys) => isDeepEqualReact(a, b, ignoreKeys);
-function useDeepCompareMemoize(value, ignoreKeys) {
-  const ref = useRef();
+export var isDeepEqual = function isDeepEqual(a, b, ignoreKeys) {
+  return isDeepEqualReact(a, b, ignoreKeys);
+};
+export function useDeepCompareMemoize(value, ignoreKeys) {
+  var ref = useRef();
+  // it can be done by using useMemo as well
+  // but useRef is rather cleaner and easier
   if (!isDeepEqual(value, ref.current, ignoreKeys)) {
     ref.current = value;
   }
   return ref.current;
 }
-function useDeepCompareEffect(effect, dependencies, ignoreKeys) {
+export function useDeepCompareEffect(effect, dependencies, ignoreKeys) {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(effect, useDeepCompareMemoize(dependencies || [], ignoreKeys));
 }
-function useDeepCompareEffectDebounce(effect, dependencies, ignoreKeys, waitTime) {
-  const effectDn = useDebounceFn(() => __async(this, null, function* () {
-    effect();
-  }), waitTime || 16);
-  useEffect(
-    () => {
-      effectDn.run();
-    },
-    useDeepCompareMemoize(dependencies || [], ignoreKeys)
-  );
-}
-export {
-  isDeepEqual,
-  useDeepCompareEffect,
-  useDeepCompareEffectDebounce,
-  useDeepCompareMemoize
-};
+export function useDeepCompareEffectDebounce(effect, dependencies, ignoreKeys, waitTime) {
+  var effectDn = useDebounceFn( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          effect();
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), waitTime || 16);
+  useEffect(function () {
+    effectDn.run();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, useDeepCompareMemoize(dependencies || [], ignoreKeys));
+}

package/es/utils/hooks/useDeepCompareMemo/index.js

@@ -1,13 +1,15 @@
-// src/utils/hooks/useDeepCompareMemo/index.ts
-import React from "react";
+import React from 'react';
 import { useDeepCompareMemoize } from "../useDeepCompareEffect";
+
+/**
+ * `useDeepCompareMemo` will only recompute the memoized value when one of the
+ * `deps` has changed.
+ *
+ * Usage note: only use this if `deps` are objects or arrays that contain
+ * objects. Otherwise you should just use React.useMemo.
+ *
+ */
 function useDeepCompareMemo(factory, dependencies) {
-  return React.useMemo(
-    factory,
-    useDeepCompareMemoize(dependencies)
-  );
+  return React.useMemo(factory, useDeepCompareMemoize(dependencies));
 }
-var useDeepCompareMemo_default = useDeepCompareMemo;
-export {
-  useDeepCompareMemo_default as default
-};
+export default useDeepCompareMemo;

package/es/utils/hooks/useDocumentTitle/index.js

@@ -1,14 +1,10 @@
-// src/utils/hooks/useDocumentTitle/index.ts
-import { useEffect } from "react";
+import { useEffect } from 'react';
 import { isBrowser } from "../../isBrowser";
-function useDocumentTitle(titleInfo, appDefaultTitle) {
-  const titleText = typeof titleInfo.pageName === "string" ? titleInfo.title : appDefaultTitle;
-  useEffect(() => {
+export function useDocumentTitle(titleInfo, appDefaultTitle) {
+  var titleText = typeof titleInfo.pageName === 'string' ? titleInfo.title : appDefaultTitle;
+  useEffect(function () {
     if (isBrowser() && titleText) {
       document.title = titleText;
     }
   }, [titleInfo.title, titleText]);
-}
-export {
-  useDocumentTitle
-};
+}

package/es/utils/hooks/useFetchData/index.js

@@ -1,71 +1,78 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/utils/hooks/useFetchData/index.tsx
-import { useRef, useState } from "react";
-import useSWR from "swr";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useRef, useState } from 'react';
+import useSWR from 'swr';
 var testId = 0;
-function useFetchData(props) {
-  const abortRef = useRef(null);
-  const [cacheKey] = useState(() => {
-    if (props.proFieldKey) {
-      return props.proFieldKey.toString();
-    }
-    testId += 1;
-    return testId.toString();
-  });
-  const proFieldKeyRef = useRef(cacheKey);
-  const fetchData = () => __async(this, null, function* () {
-    var _a;
-    (_a = abortRef.current) == null ? void 0 : _a.abort();
-    const abort = new AbortController();
-    abortRef.current = abort;
-    try {
-      if (!props.request) {
-        return void 0;
-      }
-      const response = yield props.request(props.params, abort.signal);
-      return response;
-    } catch (error2) {
-      if (error2.name === "AbortError") {
-        return void 0;
+export function useFetchData(props) {
+  var abortRef = useRef(null);
+  /** Key 是用来缓存请求的，如果不在是有问题 */
+  var _useState = useState(function () {
+      if (props.proFieldKey) {
+        return props.proFieldKey.toString();
       }
-      throw error2;
-    }
-  });
-  const { data, error, isValidating } = useSWR(
-    props.request ? [cacheKey, props.params] : null,
-    fetchData,
-    {
+      testId += 1;
+      return testId.toString();
+    }),
+    _useState2 = _slicedToArray(_useState, 1),
+    cacheKey = _useState2[0];
+  var proFieldKeyRef = useRef(cacheKey);
+  var fetchData = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _abortRef$current;
+      var abort, response;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            (_abortRef$current = abortRef.current) === null || _abortRef$current === void 0 || _abortRef$current.abort();
+            abort = new AbortController();
+            abortRef.current = abort;
+            _context.prev = 3;
+            if (props.request) {
+              _context.next = 6;
+              break;
+            }
+            return _context.abrupt("return", undefined);
+          case 6:
+            _context.next = 8;
+            return props.request(props.params, abort.signal);
+          case 8:
+            response = _context.sent;
+            return _context.abrupt("return", response);
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](3);
+            if (!(_context.t0.name === 'AbortError')) {
+              _context.next = 16;
+              break;
+            }
+            return _context.abrupt("return", undefined);
+          case 16:
+            throw _context.t0;
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 12]]);
+    }));
+    return function fetchData() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var _useSWR = useSWR(props.request ? [cacheKey, props.params] : null, fetchData, {
       revalidateOnFocus: false,
       shouldRetryOnError: false,
-      onError: () => {
+      onError: function onError() {
+        // 这里可以添加错误处理逻辑
       }
-    }
-  );
+    }),
+    data = _useSWR.data,
+    error = _useSWR.error,
+    isValidating = _useSWR.isValidating;
+
+  // 如果没有请求，返回 [undefined, false]
   if (!props.request) {
-    return [void 0, false];
+    return [undefined, false];
   }
   return [data, isValidating];
-}
-export {
-  useFetchData
-};
+}

package/es/utils/hooks/useForceRender/index.js

@@ -1,10 +1,13 @@
-// src/utils/hooks/useForceRender/index.ts
-import { useCallback, useState } from "react";
-function useForceRender() {
-  const [, setValue] = useState(true);
-  const updateValue = useCallback(() => setValue((oldValue) => !oldValue), []);
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useCallback, useState } from 'react';
+export default function useForceRender() {
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    setValue = _useState2[1];
+  var updateValue = useCallback(function () {
+    return setValue(function (oldValue) {
+      return !oldValue;
+    });
+  }, []);
   return updateValue;
-}
-export {
-  useForceRender as default
-};
+}

package/es/utils/hooks/useLatest/index.js

@@ -1,10 +1,10 @@
-// src/utils/hooks/useLatest/index.ts
-import { useRef } from "react";
-var useLatest = (value) => {
-  const ref = useRef(value);
+import { useRef } from 'react';
+
+/**
+ * @see https://github.com/streamich/react-use/blob/master/docs/useLatest.md
+ */
+export var useLatest = function useLatest(value) {
+  var ref = useRef(value);
   ref.current = value;
   return ref;
-};
-export {
-  useLatest
-};
+};

package/es/utils/hooks/usePrevious/index.js

@@ -1,12 +1,8 @@
-// src/utils/hooks/usePrevious/index.ts
-import { useEffect, useRef } from "react";
-var usePrevious = (state) => {
-  const ref = useRef();
-  useEffect(() => {
+import { useEffect, useRef } from 'react';
+export var usePrevious = function usePrevious(state) {
+  var ref = useRef();
+  useEffect(function () {
     ref.current = state;
   });
   return ref.current;
-};
-export {
-  usePrevious
-};
+};

package/es/utils/hooks/useReactiveRef/index.js

@@ -1,11 +1,7 @@
-// src/utils/hooks/useReactiveRef/index.ts
 import useForceRender from "../useForceRender";
 import { useRefCallback } from "../useRefCallback";
-function useReactiveRef(initialValue) {
-  const forceRender = useForceRender();
-  const ref = useRefCallback(forceRender, initialValue);
+export function useReactiveRef(initialValue) {
+  var forceRender = useForceRender();
+  var ref = useRefCallback(forceRender, initialValue);
   return ref;
-}
-export {
-  useReactiveRef
-};
+}

package/es/utils/hooks/useRefCallback/index.js

@@ -1,12 +1,11 @@
-// src/utils/hooks/useRefCallback/index.ts
-import { useMemo } from "react";
-function useRefCallback(callback, initialValue) {
-  const ref = useMemo(() => {
-    const defaultValue = {
+import { useMemo } from 'react';
+export function useRefCallback(callback, initialValue) {
+  var ref = useMemo(function () {
+    var defaultValue = {
       current: initialValue
     };
     return new Proxy(defaultValue, {
-      set(target, prop, newValue) {
+      set: function set(target, prop, newValue) {
         if (!Object.is(target[prop], newValue)) {
           target[prop] = newValue;
           callback(ref);
@@ -16,7 +15,4 @@ function useRefCallback(callback, initialValue) {
     });
   }, []);
   return ref;
-}
-export {
-  useRefCallback
-};
+}

package/es/utils/hooks/useRefFunction/index.js

@@ -1,13 +1,14 @@
-// src/utils/hooks/useRefFunction/index.ts
-import { useCallback, useRef } from "react";
-var useRefFunction = (reFunction) => {
-  const ref = useRef(null);
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { useCallback, useRef } from 'react';
+var useRefFunction = function useRefFunction(reFunction) {
+  var ref = useRef(null);
   ref.current = reFunction;
-  return useCallback((...rest) => {
-    var _a;
-    return (_a = ref.current) == null ? void 0 : _a.call(ref, ...rest);
+  return useCallback(function () {
+    var _ref$current;
+    for (var _len = arguments.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
+      rest[_key] = arguments[_key];
+    }
+    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.call.apply(_ref$current, [ref].concat(_toConsumableArray(rest)));
   }, []);
 };
-export {
-  useRefFunction
-};
+export { useRefFunction };

package/es/utils/index.d.ts

@@ -1,6 +1,4 @@
 import { lighten, operationUnit, resetComponent, setAlpha, useStyle } from '../provider';
-import { compareVersions } from './compareVersions';
-import { coverToNewToken } from './compareVersions/coverToNewToken';
 import { DropdownFooter } from './components/DropdownFooter';
 import { ErrorBoundary } from './components/ErrorBoundary';
 import { FieldLabel } from './components/FieldLabel';
@@ -50,5 +48,5 @@ import { useEditableMap } from './useEditableMap';
 import { useBreakpoint } from './useMediaQuery';
 import { useMountMergeState } from './useMountMergeState';
 export * from './typing';
-export { compareVersions, conversionMomentValue, conversionMomentValue as conversionSubmitValue, convertMoment, coverToNewToken, dateArrayFormatter, dateFormatterMap, DropdownFooter, editableRowByKey, ErrorBoundary, FieldLabel, FilterDropdown, genCopyable, getFieldPropsOrFormItemProps, InlineErrorFormItem, isBrowser, isDeepEqualReact, isDropdownValueType, isImg, isNil, isUrl, LabelIconTip, lighten, merge, nanoid, objectToMap, omitBoolean, omitUndefined, omitUndefinedAndEmptyArr, operationUnit, parseValueToDay, pickProFormItemProps, pickProProps, proFieldParsingText, ProFormContext, recordKeyToString, resetComponent, runFunction, setAlpha, stringify, transformKeySubmitValue, useBreakpoint, useDebounceFn, useDebounceValue, useDeepCompareEffect, useDeepCompareEffectDebounce, useDeepCompareMemo, useDocumentTitle, useEditableArray, useEditableMap, useFetchData, useLatest, useMountMergeState, usePrevious, useReactiveRef, useRefCallback, useRefFunction, useStyle, };
+export { conversionMomentValue, conversionMomentValue as conversionSubmitValue, convertMoment, dateArrayFormatter, dateFormatterMap, DropdownFooter, editableRowByKey, ErrorBoundary, FieldLabel, FilterDropdown, genCopyable, getFieldPropsOrFormItemProps, InlineErrorFormItem, isBrowser, isDeepEqualReact, isDropdownValueType, isImg, isNil, isUrl, LabelIconTip, lighten, merge, nanoid, objectToMap, omitBoolean, omitUndefined, omitUndefinedAndEmptyArr, operationUnit, parseValueToDay, pickProFormItemProps, pickProProps, proFieldParsingText, ProFormContext, recordKeyToString, resetComponent, runFunction, setAlpha, stringify, transformKeySubmitValue, useBreakpoint, useDebounceFn, useDebounceValue, useDeepCompareEffect, useDeepCompareEffectDebounce, useDeepCompareMemo, useDocumentTitle, useEditableArray, useEditableMap, useFetchData, useLatest, useMountMergeState, usePrevious, useReactiveRef, useRefCallback, useRefFunction, useStyle, };
 export type { ProFormInstanceType, ProRequestData, RowEditableConfig, RowEditableType, UseEditableMapType, UseEditableMapUtilType, UseEditableType, UseEditableUtilType, };

package/es/utils/index.js

@@ -1,13 +1,4 @@
-// src/utils/index.tsx
-import {
-  lighten,
-  operationUnit,
-  resetComponent,
-  setAlpha,
-  useStyle
-} from "../provider";
-import { compareVersions } from "./compareVersions";
-import { coverToNewToken } from "./compareVersions/coverToNewToken";
+import { lighten, operationUnit, resetComponent, setAlpha, useStyle } from "../provider";
 import { DropdownFooter } from "./components/DropdownFooter";
 import { ErrorBoundary } from "./components/ErrorBoundary";
 import { FieldLabel } from "./components/FieldLabel";
@@ -15,20 +6,13 @@ import { FilterDropdown } from "./components/FilterDropdown";
 import { InlineErrorFormItem } from "./components/InlineErrorFormItem";
 import { LabelIconTip } from "./components/LabelIconTip";
 import { ProFormContext } from "./components/ProFormContext";
-import {
-  conversionMomentValue,
-  convertMoment,
-  dateFormatterMap
-} from "./conversionMomentValue";
+import { conversionMomentValue, convertMoment, dateFormatterMap } from "./conversionMomentValue";
 import { dateArrayFormatter } from "./dateArrayFormatter";
 import { genCopyable } from "./genCopyable";
 import { getFieldPropsOrFormItemProps } from "./getFieldPropsOrFormItemProps";
 import { useDebounceFn } from "./hooks/useDebounceFn";
 import { useDebounceValue } from "./hooks/useDebounceValue";
-import {
-  useDeepCompareEffect,
-  useDeepCompareEffectDebounce
-} from "./hooks/useDeepCompareEffect";
+import { useDeepCompareEffect, useDeepCompareEffectDebounce } from "./hooks/useDeepCompareEffect";
 import useDeepCompareMemo from "./hooks/useDeepCompareMemo";
 import { useDocumentTitle } from "./hooks/useDocumentTitle";
 import { useFetchData } from "./hooks/useFetchData";
@@ -55,72 +39,13 @@ import { objectToMap, proFieldParsingText } from "./proFieldParsingText";
 import { runFunction } from "./runFunction";
 import stringify from "./stringify";
 import { transformKeySubmitValue } from "./transformKeySubmitValue";
-import {
-  editableRowByKey,
-  recordKeyToString,
-  useEditableArray
-} from "./useEditableArray";
+import { editableRowByKey, recordKeyToString, useEditableArray } from "./useEditableArray";
 import { useEditableMap } from "./useEditableMap";
 import { useBreakpoint } from "./useMediaQuery";
 import { useMountMergeState } from "./useMountMergeState";
 export * from "./typing";
-export {
-  DropdownFooter,
-  ErrorBoundary,
-  FieldLabel,
-  FilterDropdown,
-  InlineErrorFormItem,
-  LabelIconTip,
-  ProFormContext,
-  compareVersions,
-  conversionMomentValue,
-  conversionMomentValue as conversionSubmitValue,
-  convertMoment,
-  coverToNewToken,
-  dateArrayFormatter,
-  dateFormatterMap,
-  editableRowByKey,
-  genCopyable,
-  getFieldPropsOrFormItemProps,
-  isBrowser,
-  isDeepEqualReact,
-  isDropdownValueType,
-  isImg,
-  isNil,
-  isUrl,
-  lighten,
-  merge,
-  nanoid,
-  objectToMap,
-  omitBoolean,
-  omitUndefined,
-  omitUndefinedAndEmptyArr,
-  operationUnit,
-  parseValueToDay,
-  pickProFormItemProps,
-  pickProProps,
-  proFieldParsingText,
-  recordKeyToString,
-  resetComponent,
-  runFunction,
-  setAlpha,
-  stringify,
-  transformKeySubmitValue,
-  useBreakpoint,
-  useDebounceFn,
-  useDebounceValue,
-  useDeepCompareEffect,
-  useDeepCompareEffectDebounce,
-  useDeepCompareMemo,
-  useDocumentTitle,
-  useEditableArray,
-  useEditableMap,
-  useFetchData,
-  useLatest,
-  useMountMergeState,
-  usePrevious,
-  useReactiveRef,
-  useRefCallback,
-  useRefFunction,
-  useStyle
-};
+export { conversionMomentValue, conversionMomentValue as conversionSubmitValue, convertMoment, dateArrayFormatter, dateFormatterMap, DropdownFooter, editableRowByKey, ErrorBoundary, FieldLabel, FilterDropdown, genCopyable, getFieldPropsOrFormItemProps, InlineErrorFormItem, isBrowser, isDeepEqualReact, isDropdownValueType, isImg, isNil, isUrl, LabelIconTip, lighten, merge, nanoid, objectToMap, omitBoolean, omitUndefined, omitUndefinedAndEmptyArr, operationUnit, parseValueToDay, pickProFormItemProps, pickProProps, proFieldParsingText, ProFormContext, recordKeyToString, resetComponent, runFunction, setAlpha, stringify,
+// function
+transformKeySubmitValue, useBreakpoint, useDebounceFn, useDebounceValue, useDeepCompareEffect, useDeepCompareEffectDebounce, useDeepCompareMemo, useDocumentTitle,
+// hooks
+useEditableArray, useEditableMap, useFetchData, useLatest, useMountMergeState, usePrevious, useReactiveRef, useRefCallback, useRefFunction, useStyle };

package/es/utils/isBrowser/index.js

@@ -1,11 +1,16 @@
-// src/utils/isBrowser/index.ts
-var isNode = typeof process !== "undefined" && process.versions != null && process.versions.node != null;
-var isBrowser = () => {
-  if (typeof process !== "undefined" && false) {
+var isNode = typeof process !== 'undefined' && process.versions != null && process.versions.node != null;
+
+/**
+ * 用于判断当前是否在浏览器环境中。
+ * 首先会判断当前是否处于测试环境中（通过 process.env.NODE_ENV === 'TEST' 判断），
+ * 如果是，则返回 true。否则，会进一步判断是否存在 window 对象、document 对象以及 matchMedia 方法
+ * 同时通过 !isNode 判断当前不是在服务器（Node.js）环境下执行，
+ * 如果都符合，则返回 true 表示当前处于浏览器环境中。
+ * @returns  boolean
+ */
+export var isBrowser = function isBrowser() {
+  if (typeof process !== 'undefined' && process.env.NODE_ENV === 'TEST') {
     return true;
   }
-  return typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.matchMedia !== "undefined" && !isNode;
-};
-export {
-  isBrowser
-};
+  return typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.matchMedia !== 'undefined' && !isNode;
+};