@antv/dumi-theme-antv 0.3.12 → 0.3.14

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * Index 路由下的入口
  * - 获取数据
  * - 组合 slots 下的木偶组件
  */
-export declare const Index: () => JSX.Element;
+export declare const Index: () => React.JSX.Element;

package/dist/pages/404.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * 404 页面
  */
-declare const NotFound: () => JSX.Element;
+declare const NotFound: () => React.JSX.Element;
 export default NotFound;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * Examples 页面
  *
  * @author YuZhanglong <loveyzl1123@gmail.com>
  */
-declare const Example: () => JSX.Element;
+declare const Example: () => React.JSX.Element;
 export default Example;

package/dist/slots/404.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const NotFound: () => JSX.Element;
+import React from 'react';
+export declare const NotFound: () => React.JSX.Element;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * Header.LOGO
  */
 export declare const Logo: ({ style }: {
     style: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * Header.LogoWhite
  */
 export declare const LogoWhite: ({ style }: {
     style: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -4,6 +4,7 @@ declare type dropdownItem = {
         [key: string]: string;
     };
     url: string;
+    target?: '_blank';
 };
 export declare type INav = {
     slug?: string;

package/dist/slots/Header/Navs.js

@@ -37,14 +37,18 @@ export var Navs = function Navs(_ref) {
       placement: "bottom",
       overlay: /*#__PURE__*/React.createElement(Menu, null, nav.dropdownItems.map(function (_ref2) {
         var name = _ref2.name,
-          url = _ref2.url;
+          url = _ref2.url,
+          target = _ref2.target;
+        var displayName = name[locale.id];
         return /*#__PURE__*/React.createElement(Menu.Item, {
           key: url
-        }, /*#__PURE__*/React.createElement("a", {
+        }, target === '_blank' || url.startsWith('http') ? /*#__PURE__*/React.createElement("a", {
+          href: url,
           target: "_blank",
-          rel: "noreferrer",
-          href: url
-        }, name[locale.id], " ", /*#__PURE__*/React.createElement(LinkOutlined, null)));
+          rel: "noreferrer"
+        }, displayName, /*#__PURE__*/React.createElement(LinkOutlined, null)) : /*#__PURE__*/React.createElement(Link, {
+          to: url
+        }, displayName));
       }))
     }, /*#__PURE__*/React.createElement("span", null, title, /*#__PURE__*/React.createElement(DownOutlined, null)))) : /*#__PURE__*/React.createElement("li", {
       key: title,

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Search: () => JSX.Element;
+import React from 'react';
+export declare const Search: () => React.JSX.Element;

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

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useState, useMemo } from 'react';
 import { Popover } from 'antd';
 import { useIntl, useSiteSearch } from 'dumi';
 import { SearchOutlined } from '@ant-design/icons';
@@ -17,11 +17,6 @@ export var Search = function Search() {
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var onClose = useCallback(function () {
-    return setTimeout(function () {
-      return setOpen(false);
-    }, 60);
-  }, []);
   var _useSiteSearch = useSiteSearch(),
     keywords = _useSiteSearch.keywords,
     setKeywords = _useSiteSearch.setKeywords,
@@ -29,11 +24,31 @@ export var Search = function Search() {
   useEffect(function () {
     setOpen(!!(result !== null && result !== void 0 && result.length));
   }, [result]);
+  useEffect(function () {
+    var close = function close(e) {
+      var _e$target, _e$target$className;
+      if (!((_e$target = e.target) !== null && _e$target !== void 0 && (_e$target$className = _e$target.className) !== null && _e$target$className !== void 0 && _e$target$className.match(styles.input))) {
+        setOpen(false);
+      }
+    };
+    if (window) {
+      window.addEventListener('click', close);
+    }
+    return function () {
+      window.removeEventListener('click', close);
+    };
+  }, []);
+  var searchResults = useMemo(function () {
+    return getSearchResults(result);
+  }, [result]);
   return /*#__PURE__*/React.createElement(Popover, {
     open: open,
     placement: "topLeft",
+    destroyTooltipOnHide: {
+      keepParent: false
+    },
     content: /*#__PURE__*/React.createElement(SearchResult, {
-      results: getSearchResults(result)
+      results: searchResults
     })
   }, /*#__PURE__*/React.createElement("label", {
     className: styles.search
@@ -43,9 +58,6 @@ export var Search = function Search() {
     className: styles.input,
     value: keywords,
     autoComplete: "off",
-    onBlur: function onBlur() {
-      return onClose();
-    },
     onFocus: function onFocus() {
       return setOpen(!!(result !== null && result !== void 0 && result.length));
     },

package/package.json

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