@antv/dumi-theme-antv 0.5.4-beta.1 → 0.5.4-beta.2

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

@@ -51,7 +51,7 @@
       font-family: AlibabaPuHuiTiRHeavy;
 
       .engine {
-        color: #691EFF;
+        color: #691eff;
       }
     }
 
@@ -65,7 +65,7 @@
       max-width: 700px;
       font-family: AlibabaPuHuiTiR;
       font-size: 18px;
-      color: #424E66;
+      color: #424e66;
       max-height: 145px;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -91,13 +91,13 @@
         height: 54px;
         min-width: 166px;
         padding: 0 10px;
-        box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.10);
-        background-color: #691EFF;
+        box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.1);
+        background-color: #691eff;
         font-size: 18px;
         cursor: pointer;
         box-shadow: 0 8px 28px 0 #f2f2f2;
         margin-right: 20px;
-        color: #FFFFFF;
+        color: #ffffff;
         overflow: hidden;
 
         .icon {
@@ -113,9 +113,9 @@
 
         &.primary {
           color: #fff;
-          background-color: #FFFFFF;
+          background-color: #ffffff;
           color: #000;
-          border: 1px solid #E8E8E8;
+          border: 1px solid #e8e8e8;
 
           .icon {
             position: relative;
@@ -123,11 +123,11 @@
           }
 
           &:hover {
-            color: #691EFF;
+            color: #691eff;
 
             .icon {
               left: -80px;
-              filter: drop-shadow(#691EFF 80px 0);
+              filter: drop-shadow(#691eff 80px 0);
             }
           }
         }
@@ -142,8 +142,8 @@
             height: 54px;
             cursor: pointer;
             box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.05);
-            background-color: #FFFFFF;
-            border: 1px solid #E8E8E8;
+            background-color: #ffffff;
+            border: 1px solid #e8e8e8;
             justify-content: center;
             align-items: center;
             border-radius: 12px;
@@ -152,13 +152,13 @@
 
             &:hover {
               .gh-btn {
-                >.gh-ico {
-                  filter: drop-shadow(#691EFF 80px 0);
+                > .gh-ico {
+                  filter: drop-shadow(#691eff 80px 0);
                 }
               }
 
               .gh-count {
-                color: #691EFF;
+                color: #691eff;
               }
             }
 
@@ -173,7 +173,7 @@
                 background-repeat: no-repeat;
                 position: relative;
                 left: -80px;
-                filter: drop-shadow(#1D2129 80px 0);
+                filter: drop-shadow(#1d2129 80px 0);
               }
 
               .gh-text {
@@ -188,7 +188,7 @@
               position: relative;
               font-size: 18px;
               margin-left: -8px;
-              color: #1D2129;
+              color: #1d2129;
               letter-spacing: 0;
               font-family: AlibabaSans102-Medium;
             }

package/dist/slots/ExampleSider/index.js

@@ -10,12 +10,12 @@ 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useRef, useState } from 'react';
-import { Input, Menu, Tooltip } from 'antd';
-import { useLocale, FormattedMessage, useIntl } from 'dumi';
-import { cloneDeep } from 'lodash-es';
 import { createFromIconfontCN, SearchOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
+import { Input, Menu, Tooltip } from 'antd';
 import classNames from 'classnames';
+import { FormattedMessage, useIntl, useLocale } from 'dumi';
+import { cloneDeep } from 'lodash-es';
+import React, { useEffect, useRef, useState } from 'react';
 import { filterTreeNode } from "../utils";
 import styles from "./index.module.less";
 
@@ -55,8 +55,8 @@ export var ExampleSider = function ExampleSider(props) {
       id: 'FAKE_ID',
       childrenKey: 'exampleTopics',
       title: {
-        'zh': 'FAKE_TITLE',
-        'en': 'FAKE_TITLE'
+        zh: 'FAKE_TITLE',
+        en: 'FAKE_TITLE'
       },
       exampleTopics: cloneDeep(exampleTopics)
     }, searchValue, locale.id);

package/dist/slots/Features/FeatureCard.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import cx from 'classnames';
+import React from 'react';
 import { ic } from "../hooks";
 import styles from "./FeatureCard.module.less";
 var FeatureCard = function FeatureCard(_ref) {

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

@@ -20,8 +20,8 @@
       color: #000;
       margin-top: 28px;
       margin-bottom: 11px;
-      font-family:  AlibabaPuHuiTiM;
-      color: #1D2129;
+      font-family: AlibabaPuHuiTiM;
+      color: #1d2129;
       text-align: center;
       line-height: 32px;
     }
@@ -64,4 +64,4 @@
       }
     }
   }
-}
+}

package/dist/slots/Features/index.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import { Row, Col } from 'antd';
+import { Col, Row } from 'antd';
 import cx from 'classnames';
+import React from 'react';
+import { ic } from "../hooks";
 import FeatureCard from "./FeatureCard";
 import styles from "./index.module.less";
-import { ic } from "../hooks";
 export var Features = function Features(_ref) {
   var title = _ref.title,
     _ref$features = _ref.features,

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

@@ -26,7 +26,7 @@
     font-family: AlibabaPuHuiTiB;
     font-size: 40px;
     text-align: center;
-    color: #1D2129;
+    color: #1d2129;
     height: min-content;
   }
 
@@ -46,8 +46,8 @@
 
       .cardWrapper {
         margin: 48px 0 30px 0;
-        background-color: #FFFFFF;
-        border: 1px solid #E5E8EF;
+        background-color: #ffffff;
+        border: 1px solid #e5e8ef;
         box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.03);
         border-radius: 16px;
         overflow: hidden;
@@ -91,4 +91,4 @@
       }
     }
   }
-}
+}

package/dist/slots/Footer/index.js

@@ -6,13 +6,12 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React from 'react';
-import { default as RCFooter } from 'rc-footer';
-import { GithubOutlined, WeiboOutlined, ZhihuOutlined, QuestionCircleOutlined } from '@ant-design/icons';
-import cx from 'classnames';
+import { GithubOutlined, QuestionCircleOutlined, WeiboOutlined, ZhihuOutlined } from '@ant-design/icons';
+import { default as classnames, default as cx } from 'classnames';
+import { FormattedMessage, useLocale, useSiteData } from 'dumi';
 import { omit } from 'lodash-es';
-import classnames from 'classnames';
-import { useLocale, FormattedMessage, useSiteData } from 'dumi';
+import { default as RCFooter } from 'rc-footer';
+import React from 'react';
 import 'rc-footer/assets/index.less';
 import styles from "./index.module.less";
 /**
@@ -178,8 +177,8 @@ export var Footer = function Footer(props) {
           height: 16,
           alt: "Galacean"
         }),
-        title: "Galacean",
-        description: "互动图形解决方案",
+        title: 'Galacean',
+        description: '互动图形解决方案',
         url: 'https://galacean.antgroup.com/',
         openExternal: true
       }, {
@@ -219,7 +218,7 @@ export var Footer = function Footer(props) {
       href: "".concat(rootDomain, "/").concat(lang, "/about")
     }, /*#__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", {
+    }))), /*#__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/Footer/index.module.less

@@ -10,7 +10,7 @@
   }
 
   :global(.rc-footer-bottom-container) {
-    border-top: 4px solid #F0F2FF;
+    border-top: 4px solid #f0f2ff;
   }
 
   &.light {
@@ -21,8 +21,8 @@
         }
       }
 
-      >a:hover {
-        color: #691EFF;
+      > a:hover {
+        color: #691eff;
       }
     }
   }
@@ -79,10 +79,10 @@
     &.light {
       :global(.anticon),
       a {
-        color: #424E66;
+        color: #424e66;
 
         &:hover {
-          color: #691EFF;
+          color: #691eff;
         }
       }
     }

package/dist/slots/Header/Navs.js

@@ -2,14 +2,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
+import { DownOutlined, LinkOutlined } from '@ant-design/icons';
+import { Dropdown, Menu } from 'antd';
 import cx from 'classnames';
-import { size } from 'lodash-es';
 import { Link, useLocale } from 'dumi';
-import { Dropdown, Menu } from 'antd';
-import { DownOutlined, LinkOutlined } from '@ant-design/icons';
-import { getNavCategory } from "./utils";
+import { size } from 'lodash-es';
+import React from 'react';
 import styles from "./index.module.less";
+import { getNavCategory } from "./utils";
 /**
  * Header 中的导航菜单
  */

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

@@ -1,6 +1,6 @@
-import React from 'react';
 import classNames from 'classnames';
-import { Link, FormattedMessage } from 'dumi';
+import { FormattedMessage, Link } from 'dumi';
+import React from 'react';
 import styles from "./NavigatorBanner.module.less";
 var NavigatorBanner = function NavigatorBanner(_ref) {
   var post = _ref.post,

package/dist/slots/Header/Products/NavigatorBanner.module.less

@@ -36,4 +36,4 @@
   &.next {
     text-align: right;
   }
-}
+}

package/dist/slots/Header/Products/Product.module.less

@@ -32,7 +32,7 @@
     height: auto !important;
   }
 
-  &.show+.mask {
+  &.show + .mask {
     opacity: 1;
   }
 
@@ -41,7 +41,7 @@
     top: 102px;
   }
 
-  &.bannerVisible+.mask {
+  &.bannerVisible + .mask {
     top: 102px;
   }
 
@@ -108,7 +108,7 @@
       }
 
       .productLinks {
-        >a {
+        > a {
           margin-right: 12px;
           font-size: 12px;
           line-height: 20px;
@@ -154,4 +154,4 @@
       padding-right: 0;
     }
   }
-}
+}

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

@@ -8,13 +8,13 @@ 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 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 { FormattedMessage, useLocale } from 'dumi';
+import React from 'react';
 import { useChinaMirrorHost } from "../../hooks";
+import Product from "./Product";
 import styles from "./Product.module.less";
+import { CATEGORIES, getNewProducts } from "./getProducts";
 export var Products = function Products(_ref) {
   var show = _ref.show,
     language = _ref.language,

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { useIntl } from 'dumi';
 import { InboxOutlined } from '@ant-design/icons';
+import { useIntl } from 'dumi';
+import React from 'react';
 import styles from "./SearchResult.module.less";
 var getHighlightInfo = function getHighlightInfo(textSegments) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, textSegments.map(function (segment) {
@@ -31,7 +31,7 @@ export var SearchResult = function SearchResult(_ref) {
       href: r.link
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.title
-    }, getHighlightInfo(r.tilte)), /*#__PURE__*/React.createElement("div", {
+    }, getHighlightInfo(r.title)), /*#__PURE__*/React.createElement("div", {
       className: styles.description
     }, getHighlightInfo(r.description))));
   }) : /*#__PURE__*/React.createElement("div", {

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

@@ -72,4 +72,4 @@
     color: rgb(160, 161, 167);
     font-size: 16px;
   }
-}
+}

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

@@ -2,14 +2,14 @@
  * dumi 搜索结果转页面 UI 的数据结构，默认取 30 条
  * @param dumiResult
  * @param limit
- * @returns 
+ * @returns
  */
 export function getSearchResults(dumiResults) {
   var limit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 30;
-  var hints = dumiResults.map(function (r) {
+  var sort = arguments.length > 2 ? arguments[2] : undefined;
+  var flattenHints = dumiResults.flatMap(function (r) {
     return r.hints;
-  }).flat();
-  return hints.slice(0, limit).map(function (_ref) {
+  }).map(function (_ref) {
     var _ref$pageTitle = _ref.pageTitle,
       pageTitle = _ref$pageTitle === void 0 ? '' : _ref$pageTitle,
       highlightTitleTexts = _ref.highlightTitleTexts,
@@ -18,8 +18,21 @@ export function getSearchResults(dumiResults) {
     return {
       link: link,
       subject: pageTitle,
-      tilte: highlightTitleTexts,
+      title: highlightTitleTexts,
       description: highlightTexts
     };
   });
+  var sorted = sort ? flattenHints.sort(function (a, b) {
+    var isMatch = function isMatch(a) {
+      return sort.some(function (pattern) {
+        return pattern.startsWith('!') ? !a.link.includes(pattern.slice(1)) : a.link.includes(pattern);
+      });
+    };
+    var linkA = isMatch(a);
+    var linkB = isMatch(b);
+    if (linkA && !linkB) return -1;
+    if (!linkA && linkB) return 1;
+    return 0;
+  }) : flattenHints;
+  return sorted.slice(0, limit);
 }

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

@@ -4,10 +4,10 @@ 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useState, useMemo } from 'react';
-import { Popover } from 'antd';
-import { useIntl, useSiteSearch } from 'dumi';
 import { SearchOutlined } from '@ant-design/icons';
+import { Popover } from 'antd';
+import { useIntl, useSiteData, useSiteSearch } from 'dumi';
+import React, { useEffect, useMemo, useState } from 'react';
 import { SearchResult } from "./SearchResult";
 import { getSearchResults } from "./helper";
 import styles from "./index.module.less";
@@ -17,6 +17,12 @@ export var Search = function Search() {
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
+  var _useSiteData = useSiteData(),
+    themeConfig = _useSiteData.themeConfig;
+  var _themeConfig$docsearc = themeConfig.docsearchOptions,
+    _themeConfig$docsearc2 = _themeConfig$docsearc === void 0 ? {} : _themeConfig$docsearc,
+    sort = _themeConfig$docsearc2.sort;
+
   // useSiteSearch 错误 keywords 为空时 loading 为 true
   var _useSiteSearch = useSiteSearch(),
     keywords = _useSiteSearch.keywords,
@@ -45,7 +51,7 @@ export var Search = function Search() {
     };
   }, []);
   var searchResults = useMemo(function () {
-    return getSearchResults(result);
+    return getSearchResults(result, 30, sort);
   }, [result]);
   return /*#__PURE__*/React.createElement(Popover, {
     open: open,

package/dist/slots/Header/index.js

@@ -11,19 +11,19 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 // import { navigate } from 'gatsby';
-import React, { useState, useEffect, useMemo } from 'react';
-import { useMedia } from 'react-use';
-import { useNavigate } from "react-router-dom";
+import { CaretDownFilled, CheckOutlined, DownOutlined, GithubOutlined, LinkOutlined, MenuOutlined, WechatOutlined } from '@ant-design/icons';
+import { Alert, Button, Dropdown, Menu, Modal, Popover, Select } from 'antd';
 import cx from 'classnames';
-import { useSiteData, useLocale, FormattedMessage } from 'dumi';
-import { GithubOutlined, MenuOutlined, CaretDownFilled, DownOutlined, WechatOutlined, LinkOutlined, CheckOutlined } from '@ant-design/icons';
-import { Alert, Modal, Button, Popover, Menu, Dropdown, Select } from 'antd';
+import { FormattedMessage, useLocale, useSiteData } from 'dumi';
 import { get, map, size } from 'lodash-es';
-import { Search } from "./Search";
-import { Products } from "./Products";
+import React, { useEffect, useMemo, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useMedia } from 'react-use';
+import { ic } from "../hooks";
 import { Navs } from "./Navs";
+import { Products } from "./Products";
+import { Search } from "./Search";
 import { findVersion, getLangUrl } from "./utils";
-import { ic } from "../hooks";
 import styles from "./index.module.less";
 function redirectChinaMirror(chinaMirrorOrigin) {
   window.location.href = window.location.href.replace(window.location.origin, chinaMirrorOrigin);

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

@@ -46,15 +46,14 @@
     margin-bottom: -@nav-height;
 
     nav {
-
       a,
       span,
       .versions {
-        color: #424E66 !important;
+        color: #424e66 !important;
       }
 
       .translation {
-        fill: #424E66 !important;
+        fill: #424e66 !important;
       }
     }
   }
@@ -65,17 +64,16 @@
     .container {
       max-width: 100%;
       padding: 0 20px;
-      border-bottom: 1px solid rgba(0,0,0,0.10);
+      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     }
 
     .nav {
       .menu {
-
-        >li {
+        > li {
           margin-right: 8px;
           font-size: 16px;
 
-          >:first-child {
+          > :first-child {
             display: flex;
             display: inline-flex;
             justify-content: center;
@@ -84,17 +82,17 @@
             height: 32px;
             line-height: 32px;
             border-radius: 6px;
-            color: #424E66;
+            color: #424e66;
 
             &:hover {
               background: #fff;
-              box-shadow: 0 2px 5px 0 rgba(0,0,0,0.10);
+              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
             }
           }
         }
 
         .navIcon {
-          >:first-child {
+          > :first-child {
             display: inline-flex;
             justify-content: center;
             align-items: center;
@@ -262,7 +260,7 @@
           clear: both;
         }
 
-        >span {
+        > span {
           float: left;
           height: 28px;
           transition: all 0.3s;
@@ -355,7 +353,7 @@
             height: 0;
 
             // hide mask
-            +div {
+            + div {
               display: none;
             }
           }

package/dist/slots/Header/utils.js

@@ -1,5 +1,5 @@
-import URI from 'uri-parse';
 import semver from 'semver';
+import URI from 'uri-parse';
 
 /*
  * parse url like this
@@ -28,9 +28,9 @@ export function getLangUrl(url, lang) {
 /**
  * /en/api/xxx -> api
  * /api/xxx -> api
- * /docs/api/xxx -> api 
+ * /docs/api/xxx -> api
  * api/xxx -> api
- * @param url 
+ * @param url
  */
 export function getNavCategory(url) {
   return (url || '').split('/').find(function (d) {

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

@@ -24,7 +24,7 @@
       display: inline-block;
       margin: 0 16px;
     }
-  
+
     .loader:before {
       content: ' ';
       width: 6px;
@@ -40,13 +40,13 @@
       -webkit-animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
-  
+
     .loader svg {
       display: block;
       width: 100%;
       height: 100%;
     }
-  
+
     .loader svg rect,
     .loader svg polygon,
     .loader svg circle {
@@ -55,32 +55,32 @@
       stroke-linejoin: round;
       stroke-linecap: round;
     }
-  
+
     .loader svg polygon {
       stroke-dasharray: 145 76 145 76;
       stroke-dashoffset: 0;
       -webkit-animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
-  
+
     .loader svg rect {
       stroke-dasharray: 192 64 192 64;
       stroke-dashoffset: 0;
       -webkit-animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
-  
+
     .loader svg circle {
       stroke-dasharray: 150 50 150 50;
       stroke-dashoffset: 75;
       -webkit-animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
-  
+
     .loader.triangle {
       width: 48px;
     }
-  
+
     .loader.triangle:before {
       left: 21px;
       -webkit-transform: translate(-10px, -18px);
@@ -88,7 +88,7 @@
       -webkit-animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
-  
+
     .loading-text {
       text-align: center;
       height: 40px;