@lobehub/ui 1.72.6 → 1.72.7

package/es/ChatInputArea/index.js

@@ -31,7 +31,7 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$defaultValue = _ref.defaultValue,
     defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
     _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? true : _ref$loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
     disabled = _ref.disabled,
     onInputChange = _ref.onInputChange,
     _onPressEnter = _ref.onPressEnter,

package/es/ChatItem/components/MessageContent.js

@@ -24,7 +24,7 @@ var Loading = /*#__PURE__*/memo(function (_ref) {
     styles = _useStyles.styles;
   var content = /*#__PURE__*/_jsx(EditableMessage, {
     classNames: {
-      input: styles.editingInput
+      textarea: styles.editingInput
     },
     editButtonSize: 'small',
     editing: editing,

package/es/ChatItem/style.js

@@ -24,7 +24,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     avatarGroupContainer: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        width: ", "px;\n      "])), avatarSize),
     container: cx(type === 'pure' && pureContainerStylish, css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          position: relative;\n\n          display: flex;\n          flex-direction: ", ";\n          gap: 12px;\n          align-items: flex-start;\n          justify-content: revert;\n\n          width: 100%;\n          padding: 12px;\n\n          time {\n            display: inline-block;\n            white-space: nowrap;\n          }\n\n          div[role='chat-item-actions'] {\n            display: flex;\n          }\n\n          time,\n          div[role='chat-item-actions'] {\n            pointer-events: none;\n            opacity: 0;\n            transition: opacity 200ms ", ";\n          }\n\n          &:hover {\n            time,\n            div[role='chat-item-actions'] {\n              pointer-events: unset;\n              opacity: 1;\n            }\n          }\n        "])), placement === 'left' ? 'row' : 'row-reverse', token.motionEaseOut)),
     editingContainer: cx(css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n          padding: 8px 12px 12px;\n          border: 1px solid ", ";\n\n          &:active,\n          &:hover {\n            border-color: ", ";\n          }\n        "])), token.colorBorderSecondary, token.colorBorder), type === 'pure' && css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n            background: ", ";\n            border-radius: ", "px;\n          "])), token.colorFillQuaternary, token.borderRadius)),
-    editingInput: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        min-height: 32px;\n      "]))),
+    editingInput: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        min-width: 800px !important;\n      "]))),
     loading: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        position: absolute;\n        right: ", ";\n        bottom: 0;\n        left: ", ";\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        width: 16px;\n        height: 16px;\n\n        color: ", ";\n\n        background: ", ";\n        border-radius: 50%;\n      "])), placement === 'left' ? '-4px' : 'unset', placement === 'right' ? '-4px' : 'unset', token.colorBgLayout, token.colorPrimary),
     message: cx(typeStylish, css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n          position: relative;\n        "])))),
     messageContainer: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        align-items: ", ";\n      "])), placement === 'left' ? 'flex-start' : 'flex-end'),

package/es/EditableMessage/index.d.ts

@@ -14,6 +14,7 @@ export interface EditableMessageProps {
          * @title The class name for the Markdown component
          */
         markdown?: string;
+        textarea?: string;
     };
     editButtonSize?: MessageInputProps['editButtonSize'];
     /**

package/es/EditableMessage/index.js

@@ -43,6 +43,9 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
     setExpand = _useControlledState4[1];
   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
+    },
     defaultValue: value,
     editButtonSize: editButtonSize,
     height: height,

package/es/MessageInput/index.d.ts

@@ -7,6 +7,7 @@ export interface MessageInputProps extends DivProps {
      * @description Additional className to apply to the component.
      */
     className?: string;
+    classNames?: TextAreaProps['classNames'];
     /**
      * @description The default value of the input box.
      */

package/es/MessageInput/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["text", "type", "onCancel", "defaultValue", "onConfirm", "renderButtons", "textareaStyle", "textareaClassname", "placeholder", "height", "style", "editButtonSize"];
+var _excluded = ["text", "type", "onCancel", "defaultValue", "onConfirm", "renderButtons", "textareaStyle", "textareaClassname", "placeholder", "style", "editButtonSize", "classNames"];
 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 { Button } from 'antd';
@@ -24,11 +24,10 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
     textareaClassname = _ref.textareaClassname,
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? 'Type something...' : _ref$placeholder,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 'fit-content' : _ref$height,
     style = _ref.style,
     _ref$editButtonSize = _ref.editButtonSize,
     editButtonSize = _ref$editButtonSize === void 0 ? 'middle' : _ref$editButtonSize,
+    classNames = _ref.classNames,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(defaultValue || ''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -45,7 +44,9 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
     }, style)
   }, props), {}, {
     children: [/*#__PURE__*/_jsx(TextArea, {
+      autoSize: true,
       className: cx(styles, textareaClassname),
+      classNames: classNames,
       onBlur: function onBlur(e) {
         return setRole(e.target.value);
       },
@@ -54,10 +55,7 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
       },
       placeholder: placeholder,
       resize: false,
-      style: _objectSpread({
-        height: height,
-        minHeight: '100%'
-      }, textareaStyle),
+      style: textareaStyle,
       type: type,
       value: temporarySystemRole
     }), /*#__PURE__*/_jsx(Flexbox, {

package/package.json

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