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

package/src/stories/IconBtn.stories.tsx

@@ -1,32 +1,32 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { IconBtn } from '../components/icon-btn';
-import { DockIcon } from '../components/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,
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { IconBtn } from '../components/icon-btn';
+import { DockIcon } from '../components/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/IconCard.stories.tsx

@@ -1,35 +1,35 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { IconCard } from '../components/icon-card';
-import { MultilineTextIcon } from '..';
-
-const meta = {
-  title: 'AI Office/IconCard',
-  component: IconCard,
-  tags: ['autodocs'],
-  parameters: { layout: 'centered' },
-  args: {},
-} satisfies Meta<typeof IconCard>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    icon: <MultilineTextIcon />,
-    iconBgColor: 'rgba(77, 96, 159, 0.1)',
-    title: '表单字段触发',
-    description: '表单中数据发生变化时，触发自动化操作',
-    onClick: () => {},
-  },
-};
-
-export const Selected: Story = {
-  args: {
-    icon: <MultilineTextIcon />,
-    iconBgColor: 'rgba(77, 96, 159, 0.1)',
-    title: '表单字段触发',
-    description: '表单中数据发生变化时，触发自动化操作',
-    selected: true,
-    onClick: () => {},
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { IconCard } from '../components/icon-card';
+import { MultilineTextIcon } from '..';
+
+const meta = {
+  title: 'AI Office/IconCard',
+  component: IconCard,
+  tags: ['autodocs'],
+  parameters: { layout: 'centered' },
+  args: {},
+} satisfies Meta<typeof IconCard>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    icon: <MultilineTextIcon />,
+    iconBgColor: 'rgba(77, 96, 159, 0.1)',
+    title: '表单字段触发',
+    description: '表单中数据发生变化时，触发自动化操作',
+    onClick: () => {},
+  },
+};
+
+export const Selected: Story = {
+  args: {
+    icon: <MultilineTextIcon />,
+    iconBgColor: 'rgba(77, 96, 159, 0.1)',
+    title: '表单字段触发',
+    description: '表单中数据发生变化时，触发自动化操作',
+    selected: true,
+    onClick: () => {},
+  },
+};

package/src/stories/IconLib.tsx

@@ -1,45 +1,45 @@
-import * as Icons from '../components/bs-icons';
-
-import { IconBtn } from '../components/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 图标，方便查阅和使用',
-    },
-  },
-};
+import * as Icons from '../components/bs-icons';
+
+import { IconBtn } from '../components/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 +1,22 @@
-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: {},
-};
+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 +1,42 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { ImgMsgPart } from '../components/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',
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { ImgMsgPart } from '../components/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/Input.stories.tsx

@@ -1,102 +1,102 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { Input } from '../components/ui/input';
-import { Label } from '../components/ui/label';
-
-const meta = {
-  title: 'AI Office/Input',
-  component: Input,
-  tags: ['autodocs'],
-  parameters: { layout: 'centered' },
-  args: {},
-} satisfies Meta<typeof Input>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    placeholder: '请输入内容',
-  },
-};
-
-export const WithValue: Story = {
-  args: {
-    defaultValue: '示例文本',
-  },
-};
-
-export const WithPlaceholder: Story = {
-  args: {
-    placeholder: '请输入名称',
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    defaultValue: '不可编辑',
-    disabled: true,
-  },
-};
-
-export const Password: Story = {
-  args: {
-    type: 'password',
-    placeholder: '请输入密码',
-  },
-};
-
-export const Number: Story = {
-  args: {
-    type: 'number',
-    placeholder: '请输入数字',
-  },
-};
-
-export const File: Story = {
-  args: {
-    type: 'file',
-  },
-};
-
-export const WithLabel: Story = {
-  args: {
-    id: 'name-input',
-    placeholder: '请输入名称',
-  },
-  render: (args) => (
-    <div className="flex flex-col gap-[6px]">
-      <Label htmlFor={args.id}>名称</Label>
-      <Input {...args} />
-    </div>
-  ),
-};
-
-export const WithRequiredLabel: Story = {
-  args: {
-    id: 'name-required',
-    placeholder: '请输入名称',
-  },
-  render: (args) => (
-    <div className="flex flex-col gap-[6px]">
-      <Label htmlFor={args.id} required>
-        名称
-      </Label>
-      <Input {...args} />
-    </div>
-  ),
-};
-
-export const DisabledWithLabel: Story = {
-  args: {
-    id: 'name-disabled',
-    defaultValue: '不可编辑的值',
-    disabled: true,
-  },
-  render: (args) => (
-    <div className="flex flex-col gap-[6px]">
-      <Label htmlFor={args.id}>名称</Label>
-      <Input {...args} />
-    </div>
-  ),
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { Input } from '../components/ui/input';
+import { Label } from '../components/ui/label';
+
+const meta = {
+  title: 'AI Office/Input',
+  component: Input,
+  tags: ['autodocs'],
+  parameters: { layout: 'centered' },
+  args: {},
+} satisfies Meta<typeof Input>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    placeholder: '请输入内容',
+  },
+};
+
+export const WithValue: Story = {
+  args: {
+    defaultValue: '示例文本',
+  },
+};
+
+export const WithPlaceholder: Story = {
+  args: {
+    placeholder: '请输入名称',
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    defaultValue: '不可编辑',
+    disabled: true,
+  },
+};
+
+export const Password: Story = {
+  args: {
+    type: 'password',
+    placeholder: '请输入密码',
+  },
+};
+
+export const Number: Story = {
+  args: {
+    type: 'number',
+    placeholder: '请输入数字',
+  },
+};
+
+export const File: Story = {
+  args: {
+    type: 'file',
+  },
+};
+
+export const WithLabel: Story = {
+  args: {
+    id: 'name-input',
+    placeholder: '请输入名称',
+  },
+  render: (args) => (
+    <div className="flex flex-col gap-[6px]">
+      <Label htmlFor={args.id}>名称</Label>
+      <Input {...args} />
+    </div>
+  ),
+};
+
+export const WithRequiredLabel: Story = {
+  args: {
+    id: 'name-required',
+    placeholder: '请输入名称',
+  },
+  render: (args) => (
+    <div className="flex flex-col gap-[6px]">
+      <Label htmlFor={args.id} required>
+        名称
+      </Label>
+      <Input {...args} />
+    </div>
+  ),
+};
+
+export const DisabledWithLabel: Story = {
+  args: {
+    id: 'name-disabled',
+    defaultValue: '不可编辑的值',
+    disabled: true,
+  },
+  render: (args) => (
+    <div className="flex flex-col gap-[6px]">
+      <Label htmlFor={args.id}>名称</Label>
+      <Input {...args} />
+    </div>
+  ),
+};