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

package/src/stories/RadioCard.stories.tsx

@@ -1,103 +1,103 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { useState } from 'react';
-
-import { RadioCard } from '../components/radio-card';
-
-const meta = {
-  title: 'AI Office/RadioCard',
-  component: RadioCard,
-  tags: ['autodocs'],
-  parameters: { layout: 'centered' },
-  args: {},
-} satisfies Meta<typeof RadioCard>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    title: '支持对话框模式',
-    description: '应用将以对话框形式弹出',
-  },
-};
-
-export const Checked: Story = {
-  args: {
-    title: '支持对话框模式',
-    description: '应用将以对话框形式弹出',
-    defaultChecked: true,
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    title: '支持对话框模式',
-    description: '应用将以对话框形式弹出',
-    disabled: true,
-  },
-};
-
-export const DisabledChecked: Story = {
-  args: {
-    title: '支持对话框模式',
-    description: '应用将以对话框形式弹出',
-    disabled: true,
-    defaultChecked: true,
-  },
-};
-
-const ControlledComponent = () => {
-  const [checked, setChecked] = useState(false);
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: 12, alignItems: 'center' }}>
-      <RadioCard
-        title="支持对话框模式"
-        description="应用将以对话框形式弹出"
-        checked={checked}
-        onCheckedChange={setChecked}
-      />
-      <button onClick={() => setChecked(!checked)}>
-        Toggle from outside (current: {checked ? 'checked' : 'unchecked'})
-      </button>
-    </div>
-  );
-};
-
-export const Controlled: Story = {
-  args: {} as any,
-  render: () => <ControlledComponent />,
-};
-
-const MultipleOptionsComponent = () => {
-  const [selected, setSelected] = useState('dialog');
-  return (
-    <div style={{ display: 'flex', gap: 8 }}>
-      <RadioCard
-        className='shrink-0 grow w-[30%]'
-        title="支持对话框模式"
-        description="应用将以对话框形式弹出"
-        checked={selected === 'dialog'}
-        onCheckedChange={() => setSelected('dialog')}
-      />
-      <RadioCard
-        className='shrink-0 grow w-[30%]'
-        title="支持侧边栏模式"
-        description="应用将以侧边栏形式展示"
-        checked={selected === 'sidebar'}
-        onCheckedChange={() => setSelected('sidebar')}
-      />
-      <RadioCard
-        className='shrink-0 grow w-[30%]'
-        title="支持全屏模式"
-        description="应用将全屏展示"
-        checked={selected === 'fullscreen'}
-        onCheckedChange={() => setSelected('fullscreen')}
-      />
-    </div>
-  );
-};
-
-export const MultipleOptions: Story = {
-  args: {} as any,
-  render: () => <MultipleOptionsComponent />,
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useState } from 'react';
+
+import { RadioCard } from '../components/radio-card';
+
+const meta = {
+  title: 'AI Office/RadioCard',
+  component: RadioCard,
+  tags: ['autodocs'],
+  parameters: { layout: 'centered' },
+  args: {},
+} satisfies Meta<typeof RadioCard>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    title: '支持对话框模式',
+    description: '应用将以对话框形式弹出',
+  },
+};
+
+export const Checked: Story = {
+  args: {
+    title: '支持对话框模式',
+    description: '应用将以对话框形式弹出',
+    defaultChecked: true,
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    title: '支持对话框模式',
+    description: '应用将以对话框形式弹出',
+    disabled: true,
+  },
+};
+
+export const DisabledChecked: Story = {
+  args: {
+    title: '支持对话框模式',
+    description: '应用将以对话框形式弹出',
+    disabled: true,
+    defaultChecked: true,
+  },
+};
+
+const ControlledComponent = () => {
+  const [checked, setChecked] = useState(false);
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 12, alignItems: 'center' }}>
+      <RadioCard
+        title="支持对话框模式"
+        description="应用将以对话框形式弹出"
+        checked={checked}
+        onCheckedChange={setChecked}
+      />
+      <button onClick={() => setChecked(!checked)}>
+        Toggle from outside (current: {checked ? 'checked' : 'unchecked'})
+      </button>
+    </div>
+  );
+};
+
+export const Controlled: Story = {
+  args: {} as any,
+  render: () => <ControlledComponent />,
+};
+
+const MultipleOptionsComponent = () => {
+  const [selected, setSelected] = useState('dialog');
+  return (
+    <div style={{ display: 'flex', gap: 8 }}>
+      <RadioCard
+        className='shrink-0 grow w-[30%]'
+        title="支持对话框模式"
+        description="应用将以对话框形式弹出"
+        checked={selected === 'dialog'}
+        onCheckedChange={() => setSelected('dialog')}
+      />
+      <RadioCard
+        className='shrink-0 grow w-[30%]'
+        title="支持侧边栏模式"
+        description="应用将以侧边栏形式展示"
+        checked={selected === 'sidebar'}
+        onCheckedChange={() => setSelected('sidebar')}
+      />
+      <RadioCard
+        className='shrink-0 grow w-[30%]'
+        title="支持全屏模式"
+        description="应用将全屏展示"
+        checked={selected === 'fullscreen'}
+        onCheckedChange={() => setSelected('fullscreen')}
+      />
+    </div>
+  );
+};
+
+export const MultipleOptions: Story = {
+  args: {} as any,
+  render: () => <MultipleOptionsComponent />,
+};

package/src/stories/RelationalOperatorSelect.stories.tsx

@@ -1,61 +1,61 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { useState } from 'react';
-import { RelationalOperatorSelect } from '../components/agent-helper/relational-operator-select';
-import type { relationalOperator } from '@baishuyun/types';
-import { OPERATOR_LABEL_MAP } from '@baishuyun/ai-feat-utils';
-
-const meta = {
-  title: 'Agent Helper/RelationalOperatorSelect',
-  component: RelationalOperatorSelect,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  args: {
-    defaultValue: 'eq',
-    disabled: false,
-  },
-} satisfies Meta<typeof RelationalOperatorSelect>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    defaultValue: 'eq',
-  },
-};
-
-export const NotEqualSelected: Story = {
-  args: {
-    defaultValue: 'neq',
-  },
-};
-
-export const ContainsSelected: Story = {
-  args: {
-    defaultValue: 'contains',
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    defaultValue: 'eq',
-    disabled: true,
-  },
-};
-
-export const Controlled: Story = {
-  render: () => {
-    const [value, setValue] = useState<relationalOperator>('eq');
-
-    return (
-      <div className="flex items-center gap-[12px]">
-        <RelationalOperatorSelect value={value} onChange={setValue} />
-        <span className="text-[14px] text-[#666666]">
-          当前值: {OPERATOR_LABEL_MAP[value]}
-        </span>
-      </div>
-    );
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useState } from 'react';
+import { RelationalOperatorSelect } from '../components/agent-helper/relational-operator-select';
+import type { relationalOperator } from '@baishuyun/types';
+import { OPERATOR_LABEL_MAP } from '@baishuyun/ai-feat-utils';
+
+const meta = {
+  title: 'Agent Helper/RelationalOperatorSelect',
+  component: RelationalOperatorSelect,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  args: {
+    defaultValue: 'eq',
+    disabled: false,
+  },
+} satisfies Meta<typeof RelationalOperatorSelect>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    defaultValue: 'eq',
+  },
+};
+
+export const NotEqualSelected: Story = {
+  args: {
+    defaultValue: 'neq',
+  },
+};
+
+export const ContainsSelected: Story = {
+  args: {
+    defaultValue: 'contains',
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    defaultValue: 'eq',
+    disabled: true,
+  },
+};
+
+export const Controlled: Story = {
+  render: () => {
+    const [value, setValue] = useState<relationalOperator>('eq');
+
+    return (
+      <div className="flex items-center gap-[12px]">
+        <RelationalOperatorSelect value={value} onChange={setValue} />
+        <span className="text-[14px] text-[#666666]">
+          当前值: {OPERATOR_LABEL_MAP[value]}
+        </span>
+      </div>
+    );
+  },
+};

package/src/stories/RepeatByTypeSelect.stories.tsx

@@ -1,58 +1,58 @@
-import { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { RepeatByTypeSelect } from '../components/agent-helper/repeat-by-type-select';
-import type { repeatByType } from '@baishuyun/types';
-
-const meta: Meta<typeof RepeatByTypeSelect> = {
-  title: 'Agent Helper/RepeatByTypeSelect',
-  component: RepeatByTypeSelect,
-  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: 'week',
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    value: 'month',
-    disabled: true,
-  },
-};
-
-export const CustomPlaceholder: Story = {
-  args: {
-    placeholder: '选择重复方式',
-  },
-};
-
-export const Interactive: Story = {
-  render: (args) => {
-    const [val, setVal] = useState<repeatByType | undefined>();
-
-    return (
-      <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
-        <RepeatByTypeSelect {...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 { RepeatByTypeSelect } from '../components/agent-helper/repeat-by-type-select';
+import type { repeatByType } from '@baishuyun/types';
+
+const meta: Meta<typeof RepeatByTypeSelect> = {
+  title: 'Agent Helper/RepeatByTypeSelect',
+  component: RepeatByTypeSelect,
+  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: 'week',
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    value: 'month',
+    disabled: true,
+  },
+};
+
+export const CustomPlaceholder: Story = {
+  args: {
+    placeholder: '选择重复方式',
+  },
+};
+
+export const Interactive: Story = {
+  render: (args) => {
+    const [val, setVal] = useState<repeatByType | undefined>();
+
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+        <RepeatByTypeSelect {...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/RepeatPreferenceSelect.stories.tsx

@@ -1,107 +1,107 @@
-import { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { RepeatPreferenceSelect } from '../components/agent-helper/repeat-preference-select';
-import type { IRepeatPreference } from '@baishuyun/types';
-
-const meta: Meta<typeof RepeatPreferenceSelect> = {
-  title: 'Agent Helper/RepeatPreferenceSelect',
-  component: RepeatPreferenceSelect,
-  tags: ['autodocs'],
-  parameters: { layout: 'padded' },
-  decorators: [
-    (Story) => (
-      <div style={{ padding: 20, maxWidth: 900 }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const WithNone: Story = {
-  args: {
-    value: { type: 'none' },
-  },
-};
-
-export const WithDaily: Story = {
-  args: {
-    value: { type: 'daily' },
-  },
-};
-
-export const WithCustomWeek: Story = {
-  args: {
-    value: {
-      type: 'custom',
-      customRepeatPreference: {
-        repeatBy: 'week',
-        interval: 2,
-        repeatDetailDates: ['mon', 'wed', 'fri'],
-      },
-    },
-  },
-};
-
-export const WithCustomMonth: Story = {
-  args: {
-    value: {
-      type: 'custom',
-      customRepeatPreference: {
-        repeatBy: 'month',
-        interval: 1,
-        repeatDetailDates: [1, 15, 'last'],
-      },
-    },
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    value: {
-      type: 'custom',
-      customRepeatPreference: {
-        repeatBy: 'week',
-        interval: 1,
-        repeatDetailDates: ['mon', 'tue'],
-      },
-    },
-    disabled: true,
-  },
-};
-
-export const Interactive: Story = {
-  render: (args) => {
-    const [val, setVal] = useState<IRepeatPreference | undefined>();
-
-    return (
-      <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
-        <RepeatPreferenceSelect
-          {...args}
-          value={val}
-          onChange={setVal}
-        />
-        <div
-          style={{
-            padding: 12,
-            background: '#F5F7FA',
-            borderRadius: 8,
-            fontSize: 13,
-            fontFamily: 'monospace',
-            whiteSpace: 'pre-wrap',
-            wordBreak: 'break-all',
-          }}
-        >
-          <strong>当前值:</strong>
-          <pre style={{ margin: '8px 0 0', fontSize: 12 }}>
-            {val ? JSON.stringify(val, null, 2) : '(未选择)'}
-          </pre>
-        </div>
-      </div>
-    );
-  },
-};
+import { useState } from 'react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { RepeatPreferenceSelect } from '../components/agent-helper/repeat-preference-select';
+import type { IRepeatPreference } from '@baishuyun/types';
+
+const meta: Meta<typeof RepeatPreferenceSelect> = {
+  title: 'Agent Helper/RepeatPreferenceSelect',
+  component: RepeatPreferenceSelect,
+  tags: ['autodocs'],
+  parameters: { layout: 'padded' },
+  decorators: [
+    (Story) => (
+      <div style={{ padding: 20, maxWidth: 900 }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithNone: Story = {
+  args: {
+    value: { type: 'none' },
+  },
+};
+
+export const WithDaily: Story = {
+  args: {
+    value: { type: 'daily' },
+  },
+};
+
+export const WithCustomWeek: Story = {
+  args: {
+    value: {
+      type: 'custom',
+      customRepeatPreference: {
+        repeatBy: 'week',
+        interval: 2,
+        repeatDetailDates: ['mon', 'wed', 'fri'],
+      },
+    },
+  },
+};
+
+export const WithCustomMonth: Story = {
+  args: {
+    value: {
+      type: 'custom',
+      customRepeatPreference: {
+        repeatBy: 'month',
+        interval: 1,
+        repeatDetailDates: [1, 15, 'last'],
+      },
+    },
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    value: {
+      type: 'custom',
+      customRepeatPreference: {
+        repeatBy: 'week',
+        interval: 1,
+        repeatDetailDates: ['mon', 'tue'],
+      },
+    },
+    disabled: true,
+  },
+};
+
+export const Interactive: Story = {
+  render: (args) => {
+    const [val, setVal] = useState<IRepeatPreference | undefined>();
+
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+        <RepeatPreferenceSelect
+          {...args}
+          value={val}
+          onChange={setVal}
+        />
+        <div
+          style={{
+            padding: 12,
+            background: '#F5F7FA',
+            borderRadius: 8,
+            fontSize: 13,
+            fontFamily: 'monospace',
+            whiteSpace: 'pre-wrap',
+            wordBreak: 'break-all',
+          }}
+        >
+          <strong>当前值:</strong>
+          <pre style={{ margin: '8px 0 0', fontSize: 12 }}>
+            {val ? JSON.stringify(val, null, 2) : '(未选择)'}
+          </pre>
+        </div>
+      </div>
+    );
+  },
+};