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

package/src/components/agent-helper/agent-sort-select/index.tsx

@@ -1,89 +1,89 @@
-import { useState } from 'react';
-import { Check } from 'lucide-react';
-import { Popover, PopoverTrigger, PopoverContent } from '../../ui/popover';
-import { cn } from '../../../lib/utils';
-import { transCls } from '../../../const/ui';
-import { usePortalContainer } from '../../../hooks/use-portal-container';
-import { FontIcon } from '../../../components/font-icon';
-
-export type SortOrder = 'newest' | 'oldest';
-
-export interface AgentSortSelectProps {
-  value?: SortOrder;
-  onChange?: (value: SortOrder) => void;
-  className?: string;
-}
-
-const SORT_OPTIONS: { id: SortOrder; label: string }[] = [
-  { id: 'newest', label: '最新' },
-  { id: 'oldest', label: '最早' },
-];
-
-export const AgentSortSelect = ({
-  value = 'newest',
-  onChange,
-  className,
-}: AgentSortSelectProps) => {
-  const [open, setOpen] = useState(false);
-  const currentLabel = SORT_OPTIONS.find((o) => o.id === value)?.label ?? '最新';
-
-  const { portalContainer, setTriggerRef } = usePortalContainer('data-bs-weekdays-select-portal');
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <button
-          type="button"
-          ref={setTriggerRef}
-          className={cn(
-            'flex items-center gap-[6px] px-[10px] h-[34px] rounded-[4px] bg-transparent',
-            'text-[14px] text-[#030303] leading-[normal] whitespace-nowrap',
-            'hover:bg-[#EFF0F6]',
-            open && 'bg-[#EFF0F6]',
-            transCls,
-            className,
-          )}
-        >
-          <FontIcon code="&#xe86b;" className='text-[16px]' />
-          <span>{currentLabel}</span>
-        </button>
-      </PopoverTrigger>
-      <PopoverContent
-        align="start"
-        sideOffset={4}
-        className="w-auto min-w-[100px] rounded-[4px] bg-white p-[4px] shadow-[0px_0px_8px_rgba(0,0,0,0.1)]"
-        portalContainer={portalContainer}
-      >
-        {SORT_OPTIONS.map((option) => {
-          const isSelected = value === option.id;
-          return (
-            <button
-              key={option.id}
-              type="button"
-              onClick={() => {
-                onChange?.(option.id);
-                setOpen(false);
-              }}
-              className={cn(
-                'flex items-center justify-between w-full h-[34px] px-[10px] rounded-[4px] text-left',
-                isSelected ? 'bg-[#EFF0F6] text-[#0265FF]' : 'bg-white text-[#030303] hover:bg-[#EFF0F6]',
-                transCls,
-              )}
-            >
-              <span className="text-[14px] leading-[normal] whitespace-nowrap">
-                {option.label}
-              </span>
-              <Check
-                size={16}
-                className={cn(
-                  'shrink-0',
-                  isSelected ? 'opacity-100' : 'opacity-0',
-                )}
-              />
-            </button>
-          );
-        })}
-      </PopoverContent>
-    </Popover>
-  );
-};
+import { useState } from 'react';
+import { Check } from 'lucide-react';
+import { Popover, PopoverTrigger, PopoverContent } from '../../ui/popover';
+import { cn } from '../../../lib/utils';
+import { transCls } from '../../../const/ui';
+import { usePortalContainer } from '../../../hooks/use-portal-container';
+import { FontIcon } from '../../../components/font-icon';
+
+export type SortOrder = 'newest' | 'oldest';
+
+export interface AgentSortSelectProps {
+  value?: SortOrder;
+  onChange?: (value: SortOrder) => void;
+  className?: string;
+}
+
+const SORT_OPTIONS: { id: SortOrder; label: string }[] = [
+  { id: 'newest', label: '最新' },
+  { id: 'oldest', label: '最早' },
+];
+
+export const AgentSortSelect = ({
+  value = 'newest',
+  onChange,
+  className,
+}: AgentSortSelectProps) => {
+  const [open, setOpen] = useState(false);
+  const currentLabel = SORT_OPTIONS.find((o) => o.id === value)?.label ?? '最新';
+
+  const { portalContainer, setTriggerRef } = usePortalContainer('data-bs-weekdays-select-portal');
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <button
+          type="button"
+          ref={setTriggerRef}
+          className={cn(
+            'flex items-center gap-[6px] px-[10px] h-[34px] rounded-[4px] bg-transparent',
+            'text-[14px] text-[#030303] leading-[normal] whitespace-nowrap',
+            'hover:bg-[#EFF0F6]',
+            open && 'bg-[#EFF0F6]',
+            transCls,
+            className,
+          )}
+        >
+          <FontIcon code="&#xe86b;" className='text-[16px]' />
+          <span>{currentLabel}</span>
+        </button>
+      </PopoverTrigger>
+      <PopoverContent
+        align="start"
+        sideOffset={4}
+        className="w-auto min-w-[100px] rounded-[4px] bg-white p-[4px] shadow-[0px_0px_8px_rgba(0,0,0,0.1)]"
+        portalContainer={portalContainer}
+      >
+        {SORT_OPTIONS.map((option) => {
+          const isSelected = value === option.id;
+          return (
+            <button
+              key={option.id}
+              type="button"
+              onClick={() => {
+                onChange?.(option.id);
+                setOpen(false);
+              }}
+              className={cn(
+                'flex items-center justify-between w-full h-[34px] px-[10px] rounded-[4px] text-left',
+                isSelected ? 'bg-[#EFF0F6] text-[#0265FF]' : 'bg-white text-[#030303] hover:bg-[#EFF0F6]',
+                transCls,
+              )}
+            >
+              <span className="text-[14px] leading-[normal] whitespace-nowrap">
+                {option.label}
+              </span>
+              <Check
+                size={16}
+                className={cn(
+                  'shrink-0',
+                  isSelected ? 'opacity-100' : 'opacity-0',
+                )}
+              />
+            </button>
+          );
+        })}
+      </PopoverContent>
+    </Popover>
+  );
+};

package/src/components/agent-helper/agent-tag/index.tsx

@@ -1,29 +1,29 @@
-import { cn } from '../../../lib/utils';
-import { IAgentInfo } from '@baishuyun/types';
-
-export interface AgentTagProps {
-  agent: IAgentInfo;
-  className?: string;
-}
-
-export const AgentTag = ({ agent, className }: AgentTagProps) => {
-  return (
-    <div
-      className={cn(
-        'bg-[#e5e6eb] content-stretch flex gap-[4px] items-center px-[6px] rounded-[100px] w-fit h-[26px]',
-        className,
-      )}
-    >
-      <div className="relative rounded-[3.5px] shrink-0 size-[14px]">
-        <img
-          alt=""
-          className="absolute inset-0 max-w-none object-cover pointer-events-none rounded-[3.5px] size-full"
-          src={agent.icon}
-        />
-      </div>
-      <p className="leading-[normal] shrink-0 text-[#030303] text-[12px] whitespace-nowrap">
-        {agent.name}
-      </p>
-    </div>
-  );
-};
+import { cn } from '../../../lib/utils';
+import { IAgentInfo } from '@baishuyun/types';
+
+export interface AgentTagProps {
+  agent: IAgentInfo;
+  className?: string;
+}
+
+export const AgentTag = ({ agent, className }: AgentTagProps) => {
+  return (
+    <div
+      className={cn(
+        'bg-[#e5e6eb] content-stretch flex gap-[4px] items-center px-[6px] rounded-[100px] w-fit h-[26px]',
+        className,
+      )}
+    >
+      <div className="relative rounded-[3.5px] shrink-0 size-[14px]">
+        <img
+          alt=""
+          className="absolute inset-0 max-w-none object-cover pointer-events-none rounded-[3.5px] size-full"
+          src={agent.icon}
+        />
+      </div>
+      <p className="leading-[normal] shrink-0 text-[#030303] text-[12px] whitespace-nowrap">
+        {agent.name}
+      </p>
+    </div>
+  );
+};