@baishuyun/ai-design 2.0.37 → 2.1.0-alpha.0

package/src/components/ui/tabs.tsx

@@ -1,62 +1,62 @@
-import * as React from 'react';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-
-import { cn } from '../../lib/utils';
-
-const Tabs = TabsPrimitive.Root;
-
-const TabsList = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.List
-    ref={ref}
-    className={cn(
-      'inline-flex items-center w-full gap-[2px] p-[2px] bg-[#EFF0F6] rounded-[4px]',
-      className
-    )}
-    {...props}
-  />
-));
-TabsList.displayName = TabsPrimitive.List.displayName;
-
-const TabsTrigger = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Trigger
-    ref={ref}
-    className={cn(
-      'inline-flex items-center justify-center w-full h-[30px]',
-      'px-[10px] py-[7px] rounded-[4px]',
-      'text-[14px] text-[#121111] leading-normal',
-      'bg-transparent border border-solid border-[#EFF0F6]',
-      'transition-all duration-200 ease-out',
-      'outline-none cursor-pointer',
-      'hover:text-[#121111] hover:border-[#E0E0E0] hover:bg-white',
-      'data-[state=active]:text-[#0265FF] data-[state=active]:border-[#E0E0E0] data-[state=active]:bg-white',
-      'focus-visible:ring-2 focus-visible:ring-[#0265FF] focus-visible:ring-offset-1',
-      className
-    )}
-    {...props}
-  />
-));
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-
-const TabsContent = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Content
-    ref={ref}
-    className={cn(
-      'mt-2 outline-none',
-      'data-[state=inactive]:hidden',
-      className
-    )}
-    {...props}
-  />
-));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-
-export { Tabs, TabsList, TabsTrigger, TabsContent };
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+
+import { cn } from '../../lib/utils';
+
+const Tabs = TabsPrimitive.Root;
+
+const TabsList = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.List
+    ref={ref}
+    className={cn(
+      'inline-flex items-center w-full gap-[2px] p-[2px] bg-[#EFF0F6] rounded-[4px]',
+      className
+    )}
+    {...props}
+  />
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+
+const TabsTrigger = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      'inline-flex items-center justify-center w-full h-[30px]',
+      'px-[10px] py-[7px] rounded-[4px]',
+      'text-[14px] text-[#121111] leading-normal',
+      'bg-transparent border border-solid border-[#EFF0F6]',
+      'transition-all duration-200 ease-out',
+      'outline-none cursor-pointer',
+      'hover:text-[#121111] hover:border-[#E0E0E0] hover:bg-white',
+      'data-[state=active]:text-[#0265FF] data-[state=active]:border-[#E0E0E0] data-[state=active]:bg-white',
+      'focus-visible:ring-2 focus-visible:ring-[#0265FF] focus-visible:ring-offset-1',
+      className
+    )}
+    {...props}
+  />
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+
+const TabsContent = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn(
+      'mt-2 outline-none',
+      'data-[state=inactive]:hidden',
+      className
+    )}
+    {...props}
+  />
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/src/components/ui/textarea.tsx

@@ -1,28 +1,28 @@
-import * as React from 'react';
-
-import { cn } from '../../lib/utils';
-
-const Textarea = React.forwardRef<
-  HTMLTextAreaElement,
-  React.TextareaHTMLAttributes<HTMLTextAreaElement>
->(({ className, ...props }, ref) => (
-  <textarea
-    className={cn(
-      'h-[120px] p-[10px] rounded-[4px]',
-      'bg-white border border-[#e0e0e0]',
-      'text-[14px] text-[#030303] placeholder:text-[#999999]',
-      'focus:outline-none focus:border-[#0265ff] focus:ring-0',
-      'disabled:bg-[#eff0f6] disabled:cursor-not-allowed disabled:opacity-100',
-      'dark:bg-background dark:border-border dark:text-foreground dark:placeholder:text-muted-foreground',
-      'dark:disabled:bg-[oklch(0.279_0.041_260.031)]',
-      'resize-none',
-      'w-full',
-      className
-    )}
-    ref={ref}
-    {...props}
-  />
-));
-Textarea.displayName = 'Textarea';
-
-export { Textarea };
+import * as React from 'react';
+
+import { cn } from '../../lib/utils';
+
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.TextareaHTMLAttributes<HTMLTextAreaElement>
+>(({ className, ...props }, ref) => (
+  <textarea
+    className={cn(
+      'h-[120px] p-[10px] rounded-[4px]',
+      'bg-white border border-[#e0e0e0]',
+      'text-[14px] text-[#030303] placeholder:text-[#999999]',
+      'focus:outline-none focus:border-[#0265ff] focus:ring-0',
+      'disabled:bg-[#eff0f6] disabled:cursor-not-allowed disabled:opacity-100',
+      'dark:bg-background dark:border-border dark:text-foreground dark:placeholder:text-muted-foreground',
+      'dark:disabled:bg-[oklch(0.279_0.041_260.031)]',
+      'resize-none',
+      'w-full',
+      className
+    )}
+    ref={ref}
+    {...props}
+  />
+));
+Textarea.displayName = 'Textarea';
+
+export { Textarea };

package/src/components/ui/tooltip.tsx

@@ -1,53 +1,53 @@
-import * as React from 'react';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-
-import { cn } from '../../lib/utils';
-
-const TooltipZIndexContext = React.createContext<number | undefined>(undefined);
-
-type TooltipProviderProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider> & {
-  zIndex?: number;
-};
-
-const TooltipProvider = ({ zIndex, children, ...props }: TooltipProviderProps) => (
-  <TooltipZIndexContext.Provider value={zIndex}>
-    <TooltipPrimitive.Provider {...props}>{children}</TooltipPrimitive.Provider>
-  </TooltipZIndexContext.Provider>
-);
-
-const Tooltip = TooltipPrimitive.Root;
-
-const TooltipTrigger = TooltipPrimitive.Trigger;
-
-type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
-  portalContainer?: HTMLElement | null;
-};
-
-const TooltipContent = React.forwardRef<
-  React.ElementRef<typeof TooltipPrimitive.Content>,
-  TooltipContentProps
->(({ className, sideOffset = 4, portalContainer, style, ...props }, ref) => {
-  const zIndexFromProvider = React.useContext(TooltipZIndexContext);
-
-  return (
-    <TooltipPrimitive.Portal container={portalContainer ?? undefined}>
-      <TooltipPrimitive.Content
-        ref={ref}
-        sideOffset={sideOffset}
-        className={cn(
-          // 'z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]',
-          className
-        )}
-        style={zIndexFromProvider != null ? { ...style, zIndex: zIndexFromProvider } : style}
-        {...props}
-      >
-        {props.children}
-        <TooltipPrimitive.Arrow className="fill-[#525867] stroke-[#525867] stroke-[2px] stroke-linejoin-round [paint-order:stroke_fill]" />
-      </TooltipPrimitive.Content>
-    </TooltipPrimitive.Portal>
-  );
-});
-
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+import { cn } from '../../lib/utils';
+
+const TooltipZIndexContext = React.createContext<number | undefined>(undefined);
+
+type TooltipProviderProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider> & {
+  zIndex?: number;
+};
+
+const TooltipProvider = ({ zIndex, children, ...props }: TooltipProviderProps) => (
+  <TooltipZIndexContext.Provider value={zIndex}>
+    <TooltipPrimitive.Provider {...props}>{children}</TooltipPrimitive.Provider>
+  </TooltipZIndexContext.Provider>
+);
+
+const Tooltip = TooltipPrimitive.Root;
+
+const TooltipTrigger = TooltipPrimitive.Trigger;
+
+type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
+  portalContainer?: HTMLElement | null;
+};
+
+const TooltipContent = React.forwardRef<
+  React.ElementRef<typeof TooltipPrimitive.Content>,
+  TooltipContentProps
+>(({ className, sideOffset = 4, portalContainer, style, ...props }, ref) => {
+  const zIndexFromProvider = React.useContext(TooltipZIndexContext);
+
+  return (
+    <TooltipPrimitive.Portal container={portalContainer ?? undefined}>
+      <TooltipPrimitive.Content
+        ref={ref}
+        sideOffset={sideOffset}
+        className={cn(
+          // 'z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]',
+          className
+        )}
+        style={zIndexFromProvider != null ? { ...style, zIndex: zIndexFromProvider } : style}
+        {...props}
+      >
+        {props.children}
+        <TooltipPrimitive.Arrow className="fill-[#525867] stroke-[#525867] stroke-[2px] stroke-linejoin-round [paint-order:stroke_fill]" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  );
+});
+
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/src/components/user-txt-msg-bubble.tsx

@@ -1,47 +1,47 @@
-import { TextIcon } from "./bs-icons";
-import { CollapsibleTxtMsg } from "./collapsible-txt-msg";
-
-export interface UserTextMsgBubbleProps {
-  text?: string;
-  children?: string;
-}
-
-export const UserTextMsgBubble = ({ text, children }: UserTextMsgBubbleProps) => {
-  const content = (text || children) as string;
-
-  if (typeof content !== 'string') {
-    return (
-    <div
-      className="px-2.5 py-[7px] text-[#0265FF] text-[14px] w-fit"
-      style={{
-        borderRadius: `10px 0 10px 10px`,
-        wordWrap: 'break-word',
-        background: `linear-gradient(180deg, #DBE9FF 0%, #E9FFFD 100%)`,
-      }}
-    >
-      {content}
-    </div>
-    ) 
-  }
-
-  const isTooLong = content.length > 200;
-  const summary = `${content?.slice(0, 10)}...`;
-  return (
-    <div
-      className="px-2.5 py-[7px] text-[#0265FF] text-[14px] w-fit"
-      style={{
-        borderRadius: `10px 0 10px 10px`,
-        wordWrap: 'break-word',
-        background: `linear-gradient(180deg, #DBE9FF 0%, #E9FFFD 100%)`,
-      }}
-    >
-      {isTooLong ? (
-        <CollapsibleTxtMsg
-          icon={<TextIcon />}
-          ghost
-          title={summary}
-        >{content}</CollapsibleTxtMsg>
-      ) : content}
-    </div>
-  );
-};
+import { TextIcon } from "./bs-icons";
+import { CollapsibleTxtMsg } from "./collapsible-txt-msg";
+
+export interface UserTextMsgBubbleProps {
+  text?: string;
+  children?: string;
+}
+
+export const UserTextMsgBubble = ({ text, children }: UserTextMsgBubbleProps) => {
+  const content = (text || children) as string;
+
+  if (typeof content !== 'string') {
+    return (
+    <div
+      className="px-2.5 py-[7px] text-[#0265FF] text-[14px] w-fit"
+      style={{
+        borderRadius: `10px 0 10px 10px`,
+        wordWrap: 'break-word',
+        background: `linear-gradient(180deg, #DBE9FF 0%, #E9FFFD 100%)`,
+      }}
+    >
+      {content}
+    </div>
+    ) 
+  }
+
+  const isTooLong = content.length > 200;
+  const summary = `${content?.slice(0, 10)}...`;
+  return (
+    <div
+      className="px-2.5 py-[7px] text-[#0265FF] text-[14px] w-fit"
+      style={{
+        borderRadius: `10px 0 10px 10px`,
+        wordWrap: 'break-word',
+        background: `linear-gradient(180deg, #DBE9FF 0%, #E9FFFD 100%)`,
+      }}
+    >
+      {isTooLong ? (
+        <CollapsibleTxtMsg
+          icon={<TextIcon />}
+          ghost
+          title={summary}
+        >{content}</CollapsibleTxtMsg>
+      ) : content}
+    </div>
+  );
+};

package/src/components/warning-msg.tsx

@@ -1,27 +1,27 @@
-import { cn } from '../lib/utils';
-import { WarningImgUrl } from '../const/ui';
-
-export interface WarningMessageProps {
-  message?: string;
-  className?: string;
-}
-
-export const WarningMessage = ({
-  message = '程序错误，请刷新页面重试',
-  className,
-}: WarningMessageProps) => {
-  return (
-    <div className={cn('flex flex-col items-center gap-[10px]', className)}>
-      <div
-        className="bg-no-repeat bg-center"
-        style={{
-          backgroundImage: WarningImgUrl,
-          backgroundSize: '100% 100%',
-          width: 120,
-          height: 77,
-        }}
-      />
-      <p className="text-[12px] text-[#999] leading-normal">{message}</p>
-    </div>
-  );
-};
+import { cn } from '../lib/utils';
+import { WarningImgUrl } from '../const/ui';
+
+export interface WarningMessageProps {
+  message?: string;
+  className?: string;
+}
+
+export const WarningMessage = ({
+  message = '程序错误，请刷新页面重试',
+  className,
+}: WarningMessageProps) => {
+  return (
+    <div className={cn('flex flex-col items-center gap-[10px]', className)}>
+      <div
+        className="bg-no-repeat bg-center"
+        style={{
+          backgroundImage: WarningImgUrl,
+          backgroundSize: '100% 100%',
+          width: 120,
+          height: 77,
+        }}
+      />
+      <p className="text-[12px] text-[#999] leading-normal">{message}</p>
+    </div>
+  );
+};