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

package/src/stories/OutputConfigEditor.stories.tsx

@@ -1,96 +1,96 @@
-import { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import type { IAgentHelperOutputConfig, OutputParam, IField } from '@baishuyun/types';
-import { OutputConfigEditor } from '../components/output-config-editor';
-
-const meta: Meta<typeof OutputConfigEditor> = {
-  title: 'Agent Helper/OutputConfigEditor',
-  component: OutputConfigEditor,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  decorators: [
-    (Story) => (
-      <div style={{ width: 680, minHeight: 200 }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-const sourceFields: OutputParam[] = [
-  { name: 'class', description: '班级', type: 'text' },
-  { name: 'count', description: '人数', type: 'number' },
-  { name: 'name', description: '姓名', type: 'text' },
-  { name: 'age', description: '年龄', type: 'number' },
-  { name: 'birthday', description: '出生日期', type: 'datetime' },
-  {
-    name: 'studentInfo',
-    description: '学生信息',
-    type: 'subform',
-    subformParams: [
-      { name: 'studentName', type: 'text' },
-      { name: 'studentAge', type: 'number' },
-    ],
-  },
-];
-
-const targetFields: IField[] = [
-  { label: '姓名', widget: { type: 'text', widgetName: 'className', value: '' } },
-  { label: '学生人数', widget: { type: 'number', widgetName: 'studentCount', value: '' } },
-  { label: '教师姓名', widget: { type: 'text', widgetName: 'teacherName', value: '' } },
-  {
-    label: '学生信息区块',
-    widget: {
-      type: 'subform',
-      widgetName: 'studentSection',
-      value: '',
-      items: [
-        { label: '姓名', widget: { type: 'text', widgetName: 'stuName', value: '' } },
-        { label: '年龄', widget: { type: 'number', widgetName: 'stuAge', value: '' } },
-      ],
-    },
-  },
-];
-
-export const Empty: Story = {
-  args: {
-    value: [],
-    sourceFields,
-    targetFields,
-  },
-};
-
-const sampleConfigs: Array<IAgentHelperOutputConfig> = [
-  { sourceField: { fieldName: 'class', fieldDesc: '班级' }, targetField: { fieldName: 'className', fieldDesc: '班级名称' } },
-  { sourceField: { fieldName: 'count', fieldDesc: '人数' }, targetField: { fieldName: 'studentCount', fieldDesc: '学生人数' } },
-];
-
-export const WithItems: Story = {
-  args: {
-    value: sampleConfigs,
-    sourceFields,
-    targetFields,
-  },
-};
-
-export const Interactive: Story = {
-  args: {
-    value: [] as Array<IAgentHelperOutputConfig>,
-    sourceFields,
-    targetFields,
-  },
-  render: (args) => {
-    const [value, setValue] = useState<Array<IAgentHelperOutputConfig>>(args.value);
-
-    return (
-      <div style={{ width: 680 }}>
-        <OutputConfigEditor value={value} onChange={setValue} sourceFields={args.sourceFields} targetFields={args.targetFields} />
-      </div>
-    );
-  },
-};
+import { useState } from 'react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import type { IAgentHelperOutputConfig, OutputParam, IField } from '@baishuyun/types';
+import { OutputConfigEditor } from '../components/output-config-editor';
+
+const meta: Meta<typeof OutputConfigEditor> = {
+  title: 'Agent Helper/OutputConfigEditor',
+  component: OutputConfigEditor,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  decorators: [
+    (Story) => (
+      <div style={{ width: 680, minHeight: 200 }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+const sourceFields: OutputParam[] = [
+  { name: 'class', description: '班级', type: 'text' },
+  { name: 'count', description: '人数', type: 'number' },
+  { name: 'name', description: '姓名', type: 'text' },
+  { name: 'age', description: '年龄', type: 'number' },
+  { name: 'birthday', description: '出生日期', type: 'datetime' },
+  {
+    name: 'studentInfo',
+    description: '学生信息',
+    type: 'subform',
+    subformParams: [
+      { name: 'studentName', type: 'text' },
+      { name: 'studentAge', type: 'number' },
+    ],
+  },
+];
+
+const targetFields: IField[] = [
+  { label: '姓名', widget: { type: 'text', widgetName: 'className', value: '' } },
+  { label: '学生人数', widget: { type: 'number', widgetName: 'studentCount', value: '' } },
+  { label: '教师姓名', widget: { type: 'text', widgetName: 'teacherName', value: '' } },
+  {
+    label: '学生信息区块',
+    widget: {
+      type: 'subform',
+      widgetName: 'studentSection',
+      value: '',
+      items: [
+        { label: '姓名', widget: { type: 'text', widgetName: 'stuName', value: '' } },
+        { label: '年龄', widget: { type: 'number', widgetName: 'stuAge', value: '' } },
+      ],
+    },
+  },
+];
+
+export const Empty: Story = {
+  args: {
+    value: [],
+    sourceFields,
+    targetFields,
+  },
+};
+
+const sampleConfigs: Array<IAgentHelperOutputConfig> = [
+  { sourceField: { fieldName: 'class', fieldDesc: '班级' }, targetField: { fieldName: 'className', fieldDesc: '班级名称' } },
+  { sourceField: { fieldName: 'count', fieldDesc: '人数' }, targetField: { fieldName: 'studentCount', fieldDesc: '学生人数' } },
+];
+
+export const WithItems: Story = {
+  args: {
+    value: sampleConfigs,
+    sourceFields,
+    targetFields,
+  },
+};
+
+export const Interactive: Story = {
+  args: {
+    value: [] as Array<IAgentHelperOutputConfig>,
+    sourceFields,
+    targetFields,
+  },
+  render: (args) => {
+    const [value, setValue] = useState<Array<IAgentHelperOutputConfig>>(args.value);
+
+    return (
+      <div style={{ width: 680 }}>
+        <OutputConfigEditor value={value} onChange={setValue} sourceFields={args.sourceFields} targetFields={args.targetFields} />
+      </div>
+    );
+  },
+};

package/src/stories/PlaceholderCard.stories.tsx

@@ -1,35 +1,35 @@
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { PlaceholderCard } from '../components/agent-helper/placeholder-card';
-
-const meta = {
-  title: 'Agent Helper/PlaceholderCard',
-  component: PlaceholderCard,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'padded',
-  },
-  args: {
-    description: '智能体助手可以对表单数据进行XXX，并在表单中再次调用。',
-    detailAddress: 'https://example.com/learn-more',
-    btnLabel: '新建智能体助手',
-    onCreateClick: () => alert('创建智能体助手'),
-  },
-} satisfies Meta<typeof PlaceholderCard>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const CustomButtonLabel: Story = {
-  args: {
-    btnLabel: '添加助手',
-  },
-};
-
-export const NoButtonLabel: Story = {
-  args: {
-    btnLabel: undefined,
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { PlaceholderCard } from '../components/agent-helper/placeholder-card';
+
+const meta = {
+  title: 'Agent Helper/PlaceholderCard',
+  component: PlaceholderCard,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded',
+  },
+  args: {
+    description: '智能体助手可以对表单数据进行XXX，并在表单中再次调用。',
+    detailAddress: 'https://example.com/learn-more',
+    btnLabel: '新建智能体助手',
+    onCreateClick: () => alert('创建智能体助手'),
+  },
+} satisfies Meta<typeof PlaceholderCard>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const CustomButtonLabel: Story = {
+  args: {
+    btnLabel: '添加助手',
+  },
+};
+
+export const NoButtonLabel: Story = {
+  args: {
+    btnLabel: undefined,
+  },
+};

package/src/stories/PreviewerHeader.stories.tsx

@@ -1,91 +1,91 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { PreviewerHeader } from '../components/previewer-header';
-import { TooltipProvider } from '@radix-ui/react-tooltip';
-
-const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
-
-const meta: Meta<typeof PreviewerHeader> = {
-  title: 'Example/Chat/PreviewerHeader',
-  component: PreviewerHeader,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  decorators: [
-    (Story) => (
-      <TooltipProvider delayDuration={100}>
-        <Story />
-      </TooltipProvider>
-    ),
-  ],
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    title: '编辑表单',
-    onSave: () => alert('保存点击'),
-    onCancel: () => alert('取消点击'),
-    style: { width: 700 },
-  },
-};
-
-export const ActiveMode: Story = {
-  args: {
-    title: '编辑表单',
-    onSave: () => alert('保存点击'),
-    onCancel: () => alert('取消点击'),
-    style: { width: 700 },
-    active: true,
-  },
-};
-
-export const WithTips: Story = {
-  args: {
-    title: '编辑表单',
-    onSave: () => alert('保存点击'),
-    onCancel: () => alert('取消点击'),
-    style: { width: 700 },
-    active: true,
-    tips: 'AI生成内容可能不准确，请谨慎使用',
-  },
-};
-
-export const DataVariant: Story = {
-  args: {
-    title: '数据预览',
-    onSave: () => alert('保存点击'),
-    active: false,
-    style: { width: 700 },
-    variant: 'data-previewer',
-  },
-};
-
-export const LoadingOnSave: Story = {
-  args: {
-    title: '编辑表单',
-    onSave: async () => {
-      await delay(2000);
-      alert('保存完成');
-    },
-    onCancel: () => alert('取消点击'),
-    style: { width: 700 },
-  },
-};
-
-
-export const ShowClear: Story = {
-  args: {
-    title: '编辑表单',
-    onClear: () => {
-      alert('清除点击');
-    },
-    onSave: async () => {
-      await delay(2000);
-      alert('保存完成');
-    },
-    onCancel: () => alert('取消点击'),
-    style: { width: 700 },
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { PreviewerHeader } from '../components/previewer-header';
+import { TooltipProvider } from '@radix-ui/react-tooltip';
+
+const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
+
+const meta: Meta<typeof PreviewerHeader> = {
+  title: 'Example/Chat/PreviewerHeader',
+  component: PreviewerHeader,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  decorators: [
+    (Story) => (
+      <TooltipProvider delayDuration={100}>
+        <Story />
+      </TooltipProvider>
+    ),
+  ],
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    title: '编辑表单',
+    onSave: () => alert('保存点击'),
+    onCancel: () => alert('取消点击'),
+    style: { width: 700 },
+  },
+};
+
+export const ActiveMode: Story = {
+  args: {
+    title: '编辑表单',
+    onSave: () => alert('保存点击'),
+    onCancel: () => alert('取消点击'),
+    style: { width: 700 },
+    active: true,
+  },
+};
+
+export const WithTips: Story = {
+  args: {
+    title: '编辑表单',
+    onSave: () => alert('保存点击'),
+    onCancel: () => alert('取消点击'),
+    style: { width: 700 },
+    active: true,
+    tips: 'AI生成内容可能不准确，请谨慎使用',
+  },
+};
+
+export const DataVariant: Story = {
+  args: {
+    title: '数据预览',
+    onSave: () => alert('保存点击'),
+    active: false,
+    style: { width: 700 },
+    variant: 'data-previewer',
+  },
+};
+
+export const LoadingOnSave: Story = {
+  args: {
+    title: '编辑表单',
+    onSave: async () => {
+      await delay(2000);
+      alert('保存完成');
+    },
+    onCancel: () => alert('取消点击'),
+    style: { width: 700 },
+  },
+};
+
+
+export const ShowClear: Story = {
+  args: {
+    title: '编辑表单',
+    onClear: () => {
+      alert('清除点击');
+    },
+    onSave: async () => {
+      await delay(2000);
+      alert('保存完成');
+    },
+    onCancel: () => alert('取消点击'),
+    style: { width: 700 },
+  },
+};

package/src/stories/PrimaryConfirmBtn.stories.tsx

@@ -1,60 +1,60 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { PrimaryConfirmBtn } from '../components/primary-confirm-btn';
-import { MagicIcon } from '../components/bs-icons';
-
-const meta = {
-  title: 'Example/Button/PrimaryConfirmBtn',
-  component: PrimaryConfirmBtn,
-  // 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 PrimaryConfirmBtn>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    text: '确认',
-  },
-};
-
-export const Light: Story = {
-  args: {
-    text: '直接添加',
-    light: true,
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    text: '已确认',
-    disabled: true,
-  },
-};
-
-export const CustomText: Story = {
-  args: {
-    text: '提交',
-  },
-};
-
-export const WithIcon: Story = {
-  args: {
-    text: '提交',
-    icon: <MagicIcon />,
-  },
-};
-
-export const DisabledWithInfo: Story = {
-  args: {
-    text: '已确认 6 条数据',
-    icon: <MagicIcon />,
-    disabledWithInfo: true,
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { PrimaryConfirmBtn } from '../components/primary-confirm-btn';
+import { MagicIcon } from '../components/bs-icons';
+
+const meta = {
+  title: 'Example/Button/PrimaryConfirmBtn',
+  component: PrimaryConfirmBtn,
+  // 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 PrimaryConfirmBtn>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    text: '确认',
+  },
+};
+
+export const Light: Story = {
+  args: {
+    text: '直接添加',
+    light: true,
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    text: '已确认',
+    disabled: true,
+  },
+};
+
+export const CustomText: Story = {
+  args: {
+    text: '提交',
+  },
+};
+
+export const WithIcon: Story = {
+  args: {
+    text: '提交',
+    icon: <MagicIcon />,
+  },
+};
+
+export const DisabledWithInfo: Story = {
+  args: {
+    text: '已确认 6 条数据',
+    icon: <MagicIcon />,
+    disabledWithInfo: true,
+  },
+};