@antv/dumi-theme-antv 0.3.0-beta.8 → 0.3.0

package/dist/slots/Features/index.js

@@ -68,7 +68,7 @@ export var Features = function Features(_ref) {
   }) : /*#__PURE__*/React.createElement("div", {
     className: cx(styles.lefttopWithoutTitle, styles.lefttop)
   }), /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.rightbottomWithoutTitle, styles.rightbottom)
+    className: title ? styles.rightbottom : cx(styles.rightbottomWithoutTitle, styles.rightbottom)
   }, /*#__PURE__*/React.createElement("div", {
     className: cx(styles.slicerbar, styles.slicerbarv, styles.slicerbarv1)
   }), /*#__PURE__*/React.createElement("div", {
@@ -85,7 +85,10 @@ export var Features = function Features(_ref) {
     className: styles.content
   }, /*#__PURE__*/React.createElement("div", {
     key: "content"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("p", {
+    key: "title",
+    className: styles.title
+  }, title ? title : ''), /*#__PURE__*/React.createElement("div", {
     key: "block",
     className: styles.cardsContainer
   }, /*#__PURE__*/React.createElement(Row, {

package/dist/slots/Features/index.module.less

@@ -23,7 +23,7 @@
     font-size: 2.8em;
     padding-left: 4.06%;
     font-weight: 500;
-    margin: 48px 0 0 0;
+    margin: 17px 0 0 0;
     position: relative;
     height: min-content;
     color: #fff;
@@ -58,7 +58,7 @@
     position: absolute;
     width: 95.83%;
     left: 4.17%;
-    top: 144px;
+    top: 88px;
     background: #fff;
     height: 65%;
     box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.1);
@@ -197,4 +197,4 @@
     display: block;
     z-index: 2;
   }
-}
+}

package/dist/slots/Footer/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["columns", "bottom", "theme", "language", "isDynamicFooter", "rootDomain"];
+var _excluded = ["columns", "bottom", "theme", "language", "isDynamicFooter", "rootDomain", "className"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -13,8 +13,7 @@ import { default as RCFooter } from 'rc-footer';
 import { GithubOutlined, WeiboOutlined, ZhihuOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import { omit } from 'lodash-es';
 import classnames from 'classnames';
-import { useLocale } from 'dumi';
-import { useT } from "../hooks";
+import { useLocale, FormattedMessage } from 'dumi';
 import 'rc-footer/assets/index.less';
 import styles from "./index.module.less";
 
@@ -31,6 +30,7 @@ export var Footer = function Footer(props) {
       isDynamicFooter = props.isDynamicFooter,
       _props$rootDomain = props.rootDomain,
       rootDomain = _props$rootDomain === void 0 ? '' : _props$rootDomain,
+      className = props.className,
       restProps = _objectWithoutProperties(props, _excluded);
 
   var locale = useLocale();
@@ -50,33 +50,45 @@ export var Footer = function Footer(props) {
         openExternal: true
       }, {
         title: 'Umi',
-        description: useT('React 应用开发框架'),
+        description: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "React \u5E94\u7528\u5F00\u53D1\u6846\u67B6"
+        }),
         url: 'https://umijs.org',
         openExternal: true
       }, {
         title: 'Dumi',
-        description: useT('组件/文档研发工具'),
+        description: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "\u7EC4\u4EF6/\u6587\u6863\u7814\u53D1\u5DE5\u5177"
+        }),
         url: 'https://d.umijs.org',
         openExternal: true
       }, {
         title: 'ahooks',
-        description: useT('React Hooks 库'),
+        description: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "React Hooks \u5E93"
+        }),
         url: 'https://github.com/alibaba/hooks',
         openExternal: true
       }, {
-        title: useT('国内镜像'),
+        title: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "\u56FD\u5185\u955C\u50CF"
+        }),
         url: 'https://antv.antgroup.com/'
       }]
     };
     var col2 = {
-      title: useT('社区'),
+      title: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "\u793E\u533A"
+      }),
       items: [{
         icon: /*#__PURE__*/React.createElement(ZhihuOutlined, {
           style: {
             color: '#0084ff'
           }
         }),
-        title: useT('体验科技专栏'),
+        title: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "\u4F53\u9A8C\u79D1\u6280\u4E13\u680F"
+        }),
         url: 'http://zhuanlan.zhihu.com/xtech',
         openExternal: true
       }, {
@@ -85,13 +97,17 @@ export var Footer = function Footer(props) {
           alt: "seeconf"
         }),
         title: 'SEE Conf',
-        description: useT('蚂蚁体验科技大会'),
+        description: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "\u8682\u8681\u4F53\u9A8C\u79D1\u6280\u5927\u4F1A"
+        }),
         url: 'https://seeconf.antfin.com/',
         openExternal: true
       }]
     };
     var col3 = {
-      title: useT('帮助'),
+      title: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "\u5E2E\u52A9"
+      }),
       items: [{
         icon: /*#__PURE__*/React.createElement(GithubOutlined, null),
         title: 'GitHub',
@@ -99,7 +115,9 @@ export var Footer = function Footer(props) {
         openExternal: true
       }, {
         icon: /*#__PURE__*/React.createElement(QuestionCircleOutlined, null),
-        title: useT('StackOverflow'),
+        title: /*#__PURE__*/React.createElement(FormattedMessage, {
+          id: "StackOverflow"
+        }),
         url: 'http://stackoverflow.com/questions/tagged/antv',
         openExternal: true
       }]
@@ -163,7 +181,7 @@ export var Footer = function Footer(props) {
     maxColumnsPerRow: 5,
     theme: theme,
     columns: columns || getColumns(),
-    className: classnames(styles.footer, _defineProperty({}, styles.withMenu, isDynamicFooter)),
+    className: classnames(styles.footer, className, _defineProperty({}, styles.withMenu, isDynamicFooter)),
     bottom: bottom || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: styles.bottom
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
@@ -180,7 +198,9 @@ export var Footer = function Footer(props) {
       rel: "noopener noreferrer"
     }, /*#__PURE__*/React.createElement(GithubOutlined, null)), /*#__PURE__*/React.createElement("a", {
       href: "".concat(rootDomain, "/").concat(lang, "/about")
-    }, useT('关于我们'))), /*#__PURE__*/React.createElement("div", null, "\xA9 ", new Date().getFullYear(), " Made with \u2764 by", ' ', /*#__PURE__*/React.createElement("a", {
+    }, /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "\u5173\u4E8E\u6211\u4EEC"
+    }))), /*#__PURE__*/React.createElement("div", null, "\xA9 ", new Date().getFullYear(), " Made with \u2764 by", ' ', /*#__PURE__*/React.createElement("a", {
       href: "https://xtech.antfin.com/"
     }, "AntV"))))
   }, omit(restProps, ['githubUrl'])));

package/dist/slots/Header/LogoWhite.js

@@ -6,8 +6,7 @@ import React from 'react';
 export var LogoWhite = function LogoWhite(_ref) {
   var style = _ref.style;
   return /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 94 28",
-    style: style,
+    viewBox: "0 0 3313 1024",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     width: "94",

package/dist/slots/Header/Navs.d.ts

@@ -1,11 +1,19 @@
 import React from 'react';
+declare type dropdownItem = {
+    name: {
+        [key: string]: string;
+    };
+    url: string;
+};
 export declare type INav = {
-    slug: string;
+    slug?: string;
     order: number;
     title: {
         [key: string]: string;
     };
     target?: '_blank';
+    notPage?: boolean;
+    dropdownItems?: dropdownItem[];
 };
 export declare type NavProps = {
     navs: INav[];
@@ -15,3 +23,4 @@ export declare type NavProps = {
  * Header 中的导航菜单
  */
 export declare const Navs: React.FC<NavProps>;
+export {};

package/dist/slots/Header/Navs.js

@@ -2,47 +2,58 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import React from 'react';
 import cx from 'classnames';
-import { isEqual } from 'lodash-es';
-import { LinkOutlined } from '@ant-design/icons';
+import { isEqual, size } from 'lodash-es';
 import { Link, useLocale } from 'dumi';
+import { Dropdown, Menu } from 'antd';
+import { DownOutlined, LinkOutlined } from '@ant-design/icons';
 import styles from "./index.module.less";
 
-var getDocument = function getDocument(navs) {
-  var slug = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return navs.find(function (doc) {
-    return doc.slug === slug;
-  }) || {
-    title: {}
-  };
-};
 /**
  * Header 中的导航菜单
  */
-
-
 export var Navs = function Navs(_ref) {
   var navs = _ref.navs,
       path = _ref.path;
   var locale = useLocale();
   return /*#__PURE__*/React.createElement(React.Fragment, null, navs.map(function (nav) {
-    var href = nav.slug.startsWith('http') ? nav.slug : "/".concat(nav.slug);
-    var isAnotherSite = nav.slug.startsWith('http');
-    var anotherSite = isAnotherSite ? href : '';
-    var title = getDocument(navs, nav.slug).title[locale.id];
-    href = nav.slug.startsWith('/') ? nav.slug : "/".concat(nav.slug);
+    var title = nav.title[locale.id];
+    var href = '';
+    var className = '';
+
+    if (nav.slug) {
+      href = nav.slug.startsWith('http') ? nav.slug : "/".concat(nav.slug);
 
-    if (locale.id == 'en') {
-      href = "/en".concat(href);
-    } // 去除 docs  防止二次点击相同nav跳转出现04
+      if (locale.id == 'en' && !href.startsWith('http')) {
+        href = "/en".concat(href);
+      } // 去除 docs  防止二次点击相同nav跳转出现04
 
 
-    href = href.replace('/docs/', '/');
-    var className = cx('header-menu-item-active', _defineProperty({}, styles.activeItem, path.startsWith(href) || isEqual(path.split('/').slice(0, 4), href.split('/').slice(0, 4))));
-    return /*#__PURE__*/React.createElement("li", {
+      href = href.replace('/docs/', '/');
+      className = cx('header-menu-item-active', _defineProperty({}, styles.activeItem, path.startsWith(href) || isEqual(path.split('/').slice(0, 4), href.split('/').slice(0, 4))));
+    }
+
+    return size(nav.dropdownItems) ? /*#__PURE__*/React.createElement("li", {
+      key: title,
+      className: className
+    }, /*#__PURE__*/React.createElement(Dropdown, {
+      className: styles.ecoSystems,
+      placement: "bottom",
+      overlay: /*#__PURE__*/React.createElement(Menu, null, nav.dropdownItems.map(function (_ref2) {
+        var name = _ref2.name,
+            url = _ref2.url;
+        return /*#__PURE__*/React.createElement(Menu.Item, {
+          key: url
+        }, /*#__PURE__*/React.createElement("a", {
+          target: "_blank",
+          rel: "noreferrer",
+          href: url
+        }, name[locale.id], " ", /*#__PURE__*/React.createElement(LinkOutlined, null)));
+      }))
+    }, /*#__PURE__*/React.createElement("span", null, title, /*#__PURE__*/React.createElement(DownOutlined, null)))) : /*#__PURE__*/React.createElement("li", {
       key: title,
       className: className
-    }, nav.target === '_blank' || isAnotherSite ? /*#__PURE__*/React.createElement("a", {
-      href: anotherSite,
+    }, nav.target === '_blank' || href.startsWith('http') ? /*#__PURE__*/React.createElement("a", {
+      href: href,
       target: "_blank",
       rel: "noreferrer"
     }, title, /*#__PURE__*/React.createElement(LinkOutlined, null)) : /*#__PURE__*/React.createElement(Link, {

package/dist/slots/Header/Products/NavigatorBanner.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
-import { Link } from 'dumi';
+import { Link, FormattedMessage } from 'dumi';
 import styles from "./NavigatorBanner.module.less";
-import { useT } from "../../hooks";
 
 var NavigatorBanner = function NavigatorBanner(_ref) {
   var post = _ref.post,
@@ -26,7 +25,9 @@ var NavigatorBanner = function NavigatorBanner(_ref) {
     className: classNames(styles.button, styles[type])
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.label
-  }, useT(type === 'prev' ? '上一篇' : '下一篇')), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: type === 'prev' ? '上一篇' : '下一篇'
+  })), /*#__PURE__*/React.createElement("div", {
     className: styles.title
   }, title));
 };

package/dist/slots/Header/Products/Product.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useT } from "../../hooks";
+import { FormattedMessage } from 'dumi';
 import styles from "./Product.module.less";
 
 var getTarget = function getTarget(url) {
@@ -46,11 +46,15 @@ var Product = function Product(_ref) {
     href: links.home.url,
     target: getTarget(links.home.url || ''),
     key: links.home.url
-  }, (_links$home$title = links.home.title) !== null && _links$home$title !== void 0 ? _links$home$title : useT('产品首页')), links.example && /*#__PURE__*/React.createElement("a", {
+  }, (_links$home$title = links.home.title) !== null && _links$home$title !== void 0 ? _links$home$title : /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "\u4EA7\u54C1\u9996\u9875"
+  })), links.example && /*#__PURE__*/React.createElement("a", {
     href: links.example.url,
     target: getTarget(links.example.url || ''),
     key: links.example.url
-  }, (_links$example$title = links.example.title) !== null && _links$example$title !== void 0 ? _links$example$title : useT('图表示例')))));
+  }, (_links$example$title = links.example.title) !== null && _links$example$title !== void 0 ? _links$example$title : /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "\u56FE\u8868\u793A\u4F8B"
+  })))));
 };
 
 export default Product;

package/dist/slots/Header/Products/getProducts.js

@@ -34,8 +34,10 @@ export var CATEGORIES = [{
 export function getNewProducts(_ref) {
   var language = _ref.language,
       isChinaMirrorHost = _ref.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) {
+  // 如需要修改产品信息，请到 https://yuyan.antfin-inc.com/antv/site-data/sprints 修改区块内容
+  return fetch('https://assets.antv.antgroup.com/antv/products.json' // 生产环境
+  // 'https://site-data-pre.alipay.com/antv/products.json', // 预发测试
+  ).then(function (res) {
     return res.json();
   }).then(function (products) {
     return products.filter(function (d) {

package/dist/slots/Header/Products/index.js

@@ -14,11 +14,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React from 'react';
 import cx from 'classnames';
+import { useLocale, FormattedMessage } from 'dumi';
 import Product from "./Product";
 import { CATEGORIES, getNewProducts } from "./getProducts";
-import { useChinaMirrorHost, useT } from "../../hooks";
+import { useChinaMirrorHost } from "../../hooks";
 import styles from "./Product.module.less";
-import { useLocale } from 'dumi';
 export var Products = function Products(_ref) {
   var show = _ref.show,
       language = _ref.language,
@@ -52,7 +52,9 @@ export var Products = function Products(_ref) {
         type = _ref2.type;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: idx
-    }, /*#__PURE__*/React.createElement("h3", null, useT(name)), /*#__PURE__*/React.createElement("ul", null, products.filter(function (item) {
+    }, /*#__PURE__*/React.createElement("h3", null, /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: name
+    })), /*#__PURE__*/React.createElement("ul", null, products.filter(function (item) {
       return item.category === type;
     }).map(function (product) {
       var _product$links, _product$links$home;

package/dist/slots/Header/Search.js

@@ -1,8 +1,7 @@
 import React, { useEffect } from 'react';
 import { SearchOutlined } from '@ant-design/icons';
 import { DocSearch } from '@docsearch/react';
-import { useLocale } from 'dumi';
-import { useT } from "../hooks";
+import { useLocale, useIntl } from 'dumi';
 import '@docsearch/css';
 import styles from "./Search.module.less";
 import 'docsearch.js/dist/cdn/docsearch.min.css';
@@ -49,6 +48,7 @@ function initDocSearchV2(_ref) {
 export var Search = function Search(_ref3) {
   var docsearchOptions = _ref3.docsearchOptions;
   var locale = useLocale();
+  var intl = useIntl();
 
   var _ref4 = docsearchOptions || {},
       _ref4$apiKey = _ref4.apiKey,
@@ -85,6 +85,8 @@ export var Search = function Search(_ref3) {
   }), /*#__PURE__*/React.createElement("input", {
     className: styles.input,
     id: "search",
-    placeholder: useT('搜索…')
+    placeholder: intl.formatMessage({
+      id: '搜索…'
+    })
   })));
 };

package/dist/slots/Header/index.d.ts

@@ -16,6 +16,13 @@ export declare type HeaderProps = {
     showGithubStar?: boolean;
     /** 是否显示切换语言选项 */
     showLanguageSwitcher?: boolean;
+    /**
+     * 国内镜像相关的信息
+     */
+    internalSite?: {
+        url: string;
+        name: object;
+    };
     /** 切换语言的回调 */
     onLanguageChange?: (language: string) => void;
     /** 是否二维码 */
@@ -40,8 +47,6 @@ export declare type HeaderProps = {
     isAntVSite?: boolean;
     /** AntV root 域名，直接用主题的可不传 */
     rootDomain?: string;
-    /** 是否展示国内镜像链接 */
-    showChinaMirror?: boolean;
     /** 是否显示 AntV 产品卡片 */
     showAntVProductsCard?: boolean;
     /** 展示版本切换 */