@baishuyun/ai-design 1.2.0 → 1.2.2

package/dist/src/components/output-config-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"output-config-editor.d.ts","sourceRoot":"","sources":["../../../src/components/output-config-editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,wBAAwB,EAAE,WAAW,EAAE,MAAM,EAAiB,MAAM,kBAAkB,CAAC;AAkChH,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAE5D,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkDD,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BA8UrH"}
+{"version":3,"file":"output-config-editor.d.ts","sourceRoot":"","sources":["../../../src/components/output-config-editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,wBAAwB,EAAE,WAAW,EAAE,MAAM,EAAiB,MAAM,kBAAkB,CAAC;AAkChH,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAE5D,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BA6VrH"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ai-design",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "AI 功能 UI 组件库 - 所有 AI 功能的 UI 表现唯一真相来源",
   "type": "module",
   "main": "src/index.ts",
@@ -60,8 +60,8 @@
     "tw-animate-css": "^1.4.0",
     "vaul": "^1.1.2",
     "zod": "^4.1.13",
-    "@baishuyun/ai-feat-utils": "1.2.0",
-    "@baishuyun/types": "2.2.0"
+    "@baishuyun/ai-feat-utils": "1.2.2",
+    "@baishuyun/types": "2.2.2"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -83,9 +83,9 @@
     "typescript": "^5.5.0",
     "vite": "^5.1.4",
     "vite-plugin-dts": "^4.5.4",
-    "@baishuyun/tailwind-config": "2.2.0",
-    "@baishuyun/types": "2.2.0",
-    "@baishuyun/typescript-config": "1.2.0"
+    "@baishuyun/types": "2.2.2",
+    "@baishuyun/tailwind-config": "2.2.2",
+    "@baishuyun/typescript-config": "1.2.2"
   },
   "keywords": [],
   "author": "",

package/src/components/agent-helper/agent-helper-card/index.tsx

@@ -4,7 +4,8 @@ import { AgentTag } from '../agent-tag';
 import { IconBtn } from '../../icon-btn';
 import { Switch } from '../../ui/switch';
 import { EditIcon, CopyIcon, TrashIcon } from '../../bs-icons';
-import type { IAgentHelper, IAgentInfo } from '@baishuyun/types';
+import type { IAgentHelper, IAgentInfo, IBsFormService, IEntry } from '@baishuyun/types';
+import { useEffect, useMemo, useState } from 'react';
 
 const FORM_ACTION_LABELS: Record<string, string> = {
   submit: '提交数据',
@@ -19,26 +20,57 @@ const FLOW_NODE_ACTION_LABELS: Record<string, string> = {
   flow_node: '流程节点',
 };
 
-function buildTriggerDescription(helper: IAgentHelper): string {
+function useTriggerDescription(helper: IAgentHelper, formService?: IBsFormService): string {
+  const [entryInfo, setEntryInfo] = useState<IEntry | undefined>(undefined);
+
+  const fetchEntryInfo = async (appId: string, entryId: string) => {
+    const entryInfo = await formService?.getEntry({ appId, entryId });
+    setEntryInfo(entryInfo);
+  }
+
+  useEffect(() => {
+    if (!helper.appId || !helper.formId) {
+      return;
+    }
+
+    fetchEntryInfo(helper.appId, helper.formId);
+  }, [helper.appId, helper.formId])
+
+  const formName = entryInfo ? entryInfo.name : helper.formId;
+  const fieldDict = useMemo(() => {
+    const ret: Record<string, string> = {};
+    for (const i of (entryInfo?.content.items ?? [])) {
+      const key = i.widget?.widgetName ?? "";
+      if (!key) {
+        continue;
+      }
+
+      ret[key] = i.label;
+    }
+    return ret;
+  }, [entryInfo?.content.items])
+
+  const widgetName = fieldDict[helper.triggerFieldWidgetName ?? ""] ?? helper.triggerFieldWidgetName;
+
   switch (helper.triggerType) {
     case 'form_action': {
       const actions =
         helper.formActionTriggerType
           ?.map((a) => FORM_ACTION_LABELS[a] || a)
           .join('/') || '';
-      return actions ? `${helper.formId}\n${actions}` : helper.formId;
+      return actions ? `${formName}\n${actions}` : formName;
     }
     case 'form_flow_node': {
       const nodes =
         helper.flowNodeTriggerType
           ?.map((n) => FLOW_NODE_ACTION_LABELS[n] || n)
           .join('/') || '';
-      return nodes ? `${helper.formId}\n${nodes}` : helper.formId;
+      return nodes ? `${formName}\n${nodes}` : formName
     }
     case 'form_field': {
       return helper.triggerFieldWidgetName
-        ? `${helper.formId} / ${helper.triggerFieldWidgetName}`
-        : helper.formId;
+        ? `${formName} / ${widgetName}`
+        : formName;
     }
     case 'universal':
       return '开箱即用，无需触发';
@@ -70,6 +102,8 @@ export interface AgentHelperCardProps {
   onEdit?: () => void;
   onCopy?: () => void;
   onDelete?: () => void;
+
+  formService?: IBsFormService;
 }
 
 export const AgentHelperCard = ({
@@ -82,8 +116,9 @@ export const AgentHelperCard = ({
   onEdit,
   onCopy,
   onDelete,
+  formService,
 }: AgentHelperCardProps) => {
-  const description = buildTriggerDescription(helper);
+  const description = useTriggerDescription(helper, formService);
   const agent = buildAgentInfo(agentName, agentIcon);
 
   return (

package/src/components/agent-helper/agent-helper-card-list/index.tsx

@@ -1,6 +1,6 @@
 import { cn } from '../../../lib/utils';
 import { AgentHelperCard } from '../agent-helper-card';
-import type { IAgentHelper } from '@baishuyun/types';
+import type { IAgentHelper, IBsFormService } from '@baishuyun/types';
 
 export interface AgentHelperCardListProps {
   items: Array<IAgentHelper>;
@@ -12,6 +12,7 @@ export interface AgentHelperCardListProps {
   onEdit?: (helperId: string) => void;
   onCopy?: (helperId: string) => void;
   onDelete?: (helperId: string) => void;
+  formService?: IBsFormService;
 }
 
 export const AgentHelperCardList = ({
@@ -24,6 +25,7 @@ export const AgentHelperCardList = ({
   onEdit,
   onCopy,
   onDelete,
+  formService,
 }: AgentHelperCardListProps) => {
   return (
     <div
@@ -34,6 +36,7 @@ export const AgentHelperCardList = ({
     >
       {items.map((helper) => (
         <AgentHelperCard
+          formService={formService}
           key={helper.id}
           helper={helper}
           agentName={getAgentName?.(helper.agentId)}

package/src/components/agent-helper/trigger-select/index.tsx

@@ -52,18 +52,18 @@ export const TriggerConfigList: Array<TriggerCardConfig> = [
     minIcon: <FlowNodeTypeIcon size={12} />,
     iconBgColor: 'rgba(255, 153, 33, 0.1)',
   },
-  {
-    triggerType: 'scheduler',
-    title: '计划任务触发',
-    description: '表单中数据发生变化时，触发自动化操作',
-    icon: (
-      <div className="text-[#F06648]">
-        <ScheduleTypeIcon />
-      </div>
-    ),
-    minIcon: <ScheduleTypeIcon size={12} />,
-    iconBgColor: 'rgba(240, 102, 72, 0.1)',
-  },
+  // {
+  //   triggerType: 'scheduler',
+  //   title: '计划任务触发',
+  //   description: '表单中数据发生变化时，触发自动化操作',
+  //   icon: (
+  //     <div className="text-[#F06648]">
+  //       <ScheduleTypeIcon />
+  //     </div>
+  //   ),
+  //   minIcon: <ScheduleTypeIcon size={12} />,
+  //   iconBgColor: 'rgba(240, 102, 72, 0.1)',
+  // },
 ];
 
 export interface ITriggerSelectProps {

package/src/components/output-config-editor.tsx

@@ -90,6 +90,28 @@ function flattenSourceFields(fields: OutputFieldOption[]): OutputFieldOption[] {
   return result;
 }
 
+function findFieldByName(fields: OutputFieldOption[], fieldName: string): OutputFieldOption | undefined {
+  for (const f of fields) {
+    if (f.fieldName === fieldName) return f;
+    if (f.children) {
+      const found = findFieldByName(f.children, fieldName);
+      if (found) return found;
+    }
+  }
+  return undefined;
+}
+
+function filterFieldsByType(fields: OutputFieldOption[], targetType: FieldType | ''): OutputFieldOption[] {
+  return fields.reduce<OutputFieldOption[]>((acc, f) => {
+    const selfMatches = f.type === targetType;
+    const filteredChildren = f.children ? filterFieldsByType(f.children, targetType) : [];
+    if (selfMatches || filteredChildren.length > 0) {
+      acc.push({ ...f, children: filteredChildren.length > 0 ? filteredChildren : f.children });
+    }
+    return acc;
+  }, []);
+}
+
 export function OutputConfigEditor({ value, onChange, sourceFields, targetFields, className }: OutputConfigEditorProps) {
   const [dropdownTarget, setDropdownTarget] = useState<DropdownTarget>(null);
   const [searchText, setSearchText] = useState('');
@@ -122,11 +144,18 @@ export function OutputConfigEditor({ value, onChange, sourceFields, targetFields
 
   const handleSelectSourceField = useCallback((index: number, field: OutputFieldOption) => {
     const newValue = [...value];
-    newValue[index] = { ...newValue[index], sourceField: { fieldName: field.fieldName, fieldDesc: field.fieldDesc } };
+    const newItem = { ...newValue[index], sourceField: { fieldName: field.fieldName, fieldDesc: field.fieldDesc } };
+    if (newItem.targetField.fieldName) {
+      const targetOption = findFieldByName(targetOptions, newItem.targetField.fieldName);
+      if (targetOption && targetOption.type !== field.type) {
+        newItem.targetField = { fieldName: '', fieldDesc: '' };
+      }
+    }
+    newValue[index] = newItem;
     onChange?.(newValue);
     setDropdownTarget(null);
     setSearchText('');
-  }, [value, onChange]);
+  }, [value, onChange, targetOptions]);
 
   const handleSelectTargetField = useCallback((index: number, field: OutputFieldOption) => {
     const newValue = [...value];
@@ -166,7 +195,7 @@ export function OutputConfigEditor({ value, onChange, sourceFields, targetFields
     (f) => (matchSearch(f.fieldDesc) || matchSearch(f.fieldName)) && f.type !== 'subform'
   );
 
-  const filteredTargetFields = filterFields(targetOptions);
+  const searchedTargetFields = filterFields(targetOptions);
 
   const fieldRowCls = cn(
     'bg-white border border-[#e0e0e0] rounded-[4px] h-[34px] px-[10px] py-[7px]',
@@ -206,7 +235,14 @@ export function OutputConfigEditor({ value, onChange, sourceFields, targetFields
       'flex flex-col gap-[10px]',
       className,
     )}>
-      {value.map((item, index) => (
+      {value.map((item, index) => {
+        const selectedSourceType = item.sourceField.fieldName
+          ? flatSourceFields.find(f => f.fieldName === item.sourceField.fieldName)?.type
+          : undefined;
+        const rowTargetFields = selectedSourceType
+          ? filterFieldsByType(searchedTargetFields, selectedSourceType)
+          : searchedTargetFields;
+        return (
         <div key={index} className="flex gap-[10px] items-center">
           {/* Source field selector (JSON output field) */}
           <Popover open={isDropdownOpen(index, 'source')} onOpenChange={(open) => handleDropdownOpenChange(index, 'source', open)}>
@@ -328,7 +364,7 @@ export function OutputConfigEditor({ value, onChange, sourceFields, targetFields
                 />
               </div>
               <div className="max-h-[210px] overflow-auto">
-                {filteredTargetFields.map((field) => {
+                {rowTargetFields.map((field) => {
                   const isParent = field.children && field.children.length > 0;
                   const isCollapsed = collapsedParents.has(field.fieldName);
 
@@ -386,7 +422,7 @@ export function OutputConfigEditor({ value, onChange, sourceFields, targetFields
                     </div>
                   );
                 })}
-                {filteredTargetFields.length === 0 && (
+                {rowTargetFields.length === 0 && (
                   <div className="px-[10px] py-[7px] text-[14px] text-[#999] leading-normal">
                     无匹配结果
                   </div>
@@ -406,7 +442,8 @@ export function OutputConfigEditor({ value, onChange, sourceFields, targetFields
             </span>
           </button>
         </div>
-      ))}
+        );
+      })}
 
       <button
         type="button"