@lobehub/ui 1.26.0 → 1.26.2

package/es/ContextMenu/index.js

@@ -11,7 +11,7 @@ import MenuItem from "./MenuItem";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var MenuComponent = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
+var MenuComponent = /*#__PURE__*/forwardRef(function (_ref, forwardedReference) {
   var items = _ref.items,
     label = _ref.label,
     container = _ref.container,
@@ -30,57 +30,57 @@ var MenuComponent = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     _useState6 = _slicedToArray(_useState5, 2),
     allowHover = _useState6[0],
     setAllowHover = _useState6[1];
-  var listItemsRef = useRef([]);
-  var listContentRef = useRef(items.map(function (item) {
+  var listItemsReference = useRef([]);
+  var listContentReference = useRef(items.map(function (item) {
     return item.label;
   }));
-  var allowMouseUpCloseRef = useRef(false);
+  var allowMouseUpCloseReference = useRef(false);
   var tree = useFloatingTree();
   var nodeId = useFloatingNodeId();
   var parentId = useFloatingParentNodeId();
   var isNested = parentId !== null;
   var _useFloating = useFloating({
+      middleware: [offset({
+        alignmentAxis: isNested ? -4 : 0,
+        mainAxis: isNested ? 0 : 4
+      }), flip(), shift()],
       nodeId: nodeId,
-      open: isOpen,
       onOpenChange: setIsOpen,
+      open: isOpen,
       placement: isNested ? 'right-start' : 'bottom-start',
-      middleware: [offset({
-        mainAxis: isNested ? 0 : 4,
-        alignmentAxis: isNested ? -4 : 0
-      }), flip(), shift()],
       whileElementsMounted: autoUpdate
     }),
     refs = _useFloating.refs,
     context = _useFloating.context;
   var hover = useHover(context, {
-    enabled: isNested && allowHover,
     delay: {
       open: 75
     },
+    enabled: isNested && allowHover,
     handleClose: safePolygon({
       blockPointerEvents: true
     })
   });
   var click = useClick(context, {
     event: 'mousedown',
-    toggle: !isNested || !allowHover,
-    ignoreMouse: isNested
+    ignoreMouse: isNested,
+    toggle: !isNested || !allowHover
   });
   var role = useRole(context, {
     role: 'menu'
   });
   var dismiss = useDismiss(context);
   var listNavigation = useListNavigation(context, {
-    listRef: listItemsRef,
     activeIndex: activeIndex,
+    listRef: listItemsReference,
     nested: isNested,
     onNavigate: setActiveIndex
   });
   var typeahead = useTypeahead(context, {
+    activeIndex: activeIndex,
     enabled: isOpen,
-    listRef: listContentRef,
-    onMatch: isOpen ? setActiveIndex : undefined,
-    activeIndex: activeIndex
+    listRef: listContentReference,
+    onMatch: isOpen ? setActiveIndex : undefined
   });
   var _useInteractions = useInteractions([hover, click, role, dismiss, listNavigation, typeahead]),
     getReferenceProps = _useInteractions.getReferenceProps,
@@ -110,8 +110,8 @@ var MenuComponent = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   useEffect(function () {
     if (isOpen && tree) {
       tree.events.emit('menuopen', {
-        parentId: parentId,
-        nodeId: nodeId
+        nodeId: nodeId,
+        parentId: parentId
       });
     }
   }, [tree, isOpen, nodeId, parentId]);
@@ -130,8 +130,8 @@ var MenuComponent = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
       setAllowHover(false);
     }
     window.addEventListener('pointermove', onPointerMove, {
-      once: true,
-      capture: true
+      capture: true,
+      once: true
     });
     window.addEventListener('keydown', onKeyDown, true);
     return function () {
@@ -148,26 +148,26 @@ var MenuComponent = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
       refs.setPositionReference({
         getBoundingClientRect: function getBoundingClientRect() {
           return {
-            width: 0,
+            bottom: e.clientY,
             height: 0,
-            x: e.clientX,
-            y: e.clientY,
-            top: e.clientY,
+            left: e.clientX,
             right: e.clientX,
-            bottom: e.clientY,
-            left: e.clientX
+            top: e.clientY,
+            width: 0,
+            x: e.clientX,
+            y: e.clientY
           };
         }
       });
       setIsOpen(true);
       clearTimeout(timeout);
-      allowMouseUpCloseRef.current = false;
+      allowMouseUpCloseReference.current = false;
       timeout = window.setTimeout(function () {
-        allowMouseUpCloseRef.current = true;
+        allowMouseUpCloseReference.current = true;
       }, 300);
     }
     function onMouseUp() {
-      if (allowMouseUpCloseRef.current) {
+      if (allowMouseUpCloseReference.current) {
         setIsOpen(false);
       }
     }
@@ -190,15 +190,12 @@ var MenuComponent = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     });
     var data = item;
     var props = _objectSpread({
-      label: data.label,
-      key: data.key,
+      active: activeIndex === index,
       icon: data.icon,
-      shortcut: data.shortcut,
-      active: activeIndex === index
+      key: data.key,
+      label: data.label,
+      shortcut: data.shortcut
     }, getItemProps({
-      ref: function ref(node) {
-        listItemsRef.current[index] = node;
-      },
       onClick: function onClick() {
         var _data$onClick;
         (_data$onClick = data.onClick) === null || _data$onClick === void 0 ? void 0 : _data$onClick.call(data);
@@ -208,6 +205,9 @@ var MenuComponent = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
         var _data$onClick2;
         (_data$onClick2 = data.onClick) === null || _data$onClick2 === void 0 ? void 0 : _data$onClick2.call(data);
         setIsOpen(false);
+      },
+      ref: function ref(node) {
+        listItemsReference.current[index] = node;
       }
     }));
     if ('children' in item) {
@@ -217,19 +217,19 @@ var MenuComponent = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     }
     return /*#__PURE__*/_jsx(MenuItem, _objectSpread({}, props));
   }, [activeIndex]);
-  var referenceRef = useMergeRefs([refs.setReference, forwardedRef]);
+  var referenceReference = useMergeRefs([refs.setReference, forwardedReference]);
   return /*#__PURE__*/_jsxs(FloatingNode, {
     id: nodeId,
-    children: [!label ? null : /*#__PURE__*/_jsx(MenuItem, _objectSpread(_objectSpread({
+    children: [label ? /*#__PURE__*/_jsx(MenuItem, _objectSpread(_objectSpread({
       label: label,
       nested: isNested,
-      ref: referenceRef,
+      ref: referenceReference,
       role: isNested ? 'menuitem' : 'menu'
     }, props), getReferenceProps({
       onClick: function onClick(event) {
         event.stopPropagation();
       }
-    }))), /*#__PURE__*/_jsx(FloatingPortal, {
+    }))) : null, /*#__PURE__*/_jsx(FloatingPortal, {
       children: isOpen && /*#__PURE__*/_jsx(FloatingFocusManager, {
         context: context,
         initialFocus: isNested ? -1 : 0,
@@ -245,10 +245,10 @@ var MenuComponent = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     })]
   });
 });
-var ContextMenu = /*#__PURE__*/forwardRef(function (props, ref) {
+var ContextMenu = /*#__PURE__*/forwardRef(function (props, reference) {
   return /*#__PURE__*/_jsx(FloatingTree, {
     children: /*#__PURE__*/_jsx(MenuComponent, _objectSpread(_objectSpread({}, props), {}, {
-      ref: ref
+      ref: reference
     }))
   });
 });

package/es/ContextMenu/style.d.ts

@@ -1,4 +1,4 @@
 export declare const useStyles: (props?: string | undefined) => import("antd-style").ReturnStyles<{
-    container: string;
     button: string;
+    container: string;
 }>;

package/es/ContextMenu/style.js

@@ -6,7 +6,7 @@ export var useStyles = createStyles(function (_ref, prefixCls) {
     cx = _ref.cx,
     token = _ref.token;
   return {
-    container: cx(prefixCls, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      user-select: none;\n      scrollbar-width: none;\n\n      overflow-y: auto;\n      overscroll-behavior: contain;\n\n      box-sizing: border-box;\n      width: 200px;\n      padding: 5px;\n\n      font-size: ", ";\n\n      background: ", ";\n      border: 1px solid ", ";\n      border-radius: 8px;\n      outline: 0;\n      box-shadow: ", ";\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    "])), token.fontSize, token.colorBgContainer, token.colorBorder, token.boxShadowSecondary)),
-    button: cx("".concat(prefixCls, "-button"), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      all: unset;\n\n      cursor: default;\n      user-select: none;\n\n      padding: 12px 10px;\n\n      font-size: ", "px;\n      line-height: 1;\n      color: ", ";\n\n      background: ", ";\n      border: 1px solid ", ";\n      border-radius: ", "px;\n\n      -webkit-tap-highlight-color: transparent;\n\n      &:hover {\n        background: ", ";\n        border-color: transparent;\n      }\n\n      &:focus-visible {\n        border-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      }\n    "])), token.fontSize, token.colorText, token.colorBgContainer, token.colorBorder, token.borderRadius, token.colorPrimaryBg, token.colorPrimary, token.colorPrimaryBg))
+    button: cx("".concat(prefixCls, "-button"), css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      all: unset;\n\n      cursor: default;\n      user-select: none;\n\n      padding: 12px 10px;\n\n      font-size: ", "px;\n      line-height: 1;\n      color: ", ";\n\n      background: ", ";\n      border: 1px solid ", ";\n      border-radius: ", "px;\n\n      -webkit-tap-highlight-color: transparent;\n\n      &:hover {\n        background: ", ";\n        border-color: transparent;\n      }\n\n      &:focus-visible {\n        border-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      }\n    "])), token.fontSize, token.colorText, token.colorBgContainer, token.colorBorder, token.borderRadius, token.colorPrimaryBg, token.colorPrimary, token.colorPrimaryBg)),
+    container: cx(prefixCls, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      user-select: none;\n      scrollbar-width: none;\n\n      overflow-y: auto;\n      overscroll-behavior: contain;\n\n      box-sizing: border-box;\n      width: 200px;\n      padding: 5px;\n\n      font-size: ", ";\n\n      background: ", ";\n      border: 1px solid ", ";\n      border-radius: 8px;\n      outline: 0;\n      box-shadow: ", ";\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    "])), token.fontSize, token.colorBgContainer, token.colorBorder, token.boxShadowSecondary))
   };
 });

package/es/Conversation/App.js

@@ -35,9 +35,9 @@ var ChatContainer = function ChatContainer(_ref) {
         type: 'secondary',
         children: description
       })]
-    }) : null, /*#__PURE__*/_jsx(ChatList, {
+    }) : undefined, /*#__PURE__*/_jsx(ChatList, {
       includeSystem: includeSystem
-    }), showInput ? /*#__PURE__*/_jsx(InputArea, {}) : null]
+    }), showInput ? /*#__PURE__*/_jsx(InputArea, {}) : undefined]
   });
 };
 export default /*#__PURE__*/memo(ChatContainer);

package/es/Conversation/ChatList/MessageItem/Content.js

@@ -30,51 +30,51 @@ var Content = /*#__PURE__*/memo(function (_ref) {
       defaultValue: content,
       renderButtons: function renderButtons(text) {
         return [{
-          type: 'primary',
           children: isUser ? '更新并重新生成' : '更新',
           onClick: function onClick() {
             dispatchMessage({
-              type: 'updateMessage',
+              index: index,
               message: text,
-              index: index
+              type: 'updateMessage'
             });
-            handleMessageEditing(null);
+            handleMessageEditing();
 
             // 如果是用户的消息，那么重新生成下一条消息
             if (isUser) {
               resendMessage(index + 1);
             }
-          }
+          },
+          type: 'primary'
         }, isUser ? {
           children: '仅更新',
           onClick: function onClick() {
             dispatchMessage({
-              type: 'updateMessage',
+              index: index,
               message: text,
-              index: index
+              type: 'updateMessage'
             });
-            handleMessageEditing(null);
+            handleMessageEditing();
           }
-        } : null, {
-          type: 'text',
+        } : undefined, {
           children: '取消',
           onClick: function onClick() {
-            return handleMessageEditing(null);
-          }
+            return handleMessageEditing();
+          },
+          type: 'text'
         }].filter(Boolean);
       }
     });
   }
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [!loading ? /*#__PURE__*/_jsx(Markdown, {
-      children: content
-    }) : error ? null : /*#__PURE__*/_jsx("div", {
+    children: [loading ? error ? undefined : /*#__PURE__*/_jsx("div", {
       children: /*#__PURE__*/_jsx(LoadingOutlined, {
         spin: true,
         style: {
           fontSize: 20
         }
       })
+    }) : /*#__PURE__*/_jsx(Markdown, {
+      children: content
     }), error && /*#__PURE__*/_jsx(Alert, {
       action: /*#__PURE__*/_jsx(Button, {
         onClick: function onClick() {

package/es/Conversation/ChatList/MessageItem/Toolbar.js

@@ -48,7 +48,7 @@ var Toolbar = /*#__PURE__*/memo(function (_ref2) {
       placement: 'top',
       size: 'small',
       title: '复制'
-    }), readonly ? null : /*#__PURE__*/_jsxs(_Fragment, {
+    }), readonly ? undefined : /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(IconAction, {
         icon: RotateCwIcon,
         onClick: function onClick() {
@@ -71,8 +71,8 @@ var Toolbar = /*#__PURE__*/memo(function (_ref2) {
         },
         onConfirm: function onConfirm() {
           dispatchMessage({
-            type: 'deleteMessage',
-            index: index
+            index: index,
+            type: 'deleteMessage'
           });
         },
         title: '确定要删除这条消息吗？',

package/es/Conversation/ChatList/MessageItem/index.js

@@ -22,14 +22,14 @@ var useStyles = createStyles(function (_ref) {
     token = _ref.token;
   var toolbarClassName = 'chat-float-toolbar';
   return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n      padding: 12px;\n      border-radius: 4px;\n\n      ", " {\n        padding-inline: 0;\n      }\n\n      &:hover {\n        background: ", ";\n\n        .", " {\n          opacity: 1;\n        }\n      }\n    "])), responsive.mobile, token.colorFillQuaternary, toolbarClassName),
-    user: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      background: linear-gradient(to right, ", ", ", ");\n    "])), token.green3, token.gold3),
-    system: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      filter: invert(1);\n    "]))),
-    assistant: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([""]))),
-    md: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      overflow: scroll;\n      max-width: 100%;\n      .", " {\n        max-width: 100%;\n      }\n    "])), responsive.mobile),
-    floatAction: cx(toolbarClassName, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        position: absolute;\n        z-index: ", ";\n        top: 4px;\n        right: 4px;\n\n        opacity: 0;\n      "])), token.zIndexPopupBase - 100)),
-    choice: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      cursor: pointer;\n\n      width: 20px;\n      height: 20px;\n\n      font-size: 12px;\n      color: ", ";\n\n      background: ", ";\n      border-radius: 50%;\n    "])), token.colorTextTertiary, token.colorFillContent),
-    choiceActive: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      color: ", ";\n      background: ", ";\n    "])), token.colorTextLightSolid, token.colorPrimary)
+    assistant: css(_templateObject || (_templateObject = _taggedTemplateLiteral([""]))),
+    choice: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      cursor: pointer;\n\n      width: 20px;\n      height: 20px;\n\n      font-size: 12px;\n      color: ", ";\n\n      background: ", ";\n      border-radius: 50%;\n    "])), token.colorTextTertiary, token.colorFillContent),
+    choiceActive: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      color: ", ";\n      background: ", ";\n    "])), token.colorTextLightSolid, token.colorPrimary),
+    container: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: relative;\n      padding: 12px;\n      border-radius: 4px;\n\n      ", " {\n        padding-inline: 0;\n      }\n\n      &:hover {\n        background: ", ";\n\n        .", " {\n          opacity: 1;\n        }\n      }\n    "])), responsive.mobile, token.colorFillQuaternary, toolbarClassName),
+    floatAction: cx(toolbarClassName, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        position: absolute;\n        z-index: ", ";\n        top: 4px;\n        right: 4px;\n\n        opacity: 0;\n      "])), token.zIndexPopupBase - 100)),
+    md: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      overflow: scroll;\n      max-width: 100%;\n      .", " {\n        max-width: 100%;\n      }\n    "])), responsive.mobile),
+    system: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      filter: invert(1);\n    "]))),
+    user: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      background: linear-gradient(to right, ", ", ", ");\n    "])), token.green3, token.gold3)
   };
 });
 var MessageItem = /*#__PURE__*/memo(function (_ref2) {
@@ -55,7 +55,7 @@ var MessageItem = /*#__PURE__*/memo(function (_ref2) {
     _useStore2 = _slicedToArray(_useStore, 1),
     editingMessageId = _useStore2[0];
   var isEditing = editingMessageId === index;
-  var fullChoices = !choices ? [content] : [content].concat(_toConsumableArray(choices));
+  var fullChoices = choices ? [content].concat(_toConsumableArray(choices)) : [content];
   var displayContent = fullChoices[activeChoice];
   var isSystem = role === 'system';
   var isUser = role === 'user';
@@ -65,7 +65,7 @@ var MessageItem = /*#__PURE__*/memo(function (_ref2) {
       gap: 12,
       horizontal: true,
       id: "message-item-".concat(index),
-      children: [isEditing || mobile ? null : /*#__PURE__*/_jsx(Toolbar, {
+      children: [isEditing || mobile ? undefined : /*#__PURE__*/_jsx(Toolbar, {
         className: styles.floatAction,
         content: content,
         index: index,
@@ -85,7 +85,7 @@ var MessageItem = /*#__PURE__*/memo(function (_ref2) {
             shape: 'circle'
             // className={cx(styles[role])}
           })
-        }), !choices ? null : fullChoices.map(function (choice, index) {
+        }), choices ? fullChoices.map(function (choice, index) {
           return /*#__PURE__*/_jsx(Center, {
             className: cx(styles.choice, activeChoice === index && styles.choiceActive),
             onClick: function onClick() {
@@ -99,7 +99,7 @@ var MessageItem = /*#__PURE__*/memo(function (_ref2) {
             tabIndex: 10,
             children: index + 1
           }, index);
-        })]
+        }) : undefined]
       }), /*#__PURE__*/_jsx(Flexbox, {
         className: styles.md,
         flex: 1,
@@ -114,8 +114,8 @@ var MessageItem = /*#__PURE__*/memo(function (_ref2) {
     }), isSystem && /*#__PURE__*/_jsx(Divider, {
       children: /*#__PURE__*/_jsx(Typography.Text, {
         style: {
-          fontWeight: 'normal',
-          fontSize: 14
+          fontSize: 14,
+          fontWeight: 'normal'
         },
         type: 'secondary',
         children: "\u5F00\u59CB\u5BF9\u8BDD"

package/es/Conversation/ChatList/index.js

@@ -16,8 +16,8 @@ var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
   return {
-    loading: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 12px;\n    background: ", ";\n    border-radius: 8px;\n  "])), token.colorFillQuaternary),
-    btn: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    color: ", ";\n    background: transparent;\n    border: 2px solid ", " !important;\n  "])), token.colorTextSecondary, token.colorBorderSecondary)
+    btn: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 12px;\n    color: ", ";\n    background: transparent;\n    border: 2px solid ", " !important;\n  "])), token.colorTextSecondary, token.colorBorderSecondary),
+    loading: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: 12px;\n    background: ", ";\n    border-radius: 8px;\n  "])), token.colorFillQuaternary)
   };
 });
 var ChatList = /*#__PURE__*/memo(function (_ref2) {
@@ -34,13 +34,13 @@ var ChatList = /*#__PURE__*/memo(function (_ref2) {
     _useStore2 = _slicedToArray(_useStore, 2),
     messages = _useStore2[0],
     loading = _useStore2[1];
-  return !messages || messages.length === 0 ? null : /*#__PURE__*/_jsxs(Flexbox, {
+  return !messages || messages.length === 0 ? undefined : /*#__PURE__*/_jsxs(Flexbox, {
     gap: 8,
     style: style,
     children: [messages
     // 根据情况确认是否包含系统
     .filter(function (s) {
-      return !includeSystem ? s.role !== 'system' : Boolean(s);
+      return includeSystem ? Boolean(s) : s.role !== 'system';
     }).map(function (item, index) {
       return /*#__PURE__*/_jsx(MessageItem, _objectSpread({
         index: index,
@@ -56,7 +56,7 @@ var ChatList = /*#__PURE__*/memo(function (_ref2) {
         horizontal: true,
         children: [/*#__PURE__*/_jsx("div", {}), "\u6B63\u5728\u751F\u6210...", /*#__PURE__*/_jsx("div", {})]
       })
-    }) : null]
+    }) : undefined]
   });
 });
 export default ChatList;

package/es/Conversation/InputArea/ActionBar.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const ActionBar: () => import("react/jsx-runtime").JSX.Element | null;
-declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;
+export declare const ActionBar: () => import("react/jsx-runtime").JSX.Element | undefined;
+declare const _default: import("react").NamedExoticComponent<object>;
 export default _default;

package/es/Conversation/InputArea/ActionBar.js

@@ -59,13 +59,13 @@ export var ActionBar = function ActionBar() {
           title: '清空当前会话'
         })
       }), /*#__PURE__*/_jsx(Tooltip, {
-        title: [agentToken > 0 ? "\u89D2\u8272\u5B9A\u4E49: ".concat(agentToken) : null, messagesToken > 0 ? "\u4F1A\u8BDD: ".concat(messagesToken) : null].filter(Boolean).join('  |  '),
+        title: [agentToken > 0 ? "\u89D2\u8272\u5B9A\u4E49: ".concat(agentToken) : undefined, messagesToken > 0 ? "\u4F1A\u8BDD: ".concat(messagesToken) : undefined].filter(Boolean).join('  |  '),
         children: /*#__PURE__*/_jsxs(Flexbox, {
           gap: 4,
           children: [" Tokens: ", totalToken]
         })
       })]
     })
-  }) : null;
+  }) : undefined;
 };
 export default /*#__PURE__*/memo(ActionBar);

package/es/Conversation/InputArea/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const InputArea: ({}: {}) => import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<({}: {}) => import("react/jsx-runtime").JSX.Element>;
+export declare const InputArea: () => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/es/Conversation/InputArea/index.js

@@ -1,5 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { SendOutlined } from '@ant-design/icons';
@@ -17,15 +16,14 @@ var useStyles = createStyles(function (_ref) {
     responsive = _ref.responsive,
     token = _ref.token;
   return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: sticky;\n    z-index: ", ";\n    bottom: 0;\n\n    padding-top: 12px;\n    padding-bottom: 24px;\n\n    background-image: linear-gradient(to top, ", " 88%, transparent 100%);\n\n    ", " {\n      width: 100%;\n    }\n  "])), token.zIndexPopupBase, token.colorBgLayout, responsive.mobile),
-    boxShadow: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n    border-radius: 8px;\n    box-shadow: ", ";\n  "])), token.boxShadowSecondary),
-    input: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 100%;\n    border-radius: 8px;\n  "]))),
-    btn: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 10;\n    right: 8px;\n    bottom: 8px;\n\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n  "])), token.colorTextTertiary, token.colorTextSecondary),
-    extra: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorTextTertiary)
+    boxShadow: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    border-radius: 8px;\n    box-shadow: ", ";\n  "])), token.boxShadowSecondary),
+    btn: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 10;\n    right: 8px;\n    bottom: 8px;\n\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n  "])), token.colorTextTertiary, token.colorTextSecondary),
+    container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: sticky;\n    z-index: ", ";\n    bottom: 0;\n\n    padding-top: 12px;\n    padding-bottom: 24px;\n\n    background-image: linear-gradient(to top, ", " 88%, transparent 100%);\n\n    ", " {\n      width: 100%;\n    }\n  "])), token.zIndexPopupBase, token.colorBgLayout, responsive.mobile),
+    extra: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorTextTertiary),
+    input: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: 100%;\n    border-radius: 8px;\n  "])))
   };
 });
-export var InputArea = function InputArea(_ref2) {
-  _objectDestructuringEmpty(_ref2);
+export var InputArea = function InputArea() {
   var _useStore = useStore(function (s) {
       return [s.message, s.sendMessage, s.loading, chatSelectors.disableInput(s)];
     }, shallow),
@@ -45,11 +43,11 @@ export var InputArea = function InputArea(_ref2) {
     theme: {
       token: {
         borderRadius: 4,
-        fontSize: 16,
         colorBgContainer: theme.colorBgElevated,
-        controlHeightLG: 48,
         colorBorder: 'transparent',
-        colorPrimaryHover: 'transparent'
+        colorPrimaryHover: 'transparent',
+        controlHeightLG: 48,
+        fontSize: 16
       }
     },
     children: /*#__PURE__*/_jsxs(Flexbox, {
@@ -86,7 +84,7 @@ export var InputArea = function InputArea(_ref2) {
           placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9...",
           size: 'large',
           value: message
-        }), mobile ? null : /*#__PURE__*/_jsx(Button, {
+        }), mobile ? undefined : /*#__PURE__*/_jsx(Button, {
           className: styles.btn,
           disabled: disabled,
           icon: /*#__PURE__*/_jsx(SendOutlined, {}),

package/es/Conversation/StoreUpdater.js

@@ -20,6 +20,6 @@ var StoreUpdater = function StoreUpdater(_ref) {
   useStoreUpdater('description', description);
   useStoreUpdater('createAt', createAt);
   useStoreUpdater('updateAt', updateAt);
-  return null;
+  return false;
 };
 export default StoreUpdater;

package/es/Conversation/index.js

@@ -14,11 +14,11 @@ var Conversation = /*#__PURE__*/memo(function (_ref) {
     devtools = _ref.devtools,
     includeSystem = _ref.includeSystem,
     res = _objectWithoutProperties(_ref, _excluded);
-  var ref = useRef(function () {
+  var reference = useRef(function () {
     return createChatStore(devtools);
   });
   return /*#__PURE__*/_jsxs(Provider, {
-    createStore: ref.current,
+    createStore: reference.current,
     children: [/*#__PURE__*/_jsx(ChatContainer, {
       includeSystem: includeSystem,
       readonly: readonly

package/es/CopyButton/index.d.ts

@@ -1,4 +1,6 @@
-import { ActionIconSize, TooltipProps } from "../index";
+/// <reference types="react" />
+import { type ActionIconSize } from "../ActionIcon";
+import { type TooltipProps } from "../Tooltip";
 import { DivProps } from "../types";
 export interface CopyButtonProps extends DivProps {
     /**
@@ -22,5 +24,5 @@ export interface CopyButtonProps extends DivProps {
      */
     size?: ActionIconSize;
 }
-declare const CopyButton: ({ content, className, placement, size, ...props }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const CopyButton: import("react").NamedExoticComponent<CopyButtonProps>;
 export default CopyButton;

package/es/CopyButton/index.js

@@ -5,10 +5,11 @@ 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 copy from 'copy-to-clipboard';
 import { Copy } from 'lucide-react';
+import { memo } from 'react';
+import ActionIcon from "../ActionIcon";
 import { useCopied } from "../hooks/useCopied";
-import { ActionIcon } from "./..";
 import { jsx as _jsx } from "react/jsx-runtime";
-var CopyButton = function CopyButton(_ref) {
+var CopyButton = /*#__PURE__*/memo(function (_ref) {
   var content = _ref.content,
     className = _ref.className,
     _ref$placement = _ref.placement,
@@ -31,5 +32,5 @@ var CopyButton = function CopyButton(_ref) {
     size: size,
     title: copied ? '✅ Success' : 'Copy'
   }));
-};
+});
 export default CopyButton;

package/es/DraggablePanel/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import type { NumberSize, Size } from 're-resizable';
+import { type CSSProperties } from 'react';
 import type { Props as RndProps } from 'react-rnd';
 import { DivProps } from "../types";
 export declare type placementType = 'right' | 'left' | 'top' | 'bottom';
@@ -39,7 +39,7 @@ export interface DraggablePanelProps extends DivProps {
      * @description The style of the panel handler
      * @type CSSProperties
      */
-    hanlderStyle?: React.CSSProperties;
+    hanlderStyle?: CSSProperties;
     maxHeight?: number;
     maxWidth?: number;
     /**