fix

Author: yoyo837

packages/x/components/sender/SlotTextArea.tsx

@@ -130,7 +130,7 @@ const SlotTextArea = React.forwardRef<SlotTextAreaRef>((_, ref) => {
     const span = document.createElement('span');
     span.setAttribute('contenteditable', 'true');
     span.dataset.slotKey = config.key;
-    span.className = classnames(`${prefixCls}-slot`, `${prefixCls}-slot-content`);
+    span.className = clsx(`${prefixCls}-slot`, `${prefixCls}-slot-content`);
     return span;
   };
 
@@ -139,7 +139,7 @@ const SlotTextArea = React.forwardRef<SlotTextAreaRef>((_, ref) => {
     span.setAttribute('contenteditable', 'false');
     span.dataset.slotKey = slotKey;
     span.dataset.nodeType = 'nbsp';
-    span.className = classnames(`${prefixCls}-slot-${positions}`, `${prefixCls}-slot-no-width`);
+    span.className = clsx(`${prefixCls}-slot-${positions}`, `${prefixCls}-slot-no-width`);
     span.innerHTML = '&nbsp;';
 
     return span;

packages/x/components/sender/components/Skill.tsx

@@ -1,6 +1,6 @@
 import { CloseOutlined } from '@ant-design/icons';
 import { Tooltip } from 'antd';
-import classnames from 'classnames';
+import { clsx } from 'clsx';
 import React, { useMemo } from 'react';
 import type { SkillType } from '../interface';
 
@@ -46,7 +46,7 @@ const Skill: React.FC<SkillProps> = ({
 
     const closeNode = (
       <div
-        className={classnames(`${componentCls}-close`, {
+        className={clsx(`${componentCls}-close`, {
           [`${componentCls}-close-disabled`]: config.disabled,
         })}
         onClick={handleClose}