@lobehub/ui 1.158.1 → 1.160.0

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

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

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

@@ -2,6 +2,8 @@ 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,
@@ -13,10 +15,13 @@ var Title = /*#__PURE__*/memo(function (_ref) {
       time: time
     }),
     styles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement(Flexbox, {
+  return /*#__PURE__*/_jsxs(Flexbox, {
     className: styles.name,
     direction: placement === 'left' ? 'horizontal' : 'horizontal-reverse',
-    gap: 4
-  }, showTitle ? avatar.title || 'untitled' : undefined, time && /*#__PURE__*/React.createElement("time", null, formatTime(time)));
+    gap: 4,
+    children: [showTitle ? avatar.title || 'untitled' : undefined, time && /*#__PURE__*/_jsx("time", {
+      children: formatTime(time)
+    })]
+  });
 });
 export default Title;

package/es/chat/ChatItem/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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,6 +13,8 @@ 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,
@@ -57,55 +59,59 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
     }),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement(Flexbox, _extends({
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     className: cx(styles.container, className),
     direction: placement === 'left' ? 'horizontal' : 'horizontal-reverse',
     gap: mobile ? 6 : 12
-  }, 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
+  }, 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
+    })]
   }));
 });
 export default ChatItem;

package/es/chat/ChatList/ActionsBar.js

@@ -1,9 +1,10 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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);
@@ -13,7 +14,7 @@ var ActionsBar = /*#__PURE__*/memo(function (_ref) {
     copy = _useChatListActionsBa.copy,
     divider = _useChatListActionsBa.divider,
     del = _useChatListActionsBa.del;
-  return /*#__PURE__*/React.createElement(ActionIconGroup, _extends({
+  return /*#__PURE__*/_jsx(ActionIconGroup, _objectSpread({
     dropdownMenu: [edit, copy, regenerate, divider, del],
     items: [regenerate, edit],
     type: "ghost"

package/es/chat/ChatList/HistoryDivider.js

@@ -3,18 +3,23 @@ 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__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     style: {
       padding: '0 20px'
-    }
-  }, /*#__PURE__*/React.createElement(Divider, null, /*#__PURE__*/React.createElement(Tag, {
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      icon: Timer
+    },
+    children: /*#__PURE__*/_jsx(Divider, {
+      children: /*#__PURE__*/_jsx(Tag, {
+        icon: /*#__PURE__*/_jsx(Icon, {
+          icon: Timer
+        }),
+        children: text || 'History Message'
+      })
     })
-  }, text || 'History Message')));
+  });
 });
 export default HistoryDivider;

package/es/chat/ChatList/Item.js

@@ -1,7 +1,6 @@
-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 _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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"];
@@ -10,6 +9,7 @@ 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__*/React.createElement(RenderFunction, _extends({}, data, {
+    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread(_objectSpread({}, 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__*/React.createElement(RenderFunction, data);
+    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread({}, 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__*/React.createElement(RenderFunction, data);
+    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread({}, 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__*/React.createElement(RenderFunction, _extends({}, data, {
+    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread(_objectSpread({}, data), {}, {
       onActionClick: function onActionClick(actionKey) {
         return handleActionClick === null || handleActionClick === void 0 ? void 0 : handleActionClick(actionKey, data);
       },
@@ -125,23 +125,21 @@ var Item = /*#__PURE__*/memo(function (props) {
       message: message
     }, alertConfig);
   }, [renderErrorMessages, item.error]);
-  if (RenderItem) return /*#__PURE__*/React.createElement(RenderItem, _extends({
-    key: item.id
-  }, props));
-  return /*#__PURE__*/React.createElement(ChatItem, {
-    actions: /*#__PURE__*/React.createElement(Actions, {
+  if (RenderItem) return /*#__PURE__*/_jsx(RenderItem, _objectSpread({}, props), item.id);
+  return /*#__PURE__*/_jsx(ChatItem, {
+    actions: /*#__PURE__*/_jsx(Actions, {
       data: item
     }),
     avatar: item.meta,
     avatarAddon: groupNav,
     editing: editing,
     error: error,
-    errorMessage: /*#__PURE__*/React.createElement(ErrorMessage, {
+    errorMessage: /*#__PURE__*/_jsx(ErrorMessage, {
       data: item
     }),
     loading: loading,
     message: item.content,
-    messageExtra: /*#__PURE__*/React.createElement(MessageExtra, {
+    messageExtra: /*#__PURE__*/_jsx(MessageExtra, {
       data: item
     }),
     onAvatarClick: onAvatarsClick === null || onAvatarsClick === void 0 ? void 0 : onAvatarsClick(item.role),
@@ -158,7 +156,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__*/React.createElement(RenderMessage, {
+      return /*#__PURE__*/_jsx(RenderMessage, {
         data: item,
         editableContent: editableContent
       });

package/es/chat/ChatList/index.js

@@ -1,12 +1,14 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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,
@@ -30,31 +32,33 @@ var ChatList = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.container, className)
-  }, 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)));
+  }, 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);
+    })
   }));
 });
 export default ChatList;

package/es/chat/EditableMessage/index.js

@@ -1,6 +1,5 @@
 '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';
@@ -8,6 +7,9 @@ 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,
@@ -44,7 +46,7 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
     expand = _useControlledState4[0],
     setExpand = _useControlledState4[1];
   var isAutoSize = height === 'auto';
-  var input = /*#__PURE__*/React.createElement(MessageInput, {
+  var input = /*#__PURE__*/_jsx(MessageInput, {
     className: classNames === null || classNames === void 0 ? void 0 : classNames.input,
     classNames: {
       textarea: classNames === null || classNames === void 0 ? void 0 : classNames.textarea
@@ -66,29 +68,33 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
     type: inputType
   });
   if (!value && showEditWhenEmpty) return input;
-  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
-  }));
+  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
+    })]
+  });
 });
 export default EditableMessage;

package/es/chat/EditableMessageList/index.js

@@ -10,6 +10,8 @@ import ActionIcon from "../../ActionIcon";
 import Icon from "../../Icon";
 import { ControlInput } from "../../components/ControlInput";
 import { messagesReducer } from "./messageReducer";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var EditableMessageList = /*#__PURE__*/memo(function (_ref) {
   var disabled = _ref.disabled,
     dataSources = _ref.dataSources,
@@ -23,82 +25,84 @@ export var EditableMessageList = /*#__PURE__*/memo(function (_ref) {
       onChange === null || onChange === void 0 || onChange(chatMessages);
     }
   }, [chatMessages]);
-  return dataSources ? /*#__PURE__*/React.createElement(Flexbox, {
-    gap: 12
-  }, chatMessages.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(Flexbox, {
-      align: 'center',
-      gap: 8,
-      horizontal: true,
-      key: "".concat(index, "-").concat(item.content),
-      width: '100%'
-    }, /*#__PURE__*/React.createElement(Select, {
+  return dataSources ? /*#__PURE__*/_jsxs(Flexbox, {
+    gap: 12,
+    children: [chatMessages.map(function (item, index) {
+      return /*#__PURE__*/_jsxs(Flexbox, {
+        align: 'center',
+        gap: 8,
+        horizontal: true,
+        width: '100%',
+        children: [/*#__PURE__*/_jsx(Select, {
+          disabled: disabled,
+          dropdownStyle: {
+            zIndex: 100
+          },
+          onChange: function onChange(value) {
+            dispatch({
+              index: index,
+              role: value,
+              type: 'updateMessageRole'
+            });
+          },
+          options: [{
+            label: 'System',
+            value: 'system'
+          }, {
+            label: 'Input',
+            value: 'user'
+          }, {
+            label: 'Output',
+            value: 'assistant'
+          }],
+          style: {
+            width: 120
+          },
+          value: item.role
+        }), /*#__PURE__*/_jsx(ControlInput, {
+          disabled: disabled,
+          onChange: function onChange(e) {
+            dispatch({
+              index: index,
+              message: e,
+              type: 'updateMessage'
+            });
+          },
+          placeholder: item.role === 'user' ? '请填入输入的样例内容' : '请填入输出的样例',
+          value: item.content
+        }), /*#__PURE__*/_jsx(ActionIcon, {
+          icon: Trash,
+          onClick: function onClick() {
+            dispatch({
+              index: index,
+              type: 'deleteMessage'
+            });
+          },
+          placement: "right",
+          size: {
+            fontSize: 16
+          },
+          title: "Delete"
+        })]
+      }, "".concat(index, "-").concat(item.content));
+    }), /*#__PURE__*/_jsx(Button, {
+      block: true,
       disabled: disabled,
-      dropdownStyle: {
-        zIndex: 100
-      },
-      onChange: function onChange(value) {
-        dispatch({
-          index: index,
-          role: value,
-          type: 'updateMessageRole'
-        });
-      },
-      options: [{
-        label: 'System',
-        value: 'system'
-      }, {
-        label: 'Input',
-        value: 'user'
-      }, {
-        label: 'Output',
-        value: 'assistant'
-      }],
-      style: {
-        width: 120
-      },
-      value: item.role
-    }), /*#__PURE__*/React.createElement(ControlInput, {
-      disabled: disabled,
-      onChange: function onChange(e) {
-        dispatch({
-          index: index,
-          message: e,
-          type: 'updateMessage'
-        });
-      },
-      placeholder: item.role === 'user' ? '请填入输入的样例内容' : '请填入输出的样例',
-      value: item.content
-    }), /*#__PURE__*/React.createElement(ActionIcon, {
-      icon: Trash,
+      icon: /*#__PURE__*/_jsx(Icon, {
+        icon: Plus
+      }),
       onClick: function onClick() {
+        var lastMeg = chatMessages.at(-1);
         dispatch({
-          index: index,
-          type: 'deleteMessage'
+          message: {
+            content: '',
+            role: (lastMeg === null || lastMeg === void 0 ? void 0 : lastMeg.role) === 'user' ? 'assistant' : 'user'
+          },
+          type: 'addMessage'
         });
       },
-      placement: "right",
-      size: {
-        fontSize: 16
-      },
-      title: "Delete"
-    }));
-  }), /*#__PURE__*/React.createElement(Button, {
-    block: true,
-    disabled: disabled,
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      icon: Plus
-    }),
-    onClick: function onClick() {
-      var lastMeg = chatMessages.at(-1);
-      dispatch({
-        message: {
-          content: '',
-          role: (lastMeg === null || lastMeg === void 0 ? void 0 : lastMeg.role) === 'user' ? 'assistant' : 'user'
-        },
-        type: 'addMessage'
-      });
-    }
-  }, "Add Props")) : undefined;
+      children: "Add Props"
+    })]
+  }) : undefined;
 }, isEqual);
 export default EditableMessageList;