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

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

@@ -1,265 +1,265 @@
-import type { IAppDetail, IEntryAliasItem, IEntryDetail, IEntryRef } from '@baishuyun/types';
-import type { EntryTreeItem, BsEntrySelectChangeResult } from './types';
-import { FLOW_CENTER_GROUP_ID, FLOW_CENTER_ENTRIES } from './types';
-import { FormSelectItem } from '../agent-helper/form-select';
-
-export const DEPTH_PADDING: Record<number, string> = {
-  0: 'pl-[10px]',
-  1: 'pl-[32px]',
-  2: 'pl-[32px]',
-  3: 'pl-[54px]',
-  4: 'pl-[78px]',
-  5: 'pl-[102px]',
-};
-
-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
-): EntryTreeItem[] {
-  const { entryIdAliasMap: originMap, entryMap, entryList } = appDetail;
-
-  const formIdWhiteList = new Set(flattenEntryList(entryList).map((e) => e.id));
-
-  const entryIdAliasMap: Record<string, IEntryAliasItem> = {
-    // ...originMap,
-  };
-
-  for (const [_, v] of Object.entries(originMap ?? {})) {
-    if (formIdWhiteList.has(v.formId)) {
-      entryIdAliasMap[v.formId as string] = v;
-    }
-  }
-
-  const aliasKeys = Object.keys(entryIdAliasMap);
-  if (aliasKeys.length === 0) return [];
-
-  const childrenByParent = new Map<string, string[]>();
-  for (const id of aliasKeys) {
-    const aliasItem = entryIdAliasMap[id];
-    const parentKey = aliasItem.parent || '0';
-    if (!childrenByParent.has(parentKey)) {
-      childrenByParent.set(parentKey, []);
-    }
-    childrenByParent.get(parentKey)!.push(aliasItem.formId);
-  }
-
-  // Root parents: any parent value that is not itself a key in entryIdAliasMap.
-  // Also include the sentinel '0' for entries with empty/falsy parent.
-  const allParentValues = new Set(childrenByParent.keys());
-  const rootParents = Array.from(allParentValues).filter((p) => p === '0' || !entryIdAliasMap[p]);
-
-  const lowerQuery = searchQuery.toLowerCase().trim();
-
-  function buildRecursive(parentId: string, depth: number): EntryTreeItem[] {
-    const childIds = childrenByParent.get(parentId) || [];
-    const nodes: EntryTreeItem[] = [];
-
-    for (const id of childIds) {
-      const aliasItem = entryIdAliasMap[id];
-      const entryDetail = entryMap[id] || null;
-      const name = entryDetail?.name || id;
-      const icon = entryDetail?.icon || 0;
-      const isGroup = aliasItem.type === 'group';
-
-      const children = buildRecursive(id, depth + 1);
-      const selfMatch = !lowerQuery || name?.toLowerCase().includes(lowerQuery);
-
-      if (isGroup) {
-        if (selfMatch || children.length > 0) {
-          nodes.push({
-            id,
-            name,
-            icon,
-            type: 'group',
-            children,
-            depth,
-            isSelectable: false,
-            entry: entryDetail,
-          });
-        }
-      } else {
-        if (selfMatch) {
-          nodes.push({
-            id,
-            name,
-            icon,
-            type: aliasItem.type,
-            children: [],
-            depth,
-            isSelectable: true,
-            entry: entryDetail,
-          });
-        }
-      }
-    }
-
-    return nodes;
-  }
-
-  // Build from each root parent, all at depth 0
-  const result: EntryTreeItem[] = [];
-  for (const rootId of rootParents) {
-    result.push(...buildRecursive(rootId, 0));
-  }
-
-  return result;
-}
-
-const flattenFormEntries = (entries: IEntryDetail[]): FormSelectItem[] => {
-  const result: FormSelectItem[] = [];
-  for (const entry of entries) {
-    result.push({
-      id: entry.entryId,
-      name: entry?.name || entry.entryId,
-      icon: entry?.icon || 0,
-      type: entry.type,
-      parent: entry.parent || undefined,
-      itemType: entry.type === 'group' ? 'group' : 'form',
-    });
-    if (entry.child?.length) {
-      for (const child of flattenFormEntries(entry.child)) {
-        result.push({ ...child, parent: entry.entryId });
-      }
-    }
-  }
-  return result;
-};
-
-interface IEntryItem {
-  id: string;
-}
-
-const flattenEntryList = (entryList: IEntryRef[]): Array<IEntryItem> => {
-  const items: IEntryItem[] = [];
-
-  for (const entry of entryList) {
-    items.push({
-      id: entry.id,
-    });
-
-    if (entry.child?.length) {
-      for (const c of flattenEntryList(entry.child)) {
-        items.push({
-          id: c.id,
-        });
-      }
-    }
-  }
-
-  return items;
-};
-
-export const getEntries = (appDetail: IAppDetail): FormSelectItem[] => {
-  const { entryIdAliasMap, entryMap, entryList } = appDetail;
-  const whiteList = new Set(flattenEntryList(entryList).map((e) => e.id));
-  const aliasKeys = Object.keys(entryIdAliasMap).filter((k) => whiteList.has(k));
-
-  if (aliasKeys.length === 0) {
-    return [];
-  }
-
-  const entries = aliasKeys
-    .map((id) => {
-      return entryMap[id] as IEntryDetail;
-    })
-    .filter(Boolean);
-
-  return flattenFormEntries(entries);
-};
-
-export function filterTreeBySearch(nodes: EntryTreeItem[], searchQuery: string): EntryTreeItem[] {
-  const lowerQuery = searchQuery.toLowerCase().trim();
-  if (!lowerQuery) return nodes;
-
-  const result: EntryTreeItem[] = [];
-  for (const node of nodes) {
-    const nameMatch = node?.name.toLowerCase().includes(lowerQuery);
-    const filteredChildren = filterTreeBySearch(node.children, searchQuery);
-
-    if (!node.isSelectable) {
-      if (nameMatch || filteredChildren.length > 0) {
-        result.push({ ...node, children: filteredChildren });
-      }
-    } else {
-      if (nameMatch) {
-        result.push(node);
-      }
-    }
-  }
-  return result;
-}
-
-export function findSelected(
-  appDetails: Record<string, IAppDetail>,
-  entryId: string,
-  currentAppId?: string
-): BsEntrySelectChangeResult | null {
-  for (const [appId, detail] of Object.entries(appDetails)) {
-    if (detail.entryMap[entryId]) {
-      return {
-        entry: detail.entryMap[entryId],
-        appId,
-        section: appId === currentAppId ? 'current' : 'other',
-      };
-    }
-  }
-  return null;
-}
-
-/** Create a virtual IEntryDetail for a flow center entry */
-export function createFlowEntryDetail(entryId: string, name: string): IEntryDetail {
-  return {
-    _id: `${FLOW_CENTER_GROUP_ID}_${entryId}`,
-    entryId,
-    hasCoop: false,
-    hasFlow: true,
-    icon: 0,
-    isEvent: false,
-    isFavorite: false,
-    name,
-    parent: FLOW_CENTER_GROUP_ID,
-    seq: 0,
-    type: 'flow',
-  };
-}
-
-/** Build the synthetic "流程中心" group tree with 4 flow entries */
-export function buildFlowCenterTree(): EntryTreeItem[] {
-  const children: EntryTreeItem[] = FLOW_CENTER_ENTRIES.map((item) => ({
-    // Use entryId directly as the node id so selected-state matching
-    // (selectedEntryId === node.id) works like real entries
-    id: item.entryId,
-    name: item.name,
-    icon: 0,
-    iconClass: `sdk-icon ${item.iconClass} text-[#0265ff]`,
-    type: 'flow',
-    children: [],
-    // depth 0: the group popover renders these as a flat list — no tree indent
-    depth: 0,
-    isSelectable: true,
-    entry: createFlowEntryDetail(item.entryId, item.name),
-  }));
-
-  const groupNode: EntryTreeItem = {
-    id: FLOW_CENTER_GROUP_ID,
-    name: '流程中心',
-    icon: 0,
-    type: 'group',
-    depth: 0,
-    isSelectable: false,
-    entry: null,
-    children,
-  };
-
-  return [groupNode];
-}
+import type { IAppDetail, IEntryAliasItem, IEntryDetail, IEntryRef } from '@baishuyun/types';
+import type { EntryTreeItem, BsEntrySelectChangeResult } from './types';
+import { FLOW_CENTER_GROUP_ID, FLOW_CENTER_ENTRIES } from './types';
+import { FormSelectItem } from '../agent-helper/form-select';
+
+export const DEPTH_PADDING: Record<number, string> = {
+  0: 'pl-[10px]',
+  1: 'pl-[32px]',
+  2: 'pl-[32px]',
+  3: 'pl-[54px]',
+  4: 'pl-[78px]',
+  5: 'pl-[102px]',
+};
+
+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
+): EntryTreeItem[] {
+  const { entryIdAliasMap: originMap, entryMap, entryList } = appDetail;
+
+  const formIdWhiteList = new Set(flattenEntryList(entryList).map((e) => e.id));
+
+  const entryIdAliasMap: Record<string, IEntryAliasItem> = {
+    // ...originMap,
+  };
+
+  for (const [_, v] of Object.entries(originMap ?? {})) {
+    if (formIdWhiteList.has(v.formId)) {
+      entryIdAliasMap[v.formId as string] = v;
+    }
+  }
+
+  const aliasKeys = Object.keys(entryIdAliasMap);
+  if (aliasKeys.length === 0) return [];
+
+  const childrenByParent = new Map<string, string[]>();
+  for (const id of aliasKeys) {
+    const aliasItem = entryIdAliasMap[id];
+    const parentKey = aliasItem.parent || '0';
+    if (!childrenByParent.has(parentKey)) {
+      childrenByParent.set(parentKey, []);
+    }
+    childrenByParent.get(parentKey)!.push(aliasItem.formId);
+  }
+
+  // Root parents: any parent value that is not itself a key in entryIdAliasMap.
+  // Also include the sentinel '0' for entries with empty/falsy parent.
+  const allParentValues = new Set(childrenByParent.keys());
+  const rootParents = Array.from(allParentValues).filter((p) => p === '0' || !entryIdAliasMap[p]);
+
+  const lowerQuery = searchQuery.toLowerCase().trim();
+
+  function buildRecursive(parentId: string, depth: number): EntryTreeItem[] {
+    const childIds = childrenByParent.get(parentId) || [];
+    const nodes: EntryTreeItem[] = [];
+
+    for (const id of childIds) {
+      const aliasItem = entryIdAliasMap[id];
+      const entryDetail = entryMap[id] || null;
+      const name = entryDetail?.name || id;
+      const icon = entryDetail?.icon || 0;
+      const isGroup = aliasItem.type === 'group';
+
+      const children = buildRecursive(id, depth + 1);
+      const selfMatch = !lowerQuery || name?.toLowerCase().includes(lowerQuery);
+
+      if (isGroup) {
+        if (selfMatch || children.length > 0) {
+          nodes.push({
+            id,
+            name,
+            icon,
+            type: 'group',
+            children,
+            depth,
+            isSelectable: false,
+            entry: entryDetail,
+          });
+        }
+      } else {
+        if (selfMatch) {
+          nodes.push({
+            id,
+            name,
+            icon,
+            type: aliasItem.type,
+            children: [],
+            depth,
+            isSelectable: true,
+            entry: entryDetail,
+          });
+        }
+      }
+    }
+
+    return nodes;
+  }
+
+  // Build from each root parent, all at depth 0
+  const result: EntryTreeItem[] = [];
+  for (const rootId of rootParents) {
+    result.push(...buildRecursive(rootId, 0));
+  }
+
+  return result;
+}
+
+const flattenFormEntries = (entries: IEntryDetail[]): FormSelectItem[] => {
+  const result: FormSelectItem[] = [];
+  for (const entry of entries) {
+    result.push({
+      id: entry.entryId,
+      name: entry?.name || entry.entryId,
+      icon: entry?.icon || 0,
+      type: entry.type,
+      parent: entry.parent || undefined,
+      itemType: entry.type === 'group' ? 'group' : 'form',
+    });
+    if (entry.child?.length) {
+      for (const child of flattenFormEntries(entry.child)) {
+        result.push({ ...child, parent: entry.entryId });
+      }
+    }
+  }
+  return result;
+};
+
+interface IEntryItem {
+  id: string;
+}
+
+const flattenEntryList = (entryList: IEntryRef[]): Array<IEntryItem> => {
+  const items: IEntryItem[] = [];
+
+  for (const entry of entryList) {
+    items.push({
+      id: entry.id,
+    });
+
+    if (entry.child?.length) {
+      for (const c of flattenEntryList(entry.child)) {
+        items.push({
+          id: c.id,
+        });
+      }
+    }
+  }
+
+  return items;
+};
+
+export const getEntries = (appDetail: IAppDetail): FormSelectItem[] => {
+  const { entryIdAliasMap, entryMap, entryList } = appDetail;
+  const whiteList = new Set(flattenEntryList(entryList).map((e) => e.id));
+  const aliasKeys = Object.keys(entryIdAliasMap).filter((k) => whiteList.has(k));
+
+  if (aliasKeys.length === 0) {
+    return [];
+  }
+
+  const entries = aliasKeys
+    .map((id) => {
+      return entryMap[id] as IEntryDetail;
+    })
+    .filter(Boolean);
+
+  return flattenFormEntries(entries);
+};
+
+export function filterTreeBySearch(nodes: EntryTreeItem[], searchQuery: string): EntryTreeItem[] {
+  const lowerQuery = searchQuery.toLowerCase().trim();
+  if (!lowerQuery) return nodes;
+
+  const result: EntryTreeItem[] = [];
+  for (const node of nodes) {
+    const nameMatch = node?.name.toLowerCase().includes(lowerQuery);
+    const filteredChildren = filterTreeBySearch(node.children, searchQuery);
+
+    if (!node.isSelectable) {
+      if (nameMatch || filteredChildren.length > 0) {
+        result.push({ ...node, children: filteredChildren });
+      }
+    } else {
+      if (nameMatch) {
+        result.push(node);
+      }
+    }
+  }
+  return result;
+}
+
+export function findSelected(
+  appDetails: Record<string, IAppDetail>,
+  entryId: string,
+  currentAppId?: string
+): BsEntrySelectChangeResult | null {
+  for (const [appId, detail] of Object.entries(appDetails)) {
+    if (detail.entryMap[entryId]) {
+      return {
+        entry: detail.entryMap[entryId],
+        appId,
+        section: appId === currentAppId ? 'current' : 'other',
+      };
+    }
+  }
+  return null;
+}
+
+/** Create a virtual IEntryDetail for a flow center entry */
+export function createFlowEntryDetail(entryId: string, name: string): IEntryDetail {
+  return {
+    _id: `${FLOW_CENTER_GROUP_ID}_${entryId}`,
+    entryId,
+    hasCoop: false,
+    hasFlow: true,
+    icon: 0,
+    isEvent: false,
+    isFavorite: false,
+    name,
+    parent: FLOW_CENTER_GROUP_ID,
+    seq: 0,
+    type: 'flow',
+  };
+}
+
+/** Build the synthetic "流程中心" group tree with 4 flow entries */
+export function buildFlowCenterTree(): EntryTreeItem[] {
+  const children: EntryTreeItem[] = FLOW_CENTER_ENTRIES.map((item) => ({
+    // Use entryId directly as the node id so selected-state matching
+    // (selectedEntryId === node.id) works like real entries
+    id: item.entryId,
+    name: item.name,
+    icon: 0,
+    iconClass: `sdk-icon ${item.iconClass} text-[#0265ff]`,
+    type: 'flow',
+    children: [],
+    // depth 0: the group popover renders these as a flat list — no tree indent
+    depth: 0,
+    isSelectable: true,
+    entry: createFlowEntryDetail(item.entryId, item.name),
+  }));
+
+  const groupNode: EntryTreeItem = {
+    id: FLOW_CENTER_GROUP_ID,
+    name: '流程中心',
+    icon: 0,
+    type: 'group',
+    depth: 0,
+    isSelectable: false,
+    entry: null,
+    children,
+  };
+
+  return [groupNode];
+}

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

@@ -1,45 +1,45 @@
-import { cn } from '../../lib/utils';
-import { transCls } from '../../const/ui';
-import { getDepthPadding, getEntryIconClass } from './build-tree';
-import type { EntryTreeItem } from './types';
-
-export function EntryItem({
-  item,
-  depth,
-  isSelected,
-  onClick,
-}: {
-  item: EntryTreeItem;
-  depth: number;
-  isSelected: boolean;
-  onClick: () => void;
-}) {
-  return (
-    <div
-      className={cn(
-        'flex items-center justify-between h-[34px] px-[10px] cursor-pointer rounded-[4px] shrink-0',
-        getDepthPadding(depth),
-        'hover:bg-[#EFF0F6]',
-        isSelected && 'bg-[#EFF0F6]',
-        transCls,
-      )}
-      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 }}
-        />
-        <span className="text-[14px] text-[#030303] truncate">
-          {item.name}
-        </span>
-      </span>
-    </div>
-  );
-}
+import { cn } from '../../lib/utils';
+import { transCls } from '../../const/ui';
+import { getDepthPadding, getEntryIconClass } from './build-tree';
+import type { EntryTreeItem } from './types';
+
+export function EntryItem({
+  item,
+  depth,
+  isSelected,
+  onClick,
+}: {
+  item: EntryTreeItem;
+  depth: number;
+  isSelected: boolean;
+  onClick: () => void;
+}) {
+  return (
+    <div
+      className={cn(
+        'flex items-center justify-between h-[34px] px-[10px] cursor-pointer rounded-[4px] shrink-0',
+        getDepthPadding(depth),
+        'hover:bg-[#EFF0F6]',
+        isSelected && 'bg-[#EFF0F6]',
+        transCls,
+      )}
+      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 }}
+        />
+        <span className="text-[14px] text-[#030303] truncate">
+          {item.name}
+        </span>
+      </span>
+    </div>
+  );
+}