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

package/es/vtx-page-layout/index.js

@@ -0,0 +1,26 @@
+import container from "./container";
+import Basic from "./Basic";
+import Content from "./Content";
+import TableWrap from "./TableWrap";
+import TableLayout from "./TableLayout";
+import TreeLayout from "./TreeLayout";
+import TabLayout from "./TabLayout";
+import Pane from "./Pane";
+var Page = container({
+  componentClass: 'vtx-page'
+})(Basic);
+var ButtonWrap = container({
+  componentClass: 'vtx-page-button-wrap'
+})(Basic);
+var VtxPageLayout = {
+  TreeLayout: TreeLayout,
+  TableLayout: TableLayout,
+  Pane: Pane,
+  Page: Page,
+  ButtonWrap: ButtonWrap,
+  Content: container()(Content),
+  TableWrap: container()(TableWrap),
+  TabLayout: TabLayout
+};
+export { VtxPageLayout };
+export default VtxPageLayout;

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

@@ -0,0 +1,129 @@
+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); }
+import { useStyle as useAntdStyle } from "../../vtx-provider";
+export var 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
+  }));
+};
+export function useStyle() {
+  return useAntdStyle(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/es/vtx-provider/index.js

@@ -0,0 +1,315 @@
+var _excluded = ["locale", "getPrefixCls"],
+  _excluded2 = ["theme", "locale", "needDeps", "dark"];
+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); }
+import { useCacheToken } from '@ant-design/cssinjs';
+import { ConfigProvider as AntdConfigProvider, theme as antdTheme, Button } from 'antd';
+import VtxIcon from "../vtx-icon";
+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 = 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
+ */
+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;
+};
+
+/* Creating a context object with the default values. */
+export var VtxConfigContext = /*#__PURE__*/React.createContext({
+  intl: _objectSpread(_objectSpread({}, zhCNIntl), {}, {
+    locale: 'default'
+  }),
+  valueTypeMap: {},
+  hashed: true,
+  dark: false,
+  token: _objectSpread(_objectSpread({}, antdTheme.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 = VtxConfigContext.Consumer;
+
+/**
+ * 组件解除挂载后清空一下 cache
+ * @date 2022-11-28
+ * @returns null
+ */
+export { ConfigConsumer };
+var CacheClean = function CacheClean() {
+  var _useSWRConfig = useSWRConfig(),
+    cache = _useSWRConfig.cache;
+  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 = 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(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 = useMemo(function () {
+    return getLayoutDesignToken(propsToken || {}, tokenContext.token);
+  }, [propsToken, tokenContext.token]);
+  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: proComponentsCls,
+        antCls: antCls,
+        themeId: tokenContext.theme.id,
+        layout: proLayoutTokenMerge
+      }),
+      intl: resolvedIntl || 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 = 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 = useMemo(function () {
+    if (props.hashed === false) {
+      return false;
+    }
+    if (proProvide.hashed === false) return false;
+    return true;
+  }, [proProvide.hashed, props.hashed]);
+  var hashId = 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]);
+  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()]);
+  var VtxConfigContextValue = 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 = useMemo(function () {
+    return /*#__PURE__*/_jsx(AntdConfigProvider, _objectSpread(_objectSpread({}, restConfig), {}, {
+      theme: themeConfig,
+      children: /*#__PURE__*/_jsx(VtxConfigContext.Provider, {
+        value: VtxConfigContextValue,
+        children: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [autoClearCache && /*#__PURE__*/_jsx(CacheClean, {}), children]
+        })
+      })
+    }));
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [restConfig, themeConfig, VtxConfigContextValue, autoClearCache, children]);
+  if (!autoClearCache) return configProviderDom;
+  return /*#__PURE__*/_jsx(SWRConfig, {
+    value: {
+      provider: function provider() {
+        return new Map();
+      }
+    },
+    children: configProviderDom
+  });
+};
+
+/**
+ * 用于配置 一些全局性的东西
+ * @param props
+ * @returns
+ */
+export var 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 = useContext(VtxConfigContext);
+  var _useContext2 = useContext(AntdConfigProvider.ConfigContext),
+    AntdRest = Object.assign({}, (_objectDestructuringEmpty(_useContext2), _useContext2));
+  var theme = merge(AntdRest.theme, propsTheme);
+  var locale = merge(AntdRest.locale, propsLocale);
+  // 是不是不需要渲染 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 || theme === void 0 ? void 0 : theme.algorithm, antdTheme.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,
+    theme: omitUndefined(_objectSpread(_objectSpread({}, theme), {}, {
+      algorithm: mergeAlgorithm()
+    }))
+  });
+  return /*#__PURE__*/_jsx(AntdConfigProvider, _objectSpread(_objectSpread({}, configProvider), {}, {
+    children: /*#__PURE__*/_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.
+ */
+export function useIntl() {
+  var _useContext3 = useContext(AntdConfigProvider.ConfigContext),
+    locale = _useContext3.locale;
+  var _useContext4 = useContext(VtxConfigContext),
+    intl = _useContext4.intl;
+  if (intl && intl.locale !== 'default') {
+    return intl || zhCNIntl;
+  }
+  if (locale !== null && locale !== void 0 && locale.locale) {
+    return intlMap[findIntlKeyByAntdLocaleKey(locale.locale)] || zhCNIntl;
+  }
+  return zhCNIntl;
+}
+VtxConfigContext.displayName = 'VtxProvider';
+export var VtxProvider = VtxConfigContext;
+export default VtxConfigProvider;

package/es/vtx-provider/intl.js

@@ -0,0 +1,140 @@
+import { get } from '@rc-component/util';
+import arEG from "./locale/ar_EG";
+import caES from "./locale/ca_ES";
+import csCZ from "./locale/cs_CZ";
+import deDE from "./locale/de_DE";
+import enGB from "./locale/en_GB";
+import enUS from "./locale/en_US";
+import esES from "./locale/es_ES";
+import faIR from "./locale/fa_IR";
+import frFR from "./locale/fr_FR";
+import heIL from "./locale/he_IL";
+import hrHR from "./locale/hr_HR";
+import idID from "./locale/id_ID";
+import itIT from "./locale/it_IT";
+import jaJP from "./locale/ja_JP";
+import koKR from "./locale/ko_KR";
+import mnMN from "./locale/mn_MN";
+import msMY from "./locale/ms_MY";
+import nlNL from "./locale/nl_NL";
+import plPL from "./locale/pl_PL";
+import ptBR from "./locale/pt_BR";
+import roRO from "./locale/ro_RO";
+import ruRU from "./locale/ru_RU";
+import skSK from "./locale/sk_SK";
+import srRS from "./locale/sr_RS";
+import svSE from "./locale/sv_SE";
+import thTH from "./locale/th_TH";
+import trTR from "./locale/tr_TR";
+import ukUA from "./locale/uk_UA";
+import uzUZ from "./locale/uz_UZ";
+import viVN from "./locale/vi_VN";
+import zhCN from "./locale/zh_CN";
+import zhHK from "./locale/zh_HK";
+import zhTW from "./locale/zh_TW";
+
+/**
+ * 创建一个国际化的操作函数
+ *
+ * @param locale
+ * @param localeMap
+ */
+export var createIntl = function createIntl(locale, localeMap) {
+  return {
+    getMessage: function getMessage(id, defaultMessage) {
+      var msg = 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 = createIntl('mn_MN', mnMN);
+var arEGIntl = createIntl('ar_EG', arEG);
+var zhCNIntl = createIntl('zh_CN', zhCN);
+var enUSIntl = createIntl('en_US', enUS);
+var enGBIntl = createIntl('en_GB', enGB);
+var viVNIntl = createIntl('vi_VN', viVN);
+var itITIntl = createIntl('it_IT', itIT);
+var jaJPIntl = createIntl('ja_JP', jaJP);
+var esESIntl = createIntl('es_ES', esES);
+var caESIntl = createIntl('ca_ES', caES);
+var ruRUIntl = createIntl('ru_RU', ruRU);
+var srRSIntl = createIntl('sr_RS', srRS);
+var msMYIntl = createIntl('ms_MY', msMY);
+var zhTWIntl = createIntl('zh_TW', zhTW);
+var zhHKIntl = createIntl('zh_HK', zhHK);
+var frFRIntl = createIntl('fr_FR', frFR);
+var ptBRIntl = createIntl('pt_BR', ptBR);
+var koKRIntl = createIntl('ko_KR', koKR);
+var idIDIntl = createIntl('id_ID', idID);
+var deDEIntl = createIntl('de_DE', deDE);
+var faIRIntl = createIntl('fa_IR', faIR);
+var trTRIntl = createIntl('tr_TR', trTR);
+var plPLIntl = createIntl('pl_PL', plPL);
+var hrHRIntl = createIntl('hr_', hrHR);
+var thTHIntl = createIntl('th_TH', thTH);
+var csCZIntl = createIntl('cs_cz', csCZ);
+var skSKIntl = createIntl('sk_SK', skSK);
+var heILIntl = createIntl('he_IL', heIL);
+var ukUAIntl = createIntl('uk_UA', ukUA);
+var uzUZIntl = createIntl('uz_UZ', uzUZ);
+var nlNLIntl = createIntl('nl_NL', nlNL);
+var roROIntl = createIntl('ro_RO', roRO);
+var svSEIntl = createIntl('sv_SE', svSE);
+var 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 = Object.keys(intlMap);
+
+/**
+ * 根据 antd 的 key 来找到的 locale 插件的 key
+ *
+ * @param localeKey
+ */
+export var findIntlKeyByAntdLocaleKey = function findIntlKeyByAntdLocaleKey(localeKey) {
+  var localeName = (localeKey || 'zh-CN').toLocaleLowerCase();
+  return intlMapKeys.find(function (intlKey) {
+    var LowerCaseKey = intlKey.toLocaleLowerCase();
+    return LowerCaseKey.includes(localeName);
+  });
+};
+export { arEGIntl, caESIntl, csCZIntl, deDEIntl, enGBIntl, enUSIntl, esESIntl, faIRIntl, frFRIntl, heILIntl, hrHRIntl, idIDIntl, intlMap, intlMapKeys, itITIntl, jaJPIntl, koKRIntl, mnMNIntl, msMYIntl, nlNLIntl, plPLIntl, ptBRIntl, roROIntl, ruRUIntl, skSKIntl, srRSIntl, svSEIntl, thTHIntl, trTRIntl, ukUAIntl, uzUZIntl, viVNIntl, zhCNIntl, zhTWIntl };

package/es/vtx-provider/locale/ar_EG.js

@@ -0,0 +1,71 @@
+export default {
+  moneySymbol: '$',
+  form: {
+    lightFilter: {
+      more: 'المزيد',
+      clear: 'نظف',
+      confirm: 'تأكيد',
+      itemUnit: 'عناصر'
+    }
+  },
+  tableForm: {
+    search: 'ابحث',
+    reset: 'إعادة تعيين',
+    submit: 'ارسال',
+    collapsed: 'مُقلص',
+    expand: 'مُوسع',
+    inputPlaceholder: 'الرجاء الإدخال',
+    selectPlaceholder: 'الرجاء الإختيار'
+  },
+  alert: {
+    clear: 'نظف',
+    selected: 'محدد',
+    item: 'عنصر'
+  },
+  pagination: {
+    total: {
+      range: ' ',
+      total: 'من',
+      item: 'عناصر'
+    }
+  },
+  tableToolBar: {
+    leftPin: 'ثبت على اليسار',
+    rightPin: 'ثبت على اليمين',
+    noPin: 'الغاء التثبيت',
+    leftFixedTitle: 'لصق على اليسار',
+    rightFixedTitle: 'لصق على اليمين',
+    noFixedTitle: 'إلغاء الإلصاق',
+    reset: 'إعادة تعيين',
+    columnDisplay: 'الأعمدة المعروضة',
+    columnSetting: 'الإعدادات',
+    fullScreen: 'وضع كامل الشاشة',
+    exitFullScreen: 'الخروج من وضع كامل الشاشة',
+    reload: 'تحديث',
+    density: 'الكثافة',
+    densityDefault: 'افتراضي',
+    densityLarger: 'أكبر',
+    densityMiddle: 'وسط',
+    densitySmall: 'مدمج'
+  },
+  stepsForm: {
+    next: 'التالي',
+    prev: 'السابق',
+    submit: 'أنهى'
+  },
+  loginForm: {
+    submitText: 'تسجيل الدخول'
+  },
+  editableTable: {
+    action: {
+      save: 'أنقذ',
+      cancel: 'إلغاء الأمر',
+      delete: 'حذف',
+      add: 'إضافة صف من البيانات'
+    }
+  },
+  switch: {
+    open: 'مفتوح',
+    close: 'غلق'
+  }
+};