@antv/dumi-theme-antv 0.8.0-beta.13 → 0.8.0-beta.14

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

@@ -9,7 +9,7 @@ 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 { Spin } from 'antd';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Card } from "./Card";
 import styles from "./index.module.less";
 import { ReloadOutlined } from "@ant-design/icons";
@@ -27,54 +27,60 @@ export var RecommendCase = function RecommendCase(props) {
     setLoading = _useState2[1];
   var _useSiteData = useSiteData(),
     themeConfig = _useSiteData.themeConfig;
-  var _useState3 = useState(RecommendJson),
+  var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     list = _useState4[0],
     setList = _useState4[1];
   var _useLibrary = useLibrary(),
     _useLibrary$data = _useLibrary.data,
     library = _useLibrary$data === void 0 ? [] : _useLibrary$data;
-  var fetchList = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var _themeConfig$ai, data, url;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.prev = 0;
-          setLoading(true);
-          data = [];
-          url = themeConfig.isAntVSite ? "".concat(getBaseSiteDataUrl(), "/").concat(sample(library).toLowerCase(), "/recommend.json") : (themeConfig === null || themeConfig === void 0 || (_themeConfig$ai = themeConfig.ai) === null || _themeConfig$ai === void 0 ? void 0 : _themeConfig$ai.recommend) || "".concat(getBaseSiteDataUrl(), "/").concat(themeConfig.title, "/recommend.json");
-          if (!url) {
-            _context.next = 10;
+  var fetchList = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _themeConfig$ai, data, url;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setLoading(true);
+            data = [];
+            url = themeConfig.isAntVSite && library.length ? "".concat(getBaseSiteDataUrl(), "/").concat(sample(library).toLowerCase(), "/recommend.json") : (themeConfig === null || themeConfig === void 0 || (_themeConfig$ai = themeConfig.ai) === null || _themeConfig$ai === void 0 ? void 0 : _themeConfig$ai.recommend) || "".concat(getBaseSiteDataUrl(), "/").concat(themeConfig.title, "/recommend.json");
+            if (!url) {
+              _context.next = 10;
+              break;
+            }
+            _context.next = 7;
+            return fetch(url).then(function (res) {
+              return res.json();
+            });
+          case 7:
+            data = _context.sent;
+            _context.next = 11;
             break;
-          }
-          _context.next = 7;
-          return fetch(url).then(function (res) {
-            return res.json();
-          });
-        case 7:
-          data = _context.sent;
-          _context.next = 11;
-          break;
-        case 10:
-          data = RecommendJson;
-        case 11:
-          setList(sampleSize(data, 4));
-          _context.next = 17;
-          break;
-        case 14:
-          _context.prev = 14;
-          _context.t0 = _context["catch"](0);
-          console.log(_context.t0);
-        case 17:
-          _context.prev = 17;
-          setLoading(false);
-          return _context.finish(17);
-        case 20:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[0, 14, 17, 20]]);
-  })), [list]);
+          case 10:
+            data = RecommendJson;
+          case 11:
+            setList(sampleSize(data, 4));
+            _context.next = 18;
+            break;
+          case 14:
+            _context.prev = 14;
+            _context.t0 = _context["catch"](0);
+            setList(RecommendJson);
+            console.log(_context.t0);
+          case 18:
+            _context.prev = 18;
+            setLoading(false);
+            return _context.finish(18);
+          case 21:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 14, 18, 21]]);
+    }));
+    return function fetchList() {
+      return _ref.apply(this, arguments);
+    };
+  }();
   useEffect(function () {
     fetchList();
   }, []);

package/dist/locales/en.json

@@ -207,6 +207,7 @@
   "ai.msgbox.start.new.chat": "Start New Chat",
   "ai.msgbox.send.tip": "Please enter content before sending",
   "ai.msgbox.error.response": "Sorry, I couldn't successfully process your request, please try again later",
+  "ai.msgbox.continue.from.here": "Continue from here",
   "ai.recommend.title": "Featured Cases",
   "ai.recommend.refresh": "Refresh",
   "ai.recommend.card.caseName": "Case Name",
@@ -229,12 +230,14 @@
   "ai.conversations.pin": "Pin",
   "ai.conversations.delete": "Delete",
   "ai.conversations.edit.title": "Edit Conversation Name",
+  "ai.conversations.ok": "OK",
+  "ai.conversations.cancel": "Cancel",
+  "ai.msgbox.delete": "Delete",
   "ai.chooseLib.placeholder": "Choose Technology Stack",
   "ai.search.try": "Try",
   "ai.search.visualization": "Q&A",
   "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",

package/dist/locales/zh.json

@@ -222,18 +222,21 @@
   "ai.toolbar.clear.conversation": "清空对话",
   "ai.conversations.expand": "展开",
   "ai.conversations.collapse": "收起",
+  "ai.msgbox.continue.from.here": "从这里继续",
   "ai.conversations.new": "开始新对话",
   "ai.conversations.history": "历史对话",
   "ai.conversations.rename": "重命名",
   "ai.conversations.pin": "置顶",
   "ai.conversations.delete": "删除",
   "ai.conversations.edit.title": "编辑对话名称",
+  "ai.conversations.ok": "确定",
+  "ai.conversations.cancel": "取消",
+  "ai.msgbox.delete": "删除",
   "ai.chooseLib.placeholder": "选择技术栈",
   "ai.search.try": "试试",
   "ai.search.visualization": "可视化答疑",
   "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": "注销账号",

package/dist/model/AIChat.js

@@ -205,9 +205,11 @@ subscribeKey(AIChatStore, 'activeSessionId', function () {
 });
 export var createPureNewSession = function createPureNewSession(title) {
   var newConversationName = 'New Conversation';
-  if (AIChatStore.sessions.some(function (s) {
+  var existNewSession = AIChatStore.sessions.find(function (s) {
     return s.title === newConversationName && s.messages.length === 0;
-  })) {
+  });
+  if (existNewSession) {
+    AIChatStore.activeSessionId = existNewSession.id;
     return;
   }
   var newSessionId = crypto.randomUUID();
@@ -287,4 +289,14 @@ export var clearAllChatData = /*#__PURE__*/function () {
   return function clearAllChatData() {
     return _ref2.apply(this, arguments);
   };
-}();
+}();
+export function deleteMessage(msgId) {
+  derivedState.activeSession.messages = derivedState.activeSession.messages.filter(function (m) {
+    return m.id !== msgId;
+  });
+}
+export function branchMessage(index) {
+  var messages = derivedState.activeSession.messages.slice(0, index + 1);
+  createPureNewSession(messages[0].content);
+  AIChatStore.sessions[0].messages = messages;
+}

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

@@ -156,7 +156,13 @@ export var ConversationsMenu = function ConversationsMenu() {
     },
     okButtonProps: {
       disabled: !state.rename
-    }
+    },
+    okText: formatMessage({
+      id: 'ai.conversations.ok'
+    }),
+    cancelText: formatMessage({
+      id: 'ai.conversations.cancel'
+    })
   }, /*#__PURE__*/React.createElement(Input, {
     showCount: true,
     maxLength: 100,

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

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(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 { CheckOutlined, CopyOutlined, PlusSquareOutlined, SyncOutlined } from '@ant-design/icons';
+import { BranchesOutlined, CheckOutlined, CopyOutlined, DeleteOutlined, PlusSquareOutlined, SyncOutlined } from '@ant-design/icons';
 import { Bubble } from '@ant-design/x';
 import { Button, Flex, Space, Tooltip } from 'antd';
 import { useChat } from '@ai-sdk/react';
@@ -15,7 +15,7 @@ import React, { useEffect, useState, useMemo, useRef } from 'react';
 import { useCopyToClipboard } from 'react-use';
 import { useSnapshot } from 'valtio';
 import { PromptTextarea } from "../../../../components/AI/HomeDialog/PromptTextarea";
-import { AIChatStore, clearEmptySession, createPureNewSession, derivedState } from "../../../../model/AIChat";
+import { AIChatStore, branchMessage, clearEmptySession, createPureNewSession, deleteMessage, derivedState } from "../../../../model/AIChat";
 import { getCodeFromMarkdown, isPreviewable } from "../../../../utils/code";
 import { MarkdownComponent } from "../MarkdownComponent";
 import styles from "./index.module.less";
@@ -274,9 +274,9 @@ function MsgBox(props) {
         showRunButton: !props.simple
       }),
       avatar: msg.role === 'assistant' ? avatar : null,
-      footer: msg.role === 'assistant' && index > 0 && index === messages.length - 1 && status === 'ready' ? /*#__PURE__*/React.createElement(Space, {
+      footer: status === 'ready' && /*#__PURE__*/React.createElement(Space, {
         size: "small"
-      }, /*#__PURE__*/React.createElement(Tooltip, {
+      }, msg.role === 'assistant' && index === messages.length - 1 && /*#__PURE__*/React.createElement(Tooltip, {
         title: formatMessage({
           id: 'ai.msgbox.retry'
         })
@@ -301,7 +301,31 @@ function MsgBox(props) {
           return copyToClipboard(textContent);
         },
         icon: copyState.value === textContent ? /*#__PURE__*/React.createElement(CheckOutlined, null) : /*#__PURE__*/React.createElement(CopyOutlined, null)
-      }))) : null,
+      })), /*#__PURE__*/React.createElement(Tooltip, {
+        title: formatMessage({
+          id: 'ai.msgbox.continue.from.here'
+        })
+      }, /*#__PURE__*/React.createElement(Button, {
+        color: "default",
+        variant: "text",
+        size: "small",
+        onClick: function onClick() {
+          return branchMessage(index);
+        },
+        icon: /*#__PURE__*/React.createElement(BranchesOutlined, null)
+      })), msg.role === 'assistant' && /*#__PURE__*/React.createElement(Tooltip, {
+        title: formatMessage({
+          id: 'ai.msgbox.delete'
+        })
+      }, /*#__PURE__*/React.createElement(Button, {
+        color: "default",
+        variant: "text",
+        size: "small",
+        onClick: function onClick() {
+          return deleteMessage(msg.id);
+        },
+        icon: /*#__PURE__*/React.createElement(DeleteOutlined, null)
+      }))),
       placement: msg.role === 'user' ? 'end' : 'start'
     });
   }), (status === 'streaming' || status === 'submitted') && ((_messages = messages[messages.length - 1]) === null || _messages === void 0 ? void 0 : _messages.role) === 'user' && /*#__PURE__*/React.createElement(Bubble, {

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

@@ -38,7 +38,8 @@ function SessionLayout(props) {
     primary: "second",
     style: {
       position: 'unset'
-    }
+    },
+    minSize: 100
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.msgBox)
   }, children[0]), /*#__PURE__*/React.createElement("div", {

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

@@ -2,8 +2,9 @@
   display: flex;
   gap: 12px;
   background: #f6f7fb;
-  height: calc(100vh - 64px);
   padding: 0;
+  flex-grow: 1;
+  overflow-y: auto;
 }
 
 .msgBox, .taskBox{

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

@@ -79,11 +79,17 @@ export function wrap2VisionSnap() {
   var codeBlock = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var dependencies = generateDependencies(codeBlock);
   var rootElementType = dependencies['@antv/f2'] ? 'canvas' : 'div';
+  var dependenciesJSON = {
+    "name": "AntV-adapted-project",
+    "version": "1.0.0",
+    "main": "/src/index.jsx",
+    "dependencies": dependencies
+  };
   return {
     modules: {
       '/package.json': {
         fpath: '/package.json',
-        code: "{\n  \"name\": \"AntV-adapted-project\",\n  \"version\": \"1.0.0\",\n  \"main\": \"/src/index.jsx\",\n  \"dependencies\": ".concat(JSON.stringify(dependencies, null, 2), "\n}")
+        code: JSON.stringify(dependenciesJSON, null, 2)
       },
       '/src/index.jsx': {
         fpath: '/src/index.jsx',

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

@@ -48,7 +48,8 @@ function TaskBox() {
   if (loading) {
     return /*#__PURE__*/React.createElement(Loading, null);
   }
-  if (themeConfig.isAntVSite || ((_themeConfig$ai = themeConfig.ai) === null || _themeConfig$ai === void 0 ? void 0 : _themeConfig$ai.codeRunner) === "VisionSnap" || !((_themeConfig$ai2 = themeConfig.ai) !== null && _themeConfig$ai2 !== void 0 && _themeConfig$ai2.codeRunner) || snap.lib !== 'F2') {
+  var wrappedVisionSnapCode = wrap2VisionSnap(snap.codeBlock);
+  if (themeConfig.isAntVSite || ((_themeConfig$ai = themeConfig.ai) === null || _themeConfig$ai === void 0 ? void 0 : _themeConfig$ai.codeRunner) === "VisionSnap" || !((_themeConfig$ai2 = themeConfig.ai) !== null && _themeConfig$ai2 !== void 0 && _themeConfig$ai2.codeRunner) || !wrappedVisionSnapCode.modules["/package.json"].code.includes("@antv/f2")) {
     return /*#__PURE__*/React.createElement(ErrorBoundary, {
       FallbackComponent: ErrorFallback
     }, /*#__PURE__*/React.createElement(sdk.VisionPreview, {
@@ -61,7 +62,7 @@ function TaskBox() {
       displayMode: "code-and-preview",
       initialView: "preview",
       theme: "light",
-      code: wrap2VisionSnap(snap.codeBlock),
+      code: wrappedVisionSnapCode,
       requestProxy: requestProxy,
       isStreaming: false,
       proxyOptions: {

package/dist/pages/AIPlayground/index.js

@@ -3,7 +3,10 @@ import { SessionLayout } from "./components/SessionLayout";
 import MsgBox from "./components/MsgBox";
 import TaskBox from "./components/TaskBox";
 import Header from "dumi/theme/slots/Header";
+import styles from "./index.module.less";
 function AIPlayground() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(SessionLayout, null, /*#__PURE__*/React.createElement(MsgBox, null), /*#__PURE__*/React.createElement(TaskBox, null)));
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.aiPlayground
+  }, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(SessionLayout, null, /*#__PURE__*/React.createElement(MsgBox, null), /*#__PURE__*/React.createElement(TaskBox, null)));
 }
 export default AIPlayground;

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

@@ -0,0 +1,5 @@
+.aiPlayground {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}

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

@@ -2,7 +2,7 @@ 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) {
@@ -25,6 +25,7 @@ export var SearchResult = function SearchResult(_ref) {
   var intl = useIntl();
   var authSnap = useSnapshot(authStore);
   function pureSearch() {
+    AIChatStore.mode = 'solve';
     createNewSession({
       promptText: keywords,
       mode: 'solve',

package/dist/slots/Header/index.js

@@ -18,7 +18,7 @@ import { Alert, Button, Dropdown, Menu, Modal, Popover } from 'antd';
 import cx from 'classnames';
 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";
@@ -57,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,
@@ -154,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 () {
@@ -190,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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.8.0-beta.13",
+  "version": "0.8.0-beta.14",
   "description": "AntV website theme based on dumi2.",
   "keywords": [
     "dumi",