@baishuyun/ai-design 2.0.53 → 2.0.55

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @baishuyun/ai-design
 
+## 2.0.55
+
+### Patch Changes
+
+- 移动端样式更新
+- Updated dependencies
+  - @baishuyun/ai-feat-utils@2.0.50
+  - @baishuyun/types@3.0.46
+
+## 2.0.54
+
+### Patch Changes
+
+- bugfix
+- Updated dependencies
+  - @baishuyun/ai-feat-utils@2.0.49
+  - @baishuyun/types@3.0.45
+
 ## 2.0.53
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ai-design",
-  "version": "2.0.53",
+  "version": "2.0.55",
   "description": "AI 功能 UI 组件库 - 所有 AI 功能的 UI 表现唯一真相来源",
   "type": "module",
   "main": "src/index.ts",
@@ -60,8 +60,8 @@
     "tw-animate-css": "^1.4.0",
     "vaul": "^1.1.2",
     "zod": "^4.1.13",
-    "@baishuyun/ai-feat-utils": "2.0.48",
-    "@baishuyun/types": "3.0.44"
+    "@baishuyun/ai-feat-utils": "2.0.50",
+    "@baishuyun/types": "3.0.46"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -84,7 +84,7 @@
     "vite": "^5.1.4",
     "vite-plugin-dts": "^4.5.4",
     "@baishuyun/tailwind-config": "3.0.9",
-    "@baishuyun/types": "3.0.44",
+    "@baishuyun/types": "3.0.46",
     "@baishuyun/typescript-config": "2.0.9"
   },
   "keywords": [],

package/src/components/circle-checker.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { cn } from '../lib/utils';
 import { CheckerInBoxIcon } from './bs-icons';
+import classNames from 'classnames';
 
 export interface CircleCheckerProps {
   defaultChecked?: boolean;
@@ -9,6 +10,7 @@ export interface CircleCheckerProps {
   children?: React.ReactNode;
   disabled?: boolean;
   className?: string;
+  isMobile?: boolean;
 }
 
 export const CircleChecker = ({
@@ -17,6 +19,7 @@ export const CircleChecker = ({
   onCheckedChange,
   children,
   disabled = false,
+  isMobile,
   className,
 }: CircleCheckerProps) => {
   const [internalChecked, setInternalChecked] = useState(defaultChecked);
@@ -34,6 +37,16 @@ export const CircleChecker = ({
     onCheckedChange?.(newChecked);
   };
 
+  const sizeCls = classNames({
+    'w-4 h-4': !isMobile,
+    'w-[20px] h-[20px]': isMobile
+  })
+
+  const fontCls = classNames({
+    'text-[14px]': !isMobile,
+    'text-[16px]': isMobile,
+  })
+
   return (
     <button
       type="button"
@@ -43,14 +56,16 @@ export const CircleChecker = ({
       onClick={handleClick}
       className={cn(
         'inline-flex items-center gap-[6px] cursor-pointer select-none',
-        'text-[#121111] text-[14px]',
+        'text-[#121111]',
+        fontCls,
         disabled && 'cursor-not-allowed opacity-50',
         className
       )}
     >
       <span
         className={cn(
-          'inline-flex items-center justify-center w-4 h-4 rounded-full transition-colors duration-200 box-border border',
+          'inline-flex items-center justify-center rounded-full transition-colors duration-200 box-border border',
+          sizeCls,
           isChecked ? 'bg-[#2E60FF] border-transparent' : 'bg-white border-[#e0e0e0]'
         )}
       >
@@ -60,7 +75,7 @@ export const CircleChecker = ({
           </span>
         )}
       </span>
-      {children && <span className="text-sm">{children}</span>}
+      {children && <span className="">{children}</span>}
     </button>
   );
 };

package/src/components/warning-msg.tsx

@@ -11,8 +11,8 @@ export const WarningMessage = ({
   className,
 }: WarningMessageProps) => {
   return (
-    <div className={cn('flex flex-col items-center gap-[10px]', className)}>
-      <div className="relative" style={{ width: 120, height: 77 }}>
+    <div className={cn('flex flex-col items-center gap-[10px] mt-[40px]', className)}>
+      <div className="relative" style={{ width: 120, height: 58 }}>
         <div
           className="bg-no-repeat"
           style={{
@@ -38,7 +38,7 @@ export const WarningMessage = ({
           }}
         />
       </div>
-      <p className="text-[14px] text-[#999] leading-normal">{message}</p>
+      <p className="text-[#999] leading-normal">{message}</p>
     </div>
   );
 };