@antv/dumi-theme-antv 0.3.0-beta.4 → 0.3.0-beta.6

package/dist/context.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
+import { ExampleTopic } from './types';
 export declare type IThemeAntVContext = {
-    exampleTopics?: ExamplesPage.ExampleTopic[];
+    exampleTopics?: ExampleTopic[];
 };
 export declare const ThemeAntVContext: import("react").Context<IThemeAntVContext>;

package/dist/layouts/DocLayout.js

@@ -1,7 +1,6 @@
-import React from 'react';
-import { useOutlet, useLocation } from 'dumi';
+import React, { useEffect } from 'react';
+import { useOutlet, useLocation, useSiteData } from 'dumi';
 import { Index } from "./entry/Index";
-import { API } from "./entry/API";
 import { Manual } from "./entry/Manual"; // 用户手动添加自己的
 
 import "../slots/global";
@@ -11,26 +10,39 @@ import "../slots/_.less";
  */
 
 export default (function () {
+  var _useSiteData = useSiteData(),
+      themeConfig = _useSiteData.themeConfig;
+
+  var navs = themeConfig.navs; // 打印控制台文案
+
+  useEffect(function () {
+    console.log("%cAntV 让数据栩栩如生", "color:#5B7102; font-size: 20px;"), console.log("%c新一代数据可视化解决方案", "color:#5B7102;"), console.log("--------------------------"), console.log("%c关注我们的微信公众号 %c“数据可视化 AntV”%c，获取我们团队最新的进展、动态、分享，也欢迎加入我们！", "color: red", "color: pink", "color: red");
+  }, []);
   var outlet = useOutlet();
 
   var _useLocation = useLocation(),
       pathname = _useLocation.pathname;
 
-  var p = pathname.toLowerCase(); // 首页
-
-  if (p === '/' || p === '/zh' || p === '/en' || p === '/en/') return /*#__PURE__*/React.createElement(Index, null); // API 页面
+  var path = pathname; // 统一去掉中英文前缀
 
-  if (p.startsWith('/api') || p.startsWith('/en/api') || // 这四个是兼容之前的
-  p.startsWith('/zh/api') || p.startsWith('/en/api') || p.startsWith('/zh/docs/api') || p.startsWith('/en/docs/api')) {
-    return /*#__PURE__*/React.createElement(API, null, " ", outlet, " ");
-  } // 教程页面
+  var p = path.replace('/zh/', '/').replace('/en/', '/'); // 首页
 
+  if (p === '/' || p === '/zh' || p === '/en' || p === '/en/') return /*#__PURE__*/React.createElement(Index, null); // 匹配 navs 中的 docs 路由
 
-  if (p.startsWith('/manual') || p.startsWith('/en/manual') || // 这四个是兼容之前的
-  p.startsWith('/zh/manual') || p.startsWith('/en/manual') || p.startsWith('/zh/docs/manual/') || p.startsWith('/en/docs/manual/')) {
-    return /*#__PURE__*/React.createElement(Manual, null, " ", outlet, " ");
-  } // More router, add here...
+  var hasDocsRoutes = navs.filter(function (nav) {
+    return nav.slug.startsWith('docs/');
+  });
+  var docsRoutes = hasDocsRoutes.map(function (nav) {
+    return nav.slug.split('/').find(function (item) {
+      return item !== 'docs';
+    });
+  });
 
+  if (docsRoutes.some(function (route) {
+    return p.startsWith("/".concat(route)) || p.startsWith("/docs/".concat(route));
+  })) {
+    return /*#__PURE__*/React.createElement(Manual, null, outlet);
+  }
 
   return outlet;
 });

package/dist/pages/Example/index.js

@@ -12,8 +12,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useContext, useEffect, useState } from 'react';
 import { useParams, useLocation, useNavigate } from 'react-router-dom';
+import { get } from 'lodash-es';
 import { Layout } from 'antd';
-import { useLocale } from 'dumi';
+import { useLocale, useSiteData } from 'dumi';
 import { Header } from "../../slots/Header";
 import { ExampleSider } from "../../slots/ExampleSider";
 import { CodeRunner } from "../../slots/CodeRunner";
@@ -40,6 +41,10 @@ var Example = function Example() {
 
   var metaData = useContext(ThemeAntVContext);
   var locale = useLocale();
+
+  var _useSiteData = useSiteData(),
+      themeConfig = _useSiteData.themeConfig;
+
   var exampleTopics = metaData.meta.exampleTopics;
   var demo = hash.slice(1);
 
@@ -91,7 +96,8 @@ var Example = function Example() {
     exampleTopics: exampleTopics,
     topic: topic,
     example: example,
-    demo: demo
+    demo: demo,
+    size: get(themeConfig, 'editor.size', 0.4)
   }))));
 };
 

package/dist/pages/Examples/types.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ExampleTopic, Example, Demo } from '../../types';
 export interface AnnouncementProps {
     message: React.ReactNode;
     localStorageId: string;
@@ -9,19 +10,19 @@ export interface GalleryPageContentProps {
     /**
      * 案例主题列表
      */
-    exampleTopics: ExamplesPage.ExampleTopic[];
+    exampleTopics: ExampleTopic[];
 }
 export interface LeftMenuProps {
     /**
      * 案例主题列表
      */
-    exampleTopics: ExamplesPage.ExampleTopic[];
+    exampleTopics: ExampleTopic[];
 }
-export interface ExampleWithTopic extends ExamplesPage.Example {
-    targetTopic: ExamplesPage.ExampleTopic;
+export interface ExampleWithTopic extends Example {
+    targetTopic: ExampleTopic;
 }
 export interface DemoCardProps {
-    demo: ExamplesPage.Demo;
+    demo: Demo;
     topicId: string;
     exampleId: string;
 }
@@ -29,5 +30,5 @@ export interface LeftMenuProps {
     /**
      * 案例主题列表
      */
-    exampleTopics: ExamplesPage.ExampleTopic[];
+    exampleTopics: ExampleTopic[];
 }

package/dist/plugin/examples.d.ts

@@ -1,13 +1,21 @@
+import { Example, ExampleTopic } from '../types';
 /**
  * 获取案例页面的所有主题
  *
- * @returns {ExamplesPage.ExampleTopic[]} 案例主题列表
+ * @returns {ExampleTopic[]} 案例主题列表
  * @author YuZhanglong <loveyzl1123@gmail.com>
  */
-export declare const getExamplesPageTopics: (exampleTopics: ExamplesPage.ExampleTopic[]) => {
+export declare const getExamplesPageTopics: (exampleTopics: ExampleTopic[]) => {
     id: string;
-    title: ExamplesPage.ExampleTopic;
-    icon: ExamplesPage.ExampleTopic;
-    examples: ExamplesPage.Example[];
+    title: {
+        zh: string;
+        en: string;
+    };
+    icon: string;
+    examples: Example[];
     childrenKey: string;
 }[];
+/**
+ * 根据目录结构返回，所有的 example 页面，用于 buiild static
+ */
+export declare function getExamplePaths(): string[];

package/dist/plugin/examples.js

@@ -22,6 +22,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/plugin/examples.ts
 var examples_exports = {};
 __export(examples_exports, {
+  getExamplePaths: () => getExamplePaths,
   getExamplesPageTopics: () => getExamplesPageTopics
 });
 module.exports = __toCommonJS(examples_exports);
@@ -64,10 +65,11 @@ var getTopicExamples = (topicPath) => {
         en: exampleMetaEnContent.attributes.title,
         zh: exampleMetaZhContent.attributes.title
       },
-      childrenKey: "demos"
+      childrenKey: "demos",
+      order: exampleMetaZhContent.attributes.order || 0
     };
     return example;
-  });
+  }).sort((a, b) => a.order - b.order);
 };
 var getExamplesPageTopics = (exampleTopics) => {
   return exampleTopics.map(({ id, slug, title, icon }) => {
@@ -87,7 +89,17 @@ var getExamplesPageTopics = (exampleTopics) => {
     };
   });
 };
+function getExamplePaths() {
+  const exampleTopicPaths = glob.sync(`${examplesBaseDir}/*/*`);
+  const paths = exampleTopicPaths.map((p) => p.replace(process.cwd(), ""));
+  return [
+    ...paths,
+    ...paths.map((p) => `/zh${p}`),
+    ...paths.map((p) => `/en${p}`)
+  ];
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getExamplePaths,
   getExamplesPageTopics
 });

package/dist/plugin/index.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/plugin/index.ts
@@ -22,33 +25,39 @@ __export(plugin_exports, {
   default: () => plugin_default
 });
 module.exports = __toCommonJS(plugin_exports);
+var path = __toESM(require("path"));
 var import_examples = require("./examples");
 var import_utils = require("./utils");
 var plugin_default = (api) => {
   api.describe({ key: `dumi-theme:${require("../../package.json").name}` });
   api.modifyDefaultConfig((memo) => {
     memo.resolve.codeBlockMode = "passive";
+    memo.exportStatic.extraRoutePaths = (0, import_examples.getExamplePaths)();
     return memo;
   });
   const pages = [
+    {
+      id: "dumi-theme-antv-homepage",
+      absPath: "/"
+    },
     {
       id: "dumi-theme-antv-example-list-zh",
-      path: "/examples/",
+      absPath: "/examples",
       file: (0, import_utils.myResolve)("../pages/Examples/index.tsx")
     },
     {
       id: "dumi-theme-antv-example-list-lang",
-      path: "/:language/examples/",
+      absPath: "/:language/examples",
       file: (0, import_utils.myResolve)("../pages/Examples/index.tsx")
     },
     {
       id: "dumi-theme-antv-single-example-zh",
-      path: "/examples/:topic/:example",
+      absPath: "/examples/:topic/:example",
       file: (0, import_utils.myResolve)("../pages/Example/index.tsx")
     },
     {
       id: "dumi-theme-antv-single-example-lang",
-      path: "/:language/examples/:topic/:example",
+      absPath: "/:language/examples/:topic/:example",
       file: (0, import_utils.myResolve)("../pages/Example/index.tsx")
     }
   ];
@@ -64,8 +73,6 @@ import { ThemeAntVContext } from '${contextFilePath}';
 
 export default function ThemeAntVContextWrapper() {
   const outlet = useOutlet();
-  // const { themeConfig } = useSiteData();
-  // const exampleTopics = themeConfig?.examples || [];
 
   return (
     <ThemeAntVContext.Provider
@@ -90,8 +97,8 @@ export default function ThemeAntVContextWrapper() {
     pages.forEach((page) => {
       routes[page.id] = {
         id: page.id,
-        path: page.path,
-        absPath: page.path,
+        path: page.absPath.slice(1),
+        absPath: page.absPath,
         file: page.file,
         parentId: "DocLayout"
       };
@@ -99,6 +106,7 @@ export default function ThemeAntVContextWrapper() {
     routes["404"].file = (0, import_utils.myResolve)("../pages/404.tsx");
     return routes;
   });
+  api.addTmpGenerateWatcherPaths(() => [path.resolve(process.cwd(), "examples")]);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {});

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
+import { IC } from '../../types';
 interface Case {
     logo?: string;
     isAppLogo?: boolean;

package/dist/slots/CodeEditor/index.js

@@ -16,6 +16,7 @@ import { useSiteData, useLocale } from 'dumi';
 import { debounce, noop } from 'lodash-es';
 import { replaceInsertCss, execute, compile } from "./utils";
 import { Toolbar, EDITOR_TABS } from "./Toolbar";
+import { Loading } from "../Loading";
 import styles from "./index.module.less";
 loader.config({
   'vs/nls': {
@@ -85,16 +86,30 @@ export var CodeEditor = function CodeEditor(_ref) {
     window.dispatchEvent(e);
   };
 
+  var reportError = useCallback(function (e) {
+    if (e) {
+      console.error(e);
+      onError(e);
+    }
+  }, []);
   useEffect(function () {
     // 用于上报错误信息，使用 script 执行代码
     if (typeof window !== 'undefined') {
-      window.__reportErrorInPlayground = function (e) {
-        if (e) {
-          console.error(e);
-          onError(e);
-        }
-      };
+      // Cath error of code.
+      window.__reportErrorInPlayground = reportError; // Catch error of timeout/raf.
+
+      window.onerror = reportError; // Catch error of  promise.
+
+      window.addEventListener('unhandledrejection', reportError);
     }
+
+    return function () {
+      if (window) {
+        window.__reportErrorInPlayground = undefined;
+        window.onerror = undefined;
+        window.removeEventListener('unhandledrejection', reportError);
+      }
+    };
   });
   var executeCode = useCallback(debounce(function (v) {
     if (!v) return; // 1. 先编译代码
@@ -149,6 +164,11 @@ export var CodeEditor = function CodeEditor(_ref) {
       });
     }
   }, []);
+  useEffect(function () {
+    if (monacoRef.current) {
+      monacoRef.current.setValue(currentEditorTab === EDITOR_TABS.JAVASCRIPT ? code : JSON.stringify(data, null, 2));
+    }
+  }, [currentEditorTab]);
   var onCodeChange = useCallback(function (value) {
     if (currentEditorTab === EDITOR_TABS.JAVASCRIPT) {
       setCode(value);
@@ -177,9 +197,9 @@ export var CodeEditor = function CodeEditor(_ref) {
     }
   }, /*#__PURE__*/React.createElement(MonacoEditor, {
     language: currentEditorTab === EDITOR_TABS.JAVASCRIPT ? 'javascript' : 'json',
-    value: currentEditorTab === EDITOR_TABS.JAVASCRIPT ? code : JSON.stringify(data, null, 2),
+    value: code,
     path: relativePath,
-    loading: "Loading...",
+    loading: /*#__PURE__*/React.createElement(Loading, null),
     options: {
       readOnly: currentEditorTab === EDITOR_TABS.DATA,
       automaticLayout: true,

package/dist/slots/CodePreview/index.js

@@ -24,6 +24,6 @@ export var CodePreview = function CodePreview(_ref) {
     className: styles.result,
     status: "error",
     title: useT('演示代码报错，请检查'),
-    subTitle: /*#__PURE__*/React.createElement("pre", null, error && error.message)
+    subTitle: /*#__PURE__*/React.createElement("pre", null, error && error.toString())
   }) : null));
 };

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

@@ -10,24 +10,22 @@
   flex-direction: column;
 
   .header {
-    flex: 0
   }
 
   .content {
-    width: 100%;
-    height: 100%;
     position: relative;
+    flex: 1;
+    min-height: 0;
   
     :global(#playgroundScriptContainer) {
-      flex: 1;
       position: relative;
       width: 100%;
       height: 100%;
 
       :global(#container) {
+        position: relative;
         width: 100%;
         height: 100%;
-        position: relative;
       }
     }
 

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

@@ -1,10 +1,11 @@
 import React from 'react';
-import { ExamplesPage } from '../../typings';
+import { ExampleTopic } from '../../types';
 declare type CodeRunnerProps = {
     topic: string;
     example: string;
     demo: string;
-    exampleTopics: ExamplesPage.ExampleTopic[];
+    exampleTopics: ExampleTopic[];
+    size?: number;
     notFound?: React.Element;
 };
 /**

package/dist/slots/CodeRunner/index.js

@@ -28,6 +28,7 @@ export var CodeRunner = function CodeRunner(_ref) {
       topic = _ref.topic,
       example = _ref.example,
       demo = _ref.demo,
+      size = _ref.size,
       _ref$notFound = _ref.notFound,
       notFound = _ref$notFound === void 0 ? /*#__PURE__*/React.createElement(NotFound, null) : _ref$notFound;
   var demoInfo = getDemoInfo(exampleTopics, topic, example, demo); // 找不到，啥也别干了，404 页面
@@ -40,7 +41,8 @@ export var CodeRunner = function CodeRunner(_ref) {
   var _useSiteData = useSiteData(),
       themeConfig = _useSiteData.themeConfig;
 
-  var githubUrl = themeConfig.githubUrl;
+  var githubUrl = themeConfig.githubUrl,
+      playground = themeConfig.playground;
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -60,7 +62,7 @@ export var CodeRunner = function CodeRunner(_ref) {
   });
   return /*#__PURE__*/React.createElement(SplitPane, {
     split: "vertical",
-    defaultSize: "50%",
+    defaultSize: "".concat((1 - size) * 100, "%"),
     minSize: 100
   }, /*#__PURE__*/React.createElement(CodePreview, {
     error: error,
@@ -72,6 +74,6 @@ export var CodeRunner = function CodeRunner(_ref) {
     onFullscreen: setFullscreen,
     onDestroy: noop,
     onReady: noop,
-    playground: {}
+    playground: playground
   }));
 };

package/dist/slots/CodeRunner/utils.d.ts

@@ -1,10 +1,11 @@
+import { Demo, ExampleTopic } from '../../types';
 /**
  * 将数据结构转化成 map，便于后续检索的速度
  * @param exampleTopics
  * @returns
  */
-export declare function getExampleTopicMap(exampleTopics: ExamplesPage.ExampleTopic[]): Map<string, ExamplesPage.Demo>;
+export declare function getExampleTopicMap(exampleTopics: ExampleTopic[]): Map<string, Demo>;
 /**
  * 从 Context 信息中，获取到 Example 相关的信息，用于页面渲染
  */
-export declare function getDemoInfo(exampleTopics: ExamplesPage.ExampleTopic[], topic: string, example: string, demo: string): ExamplesPage.Demo;
+export declare function getDemoInfo(exampleTopics: ExampleTopic[], topic: string, example: string, demo: string): Demo;

package/dist/slots/CodeRunner/utils.js

@@ -5,12 +5,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 { map } from 'lodash-es';
+
 /**
  * 将数据结构转化成 map，便于后续检索的速度
  * @param exampleTopics
  * @returns
  */
-
 export function getExampleTopicMap(exampleTopics) {
   var exampleTopicMap = new Map();
   map(exampleTopics, function (topic) {

package/dist/slots/Detail/News.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IC } from '../../types';
 export interface NewsProps {
     index?: number;
     type: IC;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IC } from '../../types';
 import { NewsProps } from './News';
 declare type DetailButtonProps = {
     text: IC;

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

@@ -1,17 +1,18 @@
 import React from 'react';
+import { Demo, ExampleTopic } from '../../types';
 export interface ExampleSiderProps {
     /**
      * 当前 Example (受控)
      */
-    currentDemo: ExamplesPage.Demo;
+    currentDemo: Demo;
     /**
      * 当选中的 Demo 被改变时做些什么
      */
-    onDemoClicked: (demo: ExamplesPage.Demo) => void;
+    onDemoClicked: (demo: Demo) => void;
     /**
      * 所有的案例主题
      */
-    exampleTopics: ExamplesPage.ExampleTopic[];
+    exampleTopics: ExampleTopic[];
     showExampleDemoTitle: boolean;
 }
 /**

package/dist/slots/ExampleSider/index.js

@@ -22,8 +22,8 @@ import { useLocale } from 'dumi';
 import { createFromIconfontCN, SearchOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
 import classNames from 'classnames';
 import { useT } from "../hooks";
-import styles from "./index.module.less";
-import { filterTreeNode } from "../utils"; // menu icon
+import { filterTreeNode } from "../utils";
+import styles from "./index.module.less"; // menu icon
 
 var MenuIcon = createFromIconfontCN({
   scriptUrl: '//at.alicdn.com/t/font_470089_1lnym745udm.js' // generated by iconfont.cn

package/dist/slots/Features/FeatureCard.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IC } from '../../types';
 interface FeatureProps {
     icon: string;
     title: IC;

package/dist/slots/Header/Navs.js

@@ -26,19 +26,23 @@ export var Navs = function Navs(_ref) {
   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);
 
-    if (window.location.pathname.includes('en')) {
+    if (locale.id == 'en') {
       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", {
       key: title,
       className: className
-    }, nav.target === '_blank' || href.startsWith('http') ? /*#__PURE__*/React.createElement("a", {
-      href: href,
+    }, nav.target === '_blank' || isAnotherSite ? /*#__PURE__*/React.createElement("a", {
+      href: anotherSite,
       target: "_blank",
       rel: "noreferrer"
     }, title, /*#__PURE__*/React.createElement(LinkOutlined, null)) : /*#__PURE__*/React.createElement(Link, {

package/dist/slots/Header/index.js

@@ -22,7 +22,7 @@ import { useMedia } from 'react-use';
 import { useNavigate } from "react-router-dom";
 import cx from 'classnames';
 import { useSiteData, useLocale } from 'dumi';
-import { GithubOutlined, MenuOutlined, CaretDownFilled, DownOutlined, WechatOutlined, LikeOutlined, CheckOutlined } from '@ant-design/icons';
+import { GithubOutlined, MenuOutlined, CaretDownFilled, DownOutlined, WechatOutlined, LinkOutlined, CheckOutlined } from '@ant-design/icons';
 import { Popover, Menu, Dropdown, Select } from 'antd';
 import { map, size } from 'lodash-es';
 import { Search } from "./Search";
@@ -173,12 +173,12 @@ var HeaderComponent = function HeaderComponent(_ref) {
     className: cx(styles.menu, (_cx = {}, _defineProperty(_cx, styles.popup, !isWide), _defineProperty(_cx, styles.popupHidden, !popupMenuVisible), _cx))
   },
   /** 最左侧的菜单，一般是 教程、API、示例，或者其他自定义，有配置文件中的 `navs` 决定 */
-  size(navs) && /*#__PURE__*/React.createElement(Navs, {
+  size(navs) ? /*#__PURE__*/React.createElement(Navs, {
     navs: navs,
     path: window.location.pathname
-  }),
+  }) : null,
   /** 生态产品 */
-  size(ecosystems) && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Dropdown, {
+  size(ecosystems) ? /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Dropdown, {
     className: styles.ecoSystems,
     overlay: /*#__PURE__*/React.createElement(Menu, null, map(ecosystems, function (_ref2) {
       var url = _ref2.url,
@@ -189,13 +189,13 @@ var HeaderComponent = function HeaderComponent(_ref) {
         target: "_blank",
         rel: "noreferrer",
         href: url
-      }, ecosystemName === null || ecosystemName === void 0 ? void 0 : ecosystemName[lang], " ", /*#__PURE__*/React.createElement(LikeOutlined, null)));
+      }, ecosystemName === null || ecosystemName === void 0 ? void 0 : ecosystemName[lang], " ", /*#__PURE__*/React.createElement(LinkOutlined, null)));
     }))
   }, /*#__PURE__*/React.createElement("span", null, useT('周边生态'), /*#__PURE__*/React.createElement(DownOutlined, {
     style: {
       marginLeft: '6px'
     }
-  })))),
+  })))) : null,
   /** 产品列表 */
   showAntVProductsCard && /*#__PURE__*/React.createElement("li", productItemProps, /*#__PURE__*/React.createElement("a", null, useT('所有产品'), !isAntVHome ? /*#__PURE__*/React.createElement("img", {
     src: "https://gw.alipayobjects.com/zos/antfincdn/FLrTNDvlna/antv.png",

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

@@ -1,2 +1,7 @@
 import React from 'react';
-export declare const Loading: React.FC;
+/**
+ * Loading
+ */
+declare const Loading: React.FC;
+declare const PageLoading: React.FC;
+export { Loading, PageLoading };