@laser-ui/components 2.4.0 → 2.5.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.5.0](https://github.com/laser-ui/laser-ui/compare/v2.4.0...v2.5.0) (2026-04-03)
+
+### Features
+
+- **components:** cascader support `onScrollBottom` event ([19508bb](https://github.com/laser-ui/laser-ui/commit/19508bbd77fabdd3b884b40e77005d8f596985ac))
+
 # [2.4.0](https://github.com/laser-ui/laser-ui/compare/v2.3.5...v2.4.0) (2026-03-27)
 
 ### Bug Fixes

package/cascader/Cascader.js

@@ -27,7 +27,7 @@ import { TREE_NODE_KEY } from '../tree/vars';
 import { getVerticalSidePosition, isPrintableCharacter, mergeCS } from '../utils';
 import { TTANSITION_DURING_POPUP, WINDOW_SPACE } from '../vars';
 export function Cascader(props) {
-    const _a = useComponentProps('Cascader', props), { ref, styleOverrides, styleProvider, formControl, list, model, defaultModel, visible: visibleProp, defaultVisible, placeholder, multiple = false, searchable = false, searchValue: searchValueProp, defaultSearchValue, onlyLeafSelectable = true, clearable: clearableProp = false, loading = false, size: sizeProp, disabled: disabledProp = false, virtual = false, escClosable = true, customItem, customSelected, customSearch, inputProps, popupRender, onModelChange, onVisibleChange, onSearch, onClear, onFirstFocus, afterVisibleChange } = _a, restProps = __rest(_a, ["ref", "styleOverrides", "styleProvider", "formControl", "list", "model", "defaultModel", "visible", "defaultVisible", "placeholder", "multiple", "searchable", "searchValue", "defaultSearchValue", "onlyLeafSelectable", "clearable", "loading", "size", "disabled", "virtual", "escClosable", "customItem", "customSelected", "customSearch", "inputProps", "popupRender", "onModelChange", "onVisibleChange", "onSearch", "onClear", "onFirstFocus", "afterVisibleChange"]);
+    const _a = useComponentProps('Cascader', props), { ref, styleOverrides, styleProvider, formControl, list, model, defaultModel, visible: visibleProp, defaultVisible, placeholder, multiple = false, searchable = false, searchValue: searchValueProp, defaultSearchValue, onlyLeafSelectable = true, clearable: clearableProp = false, loading = false, size: sizeProp, disabled: disabledProp = false, virtual = false, escClosable = true, customItem, customSelected, customSearch, inputProps, popupRender, onModelChange, onVisibleChange, onSearch, onClear, onFirstFocus, afterVisibleChange, onScrollBottom } = _a, restProps = __rest(_a, ["ref", "styleOverrides", "styleProvider", "formControl", "list", "model", "defaultModel", "visible", "defaultVisible", "placeholder", "multiple", "searchable", "searchValue", "defaultSearchValue", "onlyLeafSelectable", "clearable", "loading", "size", "disabled", "virtual", "escClosable", "customItem", "customSelected", "customSearch", "inputProps", "popupRender", "onModelChange", "onVisibleChange", "onSearch", "onClear", "onFirstFocus", "afterVisibleChange", "onScrollBottom"]);
     const namespace = useNamespace();
     const styled = useStyled(CLASSES, { cascader: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.cascader, 'cascader-popup': styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider['cascader-popup'] }, styleOverrides);
     const { t } = useTranslation();
@@ -482,12 +482,16 @@ export function Cascader(props) {
                                         }, namespace: namespace, styled: styled, id: listId, list: searchList, customItem: customItem, itemId: getItemId, itemFocused: itemFocusedWithSearch, multiple: multiple, onlyLeafSelectable: onlyLeafSelectable, virtual: virtual, focusVisible: focusVisible, onClick: (item) => {
                                             changeItemFocusedWithSearch(item);
                                             changeSelectedByClickWithSearch(item);
+                                        }, onScrollBottom: () => {
+                                            onScrollBottom === null || onScrollBottom === void 0 ? void 0 : onScrollBottom([]);
                                         } })) : (_jsx(CascaderPanel, { ref: (instance) => {
                                             focusRef.current = instance;
                                             return () => {
                                                 focusRef.current = null;
                                             };
-                                        }, namespace: namespace, styled: styled, id: listId, list: nodes, customItem: customItem, itemId: getItemId, itemSelected: !multiple && hasSelected ? nodesMap.get(selected) : undefined, itemFocused: itemFocusedWithoutSearch, multiple: multiple, virtual: virtual, focusVisible: focusVisible, onFocus: changeItemFocusedWithoutSearch, onClick: changeSelectedByClickWithoutSearch }))] })));
+                                        }, namespace: namespace, styled: styled, id: listId, list: nodes, customItem: customItem, itemId: getItemId, itemSelected: !multiple && hasSelected ? nodesMap.get(selected) : undefined, itemFocused: itemFocusedWithoutSearch, multiple: multiple, virtual: virtual, focusVisible: focusVisible, onFocus: changeItemFocusedWithoutSearch, onClick: changeSelectedByClickWithoutSearch, onScrollBottom: (ancestors) => {
+                                            onScrollBottom === null || onScrollBottom === void 0 ? void 0 : onScrollBottom(ancestors);
+                                        } }))] })));
                             return popupRender ? popupRender(el) : el;
                         })() }))) }) })] }));
 }

package/cascader/internal/CascaderPanel.d.ts

@@ -17,6 +17,7 @@ interface CascaderPanelProps<V extends React.Key, T extends CascaderItem<V>> {
     focusVisible: boolean;
     onFocus: (item: AbstractTreeNode<V, T>) => void;
     onClick: (item: AbstractTreeNode<V, T>) => void;
+    onScrollBottom: (ancestors: V[]) => void;
 }
 export declare function CascaderPanel<V extends React.Key, T extends CascaderItem<V>>(props: CascaderPanelProps<V, T>): React.ReactElement | null;
 export {};

package/cascader/internal/CascaderPanel.js

@@ -11,7 +11,7 @@ import { Empty } from '../../empty';
 import { Icon } from '../../icon';
 import { VirtualScroll } from '../../virtual-scroll';
 export function CascaderPanel(props) {
-    const { ref, namespace, styled, id, list, customItem, itemId, itemSelected, itemFocused, multiple, virtual, focusVisible, onFocus, onClick, _root = true, } = props;
+    const { ref, namespace, styled, id, list, customItem, itemId, itemSelected, itemFocused, multiple, virtual, focusVisible, onFocus, onClick, onScrollBottom, _root = true, } = props;
     const listRef = useRef(null);
     const vsRef = useRef(null);
     const focusRef = useRef(null);
@@ -135,7 +135,9 @@ export function CascaderPanel(props) {
                                 } }) }))),
                         _jsx("div", Object.assign({}, styled('cascader__option-content'), { children: customItem ? customItem(item.origin) : item.origin.label })),
                         !item.isLeaf && (_jsx("div", Object.assign({}, styled('cascader__option-icon'), { children: _jsx(Icon, { children: item.origin.loading ? _jsx(CircularProgress, {}) : _jsx(KeyboardArrowRightOutlined, {}) }) })))));
-                }, itemFocused: nodeFocused === null || nodeFocused === void 0 ? void 0 : nodeFocused.id, placeholder: "li", children: (vsList, onScroll) => (_jsx("ul", Object.assign({}, styled('cascader__list', 'cascader__list--inline'), { ref: (instance) => {
+                }, itemFocused: nodeFocused === null || nodeFocused === void 0 ? void 0 : nodeFocused.id, placeholder: "li", onScrollEnd: () => {
+                    onScrollBottom([]);
+                }, children: (vsList, onScroll) => (_jsx("ul", Object.assign({}, styled('cascader__list', 'cascader__list--inline'), { ref: (instance) => {
                         listRef.current = instance;
                         return () => {
                             listRef.current = null;
@@ -145,5 +147,7 @@ export function CascaderPanel(props) {
                     return () => {
                         focusRef.current = null;
                     };
-                }, id: undefined, list: nodeFocused.children })))] }));
+                }, id: undefined, list: nodeFocused.children, onScrollBottom: (ancestors) => {
+                    onScrollBottom([nodeFocused.id].concat(ancestors));
+                } })))] }));
 }

package/cascader/internal/CascaderSearchPanel.d.ts

@@ -16,6 +16,7 @@ interface CascaderSearchPanelProps<V extends React.Key, T extends CascaderItem<V
     virtual: boolean | number;
     focusVisible: boolean;
     onClick: (item: CascaderSearchPanelItem<V, T>) => void;
+    onScrollBottom: () => void;
 }
 export declare function CascaderSearchPanel<V extends React.Key, T extends CascaderItem<V>>(props: CascaderSearchPanelProps<V, T>): React.ReactElement | null;
 export {};

package/cascader/internal/CascaderSearchPanel.js

@@ -10,7 +10,7 @@ import { getTreeNodeLabel } from '../../tree/utils';
 import { TREE_NODE_KEY } from '../../tree/vars';
 import { VirtualScroll } from '../../virtual-scroll';
 export function CascaderSearchPanel(props) {
-    const { ref, namespace, styled, id, list, customItem, itemId, itemFocused, multiple, onlyLeafSelectable, virtual, focusVisible, onClick, } = props;
+    const { ref, namespace, styled, id, list, customItem, itemId, itemFocused, multiple, onlyLeafSelectable, virtual, focusVisible, onClick, onScrollBottom, } = props;
     const listRef = useRef(null);
     const vsRef = useRef(null);
     const handleKeyDown = useEventCallback((code) => {
@@ -73,7 +73,7 @@ export function CascaderSearchPanel(props) {
                 focusVisible && (itemFocused === null || itemFocused === void 0 ? void 0 : itemFocused.value) === item.value && _jsx("div", { className: `${namespace}-focus-outline` }),
                 multiple && (_jsx("div", Object.assign({}, styled('cascader__option-prefix'), { children: _jsx(Checkbox, { model: node.checked, disabled: node.disabled }) }))),
                 _jsx("div", Object.assign({}, styled('cascader__option-content'), { children: customItem ? customItem(node.origin) : getTreeNodeLabel(node) }))));
-        }, itemFocused: itemFocused === null || itemFocused === void 0 ? void 0 : itemFocused.value, placeholder: "li", children: (vsList, onScroll) => (_jsx("ul", Object.assign({}, styled('cascader__list'), { ref: (instance) => {
+        }, itemFocused: itemFocused === null || itemFocused === void 0 ? void 0 : itemFocused.value, placeholder: "li", onScrollEnd: onScrollBottom, children: (vsList, onScroll) => (_jsx("ul", Object.assign({}, styled('cascader__list'), { ref: (instance) => {
                 listRef.current = instance;
                 return () => {
                     listRef.current = null;

package/cascader/types.d.ts

@@ -45,5 +45,6 @@ export interface CascaderProps<V extends React.Key, T extends CascaderItem<V>> e
     onSearch?: (value: string) => void;
     onClear?: () => void;
     onFirstFocus?: (value: V, origin: T) => void;
+    onScrollBottom?: (ancestors: V[]) => void;
     afterVisibleChange?: (visible: boolean) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laser-ui/components",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "React components.",
   "keywords": [
     "ui",
@@ -37,5 +37,5 @@
     "access": "public",
     "directory": "../../dist/libs/components"
   },
-  "gitHead": "6aa6cb81ee51849b66dddeab0de811cadcb65c60"
+  "gitHead": "27f4c8861d51f0fbc8e83ef36df60fdac59afeb3"
 }