@antv/dumi-theme-antv 0.3.17 → 0.3.19-beta.1

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/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/Product.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import { FormattedMessage } from 'dumi';
+import React from 'react';
 import styles from "./Product.module.less";
 var getTarget = function getTarget(url) {
   return url.startsWith('http') && !url.includes('gitee.io') && !url.includes('antv.vision') ? '_blank' : '_self';
@@ -41,14 +41,12 @@ var Product = function Product(_ref) {
     className: styles.productLinks
   }, links.home && /*#__PURE__*/React.createElement("a", {
     href: links.home.url,
-    target: getTarget(links.home.url || ''),
-    key: links.home.url
+    target: getTarget(links.home.url || '')
   }, (_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
+    target: getTarget(links.example.url || '')
   }, (_links$example$title = links.example.title) !== null && _links$example$title !== void 0 ? _links$example$title : /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "\u56FE\u8868\u793A\u4F8B"
   })))));

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/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/slots/ManualContent/index.js

@@ -79,7 +79,9 @@ export var ManualContent = function ManualContent(_ref) {
       // 递归
       rootList.forEach(function (item) {
         var href = (!baseRoute.startsWith('/en') ? "/".concat(item.slug) : "/en/".concat(item.slug)).toLocaleLowerCase();
-        var id = href.split('/').slice(0, href.split('/').length - 1).join('/');
+        var hasPrefix = hrefId.startsWith('/en') || href.startsWith('/zh');
+        var splitCount = hasPrefix ? 3 : 2;
+        var id = href.split('/').splice(0, splitCount).join('/');
         if (href.includes(baseRoute)) {
           if (id === hrefId) {
             list.push(_objectSpread(_objectSpread({}, item), {}, {
@@ -188,13 +190,13 @@ export var ManualContent = function ManualContent(_ref) {
     if (window.location.pathname == indexRoute) {
       setDefaultOpenKeys(getOpenKeys());
     }
-    setDefaultSelectedKey([window.location.pathname]);
+    setDefaultSelectedKey(window.location.pathname);
   }, [window.location.pathname]);
   useEffect(function () {
     // 监听选中的menu-item 拿到 prev and next
     getPreAndNext();
   }, [defaultSelectedKey]);
-  usePreview();
+  usePreview({}, defaultSelectedKey);
   function getPreAndNext() {
     var menuNodes = document.querySelectorAll('aside .ant-menu-item');
     var currentMenuNode = document.querySelector('aside .ant-menu-item-selected');
@@ -228,7 +230,7 @@ export var ManualContent = function ManualContent(_ref) {
     onOpenChange: function onOpenChange(openKeys) {
       setDefaultOpenKeys(openKeys);
     },
-    selectedKeys: defaultSelectedKey,
+    selectedKeys: [defaultSelectedKey],
     openKeys: defaultOpenKeys,
     mode: "inline",
     items: renderSidebar,

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

@@ -1 +1 @@
-export declare function usePreview(options?: {}): void;
+export declare function usePreview(options: {}, select: any): void;

package/dist/slots/ManualContent/usePreview.js

@@ -27,10 +27,15 @@ function sourceOf(block) {
   });
   return cloned.textContent;
 }
+function blockOf() {
+  return Array.from(document.querySelectorAll('.ob-codeblock .dumi-default-source-code'));
+}
 export function usePreview() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var select = arguments.length > 1 ? arguments[1] : undefined;
+  var key = select + ',' + blockOf().length;
   useEffect(function () {
-    var blocks = Array.from(document.querySelectorAll('.ob-codeblock .dumi-default-source-code'));
+    var blocks = blockOf();
 
     // 过滤实际展示的 block
     var I = Array.from({
@@ -93,5 +98,5 @@ export function usePreview() {
         _iterator2.f();
       }
     };
-  });
+  }, [key]);
 }

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,31 +1,35 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.17",
+  "version": "0.3.19-beta.1",
   "description": "AntV website theme based on dumi2.",
-  "types": "dist/types.d.ts",
-  "scripts": {
-    "dev": "father dev",
-    "dev:example-site": "cd example && npm run start",
-    "build": "father build",
-    "prepare": "father link-dev-theme",
-    "lint": "npm run lint:es && npm run lint:css",
-    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
-    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "prepublishOnly": "npm run build"
-  },
   "keywords": [
     "dumi",
     "dumi-theme",
     "dumi-theme-antv"
   ],
-  "authors": [
-    "dumi",
-    "antv"
-  ],
+  "homepage": "https://github.com/antvis/dumi-theme-antv#readme",
+  "bugs": {
+    "url": "https://github.com/antvis/dumi-theme-antv/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/antvis/dumi-theme-antv"
+  },
   "license": "MIT",
+  "types": "dist/types.d.ts",
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "father build",
+    "dev": "father dev",
+    "dev:example-site": "cd example && npm run start",
+    "lint": "npm run lint:es && npm run lint:css",
+    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "prepare": "father link-dev-theme",
+    "prepublishOnly": "npm run build"
+  },
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"
@@ -48,9 +52,6 @@
       "prettier --parser=typescript --write"
     ]
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
     "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
@@ -73,6 +74,7 @@
     "lodash-es": "^4.17.21",
     "monaco-editor": "^0.25.0",
     "parse-github-url": "^1.0.2",
+    "prettier": "^2.7.1",
     "rc-drawer": "^4.0.0",
     "rc-footer": "^0.6.6",
     "react": "^18.2.0",
@@ -91,15 +93,10 @@
     "unified": "^10.1.2",
     "unist-util-visit": "^4.1.2",
     "uri-parse": "^1.0.0",
-    "video-react": "^0.16.0",
-    "prettier": "^2.7.1"
-  },
-  "peerDependencies": {
-    "dumi": "^2.0.0",
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+    "video-react": "^0.16.0"
   },
   "devDependencies": {
+    "@antv/g2": "^4.2.10",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@types/classnames": "^2.3.1",
@@ -111,6 +108,7 @@
     "@types/react-router-dom": "^5.3.3",
     "@types/react-slick": "^0.23.10",
     "@umijs/lint": "^4.0.0",
+    "d3-regression": "^1.3.10",
     "dumi": "^2.0.0",
     "eslint": "^8.23.0",
     "father": "^4.1.0",
@@ -123,12 +121,16 @@
     "react-dom": "^18.0.0",
     "stylelint": "^14.9.1"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/antvis/dumi-theme-antv"
+  "peerDependencies": {
+    "dumi": "^2.0.0",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
   },
-  "bugs": {
-    "url": "https://github.com/antvis/dumi-theme-antv/issues"
+  "publishConfig": {
+    "access": "public"
   },
-  "homepage": "https://github.com/antvis/dumi-theme-antv#readme"
+  "authors": [
+    "dumi",
+    "antv"
+  ]
 }