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

package/src/stories/AgentScrollSelector.stories.tsx

@@ -1,95 +1,95 @@
-import { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { AgentScrollSelector } from '../components/agent-scroll-selector';
-import type { AgentSelectAgent } from '../components/agent-select';
-
-const mockAgents: AgentSelectAgent[] = [
-  { id: '1', name: 'AI助手', icon: 'https://picsum.photos/32/32?random=1', builtIn: true },
-  { id: '2', name: '代码助手', icon: 'https://picsum.photos/32/32?random=2', builtIn: true },
-  { id: '3', name: '翻译专家', icon: 'https://picsum.photos/32/32?random=3', builtIn: false },
-  { id: '4', name: '文档写手', icon: 'https://picsum.photos/32/32?random=4', builtIn: false },
-];
-
-const manyAgents: AgentSelectAgent[] = [
-  { id: '1', name: 'AI助手', icon: 'https://picsum.photos/32/32?random=1', builtIn: true },
-  { id: '2', name: '代码助手', icon: 'https://picsum.photos/32/32?random=2', builtIn: true },
-  { id: '3', name: '翻译专家翻译专家', icon: 'https://picsum.photos/32/32?random=3', builtIn: false },
-  { id: '4', name: '文档写手', icon: 'https://picsum.photos/32/32?random=4', builtIn: false },
-  { id: '5', name: 'AI表单搭建', icon: 'https://picsum.photos/32/32?random=5', builtIn: true },
-  { id: '6', name: '数据分析', icon: 'https://picsum.photos/32/32?random=6', builtIn: false },
-  { id: '7', name: 'AI填写', icon: 'https://picsum.photos/32/32?random=7', builtIn: true },
-  { id: '8', name: '智能搜索', icon: 'https://picsum.photos/32/32?random=8', builtIn: false },
-];
-
-const meta: Meta<typeof AgentScrollSelector> = {
-  title: 'AI Office/AgentScrollSelector',
-  component: AgentScrollSelector,
-  tags: ['autodocs'],
-  parameters: { layout: 'centered' },
-  args: {
-    agents: mockAgents,
-    onSelect: () => {},
-  },
-  decorators: [
-    (Story) => (
-      <div style={{ width: 600, padding: 20 }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const WithActiveAgent: Story = {
-  args: {
-    activeAgent: { id: '2' },
-  },
-};
-
-export const ManyAgents: Story = {
-  args: {
-    agents: manyAgents,
-    activeAgent: { id: '5' },
-  },
-};
-
-export const Empty: Story = {
-  args: {
-    agents: [],
-  },
-};
-
-export const Interactive: Story = {
-  render: (args) => {
-    const [selected, setSelected] = useState<AgentSelectAgent | null>(null);
-
-    return (
-      <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
-        <AgentScrollSelector
-          {...args}
-          onSelect={(agent) => setSelected(agent)}
-          activeAgent={selected}
-        />
-        {selected && (
-          <div
-            style={{
-              padding: 12,
-              background: '#F5F7FA',
-              borderRadius: 8,
-              fontSize: 14,
-            }}
-          >
-            <strong>已选择:</strong> {selected.name}
-          </div>
-        )}
-      </div>
-    );
-  },
-  args: {
-    agents: manyAgents,
-  },
-};
+import { useState } from 'react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { AgentScrollSelector } from '../components/agent-scroll-selector';
+import type { AgentSelectAgent } from '../components/agent-select';
+
+const mockAgents: AgentSelectAgent[] = [
+  { id: '1', name: 'AI助手', icon: 'https://picsum.photos/32/32?random=1', builtIn: true },
+  { id: '2', name: '代码助手', icon: 'https://picsum.photos/32/32?random=2', builtIn: true },
+  { id: '3', name: '翻译专家', icon: 'https://picsum.photos/32/32?random=3', builtIn: false },
+  { id: '4', name: '文档写手', icon: 'https://picsum.photos/32/32?random=4', builtIn: false },
+];
+
+const manyAgents: AgentSelectAgent[] = [
+  { id: '1', name: 'AI助手', icon: 'https://picsum.photos/32/32?random=1', builtIn: true },
+  { id: '2', name: '代码助手', icon: 'https://picsum.photos/32/32?random=2', builtIn: true },
+  { id: '3', name: '翻译专家翻译专家', icon: 'https://picsum.photos/32/32?random=3', builtIn: false },
+  { id: '4', name: '文档写手', icon: 'https://picsum.photos/32/32?random=4', builtIn: false },
+  { id: '5', name: 'AI表单搭建', icon: 'https://picsum.photos/32/32?random=5', builtIn: true },
+  { id: '6', name: '数据分析', icon: 'https://picsum.photos/32/32?random=6', builtIn: false },
+  { id: '7', name: 'AI填写', icon: 'https://picsum.photos/32/32?random=7', builtIn: true },
+  { id: '8', name: '智能搜索', icon: 'https://picsum.photos/32/32?random=8', builtIn: false },
+];
+
+const meta: Meta<typeof AgentScrollSelector> = {
+  title: 'AI Office/AgentScrollSelector',
+  component: AgentScrollSelector,
+  tags: ['autodocs'],
+  parameters: { layout: 'centered' },
+  args: {
+    agents: mockAgents,
+    onSelect: () => {},
+  },
+  decorators: [
+    (Story) => (
+      <div style={{ width: 600, padding: 20 }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithActiveAgent: Story = {
+  args: {
+    activeAgent: { id: '2' },
+  },
+};
+
+export const ManyAgents: Story = {
+  args: {
+    agents: manyAgents,
+    activeAgent: { id: '5' },
+  },
+};
+
+export const Empty: Story = {
+  args: {
+    agents: [],
+  },
+};
+
+export const Interactive: Story = {
+  render: (args) => {
+    const [selected, setSelected] = useState<AgentSelectAgent | null>(null);
+
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
+        <AgentScrollSelector
+          {...args}
+          onSelect={(agent) => setSelected(agent)}
+          activeAgent={selected}
+        />
+        {selected && (
+          <div
+            style={{
+              padding: 12,
+              background: '#F5F7FA',
+              borderRadius: 8,
+              fontSize: 14,
+            }}
+          >
+            <strong>已选择:</strong> {selected.name}
+          </div>
+        )}
+      </div>
+    );
+  },
+  args: {
+    agents: manyAgents,
+  },
+};

package/src/stories/AgentSelect.stories.tsx

@@ -1,134 +1,134 @@
-import { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { AgentSelect } from '../components/agent-select';
-import type { AgentSelectAgent } from '../components/agent-select';
-
-const mockAgents: AgentSelectAgent[] = [
-  {
-    id: '1',
-    name: 'AI助手',
-    icon: 'https://picsum.photos/32/32?random=1',
-    builtIn: true,
-  },
-  {
-    id: '2',
-    name: '代码助手',
-    icon: 'https://picsum.photos/32/32?random=2',
-    builtIn: true,
-  },
-  {
-    id: '3',
-    name: '翻译专家',
-    icon: 'https://picsum.photos/32/32?random=3',
-    builtIn: false,
-  },
-  {
-    id: '4',
-    name: '文档写手',
-    icon: 'https://picsum.photos/32/32?random=4',
-    builtIn: false,
-  },
-];
-
-const onlySystemAgents: AgentSelectAgent[] = [
-  { id: '1', name: 'AI助手', icon: 'https://picsum.photos/32/32?random=1', builtIn: true },
-  { id: '2', name: '代码助手', icon: 'https://picsum.photos/32/32?random=2', builtIn: true },
-];
-
-const onlyCustomAgents: AgentSelectAgent[] = [
-  { id: '3', name: '翻译专家', icon: 'https://picsum.photos/32/32?random=3', builtIn: false },
-  { id: '4', name: '文档写手', icon: 'https://picsum.photos/32/32?random=4', builtIn: false },
-];
-
-const meta: Meta<typeof AgentSelect> = {
-  title: 'AI Office/AgentSelect',
-  component: AgentSelect,
-  tags: ['autodocs'],
-  parameters: { layout: 'centered' },
-  args: {
-    agents: mockAgents,
-    onSelect: () => {},
-  },
-  decorators: [
-    (Story) => (
-      <div style={{ width: 280, padding: 20 }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const WithSearch: Story = {
-  args: {
-    showSearch: true,
-  },
-};
-
-export const WithActiveAgent: Story = {
-  args: {
-    activeAgent: { id: '2' },
-  },
-};
-
-export const WithSearchAndActiveAgent: Story = {
-  args: {
-    showSearch: true,
-    activeAgent: { id: '1' },
-  },
-};
-
-export const Empty: Story = {
-  args: {
-    agents: [],
-    showSearch: true,
-  },
-};
-
-export const OnlySystemAgents: Story = {
-  args: {
-    agents: onlySystemAgents,
-  },
-};
-
-export const OnlyCustomAgents: Story = {
-  args: {
-    agents: onlyCustomAgents,
-  },
-};
-
-export const Interactive: Story = {
-  render: (args) => {
-    const [selected, setSelected] = useState<AgentSelectAgent | null>(null);
-
-    return (
-      <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
-        <AgentSelect
-          {...args}
-          onSelect={(agent) => setSelected(agent)}
-          activeAgent={selected}
-          showSearch={true}
-        />
-        {selected && (
-          <div
-            style={{
-              padding: 12,
-              background: '#F5F7FA',
-              borderRadius: 8,
-              fontSize: 14,
-            }}
-          >
-            <strong>已选择:</strong> {selected.name}
-          </div>
-        )}
-      </div>
-    );
-  },
-  args: {
-    agents: mockAgents,
-  },
-};
+import { useState } from 'react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { AgentSelect } from '../components/agent-select';
+import type { AgentSelectAgent } from '../components/agent-select';
+
+const mockAgents: AgentSelectAgent[] = [
+  {
+    id: '1',
+    name: 'AI助手',
+    icon: 'https://picsum.photos/32/32?random=1',
+    builtIn: true,
+  },
+  {
+    id: '2',
+    name: '代码助手',
+    icon: 'https://picsum.photos/32/32?random=2',
+    builtIn: true,
+  },
+  {
+    id: '3',
+    name: '翻译专家',
+    icon: 'https://picsum.photos/32/32?random=3',
+    builtIn: false,
+  },
+  {
+    id: '4',
+    name: '文档写手',
+    icon: 'https://picsum.photos/32/32?random=4',
+    builtIn: false,
+  },
+];
+
+const onlySystemAgents: AgentSelectAgent[] = [
+  { id: '1', name: 'AI助手', icon: 'https://picsum.photos/32/32?random=1', builtIn: true },
+  { id: '2', name: '代码助手', icon: 'https://picsum.photos/32/32?random=2', builtIn: true },
+];
+
+const onlyCustomAgents: AgentSelectAgent[] = [
+  { id: '3', name: '翻译专家', icon: 'https://picsum.photos/32/32?random=3', builtIn: false },
+  { id: '4', name: '文档写手', icon: 'https://picsum.photos/32/32?random=4', builtIn: false },
+];
+
+const meta: Meta<typeof AgentSelect> = {
+  title: 'AI Office/AgentSelect',
+  component: AgentSelect,
+  tags: ['autodocs'],
+  parameters: { layout: 'centered' },
+  args: {
+    agents: mockAgents,
+    onSelect: () => {},
+  },
+  decorators: [
+    (Story) => (
+      <div style={{ width: 280, padding: 20 }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithSearch: Story = {
+  args: {
+    showSearch: true,
+  },
+};
+
+export const WithActiveAgent: Story = {
+  args: {
+    activeAgent: { id: '2' },
+  },
+};
+
+export const WithSearchAndActiveAgent: Story = {
+  args: {
+    showSearch: true,
+    activeAgent: { id: '1' },
+  },
+};
+
+export const Empty: Story = {
+  args: {
+    agents: [],
+    showSearch: true,
+  },
+};
+
+export const OnlySystemAgents: Story = {
+  args: {
+    agents: onlySystemAgents,
+  },
+};
+
+export const OnlyCustomAgents: Story = {
+  args: {
+    agents: onlyCustomAgents,
+  },
+};
+
+export const Interactive: Story = {
+  render: (args) => {
+    const [selected, setSelected] = useState<AgentSelectAgent | null>(null);
+
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
+        <AgentSelect
+          {...args}
+          onSelect={(agent) => setSelected(agent)}
+          activeAgent={selected}
+          showSearch={true}
+        />
+        {selected && (
+          <div
+            style={{
+              padding: 12,
+              background: '#F5F7FA',
+              borderRadius: 8,
+              fontSize: 14,
+            }}
+          >
+            <strong>已选择:</strong> {selected.name}
+          </div>
+        )}
+      </div>
+    );
+  },
+  args: {
+    agents: mockAgents,
+  },
+};

package/src/stories/AgentTag.stories.tsx

@@ -1,44 +1,44 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { AgentTag } from '../components/agent-helper/agent-tag';
-// import type { IOfficeAgent } from '@baishuyun/ai-office/sdk';
-import { IAgentInfo } from '@baishuyun/types';
-
-const sampleAgent: IAgentInfo = {
-  id: 'ai-form-filling',
-  name: 'AI填报',
-  icon: 'https://picsum.photos/28/28',
-};
-
-const meta = {
-  title: 'Agent Helper/AgentTag',
-  component: AgentTag,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  args: {
-    agent: sampleAgent,
-  },
-} satisfies Meta<typeof AgentTag>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const LongName: Story = {
-  args: {
-    agent: {
-      ...sampleAgent,
-      name: 'AI数据分析助手',
-    },
-  },
-};
-
-export const CustomClass: Story = {
-  args: {
-    agent: sampleAgent,
-    className: 'shadow-md',
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { AgentTag } from '../components/agent-helper/agent-tag';
+// import type { IOfficeAgent } from '@baishuyun/ai-office/sdk';
+import { IAgentInfo } from '@baishuyun/types';
+
+const sampleAgent: IAgentInfo = {
+  id: 'ai-form-filling',
+  name: 'AI填报',
+  icon: 'https://picsum.photos/28/28',
+};
+
+const meta = {
+  title: 'Agent Helper/AgentTag',
+  component: AgentTag,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  args: {
+    agent: sampleAgent,
+  },
+} satisfies Meta<typeof AgentTag>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const LongName: Story = {
+  args: {
+    agent: {
+      ...sampleAgent,
+      name: 'AI数据分析助手',
+    },
+  },
+};
+
+export const CustomClass: Story = {
+  args: {
+    agent: sampleAgent,
+    className: 'shadow-md',
+  },
+};