@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
43 lines (42 loc) • 1.25 kB
JavaScript
"use client";
import TextArea from "../../../Input/TextArea.mjs";
import { memo, useRef } from "react";
import { jsx } from "react/jsx-runtime";
//#region src/chat/ChatInputArea/components/ChatInputAreaInner.tsx
const ChatInputAreaInner = memo(({ ref, resize = false, onCompositionEnd, onPressEnter, onCompositionStart, className, onInput, loading, onSend, onBlur, onChange, ...rest }) => {
const isChineseInput = useRef(false);
return /* @__PURE__ */ jsx(TextArea, {
className,
ref,
resize,
variant: "borderless",
onBlur: (e) => {
onInput?.(e.target.value);
onBlur?.(e);
},
onChange: (e) => {
onInput?.(e.target.value);
onChange?.(e);
},
onCompositionEnd: (e) => {
isChineseInput.current = false;
onCompositionEnd?.(e);
},
onCompositionStart: (e) => {
isChineseInput.current = true;
onCompositionStart?.(e);
},
onPressEnter: (e) => {
onPressEnter?.(e);
const isMobile = /mobi|android|iphone/i.test(navigator.userAgent);
if (!loading && !isChineseInput.current && (!isMobile && !e.shiftKey || isMobile && e.shiftKey)) {
e.preventDefault();
onSend?.();
}
},
...rest
});
});
//#endregion
export { ChatInputAreaInner as default };
//# sourceMappingURL=ChatInputAreaInner.mjs.map