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

package/src/components/ui/input.tsx

@@ -1,28 +1,28 @@
-import * as React from 'react';
-
-import { cn } from '../../lib/utils';
-
-const Input = React.forwardRef<
-  HTMLInputElement,
-  React.InputHTMLAttributes<HTMLInputElement>
->(({ className, type, ...props }, ref) => (
-  <input
-    type={type}
-    className={cn(
-      'h-[34px] px-[10px] py-[7px] 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)]',
-      'w-full',
-      className
-    )}
-    ref={ref}
-    {...props}
-  />
-));
-Input.displayName = 'Input';
-
-export { Input };
+import * as React from 'react';
+
+import { cn } from '../../lib/utils';
+
+const Input = React.forwardRef<
+  HTMLInputElement,
+  React.InputHTMLAttributes<HTMLInputElement>
+>(({ className, type, ...props }, ref) => (
+  <input
+    type={type}
+    className={cn(
+      'h-[34px] px-[10px] py-[7px] 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)]',
+      'w-full',
+      className
+    )}
+    ref={ref}
+    {...props}
+  />
+));
+Input.displayName = 'Input';
+
+export { Input };

package/src/components/ui/label.tsx

@@ -1,30 +1,30 @@
-import * as React from 'react';
-import * as LabelPrimitive from '@radix-ui/react-label';
-
-import { cn } from '../../lib/utils';
-
-interface LabelProps
-  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
-  required?: boolean;
-}
-
-const Label = React.forwardRef<
-  React.ElementRef<typeof LabelPrimitive.Root>,
-  LabelProps
->(({ className, children, required, ...props }, ref) => (
-  <LabelPrimitive.Root
-    ref={ref}
-    className={cn(
-      'text-[14px] font-bold text-[#030303] leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-foreground',
-      className
-    )}
-    {...props}
-  >
-    {required && <span className="text-[#ff5631]">*</span>}
-    {children}
-  </LabelPrimitive.Root>
-));
-Label.displayName = LabelPrimitive.Root.displayName;
-
-export { Label };
-export type { LabelProps };
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+
+import { cn } from '../../lib/utils';
+
+interface LabelProps
+  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+  required?: boolean;
+}
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  LabelProps
+>(({ className, children, required, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(
+      'text-[14px] font-bold text-[#030303] leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-foreground',
+      className
+    )}
+    {...props}
+  >
+    {required && <span className="text-[#ff5631]">*</span>}
+    {children}
+  </LabelPrimitive.Root>
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export { Label };
+export type { LabelProps };

package/src/components/ui/popover.tsx

@@ -1,85 +1,85 @@
-import * as React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-
-import { cn } from '../../lib/utils';
-
-const Popover = PopoverPrimitive.Root;
-
-const PopoverTrigger = PopoverPrimitive.Trigger;
-
-const PopoverAnchor = PopoverPrimitive.Anchor;
-
-type PopoverContentProps = React.ComponentPropsWithoutRef<
-  typeof PopoverPrimitive.Content
-> & {
-  portalContainer?: HTMLElement | null;
-};
-
-const PopoverContent = React.forwardRef<
-  React.ElementRef<typeof PopoverPrimitive.Content>,
-  PopoverContentProps
->(
-  (
-    { className, align = 'start', sideOffset = 4, portalContainer, style, onWheel, onOpenAutoFocus, ...props },
-    ref
-  ) => {
-    const handleWheel = portalContainer
-      ? (e: React.WheelEvent<HTMLDivElement>) => {
-          let el: HTMLElement | null = e.target as HTMLElement;
-          while (el && el !== e.currentTarget) {
-            const { overflowY } = window.getComputedStyle(el);
-            if (overflowY === 'auto' || overflowY === 'scroll') {
-              if (el.scrollHeight > el.clientHeight) {
-                const atTop = el.scrollTop <= 0;
-                const atBottom = el.scrollTop + el.clientHeight >= el.scrollHeight;
-                if ((e.deltaY < 0 && !atTop) || (e.deltaY > 0 && !atBottom)) {
-                  e.preventDefault();
-                  el.scrollTop += e.deltaY;
-                }
-                return;
-              }
-            }
-            el = el.parentElement;
-          }
-          onWheel?.(e);
-        }
-      : onWheel;
-
-    // 默认阻止 Radix 打开浮层时自动聚焦内部第一个可聚焦元素（通常是搜索框），
-    // 移动端会因此唤起软键盘，不是期望的交互；调用方仍可显式传 onOpenAutoFocus 覆盖
-    const handleOpenAutoFocus = onOpenAutoFocus ?? ((event: Event) => {
-      event.preventDefault();
-    });
-
-    return (
-      <PopoverPrimitive.Portal container={portalContainer ?? undefined}>
-        <PopoverPrimitive.Content
-          ref={ref}
-          align={align}
-          sideOffset={sideOffset}
-          onWheel={handleWheel}
-          onOpenAutoFocus={handleOpenAutoFocus}
-          className={cn(
-            'z-50 w-60 rounded-[8px] bg-white p-1 text-[#121111] shadow-[0px_6px_16px_rgba(0,0,0,0.06)] outline-none',
-            'data-[state=open]:animate-in data-[state=closed]:animate-out',
-            'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
-            'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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',
-            className
-          )}
-          style={{
-            transformOrigin: 'var(--radix-popover-content-transform-origin)',
-            ...style,
-          }}
-          {...props}
-        />
-      </PopoverPrimitive.Portal>
-    );
-  }
-);
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+
+import { cn } from '../../lib/utils';
+
+const Popover = PopoverPrimitive.Root;
+
+const PopoverTrigger = PopoverPrimitive.Trigger;
+
+const PopoverAnchor = PopoverPrimitive.Anchor;
+
+type PopoverContentProps = React.ComponentPropsWithoutRef<
+  typeof PopoverPrimitive.Content
+> & {
+  portalContainer?: HTMLElement | null;
+};
+
+const PopoverContent = React.forwardRef<
+  React.ElementRef<typeof PopoverPrimitive.Content>,
+  PopoverContentProps
+>(
+  (
+    { className, align = 'start', sideOffset = 4, portalContainer, style, onWheel, onOpenAutoFocus, ...props },
+    ref
+  ) => {
+    const handleWheel = portalContainer
+      ? (e: React.WheelEvent<HTMLDivElement>) => {
+          let el: HTMLElement | null = e.target as HTMLElement;
+          while (el && el !== e.currentTarget) {
+            const { overflowY } = window.getComputedStyle(el);
+            if (overflowY === 'auto' || overflowY === 'scroll') {
+              if (el.scrollHeight > el.clientHeight) {
+                const atTop = el.scrollTop <= 0;
+                const atBottom = el.scrollTop + el.clientHeight >= el.scrollHeight;
+                if ((e.deltaY < 0 && !atTop) || (e.deltaY > 0 && !atBottom)) {
+                  e.preventDefault();
+                  el.scrollTop += e.deltaY;
+                }
+                return;
+              }
+            }
+            el = el.parentElement;
+          }
+          onWheel?.(e);
+        }
+      : onWheel;
+
+    // 默认阻止 Radix 打开浮层时自动聚焦内部第一个可聚焦元素（通常是搜索框），
+    // 移动端会因此唤起软键盘，不是期望的交互；调用方仍可显式传 onOpenAutoFocus 覆盖
+    const handleOpenAutoFocus = onOpenAutoFocus ?? ((event: Event) => {
+      event.preventDefault();
+    });
+
+    return (
+      <PopoverPrimitive.Portal container={portalContainer ?? undefined}>
+        <PopoverPrimitive.Content
+          ref={ref}
+          align={align}
+          sideOffset={sideOffset}
+          onWheel={handleWheel}
+          onOpenAutoFocus={handleOpenAutoFocus}
+          className={cn(
+            'z-50 w-60 rounded-[8px] bg-white p-1 text-[#121111] shadow-[0px_6px_16px_rgba(0,0,0,0.06)] outline-none',
+            'data-[state=open]:animate-in data-[state=closed]:animate-out',
+            'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+            'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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',
+            className
+          )}
+          style={{
+            transformOrigin: 'var(--radix-popover-content-transform-origin)',
+            ...style,
+          }}
+          {...props}
+        />
+      </PopoverPrimitive.Portal>
+    );
+  }
+);
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };