@lobehub/ui 1.104.3 → 1.106.0

package/es/ChatItem/components/MessageContent.d.ts

@@ -1,10 +1,11 @@
 import { type ReactNode } from 'react';
 import { ChatItemProps } from "..";
-export interface LoadingProps {
+export interface MessageContentProps {
     editing?: ChatItemProps['editing'];
     message?: ReactNode;
     messageExtra?: ChatItemProps['messageExtra'];
     onChange?: ChatItemProps['onChange'];
+    onDoubleClick?: ChatItemProps['onDoubleClick'];
     onEditingChange?: ChatItemProps['onEditingChange'];
     placement?: ChatItemProps['placement'];
     primary?: ChatItemProps['primary'];
@@ -12,5 +13,5 @@ export interface LoadingProps {
     text?: ChatItemProps['text'];
     type?: ChatItemProps['type'];
 }
-declare const Loading: import("react").NamedExoticComponent<LoadingProps>;
-export default Loading;
+declare const MessageContent: import("react").NamedExoticComponent<MessageContentProps>;
+export default MessageContent;

package/es/ChatItem/components/MessageContent.js

@@ -5,7 +5,7 @@ import EditableMessage from "../../EditableMessage";
 import { useStyles } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Loading = /*#__PURE__*/memo(function (_ref) {
+var MessageContent = /*#__PURE__*/memo(function (_ref) {
   var editing = _ref.editing,
     onChange = _ref.onChange,
     onEditingChange = _ref.onEditingChange,
@@ -15,7 +15,8 @@ var Loading = /*#__PURE__*/memo(function (_ref) {
     messageExtra = _ref.messageExtra,
     renderMessage = _ref.renderMessage,
     type = _ref.type,
-    primary = _ref.primary;
+    primary = _ref.primary,
+    onDoubleClick = _ref.onDoubleClick;
   var _useStyles = useStyles({
       editing: editing,
       placement: placement,
@@ -42,10 +43,11 @@ var Loading = /*#__PURE__*/memo(function (_ref) {
   var messageContent = renderMessage ? renderMessage(content) : content;
   return /*#__PURE__*/_jsxs(Flexbox, {
     className: cx(styles.message, editing && styles.editingContainer),
+    onDoubleClick: onDoubleClick,
     children: [messageContent, messageExtra && !editing ? /*#__PURE__*/_jsx("div", {
       className: styles.messageExtra,
       children: messageExtra
     }) : null]
   });
 });
-export default Loading;
+export default MessageContent;

package/es/ChatItem/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["avatarAddon", "onAvatarClick", "actions", "className", "primary", "loading", "message", "placement", "type", "avatar", "error", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "renderMessage", "text", "errorMessage"];
+var _excluded = ["avatarAddon", "onAvatarClick", "actions", "className", "primary", "loading", "message", "placement", "type", "avatar", "error", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "renderMessage", "text", "errorMessage", "onDoubleClick"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 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 { useResponsive } from 'antd-style';
@@ -39,6 +39,7 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
     renderMessage = _ref.renderMessage,
     text = _ref.text,
     errorMessage = _ref.errorMessage,
+    onDoubleClick = _ref.onDoubleClick,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
@@ -86,6 +87,7 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
           message: message,
           messageExtra: messageExtra,
           onChange: onChange,
+          onDoubleClick: onDoubleClick,
           onEditingChange: onEditingChange,
           placement: placement,
           primary: primary,

package/es/ChatItem/type.d.ts

@@ -1,7 +1,7 @@
 import { AlertProps } from 'antd';
 import { ReactNode } from 'react';
 import { EditableMessageProps } from "../EditableMessage";
-import { MetaData } from "../types";
+import { DivProps, MetaData } from "../types";
 export interface ChatItemProps {
     /**
      * @description Actions to be displayed in the chat item
@@ -40,6 +40,7 @@ export interface ChatItemProps {
      * @param value - The new message content
      */
     onChange?: (value: string) => void;
+    onDoubleClick?: DivProps['onDoubleClick'];
     /**
      * @description Callback when the editing mode changes
      * @param editing - The new editing mode

package/es/ChatList/Item.js

@@ -122,6 +122,12 @@ var Item = /*#__PURE__*/memo(function (props) {
     onChange: function onChange(value) {
       return onMessageChange === null || onMessageChange === void 0 ? void 0 : onMessageChange(item.id, value);
     },
+    onDoubleClick: function onDoubleClick(e) {
+      if (item.id === 'default' || item.error) return;
+      if (item.role && ['assistant', 'user'].includes(item.role) && e.altKey) {
+        setEditing(true);
+      }
+    },
     onEditingChange: setEditing,
     placement: type === 'chat' ? item.role === 'user' ? 'right' : 'left' : 'left',
     primary: item.role === 'user',

package/es/Markdown/index.d.ts

@@ -9,6 +9,7 @@ export interface MarkdownProps {
      */
     className?: string;
     fullFeaturedCodeBlock?: boolean;
+    onDoubleClick?: () => void;
     style?: CSSProperties;
 }
 declare const Markdown: import("react").NamedExoticComponent<MarkdownProps>;

package/es/Markdown/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "className", "style", "fullFeaturedCodeBlock"];
+var _excluded = ["children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 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 { Collapse, Divider, Image, Typography } from 'antd';
@@ -18,6 +18,7 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     className = _ref.className,
     style = _ref.style,
     fullFeaturedCodeBlock = _ref.fullFeaturedCodeBlock,
+    onDoubleClick = _ref.onDoubleClick,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
@@ -37,6 +38,7 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
   };
   return /*#__PURE__*/_jsx(Typography, {
     className: className,
+    onDoubleClick: onDoubleClick,
     style: style,
     children: /*#__PURE__*/_jsx(ErrorBoundary, {
       fallback: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.104.3",
+  "version": "1.106.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",