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

package/src/lib/utils.ts

@@ -1,138 +1,138 @@
-import { clsx, type ClassValue } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import {
-  FieldType,
-  IAddress,
-  ILocation,
-  IField,
-  ILinkedData,
-  IFormAttachment,
-} from '@baishuyun/types';
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
-
-// 复制文本的核心函数（TypeScript 版本）
-export async function copyTextToClipboard(text: string): Promise<boolean> {
-  // 校验输入：确保复制的文本是字符串且非空
-  if (typeof text !== 'string' || text.trim() === '') {
-    console.error('要复制的文本必须是非空字符串');
-    return false;
-  }
-
-  try {
-    // 方案1：优先使用现代浏览器的 Clipboard API（更安全、无DOM操作）
-    if (navigator.clipboard && window.isSecureContext) {
-      await navigator.clipboard.writeText(text);
-      console.log('文本复制成功（Clipboard API）');
-      return true;
-    }
-
-    // 方案2：降级使用 execCommand（兼容旧浏览器，需创建临时DOM元素）
-    // 1. 创建临时textarea元素（隐藏，避免影响页面布局）
-    const textarea = document.createElement('textarea');
-    textarea.value = text;
-    textarea.style.position = 'fixed'; // 避免滚动条偏移
-    textarea.style.left = '-9999px';
-    textarea.style.top = '-9999px';
-    document.body.appendChild(textarea);
-
-    // 2. 选中文本并执行复制
-    textarea.focus();
-    textarea.select();
-    const success = document.execCommand('copy');
-
-    // 3. 移除临时元素
-    document.body.removeChild(textarea);
-
-    if (success) {
-      console.log('文本复制成功（execCommand 降级方案）');
-      return true;
-    } else {
-      throw new Error('execCommand 复制失败');
-    }
-  } catch (error) {
-    // 捕获复制失败的异常（如用户拒绝权限、浏览器不支持等）
-    console.error('文本复制失败：', error);
-    return false;
-  }
-}
-
-function isOptionArray(value: unknown): value is Array<{ label: string; value: string }> {
-  if (!Array.isArray(value)) {
-    return false;
-  }
-
-  return value.every(
-    (item) =>
-      typeof item === 'object' &&
-      item !== null &&
-      'label' in item &&
-      'value' in item &&
-      typeof (item as any).label === 'string' &&
-      typeof (item as any).value === 'string'
-  );
-}
-
-export const toHumanReadable = (value: unknown, type: FieldType): string | unknown => {
-  if (type === 'address' && typeof value === 'object') {
-    const v = value as IAddress;
-    return `${v.province} ${v.city} ${v.district} ${v.detail}`;
-  }
-
-  if (type === 'location' && typeof value === 'object') {
-    const v = value as ILocation;
-    const lnglatXY = v.lnglatXY || ['', ''];
-    return `经度: ${lnglatXY[0] || ''}, 纬度: ${lnglatXY[1] || ''}`;
-  }
-
-  if (
-    (type === 'upload' || type === 'image' || type === 'signature') &&
-    typeof value !== 'string'
-  ) {
-    const a = value as IFormAttachment;
-    return a.name;
-  }
-
-  if (type === 'linkdata') {
-    return (value as ILinkedData).label;
-  }
-
-  if (Array.isArray(value)) {
-    return value.join(', ');
-  }
-
-  if (isOptionArray(value)) {
-    const values = value.map((item) => item.value);
-    return values.join(', ');
-  }
-
-  return value;
-};
-
-export const isSubformFieldEqual = (f1: IField, f2: IField, widgetArrKey: string = 'value') => {
-  // 不是子表单字段，不进行比较，视为相等
-  if (f1?.widget?.type !== 'subform' || f2?.widget?.type !== 'subform') {
-    return true;
-  }
-
-  const subFields1 = (f1?.widget as any)[widgetArrKey] || [];
-  const subFields2 = (f2?.widget as any)[widgetArrKey] || [];
-
-  // 子表单字段长度不等，视为不同
-  if (subFields1.length !== subFields2.length) {
-    return false;
-  }
-
-  for (let i = 0; i < subFields1.length; i++) {
-    const subField1 = subFields1[i];
-    const subField2 = subFields2[i];
-
-    if (subField1.length !== subField2.length) {
-      return false;
-    }
-  }
-
-  return true;
-};
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import {
+  FieldType,
+  IAddress,
+  ILocation,
+  IField,
+  ILinkedData,
+  IFormAttachment,
+} from '@baishuyun/types';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+
+// 复制文本的核心函数（TypeScript 版本）
+export async function copyTextToClipboard(text: string): Promise<boolean> {
+  // 校验输入：确保复制的文本是字符串且非空
+  if (typeof text !== 'string' || text.trim() === '') {
+    console.error('要复制的文本必须是非空字符串');
+    return false;
+  }
+
+  try {
+    // 方案1：优先使用现代浏览器的 Clipboard API（更安全、无DOM操作）
+    if (navigator.clipboard && window.isSecureContext) {
+      await navigator.clipboard.writeText(text);
+      console.log('文本复制成功（Clipboard API）');
+      return true;
+    }
+
+    // 方案2：降级使用 execCommand（兼容旧浏览器，需创建临时DOM元素）
+    // 1. 创建临时textarea元素（隐藏，避免影响页面布局）
+    const textarea = document.createElement('textarea');
+    textarea.value = text;
+    textarea.style.position = 'fixed'; // 避免滚动条偏移
+    textarea.style.left = '-9999px';
+    textarea.style.top = '-9999px';
+    document.body.appendChild(textarea);
+
+    // 2. 选中文本并执行复制
+    textarea.focus();
+    textarea.select();
+    const success = document.execCommand('copy');
+
+    // 3. 移除临时元素
+    document.body.removeChild(textarea);
+
+    if (success) {
+      console.log('文本复制成功（execCommand 降级方案）');
+      return true;
+    } else {
+      throw new Error('execCommand 复制失败');
+    }
+  } catch (error) {
+    // 捕获复制失败的异常（如用户拒绝权限、浏览器不支持等）
+    console.error('文本复制失败：', error);
+    return false;
+  }
+}
+
+function isOptionArray(value: unknown): value is Array<{ label: string; value: string }> {
+  if (!Array.isArray(value)) {
+    return false;
+  }
+
+  return value.every(
+    (item) =>
+      typeof item === 'object' &&
+      item !== null &&
+      'label' in item &&
+      'value' in item &&
+      typeof (item as any).label === 'string' &&
+      typeof (item as any).value === 'string'
+  );
+}
+
+export const toHumanReadable = (value: unknown, type: FieldType): string | unknown => {
+  if (type === 'address' && typeof value === 'object') {
+    const v = value as IAddress;
+    return `${v.province} ${v.city} ${v.district} ${v.detail}`;
+  }
+
+  if (type === 'location' && typeof value === 'object') {
+    const v = value as ILocation;
+    const lnglatXY = v.lnglatXY || ['', ''];
+    return `经度: ${lnglatXY[0] || ''}, 纬度: ${lnglatXY[1] || ''}`;
+  }
+
+  if (
+    (type === 'upload' || type === 'image' || type === 'signature') &&
+    typeof value !== 'string'
+  ) {
+    const a = value as IFormAttachment;
+    return a.name;
+  }
+
+  if (type === 'linkdata') {
+    return (value as ILinkedData).label;
+  }
+
+  if (Array.isArray(value)) {
+    return value.join(', ');
+  }
+
+  if (isOptionArray(value)) {
+    const values = value.map((item) => item.value);
+    return values.join(', ');
+  }
+
+  return value;
+};
+
+export const isSubformFieldEqual = (f1: IField, f2: IField, widgetArrKey: string = 'value') => {
+  // 不是子表单字段，不进行比较，视为相等
+  if (f1?.widget?.type !== 'subform' || f2?.widget?.type !== 'subform') {
+    return true;
+  }
+
+  const subFields1 = (f1?.widget as any)[widgetArrKey] || [];
+  const subFields2 = (f2?.widget as any)[widgetArrKey] || [];
+
+  // 子表单字段长度不等，视为不同
+  if (subFields1.length !== subFields2.length) {
+    return false;
+  }
+
+  for (let i = 0; i < subFields1.length; i++) {
+    const subField1 = subFields1[i];
+    const subField2 = subFields2[i];
+
+    if (subField1.length !== subField2.length) {
+      return false;
+    }
+  }
+
+  return true;
+};

package/src/stories/AbsFullscreenGradientBg.stories.tsx

@@ -1,36 +1,36 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { AbsFullscreenGradientBg } from '../components/abs-fullscreen-gradient-bg';
-
-const meta = {
-  title: 'Example/Chat/AbsFullscreenGradientBg',
-  component: AbsFullscreenGradientBg,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'fullscreen',
-  },
-  args: {
-    zIndex: 1,
-  },
-} satisfies Meta<typeof AbsFullscreenGradientBg>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    zIndex: 1,
-  },
-};
-
-export const WithContent: Story = {
-  args: {
-    zIndex: 1,
-    children: (
-      <div style={{ position: 'relative', zIndex: 1, padding: '40px', color: '#333' }}>
-        <h1>Content over gradient background</h1>
-        <p>This demonstrates how content can be placed over the gradient background.</p>
-      </div>
-    ),
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { AbsFullscreenGradientBg } from '../components/abs-fullscreen-gradient-bg';
+
+const meta = {
+  title: 'Example/Chat/AbsFullscreenGradientBg',
+  component: AbsFullscreenGradientBg,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'fullscreen',
+  },
+  args: {
+    zIndex: 1,
+  },
+} satisfies Meta<typeof AbsFullscreenGradientBg>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    zIndex: 1,
+  },
+};
+
+export const WithContent: Story = {
+  args: {
+    zIndex: 1,
+    children: (
+      <div style={{ position: 'relative', zIndex: 1, padding: '40px', color: '#333' }}>
+        <h1>Content over gradient background</h1>
+        <p>This demonstrates how content can be placed over the gradient background.</p>
+      </div>
+    ),
+  },
+};

package/src/stories/AgentCategorySelectMenu.stories.tsx

@@ -1,33 +1,33 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { AgentCategorySelectMenu } from '../components/agent-helper/agent-category-select-menu';
-
-const meta = {
-  title: 'Agent Helper/AgentCategorySelectMenu',
-  component: AgentCategorySelectMenu,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  args: {
-    value: 'all-agent',
-    onChange: () => {},
-  },
-} satisfies Meta<typeof AgentCategorySelectMenu>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const SystemSelected: Story = {
-  args: {
-    value: 'system-agent',
-  },
-};
-
-export const CustomSelected: Story = {
-  args: {
-    value: 'custom-agent',
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { AgentCategorySelectMenu } from '../components/agent-helper/agent-category-select-menu';
+
+const meta = {
+  title: 'Agent Helper/AgentCategorySelectMenu',
+  component: AgentCategorySelectMenu,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  args: {
+    value: 'all-agent',
+    onChange: () => {},
+  },
+} satisfies Meta<typeof AgentCategorySelectMenu>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const SystemSelected: Story = {
+  args: {
+    value: 'system-agent',
+  },
+};
+
+export const CustomSelected: Story = {
+  args: {
+    value: 'custom-agent',
+  },
+};

package/src/stories/AgentEntryCard.stories.tsx

@@ -1,90 +1,90 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { AgentEntryCard } from '../components/agent-helper/agent-entry-card';
-import type { IAgentInfo } from '@baishuyun/types';
-
-const sampleAgent: IAgentInfo = {
-  id: 'agent-1',
-  name: 'AI翻译',
-  description:
-    '懂语境，不只是翻译字面——支持多语言互译，精准把握专业术语与日常口语。无论是工作中的外文邮件、旅行中的路标菜单，还是追剧时的生肉，交给它，准确又自然。内容最多两行，超出省略',
-  icon: 'https://picsum.photos/80/80',
-  version: 'V56',
-  lastUpdated: '2026-05-21 13:12:12',
-  installCount: 8000,
-};
-
-const meta = {
-  title: 'Agent Helper/AgentEntryCard',
-  component: AgentEntryCard,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  args: {
-    agent: sampleAgent,
-    onSelect: () => {},
-    onLogClick: () => {},
-  },
-} satisfies Meta<typeof AgentEntryCard>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const NoVersion: Story = {
-  args: {
-    agent: {
-      ...sampleAgent,
-      version: undefined,
-    },
-  },
-};
-
-export const NoLastUpdated: Story = {
-  args: {
-    agent: {
-      ...sampleAgent,
-      lastUpdated: undefined,
-    },
-  },
-};
-
-export const NoInstallCount: Story = {
-  args: {
-    agent: {
-      ...sampleAgent,
-      installCount: undefined,
-    },
-  },
-};
-
-export const Minimal: Story = {
-  args: {
-    agent: {
-      id: 'agent-minimal',
-      name: 'AI翻译',
-      icon: 'https://picsum.photos/80/80',
-    },
-  },
-};
-
-export const LongDescription: Story = {
-  args: {
-    agent: {
-      ...sampleAgent,
-      description:
-        '这是一段非常长的描述文字，用于测试两行省略的效果。当描述内容超过两行时，需要自动省略并在末尾显示省略号，确保卡片整体布局不被超长文本所破坏。这段文字应该足够长以达到测试效果。',
-    },
-  },
-};
-
-export const NoDescription: Story = {
-  args: {
-    agent: {
-      ...sampleAgent,
-      description: undefined,
-    },
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { AgentEntryCard } from '../components/agent-helper/agent-entry-card';
+import type { IAgentInfo } from '@baishuyun/types';
+
+const sampleAgent: IAgentInfo = {
+  id: 'agent-1',
+  name: 'AI翻译',
+  description:
+    '懂语境，不只是翻译字面——支持多语言互译，精准把握专业术语与日常口语。无论是工作中的外文邮件、旅行中的路标菜单，还是追剧时的生肉，交给它，准确又自然。内容最多两行，超出省略',
+  icon: 'https://picsum.photos/80/80',
+  version: 'V56',
+  lastUpdated: '2026-05-21 13:12:12',
+  installCount: 8000,
+};
+
+const meta = {
+  title: 'Agent Helper/AgentEntryCard',
+  component: AgentEntryCard,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  args: {
+    agent: sampleAgent,
+    onSelect: () => {},
+    onLogClick: () => {},
+  },
+} satisfies Meta<typeof AgentEntryCard>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const NoVersion: Story = {
+  args: {
+    agent: {
+      ...sampleAgent,
+      version: undefined,
+    },
+  },
+};
+
+export const NoLastUpdated: Story = {
+  args: {
+    agent: {
+      ...sampleAgent,
+      lastUpdated: undefined,
+    },
+  },
+};
+
+export const NoInstallCount: Story = {
+  args: {
+    agent: {
+      ...sampleAgent,
+      installCount: undefined,
+    },
+  },
+};
+
+export const Minimal: Story = {
+  args: {
+    agent: {
+      id: 'agent-minimal',
+      name: 'AI翻译',
+      icon: 'https://picsum.photos/80/80',
+    },
+  },
+};
+
+export const LongDescription: Story = {
+  args: {
+    agent: {
+      ...sampleAgent,
+      description:
+        '这是一段非常长的描述文字，用于测试两行省略的效果。当描述内容超过两行时，需要自动省略并在末尾显示省略号，确保卡片整体布局不被超长文本所破坏。这段文字应该足够长以达到测试效果。',
+    },
+  },
+};
+
+export const NoDescription: Story = {
+  args: {
+    agent: {
+      ...sampleAgent,
+      description: undefined,
+    },
+  },
+};