@baishuyun/chat-sdk 0.1.9 → 1.0.0

package/src/stories/FormulaTag.stories.tsx

@@ -1,68 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { FormulaTag } from '@/components/bs-ui/formula-tag';
-import { type FormulaOp, FORMULA_OP_LABEL } from '@baishuyun/types';
-
-const meta = {
-  title: 'Example/Chat/FormulaTag',
-  component: FormulaTag,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  argTypes: {
-    type: {
-      control: 'select',
-      options: Object.keys(FORMULA_OP_LABEL) as FormulaOp[],
-      description: '统计方式',
-    },
-  },
-  args: {
-    type: 'sum',
-  },
-} satisfies Meta<typeof FormulaTag>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-/** 求和 – #3767F1 */
-export const Sum: Story = {
-  args: { type: 'sum' },
-};
-
-/** 最大值 – #F06648 */
-export const Max: Story = {
-  args: { type: 'max' },
-};
-
-/** 最小值 – #4ACC8C */
-export const Min: Story = {
-  args: { type: 'min' },
-};
-
-/** 平均 – #4AC0EC */
-export const Average: Story = {
-  args: { type: 'average' },
-};
-
-/** 计数 – #9362CE */
-export const Count: Story = {
-  args: { type: 'count' },
-};
-
-/** 去重计数 – #F168B6 */
-export const CountDistinct: Story = {
-  args: { type: 'countDistinct' },
-};
-
-/** 所有统计方式一览 */
-export const AllTypes: Story = {
-  render: () => (
-    <div className="flex flex-wrap items-center gap-2">
-      {(Object.keys(FORMULA_OP_LABEL) as FormulaOp[]).map((op) => (
-        <FormulaTag key={op} type={op} />
-      ))}
-    </div>
-  ),
-};

package/src/stories/GenerateAnimation.stories.ts

@@ -1,20 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-
-import { GenerateAnimation } from "@/components/bs-ui/generate-animation";
-
-const meta = {
-  title: "Example/Animation/GenerateAnimation",
-  component: GenerateAnimation,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered",
-  },
-  args: {},
-} satisfies Meta<typeof GenerateAnimation>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {},
-};

package/src/stories/IconBtn.stories.tsx

@@ -1,32 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { IconBtn } from '@/components/bs-ui/icon-btn';
-import { DockIcon } from '@/components/bs-ui/bs-icons';
-
-const meta = {
-  title: 'Example/Button/IconBtn',
-  component: IconBtn,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ['autodocs'],
-  parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-    layout: 'centered',
-  },
-  args: {},
-} satisfies Meta<typeof IconBtn>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Base: Story = {
-  args: {
-    icon: <DockIcon />,
-  },
-};
-
-export const Rounded: Story = {
-  args: {
-    icon: <DockIcon />,
-    rounded: true,
-  },
-};

package/src/stories/IconLib.tsx

@@ -1,45 +0,0 @@
-import * as Icons from '@/components/bs-ui/bs-icons';
-
-import { IconBtn } from '@/components/bs-ui/icon-btn';
-import { copyTextToClipboard } from '@/lib/utils';
-
-// 在 Icon.stories.jsx 中添加
-export const IconLibrary = () => {
-  // 定义所有图标列表
-  const icons = Object.entries(Icons).map(([name, IconComp]) => ({
-    name,
-    icon: IconComp,
-  }));
-
-  return (
-    <div
-      style={{
-        display: 'grid',
-        gridTemplateColumns: 'repeat(20, 20px)',
-        gridTemplateRows: 'repeat(20, 20px)',
-        gap: '10px',
-        padding: '10px',
-      }}
-    >
-      {icons.map((item) => {
-        const Icon = item.icon;
-        return (
-          <IconBtn
-            icon={<Icon />}
-            onClick={async () => {
-              await copyTextToClipboard(`<${item.name} />`);
-            }}
-          />
-        );
-      })}
-    </div>
-  );
-};
-IconLibrary.storyName = '图标库';
-IconLibrary.parameters = {
-  docs: {
-    description: {
-      story: '展示所有可用的 SVG 图标，方便查阅和使用',
-    },
-  },
-};

package/src/stories/Icons.stories.ts

@@ -1,22 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { IconLibrary } from './IconLib';
-
-const meta = {
-  title: 'Example/Icons/BsIcon Library',
-  component: IconLibrary,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ['autodocs'],
-  parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-    layout: 'centered',
-  },
-  args: {},
-} satisfies Meta<typeof IconLibrary>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Base: Story = {
-  args: {},
-};

package/src/stories/ImgMsgPart.stories.tsx

@@ -1,42 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { ImgMsgPart } from '@/components/bs-ui/img-part';
-
-const meta = {
-  title: 'Example/Chat/ImgMsgPart',
-  component: ImgMsgPart,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  args: {
-    url: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400',
-    alt: 'Mountain landscape',
-  },
-} satisfies Meta<typeof ImgMsgPart>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {},
-};
-
-export const Large: Story = {
-  args: {
-    size: 200,
-  },
-};
-
-export const Small: Story = {
-  args: {
-    size: 64,
-  },
-};
-
-export const WithCustomClassName: Story = {
-  args: {
-    className: 'shadow-lg',
-  },
-};

package/src/stories/LineChecker.stories.tsx

@@ -1,134 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-
-import { LineChecker } from "@/components/bs-ui/line-checker";
-import {  TextIcon as FileTextIcon } from "@/components/bs-ui/bs-icons";
-
-const meta = {
-  title: "Example/Chat/LineChecker",
-  component: LineChecker,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ["autodocs"],
-  parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-    layout: "centered",
-  },
-  args: {},
-} satisfies Meta<typeof LineChecker>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    title: "供应商名称",
-    style: {
-        width: '400px',
-    },
-    shortDesc: "单行文本",
-  },
-};
-
-export const WithIcon: Story = {
-  args: {
-    title: "供应商名称",
-    shortDesc: "单行文本",
-    icon: <FileTextIcon />,
-    style: {
-        width: '400px',
-    },
-  },
-};
-
-export const LongTitle: Story = {
-  args: {
-    title: "供应商名称活动结束回复具体时间空间环境这是一个很长的标题会被截断",
-    shortDesc: "单行文本",
-    style: {
-        width: '400px',
-    },
-    icon: <FileTextIcon />,
-  },
-};
-
-export const Checked: Story = {
-  args: {
-    title: "供应商名称",
-    shortDesc: "单行文本",
-    icon: <FileTextIcon />,
-    defaultChecked: true,
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    title: "供应商名称",
-    shortDesc: "单行文本",
-    icon: <FileTextIcon />,
-    disabled: true,
-    style: {
-        width: '400px',
-    },
-  },
-};
-
-export const DisabledChecked: Story = {
-  args: {
-    title: "供应商名称",
-    shortDesc: "单行文本",
-    icon: <FileTextIcon />,
-    defaultChecked: true,
-    disabled: true,
-    style: {
-        width: '400px',
-    },
-  },
-};
-
-export const NoShortDesc: Story = {
-  args: {
-    title: "供应商名称",
-    icon: <FileTextIcon />,
-    style: {
-        width: '400px',
-    },
-  },
-};
-
-export const NoIcon: Story = {
-  args: {
-    title: "供应商名称",
-    shortDesc: "单行文本",
-    style: {
-        width: '400px',
-    },
-  },
-};
-
-export const MinimalVariant: Story = {
-  args: {
-    title: "简单选项",
-  },
-};
-
-
-export const WithExtraNodes: Story = {
-  args: {
-    title: "供应商名称",
-    shortDesc: "单行文本",
-    icon: <FileTextIcon />,
-    style: {
-        width: '400px',
-    },
-    extra: (
-        <div>
-            HELLO WORLD
-            HELLO WORLD
-            HELLO WORLD
-            HELLO WORLD
-            HELLO WORLD
-            HELLO WORLD
-            HELLO WORLD
-        </div>
-    )
-  },
-};

package/src/stories/LinearGradientBorderBtn.stories.tsx

@@ -1,86 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-
-import { LinearGradientBorderBtn } from "@/components/bs-ui/linear-gradient-border-btn";
-import { LetterAIcon } from "@/components/bs-ui/bs-icons";
-
-const meta = {
-  title: "Example/Button/LinearGradientBorderBtn",
-  component: LinearGradientBorderBtn,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ["autodocs"],
-  parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-    layout: "centered",
-  },
-  args: {},
-} satisfies Meta<typeof LinearGradientBorderBtn>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    children: "搭建供应商评估表",
-  },
-};
-
-export const ShortText: Story = {
-  args: {
-    children: "确认",
-  },
-};
-
-export const LongText: Story = {
-  args: {
-    children: "创建新的供应商管理表单并提交审核",
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    children: "搭建供应商评估表",
-    disabled: true,
-  },
-};
-
-export const WithClickHandler: Story = {
-  args: {
-    children: "点击我",
-    onClick: () => alert("按钮被点击了！"),
-  },
-};
-
-export const CustomClassName: Story = {
-  args: {
-    children: "自定义样式",
-    className: "w-[200px]",
-  },
-};
-
-export const MultipleButtons: Story = {
-  render: () => (
-    <div className="flex gap-2">
-      <LinearGradientBorderBtn>取消</LinearGradientBorderBtn>
-      <LinearGradientBorderBtn>确定</LinearGradientBorderBtn>
-      <LinearGradientBorderBtn>提交</LinearGradientBorderBtn>
-    </div>
-  ),
-};
-
-export const WithIcon: Story = {
-  args: {
-    children: (
-      <div className="flex items-center gap-1">
-        <LetterAIcon />
-        <span>添加表单</span>
-      </div>
-    ),
-  },
-};
-
-export const FixedWidth: Story = {
-  args: {
-    children: "固定宽度按钮",
-    className: "w-[160px]",
-  },
-};

package/src/stories/LinearGradientColorBgAnimation.stories.tsx

@@ -1,60 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-
-import { LinearGradientColorBgAnimation } from "@/components/bs-ui/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/NumbersMsgPart.stories.tsx

@@ -1,42 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { NumbersMsgPart } from '@/components/bs-ui/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,
-  },
-};

package/src/stories/OptionItem.stories.tsx

@@ -1,77 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-
-import { OptionItem } from "@/components/bs-ui/option-item";
-
-const meta = {
-  title: "Example/Chat/OptionItem",
-  component: OptionItem,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ["autodocs"],
-  parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-    layout: "centered",
-  },
-  args: {},
-} satisfies Meta<typeof OptionItem>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    label: "选项",
-  },
-};
-
-export const WithBgColor: Story = {
-  args: {
-    label: "单行文本",
-    bgColor: "#E8F4FF",
-    color: "#0265FF",
-  },
-};
-
-export const RedVariant: Story = {
-  args: {
-    label: "错误",
-    bgColor: "#FFEBEE",
-    color: "#D32F2F",
-  },
-};
-
-export const GreenVariant: Story = {
-  args: {
-    label: "成功",
-    bgColor: "#E8F5E9",
-    color: "#388E3C",
-  },
-};
-
-export const WithChildren: Story = {
-  args: {
-    children: <span>使用children</span>,
-    bgColor: "#F3E5F5",
-    color: "#7B1FA2",
-  },
-};
-
-export const WithIcon: Story = {
-  args: {
-    label: (
-      <div className="flex items-center gap-1">
-        <span>✓</span>
-        <span>已选择</span>
-      </div>
-    ),
-    bgColor: "#E8F5E9",
-    color: "#388E3C",
-  },
-};
-
-export const CustomColor: Story = {
-  args: {
-    label: "自定义颜色",
-    bgColor: "#FFF8DC",
-    color: "#8B4513",
-  },
-};