@baishuyun/ai-design 2.0.5 → 2.0.7

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @baishuyun/ai-design
 
+## 2.0.7
+
+### Patch Changes
+
+- fix text and perm
+- Updated dependencies
+  - @baishuyun/ai-feat-utils@2.0.7
+  - @baishuyun/types@3.0.7
+
+## 2.0.6
+
+### Patch Changes
+
+- style udpate
+- Updated dependencies
+  - @baishuyun/ai-feat-utils@2.0.6
+  - @baishuyun/types@3.0.6
+
 ## 2.0.5
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ai-design",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "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.5",
-    "@baishuyun/types": "3.0.5"
+    "@baishuyun/types": "3.0.7",
+    "@baishuyun/ai-feat-utils": "2.0.7"
   },
   "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": "3.0.5",
-    "@baishuyun/types": "3.0.5",
-    "@baishuyun/typescript-config": "2.0.5"
+    "@baishuyun/tailwind-config": "3.0.7",
+    "@baishuyun/types": "3.0.7",
+    "@baishuyun/typescript-config": "2.0.7"
   },
   "keywords": [],
   "author": "",

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

@@ -11,7 +11,7 @@ export interface SearchInputProps {
 export const SearchInput = ({
   value,
   onChange,
-  placeholder = '搜索智能体名称',
+  placeholder = '',
   className,
 }: SearchInputProps) => {
   return (

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

@@ -44,7 +44,7 @@ export function EntryPopover({
         transCls,
       )}
     >
-      <SearchInput value={searchQuery} onChange={onSearchChange} />
+      <SearchInput value={searchQuery} onChange={onSearchChange} placeholder='搜索表单名称' />
 
       <div className="flex flex-col gap-0 max-h-[400px] overflow-y-auto">
         {hasCurrentApp && (

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

@@ -318,7 +318,7 @@ export function ScrollSlider({
         className={cn(
           'flex-1 overflow-x-auto scrollbar-hide flex min-w-0',
           isTabs
-            ? 'items-end gap-0 overflow-y-hidden border-b-[#e0e0e0] before:content-[""] before:absolute before:bottom-[0px] before:left-[-200px] before:right-0 before:h-[1px] before:w-[100vw] before:bg-[#e0e0e0]'
+            ? 'items-end gap-0 overflow-y-hidden border-b-[#e0e0e0] before:content-[""] before:absolute before:bottom-[0px] before:left-[-200px] before:right-0 before:h-[1px] before:w-[100vw] before:bg-[#e0e0e0] h-full'
             : 'items-center gap-2.5',
         )}
       >
@@ -353,9 +353,9 @@ export function ScrollSlider({
                   transCls,
                   isTabs
                     ? [
-                        'px-[16px] py-[8px] relative z-10 border-b-none',
+                        'px-[16px] py-[8px] relative z-10 border-b-none h-full',
                         isSelected
-                          ? 'border-r border-t border-l border-[#e0e0e0] bg-[#f6f7fa] text-[#0265FF] rounded-t-[8px] rounded-b-none '
+                          ? 'border-r border-t border-l border-[#e0e0e0] bg-[#f6f7fa] text-[#0265FF] rounded-t-[10px] rounded-b-none '
                           : 'text-[#030303] hover:bg-[#F0F6FF] rounded-t-[8px]',
                       ]
                     : [
@@ -394,9 +394,9 @@ export function ScrollSlider({
                 transCls,
                 isTabs
                   ? [
-                      'px-[16px] py-[8px] relative z-10',
+                      'px-[16px] py-[8px] relative z-10 h-full',
                       isGroupActive
-                          ? 'border-r border-t border-l border-[#e0e0e0] bg-[#f6f7fa] text-[#0265FF] rounded-t-[8px] rounded-b-none '
+                          ? 'border-r border-t border-l border-[#e0e0e0] bg-[#f6f7fa] text-[#0265FF] rounded-t-[10px] rounded-b-none '
                           : 'text-[#030303] hover:bg-[#F0F6FF] rounded-t-[8px]',
                     ]
                   : [
@@ -456,7 +456,7 @@ export function ScrollSlider({
   return (
     <div className={classNames("flex flex-1 min-w-0", tabCls)}>
       {isTabs ? (
-        <div className="relative flex items-stretch flex-1 min-w-0">
+        <div className="relative flex items-stretch flex-1 min-w-0 h-full">
           {sliderBody}
         </div>
       ) : (
@@ -477,6 +477,7 @@ export function ScrollSlider({
               )}
             >
               <SearchInput
+                placeholder='搜索表单名称'
                 value={groupSearchQuery}
                 onChange={setGroupSearchQuery}
               />

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

@@ -2,4 +2,4 @@ import { SearchInput as BaseSearch, type SearchInputProps} from '../agent-helper
 
 export type { SearchInputProps };
 
-export const SearchInput = (props: SearchInputProps) => <BaseSearch {...props} placeholder="搜索表单或字段"  />;
+export const SearchInput = (props: SearchInputProps) => <BaseSearch {...props} placeholder="搜索表单"  />;

package/src/components/office-container.tsx

@@ -25,7 +25,10 @@ export interface IOfficeContainerProps {
 
     children?: React.ReactNode;
 
-    onResize?: (leftColWid: number, rightColWid: number) => void; 
+    onResize?: (leftColWid: number, rightColWid: number) => void;
+
+    /** localStorage 键名，用于持久化用户拖拽的列宽偏好 */
+    storageKey?: string;
 
     className?: string;
 }
@@ -34,7 +37,7 @@ export interface IOfficeContainerProps {
 export const OfficeContainer: FC<IOfficeContainerProps> = ({
     headerHeight = 64,
     hideLeftCol = false,
-    leftColWidthRange = [360, 500],
+    leftColWidthRange = [340, 500],
     rightColWidthRange,
     leftColCls,
     rightColCls,
@@ -46,6 +49,7 @@ export const OfficeContainer: FC<IOfficeContainerProps> = ({
     fullscreenPart = 'none',
     className,
     onResize,
+    storageKey,
 }) => {
     const isRightResizable = !!rightColWidthRange;
     const activeRange = rightColWidthRange ?? leftColWidthRange;
@@ -57,6 +61,7 @@ export const OfficeContainer: FC<IOfficeContainerProps> = ({
         range: activeRange,
         initialWidth: activeRange[0],
         invertDrag: isRightResizable,
+        storageKey,
     });
 
     const isLeftFullscreen = fullscreenPart === 'leftCol';

package/src/hooks/use-resizable-width.ts

@@ -7,6 +7,8 @@ interface UseResizableWidthOptions {
   initialWidth?: number;
   /** 反转拖拽方向：拖拽鼠标向右时宽度减小而非增大 */
   invertDrag?: boolean;
+  /** localStorage 键名，用于持久化用户拖拽偏好。提供后会在 mount 时读取、drag end 时保存 */
+  storageKey?: string;
 }
 
 interface UseResizableWidthResult {
@@ -29,9 +31,26 @@ export const useResizableWidth = ({
   range,
   initialWidth,
   invertDrag,
+  storageKey,
 }: UseResizableWidthOptions): UseResizableWidthResult => {
   const [minWidth, maxWidth] = range;
-  const [width, setWidth] = useState<number>(initialWidth ?? maxWidth);
+
+  const resolveInitialWidth = (): number => {
+    if (storageKey) {
+      try {
+        const stored = localStorage.getItem(storageKey);
+        if (stored !== null) {
+          const parsed = Number(stored);
+          if (!Number.isNaN(parsed) && parsed >= minWidth && parsed <= maxWidth) {
+            return parsed;
+          }
+        }
+      } catch { /* localStorage unavailable */ }
+    }
+    return initialWidth ?? maxWidth;
+  };
+
+  const [width, setWidth] = useState<number>(resolveInitialWidth);
   const [isDragging, setIsDragging] = useState(false);
 
   const stateRef = useRef({
@@ -53,16 +72,26 @@ export const useResizableWidth = ({
     [minWidth, maxWidth, invertDrag]
   );
 
+  const hasDraggedRef = useRef(false);
+
   const handleMouseUp = useCallback(() => {
     setIsDragging(false);
+    hasDraggedRef.current = true;
     document.body.style.userSelect = '';
     document.removeEventListener('mousemove', handleMouseMove);
     document.removeEventListener('mouseup', handleMouseUp);
 
     window.dispatchEvent(new Event('resize'));
-    document.body.style.cursor = ''; // 恢复默认光标
+    document.body.style.cursor = '';
   }, [handleMouseMove]);
 
+  // Persist width to localStorage after drag ends
+  useEffect(() => {
+    if (!isDragging && hasDraggedRef.current && storageKey) {
+      try { localStorage.setItem(storageKey, String(width)); } catch { /* unavailable */ }
+    }
+  }, [isDragging, storageKey, width]);
+
   const handleMouseDown = useCallback(
     (e: React.MouseEvent) => {
       setIsDragging(true);