@baishuyun/ai-design 2.0.49 → 2.0.51

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @baishuyun/ai-design
 
+## 2.0.51
+
+### Patch Changes
+
+- fix mobile style
+- Updated dependencies
+  - @baishuyun/ai-feat-utils@2.0.46
+
+## 2.0.50
+
+### Patch Changes
+
+- agent helper error
+- Updated dependencies
+  - @baishuyun/ai-feat-utils@2.0.45
+  - @baishuyun/types@3.0.42
+
 ## 2.0.49
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ai-design",
-  "version": "2.0.49",
+  "version": "2.0.51",
   "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": "2.0.44",
-    "@baishuyun/types": "3.0.41"
+    "@baishuyun/ai-feat-utils": "2.0.46",
+    "@baishuyun/types": "3.0.42"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -84,7 +84,7 @@
     "vite": "^5.1.4",
     "vite-plugin-dts": "^4.5.4",
     "@baishuyun/tailwind-config": "3.0.9",
-    "@baishuyun/types": "3.0.41",
+    "@baishuyun/types": "3.0.42",
     "@baishuyun/typescript-config": "2.0.9"
   },
   "keywords": [],

package/src/components/agent-drawer.tsx

@@ -76,7 +76,7 @@ export const AgentDrawer = ({
         title="选择智能体"
         // DrawerContent 内联 style 强制 borderRadius: 0（会压掉方向圆角），
         // 用 !important 任意值恢复设计稿的顶部 10px 圆角
-        className="rounded-t-[10px]!"
+        className="rounded-t-[20px]!"
       >
         <div className="flex flex-col">
           {/* 头部：标题 18px Bold + 关闭（设计稿 40434:34109，上 20、下 20、左右 12） */}

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

@@ -9,18 +9,13 @@ export interface AgentEntryCardProps {
   onLogClick: () => void;
 }
 
-export const AgentEntryCard = ({
-  agent,
-  className,
-  onSelect,
-  onLogClick,
-}: AgentEntryCardProps) => {
+export const AgentEntryCard = ({ agent, className, onSelect, onLogClick }: AgentEntryCardProps) => {
   return (
     <div
       className={cn(
         'bg-white border border-[#e0e0e0] border-solid content-stretch flex flex-col items-start p-[16px] rounded-[10px] w-full drop-shadow-[0px_0px_5px_rgba(0,0,0,0.04)] hover:drop-shadow-[0px_0px_8px_rgba(0,0,0,0.1)]',
         transCls,
-        className,
+        className
       )}
 
       onClick={onSelect}
@@ -32,7 +27,7 @@ export const AgentEntryCard = ({
           <div className="content-stretch flex gap-[10px] items-center min-w-0">
             <img
               alt={agent.name}
-              className="rounded-[10px] shrink-0 size-[40px] object-cover"
+              className="rounded-[20px] shrink-0 size-[40px] object-cover"
               src={agent.icon}
             />
             <p className="font-bold leading-[normal] overflow-hidden shrink-0 text-[#030303] text-[18px] text-ellipsis whitespace-nowrap">

package/src/components/agent-helper/condition-input/index.tsx

@@ -1,5 +1,12 @@
 import { useState, useCallback, useRef } from 'react';
-import type { IField, ICondition, IConditionItem, quantifier, IFieldValueService, FieldType } from '@baishuyun/types';
+import type {
+  IField,
+  ICondition,
+  IConditionItem,
+  quantifier,
+  IFieldValueService,
+  FieldType,
+} from '@baishuyun/types';
 import { cn } from '../../../lib/utils';
 import { transCls } from '../../../const/ui';
 import { ConditonTriggerDescription } from '../condition-trigger-description';
@@ -23,12 +30,7 @@ function createEmptyItem(): IConditionItem {
   };
 }
 
-const FilterFieldTypeBlacklist: Array<FieldType> = [
-  'button',
-  'separator',
-  'subform',
-  'upload',
-];
+const FilterFieldTypeBlacklist: Array<FieldType> = ['button', 'separator', 'subform'];
 
 export interface ConditionInputProps {
   targetName: string;
@@ -56,11 +58,11 @@ export const ConditionInput = ({
       targetName,
       quantifier: 'all',
       items: [],
-    },
+    }
   ).current;
 
   const fields = allFields.filter(
-    (f) => !FilterFieldTypeBlacklist.includes(f.widget?.type as FieldType),
+    (f) => !FilterFieldTypeBlacklist.includes(f.widget?.type as FieldType)
   );
 
   const [internalValue, setInternalValue] = useState<ICondition>(defaultCondition);
@@ -72,14 +74,14 @@ export const ConditionInput = ({
       if (!isControlled) setInternalValue(next);
       onChange?.(next);
     },
-    [isControlled, onChange],
+    [isControlled, onChange]
   );
 
   const handleQuantifierChange = useCallback(
     (nextQuantifier: quantifier) => {
       updateValue({ ...currentValue, quantifier: nextQuantifier });
     },
-    [currentValue, updateValue],
+    [currentValue, updateValue]
   );
 
   const handleAddCondition = useCallback(() => {
@@ -111,7 +113,7 @@ export const ConditionInput = ({
             'text-[14px] leading-[normal] text-[#0265FF]',
             'hover:opacity-80',
             disabled && 'opacity-50 cursor-not-allowed',
-            transCls,
+            transCls
           )}
         >
           <AddIcon />
@@ -127,7 +129,7 @@ export const ConditionInput = ({
               'text-[14px] leading-[normal] text-[#FF5631]',
               'hover:opacity-80',
               disabled && 'opacity-50 cursor-not-allowed',
-              transCls,
+              transCls
             )}
           >
             删除全部
@@ -150,10 +152,7 @@ ConditionInput.displayName = 'ConditionInput';
 
 // ── BsConditionInput (IBsCondition string ↔ ICondition adapter) ──────────────
 
-function parseBsCondition(
-  str: string | undefined,
-  targetName: string,
-): ICondition {
+function parseBsCondition(str: string | undefined, targetName: string): ICondition {
   if (str) {
     try {
       const parsed = bsConditionParse2Condition(str);
@@ -198,9 +197,7 @@ export const BsConditionInput = ({
   disabled = false,
   className,
 }: BsConditionInputProps) => {
-  const defaultBS = useRef<string>(
-    defaultValue ?? defaultBsConditionString(targetName),
-  ).current;
+  const defaultBS = useRef<string>(defaultValue ?? defaultBsConditionString(targetName)).current;
 
   const [internalValue, setInternalValue] = useState<string>(defaultBS);
   const isControlled = controlledValue !== undefined;
@@ -214,7 +211,7 @@ export const BsConditionInput = ({
       if (!isControlled) setInternalValue(bsStr);
       onChange?.(bsStr);
     },
-    [isControlled, onChange, targetName],
+    [isControlled, onChange, targetName]
   );
 
   return (

package/src/components/agent-helper/field-edit-preference-select/index.tsx

@@ -3,7 +3,7 @@ import { cn } from '../../../lib/utils';
 import { transCls } from '../../../const/ui';
 import { Popover, PopoverTrigger, PopoverContent } from '../../ui/popover';
 import { FieldSelectPopover } from '../field-select';
-import type { IField } from '@baishuyun/types';
+import type { IField, ISubformField } from '@baishuyun/types';
 import type { FormActionFieldEditPreference } from '@baishuyun/types';
 
 // ── Inline SVG Icons ──────────────────────────────────────────────
@@ -62,6 +62,29 @@ function FieldChip({ label, onRemove }: { label: string; onRemove: () => void })
 
 // ── Types ─────────────────────────────────────────────────────────
 
+/**
+ * 解析选中的字段：
+ * 顶层字段 nodeKey 无 '.'，原样返回；
+ * 子表单子字段 nodeKey 形如 parent.childWidgetName，从父字段 items 中取出
+ * 子字段，构造 label 为子字段名、widgetName 为完整路径的独立 IField，
+ * 使 FieldChip 显示子字段名而非「子表单」字段名。
+ */
+function resolveSelectedField(field: IField, nodeKey: string): IField {
+  const dotIndex = nodeKey.indexOf('.');
+  if (dotIndex < 0) return field;
+  const childWidgetName = nodeKey.slice(dotIndex + 1);
+  const item = field.widget?.items?.find(
+    (it): it is ISubformField =>
+      'widget' in it && it.widget?.widgetName === childWidgetName
+  );
+  if (!item) return field;
+  return {
+    ...field,
+    label: item.label,
+    widget: { ...item.widget, widgetName: nodeKey },
+  } as IField;
+}
+
 export interface FieldEditPreferenceSelectProps {
   fields: IField[];
   value?: FormActionFieldEditPreference;
@@ -118,12 +141,16 @@ export const FieldEditPreferenceSelect = ({
   );
 
   const handleAddField = useCallback(
-    (field: IField, _nodeKey: string) => {
-      if (selectedFields.some((f) => f.label === field.label)) {
+    (field: IField, nodeKey: string) => {
+      // 子表单子字段解析为独立字段（label=子字段名，widgetName=完整路径）
+      const resolved = resolveSelectedField(field, nodeKey);
+      // 以 widgetName（子字段为完整路径）去重，避免同名子字段误判
+      const resolvedKey = resolved.widget?.widgetName ?? resolved.label;
+      if (selectedFields.some((f) => (f.widget?.widgetName ?? f.label) === resolvedKey)) {
         setOpen(false);
         return;
       }
-      const newFields = [...selectedFields, field];
+      const newFields = [...selectedFields, resolved];
       setValue({ type: 'edit_any_specified_field', fields: newFields });
       setOpen(false);
     },

package/src/components/agent-helper/field-value-input/picker-inputs.tsx

@@ -131,7 +131,8 @@ export function ComboInput({ field, value, onChange, disabled, service, showLabe
                   type="button"
                   onClick={() => handleSelect(item.value)}
                   className={cn(
-                    'h-[34px] px-[10px] rounded-[4px] text-left text-[14px] leading-[normal]',
+                    // shrink-0 防止 flex 容器 max-height 下子项收缩坍缩，改走 overflow 滚动
+                    'shrink-0 h-[34px] px-[10px] rounded-[4px] text-left text-[14px] leading-[normal]',
                     value === item.value
                       ? 'bg-[#F0F6FF] text-[#0265FF]'
                       : 'text-[#030303] hover:bg-[#EFF0F6]',
@@ -504,7 +505,8 @@ export function AsyncPicker({ field, value, onChange, disabled, service, kind, m
                   type="button"
                   onClick={() => handleSelect(opt)}
                   className={cn(
-                    'flex items-center gap-[10px] h-[34px] px-[10px] rounded-[4px] text-left',
+                    // shrink-0 防止 flex 容器 max-height 下子项收缩坍缩，改走 overflow 滚动
+                    'shrink-0 flex items-center gap-[10px] h-[34px] px-[10px] rounded-[4px] text-left',
                     isSelected
                       ? 'bg-[#F0F6FF] text-[#0265FF]'
                       : 'text-[#030303] hover:bg-[#EFF0F6]',
@@ -684,7 +686,8 @@ export function TextMultiSelect({ field, value, onChange, disabled, service, sho
                     type="button"
                     onClick={() => handleToggle(opt)}
                     className={cn(
-                      'flex items-center gap-[10px] h-[34px] px-[10px] rounded-[4px] text-left',
+                      // shrink-0 防止 flex 容器 max-height 下子项收缩坍缩，改走 overflow 滚动
+                      'shrink-0 flex items-center gap-[10px] h-[34px] px-[10px] rounded-[4px] text-left',
                       checked
                         ? 'bg-[#F0F6FF] text-[#0265FF]'
                         : 'text-[#030303] hover:bg-[#EFF0F6]',
@@ -1027,7 +1030,8 @@ export function AddressInput({ field, value, onChange, disabled, service, showLa
                     setKeyword('');
                   }}
                   className={cn(
-                    'h-[34px] px-[10px] rounded-[4px] text-left text-[14px] leading-[normal]',
+                    // shrink-0 防止 flex 容器 max-height 下子项收缩坍缩，改走 overflow 滚动
+                    'shrink-0 h-[34px] px-[10px] rounded-[4px] text-left text-[14px] leading-[normal]',
                     'text-[#030303] hover:bg-[#EFF0F6]',
                     transCls,
                   )}
@@ -1124,7 +1128,8 @@ export function LocationInput({ field, value, onChange, disabled, service, showL
                     setKeyword('');
                   }}
                   className={cn(
-                    'h-[34px] px-[10px] rounded-[4px] text-left text-[14px] leading-[normal]',
+                    // shrink-0 防止 flex 容器 max-height 下子项收缩坍缩，改走 overflow 滚动
+                    'shrink-0 h-[34px] px-[10px] rounded-[4px] text-left text-[14px] leading-[normal]',
                     'text-[#030303] hover:bg-[#EFF0F6]',
                     transCls,
                   )}

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

@@ -12,6 +12,7 @@ import { cn } from '../../../lib/utils';
 import { transCls } from '../../../const/ui';
 import { SolidArrowDownIcon, SearchIcon } from '../../bs-icons';
 import { useSelectPopoverPosition } from '../../../hooks/use-select-popover-position';
+import { FontIcon } from '../../font-icon';
 
 const POPOVER_MAX_HEIGHT = 300;
 
@@ -172,14 +173,6 @@ function buildFormTree(items: FormSelectItem[], searchQuery: string): FormTreeIt
   return result;
 }
 
-// ── Form Icon ─────────────────────────────────────────────────────
-
-function getFormIconClass(icon: number): string {
-  const isNew = icon >= 25;
-  const newStr = isNew ? '-new' : '';
-  return `node-icon icon-bsy-form${newStr} icon${newStr}-bsy-form-${icon}`;
-}
-
 // ── Entry Item ────────────────────────────────────────────────────
 
 function FormEntryItem({
@@ -204,10 +197,7 @@ function FormEntryItem({
       onClick={onClick}
     >
       <span className="flex items-center gap-[6px] min-w-0 flex-1">
-        <i
-          className={getFormIconClass(item.icon)}
-          style={{ fontSize: 16, lineHeight: 1 }}
-        />
+        <FontIcon name={item.icon} />
         <span className="text-[14px] leading-[normal] truncate">
           {item.name}
         </span>
@@ -658,10 +648,7 @@ export const FormSelect = forwardRef<HTMLDivElement, FormSelectProps>(
                   className="flex items-center gap-[4px] bg-[#EEEEEE] rounded-[2px] h-[26px] px-[6px] shrink-0 max-w-[160px]"
                   onClick={(e) => handleRemoveChip(form.id, e)}
                 >
-                  <i
-                    className={getFormIconClass(form.icon ?? 0)}
-                    style={{ fontSize: 14, lineHeight: 1 }}
-                  />
+                  <FontIcon name={form.icon ?? 0} style={{ fontSize: 14 }} />
                   <span className="text-[14px] text-[#030303] truncate leading-[normal]">
                     {form.name}
                   </span>
@@ -683,10 +670,7 @@ export const FormSelect = forwardRef<HTMLDivElement, FormSelectProps>(
             <span className="flex items-center gap-[6px] min-w-0 flex-1">
               {selectedForm ? (
                 <>
-                  <i
-                    className={getFormIconClass(selectedForm.icon ?? 0)}
-                    style={{ fontSize: 16, lineHeight: 1 }}
-                  />
+                  <FontIcon name={selectedForm.icon ?? 0} />
                   <span className="text-[14px] text-[#030303] leading-[normal] truncate">
                     {selectedForm.name}
                   </span>

package/src/components/bot-avatar-name.tsx

@@ -9,7 +9,7 @@ export const BotAvatarAndName = ({
   icon?: React.ReactNode | string;
   variant?: 'default' | 'active';
 }) => {
-  const size = variant === 'default' ? 20 : 24;
+  const size = variant === 'default' ? 16 : 24;
 
   if (!name) {
     return null;

package/src/components/bs-entry-select/build-tree.ts

@@ -16,12 +16,6 @@ export function getDepthPadding(depth: number): string {
   return DEPTH_PADDING[Math.min(depth, 5)] ?? DEPTH_PADDING[5];
 }
 
-export function getEntryIconClass(entry: IEntryDetail): string {
-  const isNew = entry.icon >= 25;
-  const newStr = isNew ? '-new' : '';
-  return `node-icon icon-bsy-form${newStr}  icon${newStr}-bsy-form-${entry.icon}`;
-}
-
 export function buildEntryTreeFromAliasMap(
   appDetail: IAppDetail,
   searchQuery: string

package/src/components/bs-entry-select/entry-item.tsx

@@ -1,6 +1,7 @@
 import { cn } from '../../lib/utils';
 import { transCls } from '../../const/ui';
-import { getDepthPadding, getEntryIconClass } from './build-tree';
+import { getDepthPadding } from './build-tree';
+import { FontIcon } from '../font-icon';
 import type { EntryTreeItem } from './types';
 
 export function EntryItem({
@@ -26,16 +27,11 @@ export function EntryItem({
       onClick={onClick}
     >
       <span className="flex items-center gap-[6px] min-w-0 flex-1">
-        <i
-          className={
-            item.iconClass
-              ? item.iconClass
-              : item.entry
-                ? getEntryIconClass(item.entry)
-                : 'node-icon icon-bsy-form icon-new-bsy-form-25'
-          }
-          style={{ fontSize: 16, lineHeight: 1 }}
-        />
+        {item.iconClass ? (
+          <i className={item.iconClass} style={{ fontSize: 16, lineHeight: 1 }} />
+        ) : (
+          <FontIcon name={item.entry?.icon ?? 25} />
+        )}
         <span className="text-[14px] text-[#030303] truncate">
           {item.name}
         </span>

package/src/components/bs-entry-select/other-app-section.tsx

@@ -6,6 +6,7 @@ import { TreeItemNode } from './tree-item-node';
 import type { IAppDetail } from '@baishuyun/types';
 import type { BsEntrySelectChangeResult } from './types';
 import { SolidArrowDownIcon } from '../bs-icons';
+import { FontIcon } from '../font-icon';
 
 const ChevronRightIcon = ({ size }: { size?: number }) => (
   <SolidArrowDownIcon className="-rotate-90" size={size} />
@@ -59,10 +60,7 @@ export function OtherAppSection({
         >
           <ChevronRightIcon size={18} />
         </span>
-        <i
-          className="node-icon icon-bsy-form icon-new-bsy-form-0"
-          style={{ fontSize: 16, lineHeight: 1 }}
-        />
+        <FontIcon name={0} />
         <span className="text-[14px] text-[#030303] truncate">
           {appDetail.name}
         </span>

package/src/components/bs-entry-select/scroll-slider.tsx

@@ -11,9 +11,9 @@ import { cn } from '../../lib/utils';
 import { transCls } from '../../const/ui';
 import { IconBtn } from '../icon-btn';
 import { LeftArrowIcon, SolidArrowDownIcon, DividerIcon } from '../bs-icons';
+import { FontIcon } from '../font-icon';
 import {
   buildEntryTreeFromAliasMap,
-  getEntryIconClass,
   filterTreeBySearch,
   buildFlowCenterTree,
 } from './build-tree';
@@ -648,16 +648,11 @@ export function ScrollSlider({
                       ),
                   )}
                 >
-                  <i
-                    className={
-                      node.iconClass
-                        ? node.iconClass
-                        : node.entry
-                          ? getEntryIconClass(node.entry)
-                          : 'node-icon icon-bsy-form icon-new-bsy-form-25'
-                    }
-                    style={{ fontSize: 16, lineHeight: 1 }}
-                  />
+                  {node.iconClass ? (
+                    <i className={node.iconClass} style={{ fontSize: 16, lineHeight: 1 }} />
+                  ) : (
+                    <FontIcon name={node.entry?.icon ?? 25} />
+                  )}
                   <span className="text-[14px] leading-[normal] truncate">
                     {node.name}
                   </span>