@lobehub/ui 1.120.8 → 1.120.9

package/es/ChatInputArea/desktop/ChatInputArea.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["className", "style", "classNames", "expand", "setExpand", "bottomAddons", "topAddons", "onSizeChange", "heights", "onSend"];
@@ -8,7 +7,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { createStyles } from 'antd-style';
 import { forwardRef } from 'react';
-import useMergeState from 'use-merge-value';
 import DraggablePanel from "../../DraggablePanel";
 import ChatInputAreaInner from "../ChatInputAreaInner";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -26,7 +24,7 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     style = _ref2.style,
     classNames = _ref2.classNames,
     _ref2$expand = _ref2.expand,
-    expand = _ref2$expand === void 0 ? false : _ref2$expand,
+    expand = _ref2$expand === void 0 ? true : _ref2$expand,
     setExpand = _ref2.setExpand,
     bottomAddons = _ref2.bottomAddons,
     topAddons = _ref2.topAddons,
@@ -34,19 +32,12 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     heights = _ref2.heights,
     _onSend = _ref2.onSend,
     rest = _objectWithoutProperties(_ref2, _excluded);
-  var _useMergeState = useMergeState(expand, {
-      defaultValue: expand,
-      onChange: setExpand
-    }),
-    _useMergeState2 = _slicedToArray(_useMergeState, 2),
-    fullscreen = _useMergeState2[0],
-    setFullscreen = _useMergeState2[1];
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsx(DraggablePanel, {
     className: className,
     classNames: classNames,
-    fullscreen: fullscreen,
+    fullscreen: expand,
     headerHeight: heights === null || heights === void 0 ? void 0 : heights.headerHeight,
     minHeight: heights === null || heights === void 0 ? void 0 : heights.minHeight,
     onSizeChange: onSizeChange,
@@ -69,7 +60,7 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
           className: styles.textarea,
           onSend: function onSend() {
             _onSend === null || _onSend === void 0 || _onSend();
-            setFullscreen(false);
+            setExpand === null || setExpand === void 0 || setExpand(false);
           },
           ref: ref,
           type: 'pure'

package/es/ChatInputArea/desktop/SendButton.js

@@ -45,7 +45,7 @@ var ChatSendButton = /*#__PURE__*/memo(function (_ref) {
         children: [/*#__PURE__*/_jsx(Icon, {
           icon: CornerDownLeft
         }), /*#__PURE__*/_jsx("span", {
-          children: (texts === null || texts === void 0 ? void 0 : texts.warp) || 'Warp'
+          children: (texts === null || texts === void 0 ? void 0 : texts.send) || 'Send'
         }), /*#__PURE__*/_jsx("span", {
           children: "/"
         }), /*#__PURE__*/_jsxs(Flexbox, {
@@ -56,7 +56,7 @@ var ChatSendButton = /*#__PURE__*/memo(function (_ref) {
             icon: CornerDownLeft
           })]
         }), /*#__PURE__*/_jsx("span", {
-          children: (texts === null || texts === void 0 ? void 0 : texts.send) || 'Send'
+          children: (texts === null || texts === void 0 ? void 0 : texts.warp) || 'Warp'
         })]
       }), rightAddons, loading ? /*#__PURE__*/_jsx(Button, {
         icon: loading && /*#__PURE__*/_jsx(Icon, {

package/es/ChatInputArea/mobile/ChatInputArea.js

@@ -15,15 +15,15 @@ import { Flexbox } from 'react-layout-kit';
 import useMergeState from 'use-merge-value';
 import ActionIcon from "../../ActionIcon";
 import ChatInputAreaInner from "../ChatInputAreaInner";
-import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
   return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding: 12px 0;\n      background: ", ";\n      border-top: 1px solid ", ";\n    "])), token.colorBgLayout, rgba(token.colorBorder, 0.25)),
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding: 12px 0;\n      background: ", ";\n      border-top: 1px solid ", ";\n    "])), token.colorFillQuaternary, rgba(token.colorBorder, 0.25)),
     fullscreen: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      height: 100%;\n    "]))),
-    fullscreenButton: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: absolute;\n      right: 14px;\n    "]))),
+    fullscreenButton: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: absolute;\n      left: 14px;\n    "]))),
     fullscreenTextArea: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      flex: 1;\n    "]))),
     inner: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      height: inherit;\n      padding: 0 8px;\n    "])))
   };
@@ -68,14 +68,12 @@ var MobileChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     return fullscreen ? /*#__PURE__*/_jsxs(Flexbox, {
       className: styles.inner,
       gap: 8,
-      style: {
-        paddingTop: 36
-      },
-      children: [children, /*#__PURE__*/_jsxs(Flexbox, {
+      children: [/*#__PURE__*/_jsxs(Flexbox, {
+        gap: 8,
         horizontal: true,
-        justify: 'space-between',
-        children: [textAreaLeftAddons || /*#__PURE__*/_jsx("div", {}), textAreaRightAddons || /*#__PURE__*/_jsx("div", {})]
-      })]
+        justify: 'flex-end',
+        children: [textAreaLeftAddons, textAreaRightAddons]
+      }), children, topAddons, bottomAddons]
     }) : /*#__PURE__*/_jsxs(Flexbox, {
       align: 'flex-end',
       className: styles.inner,
@@ -91,8 +89,7 @@ var MobileChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     style: style,
     children: [topAddons && /*#__PURE__*/_jsx(Flexbox, {
       style: showAddons ? {} : {
-        height: 0,
-        overflow: 'hidden'
+        display: 'none'
       },
       children: topAddons
     }), /*#__PURE__*/_jsxs(Flexbox, {
@@ -112,7 +109,10 @@ var MobileChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
           blockSize: 24,
           borderRadius: '50%',
           fontSize: 14
-        }
+        },
+        style: fullscreen ? {
+          top: 6
+        } : {}
       }), /*#__PURE__*/_jsx(InnerContainer, {
         children: /*#__PURE__*/_jsx(ChatInputAreaInner, _objectSpread({
           autoSize: fullscreen ? false : {
@@ -136,8 +136,7 @@ var MobileChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       })]
     }), bottomAddons && /*#__PURE__*/_jsx(Flexbox, {
       style: showAddons ? {} : {
-        height: 0,
-        overflow: 'hidden'
+        display: 'none'
       },
       children: bottomAddons
     })]

package/package.json

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