@antv/dumi-theme-antv 0.1.0

package/es/antv/Products/getProducts.js

@@ -0,0 +1,466 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { AreaChartOutlined, DingdingOutlined, GithubOutlined, HistoryOutlined, HomeOutlined, PieChartOutlined, ReadOutlined, YuqueOutlined } from "@ant-design/icons";
+import { each } from "lodash";
+import React from "react";
+import { getChinaMirrorHost } from "../utils";
+
+var tuple = function tuple() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return args;
+};
+
+var Categories = tuple("basic", "extension", "ecology");
+var Link = tuple("home", "example", "api");
+var ANTV_DOMAIN = "antv.vision";
+export var getProducts = function getProducts(_ref) {
+  var t = _ref.t,
+      language = _ref.language,
+      _ref$isChinaMirrorHos = _ref.isChinaMirrorHost,
+      isChinaMirrorHost = _ref$isChinaMirrorHos === void 0 ? false : _ref$isChinaMirrorHos;
+  var hosts = {};
+  ["g2", "g2plot", "g6", "l7", "f2", "f2native", "graphin", "g", "x6", "ava"].forEach(function (name) {
+    hosts[name] = isChinaMirrorHost ? getChinaMirrorHost("".concat(name, ".").concat(ANTV_DOMAIN)) : "".concat(name, ".").concat(ANTV_DOMAIN);
+  });
+  var products = [{
+    title: "G2",
+    icon: "https://gw.alipayobjects.com/zos/antfincdn/trEfLRh5pc/G2%252520keshihuatuxingyufa.svg",
+    slogan: t("可视化引擎"),
+    description: t("数据驱动，高度易用，可扩展的可视化图形语法。"),
+    category: Categories[0],
+    links: [{
+      icon: /*#__PURE__*/React.createElement(HomeOutlined, null),
+      title: t("产品首页"),
+      url: "https://".concat(hosts.g2, "/").concat(language)
+    }, {
+      icon: /*#__PURE__*/React.createElement(PieChartOutlined, null),
+      title: t("图表示例"),
+      url: "https://".concat(hosts.g2, "/").concat(language, "/examples")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("使用文档"),
+      url: "https://".concat(hosts.g2, "/").concat(language, "/docs/manual")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("API 文档"),
+      url: "https://".concat(hosts.g2, "/").concat(language, "/docs/api")
+    }, {
+      icon: /*#__PURE__*/React.createElement(HistoryOutlined, null),
+      title: t("更新日志"),
+      url: "https://github.com/antvis/g2/blob/master/CHANGELOG.md",
+      openExternal: true
+    }, {
+      icon: /*#__PURE__*/React.createElement(GithubOutlined, null),
+      title: t("GitHub 仓库"),
+      url: "https://github.com/antvis/g2",
+      openExternal: true
+    }, {
+      icon: "🇨🇳",
+      title: t("国内镜像"),
+      url: "https://antv-g2.gitee.io",
+      openExternal: true
+    }]
+  }, {
+    title: "F2",
+    icon: "https://gw.alipayobjects.com/zos/antfincdn/D%26fDbWqVkv/F2%252520yidongduankeshihuafangan.svg",
+    slogan: t("移动可视化方案"),
+    description: t("专注于移动端的可视化解决方案，兼容 H5/小程序/Weex 等多端环境"),
+    category: Categories[0],
+    links: [{
+      icon: /*#__PURE__*/React.createElement(HomeOutlined, null),
+      title: t("产品首页"),
+      url: "https://".concat(hosts.f2, "/").concat(language)
+    }, {
+      icon: /*#__PURE__*/React.createElement(PieChartOutlined, null),
+      title: t("图表示例"),
+      url: "https://".concat(hosts.f2, "/").concat(language, "/examples")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("使用文档"),
+      url: "https://".concat(hosts.f2, "/").concat(language, "/docs/tutorial/getting-started")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("API 文档"),
+      url: "https://".concat(hosts.f2, "/").concat(language, "/docs/api")
+    }, {
+      icon: /*#__PURE__*/React.createElement(HistoryOutlined, null),
+      title: t("更新日志"),
+      url: "https://github.com/antvis/f2/blob/master/CHANGELOG.md",
+      openExternal: true
+    }, {
+      icon: /*#__PURE__*/React.createElement(GithubOutlined, null),
+      title: t("GitHub 仓库"),
+      url: "https://github.com/antvis/f2",
+      openExternal: true
+    }, {
+      icon: "🇨🇳",
+      title: t("国内镜像"),
+      url: "https://antv-f2.gitee.io",
+      openExternal: true
+    }]
+  }, {
+    title: "G6",
+    icon: "https://gw.alipayobjects.com/zos/antfincdn/zS1wZZJVcJ/G6%252520tukeshihuayinqing.svg",
+    slogan: t("图可视化引擎"),
+    description: t("便捷的关系数据可视化引擎与图分析工具。"),
+    category: Categories[0],
+    links: [{
+      icon: /*#__PURE__*/React.createElement(HomeOutlined, null),
+      title: t("产品首页"),
+      url: "https://".concat(hosts.g6, "/").concat(language)
+    }, {
+      icon: /*#__PURE__*/React.createElement(PieChartOutlined, null),
+      title: t("图表示例"),
+      url: "https://".concat(hosts.g6, "/").concat(language, "/examples")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("使用文档"),
+      url: "https://".concat(hosts.g6, "/").concat(language, "/docs/manual")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("API 文档"),
+      url: "https://".concat(hosts.g6, "/").concat(language, "/docs/api")
+    }, {
+      icon: /*#__PURE__*/React.createElement(HistoryOutlined, null),
+      title: t("更新日志"),
+      url: "https://github.com/antvis/g6/blob/master/CHANGELOG.md",
+      openExternal: true
+    }, {
+      icon: /*#__PURE__*/React.createElement(GithubOutlined, null),
+      title: t("GitHub 仓库"),
+      url: "https://github.com/antvis/g6",
+      openExternal: true
+    }, {
+      icon: "🇨🇳",
+      title: t("国内镜像"),
+      url: "https://antv-g6.gitee.io",
+      openExternal: true
+    }]
+  }, {
+    title: "X6",
+    icon: "https://gw.alipayobjects.com/zos/bmw-prod/1d5e84d0-d153-4648-81c0-397b3d383d2c.svg",
+    slogan: t("图编辑引擎"),
+    description: t("极易定制、开箱即用、数据驱动的图编辑引擎"),
+    category: Categories[0],
+    links: [{
+      icon: /*#__PURE__*/React.createElement(HomeOutlined, null),
+      title: t("产品首页"),
+      url: "https://".concat(hosts.x6, "/").concat(language)
+    }, {
+      icon: /*#__PURE__*/React.createElement(PieChartOutlined, null),
+      title: t("图表示例"),
+      url: "https://".concat(hosts.x6, "/").concat(language, "/examples")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("使用文档"),
+      url: "https://".concat(hosts.x6, "/").concat(language, "/docs/tutorial/about/")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("API 文档"),
+      url: "https://".concat(hosts.x6, "/").concat(language, "/docs/api/graph/")
+    }, {
+      icon: /*#__PURE__*/React.createElement(GithubOutlined, null),
+      title: t("GitHub 仓库"),
+      url: "https://github.com/antvis/x6",
+      openExternal: true
+    }, {
+      icon: "🇨🇳",
+      title: t("国内镜像"),
+      url: "https://antv-x6.gitee.io",
+      openExternal: true
+    }]
+  }, {
+    title: "L7",
+    icon: "https://gw.alipayobjects.com/zos/antfincdn/OI%26h7HXH33/L7%252520dilikongjianshujukeshihua.svg",
+    slogan: t("地理空间数据可视化"),
+    description: t("高性能/高渲染质量的地理空间数据可视化框架。"),
+    category: Categories[0],
+    links: [{
+      icon: /*#__PURE__*/React.createElement(HomeOutlined, null),
+      title: t("产品首页"),
+      url: "https://".concat(hosts.l7, "/").concat(language)
+    }, {
+      icon: /*#__PURE__*/React.createElement(PieChartOutlined, null),
+      title: t("图表示例"),
+      url: "https://".concat(hosts.l7, "/").concat(language, "/examples")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("使用文档"),
+      url: "https://".concat(hosts.l7, "/").concat(language, "/docs/tutorial")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("API 文档"),
+      url: "https://".concat(hosts.l7, "/").concat(language, "/docs/api/l7")
+    }, {
+      icon: /*#__PURE__*/React.createElement(HistoryOutlined, null),
+      title: t("更新日志"),
+      url: "https://github.com/antvis/L7/blob/master/CHANGELOG.md",
+      openExternal: true
+    }, {
+      icon: /*#__PURE__*/React.createElement(GithubOutlined, null),
+      title: t("GitHub 仓库"),
+      url: "https://github.com/antvis/L7",
+      openExternal: true
+    }, {
+      icon: "🇨🇳",
+      title: t("国内镜像"),
+      url: "https://antv-l7.gitee.io",
+      openExternal: true
+    }]
+  }, {
+    title: "G2Plot",
+    icon: "https://gw.alipayobjects.com/zos/antfincdn/SlbIagEvT7/G2plot.svg",
+    slogan: t("开箱即用的图表库"),
+    description: t("开箱即用、易于配置、极致体验的通用图表库。"),
+    category: Categories[1],
+    links: [{
+      icon: /*#__PURE__*/React.createElement(HomeOutlined, null),
+      title: t("产品首页"),
+      url: "https://".concat(hosts.g2plot, "/").concat(language)
+    }, {
+      icon: /*#__PURE__*/React.createElement(PieChartOutlined, null),
+      title: t("图表示例"),
+      url: "https://".concat(hosts.g2plot, "/").concat(language, "/examples")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("使用文档"),
+      url: "https://".concat(hosts.g2plot, "/").concat(language, "/docs/manual")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("API 文档"),
+      url: "https://".concat(hosts.g2plot, "/").concat(language, "/docs/api")
+    }, {
+      icon: /*#__PURE__*/React.createElement(HistoryOutlined, null),
+      title: t("更新日志"),
+      url: "https://github.com/antvis/g2plot/blob/master/CHANGELOG.md",
+      openExternal: true
+    }, {
+      icon: /*#__PURE__*/React.createElement(GithubOutlined, null),
+      title: t("GitHub 仓库"),
+      url: "https://github.com/antvis/g2plot",
+      openExternal: true
+    }, {
+      icon: "🇨🇳",
+      title: t("国内镜像"),
+      url: "https://antv-g2plot.gitee.io",
+      openExternal: true
+    }]
+  }, {
+    title: "F2Native",
+    icon: "https://gw.alipayobjects.com/zos/antfincdn/D%26fDbWqVkv/F2%252520yidongduankeshihuafangan.svg",
+    slogan: t("移动可视化方案"),
+    description: t("跨平台高性能的移动端可视化解决方案，满足你的各种图表需求。"),
+    category: Categories[1],
+    links: [{
+      icon: /*#__PURE__*/React.createElement(HomeOutlined, null),
+      title: t("产品首页"),
+      url: "https://".concat(hosts.f2native, "/").concat(language)
+    }, {
+      icon: /*#__PURE__*/React.createElement(PieChartOutlined, null),
+      title: t("图表示例"),
+      url: "https://".concat(hosts.f2native, "/").concat(language, "/docs/examples")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("使用文档"),
+      url: "https://".concat(hosts.f2native, "/").concat(language, "/docs/tutorial/getting-started")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("API 文档"),
+      url: "https://".concat(hosts.f2native, "/").concat(language, "/docs/api/API")
+    }, {
+      icon: /*#__PURE__*/React.createElement(GithubOutlined, null),
+      title: t("GitHub 仓库"),
+      url: "https://github.com/antvis/f2",
+      openExternal: true
+    }, {
+      icon: "🇨🇳",
+      title: t("国内镜像"),
+      url: "https://antv-f2.gitee.io",
+      openExternal: true
+    }]
+  }, {
+    title: "Graphin",
+    icon: "https://gw.alipayobjects.com/zos/antfincdn/0b4HzOcEJY/Graphin.svg",
+    slogan: t(""),
+    description: t("基于 G6 封装的图分析应用组件。"),
+    category: Categories[1],
+    links: [{
+      icon: /*#__PURE__*/React.createElement(HomeOutlined, null),
+      title: t("产品首页"),
+      url: "https://".concat(hosts.graphin, "/").concat(language)
+    }, {
+      icon: /*#__PURE__*/React.createElement(PieChartOutlined, null),
+      title: t("组件示例"),
+      url: "https://".concat(hosts.graphin, "/").concat(language, "/examples")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("使用文档"),
+      url: "https://".concat(hosts.graphin, "/").concat(language, "/docs/manual/introduction")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("API 文档"),
+      url: "https://".concat(hosts.graphin, "/").concat(language, "/docs/api/graphin")
+    }, {
+      icon: /*#__PURE__*/React.createElement(HistoryOutlined, null),
+      title: t("更新日志"),
+      url: "https://github.com/antvis/graphin/blob/master/CHANGELOG.md",
+      openExternal: true
+    }, {
+      icon: /*#__PURE__*/React.createElement(GithubOutlined, null),
+      title: t("GitHub 仓库"),
+      url: "https://github.com/antvis/graphin",
+      openExternal: true
+    }, {
+      icon: "🇨🇳",
+      title: t("国内镜像"),
+      url: "https://antv-graphin.gitee.io",
+      openExternal: true
+    }]
+  }, {
+    title: "AVA",
+    icon: "https://gw.alipayobjects.com/zos/bmw-prod/1069c628-7460-4b09-a649-0f2ad64dfc78.svg",
+    slogan: t(""),
+    description: t("AVA 是为了更简便的可视分析而生的技术框架。"),
+    category: Categories[1],
+    links: [{
+      icon: /*#__PURE__*/React.createElement(HomeOutlined, null),
+      title: t("产品首页"),
+      url: "https://".concat(hosts.ava, "/").concat(language)
+    }, {
+      icon: /*#__PURE__*/React.createElement(PieChartOutlined, null),
+      title: t("图表示例"),
+      url: "https://".concat(hosts.ava, "/").concat(language, "/examples")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("使用文档"),
+      url: "https://".concat(hosts.ava, "/").concat(language, "/docs/guide")
+    }, {
+      icon: /*#__PURE__*/React.createElement(ReadOutlined, null),
+      title: t("API 文档"),
+      url: "https://".concat(hosts.ava, "/").concat(language, "/docs/api")
+    }, {
+      icon: /*#__PURE__*/React.createElement(GithubOutlined, null),
+      title: t("GitHub 仓库"),
+      url: "https://github.com/antvis/ava",
+      openExternal: true
+    }, {
+      icon: "🇨🇳",
+      title: t("国内镜像"),
+      url: "https://antv-ava.gitee.io",
+      openExternal: true
+    }]
+  }, {
+    title: "ChartCube",
+    icon: "https://gw.alipayobjects.com/zos/antfincdn/Zr74jx8YNX/chartcube.svg",
+    slogan: t("图表魔方"),
+    description: t("AntV 在线图表制作利器。"),
+    category: Categories[1],
+    links: [{
+      icon: /*#__PURE__*/React.createElement(HomeOutlined, null),
+      title: t("产品首页"),
+      url: "https://chartcube.alipay.com",
+      openExternal: true
+    }, {
+      icon: /*#__PURE__*/React.createElement(AreaChartOutlined, null),
+      title: t("生成图表"),
+      url: "https://chartcube.alipay.com/guide",
+      openExternal: true
+    }, {
+      icon: /*#__PURE__*/React.createElement(YuqueOutlined, null),
+      title: t("语雀社区"),
+      url: "https://www.yuque.com/chartcube",
+      openExternal: true
+    }, {
+      icon: /*#__PURE__*/React.createElement(DingdingOutlined, null),
+      title: t("钉钉服务群"),
+      url: "dingtalk://dingtalkclient/action/joingroup?cid=8305538734",
+      openExternal: true
+    }]
+  }, {
+    title: t("墨者学院"),
+    icon: "https://gw.alipayobjects.com/zos/antfincdn/12j36RPVldO/mozhexueyuan.svg",
+    description: t("数据可视化社团"),
+    category: Categories[2],
+    links: [{
+      title: t("学院首页"),
+      url: "https://www.yuque.com/mo-college",
+      openExternal: true
+    }]
+  }, {
+    title: "BizCharts",
+    icon: "https://gw.alipayobjects.com/zos/antfincdn/Q1pbg%26O2TM/BizCharts.svg",
+    description: t("基于商业场景下的数据可视化解决方案"),
+    category: Categories[2],
+    links: [{
+      title: t("产品首页"),
+      url: "https://bizcharts.net",
+      openExternal: true
+    }]
+  }, {
+    title: "Ant Design Charts",
+    icon: "https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg",
+    description: t("基于 G2Plot 实现的 React 可视化图表库"),
+    category: Categories[2],
+    links: [{
+      title: t("产品首页"),
+      url: "https://charts.ant.design/",
+      openExternal: true
+    }]
+  }];
+  return products;
+};
+var CATEGORY_TYPE = tuple("basic", "extension", "mobile", "ecology");
+export var CATEGORIES = [{
+  type: "basic",
+  name: "标准版基础产品"
+}, {
+  type: "extension",
+  name: "标准版扩展产品"
+}, {
+  type: "mobile",
+  name: "移动定制（F版）产品"
+}, {
+  type: "ecology",
+  name: "周边生态"
+}];
+export function getNewProducts(_ref2) {
+  var language = _ref2.language,
+      isChinaMirrorHost = _ref2.isChinaMirrorHost;
+  // 如需要修改产品信息，请到 https://yuyan.antfin-inc.com/datavprod/antv-site-datas/schemas/site-products-h5data/console 修改区块内容
+  return fetch("https://render.alipay.com/p/h5data/antv-site-datas_site-products-h5data.json").then(function (res) {
+    return res.json();
+  }).then(function (products) {
+    return products.filter(function (d) {
+      return d.lang === language;
+    }).map(function (d) {
+      var links = typeof d.links === "string" ? JSON.parse(d.links) : _objectSpread({}, d.links);
+      var newLinks = {};
+      each(links, function (value, k) {
+        var actualUrl = (value === null || value === void 0 ? void 0 : value.url) || "";
+
+        if (isChinaMirrorHost) {
+          // g2plot.antv.vision => antv-g2plot.gitee.io
+          var match = actualUrl.match(/([http|https]):\/\/(.*)\.antv\.vision/);
+
+          if (match && match[2]) {
+            actualUrl = actualUrl.replace("".concat(match[2], ".antv.vision"), "antv-".concat(match[2], ".gitee.io"));
+          }
+        }
+
+        newLinks[k] = _objectSpread(_objectSpread({}, value), {}, {
+          url: actualUrl
+        });
+      });
+      return _objectSpread(_objectSpread({}, d), {}, {
+        links: newLinks
+      });
+    });
+  });
+}

package/es/antv/Products/index.js

@@ -0,0 +1,81 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import classNames from "classnames";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { useChinaMirrorHost } from "../hooks";
+import { CATEGORIES, getNewProducts } from "./getProducts";
+import Product from "./Product"; //@ts-ignore
+
+import styles from "./Product.module.less";
+
+var Products = function Products(_ref) {
+  var show = _ref.show,
+      language = _ref.language,
+      className = _ref.className;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t,
+      i18n = _useTranslation.i18n;
+
+  var _useChinaMirrorHost = useChinaMirrorHost(),
+      _useChinaMirrorHost2 = _slicedToArray(_useChinaMirrorHost, 1),
+      isChinaMirrorHost = _useChinaMirrorHost2[0];
+
+  var _React$useState = React.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      products = _React$useState2[0],
+      setProducts = _React$useState2[1];
+
+  var lang = i18n.language === "zh" ? "zh" : "en";
+  React.useEffect(function () {
+    getNewProducts({
+      language: lang,
+      isChinaMirrorHost: isChinaMirrorHost
+    }).then(function (data) {
+      setProducts(data);
+    });
+  }, [lang, isChinaMirrorHost]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.products, className, _defineProperty({}, styles.show, !!show))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, CATEGORIES.map(function (_ref2, idx) {
+    var name = _ref2.name,
+        type = _ref2.type;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: idx
+    }, /*#__PURE__*/React.createElement("h3", null, t(name)), /*#__PURE__*/React.createElement("ul", null, products.filter(function (item) {
+      return item.category === type;
+    }).map(function (product) {
+      var _product$links, _product$links$home;
+
+      return /*#__PURE__*/React.createElement(Product, {
+        key: product.title,
+        name: product.title,
+        slogan: product.slogan || "",
+        description: product.description,
+        url: (_product$links = product.links) === null || _product$links === void 0 ? void 0 : (_product$links$home = _product$links.home) === null || _product$links$home === void 0 ? void 0 : _product$links$home.url,
+        icon: product.icon,
+        links: product.links,
+        language: language || i18n.language
+      });
+    })));
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.mask
+  }));
+};
+
+export default Products;

package/es/antv/hooks.js

@@ -0,0 +1,81 @@
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { useEffect, useState } from "react";
+export var useChinaMirrorHost = function useChinaMirrorHost() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isChinaMirrorHost = _useState2[0],
+      setIsChinaMirrorHost = _useState2[1];
+
+  useEffect(function () {
+    if (window.location.host.includes("gitee.io") && window.location.host.includes("antv")) {
+      setIsChinaMirrorHost(true);
+    }
+  }, []);
+  return [isChinaMirrorHost];
+};
+export var usePrevAndNext = function usePrevAndNext() {
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      prevAndNext = _useState4[0],
+      setPrevAndNext = _useState4[1];
+
+  useEffect(function () {
+    var menuNodes = document.querySelectorAll("aside .ant-menu-item a");
+    var currentMenuNode = document.querySelector("aside .ant-menu-item-selected a");
+    var currentIndex = Array.from(menuNodes).findIndex(function (node) {
+      return node === currentMenuNode;
+    });
+    var prevNode = currentIndex - 1 >= 0 ? menuNodes[currentIndex - 1] : undefined;
+    var nextNode = currentIndex + 1 < menuNodes.length ? menuNodes[currentIndex + 1] : undefined;
+    var prev = prevNode ? {
+      slug: prevNode.getAttribute("href") || undefined,
+      title: prevNode.textContent || undefined
+    } : undefined;
+    var next = nextNode ? {
+      slug: nextNode.getAttribute("href") || undefined,
+      title: nextNode.textContent || undefined
+    } : undefined;
+    setPrevAndNext([prev, next]);
+  }, []);
+  return prevAndNext;
+};
+export var useLogoLink = function useLogoLink(_ref) {
+  var _ref$link = _ref.link,
+      link = _ref$link === void 0 ? "" : _ref$link,
+      _ref$siteUrl = _ref.siteUrl,
+      siteUrl = _ref$siteUrl === void 0 ? "" : _ref$siteUrl,
+      _ref$lang = _ref.lang,
+      lang = _ref$lang === void 0 ? "" : _ref$lang;
+  var defaultLogoLink;
+
+  if (link) {
+    defaultLogoLink = link;
+  } else if (siteUrl === "https://antv.vision") {
+    defaultLogoLink = "/".concat(lang);
+  } else {
+    defaultLogoLink = "https://antv.vision/".concat(lang);
+  }
+
+  var _useState5 = useState(""),
+      _useState6 = _slicedToArray(_useState5, 2),
+      giteeLogoLink = _useState6[0],
+      setGiteeLogoLink = _useState6[1];
+
+  useEffect(function () {
+    if (window.location.host.includes("gitee.io") && window.location.host.includes("antv")) {
+      setGiteeLogoLink("https://antv.gitee.io/".concat(lang));
+    }
+  }, []);
+  return [giteeLogoLink || defaultLogoLink];
+};

package/es/antv/mixins.less

@@ -0,0 +1,21 @@
+@import "~antd/es/style/themes/default.less";
+@primaryColor: #873bf4;
+
+.container1440() {
+  width: 1440px;
+  max-width: calc(100% - 80px);
+  margin-left: auto;
+  margin-right: auto;
+
+  @media only screen and (max-width: 931.99px) {
+    & {
+      max-width: calc(100% - 60px);
+    }
+  }
+
+  @media only screen and (max-width: 767.99px) {
+    & {
+      max-width: calc(100% - 32px);
+    }
+  }
+}