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

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, handleDeleteSession, handlePinSession, handleRenameSession } from "../../../../model/AIChat";
-import { history } from 'dumi';
+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,29 +28,44 @@ 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);
   };
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   var items = [{
     key: 'fold',
     extra: !collapsed ? /*#__PURE__*/React.createElement(MenuFoldOutlined, null) : null,
     onClick: toggleCollapsed,
     label: null,
     icon: !collapsed ? null : /*#__PURE__*/React.createElement(MenuUnfoldOutlined, null),
-    title: '展开'
+    title: collapsed ? formatMessage({
+      id: 'ai.conversations.expand'
+    }) : formatMessage({
+      id: 'ai.conversations.collapse'
+    })
   }, {
     key: 'new',
     icon: /*#__PURE__*/React.createElement(PlusSquareOutlined, null),
-    label: '开始新对话',
+    label: formatMessage({
+      id: 'ai.conversations.new'
+    }),
     onClick: function onClick() {
-      return history.push('/');
+      return createPureNewSession();
     }
   }, {
     key: 'history',
-    label: '历史对话',
+    label: formatMessage({
+      id: 'ai.conversations.history'
+    }),
     icon: /*#__PURE__*/React.createElement(HistoryOutlined, null),
     children: snap.sessions.map(function (session) {
       return {
@@ -62,7 +78,9 @@ export var ConversationsMenu = function ConversationsMenu() {
           menu: {
             items: [{
               key: 'edit',
-              label: '重命名',
+              label: formatMessage({
+                id: 'ai.conversations.rename'
+              }),
               icon: /*#__PURE__*/React.createElement(EditOutlined, null),
               onClick: function onClick(_ref) {
                 var domEvent = _ref.domEvent;
@@ -75,7 +93,9 @@ export var ConversationsMenu = function ConversationsMenu() {
               }
             }, {
               key: 'top',
-              label: '置顶',
+              label: formatMessage({
+                id: 'ai.conversations.pin'
+              }),
               icon: /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, null),
               onClick: function onClick(_ref2) {
                 var domEvent = _ref2.domEvent;
@@ -84,7 +104,9 @@ export var ConversationsMenu = function ConversationsMenu() {
               }
             }, {
               key: 'delete',
-              label: '删除',
+              label: formatMessage({
+                id: 'ai.conversations.delete'
+              }),
               icon: /*#__PURE__*/React.createElement(DeleteOutlined, null),
               onClick: function onClick(_ref3) {
                 var domEvent = _ref3.domEvent;
@@ -118,7 +140,9 @@ export var ConversationsMenu = function ConversationsMenu() {
       return handleSelectSession(key);
     }
   }), /*#__PURE__*/React.createElement(Modal, {
-    title: "\u7F16\u8F91\u5BF9\u8BDD\u540D\u79F0",
+    title: formatMessage({
+      id: 'ai.conversations.edit.title'
+    }),
     open: state.open,
     centered: true,
     maskClosable: false,

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

@@ -1,5 +1,6 @@
 .container {
   background: #fff;
+
   :global {
     .ant-menu {
       width: 16vw;
@@ -38,6 +39,7 @@
   border-radius: 50%;
   transition: background-color 0.3s ease;
   cursor: pointer;
+
   &:hover{
     background-color: #fbfcfd;
   }

package/dist/pages/AIPlayground/components/MarkdownComponent/MarkdownCodeBlock.js

@@ -10,15 +10,19 @@ import { a11yLight } from "react-syntax-highlighter/dist/cjs/styles/hljs";
 import { AIChatStore } from "../../../../model/AIChat";
 import { useCopyToClipboard } from "react-use";
 import { CheckOutlined, CopyOutlined, PlaySquareOutlined } from "@ant-design/icons";
-import { Space, Tooltip } from "antd";
+import { Button, Space, Tooltip } from "antd";
 import styles from "./MarkdownCodeBlock.module.less";
+import { useIntl } from 'dumi';
 
 // 定义 props 类型，它将接收 react-markdown 传递的所有属性
 
 export var MarkdownCodeBlock = function MarkdownCodeBlock(_ref) {
   var inline = _ref.inline,
     className = _ref.className,
-    children = _ref.children;
+    children = _ref.children,
+    _ref$showRunButton = _ref.showRunButton,
+    showRunButtonProp = _ref$showRunButton === void 0 ? true : _ref$showRunButton;
+  var intl = useIntl();
   var _useCopyToClipboard = useCopyToClipboard(),
     _useCopyToClipboard2 = _slicedToArray(_useCopyToClipboard, 2),
     copyState = _useCopyToClipboard2[0],
@@ -38,7 +42,7 @@ export var MarkdownCodeBlock = function MarkdownCodeBlock(_ref) {
   var codeString = String(children).replace(/\n$/, '');
 
   // 4. 判断是否显示“运行”按钮
-  var showRunButton = /\bimport\b/.test(codeString);
+  var showRunButton = showRunButtonProp && /\bimport\b/.test(codeString);
 
   // 5. 定义运行代码的逻辑
   var handleRunCode = function handleRunCode() {
@@ -55,19 +59,29 @@ export var MarkdownCodeBlock = function MarkdownCodeBlock(_ref) {
   }, /*#__PURE__*/React.createElement(Space, {
     className: styles.button
   }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: "\u590D\u5236"
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
+    title: intl.formatMessage({
+      id: 'ai.markdown.copy'
+    })
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "link",
+    size: "small",
     onClick: function onClick() {
       return copyToClipboard(codeString);
     },
-    title: "\u590D\u5236"
+    title: intl.formatMessage({
+      id: 'ai.markdown.copy'
+    })
   }, copyState.value === codeString ? /*#__PURE__*/React.createElement(CheckOutlined, null) : /*#__PURE__*/React.createElement(CopyOutlined, null))), showRunButton && /*#__PURE__*/React.createElement(Tooltip, {
-    title: "\u8FD0\u884C\u6B64\u4EE3\u7801\u7247\u6BB5"
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
+    title: intl.formatMessage({
+      id: 'ai.markdown.run'
+    })
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "link",
+    size: "small",
     onClick: handleRunCode,
-    title: "\u8FD0\u884C\u6B64\u4EE3\u7801\u7247\u6BB5"
+    title: intl.formatMessage({
+      id: 'ai.markdown.run'
+    })
   }, /*#__PURE__*/React.createElement(PlaySquareOutlined, null)))), /*#__PURE__*/React.createElement(SyntaxHighlighter, {
     style: a11yLight,
     language: language,

package/dist/pages/AIPlayground/components/MarkdownComponent/MarkdownCodeBlock.module.less

@@ -3,9 +3,8 @@
   top: 0.5em;
   right: 0.5em;
   z-index: 1;
+
   button {
-    background-color: #4a4a4a;
-    color: white;
     border: none;
     border-radius: 5px;
     cursor: pointer;

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

@@ -9,7 +9,8 @@ import remarkGfm from 'remark-gfm';
 import { MarkdownCodeBlock } from "./MarkdownCodeBlock"; // 引入我们创建的自定义组件
 
 export var MarkdownComponent = function MarkdownComponent(_ref) {
-  var content = _ref.content;
+  var content = _ref.content,
+    showRunButton = _ref.showRunButton;
   return /*#__PURE__*/React.createElement(Markdown, {
     remarkPlugins: [remarkGfm],
     rehypePlugins: [rehypeRaw],
@@ -27,7 +28,9 @@ export var MarkdownComponent = function MarkdownComponent(_ref) {
       },
       // 2. 【核心】重写 `code` 标签的渲染，使用我们自己的组件
       code: function code(props) {
-        return /*#__PURE__*/React.createElement(MarkdownCodeBlock, props);
+        return /*#__PURE__*/React.createElement(MarkdownCodeBlock, _extends({
+          showRunButton: showRunButton
+        }, props));
       },
       // 3. 重写非标准 `description` 标签的渲染
       // @ts-expect-error - 告知 TypeScript 我们知道这是一个自定义的、非标准的 HTML 标签