@aloudata/aloudata-design 2.18.1 → 2.18.3

package/dist/AldSelect/index.js

@@ -181,17 +181,20 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
   };
   // Used for OptionList selection
   var onOptionSelect = function onOptionSelect(val) {
+    // Get the original value from keyMenuItems to preserve the type (number/string)
+    var menuItem = keyMenuItems.get(toString(val));
+    var originalValue = (menuItem === null || menuItem === void 0 ? void 0 : menuItem.value) !== undefined ? menuItem.value : val;
     var selected = displayValues.find(function (item) {
       return toString(item.value) === toString(val);
     });
     if (isMultiple(mode)) {
       if (!selected) {
-        triggerSelect(val, true, 'add');
+        triggerSelect(originalValue, true, 'add');
       } else {
-        triggerSelect(val, false, 'remove');
+        triggerSelect(originalValue, false, 'remove');
       }
     } else {
-      triggerSelect(val, true, 'add');
+      triggerSelect(originalValue, true, 'add');
     }
   };
   // ======================= Display Change =======================
@@ -217,6 +220,9 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
       items: (mergedMenu === null || mergedMenu === void 0 ? void 0 : mergedMenu.items) || [],
       onClick: function onClick(menuInfo) {
         var _mergedMenu$onClick;
+        // Get the original value from keyMenuItems to preserve the type (number/string)
+        var menuItem = keyMenuItems.get(menuInfo.key);
+        var originalValue = (menuItem === null || menuItem === void 0 ? void 0 : menuItem.value) !== undefined ? menuItem.value : menuInfo.key;
         if (mode && isMultiple(mode)) {
           if (displayValues.find(function (item) {
             return toString(item.value) === menuInfo.key;
@@ -227,15 +233,15 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
               return item.value;
             }));
           } else {
-            triggerChange([].concat(_toConsumableArray(displayValues), [menuInfo.key]));
+            triggerChange([].concat(_toConsumableArray(displayValues), [originalValue]));
           }
         } else {
-          triggerChange(menuInfo.key);
+          triggerChange(originalValue);
         }
         mergedMenu === null || mergedMenu === void 0 ? void 0 : (_mergedMenu$onClick = mergedMenu.onClick) === null || _mergedMenu$onClick === void 0 ? void 0 : _mergedMenu$onClick.call(mergedMenu, menuInfo);
       }
     });
-  }, [mergedMenu, mode, displayValues, triggerChange]);
+  }, [mergedMenu, mode, displayValues, triggerChange, keyMenuItems]);
   var displayMenu = useDisplayMenu(selectMenu,
   // 如果用户接管了搜索，则默认不做搜索过滤
   onSearch ? filterOption || noOpFilter : filterOption, innerSearchValue);

package/dist/InputSearch/index.js

@@ -62,14 +62,14 @@ export default function InputSearch(props) {
   }, [locale, size]);
 
   // 判断是否为受控模式
-  var isControlled = value !== undefined;
+  var isControlled = ('value' in props);
   var _useState = useState(defaultValue || ''),
     _useState2 = _slicedToArray(_useState, 2),
     searchValue = _useState2[0],
     setSearchValue = _useState2[1];
 
   // 获取当前值：受控模式使用 value，非受控模式使用内部状态
-  var currentValue = isControlled ? value : searchValue;
+  var currentValue = isControlled ? value !== null && value !== void 0 ? value : '' : searchValue;
   var isComposing = useRef(false);
   var onPressEnter = useCallback(function (e) {
     if (!isComposing.current) {
@@ -93,7 +93,8 @@ export default function InputSearch(props) {
       setSearchValue(newValue);
     }
     if (!isComposing.current) {
-      if (debounce) {
+      // 受控的时候debounce不生效
+      if (debounce && !isControlled) {
         debounceSearch(newValue);
       } else {
         onSearch(newValue);

package/dist/MemberPicker/components/UserGroupSelection.js

@@ -55,7 +55,7 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
     filterUserList = _useState6[0],
     setFilterUserList = _useState6[1];
   var getFilterUserList = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var _$last, nextLevelGroup;
+    var _$last, nextLevelGroup, normalizedKeyword, currentLevelGroups;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -72,18 +72,26 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
           nextLevelGroup = _context.sent;
           return _context.abrupt("return", nextLevelGroup);
         case 5:
-          return _context.abrupt("return", !!searchKey ? userGroupList : userGroupList.filter(function (userGroup) {
+          normalizedKeyword = searchKey.trim().toLowerCase();
+          currentLevelGroups = userGroupList.filter(function (userGroup) {
             var _$last2;
-            if (groupPath.length === 0) return !userGroup.parentId;else return userGroup.parentId === ((_$last2 = _.last(groupPath)) === null || _$last2 === void 0 ? void 0 : _$last2.groupId);
-          }).filter(function (group) {
-            return group.name.toLowerCase().includes(searchKey.trim().toLowerCase());
+            if (groupPath.length === 0) {
+              return !userGroup.parentId;
+            }
+            return userGroup.parentId === ((_$last2 = _.last(groupPath)) === null || _$last2 === void 0 ? void 0 : _$last2.groupId);
+          });
+          return _context.abrupt("return", currentLevelGroups.filter(function (group) {
+            if (!normalizedKeyword) {
+              return true;
+            }
+            return group.name.toLowerCase().includes(normalizedKeyword);
           }));
-        case 6:
+        case 8:
         case "end":
           return _context.stop();
       }
     }, _callee);
-  })), [userGroupList, groupPath, searchKey, getNextLevelGroup]);
+  })), [isAsync, searchKey, userGroupList, getNextLevelGroup, groupPath]);
   useEffect(function () {
     getFilterUserList().then(function (userGroups) {
       setFilterUserList(userGroups.filter(function (userGroup) {
@@ -93,7 +101,7 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
         return true;
       }));
     });
-  }, [getFilterUserList]);
+  }, [filterItem, getFilterUserList]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(className, 'ald-member-picker-member-list-wrap')
   }, /*#__PURE__*/React.createElement(Input, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "2.18.1",
+  "version": "2.18.3",
   "description": "",
   "license": "MIT",
   "module": "dist/index.js",