@lobehub/ui 1.96.2 → 1.97.0

package/es/ChatInputArea/Mobile.d.ts

@@ -7,11 +7,13 @@ export type ChatInputAreaMobile = ChatInputBase & InputProps & {
     inputId?: string;
     inputStyle?: CSSProperties;
     minHeight?: number;
+    safeArea?: boolean;
 };
 declare const ChatInputArea: import("react").ForwardRefExoticComponent<ChatInputBase & InputProps & {
     inputClassName?: string | undefined;
     inputId?: string | undefined;
     inputStyle?: CSSProperties | undefined;
     minHeight?: number | undefined;
+    safeArea?: boolean | undefined;
 } & import("react").RefAttributes<InputRef>>;
 export default ChatInputArea;

package/es/ChatInputArea/Mobile.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 = ["inputClassName", "style", "inputStyle", "minHeight", "className", "actions", "expand", "placeholder", "onExpandChange", "onSend", "defaultValue", "loading", "disabled", "onInputChange", "onPressEnter", "onCompositionStart", "onCompositionEnd", "onBlur", "onChange", "inputId", "actionsRight", "onStop", "value"];
+var _excluded = ["inputClassName", "style", "inputStyle", "minHeight", "className", "actions", "safeArea", "expand", "placeholder", "onExpandChange", "onSend", "defaultValue", "loading", "disabled", "onInputChange", "onPressEnter", "onCompositionStart", "onCompositionEnd", "onBlur", "onChange", "inputId", "actionsRight", "onStop", "value"];
 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';
@@ -11,6 +11,7 @@ import { Flexbox } from 'react-layout-kit';
 import useControlledState from 'use-merge-value';
 import Icon from "../Icon";
 import { Input } from "../Input";
+import MobileSafeArea from "../MobileSafeArea";
 import Action from "./Action";
 import { useStyles } from "./style.mobile";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -23,6 +24,8 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     minHeight = _ref$minHeight === void 0 ? 200 : _ref$minHeight,
     className = _ref.className,
     actions = _ref.actions,
+    _ref$safeArea = _ref.safeArea,
+    safeArea = _ref$safeArea === void 0 ? true : _ref$safeArea,
     expand = _ref.expand,
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? 'Type something to chat...' : _ref$placeholder,
@@ -126,6 +129,8 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
           type: 'primary'
         })
       })]
+    }), safeArea && /*#__PURE__*/_jsx(MobileSafeArea, {
+      position: 'bottom'
     })]
   });
 });

package/es/ChatInputArea/index.d.ts

@@ -13,5 +13,6 @@ declare const ChatInputArea: import("react").ForwardRefExoticComponent<import(".
     inputId?: string | undefined;
     inputStyle?: import("react").CSSProperties | undefined;
     minHeight?: number | undefined;
+    safeArea?: boolean | undefined;
 } & import("react").RefAttributes<InputRef>>;
 export default ChatInputArea;

package/package.json

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