@lobehub/ui 1.120.7 → 1.120.8

package/es/ActionIcon/calcSize.d.ts

@@ -1,5 +1,5 @@
 import { ActionIconSize } from "./index";
 export declare const calcSize: (size?: ActionIconSize) => {
-    blockSize: number;
-    borderRadius: number;
+    blockSize: string | number;
+    borderRadius: string | number;
 };

package/es/ActionIcon/index.d.ts

@@ -2,8 +2,8 @@
 import { type IconProps, type IconSizeConfig, type IconSizeType } from "../Icon";
 import { type TooltipProps } from "../Tooltip";
 interface ActionIconSizeConfig extends IconSizeConfig {
-    blockSize?: number;
-    borderRadius?: number;
+    blockSize?: number | string;
+    borderRadius?: number | string;
 }
 type ActionIconSizeType = 'site' | IconSizeType;
 export type ActionIconSize = ActionIconSizeType | ActionIconSizeConfig;

package/es/BackBottom/index.js

@@ -1,7 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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 { useScroll } from 'ahooks';
 import { Button } from 'antd';
 import { ListEnd } from 'lucide-react';
@@ -51,11 +48,7 @@ var BackBottom = /*#__PURE__*/memo(function (_ref) {
     onClick: scrollToBottom,
     ref: ref,
     size: 'small',
-    style: _objectSpread({
-      bottom: 16,
-      position: 'absolute',
-      right: 16
-    }, style),
+    style: style,
     children: text || 'Back to bottom'
   });
 });

package/es/BackBottom/style.js

@@ -1,10 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject;
 import { createStyles } from 'antd-style';
+import { rgba } from 'polished';
 export var useStyles = createStyles(function (_ref, visible) {
   var token = _ref.token,
     css = _ref.css,
     stylish = _ref.stylish,
-    cx = _ref.cx;
-  return cx(stylish.blur, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      pointer-events: ", ";\n\n      transform: translateY(", ");\n\n      padding-inline: 12px !important;\n\n      opacity: ", ";\n      background: ", ";\n      border-color: ", " !important;\n      border-radius: 16px !important;\n    "])), visible ? 'all' : 'none', visible ? 0 : '16px', visible ? 1 : 0, token.colorFillSecondary, token.colorFillTertiary));
+    cx = _ref.cx,
+    responsive = _ref.responsive;
+  return cx(stylish.blur, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      pointer-events: ", ";\n\n      position: absolute;\n      right: 16px;\n      bottom: 16px;\n      transform: translateY(", ");\n\n      padding-inline: 12px !important;\n\n      opacity: ", ";\n      background: ", ";\n      border-color: ", " !important;\n      border-radius: 16px !important;\n\n      ", " {\n        right: 0;\n        border-right: none;\n        border-top-right-radius: 0 !important;\n        border-bottom-right-radius: 0 !important;\n      }\n    "])), visible ? 'all' : 'none', visible ? 0 : '16px', visible ? 1 : 0, rgba(token.colorBgContainer, 0.5), token.colorFillTertiary, responsive.mobile));
 });

package/es/ChatInputArea/ChatInputActionBar.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface ChatInputActionBarProps {
+    leftAddons?: ReactNode;
+    mobile?: boolean;
+    padding?: number | string;
+    rightAddons?: ReactNode;
+}
+declare const ChatInputActionBar: import("react").NamedExoticComponent<ChatInputActionBarProps>;
+export default ChatInputActionBar;

package/es/ChatInputArea/ChatInputActionBar.js

@@ -0,0 +1,52 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+import { createStyles, useResponsive } from 'antd-style';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    cx = _ref.cx,
+    stylish = _ref.stylish;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n  "]))),
+    left: cx(stylish.noScrollbar, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      overflow: auto hidden;\n    "])))),
+    right: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([""])))
+  };
+});
+var ChatInputActionBar = /*#__PURE__*/memo(function (_ref2) {
+  var _ref2$padding = _ref2.padding,
+    padding = _ref2$padding === void 0 ? '0 16px' : _ref2$padding,
+    leftAddons = _ref2.leftAddons,
+    rightAddons = _ref2.rightAddons;
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsxs(Flexbox, {
+    align: 'center',
+    className: styles.container,
+    flex: 'none',
+    horizontal: true,
+    justify: 'space-between',
+    padding: padding,
+    children: [/*#__PURE__*/_jsx(Flexbox, {
+      align: 'center',
+      className: styles.left,
+      flex: 1,
+      gap: mobile ? 0 : 4,
+      horizontal: true,
+      children: leftAddons
+    }), /*#__PURE__*/_jsx(Flexbox, {
+      align: 'center',
+      className: styles.right,
+      flex: 0,
+      gap: mobile ? 0 : 4,
+      horizontal: true,
+      justify: 'flex-end',
+      children: rightAddons
+    })]
+  });
+});
+export default ChatInputActionBar;

package/es/ChatInputArea/ChatInputAreaInner.d.ts

@@ -0,0 +1,12 @@
+import { TextAreaRef } from 'antd/es/input/TextArea';
+import { CSSProperties } from 'react';
+import { TextAreaProps } from "../Input";
+export interface ChatInputAreaInnerProps extends Omit<TextAreaProps, 'onInput'> {
+    className?: string;
+    loading?: boolean;
+    onInput?: (value: string) => void;
+    onSend?: () => void;
+    style?: CSSProperties;
+}
+declare const ChatInputAreaInner: import("react").ForwardRefExoticComponent<ChatInputAreaInnerProps & import("react").RefAttributes<TextAreaRef>>;
+export default ChatInputAreaInner;

package/es/ChatInputArea/ChatInputAreaInner.js

@@ -0,0 +1,52 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["resize", "onCompositionEnd", "onPressEnter", "onCompositionStart", "className", "onInput", "loading", "onSend", "onBlur", "onChange"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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 { forwardRef, useRef } from 'react';
+import { TextArea } from "../Input";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ChatInputAreaInner = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$resize = _ref.resize,
+    resize = _ref$resize === void 0 ? false : _ref$resize,
+    _onCompositionEnd = _ref.onCompositionEnd,
+    _onPressEnter = _ref.onPressEnter,
+    _onCompositionStart = _ref.onCompositionStart,
+    className = _ref.className,
+    onInput = _ref.onInput,
+    loading = _ref.loading,
+    onSend = _ref.onSend,
+    _onBlur = _ref.onBlur,
+    _onChange = _ref.onChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var isChineseInput = useRef(false);
+  return /*#__PURE__*/_jsx(TextArea, _objectSpread({
+    className: className,
+    onBlur: function onBlur(e) {
+      onInput === null || onInput === void 0 || onInput(e.target.value);
+      _onBlur === null || _onBlur === void 0 || _onBlur(e);
+    },
+    onChange: function onChange(e) {
+      onInput === null || onInput === void 0 || onInput(e.target.value);
+      _onChange === null || _onChange === void 0 || _onChange(e);
+    },
+    onCompositionEnd: function onCompositionEnd(e) {
+      isChineseInput.current = false;
+      _onCompositionEnd === null || _onCompositionEnd === void 0 || _onCompositionEnd(e);
+    },
+    onCompositionStart: function onCompositionStart(e) {
+      isChineseInput.current = true;
+      _onCompositionStart === null || _onCompositionStart === void 0 || _onCompositionStart(e);
+    },
+    onPressEnter: function onPressEnter(e) {
+      _onPressEnter === null || _onPressEnter === void 0 || _onPressEnter(e);
+      if (!loading && !e.shiftKey && !isChineseInput.current) {
+        e.preventDefault();
+        onSend === null || onSend === void 0 || onSend();
+      }
+    },
+    ref: ref,
+    resize: resize
+  }, rest));
+});
+export default ChatInputAreaInner;

package/es/ChatInputArea/desktop/ChatInputArea.d.ts

@@ -0,0 +1,19 @@
+import { TextAreaRef } from 'antd/es/input/TextArea';
+import { ReactNode } from 'react';
+import { type DraggablePanelProps } from "../../DraggablePanel";
+import { type ChatInputAreaInnerProps } from '../ChatInputAreaInner';
+export interface ChatInputAreaProps extends Omit<ChatInputAreaInnerProps, 'classNames'> {
+    bottomAddons?: ReactNode;
+    classNames?: DraggablePanelProps['classNames'];
+    expand?: boolean;
+    heights?: {
+        headerHeight?: number;
+        inputHeight?: number;
+        minHeight?: number;
+    };
+    onSizeChange?: DraggablePanelProps['onSizeChange'];
+    setExpand?: (expand: boolean) => void;
+    topAddons?: ReactNode;
+}
+declare const ChatInputArea: import("react").ForwardRefExoticComponent<ChatInputAreaProps & import("react").RefAttributes<TextAreaRef>>;
+export default ChatInputArea;

package/es/ChatInputArea/desktop/ChatInputArea.js

@@ -0,0 +1,81 @@
+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"];
+var _templateObject, _templateObject2, _templateObject3;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n\n      height: 100%;\n      padding: 12px 0 16px;\n    "]))),
+    textarea: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      height: 100% !important;\n      padding: 0 24px;\n      line-height: 1.5;\n    "]))),
+    textareaContainer: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: relative;\n      flex: 1;\n    "])))
+  };
+});
+var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var className = _ref2.className,
+    style = _ref2.style,
+    classNames = _ref2.classNames,
+    _ref2$expand = _ref2.expand,
+    expand = _ref2$expand === void 0 ? false : _ref2$expand,
+    setExpand = _ref2.setExpand,
+    bottomAddons = _ref2.bottomAddons,
+    topAddons = _ref2.topAddons,
+    onSizeChange = _ref2.onSizeChange,
+    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,
+    headerHeight: heights === null || heights === void 0 ? void 0 : heights.headerHeight,
+    minHeight: heights === null || heights === void 0 ? void 0 : heights.minHeight,
+    onSizeChange: onSizeChange,
+    placement: "bottom",
+    size: {
+      height: heights === null || heights === void 0 ? void 0 : heights.inputHeight,
+      width: '100%'
+    },
+    style: _objectSpread({
+      zIndex: 10
+    }, style),
+    children: /*#__PURE__*/_jsxs("section", {
+      className: styles.container,
+      style: {
+        minHeight: heights === null || heights === void 0 ? void 0 : heights.minHeight
+      },
+      children: [topAddons, /*#__PURE__*/_jsx("div", {
+        className: styles.textareaContainer,
+        children: /*#__PURE__*/_jsx(ChatInputAreaInner, _objectSpread({
+          className: styles.textarea,
+          onSend: function onSend() {
+            _onSend === null || _onSend === void 0 || _onSend();
+            setFullscreen(false);
+          },
+          ref: ref,
+          type: 'pure'
+        }, rest))
+      }), bottomAddons]
+    })
+  });
+});
+export default ChatInputArea;

package/es/ChatInputArea/desktop/SendButton.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface ChatSendButtonProps {
+    className?: string;
+    leftAddons?: ReactNode;
+    loading?: boolean;
+    onSend?: () => void;
+    onStop?: () => void;
+    rightAddons?: ReactNode;
+    style?: CSSProperties;
+    texts?: {
+        send?: string;
+        stop?: string;
+        warp?: string;
+    };
+}
+declare const ChatSendButton: import("react").NamedExoticComponent<ChatSendButtonProps>;
+export default ChatSendButton;

package/es/ChatInputArea/desktop/SendButton.js

@@ -0,0 +1,76 @@
+import { Button } from 'antd';
+import { useTheme } from 'antd-style';
+import { ArrowBigUp, CornerDownLeft, Loader2 } from 'lucide-react';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import Icon from "../../Icon";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ChatSendButton = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    leftAddons = _ref.leftAddons,
+    rightAddons = _ref.rightAddons,
+    texts = _ref.texts,
+    onSend = _ref.onSend,
+    loading = _ref.loading,
+    onStop = _ref.onStop;
+  var theme = useTheme();
+  return /*#__PURE__*/_jsxs(Flexbox, {
+    align: 'end',
+    className: className,
+    distribution: 'space-between',
+    flex: 'none',
+    gap: 8,
+    horizontal: true,
+    padding: '0 24px',
+    style: style,
+    children: [/*#__PURE__*/_jsx(Flexbox, {
+      align: 'center',
+      gap: 8,
+      horizontal: true,
+      children: leftAddons
+    }), /*#__PURE__*/_jsxs(Flexbox, {
+      align: 'center',
+      gap: 8,
+      horizontal: true,
+      children: [/*#__PURE__*/_jsxs(Flexbox, {
+        gap: 4,
+        horizontal: true,
+        style: {
+          color: theme.colorTextDescription,
+          fontSize: 12,
+          marginRight: 12
+        },
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: CornerDownLeft
+        }), /*#__PURE__*/_jsx("span", {
+          children: (texts === null || texts === void 0 ? void 0 : texts.warp) || 'Warp'
+        }), /*#__PURE__*/_jsx("span", {
+          children: "/"
+        }), /*#__PURE__*/_jsxs(Flexbox, {
+          horizontal: true,
+          children: [/*#__PURE__*/_jsx(Icon, {
+            icon: ArrowBigUp
+          }), /*#__PURE__*/_jsx(Icon, {
+            icon: CornerDownLeft
+          })]
+        }), /*#__PURE__*/_jsx("span", {
+          children: (texts === null || texts === void 0 ? void 0 : texts.send) || 'Send'
+        })]
+      }), rightAddons, loading ? /*#__PURE__*/_jsx(Button, {
+        icon: loading && /*#__PURE__*/_jsx(Icon, {
+          icon: Loader2,
+          spin: true
+        }),
+        onClick: onStop,
+        children: (texts === null || texts === void 0 ? void 0 : texts.stop) || 'Stop'
+      }) : /*#__PURE__*/_jsx(Button, {
+        onClick: onSend,
+        type: 'primary',
+        children: (texts === null || texts === void 0 ? void 0 : texts.send) || 'Send'
+      })]
+    })]
+  });
+});
+export default ChatSendButton;

package/es/ChatInputArea/index.d.ts

@@ -1,18 +1,6 @@
-/// <reference types="react" />
-import { type InputRef } from 'antd';
-import { ChatInputAreaDesktop } from './Desktop';
-import { ChatInputAreaMobile } from './Mobile';
-export type ChatInputAreaProps = ChatInputAreaDesktop & ChatInputAreaMobile;
-declare const ChatInputArea: import("react").ForwardRefExoticComponent<import("./type").ChatInputBase & import("..").TextAreaProps & {
-    minHeight?: number | undefined;
-    textareaClassName?: string | undefined;
-    textareaId?: string | undefined;
-    textareaStyle?: import("react").CSSProperties | undefined;
-} & import("..").InputProps & {
-    inputClassName?: string | undefined;
-    inputId?: string | undefined;
-    inputStyle?: import("react").CSSProperties | undefined;
-    minHeight?: number | undefined;
-    safeArea?: boolean | undefined;
-} & import("react").RefAttributes<InputRef>>;
-export default ChatInputArea;
+export { default as ChatInputActionBar, type ChatInputActionBarProps } from './ChatInputActionBar';
+export { default as ChatInputAreaInner, type ChatInputAreaInnerProps } from './ChatInputAreaInner';
+export { default as ChatInputArea, type ChatInputAreaProps } from './desktop/ChatInputArea';
+export { default as ChatSendButton, type ChatSendButtonProps } from './desktop/SendButton';
+export { default as MobileChatInputArea, type MobileChatInputAreaProps, } from './mobile/ChatInputArea';
+export { default as MobileChatSendButton, type MobileChatSendButtonProps, } from './mobile/SendButton';

package/es/ChatInputArea/index.js

@@ -1,17 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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 { useResponsive } from 'antd-style';
-import { forwardRef } from 'react';
-import Desktop from "./Desktop";
-import Mobile from "./Mobile";
-import { jsx as _jsx } from "react/jsx-runtime";
-var ChatInputArea = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _useResponsive = useResponsive(),
-    mobile = _useResponsive.mobile;
-  var Render = mobile ? Mobile : Desktop;
-  return /*#__PURE__*/_jsx(Render, _objectSpread({
-    ref: ref
-  }, props));
-});
-export default ChatInputArea;
+export { default as ChatInputActionBar } from "./ChatInputActionBar";
+export { default as ChatInputAreaInner } from "./ChatInputAreaInner";
+export { default as ChatInputArea } from "./desktop/ChatInputArea";
+export { default as ChatSendButton } from "./desktop/SendButton";
+export { default as MobileChatInputArea } from "./mobile/ChatInputArea";
+export { default as MobileChatSendButton } from "./mobile/SendButton";

package/es/ChatInputArea/mobile/ChatInputArea.d.ts

@@ -0,0 +1,14 @@
+import { TextAreaRef } from 'antd/es/input/TextArea';
+import { CSSProperties, ReactNode } from 'react';
+import { type ChatInputAreaInnerProps } from '../ChatInputAreaInner';
+export interface MobileChatInputAreaProps extends ChatInputAreaInnerProps {
+    bottomAddons?: ReactNode;
+    expand?: boolean;
+    setExpand?: (expand: boolean) => void;
+    style?: CSSProperties;
+    textAreaLeftAddons?: ReactNode;
+    textAreaRightAddons?: ReactNode;
+    topAddons?: ReactNode;
+}
+declare const MobileChatInputArea: import("react").ForwardRefExoticComponent<MobileChatInputAreaProps & import("react").RefAttributes<TextAreaRef>>;
+export default MobileChatInputArea;

package/es/ChatInputArea/mobile/ChatInputArea.js

@@ -0,0 +1,146 @@
+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", "topAddons", "textAreaLeftAddons", "textAreaRightAddons", "bottomAddons", "expand", "setExpand"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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 { useSize } from 'ahooks';
+import { createStyles } from 'antd-style';
+import { ChevronDown, ChevronUp } from 'lucide-react';
+import { rgba } from 'polished';
+import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
+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";
+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)),
+    fullscreen: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      height: 100%;\n    "]))),
+    fullscreenButton: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: absolute;\n      right: 14px;\n    "]))),
+    fullscreenTextArea: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      flex: 1;\n    "]))),
+    inner: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      height: inherit;\n      padding: 0 8px;\n    "])))
+  };
+});
+var MobileChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var className = _ref2.className,
+    style = _ref2.style,
+    topAddons = _ref2.topAddons,
+    textAreaLeftAddons = _ref2.textAreaLeftAddons,
+    textAreaRightAddons = _ref2.textAreaRightAddons,
+    bottomAddons = _ref2.bottomAddons,
+    _ref2$expand = _ref2.expand,
+    expand = _ref2$expand === void 0 ? false : _ref2$expand,
+    setExpand = _ref2.setExpand,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var containerRef = useRef(null);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  var size = useSize(containerRef);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showFullscreen = _useState2[0],
+    setShowFullscreen = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFocused = _useState4[0],
+    setIsFocused = _useState4[1];
+  var _useMergeState = useMergeState(expand, {
+      defaultValue: expand,
+      onChange: setExpand
+    }),
+    _useMergeState2 = _slicedToArray(_useMergeState, 2),
+    fullscreen = _useMergeState2[0],
+    setFullscreen = _useMergeState2[1];
+  useEffect(function () {
+    if (!(size !== null && size !== void 0 && size.height)) return;
+    setShowFullscreen(size.height > 72);
+  }, [size]);
+  var InnerContainer = useCallback(function (_ref3) {
+    var children = _ref3.children;
+    return fullscreen ? /*#__PURE__*/_jsxs(Flexbox, {
+      className: styles.inner,
+      gap: 8,
+      style: {
+        paddingTop: 36
+      },
+      children: [children, /*#__PURE__*/_jsxs(Flexbox, {
+        horizontal: true,
+        justify: 'space-between',
+        children: [textAreaLeftAddons || /*#__PURE__*/_jsx("div", {}), textAreaRightAddons || /*#__PURE__*/_jsx("div", {})]
+      })]
+    }) : /*#__PURE__*/_jsxs(Flexbox, {
+      align: 'flex-end',
+      className: styles.inner,
+      gap: 8,
+      horizontal: true,
+      children: [textAreaLeftAddons, children, textAreaRightAddons]
+    });
+  }, [fullscreen]);
+  var showAddons = !fullscreen && !isFocused;
+  return /*#__PURE__*/_jsxs(Flexbox, {
+    className: cx(styles.container, fullscreen && styles.fullscreen, className),
+    gap: 12,
+    style: style,
+    children: [topAddons && /*#__PURE__*/_jsx(Flexbox, {
+      style: showAddons ? {} : {
+        height: 0,
+        overflow: 'hidden'
+      },
+      children: topAddons
+    }), /*#__PURE__*/_jsxs(Flexbox, {
+      className: cx(fullscreen && styles.fullscreen),
+      ref: containerRef,
+      style: {
+        position: 'relative'
+      },
+      children: [showFullscreen && /*#__PURE__*/_jsx(ActionIcon, {
+        active: true,
+        className: styles.fullscreenButton,
+        icon: fullscreen ? ChevronDown : ChevronUp,
+        onClick: function onClick() {
+          return setFullscreen(!fullscreen);
+        },
+        size: {
+          blockSize: 24,
+          borderRadius: '50%',
+          fontSize: 14
+        }
+      }), /*#__PURE__*/_jsx(InnerContainer, {
+        children: /*#__PURE__*/_jsx(ChatInputAreaInner, _objectSpread({
+          autoSize: fullscreen ? false : {
+            maxRows: 6,
+            minRows: 0
+          },
+          className: cx(fullscreen && styles.fullscreenTextArea),
+          onBlur: function onBlur() {
+            return setIsFocused(false);
+          },
+          onFocus: function onFocus() {
+            return setIsFocused(true);
+          },
+          ref: ref,
+          style: {
+            height: 36,
+            paddingBlock: 6
+          },
+          type: fullscreen ? 'pure' : 'block'
+        }, rest))
+      })]
+    }), bottomAddons && /*#__PURE__*/_jsx(Flexbox, {
+      style: showAddons ? {} : {
+        height: 0,
+        overflow: 'hidden'
+      },
+      children: bottomAddons
+    })]
+  });
+});
+export default MobileChatInputArea;

package/es/ChatInputArea/mobile/SendButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface MobileChatSendButtonProps {
+    loading?: boolean;
+    onSend?: () => void;
+    onStop?: () => void;
+}
+declare const MobileChatSendButton: import("react").NamedExoticComponent<MobileChatSendButtonProps>;
+export default MobileChatSendButton;

package/es/ChatInputArea/mobile/SendButton.js

@@ -0,0 +1,33 @@
+import { useTheme } from 'antd-style';
+import { Loader2, SendHorizonal } from 'lucide-react';
+import { readableColor } from 'polished';
+import { memo } from 'react';
+import ActionIcon from "../../ActionIcon";
+import { jsx as _jsx } from "react/jsx-runtime";
+var MobileChatSendButton = /*#__PURE__*/memo(function (_ref) {
+  var loading = _ref.loading,
+    onStop = _ref.onStop,
+    onSend = _ref.onSend;
+  var theme = useTheme();
+  var size = {
+    blockSize: 36,
+    fontSize: 16
+  };
+  return loading ? /*#__PURE__*/_jsx(ActionIcon, {
+    active: true,
+    icon: Loader2,
+    onClick: onStop,
+    size: size,
+    spin: true
+  }) : /*#__PURE__*/_jsx(ActionIcon, {
+    icon: SendHorizonal,
+    onClick: onSend,
+    size: size,
+    style: {
+      background: theme.colorPrimary,
+      color: readableColor(theme.colorPrimary),
+      flex: 'none'
+    }
+  });
+});
+export default MobileChatSendButton;

package/es/Icon/index.d.ts

@@ -2,7 +2,7 @@
 import { LucideIcon, LucideProps } from 'lucide-react';
 import { DivProps } from "../types";
 export interface IconSizeConfig extends Pick<LucideProps, 'strokeWidth' | 'absoluteStrokeWidth'> {
-    fontSize?: number;
+    fontSize?: number | string;
 }
 export type IconSizeType = 'large' | 'normal' | 'small';
 export type IconSize = IconSizeType | IconSizeConfig;

package/es/Input/index.js

@@ -8,7 +8,7 @@ import { Input as AntInput } from 'antd';
 import { forwardRef } from 'react';
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Input = /*#__PURE__*/forwardRef(function (_ref, reference) {
+export var Input = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'ghost' : _ref$type,
@@ -21,10 +21,10 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, reference) {
   return /*#__PURE__*/_jsx(AntInput, _objectSpread({
     bordered: type !== 'pure',
     className: cx(styles.input, className),
-    ref: reference
+    ref: ref
   }, rest));
 });
-export var TextArea = /*#__PURE__*/forwardRef(function (_ref2, reference) {
+export var TextArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? 'ghost' : _ref2$type,
@@ -40,7 +40,7 @@ export var TextArea = /*#__PURE__*/forwardRef(function (_ref2, reference) {
   return /*#__PURE__*/_jsx(AntInput.TextArea, _objectSpread({
     bordered: type !== 'pure',
     className: cx(styles.textarea, className),
-    ref: reference,
+    ref: ref,
     style: resize ? style : _objectSpread({
       resize: 'none'
     }, style)

package/es/MessageModal/index.js

@@ -70,7 +70,7 @@ var MessageModal = /*#__PURE__*/memo(function (_ref2) {
         padding: 16
       }
     } : {},
-    title: (text === null || text === void 0 ? void 0 : text.title) || 'Prompt',
+    title: text === null || text === void 0 ? void 0 : text.title,
     children: isEdit ? /*#__PURE__*/_jsx(MessageInput, {
       defaultValue: value,
       height: height,
@@ -82,11 +82,18 @@ var MessageModal = /*#__PURE__*/memo(function (_ref2) {
         onChange === null || onChange === void 0 || onChange(text);
       },
       placeholder: placeholder,
+      style: mobile ? {
+        height: '100%'
+      } : {},
       text: {
         cancel: text === null || text === void 0 ? void 0 : text.cancel,
         confirm: text === null || text === void 0 ? void 0 : text.confirm
       },
-      type: 'block'
+      textareaStyle: mobile ? {
+        flex: 1,
+        minHeight: 'unset'
+      } : {},
+      type: mobile ? 'pure' : 'block'
     }) : /*#__PURE__*/_jsxs(_Fragment, {
       children: [extra, /*#__PURE__*/_jsx(Markdown, {
         className: styles.markdown,

package/es/index.d.ts

@@ -6,7 +6,7 @@ export { default as BackBottom, type BackBottomProps } from './BackBottom';
 export { default as Burger, type BurgerProps } from './Burger';
 export { default as ChatHeader, type ChatHeaderProps } from './ChatHeader';
 export { default as ChatHeaderTitle, type ChatHeaderTitleProps, } from './ChatHeader/ChatHeaderTitle';
-export { default as ChatInputArea, type ChatInputAreaProps } from './ChatInputArea';
+export * from './ChatInputArea';
 export { default as ChatItem, type ChatItemProps } from './ChatItem';
 export type { ChatListProps, OnActionsClick, OnAvatatsClick, OnMessageChange, RenderAction, RenderErrorMessage, RenderItem, RenderMessage, RenderMessageExtra, } from './ChatList';
 export { default as ChatList } from './ChatList';

package/es/index.js

@@ -6,7 +6,7 @@ export { default as BackBottom } from "./BackBottom";
 export { default as Burger } from "./Burger";
 export { default as ChatHeader } from "./ChatHeader";
 export { default as ChatHeaderTitle } from "./ChatHeader/ChatHeaderTitle";
-export { default as ChatInputArea } from "./ChatInputArea";
+export * from "./ChatInputArea";
 export { default as ChatItem } from "./ChatItem";
 export { default as ChatList } from "./ChatList";
 export { default as ActionsBar } from "./ChatList/ActionsBar";

package/package.json

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

package/es/ChatInputArea/Action.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-export interface ActionProps {
-    /**
-     * @description Actions to be displayed in the input area
-     */
-    actions?: ReactNode;
-    actionsRight?: ReactNode;
-    expand?: boolean;
-    onExpandChange?: (expand: boolean) => void;
-}
-declare const Action: import("react").NamedExoticComponent<ActionProps>;
-export default Action;

package/es/ChatInputArea/Action.js

@@ -1,43 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
-import { createStyles, useResponsive } from 'antd-style';
-import { Maximize2, Minimize2 } from 'lucide-react';
-import { memo, useCallback } from 'react';
-import ActionIcon from "../ActionIcon";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
-  var css = _ref.css;
-  return {
-    actionLeft: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      flex: 1;\n      gap: 4px;\n      align-items: center;\n      justify-content: flex-start;\n    "]))),
-    actionsBar: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      display: flex;\n      flex: none;\n      align-items: center;\n      justify-content: space-between;\n\n      padding: 0 16px;\n    "]))),
-    actionsRight: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      display: flex;\n      flex: 0;\n      gap: 4px;\n      align-items: center;\n      justify-content: flex-end;\n    "])))
-  };
-});
-var Action = /*#__PURE__*/memo(function (_ref2) {
-  var actions = _ref2.actions,
-    actionsRight = _ref2.actionsRight,
-    expand = _ref2.expand,
-    onExpandChange = _ref2.onExpandChange;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
-  var _useResponsive = useResponsive(),
-    mobile = _useResponsive.mobile;
-  var handleExpandClick = useCallback(function () {
-    if (onExpandChange) onExpandChange(!expand);
-  }, [expand]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: styles.actionsBar,
-    children: [/*#__PURE__*/_jsx("div", {
-      className: styles.actionLeft,
-      children: actions
-    }), /*#__PURE__*/_jsxs("div", {
-      className: styles.actionsRight,
-      children: [actionsRight, !mobile && /*#__PURE__*/_jsx(ActionIcon, {
-        icon: expand ? Minimize2 : Maximize2,
-        onClick: handleExpandClick
-      })]
-    })]
-  });
-});
-export default Action;

package/es/ChatInputArea/Desktop.d.ts

@@ -1,17 +0,0 @@
-import { type InputRef } from 'antd';
-import { CSSProperties } from 'react';
-import { type TextAreaProps } from "../Input";
-import type { ChatInputBase } from './type';
-export type ChatInputAreaDesktop = ChatInputBase & TextAreaProps & {
-    minHeight?: number;
-    textareaClassName?: string;
-    textareaId?: string;
-    textareaStyle?: CSSProperties;
-};
-declare const ChatInputArea: import("react").ForwardRefExoticComponent<ChatInputBase & TextAreaProps & {
-    minHeight?: number | undefined;
-    textareaClassName?: string | undefined;
-    textareaId?: string | undefined;
-    textareaStyle?: CSSProperties | undefined;
-} & import("react").RefAttributes<InputRef>>;
-export default ChatInputArea;

package/es/ChatInputArea/Desktop.js

@@ -1,131 +0,0 @@
-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", "textareaClassName", "style", "textareaStyle", "minHeight", "className", "actions", "footer", "expand", "placeholder", "onExpandChange", "onSend", "defaultValue", "loading", "disabled", "onInputChange", "onPressEnter", "onCompositionStart", "onCompositionEnd", "onBlur", "onChange", "textareaId", "actionsRight", "onStop", "value"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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 { Button } from 'antd';
-import { Loader2 } from 'lucide-react';
-import { forwardRef, useCallback, useRef } from 'react';
-import useControlledState from 'use-merge-value';
-import Icon from "../Icon";
-import { TextArea } from "../Input";
-import Action from "./Action";
-import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var text = _ref.text,
-    textareaClassName = _ref.textareaClassName,
-    style = _ref.style,
-    textareaStyle = _ref.textareaStyle,
-    _ref$minHeight = _ref.minHeight,
-    minHeight = _ref$minHeight === void 0 ? 200 : _ref$minHeight,
-    className = _ref.className,
-    actions = _ref.actions,
-    footer = _ref.footer,
-    expand = _ref.expand,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? 'Type something to chat...' : _ref$placeholder,
-    onExpandChange = _ref.onExpandChange,
-    onSend = _ref.onSend,
-    _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
-    loading = _ref.loading,
-    disabled = _ref.disabled,
-    onInputChange = _ref.onInputChange,
-    _onPressEnter = _ref.onPressEnter,
-    _onCompositionStart = _ref.onCompositionStart,
-    _onCompositionEnd = _ref.onCompositionEnd,
-    _onBlur = _ref.onBlur,
-    _onChange = _ref.onChange,
-    _ref$textareaId = _ref.textareaId,
-    textareaId = _ref$textareaId === void 0 ? 'lobe-chat-input-area' : _ref$textareaId,
-    actionsRight = _ref.actionsRight,
-    onStop = _ref.onStop,
-    value = _ref.value,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useControlledState = useControlledState(defaultValue, {
-      defaultValue: defaultValue,
-      onChange: onInputChange,
-      value: value
-    }),
-    _useControlledState2 = _slicedToArray(_useControlledState, 2),
-    currentValue = _useControlledState2[0],
-    setCurrentValue = _useControlledState2[1];
-  var _useStyles = useStyles(),
-    cx = _useStyles.cx,
-    styles = _useStyles.styles;
-  var isChineseInput = useRef(false);
-  var handleSend = useCallback(function () {
-    if (loading && disabled) return;
-    if (onSend) onSend(currentValue);
-    setCurrentValue('');
-  }, [disabled, currentValue]);
-  return /*#__PURE__*/_jsxs("section", {
-    className: cx(styles.container, className),
-    style: _objectSpread({
-      minHeight: minHeight
-    }, style),
-    children: [/*#__PURE__*/_jsx(Action, {
-      actions: actions,
-      actionsRight: actionsRight,
-      expand: expand,
-      onExpandChange: onExpandChange
-    }), /*#__PURE__*/_jsx("div", {
-      className: styles.textareaContainer,
-      children: /*#__PURE__*/_jsx(TextArea, _objectSpread(_objectSpread({
-        className: cx(styles.textarea, textareaClassName),
-        defaultValue: defaultValue,
-        id: textareaId,
-        ref: ref,
-        style: textareaStyle
-      }, rest), {}, {
-        onBlur: function onBlur(e) {
-          if (_onBlur) _onBlur(e);
-          setCurrentValue(e.target.value);
-        },
-        onChange: function onChange(e) {
-          if (_onChange) _onChange(e);
-          setCurrentValue(e.target.value);
-        },
-        onCompositionEnd: function onCompositionEnd(e) {
-          if (_onCompositionEnd) _onCompositionEnd(e);
-          isChineseInput.current = false;
-        },
-        onCompositionStart: function onCompositionStart(e) {
-          if (_onCompositionStart) _onCompositionStart(e);
-          isChineseInput.current = true;
-        },
-        onPressEnter: function onPressEnter(e) {
-          if (_onPressEnter) _onPressEnter(e);
-          if (!loading && !e.shiftKey && !isChineseInput.current) {
-            e.preventDefault();
-            handleSend();
-          }
-        },
-        placeholder: placeholder,
-        resize: false,
-        type: "pure",
-        value: currentValue
-      }))
-    }), /*#__PURE__*/_jsxs("div", {
-      className: styles.footerBar,
-      children: [footer, loading ? /*#__PURE__*/_jsx(Button, {
-        disabled: disabled,
-        icon: loading && /*#__PURE__*/_jsx(Icon, {
-          icon: Loader2,
-          spin: true
-        }),
-        onClick: onStop,
-        children: (text === null || text === void 0 ? void 0 : text.stop) || 'Stop'
-      }) : /*#__PURE__*/_jsx(Button, {
-        disabled: disabled,
-        onClick: handleSend,
-        type: 'primary',
-        children: (text === null || text === void 0 ? void 0 : text.send) || 'Send'
-      })]
-    })]
-  });
-});
-export default ChatInputArea;

package/es/ChatInputArea/Mobile.d.ts

@@ -1,19 +0,0 @@
-import { type InputRef } from 'antd';
-import { CSSProperties } from 'react';
-import { type InputProps } from "../Input";
-import type { ChatInputBase } from './type';
-export type ChatInputAreaMobile = ChatInputBase & InputProps & {
-    inputClassName?: string;
-    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,136 +0,0 @@
-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", "safeArea", "expand", "placeholder", "onExpandChange", "onSend", "defaultValue", "loading", "disabled", "onInputChange", "onPressEnter", "onCompositionStart", "onCompositionEnd", "onBlur", "onChange", "inputId", "actionsRight", "onStop", "value"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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 { Button } from 'antd';
-import { Loader2, SendHorizonal } from 'lucide-react';
-import { forwardRef, useCallback, useRef } from 'react';
-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";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var inputClassName = _ref.inputClassName,
-    style = _ref.style,
-    inputStyle = _ref.inputStyle,
-    _ref$minHeight = _ref.minHeight,
-    minHeight = _ref$minHeight === void 0 ? 200 : _ref$minHeight,
-    className = _ref.className,
-    actions = _ref.actions,
-    safeArea = _ref.safeArea,
-    expand = _ref.expand,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? 'Type something to chat...' : _ref$placeholder,
-    onExpandChange = _ref.onExpandChange,
-    onSend = _ref.onSend,
-    _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
-    loading = _ref.loading,
-    disabled = _ref.disabled,
-    onInputChange = _ref.onInputChange,
-    _onPressEnter = _ref.onPressEnter,
-    _onCompositionStart = _ref.onCompositionStart,
-    _onCompositionEnd = _ref.onCompositionEnd,
-    _onBlur = _ref.onBlur,
-    _onChange = _ref.onChange,
-    _ref$inputId = _ref.inputId,
-    inputId = _ref$inputId === void 0 ? 'lobe-chat-input-area' : _ref$inputId,
-    actionsRight = _ref.actionsRight,
-    onStop = _ref.onStop,
-    value = _ref.value,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useControlledState = useControlledState(defaultValue, {
-      defaultValue: defaultValue,
-      onChange: onInputChange,
-      value: value
-    }),
-    _useControlledState2 = _slicedToArray(_useControlledState, 2),
-    currentValue = _useControlledState2[0],
-    setCurrentValue = _useControlledState2[1];
-  var _useStyles = useStyles(),
-    cx = _useStyles.cx,
-    styles = _useStyles.styles;
-  var isChineseInput = useRef(false);
-  var handleSend = useCallback(function () {
-    if (loading && disabled) return;
-    if (onSend) onSend(currentValue);
-    setCurrentValue('');
-  }, [disabled, currentValue]);
-  return /*#__PURE__*/_jsxs(Flexbox, {
-    className: cx(styles.container, className),
-    gap: 12,
-    style: _objectSpread({
-      minHeight: minHeight
-    }, style),
-    children: [/*#__PURE__*/_jsx(Action, {
-      actions: actions,
-      actionsRight: actionsRight,
-      expand: expand,
-      onExpandChange: onExpandChange
-    }), /*#__PURE__*/_jsxs(Flexbox, {
-      className: styles.inner,
-      gap: 8,
-      horizontal: true,
-      children: [/*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({
-        className: cx(styles.input, inputClassName),
-        defaultValue: defaultValue,
-        id: inputId,
-        ref: ref,
-        style: inputStyle
-      }, rest), {}, {
-        onBlur: function onBlur(e) {
-          if (_onBlur) _onBlur(e);
-          setCurrentValue(e.target.value);
-        },
-        onChange: function onChange(e) {
-          if (_onChange) _onChange(e);
-          setCurrentValue(e.target.value);
-        },
-        onCompositionEnd: function onCompositionEnd(e) {
-          if (_onCompositionEnd) _onCompositionEnd(e);
-          isChineseInput.current = false;
-        },
-        onCompositionStart: function onCompositionStart(e) {
-          if (_onCompositionStart) _onCompositionStart(e);
-          isChineseInput.current = true;
-        },
-        onPressEnter: function onPressEnter(e) {
-          if (_onPressEnter) _onPressEnter(e);
-          if (!loading && !e.shiftKey && !isChineseInput.current) {
-            e.preventDefault();
-            handleSend();
-          }
-        },
-        placeholder: placeholder,
-        type: 'block',
-        value: currentValue
-      })), /*#__PURE__*/_jsx("div", {
-        children: loading ? /*#__PURE__*/_jsx(Button, {
-          disabled: disabled,
-          icon: loading && /*#__PURE__*/_jsx(Icon, {
-            icon: Loader2,
-            spin: true
-          }),
-          onClick: onStop
-        }) : /*#__PURE__*/_jsx(Button, {
-          disabled: disabled,
-          icon: /*#__PURE__*/_jsx(Icon, {
-            icon: SendHorizonal
-          }),
-          onClick: handleSend,
-          type: 'primary'
-        })
-      })]
-    }), safeArea && /*#__PURE__*/_jsx(MobileSafeArea, {
-      position: 'bottom'
-    })]
-  });
-});
-export default ChatInputArea;

package/es/ChatInputArea/style.d.ts

@@ -1,9 +0,0 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    actionLeft: import("antd-style").SerializedStyles;
-    actionsBar: import("antd-style").SerializedStyles;
-    actionsRight: import("antd-style").SerializedStyles;
-    container: import("antd-style").SerializedStyles;
-    footerBar: import("antd-style").SerializedStyles;
-    textarea: import("antd-style").SerializedStyles;
-    textareaContainer: import("antd-style").SerializedStyles;
-}>;

package/es/ChatInputArea/style.js

@@ -1,15 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-import { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref) {
-  var css = _ref.css;
-  return {
-    actionLeft: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      flex: 1;\n      gap: 4px;\n      align-items: center;\n      justify-content: flex-start;\n    "]))),
-    actionsBar: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      display: flex;\n      flex: none;\n      align-items: center;\n      justify-content: space-between;\n\n      padding: 0 16px;\n    "]))),
-    actionsRight: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      display: flex;\n      flex: 0;\n      gap: 4px;\n      align-items: center;\n      justify-content: flex-end;\n    "]))),
-    container: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: relative;\n\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n\n      height: 100%;\n      padding: 12px 0 16px;\n    "]))),
-    footerBar: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      display: flex;\n      flex: none;\n      gap: 8px;\n      align-items: center;\n      justify-content: flex-end;\n\n      padding: 0 24px;\n    "]))),
-    textarea: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      height: 100% !important;\n      padding: 0 24px;\n      line-height: 1.5;\n    "]))),
-    textareaContainer: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      position: relative;\n      flex: 1;\n    "])))
-  };
-});

package/es/ChatInputArea/style.mobile.d.ts

@@ -1,5 +0,0 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    container: import("antd-style").SerializedStyles;
-    inner: import("antd-style").SerializedStyles;
-    input: import("antd-style").SerializedStyles;
-}>;

package/es/ChatInputArea/style.mobile.js

@@ -1,13 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
-import { createStyles } from 'antd-style';
-import { rgba } from 'polished';
-export 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)),
-    inner: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding: 0 16px;\n    "]))),
-    input: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      background: ", " !important;\n      border: none !important;\n    "])), token.colorFillSecondary)
-  };
-});

package/es/ChatInputArea/type.d.ts

@@ -1,33 +0,0 @@
-import { ReactNode } from 'react';
-import { ActionProps } from "./Action";
-export interface ChatInputBase extends ActionProps {
-    /**
-     * @description Default value for the input area
-     */
-    defaultValue?: string;
-    /**
-     * @description Footer content to be displayed below the input area
-     */
-    footer?: ReactNode;
-    /**
-     * @description Whether the input area is in loading state
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * @description Callback function when the input value changes
-     * @param value - The current value of the input area
-     */
-    onInputChange?: (value: string) => void;
-    /**
-     * @description Callback function when the send button is clicked
-     * @param value - The current value of the input area
-     */
-    onSend?: (value: string) => void;
-    onStop?: () => void;
-    text?: {
-        send?: string;
-        stop?: string;
-    };
-    value?: string;
-}

package/es/ChatInputArea/type.js

@@ -1 +0,0 @@
-export {};