@antv/dumi-theme-antv 0.3.18 → 0.3.20

package/dist/builtins/Playground/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type PlaygroundProps = {
+export type PlaygroundProps = {
     /**
      * 代码示例的地址
      */

package/dist/context.d.ts

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

package/dist/layouts/entry/API.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type APIProps = {
+export type APIProps = {
     readonly children: any;
 };
 /**

package/dist/layouts/entry/Manual.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ManualProps = {
+export type ManualProps = {
     readonly children: any;
 };
 /**

package/dist/locales/en.json

@@ -94,5 +94,6 @@
   "下一篇":"Next",
   "演示代码报错，请检查": "演示代码报错，请检查",
   "阅读时间约":"Reading needs",
-  "分钟":"minutes"
+  "分钟":"minutes",
+  "没有找到查询结果":"No query result found"
 }

package/dist/locales/zh.json

@@ -94,5 +94,6 @@
   "下一篇": "下一篇",
   "演示代码报错，请检查": "演示代码报错，请检查",
   "阅读时间约":"阅读时间约",
-  "分钟":"分钟"
+  "分钟":"分钟",
+  "没有找到查询结果":"没有找到查询结果"
 }

package/dist/pages/Example/index.js

@@ -6,8 +6,8 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Layout } from 'antd';
 import { useLocale, useSiteData } from 'dumi';
-import { get } from 'lodash-es';
-import React, { useContext, useEffect, useState } from 'react';
+import { get, find } from 'lodash-es';
+import React, { useContext, useEffect, useState, useMemo } from 'react';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import { ThemeAntVContext } from "../../context";
 import { CodeRunner } from "dumi/theme/slots/CodeRunner";
@@ -35,7 +35,15 @@ var Example = function Example() {
   var _useSiteData = useSiteData(),
     themeConfig = _useSiteData.themeConfig;
   var exampleTopics = metaData.meta.exampleTopics;
-  var demo = hash.slice(1);
+  var demo = useMemo(function () {
+    var examples = get(exampleTopics, ['0', 'examples']);
+    var exampleDemo = find(examples, function (_ref) {
+      var id = _ref.id;
+      return id === example;
+    });
+    // examples/case/id hash 为空，可以默认第一个 example 对应的 demo
+    return hash.slice(1) || get(exampleDemo, ['demos', '0', 'id']);
+  }, [hash, exampleTopics, example]);
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     currentDemo = _useState2[0],

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { NotificationProps } from './Notification';
 import 'video-react/dist/video-react.css';
-declare type BannerButtonShape = 'round' | 'square';
+type BannerButtonShape = 'round' | 'square';
 interface BannerButton {
     text: string;
     link: string;

package/dist/slots/CodeEditor/Toolbar.d.ts

@@ -4,7 +4,7 @@ export declare enum EDITOR_TABS {
     SPEC = "Spec",
     DATA = "Data"
 }
-declare type ToolbarProps = {
+type ToolbarProps = {
     /**
      * 源码文件，用于传入到三方代码平台
      */

package/dist/slots/CodeEditor/Toolbar.js

@@ -20,12 +20,12 @@ import { ping } from "../utils";
 import { extractImportDeps, getCodeSandboxConfig, getRiddleConfig, getStackblitzConfig } from "./utils";
 import styles from "./Toolbar.module.less";
 var Paragraph = Typography.Paragraph;
-export var EDITOR_TABS;
-(function (EDITOR_TABS) {
+export var EDITOR_TABS = /*#__PURE__*/function (EDITOR_TABS) {
   EDITOR_TABS["JAVASCRIPT"] = "JavaScript";
   EDITOR_TABS["SPEC"] = "Spec";
   EDITOR_TABS["DATA"] = "Data";
-})(EDITOR_TABS || (EDITOR_TABS = {}));
+  return EDITOR_TABS;
+}({});
 export var Toolbar = function Toolbar(_ref) {
   var sourceCode = _ref.sourceCode,
     fileExtension = _ref.fileExtension,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type CodeEditorProps = {
+export type CodeEditorProps = {
     /**
      * 标题
      */

package/dist/slots/CodePreview/CodeHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type CodeHeaderProps = {
+export type CodeHeaderProps = {
     /**
      * 代码的标题
      */

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type CodePreviewProps = {
+export type CodePreviewProps = {
     /**
      * 在文档中预览
      */

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ExampleTopic } from '../../types';
-declare type CodeRunnerProps = {
+type CodeRunnerProps = {
     isPlayground?: boolean;
     topic: string;
     example: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Company = {
+type Company = {
     name: string;
     img: string;
 };

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

@@ -3,4 +3,4 @@ import './index.module.less';
 /**
  * 文档右侧的指示器（table of content）
  */
-export declare const ContentTable: React.FC<{}>;
+export declare const ContentTable: React.FC;

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

@@ -1,14 +1,14 @@
 import React from 'react';
 import { IC } from '../../types';
 import { NewsProps } from './News';
-declare type DetailButtonProps = {
+type DetailButtonProps = {
     text: IC;
     link: string;
     style?: React.CSSProperties;
     type?: string;
     shape?: 'round' | 'square';
 };
-declare type DetailProps = {
+type DetailProps = {
     className?: string;
     style?: React.CSSProperties;
     title: IC;

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

@@ -1,12 +1,12 @@
 import React from 'react';
-declare type dropdownItem = {
+type dropdownItem = {
     name: {
         [key: string]: string;
     };
     url: string;
     target?: '_blank';
 };
-export declare type INav = {
+export type INav = {
     slug?: string;
     order: number;
     title: {
@@ -16,7 +16,7 @@ export declare type INav = {
     notPage?: boolean;
     dropdownItems?: dropdownItem[];
 };
-export declare type NavProps = {
+export type NavProps = {
     navs: INav[];
     path: string;
 };

package/dist/slots/Header/Navs.js

@@ -23,10 +23,12 @@ export var Navs = function Navs(_ref) {
     var className = '';
     if (nav.slug) {
       href = nav.slug.startsWith('http') ? nav.slug : "/".concat(nav.slug);
+
+      // 去除 docs 防止新页面 404 和 本页重新刷新。
+      href = href.replace(/^\/docs(?=\/)/, '');
       if (locale.id == 'en' && !href.startsWith('http')) {
         href = "/en".concat(href);
       }
-      // 去除 docs  防止二次点击相同 nav 跳转出现04
       className = cx('header-menu-item-active', _defineProperty({}, styles.activeItem, getNavCategory(path) === getNavCategory(href)));
     }
     return size(nav.dropdownItems) ? /*#__PURE__*/React.createElement("li", {

package/dist/slots/Header/Products/getProducts.d.ts

@@ -13,13 +13,13 @@ export interface ProductItem {
         openExternal?: boolean;
     }>;
 }
-export declare type ValuesOf<T extends any[]> = T[number];
+export type ValuesOf<T extends any[]> = T[number];
 declare const CATEGORY_TYPE: ["basic", "extension", "mobile", "ecology"];
 export declare const CATEGORIES: Array<{
     type: typeof CATEGORY_TYPE[number];
     name: string;
 }>;
-export declare type ProductType = {
+export type ProductType = {
     links: {
         /** 产品首页 */
         readonly home?: {

package/dist/slots/Header/Search/SearchResult.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-export declare type ITextSegment = {
+export type ITextSegment = {
     text: string;
     highlighted?: boolean;
 };
-export declare type ISearchResult = {
+export type ISearchResult = {
     /**
      * 搜索结果的主题，显示在最左边，一般是页面的标题。
      */

package/dist/slots/Header/Search/SearchResult.js

@@ -1,4 +1,6 @@
 import React from 'react';
+import { useIntl } from 'dumi';
+import { InboxOutlined } from '@ant-design/icons';
 import styles from "./SearchResult.module.less";
 var getHighlightInfo = function getHighlightInfo(textSegments) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, textSegments.map(function (segment) {
@@ -14,9 +16,10 @@ var getHighlightInfo = function getHighlightInfo(textSegments) {
  */
 export var SearchResult = function SearchResult(_ref) {
   var results = _ref.results;
+  var intl = useIntl();
   return /*#__PURE__*/React.createElement("div", {
     className: styles.searchResult
-  }, results.map(function (r) {
+  }, results !== null && results !== void 0 && results.length ? results.map(function (r) {
     return /*#__PURE__*/React.createElement("div", {
       className: styles.item
     }, /*#__PURE__*/React.createElement("div", {
@@ -31,5 +34,13 @@ export var SearchResult = function SearchResult(_ref) {
     }, getHighlightInfo(r.tilte)), /*#__PURE__*/React.createElement("div", {
       className: styles.description
     }, getHighlightInfo(r.description))));
-  }));
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: styles.empty
+  }, /*#__PURE__*/React.createElement(InboxOutlined, {
+    style: {
+      fontSize: 20
+    }
+  }), /*#__PURE__*/React.createElement("div", null, intl.formatMessage({
+    id: '没有找到查询结果'
+  }))));
 };

package/dist/slots/Header/Search/SearchResult.module.less

@@ -62,4 +62,14 @@
       }
     }
   }
+
+  .empty {
+    height: 70px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-evenly;
+    color: rgb(160, 161, 167);
+    font-size: 16px;
+  }
 }

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

@@ -17,13 +17,18 @@ export var Search = function Search() {
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
+  // useSiteSearch 错误 keywords 为空时 loading 为 true
   var _useSiteSearch = useSiteSearch(),
     keywords = _useSiteSearch.keywords,
     setKeywords = _useSiteSearch.setKeywords,
-    result = _useSiteSearch.result;
+    result = _useSiteSearch.result,
+    loading = _useSiteSearch.loading;
   useEffect(function () {
-    setOpen(!!(result !== null && result !== void 0 && result.length));
-  }, [result]);
+    // keywords 为空 或 loading 为 false 查找结束， 进行开关
+    if (!keywords || !loading) {
+      setOpen(!!keywords);
+    }
+  }, [keywords, loading]);
   useEffect(function () {
     var close = function close(e) {
       var _e$target;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { INav } from './Navs';
-export declare type HeaderProps = {
+export type HeaderProps = {
     pathPrefix?: string;
     /** 子标题 */
     subTitle?: React.ReactNode;

package/dist/slots/Header/index.js

@@ -17,7 +17,7 @@ import { useNavigate } from "react-router-dom";
 import cx from 'classnames';
 import { useSiteData, useLocale, FormattedMessage } from 'dumi';
 import { GithubOutlined, MenuOutlined, CaretDownFilled, DownOutlined, WechatOutlined, LinkOutlined, CheckOutlined } from '@ant-design/icons';
-import { Modal, Button, Popover, Menu, Dropdown, Select } from 'antd';
+import { Alert, Modal, Button, Popover, Menu, Dropdown, Select } from 'antd';
 import { get, map, size } from 'lodash-es';
 import { Search } from "./Search";
 import { Products } from "./Products";
@@ -30,6 +30,13 @@ import styles from "./index.module.less";
 function redirectChinaMirror(chinaMirrorOrigin) {
   window.location.href = window.location.href.replace(window.location.origin, chinaMirrorOrigin);
 }
+function fetchBanner() {
+  return fetch('https://assets.antv.antgroup.com/antv/banner.json' // 生产环境
+  // 'https://site-data-pre.alipay.com/antv/banner.json', // 预发测试
+  ).then(function (res) {
+    return res.json();
+  });
+}
 
 /**
  * 头部菜单
@@ -76,12 +83,40 @@ var HeaderComponent = function HeaderComponent(_ref) {
     searchOptions = _ref.searchOptions;
   var isAntVHome = isAntVSite && isHomePage; // 是否为AntV官网首页
 
-  var showChinaMirror = !!internalSite;
-  var chinaMirrorUrl = get(internalSite, 'url');
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    chinaMirrorHintVisible = _useState2[0],
-    updateChinaMirrorHintVisible = _useState2[1];
+    bannerVisible = _useState2[0],
+    setBannerVisible = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    banner = _useState4[0],
+    setBanner = _useState4[1];
+  useEffect(function () {
+    fetchBanner().then(function (_ref2) {
+      var id = _ref2.id,
+        html = _ref2.html;
+      if (id && html) {
+        setBanner({
+          id: id,
+          html: html
+        });
+        setBannerVisible(localStorage.getItem(id) !== 'x');
+      }
+    }).catch(function () {
+      setBanner(null);
+      setBannerVisible(false);
+    });
+  }, []);
+  function onBannerClose() {
+    localStorage.setItem(banner.id, 'x');
+    setBannerVisible(false);
+  }
+  var showChinaMirror = !!internalSite;
+  var chinaMirrorUrl = get(internalSite, 'url');
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    chinaMirrorHintVisible = _useState6[0],
+    updateChinaMirrorHintVisible = _useState6[1];
   useEffect(function () {
     var timeout = setTimeout(function () {
       if (showChinaMirror && lang === 'zh' && !localStorage.getItem('china-mirror-no-more-hint') && window.location.host.includes('antv.vision')) {
@@ -94,14 +129,14 @@ var HeaderComponent = function HeaderComponent(_ref) {
   });
   var locale = useLocale();
   var nav = useNavigate();
-  var _useState3 = useState(locale.id),
-    _useState4 = _slicedToArray(_useState3, 2),
-    lang = _useState4[0],
-    setLang = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    productMenuVisible = _useState6[0],
-    setProductMenuVisible = _useState6[1];
+  var _useState7 = useState(locale.id),
+    _useState8 = _slicedToArray(_useState7, 2),
+    lang = _useState8[0],
+    setLang = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    productMenuVisible = _useState10[0],
+    setProductMenuVisible = _useState10[1];
   var productMenuHovering = false;
   var onProductMouseEnter = function onProductMouseEnter(e) {
     productMenuHovering = true;
@@ -125,10 +160,10 @@ var HeaderComponent = function HeaderComponent(_ref) {
   var onToggleProductMenuVisible = function onToggleProductMenuVisible() {
     setProductMenuVisible(!productMenuVisible);
   };
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    popupMenuVisible = _useState8[0],
-    setPopupMenuVisible = _useState8[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    popupMenuVisible = _useState12[0],
+    setPopupMenuVisible = _useState12[1];
   var onTogglePopupMenuVisible = function onTogglePopupMenuVisible() {
     setPopupMenuVisible(!popupMenuVisible);
   };
@@ -180,9 +215,9 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }) : null, /** 生态产品 */
   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,
-        ecosystemName = _ref2.name;
+    overlay: /*#__PURE__*/React.createElement(Menu, null, map(ecosystems, function (_ref3) {
+      var url = _ref3.url,
+        ecosystemName = _ref3.name;
       return /*#__PURE__*/React.createElement(Menu.Item, {
         key: ecosystemName === null || ecosystemName === void 0 ? void 0 : ecosystemName[lang]
       }, /*#__PURE__*/React.createElement("a", {
@@ -311,8 +346,8 @@ var HeaderComponent = function HeaderComponent(_ref) {
     overlay: /*#__PURE__*/React.createElement(Menu, {
       defaultSelectedKeys: [lang],
       selectable: true,
-      onSelect: function onSelect(_ref3) {
-        var key = _ref3.key;
+      onSelect: function onSelect(_ref4) {
+        var key = _ref4.key;
         if (key === lang) {
           return;
         }
@@ -382,7 +417,19 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }, /*#__PURE__*/React.createElement(GithubOutlined, null))));
   return /*#__PURE__*/React.createElement("header", {
     className: cx(styles.header, (_cx4 = {}, _defineProperty(_cx4, styles.transparent, !!transparent && !productMenuVisible), _defineProperty(_cx4, styles.isHomePage, !!isHomePage && !isAntVHome), _defineProperty(_cx4, styles.lightTheme, !!isAntVHome && !productMenuVisible && isWide), _defineProperty(_cx4, styles.fixed, popupMenuVisible), _cx4))
-  }, /*#__PURE__*/React.createElement("div", {
+  }, bannerVisible && /*#__PURE__*/React.createElement(Alert, {
+    className: styles.banner,
+    message: /*#__PURE__*/React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: banner.html
+      }
+    }),
+    type: "info",
+    banner: true,
+    closable: true,
+    showIcon: false,
+    onClose: onBannerClose
+  }), /*#__PURE__*/React.createElement("div", {
     className: styles.container
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.left

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

@@ -67,6 +67,13 @@
     }
   }
 
+  .banner {
+    width: 100%;
+    background: #daf5eb;
+    text-align: center;
+    word-break: keep-all;
+  }
+
   .left {
     display: flex;
     align-items: center;

package/dist/slots/ManualContent/Preview.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-export declare type PreviewProps = {
+export type PreviewProps = {
     source: string;
     pin: boolean;
     code: HTMLDivElement;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import 'rc-drawer/assets/index.css';
-export declare type ManualContent = {
+export type ManualContent = {
     readonly children: any;
 };
 /**

package/dist/types.d.ts

@@ -1,11 +1,11 @@
 export interface IThemeConfig {
     [key: string]: any;
 }
-export declare type Status = 'responded' | 'error' | 'timeout';
+export type Status = 'responded' | 'error' | 'timeout';
 /**
  * 配置文件中的国际化配置
  */
-export declare type IC = string | {
+export type IC = string | {
     zh: string;
     en: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.18",
+  "version": "0.3.20",
   "description": "AntV website theme based on dumi2.",
   "types": "dist/types.d.ts",
   "scripts": {