@lobehub/ui 1.157.1 → 1.158.0

package/es/chat/ChatItem/components/Loading.js

@@ -3,7 +3,6 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import Icon from "../../../Icon";
 import { useStyles } from "../style";
-import { jsx as _jsx } from "react/jsx-runtime";
 var Loading = /*#__PURE__*/memo(function (_ref) {
   var loading = _ref.loading,
     placement = _ref.placement;
@@ -12,18 +11,17 @@ var Loading = /*#__PURE__*/memo(function (_ref) {
     }),
     styles = _useStyles.styles;
   if (!loading) return null;
-  return /*#__PURE__*/_jsx(Flexbox, {
+  return /*#__PURE__*/React.createElement(Flexbox, {
     align: 'center',
     className: styles.loading,
-    justify: 'center',
-    children: /*#__PURE__*/_jsx(Icon, {
-      icon: Loader2,
-      size: {
-        fontSize: 12,
-        strokeWidth: 3
-      },
-      spin: true
-    })
-  });
+    justify: 'center'
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: Loader2,
+    size: {
+      fontSize: 12,
+      strokeWidth: 3
+    },
+    spin: true
+  }));
 });
 export default Loading;

package/es/chat/ChatItem/components/MessageContent.js

@@ -3,8 +3,6 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 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 MessageContent = /*#__PURE__*/memo(function (_ref) {
   var editing = _ref.editing,
     onChange = _ref.onChange,
@@ -29,7 +27,7 @@ var MessageContent = /*#__PURE__*/memo(function (_ref) {
     styles = _useStyles.styles;
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
-  var content = /*#__PURE__*/_jsx(EditableMessage, {
+  var content = /*#__PURE__*/React.createElement(EditableMessage, {
     classNames: {
       input: styles.editingInput
     },
@@ -45,13 +43,11 @@ var MessageContent = /*#__PURE__*/memo(function (_ref) {
     value: message ? String(message) : ''
   });
   var messageContent = renderMessage ? renderMessage(content) : content;
-  return /*#__PURE__*/_jsxs(Flexbox, {
+  return /*#__PURE__*/React.createElement(Flexbox, {
     className: cx(styles.message, editing && styles.editingContainer),
-    onDoubleClick: onDoubleClick,
-    children: [messageContent, messageExtra && !editing ? /*#__PURE__*/_jsx("div", {
-      className: styles.messageExtra,
-      children: messageExtra
-    }) : null]
-  });
+    onDoubleClick: onDoubleClick
+  }, messageContent, messageExtra && !editing ? /*#__PURE__*/React.createElement("div", {
+    className: styles.messageExtra
+  }, messageExtra) : null);
 });
 export default MessageContent;

package/es/chat/ChatItem/components/Title.js

@@ -2,8 +2,6 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import { formatTime } from "../../../utils/formatTime";
 import { useStyles } from "../style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var Title = /*#__PURE__*/memo(function (_ref) {
   var showTitle = _ref.showTitle,
     placement = _ref.placement,
@@ -15,13 +13,10 @@ var Title = /*#__PURE__*/memo(function (_ref) {
       time: time
     }),
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsxs(Flexbox, {
+  return /*#__PURE__*/React.createElement(Flexbox, {
     className: styles.name,
     direction: placement === 'left' ? 'horizontal' : 'horizontal-reverse',
-    gap: 4,
-    children: [showTitle ? avatar.title || 'untitled' : undefined, time && /*#__PURE__*/_jsx("time", {
-      children: formatTime(time)
-    })]
-  });
+    gap: 4
+  }, showTitle ? avatar.title || 'untitled' : undefined, time && /*#__PURE__*/React.createElement("time", null, formatTime(time)));
 });
 export default Title;

package/es/chat/ChatItem/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["avatarAddon", "onAvatarClick", "avatarProps", "actions", "className", "primary", "loading", "message", "placement", "type", "avatar", "error", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "renderMessage", "text", "errorMessage", "onDoubleClick", "fontSize", "aboveMessage", "belowMessage", "markdownProps"];
 import { useResponsive } from 'antd-style';
@@ -13,8 +13,6 @@ import ErrorContent from "./components/ErrorContent";
 import MessageContent from "./components/MessageContent";
 import Title from "./components/Title";
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var MOBILE_AVATAR_SIZE = 32;
 var ChatItem = /*#__PURE__*/memo(function (_ref) {
   var avatarAddon = _ref.avatarAddon,
@@ -59,59 +57,55 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
     }),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     className: cx(styles.container, className),
     direction: placement === 'left' ? 'horizontal' : 'horizontal-reverse',
     gap: mobile ? 6 : 12
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(Avatar, _objectSpread(_objectSpread({}, avatarProps), {}, {
-      addon: avatarAddon,
-      avatar: avatar,
-      loading: loading,
-      onClick: onAvatarClick,
-      placement: placement,
-      size: mobile ? MOBILE_AVATAR_SIZE : undefined
-    })), /*#__PURE__*/_jsxs(Flexbox, {
-      align: placement === 'left' ? 'flex-start' : 'flex-end',
-      className: styles.messageContainer,
-      children: [/*#__PURE__*/_jsx(Title, {
-        avatar: avatar,
-        placement: placement,
-        showTitle: showTitle,
-        time: time
-      }), aboveMessage, /*#__PURE__*/_jsxs(Flexbox, {
-        align: placement === 'left' ? 'flex-start' : 'flex-end',
-        className: styles.messageContent,
-        direction: type === 'block' ? placement === 'left' ? 'horizontal' : 'horizontal-reverse' : 'vertical',
-        gap: 8,
-        children: [error ? /*#__PURE__*/_jsx(ErrorContent, {
-          error: error,
-          message: errorMessage,
-          placement: placement
-        }) : /*#__PURE__*/_jsx(MessageContent, {
-          editing: editing,
-          fontSize: fontSize,
-          markdownProps: markdownProps,
-          message: message,
-          messageExtra: messageExtra,
-          onChange: onChange,
-          onDoubleClick: onDoubleClick,
-          onEditingChange: onEditingChange,
-          placement: placement,
-          primary: primary,
-          renderMessage: renderMessage,
-          text: text,
-          type: type
-        }), /*#__PURE__*/_jsx(Actions, {
-          actions: actions,
-          editing: editing,
-          placement: placement,
-          type: type
-        })]
-      }), belowMessage]
-    }), mobile && type === 'block' && /*#__PURE__*/_jsx(BorderSpacing, {
-      borderSpacing: MOBILE_AVATAR_SIZE
-    })]
+  }, rest), /*#__PURE__*/React.createElement(Avatar, _extends({}, avatarProps, {
+    addon: avatarAddon,
+    avatar: avatar,
+    loading: loading,
+    onClick: onAvatarClick,
+    placement: placement,
+    size: mobile ? MOBILE_AVATAR_SIZE : undefined
+  })), /*#__PURE__*/React.createElement(Flexbox, {
+    align: placement === 'left' ? 'flex-start' : 'flex-end',
+    className: styles.messageContainer
+  }, /*#__PURE__*/React.createElement(Title, {
+    avatar: avatar,
+    placement: placement,
+    showTitle: showTitle,
+    time: time
+  }), aboveMessage, /*#__PURE__*/React.createElement(Flexbox, {
+    align: placement === 'left' ? 'flex-start' : 'flex-end',
+    className: styles.messageContent,
+    direction: type === 'block' ? placement === 'left' ? 'horizontal' : 'horizontal-reverse' : 'vertical',
+    gap: 8
+  }, error ? /*#__PURE__*/React.createElement(ErrorContent, {
+    error: error,
+    message: errorMessage,
+    placement: placement
+  }) : /*#__PURE__*/React.createElement(MessageContent, {
+    editing: editing,
+    fontSize: fontSize,
+    markdownProps: markdownProps,
+    message: message,
+    messageExtra: messageExtra,
+    onChange: onChange,
+    onDoubleClick: onDoubleClick,
+    onEditingChange: onEditingChange,
+    placement: placement,
+    primary: primary,
+    renderMessage: renderMessage,
+    text: text,
+    type: type
+  }), /*#__PURE__*/React.createElement(Actions, {
+    actions: actions,
+    editing: editing,
+    placement: placement,
+    type: type
+  })), belowMessage), mobile && type === 'block' && /*#__PURE__*/React.createElement(BorderSpacing, {
+    borderSpacing: MOBILE_AVATAR_SIZE
   }));
 });
 export default ChatItem;

package/es/chat/ChatList/ActionsBar.js

@@ -1,10 +1,9 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["text"];
 import { memo } from 'react';
 import ActionIconGroup from "../../ActionIconGroup";
 import { useChatListActionsBar } from "../../hooks/useChatListActionsBar";
-import { jsx as _jsx } from "react/jsx-runtime";
 var ActionsBar = /*#__PURE__*/memo(function (_ref) {
   var text = _ref.text,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -14,7 +13,7 @@ var ActionsBar = /*#__PURE__*/memo(function (_ref) {
     copy = _useChatListActionsBa.copy,
     divider = _useChatListActionsBa.divider,
     del = _useChatListActionsBa.del;
-  return /*#__PURE__*/_jsx(ActionIconGroup, _objectSpread({
+  return /*#__PURE__*/React.createElement(ActionIconGroup, _extends({
     dropdownMenu: [edit, copy, regenerate, divider, del],
     items: [regenerate, edit],
     type: "ghost"

package/es/chat/ChatList/HistoryDivider.js

@@ -3,23 +3,18 @@ import { Timer } from 'lucide-react';
 import { memo } from 'react';
 import Icon from "../../Icon";
 import Tag from "../../Tag";
-import { jsx as _jsx } from "react/jsx-runtime";
 var HistoryDivider = /*#__PURE__*/memo(function (_ref) {
   var enable = _ref.enable,
     text = _ref.text;
   if (!enable) return null;
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: {
       padding: '0 20px'
-    },
-    children: /*#__PURE__*/_jsx(Divider, {
-      children: /*#__PURE__*/_jsx(Tag, {
-        icon: /*#__PURE__*/_jsx(Icon, {
-          icon: Timer
-        }),
-        children: text || 'History Message'
-      })
+    }
+  }, /*#__PURE__*/React.createElement(Divider, null, /*#__PURE__*/React.createElement(Tag, {
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: Timer
     })
-  });
+  }, text || 'History Message')));
 });
 export default HistoryDivider;

package/es/chat/ChatList/Item.js

@@ -1,6 +1,7 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["renderMessagesExtra", "showTitle", "onActionsClick", "onAvatarsClick", "onMessageChange", "type", "text", "renderMessages", "renderErrorMessages", "renderActions", "loading", "groupNav", "renderItems"];
@@ -9,7 +10,6 @@ import { memo, useCallback, useMemo, useState } from 'react';
 import ChatItem from "../ChatItem";
 import { copyToClipboard } from "../../utils/copyToClipboard";
 import ActionsBar from "./ActionsBar";
-import { jsx as _jsx } from "react/jsx-runtime";
 var Item = /*#__PURE__*/memo(function (props) {
   var renderMessagesExtra = props.renderMessagesExtra,
     showTitle = props.showTitle,
@@ -47,7 +47,7 @@ var Item = /*#__PURE__*/memo(function (props) {
     if (renderMessages !== null && renderMessages !== void 0 && renderMessages[item.role]) RenderFunction = renderMessages[item.role];
     if (!RenderFunction && renderMessages !== null && renderMessages !== void 0 && renderMessages['default']) RenderFunction = renderMessages['default'];
     if (!RenderFunction) return;
-    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread(_objectSpread({}, data), {}, {
+    return /*#__PURE__*/React.createElement(RenderFunction, _extends({}, data, {
       editableContent: editableContent
     }));
   }, [renderMessages === null || renderMessages === void 0 ? void 0 : renderMessages[item.role]]);
@@ -58,7 +58,7 @@ var Item = /*#__PURE__*/memo(function (props) {
     if (renderMessagesExtra !== null && renderMessagesExtra !== void 0 && renderMessagesExtra[item.role]) RenderFunction = renderMessagesExtra[item.role];
     if (renderMessagesExtra !== null && renderMessagesExtra !== void 0 && renderMessagesExtra['default']) RenderFunction = renderMessagesExtra['default'];
     if (!RenderFunction) return;
-    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread({}, data));
+    return /*#__PURE__*/React.createElement(RenderFunction, data);
   }, [renderMessagesExtra === null || renderMessagesExtra === void 0 ? void 0 : renderMessagesExtra[item.role]]);
   var ErrorMessage = useCallback(function (_ref3) {
     var _item$error;
@@ -68,7 +68,7 @@ var Item = /*#__PURE__*/memo(function (props) {
     if (renderErrorMessages !== null && renderErrorMessages !== void 0 && renderErrorMessages[item.error.type]) RenderFunction = renderErrorMessages[item.error.type].Render;
     if (!RenderFunction && renderErrorMessages !== null && renderErrorMessages !== void 0 && renderErrorMessages['default']) RenderFunction = renderErrorMessages['default'].Render;
     if (!RenderFunction) return;
-    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread({}, data));
+    return /*#__PURE__*/React.createElement(RenderFunction, data);
   }, [renderErrorMessages]);
   var Actions = useCallback(function (_ref4) {
     var data = _ref4.data;
@@ -105,7 +105,7 @@ var Item = /*#__PURE__*/memo(function (props) {
         return _ref5.apply(this, arguments);
       };
     }();
-    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread(_objectSpread({}, data), {}, {
+    return /*#__PURE__*/React.createElement(RenderFunction, _extends({}, data, {
       onActionClick: function onActionClick(actionKey) {
         return handleActionClick === null || handleActionClick === void 0 ? void 0 : handleActionClick(actionKey, data);
       },
@@ -125,21 +125,23 @@ var Item = /*#__PURE__*/memo(function (props) {
       message: message
     }, alertConfig);
   }, [renderErrorMessages, item.error]);
-  if (RenderItem) return /*#__PURE__*/_jsx(RenderItem, _objectSpread({}, props), item.id);
-  return /*#__PURE__*/_jsx(ChatItem, {
-    actions: /*#__PURE__*/_jsx(Actions, {
+  if (RenderItem) return /*#__PURE__*/React.createElement(RenderItem, _extends({
+    key: item.id
+  }, props));
+  return /*#__PURE__*/React.createElement(ChatItem, {
+    actions: /*#__PURE__*/React.createElement(Actions, {
       data: item
     }),
     avatar: item.meta,
     avatarAddon: groupNav,
     editing: editing,
     error: error,
-    errorMessage: /*#__PURE__*/_jsx(ErrorMessage, {
+    errorMessage: /*#__PURE__*/React.createElement(ErrorMessage, {
       data: item
     }),
     loading: loading,
     message: item.content,
-    messageExtra: /*#__PURE__*/_jsx(MessageExtra, {
+    messageExtra: /*#__PURE__*/React.createElement(MessageExtra, {
       data: item
     }),
     onAvatarClick: onAvatarsClick === null || onAvatarsClick === void 0 ? void 0 : onAvatarsClick(item.role),
@@ -156,7 +158,7 @@ var Item = /*#__PURE__*/memo(function (props) {
     placement: type === 'chat' ? item.role === 'user' ? 'right' : 'left' : 'left',
     primary: item.role === 'user',
     renderMessage: function renderMessage(editableContent) {
-      return /*#__PURE__*/_jsx(RenderMessage, {
+      return /*#__PURE__*/React.createElement(RenderMessage, {
         data: item,
         editableContent: editableContent
       });

package/es/chat/ChatList/index.js

@@ -1,14 +1,12 @@
 'use client';
 
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["onActionsClick", "onAvatarsClick", "renderMessagesExtra", "className", "data", "type", "text", "showTitle", "onMessageChange", "renderMessages", "renderErrorMessages", "loadingId", "renderItems", "enableHistoryCount", "renderActions", "historyCount"];
 import { Fragment, memo } from 'react';
 import HistoryDivider from "./HistoryDivider";
 import Item from "./Item";
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var ChatList = /*#__PURE__*/memo(function (_ref) {
   var onActionsClick = _ref.onActionsClick,
     onAvatarsClick = _ref.onAvatarsClick,
@@ -32,33 +30,31 @@ var ChatList = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(styles.container, className)
-  }, rest), {}, {
-    children: data.map(function (item, index) {
-      var itemProps = {
-        loading: loadingId === item.id,
-        onActionsClick: onActionsClick,
-        onAvatarsClick: onAvatarsClick,
-        onMessageChange: onMessageChange,
-        renderActions: renderActions,
-        renderErrorMessages: renderErrorMessages,
-        renderItems: renderItems,
-        renderMessages: renderMessages,
-        renderMessagesExtra: renderMessagesExtra,
-        showTitle: showTitle,
-        text: text,
-        type: type
-      };
-      var historyLength = data.length;
-      var enableHistoryDivider = enableHistoryCount && historyLength > historyCount && historyCount === historyLength - index + 1;
-      return /*#__PURE__*/_jsxs(Fragment, {
-        children: [/*#__PURE__*/_jsx(HistoryDivider, {
-          enable: enableHistoryDivider,
-          text: text === null || text === void 0 ? void 0 : text.history
-        }), /*#__PURE__*/_jsx(Item, _objectSpread(_objectSpread({}, itemProps), item))]
-      }, item.id);
-    })
+  }, rest), data.map(function (item, index) {
+    var itemProps = {
+      loading: loadingId === item.id,
+      onActionsClick: onActionsClick,
+      onAvatarsClick: onAvatarsClick,
+      onMessageChange: onMessageChange,
+      renderActions: renderActions,
+      renderErrorMessages: renderErrorMessages,
+      renderItems: renderItems,
+      renderMessages: renderMessages,
+      renderMessagesExtra: renderMessagesExtra,
+      showTitle: showTitle,
+      text: text,
+      type: type
+    };
+    var historyLength = data.length;
+    var enableHistoryDivider = enableHistoryCount && historyLength > historyCount && historyCount === historyLength - index + 1;
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: item.id
+    }, /*#__PURE__*/React.createElement(HistoryDivider, {
+      enable: enableHistoryDivider,
+      text: text === null || text === void 0 ? void 0 : text.history
+    }), /*#__PURE__*/React.createElement(Item, _extends({}, itemProps, item)));
   }));
 });
 export default ChatList;

package/es/chat/EditableMessage/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { memo } from 'react';
@@ -7,9 +8,6 @@ import useControlledState from 'use-merge-value';
 import Markdown from "../../Markdown";
 import MessageInput from "../MessageInput";
 import MessageModal from "../MessageModal";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var EditableMessage = /*#__PURE__*/memo(function (_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -46,7 +44,7 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
     expand = _useControlledState4[0],
     setExpand = _useControlledState4[1];
   var isAutoSize = height === 'auto';
-  var input = /*#__PURE__*/_jsx(MessageInput, {
+  var input = /*#__PURE__*/React.createElement(MessageInput, {
     className: classNames === null || classNames === void 0 ? void 0 : classNames.input,
     classNames: {
       textarea: classNames === null || classNames === void 0 ? void 0 : classNames.textarea
@@ -68,33 +66,29 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
     type: inputType
   });
   if (!value && showEditWhenEmpty) return input;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [!expand && isEdit ? input : /*#__PURE__*/_jsx(Markdown, _objectSpread(_objectSpread({
-      className: classNames === null || classNames === void 0 ? void 0 : classNames.markdown,
-      fontSize: fontSize,
-      fullFeaturedCodeBlock: fullFeaturedCodeBlock,
-      style: _objectSpread({
-        height: isAutoSize ? 'unset' : height
-      }, stylesProps === null || stylesProps === void 0 ? void 0 : stylesProps.markdown),
-      variant: 'chat'
-    }, markdownProps), {}, {
-      children: value || placeholder || ''
-    })), expand && /*#__PURE__*/_jsx(MessageModal, {
-      editing: isEdit,
-      extra: model === null || model === void 0 ? void 0 : model.extra,
-      footer: model === null || model === void 0 ? void 0 : model.footer,
-      height: height,
-      onChange: onChange,
-      onEditingChange: setTyping,
-      onOpenChange: function onOpenChange(e) {
-        setExpand(e);
-        setTyping(false);
-      },
-      open: expand,
-      placeholder: placeholder,
-      text: text,
-      value: value
-    })]
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !expand && isEdit ? input : /*#__PURE__*/React.createElement(Markdown, _extends({
+    className: classNames === null || classNames === void 0 ? void 0 : classNames.markdown,
+    fontSize: fontSize,
+    fullFeaturedCodeBlock: fullFeaturedCodeBlock,
+    style: _objectSpread({
+      height: isAutoSize ? 'unset' : height
+    }, stylesProps === null || stylesProps === void 0 ? void 0 : stylesProps.markdown),
+    variant: 'chat'
+  }, markdownProps), value || placeholder || ''), expand && /*#__PURE__*/React.createElement(MessageModal, {
+    editing: isEdit,
+    extra: model === null || model === void 0 ? void 0 : model.extra,
+    footer: model === null || model === void 0 ? void 0 : model.footer,
+    height: height,
+    onChange: onChange,
+    onEditingChange: setTyping,
+    onOpenChange: function onOpenChange(e) {
+      setExpand(e);
+      setTyping(false);
+    },
+    open: expand,
+    placeholder: placeholder,
+    text: text,
+    value: value
+  }));
 });
 export default EditableMessage;