@fe-free/ai 4.2.4 → 6.0.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @fe-free/ai
 
+## 6.0.1
+
+### Patch Changes
+
+- feat: tailwindcss4
+- Updated dependencies
+  - @fe-free/icons@6.0.1
+  - @fe-free/core@6.0.1
+  - @fe-free/tool@6.0.1
+
 ## 4.2.4
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fe-free/ai",
-  "version": "4.2.4",
+  "version": "6.0.1",
   "description": "",
   "main": "./src/index.ts",
   "author": "",
@@ -18,7 +18,7 @@
     "lodash-es": "^4.17.21",
     "uuid": "^13.0.0",
     "zustand": "^4.5.7",
-    "@fe-free/core": "4.2.4"
+    "@fe-free/core": "6.0.1"
   },
   "peerDependencies": {
     "antd": "^5.27.1",
@@ -28,8 +28,8 @@
     "i18next-icu": "^2.4.1",
     "react": "^19.2.0",
     "react-i18next": "^16.4.0",
-    "@fe-free/icons": "4.2.4",
-    "@fe-free/tool": "4.2.4"
+    "@fe-free/icons": "6.0.1",
+    "@fe-free/tool": "6.0.1"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/src/m_sender/actions.tsx

@@ -44,7 +44,7 @@ function Actions(
         <Button
           type="primary"
           shape="circle"
-          icon={<Icons component={IconRecord} className="!text-lg" />}
+          icon={<Icons component={IconRecord} className="h-[28px]! text-lg!" />}
           onClick={() => {
             setType('record');
           }}
@@ -53,7 +53,7 @@ function Actions(
         <Button
           type="primary"
           shape="circle"
-          icon={<Icons component={SendIcon} className="!text-lg" />}
+          icon={<Icons component={SendIcon} className="h-[28px]! text-lg!" />}
           loading={isLoading}
           onClick={handleSubmit}
         />

package/src/m_sender/record.tsx

@@ -144,7 +144,7 @@ function RecordAction(
       {isRecording ? (
         <>
           <RecordLoading count={30} gap={4} />
-          <div className="absolute left-0 right-0 top-0 -mt-[50px] flex h-[50px] items-end justify-center bg-white pb-2 text-03">
+          <div className="text-03 absolute top-0 right-0 left-0 -mt-[50px] flex h-[50px] items-end justify-center bg-white pb-2">
             {isCancel && <div className="text-red08">松开取消</div>}
             {!isCancel && <div className="text-03">松开发送&nbsp;&nbsp;上移取消</div>}
           </div>
@@ -157,13 +157,13 @@ function RecordAction(
         <Button
           type="text"
           shape="circle"
-          icon={<Icons component={IconKeyboard} className="!text-xl text-white" />}
+          icon={<Icons component={IconKeyboard} className="h-[28px]! text-xl! text-white!" />}
           onClick={() => {
             setType('input');
 
             refText.current?.focus();
           }}
-          className="absolute right-4"
+          className="absolute! right-4!"
         />
       )}
     </div>

package/src/messages/messages.tsx

@@ -117,7 +117,7 @@ function Messages<UserData, AIData>(props: MessagesProps<UserData, AIData>) {
     <PageLayout>
       <ScrollFixed
         refScroll={ref}
-        className="fea-messages-scroll relative flex h-full flex-col overflow-y-auto overflow-x-hidden"
+        className="fea-messages-scroll relative flex h-full flex-col overflow-x-hidden overflow-y-auto"
         style={{
           transform: `translateZ(0)`,
         }}
@@ -152,7 +152,7 @@ function Messages<UserData, AIData>(props: MessagesProps<UserData, AIData>) {
             onClick={() => {
               scrollToBottom();
             }}
-            className="pointer-events-auto bg-white text-2xl shadow-[0px_1px_12px_0px_#2921391F]"
+            className="pointer-events-auto! bg-white! text-2xl! shadow-[0px_1px_12px_0px_#2921391F]!"
             style={{
               transform: `translateY(${showScrollBottom ? 0 : 30}px) scale(${showScrollBottom ? 1 : 0})`,
               width: 44,

package/src/sender/actions.tsx

@@ -50,7 +50,7 @@ function Actions(
         <Button
           type="primary"
           shape="circle"
-          icon={<Icons component={SendIcon} className="!text-lg" />}
+          icon={<Icons component={SendIcon} className="h-[28px]! text-lg!" />}
           loading={isLoading}
           // disabled={loading}
           onClick={onSubmit}

package/src/sender/record.tsx

@@ -19,7 +19,7 @@ function RecordAction(props: SenderProps) {
     <Button
       type="text"
       shape="circle"
-      icon={<AudioOutlined className="!text-lg" />}
+      icon={<AudioOutlined className="text-lg!" />}
       onClick={() => onRecordingChange?.(true)}
     />
   );

package/src/style.scss

@@ -54,7 +54,7 @@
       z-index: 10;
 
       .ant-upload-drag {
-        border-color: theme('colors.primary');
+        border-color: var(--color-primary);
       }
     }
   }
@@ -65,12 +65,12 @@
   80%,
   100% {
     height: 4px;
-    box-shadow: 0 0 theme('colors.white');
+    box-shadow: 0 0 var(--color-white);
   }
 
   40% {
     height: 8px;
-    box-shadow: 0 -8px theme('colors.white');
+    box-shadow: 0 -8px var(--color-white);
   }
 }
 
@@ -79,12 +79,12 @@
   80%,
   100% {
     height: 4px;
-    box-shadow: 0 0 theme('colors.primary');
+    box-shadow: 0 0 var(--color-primary);
   }
 
   40% {
     height: 8px;
-    box-shadow: 0 -8px theme('colors.primary');
+    box-shadow: 0 -8px var(--color-primary);
   }
 }
 
@@ -92,7 +92,7 @@
   &:not(.fea-message-think-deep-seek) {
     .ant-think-content {
       border-inline-start: none;
-      background-color: theme('backgroundColor.01');
+      background-color: var(--background-color-01);
       padding: 12px 16px;
       border-radius: 8px;
     }