@agentscope-ai/chat 1.1.56 → 1.1.57

package/components/Sender/demo/basic.tsx

@@ -3,5 +3,5 @@ import { ChatInput } from '@agentscope-ai/chat';
 
 export default function () {
   const [value, setValue] = useState('Hello, Alibaba Cloud Spark Chat!');
-  return <ChatInput placeholder='Please type here...' value={value} onChange={setValue}></ChatInput>
+  return <ChatInput placeholder='Please type here...' value={value} onChange={setValue} maxLength={100}></ChatInput>
 }

package/components/Sender/index.tsx

@@ -430,8 +430,14 @@ const ForwardSender = React.forwardRef<SenderRef, SenderProps>((props, ref) => {
     isCompositionRef.current = true;
   };
 
-  const onInternalCompositionEnd = () => {
+  const onInternalCompositionEnd = (e: React.CompositionEvent<HTMLTextAreaElement>) => {
     isCompositionRef.current = false;
+    if (props.maxLength) {
+      const currentValue = (e.target as HTMLTextAreaElement).value;
+      if (currentValue.length > props.maxLength) {
+        triggerValueChange(currentValue.slice(0, props.maxLength));
+      }
+    }
   };
 
   const onInternalPressEnter: TextareaProps['onPressEnter'] = (e) => {
@@ -533,7 +539,10 @@ const ForwardSender = React.forwardRef<SenderRef, SenderProps>((props, ref) => {
         autoSize={autoSize}
         value={innerValue.slice(0, props.maxLength || Number.MAX_SAFE_INTEGER)}
         onChange={(event) => {
-          const nextValue = (event.target as HTMLTextAreaElement).value;
+          let nextValue = (event.target as HTMLTextAreaElement).value;
+          if (props.maxLength && !isCompositionRef.current && nextValue.length > props.maxLength) {
+            nextValue = nextValue.slice(0, props.maxLength);
+          }
           triggerValueChange(
             nextValue,
             event as React.ChangeEvent<HTMLTextAreaElement>,
@@ -639,7 +648,7 @@ const ForwardSender = React.forwardRef<SenderRef, SenderProps>((props, ref) => {
           >
             {
               props.maxLength ? <div className={`${actionListCls}-length`}>
-                {innerValue.length}/{props.maxLength}
+                {Math.min(innerValue.length, props.maxLength)}/{props.maxLength}
               </div> : null
             }
             <ActionButtonContext.Provider

package/lib/Sender/index.js

@@ -225,8 +225,14 @@ var ForwardSender = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onInternalCompositionStart = function onInternalCompositionStart() {
     isCompositionRef.current = true;
   };
-  var onInternalCompositionEnd = function onInternalCompositionEnd() {
+  var onInternalCompositionEnd = function onInternalCompositionEnd(e) {
     isCompositionRef.current = false;
+    if (props.maxLength) {
+      var currentValue = e.target.value;
+      if (currentValue.length > props.maxLength) {
+        triggerValueChange(currentValue.slice(0, props.maxLength));
+      }
+    }
   };
   var onInternalPressEnter = function onInternalPressEnter(e) {
     var canSubmit = !isCompositionRef.current && !suggestionOpenRef.current;
@@ -326,6 +332,9 @@ var ForwardSender = /*#__PURE__*/React.forwardRef(function (props, ref) {
       value: innerValue.slice(0, props.maxLength || Number.MAX_SAFE_INTEGER),
       onChange: function onChange(event) {
         var nextValue = event.target.value;
+        if (props.maxLength && !isCompositionRef.current && nextValue.length > props.maxLength) {
+          nextValue = nextValue.slice(0, props.maxLength);
+        }
         triggerValueChange(nextValue, event);
         if (hasSuggestions) {
           var nextSlashCommandKeyword = getSlashCommandKeyword(nextValue);
@@ -413,7 +422,7 @@ var ForwardSender = /*#__PURE__*/React.forwardRef(function (props, ref) {
             style: styles.actions,
             children: [props.maxLength ? /*#__PURE__*/_jsxs("div", {
               className: "".concat(actionListCls, "-length"),
-              children: [innerValue.length, "/", props.maxLength]
+              children: [Math.min(innerValue.length, props.maxLength), "/", props.maxLength]
             }) : null, /*#__PURE__*/_jsx(ActionButtonContext.Provider, {
               value: contextValue,
               children: actionNode

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/chat",
-  "version": "1.1.56",
+  "version": "1.1.57",
   "description": "a free and open-source chat framework for building excellent LLM-powered chat experiences",
   "license": "Apache-2.0",
   "sideEffects": [