@ant-design/pro-components 3.0.2-0 → 3.1.1-0

package/lib/provider/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,9 +14,6 @@ var _exportNames = {
 };
 exports.isNeedOpenHash = exports.default = exports.ProProvider = exports.ProConfigProvider = exports.ConfigConsumer = void 0;
 exports.useIntl = useIntl;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _cssinjs = require("@ant-design/cssinjs");
 var _antd = require("antd");
 var _zh_CN = _interopRequireDefault(require("antd/lib/locale/zh_CN"));
@@ -31,7 +28,7 @@ Object.keys(_intl).forEach(function (key) {
   if (key in exports && exports[key] === _intl[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _intl[key];
     }
   });
@@ -46,16 +43,14 @@ Object.keys(_useStyle).forEach(function (key) {
   if (key in exports && exports[key] === _useStyle[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _useStyle[key];
     }
   });
 });
-var _excluded = ["locale", "getPrefixCls"],
-  _excluded2 = ["locale", "theme"];
-var omitUndefined = function omitUndefined(obj) {
-  var newObj = {};
-  Object.keys(obj || {}).forEach(function (key) {
+const omitUndefined = obj => {
+  const newObj = {};
+  Object.keys(obj || {}).forEach(key => {
     if (obj[key] !== undefined) {
       newObj[key] = obj[key];
     }
@@ -72,9 +67,8 @@ var omitUndefined = function omitUndefined(obj) {
  * 如果是，则返回 false。否则，直接返回 true 表示需要打开。
  * @returns
  */
-var isNeedOpenHash = exports.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')) {
+const isNeedOpenHash = () => {
+  if (typeof process !== 'undefined' && (process.env.NODE_ENV?.toUpperCase() === 'TEST' || process.env.NODE_ENV?.toUpperCase() === 'DEV')) {
     return false;
   }
   return true;
@@ -103,33 +97,40 @@ var isNeedOpenHash = exports.isNeedOpenHash = function isNeedOpenHash() {
 /**
  * 自带的token 配置
  */
-
+exports.isNeedOpenHash = isNeedOpenHash;
 /* Creating a context object with the default values. */
-var ProConfigContext = /*#__PURE__*/_react.default.createContext({
-  intl: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _intl.zhCNIntl), {}, {
+const ProConfigContext = /*#__PURE__*/_react.default.createContext({
+  intl: {
+    ..._intl.zhCNIntl,
     locale: 'default'
-  }),
+  },
   valueTypeMap: {},
   hashed: true,
   dark: false,
-  token: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _antd.theme.getDesignToken()), {}, {
+  token: {
+    ..._antd.theme.getDesignToken(),
     proComponentsCls: '.ant-pro',
     antCls: '.ant',
     themeId: 0
-  })
+  },
+  prefixCls: '.ant-pro'
 });
-var ConfigConsumer = exports.ConfigConsumer = ProConfigContext.Consumer;
+const {
+  Consumer: ConfigConsumer
+} = ProConfigContext;
 
 /**
  * 组件解除挂载后清空一下 cache
  * @date 2022-11-28
  * @returns null
  */
-var CacheClean = function CacheClean() {
-  var _useSWRConfig = (0, _swr.useSWRConfig)(),
-    cache = _useSWRConfig.cache;
-  (0, _react.useEffect)(function () {
-    return function () {
+exports.ConfigConsumer = ConfigConsumer;
+const CacheClean = () => {
+  const {
+    cache
+  } = (0, _swr.useSWRConfig)();
+  (0, _react.useEffect)(() => {
+    return () => {
       // is a map
       // @ts-ignore
       cache.clear();
@@ -144,22 +145,23 @@ var CacheClean = function CacheClean() {
  * @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 = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
-    locale = _useContext.locale,
-    getPrefixCls = _useContext.getPrefixCls,
-    restConfig = (0, _objectWithoutProperties2.default)(_useContext, _excluded);
-  var tokenContext = (_antdTheme$useToken = _antd.theme.useToken) === null || _antdTheme$useToken === void 0 ? void 0 : _antdTheme$useToken.call(_antd.theme);
-  var proProvide = (0, _react.useContext)(ProConfigContext);
+const ConfigProviderContainer = props => {
+  const {
+    children,
+    dark,
+    valueTypeMap,
+    autoClearCache = false,
+    token: propsToken,
+    prefixCls,
+    intl
+  } = props;
+  const {
+    locale,
+    getPrefixCls,
+    ...restConfig
+  } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  const tokenContext = _antd.theme.useToken?.();
+  const proProvide = (0, _react.useContext)(ProConfigContext);
 
   /**
    * pro 的 类
@@ -167,50 +169,51 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
    * @example .ant-pro
    */
 
-  var proComponentsCls = prefixCls ? ".".concat(prefixCls) : ".".concat(getPrefixCls(), "-pro");
-  var antCls = '.' + getPrefixCls();
-  var salt = "".concat(proComponentsCls);
+  const proComponentsCls = prefixCls ? `.${prefixCls}` : `.${getPrefixCls()}-pro`;
+  const antCls = '.' + getPrefixCls();
+  const salt = `${proComponentsCls}`;
   /**
    * 合并一下token，不然导致嵌套 token 失效
    */
-  var proLayoutTokenMerge = (0, _react.useMemo)(function () {
+  const proLayoutTokenMerge = (0, _react.useMemo)(() => {
     return (0, _layoutToken.getLayoutDesignToken)(propsToken || {}, tokenContext.token);
   }, [propsToken, tokenContext.token]);
-  var proProvideValue = (0, _react.useMemo)(function () {
-    var _proProvide$intl;
-    var localeName = locale === null || locale === void 0 ? void 0 : locale.locale;
-    var key = (0, _intl.findIntlKeyByAntdLocaleKey)(localeName);
+  const proProvideValue = (0, _react.useMemo)(() => {
+    const localeName = locale?.locale;
+    const key = (0, _intl.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' ? _intl.intlMap[key] : proProvide.intl || _intl.intlMap[key];
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, proProvide), {}, {
-      dark: dark !== null && dark !== void 0 ? dark : proProvide.dark,
+    const resolvedIntl = intl ?? (localeName && proProvide.intl?.locale === 'default' ? _intl.intlMap[key] : proProvide.intl || _intl.intlMap[key]);
+    return {
+      ...proProvide,
+      dark: dark ?? proProvide.dark,
       token: (0, _merge.merge)(proProvide.token, tokenContext.token, {
-        proComponentsCls: proComponentsCls,
-        antCls: antCls,
+        proComponentsCls,
+        antCls,
         themeId: tokenContext.theme.id,
         layout: proLayoutTokenMerge
       }),
       intl: resolvedIntl || _intl.zhCNIntl
-    });
-  }, [locale === null || locale === void 0 ? void 0 : locale.locale, proProvide, dark, tokenContext.token, tokenContext.theme.id, proComponentsCls, antCls, proLayoutTokenMerge, intl]);
-  var finalToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, proProvideValue.token || {}), {}, {
-    proComponentsCls: proComponentsCls
+    };
+  }, [locale?.locale, proProvide, dark, tokenContext.token, tokenContext.theme.id, proComponentsCls, antCls, proLayoutTokenMerge, intl]);
+  const finalToken = {
+    ...(proProvideValue.token || {}),
+    proComponentsCls
+  };
+  const [token, nativeHashId] = (0, _cssinjs.useCacheToken)(tokenContext.theme, [tokenContext.token, finalToken ?? {}], {
+    salt,
+    override: finalToken,
+    cssVar: {
+      key: 'pro'
+    }
   });
-  var _useCacheToken = (0, _cssinjs.useCacheToken)(tokenContext.theme, [tokenContext.token, finalToken !== null && finalToken !== void 0 ? finalToken : {}], {
-      salt: salt,
-      override: finalToken
-    }),
-    _useCacheToken2 = (0, _slicedToArray2.default)(_useCacheToken, 2),
-    token = _useCacheToken2[0],
-    nativeHashId = _useCacheToken2[1];
-  var hashed = (0, _react.useMemo)(function () {
+  const hashed = (0, _react.useMemo)(() => {
     if (props.hashed === false) {
       return false;
     }
     if (proProvide.hashed === false) return false;
     return true;
   }, [proProvide.hashed, props.hashed]);
-  var hashId = (0, _react.useMemo)(function () {
+  const hashId = (0, _react.useMemo)(() => {
     if (props.hashed === false) {
       return '';
     }
@@ -225,26 +228,30 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
       return nativeHashId;
     }
   }, [nativeHashId, proProvide.hashed, props.hashed]);
-  (0, _react.useEffect)(function () {
-    _dayjs.default.locale((locale === null || locale === void 0 ? void 0 : locale.locale) || 'zh-cn');
-  }, [locale === null || locale === void 0 ? void 0 : locale.locale]);
-  var themeConfig = (0, _react.useMemo)(function () {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restConfig.theme), {}, {
+  (0, _react.useEffect)(() => {
+    _dayjs.default.locale(locale?.locale || 'zh-cn');
+  }, [locale?.locale]);
+  const themeConfig = (0, _react.useMemo)(() => {
+    return {
+      ...restConfig.theme,
       hashId: hashId,
       hashed: hashed && isNeedOpenHash()
-    });
+    };
   }, [restConfig.theme, hashId, hashed, isNeedOpenHash()]);
-  var proConfigContextValue = (0, _react.useMemo)(function () {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, proProvideValue), {}, {
-      valueTypeMap: valueTypeMap || (proProvideValue === null || proProvideValue === void 0 ? void 0 : proProvideValue.valueTypeMap),
-      token: token,
+  const proConfigContextValue = (0, _react.useMemo)(() => {
+    return {
+      ...proProvideValue,
+      valueTypeMap: valueTypeMap || proProvideValue?.valueTypeMap,
+      token: finalToken,
       theme: tokenContext.theme,
-      hashed: hashed,
-      hashId: hashId
-    });
-  }, [proProvideValue, valueTypeMap, token, tokenContext.theme, hashed, hashId]);
-  var configProviderDom = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restConfig), {}, {
+      hashed,
+      hashId,
+      prefixCls
+    };
+  }, [proProvideValue, valueTypeMap, token, tokenContext.theme, hashed, hashId, prefixCls]);
+  const configProviderDom = (0, _react.useMemo)(() => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
+      ...restConfig,
       theme: themeConfig,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ProConfigContext.Provider, {
         value: proConfigContextValue,
@@ -252,16 +259,14 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
           children: [autoClearCache && /*#__PURE__*/(0, _jsxRuntime.jsx)(CacheClean, {}), children]
         })
       })
-    }));
+    });
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [restConfig, themeConfig, proConfigContextValue, autoClearCache, children]);
   if (!autoClearCache) return configProviderDom;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_swr.SWRConfig, {
     value: {
-      provider: function provider() {
-        return new Map();
-      }
+      provider: () => new Map()
     },
     children: configProviderDom
   });
@@ -272,40 +277,47 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
  * @param props
  * @returns
  */
-var ProConfigProvider = exports.ProConfigProvider = function ProConfigProvider(props) {
-  var needDeps = props.needDeps,
-    dark = props.dark,
-    token = props.token;
-  var proProvide = (0, _react.useContext)(ProConfigContext);
-  var _useContext2 = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
-    locale = _useContext2.locale,
-    theme = _useContext2.theme,
-    rest = (0, _objectWithoutProperties2.default)(_useContext2, _excluded2);
+const ProConfigProvider = props => {
+  const {
+    needDeps,
+    dark,
+    token
+  } = props;
+  const proProvide = (0, _react.useContext)(ProConfigContext);
+  const {
+    locale,
+    theme,
+    ...rest
+  } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
 
   // 是不是不需要渲染 provide
-  var isNullProvide = needDeps && proProvide.hashId !== undefined && Object.keys(props).sort().join('-') === 'children-needDeps';
+  const isNullProvide = needDeps && proProvide.hashId !== undefined && Object.keys(props).sort().join('-') === 'children-needDeps';
   if (isNullProvide) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: props.children
   });
-  var mergeAlgorithm = function mergeAlgorithm() {
-    var isDark = dark !== null && dark !== void 0 ? dark : proProvide.dark;
+  const mergeAlgorithm = () => {
+    const isDark = dark ?? proProvide.dark;
     if (isDark) {
-      return [theme === null || theme === void 0 ? void 0 : theme.algorithm, _antd.theme.darkAlgorithm].flat(1).filter(Boolean);
+      return [theme?.algorithm, _antd.theme.darkAlgorithm].flat(1).filter(Boolean);
     }
-    return theme === null || theme === void 0 ? void 0 : theme.algorithm;
+    return theme?.algorithm;
   };
   // 自动注入 antd 的配置
-  var configProvider = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
+  const configProvider = {
+    ...rest,
     locale: locale || _zh_CN.default,
-    theme: omitUndefined((0, _objectSpread2.default)((0, _objectSpread2.default)({}, theme), {}, {
+    theme: omitUndefined({
+      ...theme,
       algorithm: mergeAlgorithm()
-    }))
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProvider), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ConfigProviderContainer, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    })
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
+    ...configProvider,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ConfigProviderContainer, {
+      ...props,
       token: token
-    }))
-  }));
+    })
+  });
 };
 
 /**
@@ -316,19 +328,22 @@ var ProConfigProvider = exports.ProConfigProvider = function ProConfigProvider(p
  * the current locale
  * @returns The return value of the function is the intl object.
  */
+exports.ProConfigProvider = ProConfigProvider;
 function useIntl() {
-  var _useContext3 = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
-    locale = _useContext3.locale;
-  var _useContext4 = (0, _react.useContext)(ProConfigContext),
-    intl = _useContext4.intl;
+  const {
+    locale
+  } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  const {
+    intl
+  } = (0, _react.useContext)(ProConfigContext);
   if (intl && intl.locale !== 'default') {
-    return intl || _intl.zhCNIntl;
+    return intl;
   }
-  if (locale !== null && locale !== void 0 && locale.locale) {
+  if (locale?.locale) {
     return _intl.intlMap[(0, _intl.findIntlKeyByAntdLocaleKey)(locale.locale)] || _intl.zhCNIntl;
   }
   return _intl.zhCNIntl;
 }
 ProConfigContext.displayName = 'ProProvider';
-var ProProvider = exports.ProProvider = ProConfigContext;
+const ProProvider = exports.ProProvider = ProConfigContext;
 var _default = exports.default = ProConfigContext;

package/lib/provider/intl.js

@@ -45,56 +45,55 @@ var _zh_TW = _interopRequireDefault(require("./locale/zh_TW"));
  * @param locale
  * @param localeMap
  */
-var createIntl = exports.createIntl = function createIntl(locale, localeMap) {
-  return {
-    getMessage: function getMessage(id, defaultMessage) {
-      var msg = (0, _util.get)(localeMap, id.replace(/\[(\d+)\]/g, '.$1').split('.')) || '';
-      if (msg) return msg;
-      var localKey = locale.replace('_', '-');
-      if (localKey === 'zh-CN') {
-        return defaultMessage;
-      }
-      // eslint-disable-next-line @typescript-eslint/no-use-before-define
-      var intl = intlMap['zh-CN'];
-      return intl ? intl.getMessage(id, defaultMessage) : defaultMessage;
-    },
-    locale: locale
-  };
-};
-var mnMNIntl = exports.mnMNIntl = createIntl('mn_MN', _mn_MN.default);
-var arEGIntl = exports.arEGIntl = createIntl('ar_EG', _ar_EG.default);
-var zhCNIntl = exports.zhCNIntl = createIntl('zh_CN', _zh_CN.default);
-var enUSIntl = exports.enUSIntl = createIntl('en_US', _en_US.default);
-var enGBIntl = exports.enGBIntl = createIntl('en_GB', _en_GB.default);
-var viVNIntl = exports.viVNIntl = createIntl('vi_VN', _vi_VN.default);
-var itITIntl = exports.itITIntl = createIntl('it_IT', _it_IT.default);
-var jaJPIntl = exports.jaJPIntl = createIntl('ja_JP', _ja_JP.default);
-var esESIntl = exports.esESIntl = createIntl('es_ES', _es_ES.default);
-var caESIntl = exports.caESIntl = createIntl('ca_ES', _ca_ES.default);
-var ruRUIntl = exports.ruRUIntl = createIntl('ru_RU', _ru_RU.default);
-var srRSIntl = exports.srRSIntl = createIntl('sr_RS', _sr_RS.default);
-var msMYIntl = exports.msMYIntl = createIntl('ms_MY', _ms_MY.default);
-var zhTWIntl = exports.zhTWIntl = createIntl('zh_TW', _zh_TW.default);
-var zhHKIntl = createIntl('zh_HK', _zh_HK.default);
-var frFRIntl = exports.frFRIntl = createIntl('fr_FR', _fr_FR.default);
-var ptBRIntl = exports.ptBRIntl = createIntl('pt_BR', _pt_BR.default);
-var koKRIntl = exports.koKRIntl = createIntl('ko_KR', _ko_KR.default);
-var idIDIntl = exports.idIDIntl = createIntl('id_ID', _id_ID.default);
-var deDEIntl = exports.deDEIntl = createIntl('de_DE', _de_DE.default);
-var faIRIntl = exports.faIRIntl = createIntl('fa_IR', _fa_IR.default);
-var trTRIntl = exports.trTRIntl = createIntl('tr_TR', _tr_TR.default);
-var plPLIntl = exports.plPLIntl = createIntl('pl_PL', _pl_PL.default);
-var hrHRIntl = exports.hrHRIntl = createIntl('hr_', _hr_HR.default);
-var thTHIntl = exports.thTHIntl = createIntl('th_TH', _th_TH.default);
-var csCZIntl = exports.csCZIntl = createIntl('cs_cz', _cs_CZ.default);
-var skSKIntl = exports.skSKIntl = createIntl('sk_SK', _sk_SK.default);
-var heILIntl = exports.heILIntl = createIntl('he_IL', _he_IL.default);
-var ukUAIntl = exports.ukUAIntl = createIntl('uk_UA', _uk_UA.default);
-var uzUZIntl = exports.uzUZIntl = createIntl('uz_UZ', _uz_UZ.default);
-var nlNLIntl = exports.nlNLIntl = createIntl('nl_NL', _nl_NL.default);
-var roROIntl = exports.roROIntl = createIntl('ro_RO', _ro_RO.default);
-var svSEIntl = exports.svSEIntl = createIntl('sv_SE', _sv_SE.default);
-var intlMap = exports.intlMap = {
+const createIntl = (locale, localeMap) => ({
+  getMessage: (id, defaultMessage) => {
+    const msg = (0, _util.get)(localeMap, id.replace(/\[(\d+)\]/g, '.$1').split('.')) || '';
+    if (msg) return msg;
+    const localKey = locale.replace('_', '-');
+    if (localKey === 'zh-CN') {
+      return defaultMessage;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    const intl = intlMap['zh-CN'];
+    return intl ? intl.getMessage(id, defaultMessage) : defaultMessage;
+  },
+  locale
+});
+exports.createIntl = createIntl;
+const mnMNIntl = exports.mnMNIntl = createIntl('mn_MN', _mn_MN.default);
+const arEGIntl = exports.arEGIntl = createIntl('ar_EG', _ar_EG.default);
+const zhCNIntl = exports.zhCNIntl = createIntl('zh_CN', _zh_CN.default);
+const enUSIntl = exports.enUSIntl = createIntl('en_US', _en_US.default);
+const enGBIntl = exports.enGBIntl = createIntl('en_GB', _en_GB.default);
+const viVNIntl = exports.viVNIntl = createIntl('vi_VN', _vi_VN.default);
+const itITIntl = exports.itITIntl = createIntl('it_IT', _it_IT.default);
+const jaJPIntl = exports.jaJPIntl = createIntl('ja_JP', _ja_JP.default);
+const esESIntl = exports.esESIntl = createIntl('es_ES', _es_ES.default);
+const caESIntl = exports.caESIntl = createIntl('ca_ES', _ca_ES.default);
+const ruRUIntl = exports.ruRUIntl = createIntl('ru_RU', _ru_RU.default);
+const srRSIntl = exports.srRSIntl = createIntl('sr_RS', _sr_RS.default);
+const msMYIntl = exports.msMYIntl = createIntl('ms_MY', _ms_MY.default);
+const zhTWIntl = exports.zhTWIntl = createIntl('zh_TW', _zh_TW.default);
+const zhHKIntl = createIntl('zh_HK', _zh_HK.default);
+const frFRIntl = exports.frFRIntl = createIntl('fr_FR', _fr_FR.default);
+const ptBRIntl = exports.ptBRIntl = createIntl('pt_BR', _pt_BR.default);
+const koKRIntl = exports.koKRIntl = createIntl('ko_KR', _ko_KR.default);
+const idIDIntl = exports.idIDIntl = createIntl('id_ID', _id_ID.default);
+const deDEIntl = exports.deDEIntl = createIntl('de_DE', _de_DE.default);
+const faIRIntl = exports.faIRIntl = createIntl('fa_IR', _fa_IR.default);
+const trTRIntl = exports.trTRIntl = createIntl('tr_TR', _tr_TR.default);
+const plPLIntl = exports.plPLIntl = createIntl('pl_PL', _pl_PL.default);
+const hrHRIntl = exports.hrHRIntl = createIntl('hr_', _hr_HR.default);
+const thTHIntl = exports.thTHIntl = createIntl('th_TH', _th_TH.default);
+const csCZIntl = exports.csCZIntl = createIntl('cs_cz', _cs_CZ.default);
+const skSKIntl = exports.skSKIntl = createIntl('sk_SK', _sk_SK.default);
+const heILIntl = exports.heILIntl = createIntl('he_IL', _he_IL.default);
+const ukUAIntl = exports.ukUAIntl = createIntl('uk_UA', _uk_UA.default);
+const uzUZIntl = exports.uzUZIntl = createIntl('uz_UZ', _uz_UZ.default);
+const nlNLIntl = exports.nlNLIntl = createIntl('nl_NL', _nl_NL.default);
+const roROIntl = exports.roROIntl = createIntl('ro_RO', _ro_RO.default);
+const svSEIntl = exports.svSEIntl = createIntl('sv_SE', _sv_SE.default);
+const intlMap = exports.intlMap = {
   'mn-MN': mnMNIntl,
   'ar-EG': arEGIntl,
   'zh-CN': zhCNIntl,
@@ -129,17 +128,18 @@ var intlMap = exports.intlMap = {
   'ro-RO': roROIntl,
   'sv-SE': svSEIntl
 };
-var intlMapKeys = exports.intlMapKeys = Object.keys(intlMap);
+const intlMapKeys = exports.intlMapKeys = Object.keys(intlMap);
 
 /**
  * 根据 antd 的 key 来找到的 locale 插件的 key
  *
  * @param localeKey
  */
-var findIntlKeyByAntdLocaleKey = exports.findIntlKeyByAntdLocaleKey = function findIntlKeyByAntdLocaleKey(localeKey) {
-  var localeName = (localeKey || 'zh-CN').toLocaleLowerCase();
-  return intlMapKeys.find(function (intlKey) {
-    var LowerCaseKey = intlKey.toLocaleLowerCase();
+const findIntlKeyByAntdLocaleKey = localeKey => {
+  const localeName = (localeKey || 'zh-CN').toLocaleLowerCase();
+  return intlMapKeys.find(intlKey => {
+    const LowerCaseKey = intlKey.toLocaleLowerCase();
     return LowerCaseKey.includes(localeName);
   });
-};
+};
+exports.findIntlKeyByAntdLocaleKey = findIntlKeyByAntdLocaleKey;

package/lib/provider/typing/layoutToken.js

@@ -1,30 +1,29 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getLayoutDesignToken = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _useStyle = require("../useStyle");
-var getLayoutDesignToken = exports.getLayoutDesignToken = function getLayoutDesignToken(designTokens, antdToken) {
-  var _finalDesignTokens$si, _finalDesignTokens$he, _finalDesignTokens$he2, _finalDesignTokens$he3, _finalDesignTokens$pa, _finalDesignTokens$pa2;
-  var finalDesignTokens = (0, _objectSpread2.default)({}, designTokens);
-  var defaultColorBgHeader = (0, _useStyle.setAlpha)(antdToken.colorBgElevated, 0.6);
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    bgLayout: "linear-gradient(".concat(antdToken.colorBgContainer, ", ").concat(antdToken.colorBgLayout, " 28%)"),
+const getLayoutDesignToken = (designTokens, antdToken) => {
+  const finalDesignTokens = {
+    ...designTokens
+  };
+  const defaultColorBgHeader = (0, _useStyle.setAlpha)(antdToken.colorBgElevated, 0.6);
+  return {
+    bgLayout: `linear-gradient(${antdToken.colorBgContainer}, ${antdToken.colorBgLayout} 28%)`,
     colorTextAppListIcon: antdToken.colorTextSecondary,
-    appListIconHoverBgColor: finalDesignTokens === null || finalDesignTokens === void 0 || (_finalDesignTokens$si = finalDesignTokens.sider) === null || _finalDesignTokens$si === void 0 ? void 0 : _finalDesignTokens$si.colorBgMenuItemSelected,
+    appListIconHoverBgColor: finalDesignTokens?.sider?.colorBgMenuItemSelected,
     colorBgAppListIconHover: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.04),
-    colorTextAppListIconHover: antdToken.colorTextBase
-  }, finalDesignTokens), {}, {
-    header: (0, _objectSpread2.default)({
+    colorTextAppListIconHover: antdToken.colorTextBase,
+    ...finalDesignTokens,
+    header: {
       colorBgHeader: defaultColorBgHeader,
       colorBgScrollHeader: (0, _useStyle.setAlpha)(antdToken.colorBgElevated, 0.8),
       colorHeaderTitle: antdToken.colorText,
       colorBgMenuItemHover: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.03),
       colorBgMenuItemSelected: 'transparent',
-      colorBgMenuElevated: ((_finalDesignTokens$he = finalDesignTokens === null || finalDesignTokens === void 0 || (_finalDesignTokens$he2 = finalDesignTokens.header) === null || _finalDesignTokens$he2 === void 0 ? void 0 : _finalDesignTokens$he2.colorBgHeader) !== null && _finalDesignTokens$he !== void 0 ? _finalDesignTokens$he : defaultColorBgHeader) !== defaultColorBgHeader ? (_finalDesignTokens$he3 = finalDesignTokens.header) === null || _finalDesignTokens$he3 === void 0 ? void 0 : _finalDesignTokens$he3.colorBgHeader : antdToken.colorBgElevated,
+      colorBgMenuElevated: (finalDesignTokens?.header?.colorBgHeader ?? defaultColorBgHeader) !== defaultColorBgHeader ? finalDesignTokens.header?.colorBgHeader : antdToken.colorBgElevated,
       colorTextMenuSelected: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.95),
       colorBgRightActionsItemHover: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.03),
       colorTextRightActionsItem: antdToken.colorTextTertiary,
@@ -32,9 +31,10 @@ var getLayoutDesignToken = exports.getLayoutDesignToken = function getLayoutDesi
       colorTextMenu: antdToken.colorTextSecondary,
       colorTextMenuSecondary: antdToken.colorTextTertiary,
       colorTextMenuTitle: antdToken.colorText,
-      colorTextMenuActive: antdToken.colorText
-    }, finalDesignTokens.header),
-    sider: (0, _objectSpread2.default)({
+      colorTextMenuActive: antdToken.colorText,
+      ...finalDesignTokens.header
+    },
+    sider: {
       paddingInlineLayoutMenu: 8,
       paddingBlockLayoutMenu: 0,
       colorBgCollapsedButton: antdToken.colorBgElevated,
@@ -50,13 +50,16 @@ var getLayoutDesignToken = exports.getLayoutDesignToken = function getLayoutDesi
       colorTextMenu: antdToken.colorTextSecondary,
       colorTextMenuSecondary: antdToken.colorTextTertiary,
       colorTextMenuTitle: antdToken.colorText,
-      colorTextSubMenuSelected: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.95)
-    }, finalDesignTokens.sider),
-    pageContainer: (0, _objectSpread2.default)({
+      colorTextSubMenuSelected: (0, _useStyle.setAlpha)(antdToken.colorTextBase, 0.95),
+      ...finalDesignTokens.sider
+    },
+    pageContainer: {
       colorBgPageContainer: 'transparent',
-      paddingInlinePageContainerContent: ((_finalDesignTokens$pa = finalDesignTokens.pageContainer) === null || _finalDesignTokens$pa === void 0 ? void 0 : _finalDesignTokens$pa.paddingInlinePageContainerContent) || 40,
-      paddingBlockPageContainerContent: ((_finalDesignTokens$pa2 = finalDesignTokens.pageContainer) === null || _finalDesignTokens$pa2 === void 0 ? void 0 : _finalDesignTokens$pa2.paddingBlockPageContainerContent) || 32,
-      colorBgPageContainerFixed: antdToken.colorBgElevated
-    }, finalDesignTokens.pageContainer)
-  });
-};
+      paddingInlinePageContainerContent: finalDesignTokens.pageContainer?.paddingInlinePageContainerContent || 40,
+      paddingBlockPageContainerContent: finalDesignTokens.pageContainer?.paddingBlockPageContainerContent || 32,
+      colorBgPageContainerFixed: antdToken.colorBgElevated,
+      ...finalDesignTokens.pageContainer
+    }
+  };
+};
+exports.getLayoutDesignToken = getLayoutDesignToken;

package/lib/provider/useStyle/index.d.ts

@@ -25,6 +25,7 @@ export declare const proTheme: {
         theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/internal").AliasToken>;
         token: import("antd").GlobalToken;
         hashId: string;
+        cssVar: import("antd").GlobalToken;
     };
     defaultAlgorithm: typeof import("antd/es/theme/themes/default").default;
     darkAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
@@ -67,6 +68,6 @@ export declare const operationUnit: (token: ProAliasToken) => CSSObject;
  * @returns UseStyleResult
  */
 export declare function useStyle(componentName: string, styleFn: (token: ProAliasToken) => CSSInterpolation): {
-    wrapSSR: (node: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => React.JSX.Element;
+    wrapSSR: (node: React.ReactElement) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     hashId: string;
 };