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

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

@@ -1,99 +1,99 @@
-import { cn } from '../../lib/utils';
-import { transCls } from '../../const/ui';
-import { SearchInput } from '../agent-helper/search-input';
-import { TreeItemNode } from './tree-item-node';
-import { AppGroupFolder } from './app-group-folder';
-import { OtherAppSection } from './other-app-section';
-import type { IAppDetail } from '@baishuyun/types';
-import type { EntryTreeItem, BsEntrySelectChangeResult } from './types';
-
-export function EntryPopover({
-  searchQuery,
-  onSearchChange,
-  currentAppTree,
-  currentAppId,
-  otherAppIds,
-  appDetails,
-  selectedEntryId,
-  hasCurrentApp,
-  hasOtherApps,
-  hasAnyContent,
-  hasSearch,
-  showCurrentAppEntriesOnly = false,
-  onSelect,
-}: {
-  searchQuery: string;
-  onSearchChange: (v: string) => void;
-  currentAppTree: EntryTreeItem[];
-  currentAppId: string | undefined;
-  otherAppIds: string[];
-  appDetails: Record<string, IAppDetail>;
-  selectedEntryId: string | undefined;
-  hasCurrentApp: boolean;
-  hasOtherApps: boolean;
-  hasAnyContent: boolean;
-  hasSearch: boolean;
-  showCurrentAppEntriesOnly?: boolean;
-  onSelect: (result: BsEntrySelectChangeResult) => void;
-}) {
-  return (
-    <div
-      className={cn(
-        'bg-white rounded-[10px] shadow-[0px_0px_10px_0px_rgba(0,0,0,0.04)] p-[4px]',
-        'flex flex-col gap-[4px]',
-        transCls,
-      )}
-    >
-      <SearchInput value={searchQuery} onChange={onSearchChange} placeholder='搜索表单名称' />
-
-      <div className="flex flex-col gap-0 max-h-[400px] overflow-y-auto">
-        {hasCurrentApp && (
-          <AppGroupFolder label="当前应用表单" searchQuery={searchQuery}>
-            {currentAppTree.length > 0 ? (
-              currentAppTree.map((node) => (
-                <TreeItemNode
-                  key={node.id}
-                  item={node}
-                  selectedEntryId={selectedEntryId}
-                  appId={currentAppId!}
-                  section="current"
-                  onSelect={onSelect}
-                />
-              ))
-            ) : hasSearch ? (
-              <div className="text-[12px] text-[#999999] py-[8px] pl-[22px]">
-                无匹配结果
-              </div>
-            ) : (
-              <div className="text-[12px] text-[#999999] py-[8px] pl-[22px]">
-                暂无表单
-              </div>
-            )}
-          </AppGroupFolder>
-        )}
-
-        {hasOtherApps && !showCurrentAppEntriesOnly && (
-          <AppGroupFolder label="其他应用表单" searchQuery={searchQuery}>
-            {otherAppIds.map((appId) => (
-              <OtherAppSection
-                key={appId}
-                appId={appId}
-                appDetail={appDetails[appId]}
-                searchQuery={searchQuery}
-                selectedEntryId={selectedEntryId}
-                section="other"
-                onSelect={onSelect}
-              />
-            ))}
-          </AppGroupFolder>
-        )}
-
-        {!hasAnyContent && (
-          <div className="text-[14px] text-[#999999] py-[12px] text-center">
-            暂无应用
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
+import { cn } from '../../lib/utils';
+import { transCls } from '../../const/ui';
+import { SearchInput } from '../agent-helper/search-input';
+import { TreeItemNode } from './tree-item-node';
+import { AppGroupFolder } from './app-group-folder';
+import { OtherAppSection } from './other-app-section';
+import type { IAppDetail } from '@baishuyun/types';
+import type { EntryTreeItem, BsEntrySelectChangeResult } from './types';
+
+export function EntryPopover({
+  searchQuery,
+  onSearchChange,
+  currentAppTree,
+  currentAppId,
+  otherAppIds,
+  appDetails,
+  selectedEntryId,
+  hasCurrentApp,
+  hasOtherApps,
+  hasAnyContent,
+  hasSearch,
+  showCurrentAppEntriesOnly = false,
+  onSelect,
+}: {
+  searchQuery: string;
+  onSearchChange: (v: string) => void;
+  currentAppTree: EntryTreeItem[];
+  currentAppId: string | undefined;
+  otherAppIds: string[];
+  appDetails: Record<string, IAppDetail>;
+  selectedEntryId: string | undefined;
+  hasCurrentApp: boolean;
+  hasOtherApps: boolean;
+  hasAnyContent: boolean;
+  hasSearch: boolean;
+  showCurrentAppEntriesOnly?: boolean;
+  onSelect: (result: BsEntrySelectChangeResult) => void;
+}) {
+  return (
+    <div
+      className={cn(
+        'bg-white rounded-[10px] shadow-[0px_0px_10px_0px_rgba(0,0,0,0.04)] p-[4px]',
+        'flex flex-col gap-[4px]',
+        transCls,
+      )}
+    >
+      <SearchInput value={searchQuery} onChange={onSearchChange} placeholder='搜索表单名称' />
+
+      <div className="flex flex-col gap-0 max-h-[400px] overflow-y-auto">
+        {hasCurrentApp && (
+          <AppGroupFolder label="当前应用表单" searchQuery={searchQuery}>
+            {currentAppTree.length > 0 ? (
+              currentAppTree.map((node) => (
+                <TreeItemNode
+                  key={node.id}
+                  item={node}
+                  selectedEntryId={selectedEntryId}
+                  appId={currentAppId!}
+                  section="current"
+                  onSelect={onSelect}
+                />
+              ))
+            ) : hasSearch ? (
+              <div className="text-[12px] text-[#999999] py-[8px] pl-[22px]">
+                无匹配结果
+              </div>
+            ) : (
+              <div className="text-[12px] text-[#999999] py-[8px] pl-[22px]">
+                暂无表单
+              </div>
+            )}
+          </AppGroupFolder>
+        )}
+
+        {hasOtherApps && !showCurrentAppEntriesOnly && (
+          <AppGroupFolder label="其他应用表单" searchQuery={searchQuery}>
+            {otherAppIds.map((appId) => (
+              <OtherAppSection
+                key={appId}
+                appId={appId}
+                appDetail={appDetails[appId]}
+                searchQuery={searchQuery}
+                selectedEntryId={selectedEntryId}
+                section="other"
+                onSelect={onSelect}
+              />
+            ))}
+          </AppGroupFolder>
+        )}
+
+        {!hasAnyContent && (
+          <div className="text-[14px] text-[#999999] py-[12px] text-center">
+            暂无应用
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}

package/src/components/bs-entry-select/index.ts

@@ -1,7 +1,7 @@
-export { BsEntrySelect } from './bs-entry-select';
-export type {
-  BsEntrySelectProps,
-  BsEntrySelectChangeResult,
-  BsEntrySelectSliderVariant,
-} from './types';
-export { buildEntryTreeFromAliasMap, getEntries } from './build-tree';
+export { BsEntrySelect } from './bs-entry-select';
+export type {
+  BsEntrySelectProps,
+  BsEntrySelectChangeResult,
+  BsEntrySelectSliderVariant,
+} from './types';
+export { buildEntryTreeFromAliasMap, getEntries } from './build-tree';

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

@@ -1,96 +1,96 @@
-import { useState, useEffect, useMemo } from 'react';
-import { cn } from '../../lib/utils';
-import { transCls } from '../../const/ui';
-import { buildEntryTreeFromAliasMap } from './build-tree';
-import { TreeItemNode } from './tree-item-node';
-import type { IAppDetail } from '@baishuyun/types';
-import type { BsEntrySelectChangeResult } from './types';
-import { SolidArrowDownIcon } from '../bs-icons';
-
-const ChevronRightIcon = ({ size }: { size?: number }) => (
-  <SolidArrowDownIcon className="-rotate-90" size={size} />
-);
-
-export function OtherAppSection({
-  appId,
-  appDetail,
-  searchQuery,
-  selectedEntryId,
-  section,
-  onSelect,
-}: {
-  appId: string;
-  appDetail: IAppDetail;
-  searchQuery: string;
-  selectedEntryId: string | undefined;
-  section: 'current' | 'other';
-  onSelect: (result: BsEntrySelectChangeResult) => void;
-}) {
-  const [expanded, setExpanded] = useState(true);
-  const hasSearch = searchQuery.trim().length > 0;
-
-  useEffect(() => {
-    if (hasSearch) {
-      setExpanded(true);
-    }
-  }, [hasSearch]);
-
-  const tree = useMemo(() => {
-    return buildEntryTreeFromAliasMap(appDetail, searchQuery);
-  }, [appDetail, searchQuery, appDetail?.entryList?.length]);
-
-  return (
-    <div>
-      <div
-        className={cn(
-          'flex items-center gap-[6px] h-[32px] cursor-pointer rounded-[4px] pr-[10px]',
-          'hover:bg-[#EFF0F6]',
-          transCls,
-        )}
-        style={{ paddingLeft: 15 }}
-        onClick={() => setExpanded(!expanded)}
-      >
-        <span
-          className={cn(
-            'shrink-0 flex items-center justify-center w-[18px] h-[18px]',
-            transCls,
-            expanded && 'rotate-90',
-          )}
-        >
-          <ChevronRightIcon size={18} />
-        </span>
-        <i
-          className="node-icon icon-bsy-form icon-new-bsy-form-0"
-          style={{ fontSize: 16, lineHeight: 1 }}
-        />
-        <span className="text-[14px] text-[#030303] truncate">
-          {appDetail.name}
-        </span>
-      </div>
-      {expanded && tree.length > 0 && (
-        <div className="flex flex-col" style={{ paddingLeft: 15 }}>
-          {tree.map((node) => (
-            <TreeItemNode
-              key={node.id}
-              item={node}
-              selectedEntryId={selectedEntryId}
-              appId={appId}
-              section={section}
-              onSelect={onSelect}
-            />
-          ))}
-        </div>
-      )}
-      {expanded && tree.length === 0 && hasSearch && (
-        <div className="text-[12px] text-[#999999] py-[8px] pl-[32px]">
-          无匹配结果
-        </div>
-      )}
-      {expanded && tree.length === 0 && !hasSearch && (
-        <div className="text-[12px] text-[#999999] py-[8px] pl-[32px]">
-          暂无表单
-        </div>
-      )}
-    </div>
-  );
-}
+import { useState, useEffect, useMemo } from 'react';
+import { cn } from '../../lib/utils';
+import { transCls } from '../../const/ui';
+import { buildEntryTreeFromAliasMap } from './build-tree';
+import { TreeItemNode } from './tree-item-node';
+import type { IAppDetail } from '@baishuyun/types';
+import type { BsEntrySelectChangeResult } from './types';
+import { SolidArrowDownIcon } from '../bs-icons';
+
+const ChevronRightIcon = ({ size }: { size?: number }) => (
+  <SolidArrowDownIcon className="-rotate-90" size={size} />
+);
+
+export function OtherAppSection({
+  appId,
+  appDetail,
+  searchQuery,
+  selectedEntryId,
+  section,
+  onSelect,
+}: {
+  appId: string;
+  appDetail: IAppDetail;
+  searchQuery: string;
+  selectedEntryId: string | undefined;
+  section: 'current' | 'other';
+  onSelect: (result: BsEntrySelectChangeResult) => void;
+}) {
+  const [expanded, setExpanded] = useState(true);
+  const hasSearch = searchQuery.trim().length > 0;
+
+  useEffect(() => {
+    if (hasSearch) {
+      setExpanded(true);
+    }
+  }, [hasSearch]);
+
+  const tree = useMemo(() => {
+    return buildEntryTreeFromAliasMap(appDetail, searchQuery);
+  }, [appDetail, searchQuery, appDetail?.entryList?.length]);
+
+  return (
+    <div>
+      <div
+        className={cn(
+          'flex items-center gap-[6px] h-[32px] cursor-pointer rounded-[4px] pr-[10px]',
+          'hover:bg-[#EFF0F6]',
+          transCls,
+        )}
+        style={{ paddingLeft: 15 }}
+        onClick={() => setExpanded(!expanded)}
+      >
+        <span
+          className={cn(
+            'shrink-0 flex items-center justify-center w-[18px] h-[18px]',
+            transCls,
+            expanded && 'rotate-90',
+          )}
+        >
+          <ChevronRightIcon size={18} />
+        </span>
+        <i
+          className="node-icon icon-bsy-form icon-new-bsy-form-0"
+          style={{ fontSize: 16, lineHeight: 1 }}
+        />
+        <span className="text-[14px] text-[#030303] truncate">
+          {appDetail.name}
+        </span>
+      </div>
+      {expanded && tree.length > 0 && (
+        <div className="flex flex-col" style={{ paddingLeft: 15 }}>
+          {tree.map((node) => (
+            <TreeItemNode
+              key={node.id}
+              item={node}
+              selectedEntryId={selectedEntryId}
+              appId={appId}
+              section={section}
+              onSelect={onSelect}
+            />
+          ))}
+        </div>
+      )}
+      {expanded && tree.length === 0 && hasSearch && (
+        <div className="text-[12px] text-[#999999] py-[8px] pl-[32px]">
+          无匹配结果
+        </div>
+      )}
+      {expanded && tree.length === 0 && !hasSearch && (
+        <div className="text-[12px] text-[#999999] py-[8px] pl-[32px]">
+          暂无表单
+        </div>
+      )}
+    </div>
+  );
+}