@antv/dumi-theme-antv 0.7.9 → 0.8.0-alpha.3

package/dist/slots/Header/index.js

@@ -13,12 +13,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 { CaretDownFilled, DownOutlined, GithubOutlined, LinkOutlined, MenuOutlined, WechatOutlined } from '@ant-design/icons';
+import { CaretDownFilled, DownOutlined, GithubOutlined, LinkOutlined, LogoutOutlined, MenuOutlined, MessageOutlined, UserDeleteOutlined, WechatOutlined } from '@ant-design/icons';
 import { Alert, Button, Dropdown, Menu, Modal, Popover } from 'antd';
 import cx from 'classnames';
-import { FormattedMessage, Link, useLocale, useSiteData } from 'dumi';
+import { FormattedMessage, Link, useLocale, useSiteData, useIntl, history } from 'dumi';
 import { get, map, size } from 'lodash-es';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { useMedia } from 'react-use';
 import { getPurePathname } from "../../utils/location";
 import { ic, icWithLocale } from "../hooks";
@@ -26,11 +26,15 @@ import { Navs } from "./Navs";
 import { Products } from "./Products";
 import { Search } from "./Search";
 import { findVersion } from "./utils";
+import { ReactComponent as UserIcon } from "../../static/user.svg";
 import { Assistant } from '@petercatai/assistant';
 import '@petercatai/assistant/style';
 import { useLocation } from 'react-router-dom';
 import { determineUserType } from "../../utils/user";
 import styles from "./index.module.less";
+import { useSnapshot } from "valtio";
+import { authStore, logout } from "../../model/auth";
+import { clearAllChatData } from "../../model/AIChat";
 function redirectChinaMirror(chinaMirrorOrigin) {
   window.location.href = window.location.href.replace(window.location.origin, chinaMirrorOrigin);
 }
@@ -53,9 +57,6 @@ var HeaderComponent = function HeaderComponent(_ref) {
     showAntVProductsCard = _ref$showAntVProducts === void 0 ? true : _ref$showAntVProducts,
     _ref$showLanguageSwit = _ref.showLanguageSwitcher,
     showLanguageSwitcher = _ref$showLanguageSwit === void 0 ? true : _ref$showLanguageSwit,
-    _ref$showWeavefox = _ref.showWeavefox,
-    showWeavefox = _ref$showWeavefox === void 0 ? {} : _ref$showWeavefox,
-    isInternalUser = _ref.isInternalUser,
     logo = _ref.logo,
     onLanguageChange = _ref.onLanguageChange,
     _ref$showWxQrcode = _ref.showWxQrcode,
@@ -76,11 +77,12 @@ var HeaderComponent = function HeaderComponent(_ref) {
     ecosystems = _ref.ecosystems,
     announcement = _ref.announcement;
   var isAntVHome = isAntVSite && isHomePage; // 是否为AntV官网首页
-
+  var authSnap = useSnapshot(authStore);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     bannerVisible = _useState2[0],
     setBannerVisible = _useState2[1];
+  var intl = useIntl();
   var showChinaMirror = !!internalSite;
   var chinaMirrorUrl = get(internalSite, 'url');
   var _useState3 = useState(false),
@@ -149,8 +151,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
       }),
       link: ''
     }, logo),
-    img = _img$link$logo.img,
-    link = _img$link$logo.link;
+    img = _img$link$logo.img;
   var _useLocation = useLocation(),
     pathname = _useLocation.pathname;
   useEffect(function () {
@@ -185,25 +186,13 @@ var HeaderComponent = function HeaderComponent(_ref) {
   var handleSwitchLanguage = function handleSwitchLanguage() {
     onLanguageChange === null || onLanguageChange === void 0 || onLanguageChange(lang);
   };
-  var weavefox = useMemo(function () {
-    var configKey = isInternalUser ? 'internal' : 'public';
-    var configValue = showWeavefox[configKey];
-    if (!configValue) return /*#__PURE__*/React.createElement(React.Fragment, null);
-    var defaultLink = isInternalUser ? 'https://weavefox.antgroup-inc.cn/agent/@huiyu.zjt/AntV' : 'https://weavefox.alipay.com/agent/@ufox-b8tydq-0758/202505AP7vfl00422922';
-    var href = typeof configValue === 'string' ? configValue : defaultLink;
-    return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
-      href: href,
-      target: "_blank",
-      rel: "noreferrer"
-    }, "AI\u751F\u7801"));
-  }, [isInternalUser, showWeavefox]);
   var menu = /*#__PURE__*/React.createElement("ul", {
     className: cx(styles.menu, _defineProperty(_defineProperty({}, styles.popup, !isWide), styles.popupHidden, !popupMenuVisible))
   }, /** 最左侧的菜单，一般是 教程、API、示例，或者其他自定义，有配置文件中的 `navs` 决定 */
   size(navs) ? /*#__PURE__*/React.createElement(Navs, {
     navs: navs,
     path: pathname
-  }) : null, weavefox, /** 生态产品 */
+  }) : 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) {
@@ -235,7 +224,9 @@ var HeaderComponent = function HeaderComponent(_ref) {
       style: {
         marginRight: '8px'
       }
-    }, "\uD83C\uDDE8\uD83C\uDDF3"), "AntV \u7CFB\u5217\u7F51\u7AD9\u90E8\u7F72\u5728 gh-pages \u4E0A\uFF0C\u82E5\u8BBF\u95EE\u901F\u5EA6\u4E0D\u4F73\uFF0C\u53EF\u4EE5\u524D\u5F80\u56FD\u5185\u955C\u50CF\u7AD9\u70B9\u3002"), /*#__PURE__*/React.createElement("div", {
+    }, "\uD83C\uDDE8\uD83C\uDDF3"), /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "header.china.mirror.title"
+    })), /*#__PURE__*/React.createElement("div", {
       style: {
         marginTop: 16,
         textAlign: 'right'
@@ -248,14 +239,18 @@ var HeaderComponent = function HeaderComponent(_ref) {
       style: {
         marginRight: 8
       }
-    }, "\u6682\u65F6\u5173\u95ED"), /*#__PURE__*/React.createElement(Button, {
+    }, /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "header.china.mirror.temp.close"
+    })), /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       size: "small",
       onClick: function onClick() {
         localStorage.setItem('china-mirror-no-more-hint', Date.now().toString());
         updateChinaMirrorHintVisible(false);
       }
-    }, "\u4E0D\u518D\u63D0\u9192"))),
+    }, /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "header.china.mirror.no.more"
+    })))),
     open: chinaMirrorHintVisible,
     placement: "bottomRight",
     align: {
@@ -273,8 +268,12 @@ var HeaderComponent = function HeaderComponent(_ref) {
     }
   })))) : null, showChinaMirror && !isWide && /*#__PURE__*/React.createElement(Modal, {
     open: chinaMirrorHintVisible,
-    cancelText: "\u4E0D\u518D\u63D0\u9192",
-    okText: "\u7ACB\u5373\u524D\u5F80",
+    cancelText: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "header.china.mirror.no.more"
+    }),
+    okText: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "header.china.mirror.temp.close"
+    }),
     onCancel: function onCancel() {
       updateChinaMirrorHintVisible(false);
     },
@@ -292,7 +291,9 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }, /*#__PURE__*/React.createElement("span", {
     role: "img",
     "aria-labelledby": "\u4E2D\u56FD"
-  }, "\uD83C\uDDE8\uD83C\uDDF3"), "AntV \u7CFB\u5217\u7F51\u7AD9\u90E8\u7F72\u5728 gh-pages \u4E0A\uFF0C\u82E5\u8BBF\u95EE\u901F\u5EA6\u4E0D\u4F73\uFF0C\u53EF\u4EE5\u524D\u5F80", /*#__PURE__*/React.createElement("a", {
+  }, "\uD83C\uDDE8\uD83C\uDDF3"), /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "header.china.mirror.title"
+  }), /*#__PURE__*/React.createElement("a", {
     href: chinaMirrorUrl,
     onClick: function onClick(e) {
       e.preventDefault();
@@ -370,7 +371,9 @@ var HeaderComponent = function HeaderComponent(_ref) {
       src: "https://gw.alipayobjects.com/zos/antfincdn/ZKlx96dsfs/qrcode_for_gh_f52d8b6aa591_258.jpg",
       alt: "wx-qrcode"
     }),
-    title: "\u5FAE\u4FE1\u626B\u4E00\u626B\u5173\u6CE8",
+    title: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "header.wx.qrcode.title"
+    }),
     styles: {
       body: {
         padding: 2
@@ -387,7 +390,46 @@ var HeaderComponent = function HeaderComponent(_ref) {
     href: githubUrl,
     target: "_blank",
     rel: "noreferrer"
-  }, /*#__PURE__*/React.createElement(GithubOutlined, null))));
+  }, /*#__PURE__*/React.createElement(GithubOutlined, null))), authSnap.isAuthenticated && /*#__PURE__*/React.createElement("li", {
+    className: cx(styles.navIcon, styles.githubCorner)
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    menu: {
+      items: [{
+        key: 'history',
+        label: /*#__PURE__*/React.createElement("a", {
+          onClick: function onClick() {
+            return history.push("/".concat(lang || 'zh', "/ai-playground"));
+          }
+        }, intl.formatMessage({
+          id: 'header.user.history'
+        })),
+        icon: /*#__PURE__*/React.createElement(MessageOutlined, null)
+      }, {
+        key: 'logout',
+        label: /*#__PURE__*/React.createElement("a", {
+          onClick: function onClick() {
+            return logout();
+          }
+        }, intl.formatMessage({
+          id: 'header.user.logout'
+        })),
+        icon: /*#__PURE__*/React.createElement(LogoutOutlined, null)
+      }, {
+        key: 'deleteAccount',
+        label: /*#__PURE__*/React.createElement("a", {
+          onClick: function onClick() {
+            logout();
+            clearAllChatData();
+          }
+        }, intl.formatMessage({
+          id: 'header.user.deleteAccount'
+        })),
+        icon: /*#__PURE__*/React.createElement(UserDeleteOutlined, null)
+      }]
+    }
+  }, /*#__PURE__*/React.createElement("a", null, /*#__PURE__*/React.createElement(UserIcon, {
+    className: styles.userIcon
+  })))));
   return /*#__PURE__*/React.createElement("header", {
     className: cx(styles.header, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.transparent, !!transparent && !productMenuVisible), styles.isHomePage, !!isHomePage && !isAntVHome), styles.lightTheme, !!isAntVHome && !productMenuVisible && isWide), styles.isAntVHome, !!isAntVHome), styles.fixed, popupMenuVisible))
   }, bannerVisible && announcementTitle && /*#__PURE__*/React.createElement(Alert, {

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

@@ -39,7 +39,7 @@
     margin-bottom: -@nav-height;
 
     .container {
-      .container1440;
+      .container1440();
     }
   }
 
@@ -65,7 +65,7 @@
     .container {
       max-width: 100%;
       padding: 0 20px;
-      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+      border-bottom: 1px solid rgba(0, 0, 0, 10%);
     }
 
     .nav {
@@ -87,7 +87,7 @@
 
             &:hover {
               background: #fff;
-              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
+              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 10%);
             }
           }
         }
@@ -108,7 +108,7 @@
 
         .languageSwitcher {
           position: relative;
-          top: 1px;
+          top: 9px;
         }
 
         .wxQrcode {
@@ -174,11 +174,11 @@
       font-size: 18px;
 
       a {
-        color: rgba(0, 0, 0, 0.85);
+        color: rgba(0, 0, 0, 85%);
         transition: all 0.3s;
 
         &:hover {
-          color: rgba(0, 0, 0, 1);
+          color: rgba(0, 0, 0, 100%);
         }
       }
     }
@@ -400,7 +400,7 @@
 }
 
 .remindHref {
-  margin: 0px 6px 0px 5px;
+  margin: 0 6px 0 5px;
 }
 
 .modalContent {
@@ -460,3 +460,11 @@
     }
   }
 }
+
+.userIcon {
+  font-size: 16px;
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.2em;
+  fill: currentColor;
+}

package/dist/slots/LiveExample/index.js

@@ -93,7 +93,7 @@ export default function LiveExample(props) {
     var executionId = "exec-".concat(Date.now(), "-").concat(Math.random().toString(36).substr(2, 9));
     var script = document.createElement('script');
     var modifiedCode = compiledCode.replace(/'container'|"container"/g, "'".concat(containerId, "'"));
-    script.textContent = "\n      try {\n        ".concat(modifiedCode, "\n        const successElement = document.createElement('div');\n        successElement.id = 'execution-success-").concat(executionId, "';\n        successElement.style.display = 'none';\n        document.body.appendChild(successElement);\n      } catch (error) {\n        console.error('\u811A\u672C\u6267\u884C\u65F6\u53D1\u751F\u9519\u8BEF:', error);\n        const errorElement = document.createElement('div');\n        errorElement.id = 'execution-error-").concat(executionId, "';\n        errorElement.textContent = error.message;\n        errorElement.style.display = 'none';\n        document.body.appendChild(errorElement);\n\n        if (!").concat(hasSuccessfulRender, ") {\n          const errorContainer = document.getElementById('").concat(containerId, "');\n          if (errorContainer) {\n            errorContainer.innerHTML = '<div style=\"color: #fb1716; padding: 8px; border-left: 3px solid #ff0000; padding-left: 12px;\">Runtime Error: ' + error.message + '</div>';\n          }\n        }\n      }\n    ");
+    script.textContent = "\n      // Can only have one anonymous define call per script file\n      // \u548C monaco loader \u52A0\u8F7D\u51B2\u7A81\n      var __runnerDefine = window['define'];\n      window['define'] = null;\n      try {\n        ".concat(modifiedCode, "\n        const successElement = document.createElement('div');\n        successElement.id = 'execution-success-").concat(executionId, "';\n        successElement.style.display = 'none';\n        document.body.appendChild(successElement);\n      } catch (error) {\n        console.error('\u811A\u672C\u6267\u884C\u65F6\u53D1\u751F\u9519\u8BEF:', error);\n        const errorElement = document.createElement('div');\n        errorElement.id = 'execution-error-").concat(executionId, "';\n        errorElement.textContent = error.message;\n        errorElement.style.display = 'none';\n        document.body.appendChild(errorElement);\n\n        if (!").concat(hasSuccessfulRender, ") {\n          const errorContainer = document.getElementById('").concat(containerId, "');\n          if (errorContainer) {\n            errorContainer.innerHTML = '<div style=\"color: #fb1716; padding: 8px; border-left: 3px solid #ff0000; padding-left: 12px;\">Runtime Error: ' + error.message + '</div>';\n          }\n        }\n      } finally {\n        window['define'] = __runnerDefine;\n      }\n    ");
     document.head.appendChild(script);
 
     // 检查执行结果并清理

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

@@ -54,7 +54,7 @@
     display: block;
     color: #fb1716;
     padding: 0.25rem 0;
-    border-left: 3px solid #ff0000;
+    border-left: 3px solid #f00;
     padding-left: 12px;
   }
 }

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

@@ -15,8 +15,10 @@
       top: 50%;
       margin: -50px 0 0 -120px;
     }
+
     .loader {
       --duration: 3s;
+
       width: 44px;
       height: 44px;
       position: relative;
@@ -24,7 +26,7 @@
       margin: 0 16px;
     }
 
-    .loader:before {
+    .loader::before {
       content: ' ';
       width: 6px;
       height: 6px;
@@ -34,9 +36,9 @@
       background: #ff700a;
       top: 37px;
       left: 19px;
-      -webkit-transform: translate(-18px, -18px);
       transform: translate(-18px, -18px);
-      -webkit-animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      transform: translate(-18px, -18px);
+      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;
     }
 
@@ -58,21 +60,21 @@
     .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;
       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;
       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;
       animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
 
@@ -80,11 +82,11 @@
       width: 48px;
     }
 
-    .loader.triangle:before {
+    .loader.triangle::before {
       left: 21px;
-      -webkit-transform: translate(-10px, -18px);
       transform: translate(-10px, -18px);
-      -webkit-animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      transform: translate(-10px, -18px);
+      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;
     }
 
@@ -99,7 +101,7 @@
   }
 }
 
-@-webkit-keyframes ~":global(pathTriangle)" {
+@keyframes ~":global(pathTriangle)" {
   33% {
     stroke-dashoffset: 74;
   }
@@ -127,41 +129,41 @@
   }
 }
 
-@-webkit-keyframes ~":global(dotTriangle)" {
+@keyframes ~":global(dotTriangle)" {
   33% {
-    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
     transform: translate(0, 0);
   }
 
   66% {
-    -webkit-transform: translate(10px, -18px);
+    transform: translate(10px, -18px);
     transform: translate(10px, -18px);
   }
 
   100% {
-    -webkit-transform: translate(-10px, -18px);
+    transform: translate(-10px, -18px);
     transform: translate(-10px, -18px);
   }
 }
 
 @keyframes ~":global(dotTriangle)" {
   33% {
-    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
     transform: translate(0, 0);
   }
 
   66% {
-    -webkit-transform: translate(10px, -18px);
+    transform: translate(10px, -18px);
     transform: translate(10px, -18px);
   }
 
   100% {
-    -webkit-transform: translate(-10px, -18px);
+    transform: translate(-10px, -18px);
     transform: translate(-10px, -18px);
   }
 }
 
-@-webkit-keyframes ~":global(pathRect)" {
+@keyframes ~":global(pathRect)" {
   25% {
     stroke-dashoffset: 64;
   }
@@ -197,51 +199,51 @@
   }
 }
 
-@-webkit-keyframes ~":global(dotRect)" {
+@keyframes ~":global(dotRect)" {
   25% {
-    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
     transform: translate(0, 0);
   }
 
   50% {
-    -webkit-transform: translate(18px, -18px);
+    transform: translate(18px, -18px);
     transform: translate(18px, -18px);
   }
 
   75% {
-    -webkit-transform: translate(0, -36px);
+    transform: translate(0, -36px);
     transform: translate(0, -36px);
   }
 
   100% {
-    -webkit-transform: translate(-18px, -18px);
+    transform: translate(-18px, -18px);
     transform: translate(-18px, -18px);
   }
 }
 
 @keyframes ~":global(dotRect)" {
   25% {
-    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
     transform: translate(0, 0);
   }
 
   50% {
-    -webkit-transform: translate(18px, -18px);
+    transform: translate(18px, -18px);
     transform: translate(18px, -18px);
   }
 
   75% {
-    -webkit-transform: translate(0, -36px);
+    transform: translate(0, -36px);
     transform: translate(0, -36px);
   }
 
   100% {
-    -webkit-transform: translate(-18px, -18px);
+    transform: translate(-18px, -18px);
     transform: translate(-18px, -18px);
   }
 }
 
-@-webkit-keyframes ~":global(pathCircle)" {
+@keyframes ~":global(pathCircle)" {
   25% {
     stroke-dashoffset: 125;
   }

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

@@ -87,7 +87,7 @@
   }
 
   pre[class*='language-'] {
-    background-color: rgba(0, 0, 0, 0.03);
+    background-color: rgba(0, 0, 0, 3%);
     width: 100%;
   }
 
@@ -95,7 +95,7 @@
     padding: 0.2em 0.4em;
     margin: 0;
     font-size: 85%;
-    background-color: rgba(175, 184, 193, 0.2);
+    background-color: rgba(175, 184, 193, 20%);
     border-radius: 6px;
   }
 
@@ -174,7 +174,7 @@
   table th {
     color: #5c6b77;
     font-weight: 500;
-    background: rgba(0, 0, 0, 0.02);
+    background: rgba(0, 0, 0, 2%);
   }
 
   table th,
@@ -193,7 +193,7 @@
     width: 20%;
     font-weight: 500;
     background: #fcfcfc;
-    color: rgba(0, 0, 0, 0.85);
+    color: rgba(0, 0, 0, 85%);
   }
 
   blockquote {
@@ -256,7 +256,6 @@
   background: #fff;
   max-height: 100vh;
   overflow: auto;
-
   position: sticky;
   top: 0;
 
@@ -281,8 +280,8 @@
   margin-bottom: 20px;
   font-weight: 500;
   font-size: 30px;
-  font-family: Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei,
-    Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  font-family: Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
+    "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   line-height: 38px;
 }
 
@@ -358,7 +357,7 @@
     justify-content: center;
     align-items: center;
     background: #fff;
-    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
+    box-shadow: 2px 0 8px rgba(0, 0, 0, 15%);
     border-radius: 0 4px 4px 0;
   }
 }
@@ -428,7 +427,7 @@
       &:hover > div {
         transform: translateY(-4px);
         border-color: transparent;
-        box-shadow: 0 6px 16px rgba(107, 147, 224, 0.14);
+        box-shadow: 0 6px 16px rgba(107, 147, 224, 14%);
       }
 
       h4 {
@@ -482,7 +481,7 @@
   :global {
     .SplitPane {
       overflow: auto;
-      left: 0px;
+      left: 0;
       height: calc(100vh - 64px) !important;
     }
 
@@ -623,10 +622,9 @@
 }
 
 .backTop {
-  transition: color 0.3s;
   color: #868484;
   background-color: #fff;
-  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 12%), 0 6px 16px 0 rgba(0, 0, 0, 8%), 0 9px 28px 8px rgba(0, 0, 0, 5%);
   transition: color 0.3s;
   width: 44px;
   height: 44px;
@@ -667,7 +665,7 @@
   justify-content: center;
   align-items: center;
   background: #fff;
-  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 2px 0 8px rgba(0, 0, 0, 15%);
   border-radius: 0 4px 4px 0;
 }
 
@@ -677,9 +675,8 @@
 
 .readtime {
   color: #0d1a26;
-  line-height: 1.5715;
   list-style: none;
-  -webkit-font-feature-settings: 'tnum';
+  font-feature-settings: 'tnum';
   font-feature-settings: 'tnum';
   display: inline-block;
   height: auto;
@@ -694,6 +691,6 @@
   opacity: 1;
   transition: all 0.3s;
   background-color: #fff;
-  font-family: Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei,
-    Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  font-family: Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
+    "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }

package/dist/slots/_.less

@@ -95,30 +95,30 @@ h6 {
       width: 100%;
       height: 11px;
       margin: -5px 0;
-      border-top: 5px solid rgba(255, 255, 255, 0);
-      border-bottom: 5px solid rgba(255, 255, 255, 0);
+      border-top: 5px solid rgba(255, 255, 255, 0%);
+      border-bottom: 5px solid rgba(255, 255, 255, 0%);
       cursor: row-resize;
 
       &:hover {
-        border-top: 5px solid rgba(0, 0, 0, 0.5);
-        border-bottom: 5px solid rgba(0, 0, 0, 0.5);
+        border-top: 5px solid rgba(0, 0, 0, 50%);
+        border-bottom: 5px solid rgba(0, 0, 0, 50%);
       }
     }
 
     &.vertical {
       width: 11px;
       margin: 0 -5px;
-      border-right: 5px solid rgba(255, 255, 255, 0);
-      border-left: 5px solid rgba(255, 255, 255, 0);
+      border-right: 5px solid rgba(255, 255, 255, 0%);
+      border-left: 5px solid rgba(255, 255, 255, 0%);
       cursor: col-resize;
 
-      Pane2 {
+      pane2 {
         border-left: 1px solid #e6e6e6;
       }
 
       &:hover {
-        border-right: 5px solid rgba(0, 0, 0, 0.5);
-        border-left: 5px solid rgba(0, 0, 0, 0.5);
+        border-right: 5px solid rgba(0, 0, 0, 50%);
+        border-left: 5px solid rgba(0, 0, 0, 50%);
       }
     }
 

package/dist/static/user.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 74.666667C270.933333 74.666667 74.666667 270.933333 74.666667 512S270.933333 949.333333 512 949.333333 949.333333 753.066667 949.333333 512 753.066667 74.666667 512 74.666667z m0 160c70.4 0 128 57.6 128 128s-57.6 128-128 128-128-57.6-128-128 57.6-128 128-128z m236.8 507.733333c-23.466667 32-117.333333 100.266667-236.8 100.266667s-213.333333-68.266667-236.8-100.266667c-8.533333-10.666667-10.666667-21.333333-8.533333-32 29.866667-110.933333 130.133333-187.733333 245.333333-187.733333s215.466667 76.8 245.333333 187.733333c2.133333 10.666667 0 21.333333-8.533333 32z" fill="currentColor"></path>
+</svg>

package/dist/typings.d.ts

@@ -13,6 +13,11 @@ declare module '*.json' {
   export default content;
 }
 
+declare module '*.module.less' {
+  const classes: any;
+  export default classes;
+}
+
 declare module '*.less' {
   const content: any;
   export default content;
@@ -22,3 +27,9 @@ declare module '*.svg' {
   const content: any;
   export default content;
 }
+
+/**
+ * 由构建工具注入的包版本号。
+ * @see fatherrc.ts
+ */
+declare const __PACKAGE_VERSION__: string;