@baishuyun/ai-design 2.0.27 → 2.0.29

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @baishuyun/ai-design
 
+## 2.0.29
+
+### Patch Changes
+
+- new std action
+- Updated dependencies
+  - @baishuyun/ai-feat-utils@2.0.27
+  - @baishuyun/types@3.0.25
+
+## 2.0.28
+
+### Patch Changes
+
+- fix tree entry
+- Updated dependencies
+  - @baishuyun/types@3.0.24
+  - @baishuyun/ai-feat-utils@2.0.26
+
 ## 2.0.27
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ai-design",
-  "version": "2.0.27",
+  "version": "2.0.29",
   "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.25",
-    "@baishuyun/types": "3.0.23"
+    "@baishuyun/ai-feat-utils": "2.0.27",
+    "@baishuyun/types": "3.0.25"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -83,7 +83,7 @@
     "typescript": "^5.5.0",
     "vite": "^5.1.4",
     "vite-plugin-dts": "^4.5.4",
-    "@baishuyun/types": "3.0.23",
+    "@baishuyun/types": "3.0.25",
     "@baishuyun/tailwind-config": "3.0.9",
     "@baishuyun/typescript-config": "2.0.9"
   },

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

@@ -9,10 +9,10 @@ import {
 import { createPortal } from 'react-dom';
 import { cn } from '../../lib/utils';
 import { transCls } from '../../const/ui';
-import { ScrollSlider } from './scroll-slider';
+import { FlatNode, ScrollSlider } from './scroll-slider';
 import { EntryPopover } from './entry-popover';
-import { buildEntryTreeFromAliasMap } from './build-tree';
-import type { BsEntrySelectProps, BsEntrySelectChangeResult } from './types';
+import { buildEntryTreeFromAliasMap, buildFlowCenterTree } from './build-tree';
+import type { BsEntrySelectProps, BsEntrySelectChangeResult, EntryTreeItem } from './types';
 import { MenuLinesIcon } from '../bs-icons';
 import { useSelectPopoverPosition } from '../../hooks/use-select-popover-position';
 
@@ -163,7 +163,27 @@ export const BsEntrySelect = forwardRef<HTMLDivElement, BsEntrySelectProps>(
 
     const currentAppTree = useMemo(() => {
       if (!currentAppId || !appDetails[currentAppId]) return [];
-      return buildEntryTreeFromAliasMap(appDetails[currentAppId], searchQuery);
+
+      const showFlowCenter = (appDetails[currentAppId ?? '']?.isFlow ?? false);
+
+      const flowCenterNodes: FlatNode[] = [];
+
+      // Flow center — first tab in tabs mode for flow-type apps
+      if (showFlowCenter) {
+        const flowTree = buildFlowCenterTree();
+        flowCenterNodes.push(
+          ...flowTree.map((node) => ({
+            node,
+            appId: currentAppId ?? '',
+            section: 'current' as const,
+          })),
+        );
+      }
+
+      const flowCenterItems: EntryTreeItem[] = flowCenterNodes.map(n => n.node);
+      const result = buildEntryTreeFromAliasMap(appDetails[currentAppId], searchQuery);
+
+      return flowCenterItems.concat(result);
     }, [
       appDetails,
       currentAppId,

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

@@ -111,6 +111,7 @@ export function buildEntryTreeFromAliasMap(
   for (const rootId of rootParents) {
     result.push(...buildRecursive(rootId, 0));
   }
+
   return result;
 }
 

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

@@ -32,7 +32,7 @@ const ChevronRightIcon = ({ size }: { size?: number }) => (
   <SolidArrowDownIcon className="-rotate-90" size={size} />
 );
 
-interface FlatNode {
+export interface FlatNode {
   node: EntryTreeItem;
   appId: string;
   section: 'current' | 'other';

package/src/components/field-checker.tsx

@@ -18,6 +18,8 @@ export interface FieldCheckerProps {
   streaming?: boolean;
   confirmed?: boolean;
   onLoaded?: (field: Field) => void;
+  /** 字段更新类型：new 新增（淡绿背景），removed 删除（置灰+中横线） */
+  updateType?: 'new' | 'removed';
 }
 
 export const FieldChecker = memo(
@@ -32,6 +34,7 @@ export const FieldChecker = memo(
     checked,
     streaming,
     confirmed,
+    updateType,
   }: FieldCheckerProps) => {
     const { widget, label } = field;
     if (!widget) {
@@ -119,6 +122,7 @@ export const FieldChecker = memo(
           icon={icon}
           className={extraPadding}
           shortDesc={value as string}
+          updateType={updateType}
         />
       );
     }
@@ -136,6 +140,7 @@ export const FieldChecker = memo(
           icon={icon}
           shortDesc={typeDesc}
           className={extraPadding}
+          updateType={updateType}
           extra={
             items.length ? (
               <>

package/src/components/line-checker.tsx

@@ -20,6 +20,8 @@ export interface LineCheckerProps {
   streaming?: boolean;
   confirmed?: boolean;
   readonly?: boolean;
+  /** 字段更新类型：new 淡绿色背景（新增），removed 置灰+中横线（删除） */
+  updateType?: 'new' | 'removed';
 }
 
 export const LineChecker: React.FC<LineCheckerProps> = ({
@@ -36,6 +38,7 @@ export const LineChecker: React.FC<LineCheckerProps> = ({
   confirmed,
   readonly,
   shortDesc,
+  updateType,
 }) => {
   const [checked, setChecked] = useState(defaultChecked);
 
@@ -80,10 +83,13 @@ export const LineChecker: React.FC<LineCheckerProps> = ({
         'w-full transition-colors cursor-pointer',
         {
           'cursor-not-allowed': disabled,
-          'hover:bg-[#EFF0F6]': !disabled,
+          'hover:bg-[#EFF0F6]': !disabled && !updateType,
           'items-start': hasExtra,
           'items-center': !hasExtra,
           'pointer-events-none': streaming || disabled || readonly || confirmed,
+          // 字段更新视觉：新增淡绿背景，删除置灰
+          'bg-[#F0FDF4]': updateType === 'new',
+          'bg-[#F5F5F5]': updateType === 'removed',
         },
         className
       )}
@@ -116,12 +122,13 @@ export const LineChecker: React.FC<LineCheckerProps> = ({
               <div className="w-4 h-4 flex-shrink-0 text-[#6F829E] leading-[16px]">{icon}</div>
             )}
 
-            {/* Title - truncates */}
+            {/* Title - truncates；removed 时置灰并加中横线 */}
             <p
               className={classNames(' min-w-0 text-sm text-[#121111] truncate text-[12px]', {
                 'flex-1': !!icon,
                 'flex-grow-1 flex-shrink-0': !icon,
                 '!text-[#666]': readonly,
+                'line-through !text-[#999]': updateType === 'removed',
               })}
             >
               {title}
@@ -134,6 +141,7 @@ export const LineChecker: React.FC<LineCheckerProps> = ({
                 'whitespace-nowrap flex-shrink-0': !!icon,
                 anywhere: !icon,
                 '!text-[#121111]': readonly,
+                'line-through !text-[#999]': updateType === 'removed',
               })}
             >
               {shortDesc}