@baishuyun/ai-design 1.0.9 → 1.1.0

package/src/index.ts

@@ -71,6 +71,8 @@ export { AgentCategorySelectMenu } from './components/agent-helper/agent-categor
 export type { AgentCategorySelectMenuProps } from './components/agent-helper/agent-category-select-menu';
 export { TriggerSelect, TriggerConfigList } from './components/agent-helper/trigger-select';
 export { SearchInput, type SearchInputProps } from './components/agent-helper/search-input';
+export { AgentSortSelect } from './components/agent-helper/agent-sort-select';
+export type { AgentSortSelectProps, SortOrder } from './components/agent-helper/agent-sort-select';
 export type {
   ITriggerSelectProps,
   TriggerCardConfig,
@@ -157,7 +159,7 @@ export { LinearGradientColorBgAnimation } from './components/linear-gradient-col
 export { NumbersMsgPart } from './components/number-part';
 export { OptionItem } from './components/option-item';
 export { OutputConfigEditor } from './components/output-config-editor';
-export type { OutputConfigEditorProps, OutputFieldOption } from './components/output-config-editor';
+export type { OutputConfigEditorProps } from './components/output-config-editor';
 export { PreviewerHeader } from './components/previewer-header';
 export { PrimaryConfirmBtn } from './components/primary-confirm-btn';
 export { PrimaryEntryBtn } from './components/primary-entry-btn';

package/src/stories/BsEntrySelect.stories.tsx

@@ -302,3 +302,13 @@ export const OnlyCurrentApp: Story = {
     defaultValue: 'entry1',
   },
 };
+
+export const OnlyCurrentAppEntries: Story = {
+  args: {
+    appDetails: mockAppDetails,
+    currentAppId: 'app1',
+    placeholder: '请选择表单',
+    defaultValue: 'entry1',
+    showCurrentAppEntriesOnly: true,
+  },
+};

package/src/stories/OfficeContainer.stories.tsx

@@ -7,6 +7,9 @@ const meta: Meta<typeof OfficeContainer> = {
   title: "AI Office/OfficeContainer",
   component: OfficeContainer,
   tags: ["autodocs"],
+  argTypes: {
+    onResize: { action: "resized" },
+  },
   parameters: {
     layout: "fullscreen",
   },
@@ -165,6 +168,59 @@ export const FullscreenRightCol: Story = {
   },
 };
 
+const WidthReadout = ({ leftW, rightW }: { leftW: number; rightW: number }) => (
+  <div
+    style={{
+      position: "absolute",
+      bottom: 12,
+      left: "50%",
+      transform: "translateX(-50%)",
+      zIndex: 20,
+      background: "rgba(0,0,0,0.75)",
+      color: "#fff",
+      padding: "6px 16px",
+      borderRadius: 6,
+      fontSize: 13,
+      fontFamily: "monospace",
+      display: "flex",
+      gap: 16,
+    }}
+  >
+    <span>Left: {leftW}px</span>
+    <span>Right: {rightW}px</span>
+  </div>
+);
+
+export const OnResize: Story = {
+  render: () => {
+    const [widths, setWidths] = useState({ left: 0, right: 0 });
+
+    return (
+      <div style={{ height: "100vh", width: "100vw", position: "relative" }}>
+        <OfficeContainer
+          rightColWidthRange={[400, 700]}
+          leftColHeaderElement={<PlaceholderHeader>Left Header (flexible)</PlaceholderHeader>}
+          leftColContentElement={
+            <PlaceholderContent>
+              Drag the resizer — the width readout at the bottom updates in real time via onResize.
+            </PlaceholderContent>
+          }
+          rightColHeaderElement={
+            <PlaceholderHeader bg="bg-emerald-500">Right Header (resizable)</PlaceholderHeader>
+          }
+          rightColContentElement={
+            <PlaceholderContent bg="bg-emerald-50">
+              Right column: 400–700px
+            </PlaceholderContent>
+          }
+          onResize={(leftW, rightW) => setWidths({ left: leftW, right: rightW })}
+        />
+        <WidthReadout leftW={widths.left} rightW={widths.right} />
+      </div>
+    );
+  },
+};
+
 export const ToggleFullscreen: Story = {
   render: () => {
     const [part, setPart] = useState<FullScreenPart>("none");

package/src/stories/OutputConfigEditor.stories.tsx

@@ -1,8 +1,7 @@
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import type { OutputParam } from '@baishuyun/types';
+import type { IAgentHelperOutputConfig, OutputParam, IField } from '@baishuyun/types';
 import { OutputConfigEditor } from '../components/output-config-editor';
-import type { OutputFieldOption } from '../components/output-config-editor';
 
 const meta: Meta<typeof OutputConfigEditor> = {
   title: 'Agent Helper/OutputConfigEditor',
@@ -23,53 +22,74 @@ const meta: Meta<typeof OutputConfigEditor> = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-const availableFields: OutputFieldOption[] = [
-  { fieldName: 'class', fieldDesc: '班级', type: 'text' },
-  { fieldName: 'count', fieldDesc: '人数', type: 'number' },
-  { fieldName: 'name', fieldDesc: '姓名', type: 'text' },
-  { fieldName: 'age', fieldDesc: '年龄', type: 'number' },
-  { fieldName: 'birthday', fieldDesc: '出生日期', type: 'datetime' },
+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' },
   {
-    fieldName: 'studentInfo',
-    fieldDesc: '学生信息',
+    name: 'studentInfo',
+    description: '学生信息',
     type: 'subform',
-    children: [
-      { fieldName: 'studentName', fieldDesc: '学生姓名', type: 'text' },
-      { fieldName: 'studentAge', fieldDesc: '学生年龄', type: 'number' },
+    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: [],
-    availableFields,
+    sourceFields,
+    targetFields,
   },
 };
 
-const sampleParams: OutputParam[] = [
-  { name: '班级', type: 'text', description: '' },
-  { name: '人数', type: 'number', description: '' },
+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: sampleParams,
-    availableFields,
+    value: sampleConfigs,
+    sourceFields,
+    targetFields,
   },
 };
 
 export const Interactive: Story = {
   args: {
-    value: [] as OutputParam[],
-    availableFields,
+    value: [] as Array<IAgentHelperOutputConfig>,
+    sourceFields,
+    targetFields,
   },
   render: (args) => {
-    const [value, setValue] = useState<OutputParam[]>(args.value);
+    const [value, setValue] = useState<Array<IAgentHelperOutputConfig>>(args.value);
 
     return (
       <div style={{ width: 680 }}>
-        <OutputConfigEditor value={value} onChange={setValue} availableFields={args.availableFields} />
+        <OutputConfigEditor value={value} onChange={setValue} sourceFields={args.sourceFields} targetFields={args.targetFields} />
       </div>
     );
   },

package/src/stories/PromptInput.stories.tsx

@@ -17,7 +17,18 @@ const mockFields: IField[] = [
   { label: '下拉框', widget: { type: 'combo', widgetName: 'combo_field', value: '' } },
   { label: '成员选择', widget: { type: 'user', widgetName: 'user_field', value: '' } },
   { label: '部门选择', widget: { type: 'dept', widgetName: 'dept_field', value: '' } },
-  { label: '子表单', widget: { type: 'subform', widgetName: 'subform_field', value: '' } },
+  {
+    label: '子表单',
+    widget: {
+      type: 'subform',
+      widgetName: 'subform1',
+      value: '',
+      items: [
+        { label: '子字段一', value: 'sub1', widget: { type: 'text', widgetName: 'sub_text', value: '' } },
+        { label: '子字段二', value: 'sub2', widget: { type: 'number', widgetName: 'sub_num', value: 0 } },
+      ],
+    },
+  },
   { label: '签名', widget: { type: 'signature', widgetName: 'sig_field', value: '' } },
   { label: '流水号', widget: { type: 'sn', widgetName: 'sn_field', value: '' } },
   { label: '公式', widget: { type: 'formula', widgetName: 'formula_field', value: '' } },

package/style.css

@@ -300,9 +300,6 @@
   .top-\[3px\] {
     top: 3px;
   }
-  .top-\[38px\] {
-    top: 38px;
-  }
   .top-\[50\%\] {
     top: 50%;
   }
@@ -2164,6 +2161,10 @@
     --tw-shadow: 0px 0px 5px var(--tw-shadow-color, rgba(0,0,0,0.04));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[0px_0px_8px_rgba\(0\,0\,0\,0\.1\)\] {
+    --tw-shadow: 0px 0px 8px var(--tw-shadow-color, rgba(0,0,0,0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[0px_0px_10px_0px_rgba\(0\,0\,0\,0\.04\)\] {
     --tw-shadow: 0px 0px 10px 0px var(--tw-shadow-color, rgba(0,0,0,0.04));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);