@antv/dumi-theme-antv 0.8.0-beta.8 → 0.8.0-beta.9

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, { useState } from 'react';
+import React, { useRef, useState } from 'react';
 import styles from "./index.module.less";
 import { SendButton } from "./SendButton";
 import { ChooseLib } from "./ChooseLib";
@@ -41,6 +41,7 @@ export var PromptTextarea = /*#__PURE__*/React.memo(function PromptTextareaInner
   var authSnap = useSnapshot(authStore);
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
+  var textareaRef = useRef(null);
 
   // 将fileMeta状态移到组件内部管理
   var _useState = useState(null),
@@ -92,14 +93,17 @@ export var PromptTextarea = /*#__PURE__*/React.memo(function PromptTextareaInner
   }
   var datasourceNode = renderDatasourceCard();
   var promptTextValid = Boolean(value);
+  var pureSend = function pureSend() {
+    if (promptTextValid) {
+      onConfirm === null || onConfirm === void 0 || onConfirm();
+    }
+  };
   var send = function send() {
     if (!authSnap.isAuthenticated) {
-      showLoginModal();
+      showLoginModal(pureSend);
       return;
     }
-    if (promptTextValid) {
-      onConfirm === null || onConfirm === void 0 || onConfirm();
-    }
+    pureSend();
   };
   useEventListener('keydown', function (event) {
     if (event.key === 'Enter') {
@@ -109,6 +113,8 @@ export var PromptTextarea = /*#__PURE__*/React.memo(function PromptTextareaInner
         send(); // 触发自定义事件
       }
     }
+  }, {
+    target: textareaRef
   });
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.container, _defineProperty(_defineProperty(_defineProperty({}, styles.active, focus), styles.compact, isCompact), styles.withDatasource, Boolean(datasourceNode))),
@@ -124,6 +130,7 @@ export var PromptTextarea = /*#__PURE__*/React.memo(function PromptTextareaInner
     },
     id: "prompt-textarea",
     className: classnames(styles.promptTextarea),
+    ref: textareaRef,
     placeholder:
     // (!isCompact && !themeConfig.isAntVSite && ic(themeConfig.metas.description)) ||
     !isCompact && !themeConfig.isAntVSite ? typedPlaceholder : formatMessage({

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

@@ -7,19 +7,17 @@ import { FormattedMessage } from 'dumi';
 export var Card = function Card(_ref) {
   var _AIModeMeta$tag;
   var item = _ref.item,
-    index = _ref.index;
+    index = _ref.index,
+    onClick = _ref.onClick;
   var query = item.query,
     description = item.description,
     _item$imageUrls = item.imageUrls,
     imageUrls = _item$imageUrls === void 0 ? [] : _item$imageUrls,
-    link = item.link,
     tag = item.tag;
   var style = COLORS[index];
   var handleClick = function handleClick(e) {
     e.stopPropagation();
-    var urlObj = new URL(location.href);
-    urlObj.hash = "";
-    window.open(urlObj.toString(), '_blank');
+    onClick === null || onClick === void 0 || onClick();
   };
   var popoverContent = /*#__PURE__*/React.createElement("div", {
     className: styles.popoverContent

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

@@ -15,12 +15,15 @@ import styles from "./index.module.less";
 import { ReloadOutlined } from "@ant-design/icons";
 import RecommendJson from "./recommend.json";
 import classnames from "classnames";
-import { FormattedMessage } from 'dumi';
+import { FormattedMessage, useSiteData } from 'dumi';
+import { sampleSize } from "lodash-es";
 export var RecommendCase = function RecommendCase(props) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
     setLoading = _useState2[1];
+  var _useSiteData = useSiteData(),
+    themeConfig = _useSiteData.themeConfig;
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     list = _useState4[0],
@@ -30,20 +33,40 @@ export var RecommendCase = function RecommendCase(props) {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          try {
-            setLoading(true);
-            data = RecommendJson;
-            setList(data.slice(0, 4));
-          } catch (err) {
-            console.log(err);
-          } finally {
-            setLoading(false);
+          _context.prev = 0;
+          setLoading(true);
+          data = [];
+          if (!(themeConfig !== null && themeConfig !== void 0 && themeConfig.recommend)) {
+            _context.next = 9;
+            break;
           }
-        case 1:
+          _context.next = 6;
+          return fetch(themeConfig.recommend).then(function (res) {
+            return res.json();
+          });
+        case 6:
+          data = _context.sent;
+          _context.next = 10;
+          break;
+        case 9:
+          data = RecommendJson;
+        case 10:
+          setList(sampleSize(data, 4));
+          _context.next = 16;
+          break;
+        case 13:
+          _context.prev = 13;
+          _context.t0 = _context["catch"](0);
+          console.log(_context.t0);
+        case 16:
+          _context.prev = 16;
+          setLoading(false);
+          return _context.finish(16);
+        case 19:
         case "end":
           return _context.stop();
       }
-    }, _callee);
+    }, _callee, null, [[0, 13, 16, 19]]);
   })), [list]);
   useEffect(function () {
     fetchList();
@@ -75,7 +98,11 @@ export var RecommendCase = function RecommendCase(props) {
     return /*#__PURE__*/React.createElement(Card, {
       key: item.caseId,
       item: item,
-      index: index
+      index: index,
+      onClick: function onClick() {
+        var _props$onClick;
+        (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, item);
+      }
     });
   }))));
 };

package/dist/components/AI/HomeDialog/RecommendCase/index.module.less

@@ -2,6 +2,7 @@
   margin-top: 32px;
   margin-left: auto;
   margin-right: auto;
+  z-index: 10;
 }
 
 .title {

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

@@ -69,6 +69,11 @@ export function HomeDialog(props) {
     style: props.promptTextareaStyle,
     onDataSummaryChange: setFileSummary
   }), /*#__PURE__*/React.createElement(RecommendCase, {
-    className: props.recommendCaseClassName
+    className: props.recommendCaseClassName,
+    onClick: function onClick(val) {
+      if (val !== null && val !== void 0 && val.query) {
+        setPromptText(val.query);
+      }
+    }
   }));
 }

package/dist/components/Login/LoginForm.js

@@ -15,7 +15,6 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
 import { Button, Checkbox, Form, Input, Modal } from 'antd';
-import { parse } from 'query-string';
 import { chinaMobilePhoneRE, getFingerprint, SignupRegion } from "./utils";
 import CheckCode from "./CheckCode";
 import classNames from 'classnames';
@@ -55,7 +54,7 @@ export default function LoginForm() {
   }
   function _handleLoginOrRegister() {
     _handleLoginOrRegister = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
-      var platform, params, fingerprintRes, res, gotoFromServer, _parse, gotoFromUrl;
+      var platform, params, fingerprintRes;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -76,11 +75,6 @@ export default function LoginForm() {
             _context.next = 9;
             return loginOrRegister(params);
           case 9:
-            res = _context.sent;
-            gotoFromServer = res.goto;
-            _parse = parse(window.location.search), gotoFromUrl = _parse.goto;
-            window.location.href = gotoFromUrl || gotoFromServer || '/';
-          case 13:
           case "end":
             return _context.stop();
         }

package/dist/model/AIChat.js

@@ -196,10 +196,16 @@ subscribeKey(AIChatStore, 'activeSessionId', function () {
   AIChatStore.codeBlock = null;
 });
 export var createPureNewSession = function createPureNewSession(title) {
+  var newConversationName = 'New Conversation';
+  if (AIChatStore.sessions.some(function (s) {
+    return s.title === newConversationName && s.messages.length === 0;
+  })) {
+    return;
+  }
   var newSessionId = crypto.randomUUID();
   AIChatStore.sessions.unshift({
     id: newSessionId,
-    title: title !== null && title !== void 0 ? title : 'New Conversation',
+    title: title !== null && title !== void 0 ? title : newConversationName,
     createdAt: Date.now(),
     messages: []
   });

package/dist/model/auth.js

@@ -27,18 +27,21 @@ function hasSkipLoginParam() {
 // 1. 定义 State (只包含数据)
 export var authStore = proxy({
   isModalOpen: false,
-  isAuthenticated: false
+  isAuthenticated: false,
+  loginCallback: function loginCallback() {}
 });
 
 // 2. 定义 Actions (作为独立函数)
-export var showLoginModal = function showLoginModal() {
+export var showLoginModal = function showLoginModal(callback) {
   authStore.isModalOpen = true;
+  authStore.loginCallback = callback;
 };
 export var hideLoginModal = function hideLoginModal() {
   authStore.isModalOpen = false;
 };
 export var loginOrRegister = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
+    var _authStore$loginCallb;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -48,17 +51,18 @@ export var loginOrRegister = /*#__PURE__*/function () {
         case 3:
           authStore.isAuthenticated = true;
           hideLoginModal();
+          (_authStore$loginCallb = authStore.loginCallback) === null || _authStore$loginCallb === void 0 || _authStore$loginCallb.call(authStore);
           return _context.abrupt("return", true);
-        case 8:
-          _context.prev = 8;
+        case 9:
+          _context.prev = 9;
           _context.t0 = _context["catch"](0);
           console.error('Login failed in store:', _context.t0);
           return _context.abrupt("return", false);
-        case 12:
+        case 13:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 8]]);
+    }, _callee, null, [[0, 9]]);
   }));
   return function loginOrRegister(_x) {
     return _ref.apply(this, arguments);

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

@@ -10,8 +10,7 @@ import { Dropdown, Input, Modal } from 'antd';
 import { Menu } from 'antd';
 import styles from "./index.module.less";
 import { useSnapshot } from 'valtio';
-import { AIChatStore, handleDeleteSession, handlePinSession, handleRenameSession } from "../../../../model/AIChat";
-import { history } from 'dumi';
+import { AIChatStore, createPureNewSession, handleDeleteSession, handlePinSession, handleRenameSession } from "../../../../model/AIChat";
 import { useSetState } from "ahooks";
 import { useIntl } from 'dumi';
 export var ConversationsMenu = function ConversationsMenu() {
@@ -54,7 +53,7 @@ export var ConversationsMenu = function ConversationsMenu() {
       id: 'ai.conversations.new'
     }),
     onClick: function onClick() {
-      return history.push('/');
+      return createPureNewSession();
     }
   }, {
     key: 'history',

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 { history, useIntl, useSiteData } from 'dumi';
+import { useIntl, useSiteData } from 'dumi';
 import { findLast } from 'lodash-es';
 import React, { useEffect, useState, useMemo, useRef } from 'react';
 import { useCopyToClipboard } from 'react-use';
@@ -63,7 +63,7 @@ var getTextContent = function getTextContent(message) {
   }).join('');
 };
 function MsgBox(props) {
-  var _derivedSnap$activeSe, _derivedSnap$activeSe2, _derivedSnap$activeSe4, _derivedSnap$activeSe6, _derivedSnap$activeSe7, _messages;
+  var _derivedSnap$activeSe, _derivedSnap$activeSe2, _derivedSnap$activeSe4, _derivedSnap$activeSe7, _derivedSnap$activeSe8, _messages;
   var _props$messages = props.messages,
     initialMessages = _props$messages === void 0 ? [] : _props$messages,
     _props$simple = props.simple,
@@ -177,9 +177,12 @@ function MsgBox(props) {
 
   // 处理用户提交
   var handleSubmit = function handleSubmit() {
-    var _derivedState$activeS3;
-    if (!promptText.trim() || status === 'streaming' || status === 'submitted') return;
-
+    var _derivedSnap$activeSe5, _derivedState$activeS3;
+    var trimmedPrompt = promptText.trim();
+    if (!trimmedPrompt || status === 'streaming' || status === 'submitted') return;
+    if (!((_derivedSnap$activeSe5 = derivedSnap.activeSession.messages) !== null && _derivedSnap$activeSe5 !== void 0 && _derivedSnap$activeSe5.length)) {
+      derivedState.activeSession.title = trimmedPrompt;
+    }
     // 使用 sendMessage 函数发送新消息
     // 第二个参数传递每次请求特定的额外数据
     sendMessage({
@@ -209,17 +212,19 @@ function MsgBox(props) {
       return;
     }
     setTimeout(function () {
-      var _derivedSnap$activeSe5;
-      var sessionMessages = (_derivedSnap$activeSe5 = derivedSnap.activeSession) === null || _derivedSnap$activeSe5 === void 0 ? void 0 : _derivedSnap$activeSe5.messages;
+      var _derivedSnap$activeSe6;
+      var sessionMessages = (_derivedSnap$activeSe6 = derivedSnap.activeSession) === null || _derivedSnap$activeSe6 === void 0 ? void 0 : _derivedSnap$activeSe6.messages;
       if ((sessionMessages === null || sessionMessages === void 0 ? void 0 : sessionMessages.length) > 0) {
         var converted = convertToUIMessages(sessionMessages);
         // 避免无限循环，仅当消息数量或内容不同时更新
         if (messages.length !== converted.length || JSON.stringify(messages) !== JSON.stringify(converted)) {
           setMessages(converted);
         }
+      } else {
+        setMessages([]);
       }
     });
-  }, [(_derivedSnap$activeSe6 = derivedSnap.activeSession) === null || _derivedSnap$activeSe6 === void 0 ? void 0 : _derivedSnap$activeSe6.id, (_derivedSnap$activeSe7 = derivedSnap.activeSession) === null || _derivedSnap$activeSe7 === void 0 || (_derivedSnap$activeSe7 = _derivedSnap$activeSe7.messages) === null || _derivedSnap$activeSe7 === void 0 ? void 0 : _derivedSnap$activeSe7.length]);
+  }, [(_derivedSnap$activeSe7 = derivedSnap.activeSession) === null || _derivedSnap$activeSe7 === void 0 ? void 0 : _derivedSnap$activeSe7.id, (_derivedSnap$activeSe8 = derivedSnap.activeSession) === null || _derivedSnap$activeSe8 === void 0 || (_derivedSnap$activeSe8 = _derivedSnap$activeSe8.messages) === null || _derivedSnap$activeSe8 === void 0 ? void 0 : _derivedSnap$activeSe8.length]);
 
   // 处理从外部（如demo页）发起的对话
   useEffect(function () {
@@ -243,6 +248,7 @@ function MsgBox(props) {
   }, []);
   useEffect(function () {
     chatScrollIntoView();
+    stop();
   }, [snap.activeSessionId]);
 
   // 将 messages 数组作为依赖项。当它变化时，Hook 会运行。
@@ -304,7 +310,7 @@ function MsgBox(props) {
   }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: function onClick() {
-      return history.push('/');
+      return createPureNewSession();
     },
     className: styles.newButton
   }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(PlusSquareOutlined, null), formatMessage({

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

@@ -24,6 +24,15 @@ export var SearchResult = function SearchResult(_ref) {
     themeConfig = _useSiteData.themeConfig;
   var intl = useIntl();
   var authSnap = useSnapshot(authStore);
+  function pureSearch() {
+    createNewSession({
+      promptText: keywords,
+      mode: 'solve',
+      lib: !themeConfig.isAntVSite ? themeConfig.title : undefined,
+      jump: true,
+      lang: intl.locale === 'zh' ? 'zh' : 'en'
+    });
+  }
   return /*#__PURE__*/React.createElement("div", {
     className: styles.searchResult
   }, /*#__PURE__*/React.createElement("div", {
@@ -39,16 +48,10 @@ export var SearchResult = function SearchResult(_ref) {
     className: styles.result,
     onClick: function onClick() {
       if (!authSnap.isAuthenticated) {
-        showLoginModal();
+        showLoginModal(pureSearch);
         return;
       }
-      createNewSession({
-        promptText: keywords,
-        mode: "solve",
-        lib: !themeConfig.isAntVSite ? themeConfig.title : undefined,
-        jump: true,
-        lang: intl.locale === 'zh' ? 'zh' : 'en'
-      });
+      pureSearch();
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.title, styles.highlighted)

package/package.json

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

package/dist/utils/uid.js

@@ -1,17 +0,0 @@
-var ALL_CHARS = 'abcdefghijklmnopqrstuvwxyz0123456789';
-
-/**
- * 生成一个指定长度的、完全随机的字母数字ID。
- * @param l ID 长度，默认为 6
- */
-export function simpleUid(l) {
-  var n = l !== null && l !== void 0 ? l : 6;
-  if (n <= 0) {
-    throw new RangeError('ID 长度必须大于 0');
-  }
-  return Array.from({
-    length: n
-  }, function () {
-    return ALL_CHARS[Math.floor(Math.random() * ALL_CHARS.length)];
-  }).join('');
-}