@antv/dumi-theme-antv 0.8.0-beta.2 → 0.8.0-beta.21

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

@@ -3,13 +3,14 @@
 .wrapper {
   min-height: 1000px;
   max-height: 1150px;
-  background: linear-gradient(225deg, #ffffff, #f0f5ff);
+  background: linear-gradient(225deg, #fff, #f0f5ff);
   height: calc(94vh);
   position: relative;
   overflow: hidden;
 
   .content {
     .container1440();
+
     height: 100%;
     position: relative;
   }
@@ -28,7 +29,7 @@
 
     .title {
       font-size: 3.4em; //2.875em;
-      color: rgba(0, 0, 0, 1);
+      color: rgba(0, 0, 0, 100%);
       position: relative;
       font-family: AlibabaPuHuiTiRHeavy;
 
@@ -39,8 +40,7 @@
 
     .description {
       margin-top: 0.83%; //12px;
-      margin-bottom: 0px;
-      color: rgba(106, 123, 140, 1);
+      margin-bottom: 0;
       font-weight: 200;
       position: relative;
       width: 40%;
@@ -52,7 +52,7 @@
       overflow: hidden;
       text-overflow: ellipsis;
       -webkit-line-clamp: 4;
-      display: -webkit-box;
+      display: box;
       -webkit-box-orient: vertical;
     }
 
@@ -64,7 +64,6 @@
         display: flex;
         align-items: center;
         justify-content: center;
-        cursor: pointer;
         border-radius: 12px;
         z-index: 10;
         position: relative;
@@ -73,13 +72,12 @@
         height: 54px;
         min-width: 166px;
         padding: 0 10px;
-        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: #fff;
         overflow: hidden;
 
         .icon {
@@ -94,8 +92,7 @@
         }
 
         &.primary {
-          color: #fff;
-          background-color: #ffffff;
+          background-color: #fff;
           color: #000;
           border: 1px solid #e8e8e8;
 
@@ -123,8 +120,8 @@
             display: flex;
             height: 54px;
             cursor: pointer;
-            box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.05);
-            background-color: #ffffff;
+            box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 5%);
+            background-color: #fff;
             border: 1px solid #e8e8e8;
             justify-content: center;
             align-items: center;
@@ -146,6 +143,7 @@
 
             .gh-btn {
               padding: 16px;
+
               .gh-ico {
                 display: block;
                 width: 20px;
@@ -172,7 +170,7 @@
               margin-left: -8px;
               color: #1d2129;
               letter-spacing: 0;
-              font-family: AlibabaSans102-Medium;
+              font-family: "AlibabaSans102-Medium";
             }
           }
         }
@@ -195,7 +193,6 @@
     display: flex;
     position: absolute;
     right: 0;
-    margin-top: -300px;
     width: 32%;
     max-width: 598px;
     height: 324px;

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

@@ -11,7 +11,7 @@
     z-index: 1;
     top: 0;
     height: 100%;
-    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0);
+    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0%);
     width: 1px;
     transition: all 0.3s;
   }
@@ -45,7 +45,7 @@
   user-select: none;
   background-color: #fff;
 
-  &:after {
+  &::after {
     transition: all 0.3s;
     background-color: transparent;
     border: 1px solid transparent;
@@ -60,7 +60,7 @@
   &:hover {
     border-color: var(--primary-color);
 
-    &:before {
+    &::before {
       transition: all 0.3s;
       content: '';
       position: absolute;
@@ -127,7 +127,6 @@
     display: inline-block;
     width: 100%;
     vertical-align: bottom;
-
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;

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

@@ -36,7 +36,7 @@
     display: flex;
     justify-content: center;
     font-size: 14px;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+    border-bottom: 1px solid rgba(255, 255, 255, 25%);
     margin-bottom: 16px;
     box-sizing: border-box;
     padding-bottom: 16px;
@@ -72,7 +72,7 @@
     :global(.anticon),
     a {
       margin-right: 8px;
-      color: rgba(255, 255, 255, 0.6);
+      color: rgba(255, 255, 255, 60%);
     }
 
     &.light {

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

@@ -57,7 +57,7 @@
   ul {
     list-style: none;
     padding: 0;
-    margin: 0 0 20px 0;
+    margin: 0 0 20px;
 
     &:last-child {
       margin-bottom: 32px;
@@ -87,7 +87,7 @@
         margin-bottom: 4px;
         font-size: 14px;
         line-height: 22px;
-        color: rgba(0, 0, 0, 0.85);
+        color: rgba(0, 0, 0, 85%);
         transition: all 0.3s;
 
         &:hover {

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

@@ -2,7 +2,9 @@ import { useIntl, useSiteData } from 'dumi';
 import React from 'react';
 import styles from "./SearchResult.module.less";
 import classnames from "classnames";
-import { createNewSession } from "../../../model/AIChat";
+import { AIChatStore, createNewSession } from "../../../model/AIChat";
+import { authStore, showLoginModal } from "../../../model/auth";
+import { useSnapshot } from "valtio";
 var getHighlightInfo = function getHighlightInfo(textSegments) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, textSegments.map(function (segment) {
     return /*#__PURE__*/React.createElement("span", {
@@ -21,6 +23,18 @@ export var SearchResult = function SearchResult(_ref) {
   var _useSiteData = useSiteData(),
     themeConfig = _useSiteData.themeConfig;
   var intl = useIntl();
+  var authSnap = useSnapshot(authStore);
+  function pureSearch() {
+    AIChatStore.mode = 'solve';
+    createNewSession({
+      promptText: keywords,
+      mode: 'solve',
+      lib: !themeConfig.isAntVSite ? themeConfig.title : undefined,
+      jump: true,
+      lang: intl.locale === 'zh' ? 'zh' : 'en',
+      entry_point: 'SearchResult'
+    });
+  }
   return /*#__PURE__*/React.createElement("div", {
     className: styles.searchResult
   }, /*#__PURE__*/React.createElement("div", {
@@ -35,13 +49,11 @@ export var SearchResult = function SearchResult(_ref) {
   }), /*#__PURE__*/React.createElement("a", {
     className: styles.result,
     onClick: function onClick() {
-      createNewSession({
-        promptText: keywords,
-        mode: "solve",
-        lib: !themeConfig.isAntVSite ? themeConfig.title : undefined,
-        jump: true,
-        lang: intl.locale === 'zh' ? 'zh' : 'en'
-      });
+      if (!authSnap.isAuthenticated) {
+        showLoginModal(pureSearch);
+        return;
+      }
+      pureSearch();
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.title, styles.highlighted)

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

@@ -51,6 +51,7 @@
         color: rgb(160, 161, 167);
         max-height: 55px;
         overflow: hidden;
+
         .segment {
           padding-left: 1px;
           padding-right: 1px;

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,27 +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"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "header.ai.code"
-    })));
-  }, [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) {
@@ -403,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

@@ -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%);
             }
           }
         }
@@ -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.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;
   }