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

package/src/stories/RepeatPreferenceTypeSelect.stories.tsx

@@ -1,58 +1,58 @@
-import { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { RepeatPreferenceTypeSelect } from '../components/agent-helper/repeat-preference-type-select';
-import type { repeatPreferenceType } from '@baishuyun/types';
-
-const meta: Meta<typeof RepeatPreferenceTypeSelect> = {
-  title: 'Agent Helper/RepeatPreferenceTypeSelect',
-  component: RepeatPreferenceTypeSelect,
-  tags: ['autodocs'],
-  parameters: { layout: 'padded' },
-  decorators: [
-    (Story) => (
-      <div style={{ padding: 20 }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const WithInitialValue: Story = {
-  args: {
-    value: 'daily',
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    value: 'none',
-    disabled: true,
-  },
-};
-
-export const CustomPlaceholder: Story = {
-  args: {
-    placeholder: '选择重复类型',
-  },
-};
-
-export const Interactive: Story = {
-  render: (args) => {
-    const [val, setVal] = useState<repeatPreferenceType | undefined>();
-
-    return (
-      <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
-        <RepeatPreferenceTypeSelect {...args} value={val} onChange={setVal} />
-        <div style={{ padding: 12, background: '#F5F7FA', borderRadius: 8, fontSize: 14 }}>
-          <strong>当前值:</strong>
-          <span style={{ marginLeft: 8 }}>{val ?? '(未选择)'}</span>
-        </div>
-      </div>
-    );
-  },
-};
+import { useState } from 'react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { RepeatPreferenceTypeSelect } from '../components/agent-helper/repeat-preference-type-select';
+import type { repeatPreferenceType } from '@baishuyun/types';
+
+const meta: Meta<typeof RepeatPreferenceTypeSelect> = {
+  title: 'Agent Helper/RepeatPreferenceTypeSelect',
+  component: RepeatPreferenceTypeSelect,
+  tags: ['autodocs'],
+  parameters: { layout: 'padded' },
+  decorators: [
+    (Story) => (
+      <div style={{ padding: 20 }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithInitialValue: Story = {
+  args: {
+    value: 'daily',
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    value: 'none',
+    disabled: true,
+  },
+};
+
+export const CustomPlaceholder: Story = {
+  args: {
+    placeholder: '选择重复类型',
+  },
+};
+
+export const Interactive: Story = {
+  render: (args) => {
+    const [val, setVal] = useState<repeatPreferenceType | undefined>();
+
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+        <RepeatPreferenceTypeSelect {...args} value={val} onChange={setVal} />
+        <div style={{ padding: 12, background: '#F5F7FA', borderRadius: 8, fontSize: 14 }}>
+          <strong>当前值:</strong>
+          <span style={{ marginLeft: 8 }}>{val ?? '(未选择)'}</span>
+        </div>
+      </div>
+    );
+  },
+};

package/src/stories/ScrollToBottom.stories.tsx

@@ -1,24 +1,24 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { ScrollToBottomBtn as ScrollToBottom } from '../components/scroll-to-bottom-btn';
-
-const meta = {
-  title: 'Example/Button/ScrollToBottom',
-  component: ScrollToBottom,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  args: {},
-} satisfies Meta<typeof ScrollToBottom>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const WithOnClick: Story = {
-  args: {
-    onClick: () => alert('Scroll to bottom!'),
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { ScrollToBottomBtn as ScrollToBottom } from '../components/scroll-to-bottom-btn';
+
+const meta = {
+  title: 'Example/Button/ScrollToBottom',
+  component: ScrollToBottom,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  args: {},
+} satisfies Meta<typeof ScrollToBottom>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithOnClick: Story = {
+  args: {
+    onClick: () => alert('Scroll to bottom!'),
+  },
+};

package/src/stories/SearchInput.stories.tsx

@@ -1,50 +1,50 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { SearchInput } from '../components/agent-helper/search-input';
-
-const meta = {
-  title: 'Agent Helper/SearchInput',
-  component: SearchInput,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  args: {
-    placeholder: '搜索智能体名称',
-    onChange: () => {},
-  },
-} satisfies Meta<typeof SearchInput>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const WithValue: Story = {
-  args: {
-    value: 'AI翻译',
-  },
-};
-
-export const CustomPlaceholder: Story = {
-  args: {
-    placeholder: '请输入关键词搜索',
-  },
-};
-
-export const Controlled: Story = {
-  args: {
-    value: '数据分析',
-    placeholder: '搜索智能体名称',
-  },
-  render: (args) => {
-    return <SearchInput {...args} />;
-  },
-};
-
-export const Empty: Story = {
-  args: {
-    value: '',
-    placeholder: '搜索智能体名称',
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { SearchInput } from '../components/agent-helper/search-input';
+
+const meta = {
+  title: 'Agent Helper/SearchInput',
+  component: SearchInput,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  args: {
+    placeholder: '搜索智能体名称',
+    onChange: () => {},
+  },
+} satisfies Meta<typeof SearchInput>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithValue: Story = {
+  args: {
+    value: 'AI翻译',
+  },
+};
+
+export const CustomPlaceholder: Story = {
+  args: {
+    placeholder: '请输入关键词搜索',
+  },
+};
+
+export const Controlled: Story = {
+  args: {
+    value: '数据分析',
+    placeholder: '搜索智能体名称',
+  },
+  render: (args) => {
+    return <SearchInput {...args} />;
+  },
+};
+
+export const Empty: Story = {
+  args: {
+    value: '',
+    placeholder: '搜索智能体名称',
+  },
+};

package/src/stories/Select.stories.tsx

@@ -1,128 +1,128 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import {
-  Select,
-  SelectTrigger,
-  SelectValue,
-  SelectContent,
-  SelectItem,
-  SelectGroup,
-  SelectLabel,
-} from '../components/ui/select';
-import { Label } from '../components/ui/label';
-
-const meta = {
-  title: 'AI Office/Select',
-  component: Select,
-  tags: ['autodocs'],
-  parameters: { layout: 'centered' },
-  args: {},
-} satisfies Meta<typeof Select>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {} as any,
-  render: () => (
-    <Select>
-      <SelectTrigger className="w-[200px]">
-        <SelectValue placeholder="请选择" />
-      </SelectTrigger>
-      <SelectContent>
-        <SelectItem value="option1">选项一</SelectItem>
-        <SelectItem value="option2">选项二</SelectItem>
-        <SelectItem value="option3">选项三</SelectItem>
-      </SelectContent>
-    </Select>
-  ),
-};
-
-export const WithPlaceholder: Story = {
-  args: {} as any,
-  render: () => (
-    <Select>
-      <SelectTrigger className="w-[200px]">
-        <SelectValue placeholder="请选择触发方式" />
-      </SelectTrigger>
-      <SelectContent>
-        <SelectItem value="manual">手动触发</SelectItem>
-        <SelectItem value="auto">自动触发</SelectItem>
-        <SelectItem value="scheduled">定时触发</SelectItem>
-      </SelectContent>
-    </Select>
-  ),
-};
-
-export const Disabled: Story = {
-  args: {} as any,
-  render: () => (
-    <Select>
-      <SelectTrigger className="w-[200px]" disabled>
-        <SelectValue placeholder="已禁用" />
-      </SelectTrigger>
-      <SelectContent>
-        <SelectItem value="option1">选项一</SelectItem>
-        <SelectItem value="option2">选项二</SelectItem>
-      </SelectContent>
-    </Select>
-  ),
-};
-
-export const WithLabel: Story = {
-  args: {} as any,
-  render: () => (
-    <div className="flex flex-col gap-[6px]">
-      <Label>应用范围</Label>
-      <Select>
-        <SelectTrigger className="w-[200px]">
-          <SelectValue placeholder="请选择应用范围" />
-        </SelectTrigger>
-        <SelectContent>
-          <SelectItem value="all">全部应用</SelectItem>
-          <SelectItem value="specific">指定应用</SelectItem>
-        </SelectContent>
-      </Select>
-    </div>
-  ),
-};
-
-export const WithGroups: Story = {
-  args: {} as any,
-  render: () => (
-    <Select>
-      <SelectTrigger className="w-[240px]">
-        <SelectValue placeholder="请选择字段类型" />
-      </SelectTrigger>
-      <SelectContent>
-        <SelectGroup>
-          <SelectLabel>基础字段</SelectLabel>
-          <SelectItem value="text">单行文本</SelectItem>
-          <SelectItem value="textarea">多行文本</SelectItem>
-          <SelectItem value="number">数字</SelectItem>
-        </SelectGroup>
-        <SelectGroup>
-          <SelectLabel>高级字段</SelectLabel>
-          <SelectItem value="select">下拉选择</SelectItem>
-          <SelectItem value="date">日期</SelectItem>
-          <SelectItem value="file">附件</SelectItem>
-        </SelectGroup>
-      </SelectContent>
-    </Select>
-  ),
-};
-
-export const DisabledWithValue: Story = {
-  args: {} as any,
-  render: () => (
-    <Select>
-      <SelectTrigger className="w-[200px]" disabled>
-        <SelectValue placeholder="已选：选项一" />
-      </SelectTrigger>
-      <SelectContent>
-        <SelectItem value="option1">选项一</SelectItem>
-        <SelectItem value="option2">选项二</SelectItem>
-      </SelectContent>
-    </Select>
-  ),
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import {
+  Select,
+  SelectTrigger,
+  SelectValue,
+  SelectContent,
+  SelectItem,
+  SelectGroup,
+  SelectLabel,
+} from '../components/ui/select';
+import { Label } from '../components/ui/label';
+
+const meta = {
+  title: 'AI Office/Select',
+  component: Select,
+  tags: ['autodocs'],
+  parameters: { layout: 'centered' },
+  args: {},
+} satisfies Meta<typeof Select>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {} as any,
+  render: () => (
+    <Select>
+      <SelectTrigger className="w-[200px]">
+        <SelectValue placeholder="请选择" />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectItem value="option1">选项一</SelectItem>
+        <SelectItem value="option2">选项二</SelectItem>
+        <SelectItem value="option3">选项三</SelectItem>
+      </SelectContent>
+    </Select>
+  ),
+};
+
+export const WithPlaceholder: Story = {
+  args: {} as any,
+  render: () => (
+    <Select>
+      <SelectTrigger className="w-[200px]">
+        <SelectValue placeholder="请选择触发方式" />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectItem value="manual">手动触发</SelectItem>
+        <SelectItem value="auto">自动触发</SelectItem>
+        <SelectItem value="scheduled">定时触发</SelectItem>
+      </SelectContent>
+    </Select>
+  ),
+};
+
+export const Disabled: Story = {
+  args: {} as any,
+  render: () => (
+    <Select>
+      <SelectTrigger className="w-[200px]" disabled>
+        <SelectValue placeholder="已禁用" />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectItem value="option1">选项一</SelectItem>
+        <SelectItem value="option2">选项二</SelectItem>
+      </SelectContent>
+    </Select>
+  ),
+};
+
+export const WithLabel: Story = {
+  args: {} as any,
+  render: () => (
+    <div className="flex flex-col gap-[6px]">
+      <Label>应用范围</Label>
+      <Select>
+        <SelectTrigger className="w-[200px]">
+          <SelectValue placeholder="请选择应用范围" />
+        </SelectTrigger>
+        <SelectContent>
+          <SelectItem value="all">全部应用</SelectItem>
+          <SelectItem value="specific">指定应用</SelectItem>
+        </SelectContent>
+      </Select>
+    </div>
+  ),
+};
+
+export const WithGroups: Story = {
+  args: {} as any,
+  render: () => (
+    <Select>
+      <SelectTrigger className="w-[240px]">
+        <SelectValue placeholder="请选择字段类型" />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectGroup>
+          <SelectLabel>基础字段</SelectLabel>
+          <SelectItem value="text">单行文本</SelectItem>
+          <SelectItem value="textarea">多行文本</SelectItem>
+          <SelectItem value="number">数字</SelectItem>
+        </SelectGroup>
+        <SelectGroup>
+          <SelectLabel>高级字段</SelectLabel>
+          <SelectItem value="select">下拉选择</SelectItem>
+          <SelectItem value="date">日期</SelectItem>
+          <SelectItem value="file">附件</SelectItem>
+        </SelectGroup>
+      </SelectContent>
+    </Select>
+  ),
+};
+
+export const DisabledWithValue: Story = {
+  args: {} as any,
+  render: () => (
+    <Select>
+      <SelectTrigger className="w-[200px]" disabled>
+        <SelectValue placeholder="已选：选项一" />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectItem value="option1">选项一</SelectItem>
+        <SelectItem value="option2">选项二</SelectItem>
+      </SelectContent>
+    </Select>
+  ),
+};

package/src/stories/SplitLine.stories.tsx

@@ -1,40 +1,40 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { SplitLine, SplitLineProps } from '../components/split-line';
-
-const meta: Meta<SplitLineProps> = {
-  title: 'Example/Chat/SplitLine',
-  component: SplitLine,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  decorators: [
-    (Story) => (
-      <div className="w-[308px]">
-        <Story />
-      </div>
-    ),
-  ],
-};
-
-export default meta;
-type Story = StoryObj<SplitLineProps>;
-
-export const Default: Story = {};
-
-export const CustomWidth: Story = {
-  decorators: [
-    (Story) => (
-      <div className="w-[500px]">
-        <Story />
-      </div>
-    ),
-  ],
-};
-
-export const CustomClassName: Story = {
-  args: {
-    className: 'my-4',
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { SplitLine, SplitLineProps } from '../components/split-line';
+
+const meta: Meta<SplitLineProps> = {
+  title: 'Example/Chat/SplitLine',
+  component: SplitLine,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  decorators: [
+    (Story) => (
+      <div className="w-[308px]">
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<SplitLineProps>;
+
+export const Default: Story = {};
+
+export const CustomWidth: Story = {
+  decorators: [
+    (Story) => (
+      <div className="w-[500px]">
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export const CustomClassName: Story = {
+  args: {
+    className: 'my-4',
+  },
+};