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

package/src/stories/LinearGradientColorBgAnimation.stories.tsx

@@ -1,60 +1,60 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-
-import { LinearGradientColorBgAnimation } from "../components/linear-gradient-color-bg-animation";
-
-const meta = {
-  title: "Example/Animation/LinearGradientColorBgAnimation",
-  component: LinearGradientColorBgAnimation,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered",
-  },
-  args: {},
-} satisfies Meta<typeof LinearGradientColorBgAnimation>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    width: '976px',
-    height: '52px',
-  },
-};
-
-export const WithContent: Story = {
-  args: {
-    width: '100vw',
-    height: '400px',
-  },
-  render: (args) => (
-    <LinearGradientColorBgAnimation {...args}>
-      <div style={{ 
-        display: 'flex', 
-        alignItems: 'center', 
-        justifyContent: 'center', 
-        height: '100%',
-        color: '#333',
-      }}>
-        <div style={{ textAlign: 'center' }}>
-          <h1 style={{ margin: '0 0 16px 0', fontSize: '48px' }}>Flowing Gradient</h1>
-          <p style={{ margin: 0, fontSize: '20px' }}>Natural animated background</p>
-        </div>
-      </div>
-    </LinearGradientColorBgAnimation>
-  ),
-};
-
-export const FixedSize: Story = {
-  args: {
-    width: '800px',
-    height: '300px',
-  },
-};
-
-export const TallSize: Story = {
-  args: {
-    width: '600px',
-    height: '600px',
-  },
-};
+import type { Meta, StoryObj } from "@storybook/react-vite";
+
+import { LinearGradientColorBgAnimation } from "../components/linear-gradient-color-bg-animation";
+
+const meta = {
+  title: "Example/Animation/LinearGradientColorBgAnimation",
+  component: LinearGradientColorBgAnimation,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered",
+  },
+  args: {},
+} satisfies Meta<typeof LinearGradientColorBgAnimation>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    width: '976px',
+    height: '52px',
+  },
+};
+
+export const WithContent: Story = {
+  args: {
+    width: '100vw',
+    height: '400px',
+  },
+  render: (args) => (
+    <LinearGradientColorBgAnimation {...args}>
+      <div style={{ 
+        display: 'flex', 
+        alignItems: 'center', 
+        justifyContent: 'center', 
+        height: '100%',
+        color: '#333',
+      }}>
+        <div style={{ textAlign: 'center' }}>
+          <h1 style={{ margin: '0 0 16px 0', fontSize: '48px' }}>Flowing Gradient</h1>
+          <p style={{ margin: 0, fontSize: '20px' }}>Natural animated background</p>
+        </div>
+      </div>
+    </LinearGradientColorBgAnimation>
+  ),
+};
+
+export const FixedSize: Story = {
+  args: {
+    width: '800px',
+    height: '300px',
+  },
+};
+
+export const TallSize: Story = {
+  args: {
+    width: '600px',
+    height: '600px',
+  },
+};

package/src/stories/MemoizedMarkdown.stories.tsx

@@ -1,102 +1,102 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-
-import { MemoizedMarkdown } from "../components/memoized-markdown";
-
-const meta = {
-  title: "Example/Chat/MemoizedMarkdown",
-  component: MemoizedMarkdown,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered",
-  },
-  args: {
-    id: "story-demo",
-  },
-} satisfies Meta<typeof MemoizedMarkdown>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const PlainText: Story = {
-  args: {
-    id: "plain-text",
-    content: "这是一段普通的文本内容，支持 **加粗** 和 *斜体* 等 Markdown 格式。",
-  },
-};
-
-export const CodeBlock: Story = {
-  args: {
-    id: "code-block",
-    content: `
-\`\`\`typescript
-interface User {
-  name: string;
-  age: number;
-}
-
-function greet(user: User): string {
-  return \`Hello, \${user.name}!\`;
-}
-\`\`\`
-    `.trim(),
-  },
-};
-
-export const WithTable: Story = {
-  args: {
-    id: "with-table",
-    content: `
-| 字段名 | 类型 | 必填 | 说明 |
-|--------|------|------|------|
-| name | string | 是 | 用户名称 |
-| age | number | 否 | 用户年龄 |
-| email | string | 是 | 电子邮箱 |
-    `.trim(),
-  },
-};
-
-export const LongContent: Story = {
-  args: {
-    id: "long-content",
-    content: `
-## 表单分析
-
-根据供应商管理逻辑设计表单，先填写供应商基础信息（ID、名称、联系人等），再通过子表单填写关联的产品信息。
-
-### 核心字段
-
-- **供应商ID**：唯一标识，必填
-- **供应商名称**：企业全称，必填
-- **联系人**：主要对接人，必填
-- **联系电话**：手机或座机，必填
-
-### 产品信息（子表单）
-
-| 字段名 | 类型 | 说明 |
-|--------|------|------|
-| 产品名称 | string | 产品名称 |
-| 型号 | string | 产品型号 |
-| 单价 | number | 单位价格 |
-
-> 核心字段均设为必填确保信息完整。试试下面建议吧！
-    `.trim(),
-  },
-};
-
-export const JSONCodeBlock: Story = {
-  args: {
-    id: "json-block",
-    content: `
-\`\`\`json
-{
-  "formName": "供应商信息表",
-  "version": "1.0.0",
-  "fields": [
-    { "name": "supplierId", "type": "string", "required": true },
-    { "name": "supplierName", "type": "string", "required": true }
-  ]
-}
-\`\`\`
-    `.trim(),
-  },
-};
+import type { Meta, StoryObj } from "@storybook/react-vite";
+
+import { MemoizedMarkdown } from "../components/memoized-markdown";
+
+const meta = {
+  title: "Example/Chat/MemoizedMarkdown",
+  component: MemoizedMarkdown,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered",
+  },
+  args: {
+    id: "story-demo",
+  },
+} satisfies Meta<typeof MemoizedMarkdown>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const PlainText: Story = {
+  args: {
+    id: "plain-text",
+    content: "这是一段普通的文本内容，支持 **加粗** 和 *斜体* 等 Markdown 格式。",
+  },
+};
+
+export const CodeBlock: Story = {
+  args: {
+    id: "code-block",
+    content: `
+\`\`\`typescript
+interface User {
+  name: string;
+  age: number;
+}
+
+function greet(user: User): string {
+  return \`Hello, \${user.name}!\`;
+}
+\`\`\`
+    `.trim(),
+  },
+};
+
+export const WithTable: Story = {
+  args: {
+    id: "with-table",
+    content: `
+| 字段名 | 类型 | 必填 | 说明 |
+|--------|------|------|------|
+| name | string | 是 | 用户名称 |
+| age | number | 否 | 用户年龄 |
+| email | string | 是 | 电子邮箱 |
+    `.trim(),
+  },
+};
+
+export const LongContent: Story = {
+  args: {
+    id: "long-content",
+    content: `
+## 表单分析
+
+根据供应商管理逻辑设计表单，先填写供应商基础信息（ID、名称、联系人等），再通过子表单填写关联的产品信息。
+
+### 核心字段
+
+- **供应商ID**：唯一标识，必填
+- **供应商名称**：企业全称，必填
+- **联系人**：主要对接人，必填
+- **联系电话**：手机或座机，必填
+
+### 产品信息（子表单）
+
+| 字段名 | 类型 | 说明 |
+|--------|------|------|
+| 产品名称 | string | 产品名称 |
+| 型号 | string | 产品型号 |
+| 单价 | number | 单位价格 |
+
+> 核心字段均设为必填确保信息完整。试试下面建议吧！
+    `.trim(),
+  },
+};
+
+export const JSONCodeBlock: Story = {
+  args: {
+    id: "json-block",
+    content: `
+\`\`\`json
+{
+  "formName": "供应商信息表",
+  "version": "1.0.0",
+  "fields": [
+    { "name": "supplierId", "type": "string", "required": true },
+    { "name": "supplierName", "type": "string", "required": true }
+  ]
+}
+\`\`\`
+    `.trim(),
+  },
+};

package/src/stories/MessageContent.stories.tsx

@@ -1,36 +1,36 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-
-import { MessageContent } from "../components/message-content";
-
-const meta = {
-  title: "Example/Chat/MessageContent",
-  component: MessageContent,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered",
-  },
-  args: {},
-} satisfies Meta<typeof MessageContent>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    children: "这是一条来自 AI 助手的消息内容",
-  },
-};
-
-export const WithLongContent: Story = {
-  args: {
-    children:
-      "这是一条比较长的消息内容，用于测试组件在长文本场景下的显示效果。AI 助手可能会返回较长的文本内容，需要确保排版正确。",
-  },
-};
-
-export const WithCustomClassName: Story = {
-  args: {
-    children: "自定义样式的消息内容",
-    className: "bg-blue-50 px-3 py-2 rounded-lg",
-  },
-};
+import type { Meta, StoryObj } from "@storybook/react-vite";
+
+import { MessageContent } from "../components/message-content";
+
+const meta = {
+  title: "Example/Chat/MessageContent",
+  component: MessageContent,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered",
+  },
+  args: {},
+} satisfies Meta<typeof MessageContent>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    children: "这是一条来自 AI 助手的消息内容",
+  },
+};
+
+export const WithLongContent: Story = {
+  args: {
+    children:
+      "这是一条比较长的消息内容，用于测试组件在长文本场景下的显示效果。AI 助手可能会返回较长的文本内容，需要确保排版正确。",
+  },
+};
+
+export const WithCustomClassName: Story = {
+  args: {
+    children: "自定义样式的消息内容",
+    className: "bg-blue-50 px-3 py-2 rounded-lg",
+  },
+};

package/src/stories/MonthdaysSelect.stories.tsx

@@ -1,78 +1,78 @@
-import { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { MonthdaysSelect, MonthdaysOptions } from '../components/agent-helper/monthdays-select';
-import type { repeatByMonthDetail } from '@baishuyun/types';
-
-const meta: Meta<typeof MonthdaysSelect> = {
-  title: 'Agent Helper/MonthdaysSelect',
-  component: MonthdaysSelect,
-  tags: ['autodocs'],
-  parameters: { layout: 'padded' },
-  decorators: [
-    (Story) => (
-      <div style={{ padding: 20, maxWidth: 400 }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const WithSpecificDays: Story = {
-  args: {
-    value: [1, 15, 28],
-  },
-};
-
-export const WithLastDay: Story = {
-  args: {
-    value: ['last'],
-  },
-};
-
-export const WithMixedSelection: Story = {
-  args: {
-    value: [1, 5, 15, 20, 'last'],
-  },
-};
-
-export const AllDaysSelected: Story = {
-  args: {
-    value: MonthdaysOptions.map((o) => o.value),
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    value: [1, 15],
-    disabled: true,
-  },
-};
-
-export const CustomPlaceholder: Story = {
-  args: {
-    placeholder: '选择每月重复的日期',
-  },
-};
-
-export const Interactive: Story = {
-  render: (args) => {
-    const [val, setVal] = useState<repeatByMonthDetail[]>([]);
-
-    return (
-      <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
-        <MonthdaysSelect {...args} value={val} onChange={setVal} />
-        <div style={{ padding: 12, background: '#F5F7FA', borderRadius: 8, fontSize: 14 }}>
-          <strong>当前值:</strong>
-          <span style={{ marginLeft: 8 }}>
-            {val.length > 0 ? val.join(', ') : '(未选择)'}
-          </span>
-        </div>
-      </div>
-    );
-  },
-};
+import { useState } from 'react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { MonthdaysSelect, MonthdaysOptions } from '../components/agent-helper/monthdays-select';
+import type { repeatByMonthDetail } from '@baishuyun/types';
+
+const meta: Meta<typeof MonthdaysSelect> = {
+  title: 'Agent Helper/MonthdaysSelect',
+  component: MonthdaysSelect,
+  tags: ['autodocs'],
+  parameters: { layout: 'padded' },
+  decorators: [
+    (Story) => (
+      <div style={{ padding: 20, maxWidth: 400 }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithSpecificDays: Story = {
+  args: {
+    value: [1, 15, 28],
+  },
+};
+
+export const WithLastDay: Story = {
+  args: {
+    value: ['last'],
+  },
+};
+
+export const WithMixedSelection: Story = {
+  args: {
+    value: [1, 5, 15, 20, 'last'],
+  },
+};
+
+export const AllDaysSelected: Story = {
+  args: {
+    value: MonthdaysOptions.map((o) => o.value),
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    value: [1, 15],
+    disabled: true,
+  },
+};
+
+export const CustomPlaceholder: Story = {
+  args: {
+    placeholder: '选择每月重复的日期',
+  },
+};
+
+export const Interactive: Story = {
+  render: (args) => {
+    const [val, setVal] = useState<repeatByMonthDetail[]>([]);
+
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+        <MonthdaysSelect {...args} value={val} onChange={setVal} />
+        <div style={{ padding: 12, background: '#F5F7FA', borderRadius: 8, fontSize: 14 }}>
+          <strong>当前值:</strong>
+          <span style={{ marginLeft: 8 }}>
+            {val.length > 0 ? val.join(', ') : '(未选择)'}
+          </span>
+        </div>
+      </div>
+    );
+  },
+};

package/src/stories/NumbersMsgPart.stories.tsx

@@ -1,42 +1,42 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { NumbersMsgPart } from '../components/number-part';
-
-const meta = {
-  title: 'Example/Chat/NumbersMsgPart',
-  component: NumbersMsgPart,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  args: {
-    fileName: '生产小工单.excel',
-  },
-} satisfies Meta<typeof NumbersMsgPart>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {},
-};
-
-export const Small: Story = {
-  args: {
-    size: 80,
-    fileName: undefined,
-  },
-};
-
-export const LongFileName: Story = {
-  args: {
-    fileName: '这是一个非常长的文件名需要截断显示.xlsx',
-  },
-};
-
-export const IconOnly: Story = {
-  args: {
-    fileName: undefined,
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { NumbersMsgPart } from '../components/number-part';
+
+const meta = {
+  title: 'Example/Chat/NumbersMsgPart',
+  component: NumbersMsgPart,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  args: {
+    fileName: '生产小工单.excel',
+  },
+} satisfies Meta<typeof NumbersMsgPart>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {},
+};
+
+export const Small: Story = {
+  args: {
+    size: 80,
+    fileName: undefined,
+  },
+};
+
+export const LongFileName: Story = {
+  args: {
+    fileName: '这是一个非常长的文件名需要截断显示.xlsx',
+  },
+};
+
+export const IconOnly: Story = {
+  args: {
+    fileName: undefined,
+  },
+};