@antv/dumi-theme-antv 0.8.0-beta.10 → 0.8.0-beta.11

package/dist/components/AI/HomeDialog/PromptTextarea/ChooseLib/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Dropdown } from "antd";
 import { useProducts } from "../../../../../hooks/useProducts";
-import { useLocale, useIntl, FormattedMessage } from "dumi";
+import { useLocale, FormattedMessage } from "dumi";
 import styles from "./index.module.less";
 export function ChooseLib(props) {
   var _data$find;
@@ -35,7 +35,6 @@ export function ChooseLib(props) {
       }
     };
   });
-  var intl = useIntl();
   return /*#__PURE__*/React.createElement(Dropdown, {
     menu: {
       items: items

package/dist/components/AI/HomeDialog/PromptTextarea/index.js

@@ -12,7 +12,7 @@ import { DatasourceCard } from "./DatasourceCard";
 import { useEventListener } from 'ahooks';
 import classnames from 'classnames';
 import _ from 'lodash';
-import React, { useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import styles from "./index.module.less";
 import { SendButton } from "./SendButton";
 import { ChooseLib } from "./ChooseLib";
@@ -21,6 +21,7 @@ import { ic } from "../../../../slots/hooks";
 import { useTypewriter } from "../../../../hooks/useTypewriter";
 import { authStore, showLoginModal } from "../../../../model/auth";
 import { useSnapshot } from "valtio";
+import { AIChatStore } from "../../../../model/AIChat";
 var PLACEHOLDER = {
   implement: 'ai.placeholder.implement',
   solve: 'ai.placeholder.solve'
@@ -34,15 +35,20 @@ export var PromptTextarea = /*#__PURE__*/React.memo(function PromptTextareaInner
     onCancel = props.onCancel,
     loading = props.loading,
     mode = props.mode,
-    lib = props.lib,
-    onLibChange = props.onLibChange,
     _props$showAction = props.showAction,
     showAction = _props$showAction === void 0 ? true : _props$showAction;
+  var snap = useSnapshot(AIChatStore);
   var authSnap = useSnapshot(authStore);
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var textareaRef = useRef(null);
-
+  var _useSiteData = useSiteData(),
+    themeConfig = _useSiteData.themeConfig;
+  useEffect(function () {
+    if (!themeConfig.isAntVSite && !snap.lib) {
+      AIChatStore.lib = themeConfig.title;
+    }
+  }, [themeConfig.isAntVSite, themeConfig.title]);
   // 将fileMeta状态移到组件内部管理
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -55,8 +61,6 @@ export var PromptTextarea = /*#__PURE__*/React.memo(function PromptTextareaInner
     focus = _useState4[0],
     setFocus = _useState4[1];
   var isCompact = size === 'compact';
-  var _useSiteData = useSiteData(),
-    themeConfig = _useSiteData.themeConfig;
   var typedPlaceholder = useTypewriter({
     texts: [formatMessage({
       id: 'ai.placeholder.whatis'
@@ -145,9 +149,11 @@ export var PromptTextarea = /*#__PURE__*/React.memo(function PromptTextareaInner
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.dataActions
   }, showAction && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ChooseLib, {
-    value: lib,
-    onChange: onLibChange,
-    size: size
+    size: size,
+    value: snap.lib,
+    onChange: function onChange(s) {
+      return AIChatStore.lib = s;
+    }
   }))), /*#__PURE__*/React.createElement("div", {
     className: styles.actions
   }, loading ? /*#__PURE__*/React.createElement("img", {

package/dist/components/AI/HomeDialog/RecommendCase/index.js

@@ -29,19 +29,19 @@ export var RecommendCase = function RecommendCase(props) {
     list = _useState4[0],
     setList = _useState4[1];
   var fetchList = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var data;
+    var _themeConfig$ai, data;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
           setLoading(true);
           data = [];
-          if (!(themeConfig !== null && themeConfig !== void 0 && themeConfig.recommend)) {
+          if (!(themeConfig !== null && themeConfig !== void 0 && (_themeConfig$ai = themeConfig.ai) !== null && _themeConfig$ai !== void 0 && _themeConfig$ai.recommend)) {
             _context.next = 9;
             break;
           }
           _context.next = 6;
-          return fetch(themeConfig.recommend).then(function (res) {
+          return fetch(themeConfig.ai.recommend).then(function (res) {
             return res.json();
           });
         case 6:

package/dist/components/AI/HomeDialog/index.js

@@ -13,30 +13,24 @@ import { ModeSelector } from "./ModeSelector";
 import { useLocalStorageState } from 'ahooks';
 import { AIMode } from "../constant";
 import classnames from 'classnames';
-import { useSiteData, useLocale } from 'dumi';
+import { useLocale } from 'dumi';
 import { createNewSession } from "../../../model/AIChat";
 export function HomeDialog(props) {
   var locale = useLocale();
-  var _useSiteData = useSiteData(),
-    themeConfig = _useSiteData.themeConfig;
-  var _useState = useState(!themeConfig.isAntVSite ? themeConfig.title : undefined),
-    _useState2 = _slicedToArray(_useState, 2),
-    lib = _useState2[0],
-    setLib = _useState2[1];
   var _useLocalStorageState = useLocalStorageState('use-local-storage-ai-mode-type', {
       defaultValue: AIMode.implement
     }),
     _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 2),
     mode = _useLocalStorageState2[0],
     setMode = _useLocalStorageState2[1];
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    promptText = _useState2[0],
+    setPromptText = _useState2[1];
   var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    promptText = _useState4[0],
-    setPromptText = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    fileSummary = _useState6[0],
-    setFileSummary = _useState6[1];
+    fileSummary = _useState4[0],
+    setFileSummary = _useState4[1];
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.content, props.className),
     style: props.style
@@ -49,10 +43,6 @@ export function HomeDialog(props) {
   }), /*#__PURE__*/React.createElement(PromptTextarea, {
     mode: mode,
     value: promptText,
-    lib: lib,
-    onLibChange: function onLibChange(v) {
-      setLib(v);
-    },
     onChange: function onChange(val) {
       setPromptText(val);
     },
@@ -60,7 +50,6 @@ export function HomeDialog(props) {
       createNewSession({
         promptText: promptText,
         mode: mode,
-        lib: lib,
         jump: true,
         context: fileSummary,
         lang: locale.id

package/dist/locales/en.json

@@ -218,6 +218,7 @@
   "ai.toolbar.open.stackblitz": "Open in StackBlitz",
   "ai.toolbar.open.riddle": "Open in Riddle",
   "ai.toolbar.html.code": "HTML Code",
+  "ai.toolbar.clear.conversation": "Clear Conversation",
   "ai.conversations.expand": "Expand",
   "ai.conversations.collapse": "Collapse",
   "ai.conversations.new": "Start New Chat",
@@ -232,6 +233,9 @@
   "ai.assistant.editor.intro": "I am AntV AI Assistant. You can ask me questions at any time to:\n1. Interpret the code configuration of the current chart.\n2. Generate new code based on the current case through natural language dialogue to customize the chart.",
   "ai.placeholder.whatis": "What is {title}?",
   "header.ai.code": "AI Code Generation",
+  "header.user.history": "History",
+  "header.user.logout": "Logout",
+  "header.user.deleteAccount": "Delete Account",
   "header.china.mirror.title": "AntV series websites are deployed on gh-pages. If the access speed is poor, you can visit the domestic mirror site.",
   "header.china.mirror.temp.close": "Close Temporarily",
   "header.china.mirror.no.more": "Don't Remind Again",

package/dist/locales/zh.json

@@ -217,6 +217,7 @@
   "ai.toolbar.open.stackblitz": "在 StackBlitz 中打开",
   "ai.toolbar.open.riddle": "在 Riddle 中打开",
   "ai.toolbar.html.code": "HTML 代码",
+  "ai.toolbar.clear.conversation": "清空对话",
   "ai.conversations.expand": "展开",
   "ai.conversations.collapse": "收起",
   "ai.conversations.new": "开始新对话",
@@ -231,6 +232,9 @@
   "ai.assistant.editor.intro": "我是AntV AI助手。您可以随时向我提问，让我为您：\n\n1、解读当前图表的代码配置。\n2、通过自然语言对话，基于当前案例生成新代码以定制图表。",
   "ai.placeholder.whatis": "{title}是什么？",
   "header.ai.code": "AI生码",
+  "header.user.history": "历史会话",
+  "header.user.logout": "退出登录",
+  "header.user.deleteAccount": "注销账号",
   "header.china.mirror.title": "AntV 系列网站部署在 gh-pages 上，若访问速度不佳，可以前往国内镜像站点。",
   "header.china.mirror.temp.close": "暂时关闭",
   "header.china.mirror.no.more": "不再提醒",

package/dist/model/AIChat.js

@@ -27,7 +27,8 @@ var initialState = {
   sessions: [],
   activeSessionId: null,
   tempMessage: null,
-  codeBlock: null
+  codeBlock: null,
+  lib: null
 };
 
 // --- valtio Store 创建 ---
@@ -53,6 +54,11 @@ export var clearEmptySession = function clearEmptySession() {
   AIChatStore.sessions = AIChatStore.sessions.filter(function (s) {
     return s.messages.length > 0;
   });
+  if (AIChatStore.sessions.every(function (s) {
+    return s.id !== AIChatStore.activeSessionId;
+  }) && AIChatStore.sessions.length > 0) {
+    AIChatStore.activeSessionId = AIChatStore.sessions[0].id;
+  }
 };
 
 // --- 初始化逻辑 ---

package/dist/pages/AIPlayground/components/ConversationsMenu/index.js

@@ -4,15 +4,16 @@ 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, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { DeleteOutlined, EditOutlined, EllipsisOutlined, HistoryOutlined, MenuFoldOutlined, MenuUnfoldOutlined, PlusSquareOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
 import { Dropdown, Input, Modal } from 'antd';
 import { Menu } from 'antd';
 import styles from "./index.module.less";
 import { useSnapshot } from 'valtio';
-import { AIChatStore, createPureNewSession, handleDeleteSession, handlePinSession, handleRenameSession } from "../../../../model/AIChat";
+import { AIChatStore, clearEmptySession, createPureNewSession, handleDeleteSession, handlePinSession, handleRenameSession } from "../../../../model/AIChat";
 import { useSetState } from "ahooks";
 import { useIntl } from 'dumi';
+import { isUUID } from "../../../../utils";
 export var ConversationsMenu = function ConversationsMenu() {
   var _useSetState = useSetState({
       open: false,
@@ -27,8 +28,13 @@ export var ConversationsMenu = function ConversationsMenu() {
     collapsed = _useState2[0],
     setCollapsed = _useState2[1];
   var snap = useSnapshot(AIChatStore);
+  useEffect(function () {
+    clearEmptySession();
+  }, []);
   var handleSelectSession = function handleSelectSession(sessionId) {
-    AIChatStore.activeSessionId = sessionId;
+    if (isUUID(sessionId)) {
+      AIChatStore.activeSessionId = sessionId;
+    }
   };
   var toggleCollapsed = function toggleCollapsed() {
     setCollapsed(!collapsed);

package/dist/pages/AIPlayground/components/MsgBox/index.js

@@ -9,7 +9,7 @@ import { Bubble } from '@ant-design/x';
 import { Button, Flex, Space, Tooltip } from 'antd';
 import { useChat } from '@ai-sdk/react';
 import { TextStreamChatTransport } from 'ai';
-import { useIntl, useSiteData } from 'dumi';
+import { useIntl } from 'dumi';
 import { findLast } from 'lodash-es';
 import React, { useEffect, useState, useMemo, useRef } from 'react';
 import { useCopyToClipboard } from 'react-use';
@@ -70,22 +70,16 @@ function MsgBox(props) {
     simple = _props$simple === void 0 ? false : _props$simple,
     onCodegen = props.onCodegen,
     title = props.title;
-  var _useSiteData = useSiteData(),
-    themeConfig = _useSiteData.themeConfig;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var _useState = useState(!themeConfig.isAntVSite ? themeConfig.title : undefined),
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
-    lib = _useState2[0],
-    setLib = _useState2[1];
+    promptText = _useState2[0],
+    setPromptText = _useState2[1];
   var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    promptText = _useState4[0],
-    setPromptText = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    fileSummary = _useState6[0],
-    setFileSummary = _useState6[1];
+    fileSummary = _useState4[0],
+    setFileSummary = _useState4[1];
   var snap = useSnapshot(AIChatStore);
   var derivedSnap = useSnapshot(derivedState);
   var _useCopyToClipboard = useCopyToClipboard(),
@@ -123,7 +117,7 @@ function MsgBox(props) {
           anonymousUserId: anonymousUserIdRef.current,
           mountId: 'container',
           antvContext: (latestUserMessage === null || latestUserMessage === void 0 ? void 0 : latestUserMessage.context) || props.context,
-          library: (latestUserMessage === null || latestUserMessage === void 0 ? void 0 : latestUserMessage.lib) || lib,
+          library: snap.lib,
           mode: latestUserMessage === null || latestUserMessage === void 0 ? void 0 : latestUserMessage.mode
         }
       }),
@@ -141,6 +135,8 @@ function MsgBox(props) {
             var codeBlock = getCodeFromMarkdown(messageContent).code;
             AIChatStore.codeBlock = codeBlock;
             onCodegen === null || onCodegen === void 0 || onCodegen(codeBlock);
+          } else {
+            AIChatStore.codeBlock = '';
           }
           (_derivedState$activeS = derivedState.activeSession) === null || _derivedState$activeS === void 0 || (_derivedState$activeS = _derivedState$activeS.messages) === null || _derivedState$activeS === void 0 || _derivedState$activeS.push({
             id: crypto.randomUUID(),
@@ -188,7 +184,7 @@ function MsgBox(props) {
     }, {
       body: {
         context: fileSummary,
-        lib: lib,
+        lib: snap.lib,
         mode: 'implement'
       }
     });
@@ -199,7 +195,7 @@ function MsgBox(props) {
       content: promptText,
       createdAt: Date.now(),
       context: fileSummary,
-      lib: lib
+      lib: snap.lib
     });
     chatScrollIntoView();
   };
@@ -323,8 +319,6 @@ function MsgBox(props) {
       marginBottom: 0
     },
     onConfirm: handleSubmit,
-    lib: lib,
-    onLibChange: setLib,
     onDataSummaryChange: setFileSummary
   })));
 }

package/dist/pages/AIPlayground/components/SessionLayout/index.js

@@ -1,10 +1,13 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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 styles from "./index.module.less";
 import { ConversationsMenu } from "../ConversationsMenu";
 import { AIChatStore } from "../../../../model/AIChat";
 import { useSnapshot } from 'valtio';
 import classnames from 'classnames';
-import SplitPane from 'react-split-pane';
 function SessionLayout(props) {
   var children = props.children;
   var snap = useSnapshot(AIChatStore);
@@ -13,21 +16,10 @@ function SessionLayout(props) {
   }
   return /*#__PURE__*/React.createElement("div", {
     className: styles.container
-  }, /*#__PURE__*/React.createElement(ConversationsMenu, null),
-  // @ts-ignore
-  snap.codeBlock ? /*#__PURE__*/React.createElement(SplitPane, {
-    split: "vertical",
-    defaultSize: "50vw",
-    primary: "second",
-    style: {
-      position: "unset"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles.msgBox)
-  }, children[0]), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(ConversationsMenu, null), /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.msgBox, _defineProperty(_defineProperty({}, styles.msgBoxHalf, snap.codeBlock), styles.msgBoxFull, !snap.codeBlock))
+  }, children[0]), snap.codeBlock && /*#__PURE__*/React.createElement("div", {
     className: styles.taskBox
-  }, children[1])) : /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles.msgBox, styles.msgBoxFull)
-  }, children[0]));
+  }, children[1]));
 }
 export { SessionLayout };

package/dist/pages/AIPlayground/components/SessionLayout/index.module.less

@@ -21,7 +21,7 @@
 }
 
 .msgBoxHalf {
-  max-width: 30vw;
+  max-width: 40vw;
 }
 
 .msgBoxFull {

package/dist/pages/AIPlayground/components/TaskBox/index.js

@@ -61,7 +61,6 @@ function TaskBox() {
       displayMode: "code-and-preview",
       initialView: "preview",
       theme: "light",
-      editable: true,
       code: wrap2VisionSnap(snap.codeBlock),
       requestProxy: requestProxy,
       isStreaming: false,

package/dist/slots/CodeEditor/index.js

@@ -13,9 +13,9 @@ 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 MonacoEditor, { loader } from '@monaco-editor/react';
-import { Drawer, Switch } from 'antd';
+import { Button, Drawer, Switch, Tooltip } from 'antd';
 import { autoType as d3AutoType, dsvFormat } from 'd3-dsv';
-import { useLocale, useSiteData, useIntl, useLocation } from 'dumi';
+import { useIntl, useLocale, useLocation, useSiteData } from 'dumi';
 import { debounce, noop } from 'lodash-es';
 import { format } from 'prettier';
 import parserBabel from 'prettier/parser-babel';
@@ -26,6 +26,7 @@ import styles from "./index.module.less";
 import { EDITOR_TABS, Toolbar } from "./Toolbar";
 import { compile, execute, replaceInsertCss } from "./utils";
 import MsgBox from "../../pages/AIPlayground/components/MsgBox";
+import { ClearOutlined } from '@ant-design/icons';
 loader.config({
   'vs/nls': {
     availableLanguages: {
@@ -109,6 +110,10 @@ var CodeEditor = function CodeEditor(_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     showAIDrawer = _useState14[0],
     setShowAIDrawer = _useState14[1];
+  var _useState15 = useState("_"),
+    _useState16 = _slicedToArray(_useState15, 2),
+    msgBoxKey = _useState16[0],
+    setMsgBoxKey = _useState16[1];
   var containerId = "playgroundScriptContainer_".concat(exampleId);
 
   // 出发 auto resize
@@ -464,7 +469,6 @@ var CodeEditor = function CodeEditor(_ref) {
         monacoRef.current = editor;
       }
     }), /*#__PURE__*/React.createElement(Drawer, {
-      placement: "right",
       closable: true,
       open: showAIDrawer,
       getContainer: false,
@@ -473,9 +477,19 @@ var CodeEditor = function CodeEditor(_ref) {
       },
       rootClassName: styles.drawer,
       width: '80%',
-      key: "".concat(umiLocation.hash, "_").concat(umiLocation.key)
-    }, /*#__PURE__*/React.createElement(MsgBox, {
       key: "".concat(umiLocation.hash, "_").concat(umiLocation.key),
+      extra: /*#__PURE__*/React.createElement(Tooltip, {
+        title: intl.formatMessage({
+          id: 'ai.toolbar.clear.conversation'
+        })
+      }, /*#__PURE__*/React.createElement(Button, {
+        type: "link",
+        onClick: function onClick() {
+          return setMsgBoxKey(crypto.randomUUID());
+        }
+      }, /*#__PURE__*/React.createElement(ClearOutlined, null)))
+    }, /*#__PURE__*/React.createElement(MsgBox, {
+      key: "".concat(umiLocation.hash, "_").concat(umiLocation.key, "_").concat(msgBoxKey),
       simple: true,
       messages: [{
         id: crypto.randomUUID(),

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

@@ -20,7 +20,6 @@
       div.ant-drawer-header {
         padding-bottom: unset;
         border-bottom: unset;
-        flex-direction: row-reverse;
 
         .ant-drawer-header-title {
           flex: unset;

package/dist/slots/Header/index.js

@@ -13,10 +13,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 { CaretDownFilled, DownOutlined, GithubOutlined, LinkOutlined, LogoutOutlined, MenuOutlined, UserDeleteOutlined, 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 { useMedia } from 'react-use';
@@ -85,6 +85,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
     _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),
@@ -412,12 +413,24 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }, /*#__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();
           }
-        }, "\u9000\u51FA\u767B\u5F55"),
+        }, intl.formatMessage({
+          id: 'header.user.logout'
+        })),
         icon: /*#__PURE__*/React.createElement(LogoutOutlined, null)
       }, {
         key: 'deleteAccount',
@@ -426,7 +439,9 @@ var HeaderComponent = function HeaderComponent(_ref) {
             logout();
             clearAllChatData();
           }
-        }, "\u6CE8\u9500\u8D26\u53F7"),
+        }, intl.formatMessage({
+          id: 'header.user.deleteAccount'
+        })),
         icon: /*#__PURE__*/React.createElement(UserDeleteOutlined, null)
       }]
     }

package/dist/utils/index.js

@@ -0,0 +1,7 @@
+export function isUUID(str) {
+  if (typeof str !== 'string') {
+    return false;
+  }
+  var regex = /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+  return regex.test(str);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.8.0-beta.10",
+  "version": "0.8.0-beta.11",
   "description": "AntV website theme based on dumi2.",
   "keywords": [
     "dumi",
@@ -62,7 +62,6 @@
     "@ant-design/x": "^1.6.1",
     "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
     "@babel/standalone": "^7.26.2",
-    "@codesandbox/sandpack-react": "^2.20.0",
     "@docsearch/css": "^3.8.0",
     "@docsearch/react": "^3.8.0",
     "@emotion/server": "^11.11.0",