fix: 搜索防抖优化 & 单选恢复三栏布局

- 解耦 searchInputValue(即时显示) 与 searchKeyword(防抖查询)，修复搜索卡顿
- PC/移动端搜索框绑定 searchInputValue，按键即时响应
- PC单选恢复三栏布局(宽度1200)，右侧已选面板始终显示
- 移除单选模式重复的'当前选中'指示条
- 组件卸载时清理搜索/部门搜索防抖定时器
- .gitignore 排除 .recovered-sessions/

Author: yinlianghui

.gitignore

@@ -9,3 +9,4 @@ dist
 .DS_Store
 packages/@steedos-widgets/src/**
 package-lock.json
+.recovered-sessions/

packages/@steedos-widgets/amis-object/src/components/MobileDrawerContent.tsx

@@ -149,6 +149,7 @@ interface MobileDrawerProps {
   expandedKeys: React.Key[];
   users: any[];
   searchKeyword: string;
+  searchInputValue: string;
   tempSelectedUsers: any[];
   mobileActiveTab: 'dept' | 'users' | 'selected';
   clearable: boolean;
@@ -171,7 +172,7 @@ interface MobileDrawerProps {
 export const MobileDrawerContent: React.FC<MobileDrawerProps> = (props) => {
   const {
     visible, multiple, loading, deptTree, treeKey, deptSearchKeyword,
-    selectedDept, selectedDeptName, expandedKeys, users, searchKeyword,
+    selectedDept, selectedDeptName, expandedKeys, users, searchKeyword, searchInputValue,
     tempSelectedUsers, mobileActiveTab, clearable,
     onSelectDept, onLoadData, onExpandKeys, onDeptSearch, onUserSearch,
     onAddUser, onRemoveUser, onToggleUser, onToggleSelectAll,
@@ -209,7 +210,7 @@ export const MobileDrawerContent: React.FC<MobileDrawerProps> = (props) => {
       )}
       {/* 搜索框 + 全选同行（参考钉钉/飞书规范） */}
       <div style={{ padding: '8px 16px', display: 'flex', alignItems: 'center', gap: 8 }}>
-        <Input placeholder="搜索姓名、邮箱或用户名" prefix={<SearchOutlined />} value={searchKeyword} onChange={(e) => onUserSearch(e.target.value)} allowClear size="large" style={{ flex: 1 }} />
+        <Input placeholder="搜索姓名、邮箱或用户名" prefix={<SearchOutlined />} value={searchInputValue} onChange={(e) => onUserSearch(e.target.value)} allowClear size="large" style={{ flex: 1 }} />
         {multiple && users.length > 0 && (
           <Button size="small" onClick={onToggleSelectAll} style={{ flexShrink: 0 }}>{isAllSelected ? '取消全选' : '全选'}</Button>
         )}

packages/@steedos-widgets/amis-object/src/components/SteedosUserSelector.tsx

@@ -181,6 +181,7 @@ export const SteedosUserSelector: React.FC<UserSelectorProps> = (props) => {
   const [tempSelectedUsers, setTempSelectedUsers] = useState<any[]>([]);
   const [loading, setLoading] = useState(false);
   const [searchKeyword, setSearchKeyword] = useState('');
+  const [searchInputValue, setSearchInputValue] = useState(''); // 搜索框即时值（解耦输入与防抖查询）
   const [deptSearchKeyword, setDeptSearchKeyword] = useState('');
   const [draggedIndex, setDraggedIndex] = useState<number | null>(null);
   const [expandedKeys, setExpandedKeys] = useState<React.Key[]>([]);
@@ -241,6 +242,14 @@ export const SteedosUserSelector: React.FC<UserSelectorProps> = (props) => {
     }
   }, [value]);
 
+  // 组件卸载时清理防抖定时器，避免 setState on unmounted component
+  useEffect(() => {
+    return () => {
+      if (searchTimeoutRef.current) clearTimeout(searchTimeoutRef.current);
+      if (deptSearchTimeoutRef.current) clearTimeout(deptSearchTimeoutRef.current);
+    };
+  }, []);
+
   // 加载部门树
   useEffect(() => {
     if (visible) {
@@ -253,6 +262,7 @@ export const SteedosUserSelector: React.FC<UserSelectorProps> = (props) => {
       setSelectedDept(null);
       setDeptSearchKeyword('');
       setSearchKeyword('');
+      setSearchInputValue(''); // 同步清空搜索输入框
 
       fetchDeptTree()
         .then(data => {
@@ -332,6 +342,7 @@ export const SteedosUserSelector: React.FC<UserSelectorProps> = (props) => {
     if (selectedKeys.length > 0) {
       setSelectedDept(String(selectedKeys[0]));
       setSearchKeyword(''); // 互斥规则：切换部门时清空搜索关键字
+      setSearchInputValue(''); // 同步清空搜索输入框
       // 移动端：记住部门名称，自动跳转到人员Tab
       if (isMobile && info?.node) {
         setSelectedDeptName(String((info.node as any).title || ''));
@@ -385,6 +396,7 @@ export const SteedosUserSelector: React.FC<UserSelectorProps> = (props) => {
 
   // 处理用户搜索
   const handleSearch = (searchValue: string) => {
+    setSearchInputValue(searchValue); // 立即更新输入框显示
     if (searchTimeoutRef.current) {
       clearTimeout(searchTimeoutRef.current);
     }
@@ -590,7 +602,7 @@ export const SteedosUserSelector: React.FC<UserSelectorProps> = (props) => {
         okText="确定"
         cancelText="取消"
         footer={multiple ? undefined : null}
-        width={multiple ? 1200 : 850}
+        width={1200}
         destroyOnClose
         bodyStyle={{ height: 600, overflow: 'hidden', padding: 0 }}
       >
@@ -636,7 +648,7 @@ export const SteedosUserSelector: React.FC<UserSelectorProps> = (props) => {
               <Input
                 placeholder="搜索姓名、邮箱或用户名"
                 prefix={<SearchOutlined />}
-                value={searchKeyword}
+                value={searchInputValue}
                 onChange={(e) => handleSearch(e.target.value)}
                 allowClear
                 style={{ flex: 1 }}
@@ -647,38 +659,6 @@ export const SteedosUserSelector: React.FC<UserSelectorProps> = (props) => {
                 </Button>
               )}
             </div>
-            {/* 单选模式：当前选中指示条 */}
-            {!multiple && tempSelectedUsers.length > 0 && (
-              <div style={{
-                display: 'flex', alignItems: 'center', gap: 8, padding: '6px 12px',
-                marginBottom: 8, background: '#f6f8fa', borderRadius: 6, border: '1px solid #e8e8e8'
-              }}>
-                <span style={{ fontSize: 12, color: '#999', flexShrink: 0 }}>当前选中</span>
-                <Avatar
-                  src={tempSelectedUsers[0].avatar ? `/api/v6/users/${tempSelectedUsers[0].user}/avatar` : undefined}
-                  size={24}
-                  style={{ backgroundColor: tempSelectedUsers[0].avatar ? undefined : '#1890ff', flexShrink: 0 }}
-                >
-                  {!tempSelectedUsers[0].avatar && tempSelectedUsers[0].name?.charAt(0)}
-                </Avatar>
-                <span style={{ fontSize: 14, fontWeight: 500, flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
-                  {tempSelectedUsers[0].name}
-                </span>
-                {tempSelectedUsers[0].email && (
-                  <span style={{ fontSize: 12, color: '#999', flexShrink: 0 }}>{tempSelectedUsers[0].email}</span>
-                )}
-                {clearable && (
-                  <CloseOutlined
-                    onClick={(e) => {
-                      e.stopPropagation();
-                      setTempSelectedUsers([]);
-                      handleOkWithUsers([]);
-                    }}
-                    style={{ fontSize: 12, color: '#999', cursor: 'pointer', flexShrink: 0, padding: 4 }}
-                  />
-                )}
-              </div>
-            )}
             <div style={{ flex: 1, overflowY: 'auto', border: '1px solid #f0f0f0', borderRadius: 4, position: 'relative' }}>
               <Spin spinning={loading}>
                 {users.length > 0 ? (
@@ -750,8 +730,8 @@ export const SteedosUserSelector: React.FC<UserSelectorProps> = (props) => {
             </div>
           </div>
 
-          {/* 右侧：已选中（仅多选模式显示） */}
-          {multiple && <div style={{ width: 240, borderLeft: '1px solid #f0f0f0', padding: 16, display: 'flex', flexDirection: 'column' }}>
+          {/* 右侧：已选中 */}
+          <div style={{ width: 240, borderLeft: '1px solid #f0f0f0', padding: 16, display: 'flex', flexDirection: 'column' }}>
             <div style={{ marginBottom: 12, fontSize: 14 }}>
               <span style={{ fontWeight: 500 }}>已选中</span>
               <span style={{ marginLeft: 8, color: '#999' }}>({tempSelectedUsers.length})</span>
@@ -818,7 +798,7 @@ export const SteedosUserSelector: React.FC<UserSelectorProps> = (props) => {
                 清空全部
               </Button>
             )}
-          </div>}
+          </div>
         </div>
       </Modal>}
 
@@ -836,6 +816,7 @@ export const SteedosUserSelector: React.FC<UserSelectorProps> = (props) => {
           expandedKeys={expandedKeys}
           users={users}
           searchKeyword={searchKeyword}
+          searchInputValue={searchInputValue}
           tempSelectedUsers={tempSelectedUsers}
           mobileActiveTab={mobileActiveTab}
           clearable={clearable}