amis-ui 6.11.0 → 6.12.0-ab.2

package/esm/components/table/Cell.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 
@@ -18,14 +18,21 @@ var BodyCell = /** @class */ (function (_super) {
     }
     BodyCell.prototype.render = function () {
         var _a;
-        var _b = this.props, fixed = _b.fixed, rowSpan = _b.rowSpan, colSpan = _b.colSpan, children = _b.children, className = _b.className, column = _b.column, style = _b.style, depth = _b.depth, col = _b.col, Component = _b.wrapperComponent, cx = _b.classnames, testIdBuilder = _b.testIdBuilder;
+        var _b = this.props, fixed = _b.fixed, selfSticky = _b.selfSticky, rowSpan = _b.rowSpan, colSpan = _b.colSpan, children = _b.children, className = _b.className, column = _b.column, style = _b.style, depth = _b.depth, col = _b.col, Component = _b.wrapperComponent, cx = _b.classnames, testIdBuilder = _b.testIdBuilder;
+        var _style = __assign({}, style);
+        if (fixed || selfSticky) {
+            _style = __assign({ position: 'sticky', zIndex: zIndex }, _style);
+        }
         return (React__default.createElement(Component, __assign({ rowSpan: rowSpan && rowSpan > 1 ? rowSpan : null, colSpan: colSpan && colSpan > 1 ? colSpan : null, className: cx('Table-cell', className, (_a = {},
                 _a[cx("Table-cell-fix-".concat(fixed))] = fixed,
+                _a["Table-cell-self-sticky"] = selfSticky,
                 _a["text-".concat(column === null || column === void 0 ? void 0 : column.align)] = column === null || column === void 0 ? void 0 : column.align,
-                _a)), style: fixed ? __assign({ position: 'sticky', zIndex: zIndex }, style) : __assign({}, style), "data-depth": depth || null, "data-col": col }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()), children));
+                _a["align-".concat(column === null || column === void 0 ? void 0 : column.vAlign)] = column === null || column === void 0 ? void 0 : column.vAlign,
+                _a)), style: _style, "data-depth": depth || null, "data-col": col }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()), children));
     };
     BodyCell.defaultProps = {
         fixed: '',
+        selfSticky: false,
         wrapperComponent: 'td',
         rowSpan: null,
         colSpan: null

package/esm/components/table/ColGroup.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/components/table/Head.d.ts

@@ -31,6 +31,7 @@ export interface Props extends ThemeProps {
     onFilter?: Function;
     onResizeMouseDown: Function;
     testIdBuilder?: TestIdBuilder;
+    selfSticky?: boolean;
 }
 export default class Head extends React.PureComponent<Props> {
     domRef: React.RefObject<HTMLTableSectionElement>;

package/esm/components/table/Head.js

@@ -1,12 +1,11 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 
 import { __extends, __spreadArray, __read, __awaiter, __generator } from 'tslib';
 import React__default from 'react';
-import { noop } from 'amis-core';
-import { hasFixedColumn, updateFixedRow, getBuildColumns, getAllSelectableRows } from './util.js';
+import { updateStickyRow, hasFixedColumn, updateFixedRow, getBuildColumns, getAllSelectableRows } from './util.js';
 import Checkbox from '../Checkbox.js';
 import BodyCell from './Cell.js';
 import HeadCellSort from './HeadCellSort.js';
@@ -42,7 +41,7 @@ var Head = /** @class */ (function (_super) {
         }
     };
     Head.prototype.updateFixedRow = function () {
-        var cx = this.props.classnames;
+        var _a = this.props, cx = _a.classnames, selfSticky = _a.selfSticky;
         var thead = this.domRef.current;
         var children = thead === null || thead === void 0 ? void 0 : thead.children;
         for (var i = 0; i < ((children === null || children === void 0 ? void 0 : children.length) || 0); i++) {
@@ -50,6 +49,9 @@ var Head = /** @class */ (function (_super) {
             if (i === 0) {
                 this.prependColumns(cols);
             }
+            if (selfSticky) {
+                updateStickyRow(children, i);
+            }
             if (hasFixedColumn(cols)) {
                 updateFixedRow(children === null || children === void 0 ? void 0 : children[i], cols, cx);
             }
@@ -63,7 +65,7 @@ var Head = /** @class */ (function (_super) {
     };
     Head.prototype.render = function () {
         var _this = this;
-        var _a = this.props, dataSource = _a.dataSource, cx = _a.classnames, classPrefix = _a.classPrefix, expandable = _a.expandable, draggable = _a.draggable, resizable = _a.resizable, selectable = _a.selectable, rowSelectionKeyField = _a.rowSelectionKeyField, isExpandable = _a.isExpandable, childrenColumnName = _a.childrenColumnName, selectedRowKeys = _a.selectedRowKeys, maxSelectedLength = _a.maxSelectedLength, rowSelectionFixed = _a.rowSelectionFixed, rowSelectionType = _a.rowSelectionType, popOverContainer = _a.popOverContainer, isRightExpandable = _a.isRightExpandable, isLeftExpandable = _a.isLeftExpandable, orderBy = _a.orderBy, columns = _a.columns, selections = _a.selections, expandableFixed = _a.expandableFixed, onSort = _a.onSort, onSelectAll = _a.onSelectAll, onFilter = _a.onFilter, onResizeMouseDown = _a.onResizeMouseDown, testIdBuilder = _a.testIdBuilder, className = _a.className;
+        var _a = this.props, dataSource = _a.dataSource, cx = _a.classnames, classPrefix = _a.classPrefix, expandable = _a.expandable, draggable = _a.draggable, resizable = _a.resizable, selectable = _a.selectable, rowSelectionKeyField = _a.rowSelectionKeyField, isExpandable = _a.isExpandable, childrenColumnName = _a.childrenColumnName, selectedRowKeys = _a.selectedRowKeys, maxSelectedLength = _a.maxSelectedLength, rowSelectionFixed = _a.rowSelectionFixed, rowSelectionType = _a.rowSelectionType, popOverContainer = _a.popOverContainer, isRightExpandable = _a.isRightExpandable, isLeftExpandable = _a.isLeftExpandable, orderBy = _a.orderBy, columns = _a.columns, selections = _a.selections, expandableFixed = _a.expandableFixed, onSort = _a.onSort, onSelectAll = _a.onSelectAll, onFilter = _a.onFilter, onResizeMouseDown = _a.onResizeMouseDown, testIdBuilder = _a.testIdBuilder, className = _a.className, selfSticky = _a.selfSticky;
         var _b = getBuildColumns(columns), thColumns = _b.thColumns, tdColumns = _b.tdColumns;
         this.thColumns = thColumns;
         this.tdColumns = tdColumns;
@@ -83,8 +85,8 @@ var Head = /** @class */ (function (_super) {
         var thIndex = 0;
         return (React__default.createElement("thead", { ref: this.domRef, className: cx('Table-thead', className) }, this.thColumns.map(function (data, index) {
             return (React__default.createElement("tr", { key: 'th-cell-' + index },
-                draggable && index === 0 ? (React__default.createElement(BodyCell, { key: "drag-".concat(index), wrapperComponent: "th", rowSpan: _this.thColumns.length, className: cx('Table-dragCell'), col: "drag", classnames: cx, classPrefix: classPrefix, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("drag-".concat(index)) })) : null,
-                !draggable && selectable && index === 0 ? (React__default.createElement(BodyCell, { key: "select-".concat(index), wrapperComponent: "th", rowSpan: _this.thColumns.length, fixed: rowSelectionFixed ? 'left' : '', className: cx('Table-checkCell'), col: "select", classnames: cx, classPrefix: classPrefix, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("select-".concat(index)) }, rowSelectionType !== 'radio'
+                draggable && index === 0 ? (React__default.createElement(BodyCell, { key: "drag-".concat(index), wrapperComponent: "th", rowSpan: _this.thColumns.length, className: cx('Table-dragCell'), selfSticky: selfSticky, col: "drag", classnames: cx, classPrefix: classPrefix, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("drag-".concat(index)) })) : null,
+                !draggable && selectable && index === 0 ? (React__default.createElement(BodyCell, { key: "select-".concat(index), wrapperComponent: "th", rowSpan: _this.thColumns.length, fixed: rowSelectionFixed ? 'left' : '', className: cx('Table-checkCell'), selfSticky: selfSticky, col: "select", classnames: cx, classPrefix: classPrefix, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("select-".concat(index)) }, rowSelectionType !== 'radio'
                     ? [
                         React__default.createElement(Checkbox, { key: "checkAll", partial: selectedKeys.length > 0 &&
                                 selectedKeys.length < rowKeys.length, checked: selectedKeys.length > 0, onChange: function (value) { return __awaiter(_this, void 0, void 0, function () {
@@ -127,20 +129,13 @@ var Head = /** @class */ (function (_super) {
                         // 没设置name的 那一定不是要绑定数据的列 一般都是分组的上层 也不会出现调整列宽
                         cIndex = _this.tdColumns.findIndex(function (c) { return c.name === item.name; });
                     }
-                    /** 如果当前列定宽，则不能操作drag bar */
-                    var pristineWidth = item.width;
-                    var disableColDrag = typeof pristineWidth === 'number' && pristineWidth > 0;
                     var children = !((_b = item.children) === null || _b === void 0 ? void 0 : _b.length) ? (React__default.createElement(React__default.Fragment, null,
                         sort,
                         filter,
-                        resizable ? (React__default.createElement("i", { className: cx('Table-thead-resizable', {
-                                'Table-thead-resizable--disabled': disableColDrag
-                            }), onMouseDown: function (e) {
-                                disableColDrag
-                                    ? noop
-                                    : onResizeMouseDown === null || onResizeMouseDown === void 0 ? void 0 : onResizeMouseDown(e, cIndex);
+                        resizable ? (React__default.createElement("i", { className: cx('Table-thead-resizable'), onMouseDown: function (e) {
+                                onResizeMouseDown === null || onResizeMouseDown === void 0 ? void 0 : onResizeMouseDown(e, cIndex);
                             } })) : null)) : null;
-                    return (React__default.createElement(BodyCell, { key: "cell-".concat(colIndex), wrapperComponent: "th", rowSpan: item.rowSpan, colSpan: item.colSpan, classnames: cx, classPrefix: classPrefix, fixed: item.fixed === true ? 'left' : item.fixed, className: cx({
+                    return (React__default.createElement(BodyCell, { key: "cell-".concat(colIndex), wrapperComponent: "th", rowSpan: item.rowSpan, colSpan: item.colSpan, classnames: cx, classPrefix: classPrefix, selfSticky: selfSticky, fixed: item.fixed === true ? 'left' : item.fixed, className: cx({
                             'Table-cell-last': thIndex === maxCount
                         }), depth: item.depth, col: String(colIndex), testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("cell-".concat(colIndex)) }, typeof item.title === 'function'
                         ? item.title(children)

package/esm/components/table/HeadCellDropDown.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/components/table/HeadCellFilter.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/components/table/HeadCellSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/components/table/HeadCellSort.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/components/table/ItemActionsWrapper.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/components/table/Row.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/components/table/SummaryRow.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/components/table/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 
@@ -344,7 +344,7 @@ var Table = /** @class */ (function (_super) {
     Table.prototype.renderHead = function () {
         var _this = this;
         var _a;
-        var _b = this.props, columns = _b.columns, cx = _b.classnames, classPrefix = _b.classPrefix, expandable = _b.expandable, rowSelection = _b.rowSelection, draggable = _b.draggable, resizable = _b.resizable, dataSource = _b.dataSource, onSort = _b.onSort, onSelectAll = _b.onSelectAll, onFilter = _b.onFilter, testIdBuilder = _b.testIdBuilder, headerClassName = _b.headerClassName;
+        var _b = this.props, columns = _b.columns, cx = _b.classnames, classPrefix = _b.classPrefix, expandable = _b.expandable, rowSelection = _b.rowSelection, draggable = _b.draggable, resizable = _b.resizable, dataSource = _b.dataSource, onSort = _b.onSort, onSelectAll = _b.onSelectAll, onFilter = _b.onFilter, testIdBuilder = _b.testIdBuilder, headerClassName = _b.headerClassName, sticky = _b.sticky, autoFillHeight = _b.autoFillHeight, scroll = _b.scroll;
         var rowSelectionKeyField = this.getRowSelectionKeyField();
         var dataList = rowSelection && rowSelection.getCheckboxProps
             ? filterTree(dataSource, function (data, index, level) {
@@ -352,7 +352,9 @@ var Table = /** @class */ (function (_super) {
                 return !props.disabled;
             })
             : dataSource;
-        return (React__default.createElement(Head, { key: "thead", columns: columns, draggable: !!draggable, selectable: !!rowSelection, rowSelectionFixed: !!(rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.fixed), rowSelectionType: rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type, selections: rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selections, rowSelectionKeyField: rowSelectionKeyField, maxSelectedLength: rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.maxSelectedLength, isExpandable: this.isExpandableTable(), isRightExpandable: this.isRightExpandable(), isLeftExpandable: this.isLeftExpandable(), selectedRowKeys: this.state.selectedRowKeys, dataSource: dataList, resizable: resizable, expandable: !!expandable, expandableFixed: expandable === null || expandable === void 0 ? void 0 : expandable.fixed, childrenColumnName: this.getChildrenColumnName(), orderBy: (_a = this.state.sort) === null || _a === void 0 ? void 0 : _a.orderBy, popOverContainer: this.getPopOverContainer, classnames: cx, className: headerClassName, classPrefix: classPrefix, onSort: function (payload, column) {
+        var hasScrollY = scroll && scroll.y;
+        var selfSticky = !!(hasScrollY || (sticky && autoFillHeight));
+        return (React__default.createElement(Head, { key: "thead", selfSticky: selfSticky, columns: columns, draggable: !!draggable, selectable: !!rowSelection, rowSelectionFixed: !!(rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.fixed), rowSelectionType: rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type, selections: rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selections, rowSelectionKeyField: rowSelectionKeyField, maxSelectedLength: rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.maxSelectedLength, isExpandable: this.isExpandableTable(), isRightExpandable: this.isRightExpandable(), isLeftExpandable: this.isLeftExpandable(), selectedRowKeys: this.state.selectedRowKeys, dataSource: dataList, resizable: resizable, expandable: !!expandable, expandableFixed: expandable === null || expandable === void 0 ? void 0 : expandable.fixed, childrenColumnName: this.getChildrenColumnName(), orderBy: (_a = this.state.sort) === null || _a === void 0 ? void 0 : _a.orderBy, popOverContainer: this.getPopOverContainer, classnames: cx, className: headerClassName, classPrefix: classPrefix, onSort: function (payload, column) {
                 _this.setState({
                     sort: payload
                 });
@@ -924,15 +926,22 @@ var Table = /** @class */ (function (_super) {
         this.initTableWidth();
     };
     Table.prototype.render = function () {
-        var _a;
-        var _b = this.props, title = _b.title, footer = _b.footer, className = _b.className, scroll = _b.scroll, size = _b.size, bordered = _b.bordered, resizable = _b.resizable, columns = _b.columns, sticky = _b.sticky, cx = _b.classnames;
-        var _c = getBuildColumns(columns), thColumns = _c.thColumns, tdColumns = _c.tdColumns;
+        var _a, _b;
+        var _c = this.props, title = _c.title, footer = _c.footer, className = _c.className, scroll = _c.scroll, size = _c.size, bordered = _c.bordered, resizable = _c.resizable, columns = _c.columns, sticky = _c.sticky, autoFillHeight = _c.autoFillHeight, cx = _c.classnames;
+        var _d = getBuildColumns(columns), thColumns = _d.thColumns, tdColumns = _d.tdColumns;
         this.thColumns = thColumns;
         this.tdColumns = tdColumns;
         // 是否设置了纵向滚动
         var hasScrollY = scroll && scroll.y;
         // 是否设置了横向滚动
         var hasScrollX = scroll && scroll.x;
+        var style = {};
+        if (hasScrollY) {
+            Object.assign(style, {
+                overflow: 'auto scroll',
+                maxHeight: scroll.y
+            });
+        }
         return (React__default.createElement("div", { ref: this.tableDom, className: cx('Table2', className, (_a = {},
                 _a[cx('Table-scroll-horizontal')] = hasScrollX,
                 _a[cx("Table-".concat(size))] = size,
@@ -940,7 +949,9 @@ var Table = /** @class */ (function (_super) {
                 _a[cx('Table-resizable')] = resizable,
                 _a)) },
             title ? (React__default.createElement("div", { className: cx('Table-title') }, typeof title === 'function' ? title() : title)) : null,
-            hasScrollY || sticky ? (this.renderScrollTable()) : (React__default.createElement("div", { className: cx('Table-container'), ref: this.containerDom }, this.renderTable())),
+            !hasScrollY && !(sticky && autoFillHeight) ? (this.renderScrollTable()) : (React__default.createElement("div", { className: cx('Table-container', (_b = {},
+                    _b[cx('Table-container-self-sticky')] = hasScrollY || (sticky && autoFillHeight),
+                    _b)), style: style, ref: this.containerDom }, this.renderTable())),
             footer ? (React__default.createElement("div", { className: cx('Table-footer') }, typeof footer === 'function' ? footer() : footer)) : null));
     };
     Table.defaultProps = {

package/esm/components/table/util.d.ts

@@ -19,6 +19,7 @@ export declare function getBuildColumns(columns: Array<any>): {
     tdColumns: TdProps[];
 };
 export declare function updateFixedRow(row: HTMLTableRowElement, columns: Array<ColumnProps | SummaryProps>, cx: Function): void;
+export declare function updateStickyRow(thead: HTMLCollection, rowIndex: number): void;
 export declare function hasFixedColumn(columns: Array<ColumnProps | SummaryProps>): number | ColumnProps | SummaryProps | ((predicate: (value: ColumnProps | SummaryProps, index: number, obj: (ColumnProps | SummaryProps)[]) => unknown, thisArg?: any) => number) | (() => IterableIterator<ColumnProps | SummaryProps>) | (() => {
     copyWithin: boolean;
     entries: boolean;

package/esm/components/table/util.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 
@@ -144,6 +144,16 @@ function getPreviousLeftWidth(doms, index, columns) {
     }
     return width;
 }
+function getPreviousTopHeight(thead, rowIndex) {
+    var height = 0;
+    for (var i = 0; i < rowIndex; i++) {
+        if (thead && thead[i]) {
+            var dom = thead[i];
+            height += dom.offsetHeight;
+        }
+    }
+    return height;
+}
 function getAfterRightWidth(doms, index, columns) {
     var width = 0;
     for (var i = doms.length - 0; i > index; i--) {
@@ -197,6 +207,17 @@ function updateFixedRow(row, columns, cx) {
         }
     }
 }
+// 更新一个tr下的th的top
+function updateStickyRow(thead, rowIndex) {
+    var _a;
+    var children = ((_a = thead[rowIndex]) === null || _a === void 0 ? void 0 : _a.children) || [];
+    for (var i = 0; i < children.length; i++) {
+        var dom = children[i];
+        dom.style.removeProperty('top');
+        dom.style.top =
+            rowIndex > 0 ? getPreviousTopHeight(thead, rowIndex) + 'px' : '0';
+    }
+}
 function hasFixedColumn(columns) {
     return find(columns, function (column) { return column.fixed; });
 }
@@ -239,4 +260,4 @@ function getSortData(data, columns, childrenColumnName, sort) {
     });
 }
 
-export { buildColumns, checkChildrenRow, getAllSelectableRows, getBuildColumns, getDataChildrenKeys, getMaxLevelThRowSpan, getRowsByKeys, getSortData, getThColSpan, getThRowSpan, hasFixedColumn, levelsSplit, updateFixedRow };
+export { buildColumns, checkChildrenRow, getAllSelectableRows, getBuildColumns, getDataChildrenKeys, getMaxLevelThRowSpan, getRowsByKeys, getSortData, getThColSpan, getThRowSpan, hasFixedColumn, levelsSplit, updateFixedRow, updateStickyRow };

package/esm/components/virtual-list/AutoSizer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/components/virtual-list/SizeAndPositionManager.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/components/virtual-list/constants.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/components/virtual-list/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/components/withBadge.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/hooks/use-click-away.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+/**
+ * 自定义 Hook：useClickAway
+ * 当点击事件发生在指定元素外部时，触发回调函数
+ *
+ * @param ref - 目标元素的引用
+ * @param onClickAway - 点击外部时的回调函数
+ * @param doc - Document 对象，默认为当前文档
+ * @param events - 监听的事件类型，默认为 ['mousedown', 'touchstart']
+ */
+declare const useClickAway: (ref: RefObject<HTMLElement | null>, onClickAway: (e: Event) => void, doc?: Document, events?: string[]) => void;
+export default useClickAway;

package/esm/hooks/use-click-away.js

@@ -0,0 +1,55 @@
+/**
+ * amis-ui v6.12.0-ab.2
+ * Copyright 2018-2025 fex
+ */
+
+import { useCallback, useEffect } from 'react';
+
+// 存储所有点击事件监听器的集合
+var listeners = new Set();
+// 添加点击事件监听器
+var addClickListener = function (callback) {
+    return listeners.add(callback);
+};
+// 移除点击事件监听器
+var removeClickListener = function (callback) {
+    return listeners.delete(callback);
+};
+// 处理点击事件，调用所有监听器
+function handleEvent(e) {
+    listeners.forEach(function (listener) { return listener(e); });
+}
+// 默认的事件类型
+var defaultEvents = ['mousedown', 'touchstart'];
+/**
+ * 自定义 Hook：useClickAway
+ * 当点击事件发生在指定元素外部时，触发回调函数
+ *
+ * @param ref - 目标元素的引用
+ * @param onClickAway - 点击外部时的回调函数
+ * @param doc - Document 对象，默认为当前文档
+ * @param events - 监听的事件类型，默认为 ['mousedown', 'touchstart']
+ */
+var useClickAway = function (ref, onClickAway, doc, events) {
+    if (doc === void 0) { doc = document; }
+    if (events === void 0) { events = defaultEvents; }
+    // 事件处理函数
+    var handler = useCallback(function (e) {
+        var el = ref.current;
+        el && !el.contains(e.target) && onClickAway(e);
+    }, [ref]);
+    useEffect(function () {
+        // 添加事件监听器
+        if (!listeners.has(handler)) {
+            addClickListener(handler);
+        }
+        events.forEach(function (event) { return doc.addEventListener(event, handleEvent); });
+        // 清理函数，移除事件监听器
+        return function () {
+            removeClickListener(handler);
+            events.forEach(function (event) { return doc.removeEventListener(event, handleEvent); });
+        };
+    }, [events, ref, doc]);
+};
+
+export { useClickAway as default };

package/esm/hooks/use-on-screen.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/hooks/use-set-state.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/hooks/use-sub-form.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/hooks/use-touch.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/hooks/use-update-effect.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/hooks/use-validation-resolver.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/alert-danger.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/alert-info.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/alert-success.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/alert-warning.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/arrow-double-left.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/arrow-double-right.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/back.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/calendar.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/caret.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/check.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/clock.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/close-small.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/close.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/cloud-upload.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/column-filter.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/columns.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/compress-alt.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/copy.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/date.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */
 

package/esm/icons/department.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-ab.2
  * Copyright 2018-2025 fex
  */