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

package/es/provider/index.js

@@ -1,251 +1,300 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/provider/index.tsx
-import { useCacheToken } from "@ant-design/cssinjs";
-import { ConfigProvider as AntdConfigProvider, theme as antdTheme } from "antd";
-import zh_CN from "antd/lib/locale/zh_CN";
-import dayjs from "dayjs";
-import "dayjs/locale/zh-cn";
-import React, { useContext, useEffect, useMemo } from "react";
-import { SWRConfig, useSWRConfig } from "swr";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["locale", "getPrefixCls"],
+  _excluded2 = ["locale", "theme"];
+import { useCacheToken } from '@ant-design/cssinjs';
+import { ConfigProvider as AntdConfigProvider, theme as antdTheme } from 'antd';
+import zh_CN from 'antd/lib/locale/zh_CN';
+import dayjs from 'dayjs';
+import 'dayjs/locale/zh-cn';
+import React, { useContext, useEffect, useMemo } from 'react';
+import { SWRConfig, useSWRConfig } from 'swr';
 import { findIntlKeyByAntdLocaleKey, intlMap, zhCNIntl } from "./intl";
 import { getLayoutDesignToken } from "./typing/layoutToken";
 import { merge } from "./utils/merge";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export * from "./intl";
 export * from "./useStyle";
-var omitUndefined = (obj) => {
-  const newObj = {};
-  Object.keys(obj || {}).forEach((key) => {
-    if (obj[key] !== void 0) {
+var omitUndefined = function omitUndefined(obj) {
+  var newObj = {};
+  Object.keys(obj || {}).forEach(function (key) {
+    if (obj[key] !== undefined) {
       newObj[key] = obj[key];
     }
   });
   if (Object.keys(newObj).length < 1) {
-    return void 0;
+    return undefined;
   }
   return newObj;
 };
-var isNeedOpenHash = () => {
-  if (typeof process !== "undefined" && (("development" == null ? void 0 : "development".toUpperCase()) === "TEST" || ("development" == null ? void 0 : "development".toUpperCase()) === "DEV")) {
+
+/**
+ * 用于判断当前是否需要开启哈希（Hash）模式。
+ * 首先也会判断当前是否处于测试环境中（通过 process.env.NODE_ENV === 'TEST' 判断），
+ * 如果是，则返回 false。否则，直接返回 true 表示需要打开。
+ * @returns
+ */
+export var isNeedOpenHash = function isNeedOpenHash() {
+  var _process$env$NODE_ENV, _process$env$NODE_ENV2;
+  if (typeof process !== 'undefined' && (((_process$env$NODE_ENV = process.env.NODE_ENV) === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toUpperCase()) === 'TEST' || ((_process$env$NODE_ENV2 = process.env.NODE_ENV) === null || _process$env$NODE_ENV2 === void 0 ? void 0 : _process$env$NODE_ENV2.toUpperCase()) === 'DEV')) {
     return false;
   }
   return true;
 };
-var ProConfigContext = React.createContext({
-  intl: __spreadProps(__spreadValues({}, zhCNIntl), {
-    locale: "default"
+
+/**
+ * 用于配置 ValueEnum 的通用配置
+ */
+
+/**
+ * 支持 Map 和 Object
+ *
+ * @name ValueEnum 的类型
+ */
+
+/**
+ * 支持 Map 和 Object
+ */
+
+/**
+ * BaseProFieldFC 的类型设置
+ */
+
+/** Render 第二个参数，里面包含了一些常用的参数 */
+
+/**
+ * 自带的token 配置
+ */
+
+/* Creating a context object with the default values. */
+var ProConfigContext = /*#__PURE__*/React.createContext({
+  intl: _objectSpread(_objectSpread({}, zhCNIntl), {}, {
+    locale: 'default'
   }),
   valueTypeMap: {},
   hashed: true,
   dark: false,
-  token: __spreadProps(__spreadValues({}, antdTheme.getDesignToken()), {
-    proComponentsCls: ".ant-pro",
-    antCls: ".ant",
+  token: _objectSpread(_objectSpread({}, antdTheme.getDesignToken()), {}, {
+    proComponentsCls: '.ant-pro',
+    antCls: '.ant',
     themeId: 0
   })
 });
-var { Consumer: ConfigConsumer } = ProConfigContext;
-var CacheClean = () => {
-  const { cache } = useSWRConfig();
-  useEffect(() => {
-    return () => {
+var ConfigConsumer = ProConfigContext.Consumer;
+
+/**
+ * 组件解除挂载后清空一下 cache
+ * @date 2022-11-28
+ * @returns null
+ */
+export { ConfigConsumer };
+var CacheClean = function CacheClean() {
+  var _useSWRConfig = useSWRConfig(),
+    cache = _useSWRConfig.cache;
+  useEffect(function () {
+    return function () {
+      // is a map
+      // @ts-ignore
       cache.clear();
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return null;
 };
-var ConfigProviderContainer = (props) => {
-  var _b, _c;
-  const {
-    children,
-    dark,
-    valueTypeMap,
-    autoClearCache = false,
-    token: propsToken,
-    prefixCls,
-    intl
-  } = props;
-  const _a = useContext(
-    AntdConfigProvider.ConfigContext
-  ), { locale, getPrefixCls } = _a, restConfig = __objRest(_a, ["locale", "getPrefixCls"]);
-  const tokenContext = (_c = (_b = antdTheme).useToken) == null ? void 0 : _c.call(_b);
-  const proProvide = useContext(ProConfigContext);
-  const proComponentsCls = prefixCls ? `.${prefixCls}` : `.${getPrefixCls()}-pro`;
-  const antCls = "." + getPrefixCls();
-  const salt = `${proComponentsCls}`;
-  const proLayoutTokenMerge = useMemo(() => {
+
+/**
+ * 用于配置 Pro 的组件,分装之后会简单一些
+ * @param props
+ * @returns
+ */
+var ConfigProviderContainer = function ConfigProviderContainer(props) {
+  var _antdTheme$useToken;
+  var children = props.children,
+    dark = props.dark,
+    valueTypeMap = props.valueTypeMap,
+    _props$autoClearCache = props.autoClearCache,
+    autoClearCache = _props$autoClearCache === void 0 ? false : _props$autoClearCache,
+    propsToken = props.token,
+    prefixCls = props.prefixCls,
+    intl = props.intl;
+  var _useContext = useContext(AntdConfigProvider.ConfigContext),
+    locale = _useContext.locale,
+    getPrefixCls = _useContext.getPrefixCls,
+    restConfig = _objectWithoutProperties(_useContext, _excluded);
+  var tokenContext = (_antdTheme$useToken = antdTheme.useToken) === null || _antdTheme$useToken === void 0 ? void 0 : _antdTheme$useToken.call(antdTheme);
+  var proProvide = useContext(ProConfigContext);
+
+  /**
+   * pro 的 类
+   * @type {string}
+   * @example .ant-pro
+   */
+
+  var proComponentsCls = prefixCls ? ".".concat(prefixCls) : ".".concat(getPrefixCls(), "-pro");
+  var antCls = '.' + getPrefixCls();
+  var salt = "".concat(proComponentsCls);
+  /**
+   * 合并一下token，不然导致嵌套 token 失效
+   */
+  var proLayoutTokenMerge = useMemo(function () {
     return getLayoutDesignToken(propsToken || {}, tokenContext.token);
   }, [propsToken, tokenContext.token]);
-  const proProvideValue = useMemo(() => {
-    var _a2;
-    const localeName = locale == null ? void 0 : locale.locale;
-    const key = findIntlKeyByAntdLocaleKey(localeName);
-    const resolvedIntl = intl != null ? intl : localeName && ((_a2 = proProvide.intl) == null ? void 0 : _a2.locale) === "default" ? intlMap[key] : proProvide.intl || intlMap[key];
-    return __spreadProps(__spreadValues({}, proProvide), {
-      dark: dark != null ? dark : proProvide.dark,
+  var proProvideValue = useMemo(function () {
+    var _proProvide$intl;
+    var localeName = locale === null || locale === void 0 ? void 0 : locale.locale;
+    var key = findIntlKeyByAntdLocaleKey(localeName);
+    // antd 的 key 存在的时候以 antd 的为主
+    var resolvedIntl = intl !== null && intl !== void 0 ? intl : localeName && ((_proProvide$intl = proProvide.intl) === null || _proProvide$intl === void 0 ? void 0 : _proProvide$intl.locale) === 'default' ? intlMap[key] : proProvide.intl || intlMap[key];
+    return _objectSpread(_objectSpread({}, proProvide), {}, {
+      dark: dark !== null && dark !== void 0 ? dark : proProvide.dark,
       token: merge(proProvide.token, tokenContext.token, {
-        proComponentsCls,
-        antCls,
+        proComponentsCls: proComponentsCls,
+        antCls: antCls,
         themeId: tokenContext.theme.id,
         layout: proLayoutTokenMerge
       }),
       intl: resolvedIntl || zhCNIntl
     });
-  }, [
-    locale == null ? void 0 : locale.locale,
-    proProvide,
-    dark,
-    tokenContext.token,
-    tokenContext.theme.id,
-    proComponentsCls,
-    antCls,
-    proLayoutTokenMerge,
-    intl
-  ]);
-  const finalToken = __spreadProps(__spreadValues({}, proProvideValue.token || {}), {
-    proComponentsCls
+  }, [locale === null || locale === void 0 ? void 0 : locale.locale, proProvide, dark, tokenContext.token, tokenContext.theme.id, proComponentsCls, antCls, proLayoutTokenMerge, intl]);
+  var finalToken = _objectSpread(_objectSpread({}, proProvideValue.token || {}), {}, {
+    proComponentsCls: proComponentsCls
   });
-  const [token, nativeHashId] = useCacheToken(
-    tokenContext.theme,
-    [tokenContext.token, finalToken != null ? finalToken : {}],
-    {
-      salt,
+  var _useCacheToken = useCacheToken(tokenContext.theme, [tokenContext.token, finalToken !== null && finalToken !== void 0 ? finalToken : {}], {
+      salt: salt,
       override: finalToken
-    }
-  );
-  const hashed = useMemo(() => {
+    }),
+    _useCacheToken2 = _slicedToArray(_useCacheToken, 2),
+    token = _useCacheToken2[0],
+    nativeHashId = _useCacheToken2[1];
+  var hashed = useMemo(function () {
     if (props.hashed === false) {
       return false;
     }
-    if (proProvide.hashed === false)
-      return false;
+    if (proProvide.hashed === false) return false;
     return true;
   }, [proProvide.hashed, props.hashed]);
-  const hashId = useMemo(() => {
+  var hashId = useMemo(function () {
     if (props.hashed === false) {
-      return "";
+      return '';
     }
-    if (proProvide.hashed === false)
-      return "";
+    if (proProvide.hashed === false) return '';
+    //Fix issue with hashId code
     if (isNeedOpenHash() === false) {
-      return "";
+      return '';
     } else if (tokenContext.hashId) {
       return tokenContext.hashId;
     } else {
+      // 生产环境或其他环境
       return nativeHashId;
     }
   }, [nativeHashId, proProvide.hashed, props.hashed]);
-  useEffect(() => {
-    dayjs.locale((locale == null ? void 0 : locale.locale) || "zh-cn");
-  }, [locale == null ? void 0 : locale.locale]);
-  const themeConfig = useMemo(() => {
-    return __spreadProps(__spreadValues({}, restConfig.theme), {
-      hashId,
+  useEffect(function () {
+    dayjs.locale((locale === null || locale === void 0 ? void 0 : locale.locale) || 'zh-cn');
+  }, [locale === null || locale === void 0 ? void 0 : locale.locale]);
+  var themeConfig = useMemo(function () {
+    return _objectSpread(_objectSpread({}, restConfig.theme), {}, {
+      hashId: hashId,
       hashed: hashed && isNeedOpenHash()
     });
   }, [restConfig.theme, hashId, hashed, isNeedOpenHash()]);
-  const proConfigContextValue = useMemo(() => {
-    return __spreadProps(__spreadValues({}, proProvideValue), {
-      valueTypeMap: valueTypeMap || (proProvideValue == null ? void 0 : proProvideValue.valueTypeMap),
-      token,
+  var proConfigContextValue = useMemo(function () {
+    return _objectSpread(_objectSpread({}, proProvideValue), {}, {
+      valueTypeMap: valueTypeMap || (proProvideValue === null || proProvideValue === void 0 ? void 0 : proProvideValue.valueTypeMap),
+      token: token,
       theme: tokenContext.theme,
-      hashed,
-      hashId
+      hashed: hashed,
+      hashId: hashId
     });
-  }, [
-    proProvideValue,
-    valueTypeMap,
-    token,
-    tokenContext.theme,
-    hashed,
-    hashId
-  ]);
-  const configProviderDom = useMemo(() => {
-    return /* @__PURE__ */ React.createElement(AntdConfigProvider, __spreadProps(__spreadValues({}, restConfig), { theme: themeConfig }), /* @__PURE__ */ React.createElement(ProConfigContext.Provider, { value: proConfigContextValue }, /* @__PURE__ */ React.createElement(React.Fragment, null, autoClearCache && /* @__PURE__ */ React.createElement(CacheClean, null), children)));
-  }, [
-    restConfig,
-    themeConfig,
-    proConfigContextValue,
-    autoClearCache,
-    children
-  ]);
-  if (!autoClearCache)
-    return configProviderDom;
-  return /* @__PURE__ */ React.createElement(SWRConfig, { value: { provider: () => /* @__PURE__ */ new Map() } }, configProviderDom);
+  }, [proProvideValue, valueTypeMap, token, tokenContext.theme, hashed, hashId]);
+  var configProviderDom = useMemo(function () {
+    return /*#__PURE__*/_jsx(AntdConfigProvider, _objectSpread(_objectSpread({}, restConfig), {}, {
+      theme: themeConfig,
+      children: /*#__PURE__*/_jsx(ProConfigContext.Provider, {
+        value: proConfigContextValue,
+        children: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [autoClearCache && /*#__PURE__*/_jsx(CacheClean, {}), children]
+        })
+      })
+    }));
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [restConfig, themeConfig, proConfigContextValue, autoClearCache, children]);
+  if (!autoClearCache) return configProviderDom;
+  return /*#__PURE__*/_jsx(SWRConfig, {
+    value: {
+      provider: function provider() {
+        return new Map();
+      }
+    },
+    children: configProviderDom
+  });
 };
-var ProConfigProvider = (props) => {
-  const { needDeps, dark, token } = props;
-  const proProvide = useContext(ProConfigContext);
-  const _a = useContext(
-    AntdConfigProvider.ConfigContext
-  ), { locale, theme } = _a, rest = __objRest(_a, ["locale", "theme"]);
-  const isNullProvide = needDeps && proProvide.hashId !== void 0 && Object.keys(props).sort().join("-") === "children-needDeps";
-  if (isNullProvide)
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
-  const mergeAlgorithm = () => {
-    const isDark = dark != null ? dark : proProvide.dark;
+
+/**
+ * 用于配置 Pro 的一些全局性的东西
+ * @param props
+ * @returns
+ */
+export var ProConfigProvider = function ProConfigProvider(props) {
+  var needDeps = props.needDeps,
+    dark = props.dark,
+    token = props.token;
+  var proProvide = useContext(ProConfigContext);
+  var _useContext2 = useContext(AntdConfigProvider.ConfigContext),
+    locale = _useContext2.locale,
+    theme = _useContext2.theme,
+    rest = _objectWithoutProperties(_useContext2, _excluded2);
+
+  // 是不是不需要渲染 provide
+  var isNullProvide = needDeps && proProvide.hashId !== undefined && Object.keys(props).sort().join('-') === 'children-needDeps';
+  if (isNullProvide) return /*#__PURE__*/_jsx(_Fragment, {
+    children: props.children
+  });
+  var mergeAlgorithm = function mergeAlgorithm() {
+    var isDark = dark !== null && dark !== void 0 ? dark : proProvide.dark;
     if (isDark) {
-      return [theme == null ? void 0 : theme.algorithm, antdTheme.darkAlgorithm].flat(1).filter(Boolean);
+      return [theme === null || theme === void 0 ? void 0 : theme.algorithm, antdTheme.darkAlgorithm].flat(1).filter(Boolean);
     }
-    return theme == null ? void 0 : theme.algorithm;
+    return theme === null || theme === void 0 ? void 0 : theme.algorithm;
   };
-  const configProvider = __spreadProps(__spreadValues({}, rest), {
+  // 自动注入 antd 的配置
+  var configProvider = _objectSpread(_objectSpread({}, rest), {}, {
     locale: locale || zh_CN,
-    theme: omitUndefined(__spreadProps(__spreadValues({}, theme), {
+    theme: omitUndefined(_objectSpread(_objectSpread({}, theme), {}, {
       algorithm: mergeAlgorithm()
     }))
   });
-  return /* @__PURE__ */ React.createElement(AntdConfigProvider, __spreadValues({}, configProvider), /* @__PURE__ */ React.createElement(ConfigProviderContainer, __spreadProps(__spreadValues({}, props), { token })));
+  return /*#__PURE__*/_jsx(AntdConfigProvider, _objectSpread(_objectSpread({}, configProvider), {}, {
+    children: /*#__PURE__*/_jsx(ConfigProviderContainer, _objectSpread(_objectSpread({}, props), {}, {
+      token: token
+    }))
+  }));
 };
-function useIntl() {
-  const { locale } = useContext(AntdConfigProvider.ConfigContext);
-  const { intl } = useContext(ProConfigContext);
-  if (intl && intl.locale !== "default") {
+
+/**
+ * It returns the intl object from the context if it exists, otherwise it returns the intl object for
+ * 获取国际化的方法
+ * @param locale
+ * @param localeMap
+ * the current locale
+ * @returns The return value of the function is the intl object.
+ */
+export function useIntl() {
+  var _useContext3 = useContext(AntdConfigProvider.ConfigContext),
+    locale = _useContext3.locale;
+  var _useContext4 = useContext(ProConfigContext),
+    intl = _useContext4.intl;
+  if (intl && intl.locale !== 'default') {
     return intl || zhCNIntl;
   }
-  if (locale == null ? void 0 : locale.locale) {
+  if (locale !== null && locale !== void 0 && locale.locale) {
     return intlMap[findIntlKeyByAntdLocaleKey(locale.locale)] || zhCNIntl;
   }
   return zhCNIntl;
 }
-ProConfigContext.displayName = "ProProvider";
-var ProProvider = ProConfigContext;
-var provider_default = ProConfigContext;
-export {
-  ConfigConsumer,
-  ProConfigProvider,
-  ProProvider,
-  provider_default as default,
-  isNeedOpenHash,
-  useIntl
-};
+ProConfigContext.displayName = 'ProProvider';
+export var ProProvider = ProConfigContext;
+export default ProConfigContext;