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

package/src/stories/SquareChecker.stories.tsx

@@ -1,96 +1,96 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { useState } from 'react';
-
-import { SquareChecker } from '../components/square-checker';
-
-const meta = {
-  title: 'Example/Chat/SquareChecker',
-  component: SquareChecker,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  args: {},
-} satisfies Meta<typeof SquareChecker>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {},
-};
-
-export const WithLabel: Story = {
-  args: {
-    children: 'Option label',
-  },
-};
-
-export const Checked: Story = {
-  args: {
-    defaultChecked: true,
-    children: 'Checked',
-  },
-};
-
-export const Unchecked: Story = {
-  args: {
-    defaultChecked: false,
-    children: 'Unchecked',
-  },
-};
-
-export const WithoutLabel: Story = {
-  args: {
-    defaultChecked: true,
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    disabled: true,
-    children: 'Disabled',
-  },
-};
-
-export const DisabledChecked: Story = {
-  args: {
-    disabled: true,
-    defaultChecked: true,
-    children: 'Disabled Checked',
-  },
-};
-
-const ControlledComponent = () => {
-  const [checked, setChecked] = useState(false);
-  return (
-    <div className="flex flex-col gap-4">
-      <SquareChecker checked={checked} onCheckedChange={(value) => setChecked(value === true)}>
-        Controlled: {checked ? 'Checked' : 'Unchecked'}
-      </SquareChecker>
-      <button
-        className="px-3 py-1 bg-gray-200 rounded text-sm"
-        onClick={() => setChecked((v) => !v)}
-      >
-        Toggle from outside
-      </button>
-    </div>
-  );
-};
-
-export const Controlled: Story = {
-  render: () => <ControlledComponent />,
-};
-
-export const AllStates: Story = {
-  render: () => (
-    <div className="flex flex-col gap-4 p-4">
-      <SquareChecker>Normal</SquareChecker>
-      <SquareChecker defaultChecked>Checked</SquareChecker>
-      <SquareChecker disabled>Disabled</SquareChecker>
-      <SquareChecker disabled defaultChecked>
-        Disabled Checked
-      </SquareChecker>
-    </div>
-  ),
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useState } from 'react';
+
+import { SquareChecker } from '../components/square-checker';
+
+const meta = {
+  title: 'Example/Chat/SquareChecker',
+  component: SquareChecker,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  args: {},
+} satisfies Meta<typeof SquareChecker>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {},
+};
+
+export const WithLabel: Story = {
+  args: {
+    children: 'Option label',
+  },
+};
+
+export const Checked: Story = {
+  args: {
+    defaultChecked: true,
+    children: 'Checked',
+  },
+};
+
+export const Unchecked: Story = {
+  args: {
+    defaultChecked: false,
+    children: 'Unchecked',
+  },
+};
+
+export const WithoutLabel: Story = {
+  args: {
+    defaultChecked: true,
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    disabled: true,
+    children: 'Disabled',
+  },
+};
+
+export const DisabledChecked: Story = {
+  args: {
+    disabled: true,
+    defaultChecked: true,
+    children: 'Disabled Checked',
+  },
+};
+
+const ControlledComponent = () => {
+  const [checked, setChecked] = useState(false);
+  return (
+    <div className="flex flex-col gap-4">
+      <SquareChecker checked={checked} onCheckedChange={(value) => setChecked(value === true)}>
+        Controlled: {checked ? 'Checked' : 'Unchecked'}
+      </SquareChecker>
+      <button
+        className="px-3 py-1 bg-gray-200 rounded text-sm"
+        onClick={() => setChecked((v) => !v)}
+      >
+        Toggle from outside
+      </button>
+    </div>
+  );
+};
+
+export const Controlled: Story = {
+  render: () => <ControlledComponent />,
+};
+
+export const AllStates: Story = {
+  render: () => (
+    <div className="flex flex-col gap-4 p-4">
+      <SquareChecker>Normal</SquareChecker>
+      <SquareChecker defaultChecked>Checked</SquareChecker>
+      <SquareChecker disabled>Disabled</SquareChecker>
+      <SquareChecker disabled defaultChecked>
+        Disabled Checked
+      </SquareChecker>
+    </div>
+  ),
+};

package/src/stories/TabRadioGroup.stories.tsx

@@ -1,84 +1,84 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { useState } from 'react';
-
-import { TabRadioGroup } from '../components/tab-radio-group';
-
-const meta = {
-  title: 'Example/Chat/TabRadioGroup',
-  component: TabRadioGroup,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  args: {},
-} satisfies Meta<typeof TabRadioGroup>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    options: [
-      { value: 'smart', label: '智能' },
-      { value: 'normal', label: '普通' },
-    ],
-    defaultValue: 'smart',
-  },
-};
-
-export const NormalSelected: Story = {
-  args: {
-    options: [
-      { value: 'smart', label: '智能填写' },
-      { value: 'normal', label: '普通填写' },
-    ],
-    defaultValue: 'normal',
-  },
-};
-
-export const ThreeOptions: Story = {
-  args: {
-    options: [
-      { value: 'option1', label: '选项一' },
-      { value: 'option2', label: '选项二' },
-      { value: 'option3', label: '选项三' },
-    ],
-    defaultValue: 'option1',
-  },
-};
-
-export const WithCustomWidth: Story = {
-  args: {
-    options: [
-      { value: 'smart', label: '✨智能填写' },
-      { value: 'normal', label: '普通填写' },
-    ],
-    defaultValue: 'smart',
-    className: 'w-[300px]',
-  },
-};
-
-const ControlledTemplate = () => {
-  const [value, setValue] = useState('smart');
-
-  return (
-    <div className="flex flex-col gap-4 items-center">
-      <TabRadioGroup
-        options={[
-          { value: 'smart', label: '智能' },
-          { value: 'normal', label: '普通' },
-        ]}
-        value={value}
-        onValueChange={setValue}
-      />
-      <p className="text-sm text-gray-500">当前选中: {value}</p>
-    </div>
-  );
-};
-
-export const Controlled: Story = {
-  render: () => <ControlledTemplate />,
-  args: {
-    options: [],
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useState } from 'react';
+
+import { TabRadioGroup } from '../components/tab-radio-group';
+
+const meta = {
+  title: 'Example/Chat/TabRadioGroup',
+  component: TabRadioGroup,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  args: {},
+} satisfies Meta<typeof TabRadioGroup>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    options: [
+      { value: 'smart', label: '智能' },
+      { value: 'normal', label: '普通' },
+    ],
+    defaultValue: 'smart',
+  },
+};
+
+export const NormalSelected: Story = {
+  args: {
+    options: [
+      { value: 'smart', label: '智能填写' },
+      { value: 'normal', label: '普通填写' },
+    ],
+    defaultValue: 'normal',
+  },
+};
+
+export const ThreeOptions: Story = {
+  args: {
+    options: [
+      { value: 'option1', label: '选项一' },
+      { value: 'option2', label: '选项二' },
+      { value: 'option3', label: '选项三' },
+    ],
+    defaultValue: 'option1',
+  },
+};
+
+export const WithCustomWidth: Story = {
+  args: {
+    options: [
+      { value: 'smart', label: '✨智能填写' },
+      { value: 'normal', label: '普通填写' },
+    ],
+    defaultValue: 'smart',
+    className: 'w-[300px]',
+  },
+};
+
+const ControlledTemplate = () => {
+  const [value, setValue] = useState('smart');
+
+  return (
+    <div className="flex flex-col gap-4 items-center">
+      <TabRadioGroup
+        options={[
+          { value: 'smart', label: '智能' },
+          { value: 'normal', label: '普通' },
+        ]}
+        value={value}
+        onValueChange={setValue}
+      />
+      <p className="text-sm text-gray-500">当前选中: {value}</p>
+    </div>
+  );
+};
+
+export const Controlled: Story = {
+  render: () => <ControlledTemplate />,
+  args: {
+    options: [],
+  },
+};

package/src/stories/Textarea.stories.tsx

@@ -1,67 +1,67 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { Textarea } from '../components/ui/textarea';
-import { Label } from '../components/ui/label';
-
-const meta = {
-  title: 'AI Office/Textarea',
-  component: Textarea,
-  tags: ['autodocs'],
-  parameters: { layout: 'centered' },
-  args: {},
-} satisfies Meta<typeof Textarea>;
-
-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 WithLabel: Story = {
-  args: {
-    id: 'textarea-demo',
-    placeholder: '请输入内容',
-  },
-  render: (args) => (
-    <div className="flex flex-col gap-[6px] w-[400px]">
-      <Label htmlFor={args.id}>提示词配置</Label>
-      <Textarea {...args} />
-    </div>
-  ),
-};
-
-export const DisabledWithLabel: Story = {
-  args: {
-    id: 'textarea-disabled',
-    defaultValue: '这是不可编辑的文本内容',
-    disabled: true,
-  },
-  render: (args) => (
-    <div className="flex flex-col gap-[6px] w-[400px]">
-      <Label htmlFor={args.id}>提示词配置</Label>
-      <Textarea {...args} />
-    </div>
-  ),
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { Textarea } from '../components/ui/textarea';
+import { Label } from '../components/ui/label';
+
+const meta = {
+  title: 'AI Office/Textarea',
+  component: Textarea,
+  tags: ['autodocs'],
+  parameters: { layout: 'centered' },
+  args: {},
+} satisfies Meta<typeof Textarea>;
+
+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 WithLabel: Story = {
+  args: {
+    id: 'textarea-demo',
+    placeholder: '请输入内容',
+  },
+  render: (args) => (
+    <div className="flex flex-col gap-[6px] w-[400px]">
+      <Label htmlFor={args.id}>提示词配置</Label>
+      <Textarea {...args} />
+    </div>
+  ),
+};
+
+export const DisabledWithLabel: Story = {
+  args: {
+    id: 'textarea-disabled',
+    defaultValue: '这是不可编辑的文本内容',
+    disabled: true,
+  },
+  render: (args) => (
+    <div className="flex flex-col gap-[6px] w-[400px]">
+      <Label htmlFor={args.id}>提示词配置</Label>
+      <Textarea {...args} />
+    </div>
+  ),
+};

package/src/stories/TriggerSelect.stories.tsx

@@ -1,48 +1,48 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { useState } from 'react';
-
-import { TriggerSelect } from '../components/agent-helper/trigger-select';
-
-const meta = {
-  title: 'Agent Helper/TriggerSelect',
-  component: TriggerSelect,
-  tags: ['autodocs'],
-  parameters: { layout: 'padded' },
-  args: {},
-} satisfies Meta<typeof TriggerSelect>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {},
-};
-
-export const WithSelection: Story = {
-  args: {
-    value: 'universal',
-  },
-};
-
-const InteractiveComponent = () => {
-  const [value, setValue] = useState<string | undefined>();
-
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
-      <TriggerSelect
-        value={value as any}
-        onChange={(v) => setValue(v)}
-      />
-      {value && (
-        <p style={{ fontSize: 14, color: '#666' }}>
-          当前选中: {value}
-        </p>
-      )}
-    </div>
-  );
-};
-
-export const Interactive: Story = {
-  args: {} as any,
-  render: () => <InteractiveComponent />,
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useState } from 'react';
+
+import { TriggerSelect } from '../components/agent-helper/trigger-select';
+
+const meta = {
+  title: 'Agent Helper/TriggerSelect',
+  component: TriggerSelect,
+  tags: ['autodocs'],
+  parameters: { layout: 'padded' },
+  args: {},
+} satisfies Meta<typeof TriggerSelect>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {},
+};
+
+export const WithSelection: Story = {
+  args: {
+    value: 'universal',
+  },
+};
+
+const InteractiveComponent = () => {
+  const [value, setValue] = useState<string | undefined>();
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+      <TriggerSelect
+        value={value as any}
+        onChange={(v) => setValue(v)}
+      />
+      {value && (
+        <p style={{ fontSize: 14, color: '#666' }}>
+          当前选中: {value}
+        </p>
+      )}
+    </div>
+  );
+};
+
+export const Interactive: Story = {
+  args: {} as any,
+  render: () => <InteractiveComponent />,
+};