@lobehub/ui 1.26.1 → 1.26.2

package/es/ActionIcon/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { LucideIcon } from 'lucide-react';
-import { TooltipProps } from "../index";
+import { type TooltipProps } from "../Tooltip";
 import { DivProps } from "../types";
 export declare type ActionIconSize = 'large' | 'normal' | 'small' | 'site' | {
     blockSize?: number;

package/es/ActionIcon/index.js

@@ -5,7 +5,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Loader2 } from 'lucide-react';
 import { memo, useMemo } from 'react';
-import { Icon, Spotlight, Tooltip } from "./..";
+import Icon from "../Icon";
+import Spotlight from "../Spotlight";
+import Tooltip from "../Tooltip";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -15,25 +17,35 @@ var calcSize = function calcSize(size) {
   var borderRadius;
   switch (size) {
     case 'large':
-      blockSize = 44;
-      borderRadius = 8;
-      break;
+      {
+        blockSize = 44;
+        borderRadius = 8;
+        break;
+      }
     case 'normal':
-      blockSize = 36;
-      borderRadius = 5;
-      break;
+      {
+        blockSize = 36;
+        borderRadius = 5;
+        break;
+      }
     case 'small':
-      blockSize = 24;
-      borderRadius = 5;
-      break;
+      {
+        blockSize = 24;
+        borderRadius = 5;
+        break;
+      }
     case 'site':
-      blockSize = 34;
-      borderRadius = 5;
-      break;
+      {
+        blockSize = 34;
+        borderRadius = 5;
+        break;
+      }
     default:
-      blockSize = (size === null || size === void 0 ? void 0 : size.blockSize) || 36;
-      borderRadius = (size === null || size === void 0 ? void 0 : size.borderRadius) || 5;
-      break;
+      {
+        blockSize = (size === null || size === void 0 ? void 0 : size.blockSize) || 36;
+        borderRadius = (size === null || size === void 0 ? void 0 : size.borderRadius) || 5;
+        break;
+      }
   }
   return {
     blockSize: blockSize,
@@ -83,9 +95,9 @@ var ActionIcon = /*#__PURE__*/memo(function (_ref) {
     className: cx(styles.block, className),
     onClick: loading ? undefined : onClick,
     style: _objectSpread({
-      width: blockSize,
+      borderRadius: borderRadius,
       height: blockSize,
-      borderRadius: borderRadius
+      width: blockSize
     }, style)
   }, props), {}, {
     children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {}), loading ? spin : content]

package/es/Avatar/index.js

@@ -17,29 +17,29 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     shape = _ref$shape === void 0 ? 'circle' : _ref$shape,
     background = _ref.background,
     props = _objectWithoutProperties(_ref, _excluded);
-  var isImage = Boolean(avatar && ['/', 'http', 'data:'].some(function (i) {
-    return avatar.startsWith(i);
+  var isImage = Boolean(avatar && ['/', 'http', 'data:'].some(function (index) {
+    return avatar.startsWith(index);
   }));
   var isEmoji = Boolean(avatar && !isImage && /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g.test(avatar));
   var _useStyles = useStyles({
       background: background,
-      size: size,
-      isEmoji: isEmoji
+      isEmoji: isEmoji,
+      size: size
     }),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   var text = isImage ? title : avatar;
-  return !isImage ? /*#__PURE__*/_jsx(AntAvatar, _objectSpread(_objectSpread({
+  return isImage ? /*#__PURE__*/_jsx(AntAvatar, _objectSpread({
+    className: cx(styles.avatar, className),
+    shape: shape,
+    size: size,
+    src: avatar
+  }, props)) : /*#__PURE__*/_jsx(AntAvatar, _objectSpread(_objectSpread({
     className: cx(styles.avatar, className),
     shape: shape,
     size: size
   }, props), {}, {
     children: isEmoji ? text : text === null || text === void 0 ? void 0 : text.toUpperCase().slice(0, 2)
-  })) : /*#__PURE__*/_jsx(AntAvatar, _objectSpread({
-    className: cx(styles.avatar, className),
-    shape: shape,
-    size: size,
-    src: avatar
-  }, props));
+  }));
 });
 export default Avatar;

package/es/Chat/store/initialState.d.ts

@@ -1,4 +1,4 @@
-import { ChatMessage, InternalChatContext, OpenAIRequestParams } from '../types';
+import { ChatMessage, InternalChatContext, OpenAIRequestParameters } from '../types';
 export interface ChatState extends InternalChatContext {
     /**
      * @title 改变系统角色状态
@@ -8,7 +8,7 @@ export interface ChatState extends InternalChatContext {
     /**
      * 编辑中的消息 id
      */
-    editingMessageId?: number | null;
+    editingMessageId?: number | undefined;
     /**
      * @title 加载状态
      * @type {boolean}
@@ -23,6 +23,6 @@ export interface ChatState extends InternalChatContext {
     onMessagesChange?: (messages: ChatMessage[]) => void;
     onResponseFinished?: (session: any) => void;
     onResponseStart?: (messages: ChatMessage[]) => Promise<void>;
-    request?: (params: OpenAIRequestParams) => Promise<Response>;
+    request?: (parameters: OpenAIRequestParameters) => Promise<Response>;
 }
 export declare const initialState: ChatState;

package/es/Chat/store/initialState.js

@@ -1,9 +1,9 @@
 export var initialState = {
-  message: '',
-  messages: [],
-  loading: false,
   changingSystemRole: false,
-  editingMessageId: null,
   createAt: -1,
+  editingMessageId: undefined,
+  loading: false,
+  message: '',
+  messages: [],
   updateAt: -1
 };

package/es/Chat/store/messageReducer.js

@@ -3,65 +3,87 @@ import { produce } from 'immer';
 export var messagesReducer = function messagesReducer(state, payload) {
   switch (payload.type) {
     case 'addMessage':
-      return [].concat(_toConsumableArray(state), [payload.message]);
+      {
+        return [].concat(_toConsumableArray(state), [payload.message]);
+      }
     case 'insertMessage':
-      return produce(state, function (draftState) {
-        draftState.splice(payload.index, 0, payload.message);
-      });
+      {
+        return produce(state, function (draftState) {
+          draftState.splice(payload.index, 0, payload.message);
+        });
+      }
     case 'deleteMessage':
-      return state.filter(function (_, i) {
-        return i !== payload.index;
-      });
+      {
+        return state.filter(function (_, index) {
+          return index !== payload.index;
+        });
+      }
     case 'resetMessages':
-      return [];
+      {
+        return [];
+      }
     case 'updateMessage':
-      return produce(state, function (draftState) {
-        var index = payload.index,
-          message = payload.message;
-        draftState[index].content = message;
-      });
+      {
+        return produce(state, function (draftState) {
+          var index = payload.index,
+            message = payload.message;
+          draftState[index].content = message;
+        });
+      }
     case 'updateMessageRole':
-      return produce(state, function (draftState) {
-        var index = payload.index,
-          role = payload.role;
-        draftState[index].role = role;
-      });
+      {
+        return produce(state, function (draftState) {
+          var index = payload.index,
+            role = payload.role;
+          draftState[index].role = role;
+        });
+      }
     case 'addUserMessage':
-      return produce(state, function (draftState) {
-        draftState.push({
-          role: 'user',
-          content: payload.message
+      {
+        return produce(state, function (draftState) {
+          draftState.push({
+            content: payload.message,
+            role: 'user'
+          });
         });
-      });
+      }
     case 'updateLatestBotMessage':
-      return produce(state, function () {
-        var responseStream = payload.responseStream;
-        var newMessage = {
-          role: 'assistant',
-          content: responseStream.join('')
-        };
-        return [].concat(_toConsumableArray(state.slice(0, -1)), [newMessage]);
-      });
+      {
+        return produce(state, function () {
+          var responseStream = payload.responseStream;
+          var newMessage = {
+            content: responseStream.join(''),
+            role: 'assistant'
+          };
+          return [].concat(_toConsumableArray(state.slice(0, -1)), [newMessage]);
+        });
+      }
     case 'setErrorMessage':
-      return produce(state, function (draftState) {
-        var index = payload.index,
-          error = payload.error;
-        draftState[index].error = error;
-      });
+      {
+        return produce(state, function (draftState) {
+          var index = payload.index,
+            error = payload.error;
+          draftState[index].error = error;
+        });
+      }
     case 'updateMessageChoice':
-      return produce(state, function (draftState) {
-        var index = payload.index,
-          message = payload.message;
-        var botMessage = draftState[index];
-        var prevMsg = botMessage.content;
-        botMessage.content = message;
-        if (botMessage.choices) {
-          botMessage.choices.push(prevMsg);
-        } else {
-          botMessage.choices = [prevMsg];
-        }
-      });
+      {
+        return produce(state, function (draftState) {
+          var index = payload.index,
+            message = payload.message;
+          var botMessage = draftState[index];
+          var previousMessage = botMessage.content;
+          botMessage.content = message;
+          if (botMessage.choices) {
+            botMessage.choices.push(previousMessage);
+          } else {
+            botMessage.choices = [previousMessage];
+          }
+        });
+      }
     default:
-      throw Error('暂未实现的 type，请检查 reducer');
+      {
+        throw new Error('暂未实现的 type，请检查 reducer');
+      }
   }
 };

package/es/Chat/store/selectors.d.ts

@@ -1,9 +1,9 @@
 import type { ChatStore } from './store';
 export declare const chatSelectors: {
-    totalTokenCount: (s: ChatStore) => number;
     agentTokenCount: (s: ChatStore) => number;
+    disableInput: (s: ChatStore) => boolean;
     messagesTokenCount: (s: ChatStore) => number;
-    totalTokens: (s: ChatStore) => number[];
     messagesTokens: (s: ChatStore) => number[];
-    disableInput: (s: ChatStore) => boolean;
+    totalTokenCount: (s: ChatStore) => number;
+    totalTokens: (s: ChatStore) => number[];
 };

package/es/Chat/store/selectors.js

@@ -35,10 +35,10 @@ var messagesTokenCount = function messagesTokenCount(s) {
   return messagesTokens(s).length;
 };
 export var chatSelectors = {
-  totalTokenCount: totalTokenCount,
   agentTokenCount: agentTokenCount,
+  disableInput: disableInputSel,
   messagesTokenCount: messagesTokenCount,
-  totalTokens: totalTokens,
   messagesTokens: messagesTokens,
-  disableInput: disableInputSel
+  totalTokenCount: totalTokenCount,
+  totalTokens: totalTokens
 };

package/es/Chat/store/store.d.ts

@@ -16,7 +16,7 @@ interface ChatAction {
      * @param index - 消息索引或空
      * @returns void
      */
-    handleMessageEditing: (index?: number | null) => void;
+    handleMessageEditing: (index?: number | undefined) => void;
     /**
      * @title 重发消息
      * @param index - 消息索引

package/es/Chat/store/store.js

@@ -20,16 +20,11 @@ export var createStore = function createStore(set, get) {
       set({
         messages: messages
       }, false, {
-        type: "dispatchMessage/".concat(type),
-        payload: res
+        payload: res,
+        type: "dispatchMessage/".concat(type)
       });
       (_get$onMessagesChange = (_get = get()).onMessagesChange) === null || _get$onMessagesChange === void 0 ? void 0 : _get$onMessagesChange.call(_get, messages);
     },
-    handleMessageEditing: function handleMessageEditing(index) {
-      set({
-        editingMessageId: index
-      });
-    },
     generateMessage: function () {
       var _generateMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(message, messages, options) {
         var _get2, onResponseStart, request, onResponseFinished, fetcher;
@@ -74,167 +69,172 @@ export var createStore = function createStore(set, get) {
       }
       return generateMessage;
     }(),
-    sendMessage: function () {
-      var _sendMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var _get3, message, dispatchMessage, generateMessage, messages, currentResponse;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _get3 = get(), message = _get3.message, dispatchMessage = _get3.dispatchMessage, generateMessage = _get3.generateMessage, messages = _get3.messages;
-              if (message) {
-                _context2.next = 3;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 3:
-              set({
-                message: ''
-              });
-              dispatchMessage({
-                type: 'addUserMessage',
-                message: message
-              });
-
-              // 添加一个空的信息用于放置 ai 响应
-              dispatchMessage({
-                type: 'addMessage',
-                message: {
-                  role: 'assistant',
-                  content: LOADING_FLAT
-                }
-              });
-              currentResponse = []; // 生成 messages
-              _context2.next = 9;
-              return generateMessage(message, messages, {
-                onMessageHandle: function onMessageHandle(text) {
-                  currentResponse = [].concat(_toConsumableArray(currentResponse), [text]);
-                  dispatchMessage({
-                    type: 'updateLatestBotMessage',
-                    responseStream: currentResponse
-                  });
-
-                  // 滚动到最后一条消息
-                  var item = document.getElementById('for-loading');
-                  if (!item) return;
-                  item.scrollIntoView({
-                    behavior: 'smooth'
-                  });
-                },
-                onErrorHandle: function onErrorHandle(error) {
-                  dispatchMessage({
-                    type: 'setErrorMessage',
-                    error: error,
-                    index: get().messages.length - 1
-                  });
-                }
-              });
-            case 9:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      function sendMessage() {
-        return _sendMessage.apply(this, arguments);
-      }
-      return sendMessage;
-    }(),
+    handleMessageEditing: function handleMessageEditing(index) {
+      set({
+        editingMessageId: index
+      });
+    },
     resendMessage: function () {
-      var _resendMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(index) {
+      var _resendMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(index) {
         var _contextMessages$at;
-        var _get4, dispatchMessage, sendMessage, generateMessage, messages, lastMessage, contextMessages, userMessage, targetMsg, botPrevMsg, currentResponse;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        var _get3, dispatchMessage, sendMessage, generateMessage, messages, lastMessage, contextMessages, userMessage, targetMessage, botPreviousMessage, currentResponse;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _get4 = get(), dispatchMessage = _get4.dispatchMessage, sendMessage = _get4.sendMessage, generateMessage = _get4.generateMessage, messages = _get4.messages;
+              _get3 = get(), dispatchMessage = _get3.dispatchMessage, sendMessage = _get3.sendMessage, generateMessage = _get3.generateMessage, messages = _get3.messages;
               lastMessage = messages.at(-1); // 用户通过手动删除，造成了他的问题是最后一条消息
               // 这种情况下，相当于用户重新发送消息
               if (!(messages.length === index && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.role) === 'user')) {
-                _context3.next = 8;
+                _context2.next = 8;
                 break;
               }
               dispatchMessage({
-                type: 'deleteMessage',
-                index: index - 1
+                index: index - 1,
+                type: 'deleteMessage'
               });
               set({
                 message: lastMessage.content
               });
-              _context3.next = 7;
+              _context2.next = 7;
               return sendMessage();
             case 7:
-              return _context3.abrupt("return");
+              return _context2.abrupt("return");
             case 8:
               // 上下文消息就是当前消息之前的消息
               contextMessages = get().messages.slice(0, index); // 上下文消息中最后一条消息
               userMessage = (_contextMessages$at = contextMessages.at(-1)) === null || _contextMessages$at === void 0 ? void 0 : _contextMessages$at.content;
               if (userMessage) {
-                _context3.next = 12;
+                _context2.next = 12;
                 break;
               }
-              return _context3.abrupt("return");
+              return _context2.abrupt("return");
             case 12:
-              targetMsg = messages[index]; // 如果不是 assistant 的消息，那么需要额外插入一条消息
-              if (targetMsg.role !== 'assistant') {
+              targetMessage = messages[index]; // 如果不是 assistant 的消息，那么需要额外插入一条消息
+              if (targetMessage.role === 'assistant') {
+                botPreviousMessage = targetMessage.content; // 保存之前的消息为历史消息
                 dispatchMessage({
-                  type: 'insertMessage',
                   index: index,
-                  message: {
-                    role: 'assistant',
-                    content: LOADING_FLAT
-                  }
+                  message: botPreviousMessage,
+                  type: 'updateMessageChoice'
                 });
-              } else {
-                botPrevMsg = targetMsg.content; // 保存之前的消息为历史消息
                 dispatchMessage({
-                  type: 'updateMessageChoice',
-                  message: botPrevMsg,
-                  index: index
+                  index: index,
+                  message: LOADING_FLAT,
+                  type: 'updateMessage'
                 });
+              } else {
                 dispatchMessage({
-                  type: 'updateMessage',
-                  message: LOADING_FLAT,
-                  index: index
+                  index: index,
+                  message: {
+                    content: LOADING_FLAT,
+                    role: 'assistant'
+                  },
+                  type: 'insertMessage'
                 });
               }
 
               // 重置错误信息
               dispatchMessage({
-                type: 'setErrorMessage',
                 error: undefined,
-                index: index
+                index: index,
+                type: 'setErrorMessage'
               });
 
               // 开始更新消息
               currentResponse = [];
-              _context3.next = 18;
+              _context2.next = 18;
               return generateMessage(userMessage, contextMessages, {
+                onErrorHandle: function onErrorHandle(error) {
+                  dispatchMessage({
+                    error: error,
+                    index: index,
+                    type: 'setErrorMessage'
+                  });
+                },
                 onMessageHandle: function onMessageHandle(text) {
                   currentResponse = [].concat(_toConsumableArray(currentResponse), [text]);
                   dispatchMessage({
-                    type: 'updateMessage',
+                    index: index,
                     message: currentResponse.join(''),
-                    index: index
+                    type: 'updateMessage'
                   });
+                }
+              });
+            case 18:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      function resendMessage(_x4) {
+        return _resendMessage.apply(this, arguments);
+      }
+      return resendMessage;
+    }(),
+    sendMessage: function () {
+      var _sendMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        var _get4, message, dispatchMessage, generateMessage, messages, currentResponse;
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _get4 = get(), message = _get4.message, dispatchMessage = _get4.dispatchMessage, generateMessage = _get4.generateMessage, messages = _get4.messages;
+              if (message) {
+                _context3.next = 3;
+                break;
+              }
+              return _context3.abrupt("return");
+            case 3:
+              set({
+                message: ''
+              });
+              dispatchMessage({
+                message: message,
+                type: 'addUserMessage'
+              });
+
+              // 添加一个空的信息用于放置 ai 响应
+              dispatchMessage({
+                message: {
+                  content: LOADING_FLAT,
+                  role: 'assistant'
                 },
+                type: 'addMessage'
+              });
+              currentResponse = []; // 生成 messages
+              _context3.next = 9;
+              return generateMessage(message, messages, {
                 onErrorHandle: function onErrorHandle(error) {
                   dispatchMessage({
-                    type: 'setErrorMessage',
                     error: error,
-                    index: index
+                    index: get().messages.length - 1,
+                    type: 'setErrorMessage'
+                  });
+                },
+                onMessageHandle: function onMessageHandle(text) {
+                  currentResponse = [].concat(_toConsumableArray(currentResponse), [text]);
+                  dispatchMessage({
+                    responseStream: currentResponse,
+                    type: 'updateLatestBotMessage'
+                  });
+
+                  // 滚动到最后一条消息
+                  var item = document.querySelector('#for-loading');
+                  if (!item) return;
+                  item.scrollIntoView({
+                    behavior: 'smooth'
                   });
                 }
               });
-            case 18:
+            case 9:
             case "end":
               return _context3.stop();
           }
         }, _callee3);
       }));
-      function resendMessage(_x4) {
-        return _resendMessage.apply(this, arguments);
+      function sendMessage() {
+        return _sendMessage.apply(this, arguments);
       }
-      return resendMessage;
+      return sendMessage;
     }()
   });
 };

package/es/Chat/types.d.ts

@@ -69,7 +69,7 @@ export declare type ChatContextMap = Record<string, Omit<ChatContext, 'systemRol
 /**
  * 请求数据类型
  */
-export interface OpenAIRequestParams {
+export interface OpenAIRequestParameters {
     /**
      * 中间的聊天记录
      */

package/es/Chat/utils/fetch.d.ts

@@ -8,4 +8,4 @@ export interface FetchSSEOptions {
  * @param fetchFn
  * @param options
  */
-export declare const fetchSSE: (fetchFn: () => Promise<Response>, options?: FetchSSEOptions) => Promise<Response | undefined>;
+export declare const fetchSSE: (fetchFunction: () => Promise<Response>, options?: FetchSSEOptions) => Promise<Response | undefined>;