@vtx/components 4.0.0-beta.6 → 4.0.0-beta.7

package/lib/vtx-page-layout/style/index.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prefix = void 0;
+exports.useStyle = useStyle;
+var _vtxProvider = require("../../vtx-provider");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var prefix = exports.prefix = 'vtx-page';
+var size = function size(width, height) {
+  return {
+    width: width,
+    height: height
+  };
+};
+var relative = function relative() {
+  var height = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
+  var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '100%';
+  return _objectSpread({
+    position: 'relative'
+  }, size(width, height));
+};
+var absolute = function absolute() {
+  var top = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var right = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var bottom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var left = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  return {
+    position: 'absolute',
+    top: top,
+    right: right,
+    bottom: bottom,
+    left: left
+  };
+};
+var overflowY = {
+  overflow: 'hidden',
+  overflowY: 'auto'
+};
+var fontFamily = {
+  fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"'
+};
+var genVtxStyle = function genVtxStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _objectSpread(_objectSpread({}, fontFamily), {}, {
+    height: '100%',
+    backgroundColor: token.colorBgContainer
+  })), "".concat(token.antCls, "-layout"), _objectSpread(_objectSpread({}, fontFamily), {}, {
+    backgroundColor: 'transparent !important'
+  })), "".concat(componentCls, "-tree"), _objectSpread(_objectSpread(_objectSpread({}, fontFamily), relative()), {}, {
+    padding: "".concat(token.tablePagePaddingTop, "px 0px ").concat(token.tablePagePaddingBottom, "px 20px"),
+    overflowX: 'hidden',
+    fontSize: token.fontSize,
+    backgroundColor: token.colorBgLayout,
+    boxSizing: 'border-box',
+    '&-content': _objectSpread(_objectSpread({
+      backgroundColor: token.colorBgLayout
+    }, absolute(token.tablePagePaddingTop, 0, token.tablePagePaddingBottom, token.tablePagePaddingLeft)), {}, {
+      transitionDuration: '0.3s',
+      transitionProperty: 'top'
+    }),
+    '&-wrap': _objectSpread(_objectSpread({}, absolute()), {}, {
+      backgroundColor: token.colorBgContainer,
+      borderRadius: token.borderRadiusLG,
+      padding: '16px'
+    })
+  })), "".concat(componentCls, "-tab"), _objectSpread(_objectSpread({}, fontFamily), {}, {
+    display: 'flex',
+    flexDirection: 'column',
+    height: "100%",
+    backgroundColor: token.colorBgLayout,
+    '.ant-tabs': {
+      backgroundColor: token.colorBgContainer,
+      '&.ant-tabs-top >.ant-tabs-nav': {
+        padding: '0 20px',
+        margin: 0
+      }
+    },
+    '&-content': {
+      flex: 1
+    }
+  })), "".concat(componentCls, "-table"), _objectSpread(_objectSpread(_objectSpread({}, fontFamily), relative()), {}, {
+    padding: "".concat(token.tablePagePaddingTop, "px ").concat(token.tablePagePaddingRight, "px ").concat(token.tablePagePaddingBottom, "px ").concat(token.tablePagePaddingLeft, "px"),
+    overflowX: 'hidden',
+    fontSize: token.fontSize,
+    backgroundColor: token.colorBgLayout,
+    boxSizing: 'border-box',
+    '&-search': {
+      marginBottom: 20,
+      borderRadius: token.borderRadiusLG,
+      backgroundColor: token.colorBgContainer
+    },
+    '&-content': _objectSpread(_objectSpread({}, absolute(0, token.tablePagePaddingRight, token.tablePagePaddingBottom, token.tablePagePaddingLeft)), {}, {
+      transitionDuration: '0.3s',
+      transitionProperty: 'top'
+    }),
+    '&-wrap': _objectSpread(_objectSpread({}, absolute()), {}, {
+      backgroundColor: token.colorBgContainer,
+      borderRadius: token.borderRadiusLG,
+      padding: '0 20px'
+    }),
+    '&-card': {
+      background: token.colorBgContainer,
+      borderRadius: token.borderRadiusLG
+    },
+    '&-left, &-right': {
+      height: '100%',
+      overflow: 'hidden'
+    },
+    '&-left': _defineProperty(_defineProperty({}, "".concat(componentCls, "-ztree-search"), {
+      right: 0
+    }), '.ant-vtx-tree-wraaper', {})
+  })), "".concat(componentCls, "-button-wrap"), _defineProperty({}, "button + button", {
+    marginLeft: 8
+  }));
+};
+function useStyle() {
+  return (0, _vtxProvider.useStyle)(prefix, function (token) {
+    var vtxToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefix),
+      spacingBase: 10,
+      paddingDefaultBase: 10,
+      tablePagePaddingLeft: 20,
+      tablePagePaddingRight: 20,
+      tablePagePaddingBottom: 20,
+      tablePagePaddingTop: 20
+    });
+    return [genVtxStyle(vtxToken)];
+  });
+}

package/lib/vtx-provider/index.js

@@ -0,0 +1,351 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  isNeedOpenHash: true,
+  VtxConfigContext: true,
+  ConfigConsumer: true,
+  VtxConfigProvider: true,
+  useIntl: true,
+  VtxProvider: true
+};
+exports.isNeedOpenHash = exports.default = exports.VtxProvider = exports.VtxConfigProvider = exports.VtxConfigContext = exports.ConfigConsumer = void 0;
+exports.useIntl = useIntl;
+var _cssinjs = require("@ant-design/cssinjs");
+var _antd = require("antd");
+var _vtxIcon = _interopRequireDefault(require("../vtx-icon"));
+var _zh_CN = _interopRequireDefault(require("antd/lib/locale/zh_CN"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+require("dayjs/locale/zh-cn");
+var _react = _interopRequireWildcard(require("react"));
+var _swr = require("swr");
+var _intl = require("./intl");
+Object.keys(_intl).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _intl[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _intl[key];
+    }
+  });
+});
+var _layoutToken = require("./typing/layoutToken");
+var _merge = require("./utils/merge");
+var _jsxRuntime = require("react/jsx-runtime");
+var _useStyle = require("./useStyle");
+Object.keys(_useStyle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useStyle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useStyle[key];
+    }
+  });
+});
+var _excluded = ["locale", "getPrefixCls"],
+  _excluded2 = ["theme", "locale", "needDeps", "dark"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 undefined;
+  }
+  return newObj;
+};
+
+/**
+ * 用于判断当前是否需要开启哈希（Hash）模式。
+ * 首先也会判断当前是否处于测试环境中（通过 process.env.NODE_ENV === 'TEST' 判断），
+ * 如果是，则返回 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')) {
+    return false;
+  }
+  return true;
+};
+
+/* Creating a context object with the default values. */
+var VtxConfigContext = exports.VtxConfigContext = /*#__PURE__*/_react.default.createContext({
+  intl: _objectSpread(_objectSpread({}, _intl.zhCNIntl), {}, {
+    locale: 'default'
+  }),
+  valueTypeMap: {},
+  hashed: true,
+  dark: false,
+  token: _objectSpread(_objectSpread({}, _antd.theme.getDesignToken()), {}, {
+    proComponentsCls: '.ant-pro',
+    antCls: '.ant',
+    themeId: 0
+  }),
+  getPrefixCls: function getPrefixCls(suffixCls, customizePrefixCls) {
+    if (customizePrefixCls) {
+      return customizePrefixCls;
+    } else if (suffixCls) {
+      return "vtx-" + suffixCls;
+    } else {
+      return "vtx";
+    }
+  }
+});
+var ConfigConsumer = exports.ConfigConsumer = VtxConfigContext.Consumer;
+
+/**
+ * 组件解除挂载后清空一下 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 () {
+      cache.clear();
+    };
+  }, []);
+  return null;
+};
+
+/**
+ * 用于配置 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 = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    locale = _useContext.locale,
+    getPrefixCls = _useContext.getPrefixCls,
+    restConfig = _objectWithoutProperties(_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)(VtxConfigContext);
+
+  /**
+   * 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 = (0, _react.useMemo)(function () {
+    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);
+    // 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 _objectSpread(_objectSpread({}, proProvide), {}, {
+      dark: dark !== null && dark !== void 0 ? dark : proProvide.dark,
+      token: (0, _merge.merge)(proProvide.token, tokenContext.token, {
+        proComponentsCls: proComponentsCls,
+        antCls: 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 = _objectSpread(_objectSpread({}, proProvideValue.token || {}), {}, {
+    proComponentsCls: proComponentsCls
+  });
+  var _useCacheToken = (0, _cssinjs.useCacheToken)(tokenContext.theme, [tokenContext.token, finalToken !== null && finalToken !== void 0 ? finalToken : {}], {
+      salt: salt,
+      override: finalToken
+    }),
+    _useCacheToken2 = _slicedToArray(_useCacheToken, 2),
+    token = _useCacheToken2[0],
+    nativeHashId = _useCacheToken2[1];
+  var hashed = (0, _react.useMemo)(function () {
+    if (props.hashed === false) {
+      return false;
+    }
+    if (proProvide.hashed === false) return false;
+    return true;
+  }, [proProvide.hashed, props.hashed]);
+  var hashId = (0, _react.useMemo)(function () {
+    if (props.hashed === false) {
+      return '';
+    }
+    if (proProvide.hashed === false) return '';
+    //Fix issue with hashId code
+    if (isNeedOpenHash() === false) {
+      return '';
+    } else if (tokenContext.hashId) {
+      return tokenContext.hashId;
+    } else {
+      // 生产环境或其他环境
+      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 _objectSpread(_objectSpread({}, restConfig.theme), {}, {
+      hashId: hashId,
+      hashed: hashed && isNeedOpenHash()
+    });
+  }, [restConfig.theme, hashId, hashed, isNeedOpenHash()]);
+  var VtxConfigContextValue = (0, _react.useMemo)(function () {
+    return _objectSpread(_objectSpread({}, proProvideValue), {}, {
+      valueTypeMap: valueTypeMap || (proProvideValue === null || proProvideValue === void 0 ? void 0 : proProvideValue.valueTypeMap),
+      token: token,
+      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, _objectSpread(_objectSpread({}, restConfig), {}, {
+      theme: themeConfig,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(VtxConfigContext.Provider, {
+        value: VtxConfigContextValue,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [autoClearCache && /*#__PURE__*/(0, _jsxRuntime.jsx)(CacheClean, {}), children]
+        })
+      })
+    }));
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [restConfig, themeConfig, VtxConfigContextValue, autoClearCache, children]);
+  if (!autoClearCache) return configProviderDom;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_swr.SWRConfig, {
+    value: {
+      provider: function provider() {
+        return new Map();
+      }
+    },
+    children: configProviderDom
+  });
+};
+
+/**
+ * 用于配置 一些全局性的东西
+ * @param props
+ * @returns
+ */
+var VtxConfigProvider = exports.VtxConfigProvider = function VtxConfigProvider(props) {
+  var _theme$components;
+  var propsTheme = props.theme,
+    propsLocale = props.locale,
+    needDeps = props.needDeps,
+    dark = props.dark,
+    rest = _objectWithoutProperties(props, _excluded2);
+  var proProvide = (0, _react.useContext)(VtxConfigContext);
+  var _useContext2 = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    AntdRest = Object.assign({}, (_objectDestructuringEmpty(_useContext2), _useContext2));
+  var theme = (0, _merge.merge)(AntdRest.theme, propsTheme);
+  var locale = (0, _merge.merge)(AntdRest.locale, propsLocale);
+  // 是不是不需要渲染 provide
+  var 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;
+    if (isDark) {
+      return [theme === null || theme === void 0 ? void 0 : theme.algorithm, _antd.theme.darkAlgorithm].flat(1).filter(Boolean);
+    }
+    return theme === null || theme === void 0 ? void 0 : theme.algorithm;
+  };
+  theme.token = _objectSpread(_objectSpread({
+    borderRadius: 8,
+    borderRadiusLG: 12,
+    borderRadiusSM: 4
+  }, dark ? {} : _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    colorPrimary: '#3A6DFF',
+    colorText: '#29343D',
+    colorTextSecondary: '#78829D',
+    colorBorder: '#DCDFE6',
+    colorTextPlaceholder: '#BFC3CB',
+    colorFillAlter: '#F5F7FA'
+  }, "colorFillAlter", '#F5F7FA'), "colorTextPlaceholder", '#BFC3CB'), "colorFillAlterSolid", '#F5F7FA'), "colorBgLayout", '#FAFAFA')), theme.token);
+  theme.components = _objectSpread(_objectSpread({}, theme.components), {}, {
+    Table: _objectSpread({
+      headerBorderRadius: 0
+    }, (_theme$components = theme.components) === null || _theme$components === void 0 ? void 0 : _theme$components.Table)
+  });
+
+  // 自动注入 antd 的配置
+  var configProvider = _objectSpread(_objectSpread({}, rest), {}, {
+    locale: locale || _zh_CN.default,
+    theme: omitUndefined(_objectSpread(_objectSpread({}, theme), {}, {
+      algorithm: mergeAlgorithm()
+    }))
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, _objectSpread(_objectSpread({}, configProvider), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ConfigProviderContainer, _objectSpread(_objectSpread({}, props), {}, {
+      token: theme.token
+    }))
+  }));
+};
+
+/**
+ * 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.
+ */
+function useIntl() {
+  var _useContext3 = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    locale = _useContext3.locale;
+  var _useContext4 = (0, _react.useContext)(VtxConfigContext),
+    intl = _useContext4.intl;
+  if (intl && intl.locale !== 'default') {
+    return intl || _intl.zhCNIntl;
+  }
+  if (locale !== null && locale !== void 0 && locale.locale) {
+    return _intl.intlMap[(0, _intl.findIntlKeyByAntdLocaleKey)(locale.locale)] || _intl.zhCNIntl;
+  }
+  return _intl.zhCNIntl;
+}
+VtxConfigContext.displayName = 'VtxProvider';
+var VtxProvider = exports.VtxProvider = VtxConfigContext;
+var _default = exports.default = VtxConfigProvider;

package/lib/vtx-provider/intl.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zhTWIntl = exports.zhCNIntl = exports.viVNIntl = exports.uzUZIntl = exports.ukUAIntl = exports.trTRIntl = exports.thTHIntl = exports.svSEIntl = exports.srRSIntl = exports.skSKIntl = exports.ruRUIntl = exports.roROIntl = exports.ptBRIntl = exports.plPLIntl = exports.nlNLIntl = exports.msMYIntl = exports.mnMNIntl = exports.koKRIntl = exports.jaJPIntl = exports.itITIntl = exports.intlMapKeys = exports.intlMap = exports.idIDIntl = exports.hrHRIntl = exports.heILIntl = exports.frFRIntl = exports.findIntlKeyByAntdLocaleKey = exports.faIRIntl = exports.esESIntl = exports.enUSIntl = exports.enGBIntl = exports.deDEIntl = exports.csCZIntl = exports.createIntl = exports.caESIntl = exports.arEGIntl = void 0;
+var _util = require("@rc-component/util");
+var _ar_EG = _interopRequireDefault(require("./locale/ar_EG"));
+var _ca_ES = _interopRequireDefault(require("./locale/ca_ES"));
+var _cs_CZ = _interopRequireDefault(require("./locale/cs_CZ"));
+var _de_DE = _interopRequireDefault(require("./locale/de_DE"));
+var _en_GB = _interopRequireDefault(require("./locale/en_GB"));
+var _en_US = _interopRequireDefault(require("./locale/en_US"));
+var _es_ES = _interopRequireDefault(require("./locale/es_ES"));
+var _fa_IR = _interopRequireDefault(require("./locale/fa_IR"));
+var _fr_FR = _interopRequireDefault(require("./locale/fr_FR"));
+var _he_IL = _interopRequireDefault(require("./locale/he_IL"));
+var _hr_HR = _interopRequireDefault(require("./locale/hr_HR"));
+var _id_ID = _interopRequireDefault(require("./locale/id_ID"));
+var _it_IT = _interopRequireDefault(require("./locale/it_IT"));
+var _ja_JP = _interopRequireDefault(require("./locale/ja_JP"));
+var _ko_KR = _interopRequireDefault(require("./locale/ko_KR"));
+var _mn_MN = _interopRequireDefault(require("./locale/mn_MN"));
+var _ms_MY = _interopRequireDefault(require("./locale/ms_MY"));
+var _nl_NL = _interopRequireDefault(require("./locale/nl_NL"));
+var _pl_PL = _interopRequireDefault(require("./locale/pl_PL"));
+var _pt_BR = _interopRequireDefault(require("./locale/pt_BR"));
+var _ro_RO = _interopRequireDefault(require("./locale/ro_RO"));
+var _ru_RU = _interopRequireDefault(require("./locale/ru_RU"));
+var _sk_SK = _interopRequireDefault(require("./locale/sk_SK"));
+var _sr_RS = _interopRequireDefault(require("./locale/sr_RS"));
+var _sv_SE = _interopRequireDefault(require("./locale/sv_SE"));
+var _th_TH = _interopRequireDefault(require("./locale/th_TH"));
+var _tr_TR = _interopRequireDefault(require("./locale/tr_TR"));
+var _uk_UA = _interopRequireDefault(require("./locale/uk_UA"));
+var _uz_UZ = _interopRequireDefault(require("./locale/uz_UZ"));
+var _vi_VN = _interopRequireDefault(require("./locale/vi_VN"));
+var _zh_CN = _interopRequireDefault(require("./locale/zh_CN"));
+var _zh_HK = _interopRequireDefault(require("./locale/zh_HK"));
+var _zh_TW = _interopRequireDefault(require("./locale/zh_TW"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 创建一个国际化的操作函数
+ *
+ * @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 = {
+  'mn-MN': mnMNIntl,
+  'ar-EG': arEGIntl,
+  'zh-CN': zhCNIntl,
+  'en-US': enUSIntl,
+  'en-GB': enGBIntl,
+  'vi-VN': viVNIntl,
+  'it-IT': itITIntl,
+  'ja-JP': jaJPIntl,
+  'es-ES': esESIntl,
+  'ca-ES': caESIntl,
+  'ru-RU': ruRUIntl,
+  'sr-RS': srRSIntl,
+  'ms-MY': msMYIntl,
+  'zh-TW': zhTWIntl,
+  'zh-HK': zhHKIntl,
+  'fr-FR': frFRIntl,
+  'pt-BR': ptBRIntl,
+  'ko-KR': koKRIntl,
+  'id-ID': idIDIntl,
+  'de-DE': deDEIntl,
+  'fa-IR': faIRIntl,
+  'tr-TR': trTRIntl,
+  'pl-PL': plPLIntl,
+  'hr-HR': hrHRIntl,
+  'th-TH': thTHIntl,
+  'cs-CZ': csCZIntl,
+  'sk-SK': skSKIntl,
+  'he-IL': heILIntl,
+  'uk-UA': ukUAIntl,
+  'uz-UZ': uzUZIntl,
+  'nl-NL': nlNLIntl,
+  'ro-RO': roROIntl,
+  'sv-SE': svSEIntl
+};
+var 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();
+    return LowerCaseKey.includes(localeName);
+  });
+};