amis-ui 6.14.0-beta.0 → 6.14.0-beta.10

package/esm/components/table/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 
@@ -53,6 +53,7 @@ var Table = /** @class */ (function (_super) {
                 ? props.expandable.defaultExpandedRowKeys || []
                 : [])), false),
             colWidths: {},
+            widthReady: false,
             hoverRow: null
         };
         return _this;
@@ -64,9 +65,6 @@ var Table = /** @class */ (function (_super) {
         var _this = this;
         var _a, _b, _c, _d, _e;
         (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.onRef) === null || _b === void 0 ? void 0 : _b.call(_a, this);
-        if (this.props.loading) {
-            return;
-        }
         if ((_c = this.headerDom) === null || _c === void 0 ? void 0 : _c.current) {
             // overflow设置为hidden的情况
             var hiddenDomRefs = [this.headerDom, this.footDom];
@@ -215,6 +213,7 @@ var Table = /** @class */ (function (_super) {
         if (tableContentHeight > 0) {
             tableContent.style[heightField] = "".concat(tableContentHeight, "px");
             tableContent.style['overflow'] = 'auto';
+            tableContent.classList.add('is-autoFillHeight');
         }
     };
     Table.prototype.initDragging = function () {
@@ -295,18 +294,21 @@ var Table = /** @class */ (function (_super) {
             });
         }
     };
-    Table.prototype.renderColGroup = function (showReal) {
+    Table.prototype.renderColGroup = function (showReal, watchWidthChange) {
+        if (showReal === void 0) { showReal = false; }
+        if (watchWidthChange === void 0) { watchWidthChange = true; }
         var _a = this.props, scroll = _a.scroll, tableLayout = _a.tableLayout, columns = _a.columns, rowSelection = _a.rowSelection, expandable = _a.expandable, draggable = _a.draggable;
         var isFixed = !!((scroll && scroll.x) || tableLayout === 'fixed');
-        return (React__default.createElement(ColGroup, { columns: columns, colWidths: this.state.colWidths, isFixed: isFixed, syncTableWidth: this.syncTableWidth, initTableWidth: this.initTableWidth, selectable: !!rowSelection, expandable: !!expandable, draggable: !!draggable, rowSelectionColumnWidth: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.columnWidth) || DefaultCellWidth, expandableColumnWidth: (expandable === null || expandable === void 0 ? void 0 : expandable.columnWidth) || DefaultCellWidth, isRightExpandable: this.isRightExpandable(), isLeftExpandable: this.isLeftExpandable(), showReal: showReal }));
+        return (React__default.createElement(ColGroup, { columns: columns, colWidths: this.state.colWidths, isFixed: isFixed, syncTableWidth: watchWidthChange ? this.syncTableWidth : undefined, initTableWidth: watchWidthChange ? this.initTableWidth : undefined, selectable: !!rowSelection, expandable: !!expandable, draggable: !!draggable, rowSelectionColumnWidth: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.columnWidth) || DefaultCellWidth, expandableColumnWidth: (expandable === null || expandable === void 0 ? void 0 : expandable.columnWidth) || DefaultCellWidth, isRightExpandable: this.isRightExpandable(), isLeftExpandable: this.isLeftExpandable(), showReal: showReal }));
     };
     Table.prototype.onResizeMouseDown = function (event, index) {
         // 点击记录起始坐标
         this.resizeStart = event.clientX;
         this.resizeTarget = event.currentTarget;
-        var column = this.tdColumns[index];
         this.resizeIndex = index;
-        var colWidth = this.state.colWidths[column.name];
+        var th = this.resizeTarget.closest('th,td');
+        var colIndex = th.cellIndex;
+        var colWidth = this.state.colWidths[colIndex];
         this.resizeWidth = colWidth.width || colWidth.realWidth;
         this.resizeTarget.classList.add('is-resizing');
         document.addEventListener('mousemove', this.onResizeMouseMove);
@@ -327,8 +329,10 @@ var Table = /** @class */ (function (_super) {
                 // 缩短列
                 newWidth = Math.max(this.resizeWidth + distance, DefaultCellWidth, column.minWidth || 0);
             }
+            var th = this.resizeTarget.closest('th,td');
+            var colIndex = th.cellIndex;
             var colWidths = this.state.colWidths;
-            colWidths[column.name].width = newWidth;
+            colWidths[colIndex].width = newWidth;
             this.setState({ colWidths: __assign({}, colWidths) });
         }
         event && event.stopPropagation();
@@ -344,7 +348,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, sticky = _b.sticky, autoFillHeight = _b.autoFillHeight, scroll = _b.scroll;
+        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; _b.scroll;
         var rowSelectionKeyField = this.getRowSelectionKeyField();
         var dataList = rowSelection && rowSelection.getCheckboxProps
             ? filterTree(dataSource, function (data, index, level) {
@@ -352,8 +356,7 @@ var Table = /** @class */ (function (_super) {
                 return !props.disabled;
             })
             : dataSource;
-        var hasScrollY = scroll && scroll.y;
-        var selfSticky = !!(hasScrollY || (sticky && autoFillHeight));
+        var selfSticky = !!(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
@@ -701,6 +704,11 @@ var Table = /** @class */ (function (_super) {
         else {
             table === null || table === void 0 ? void 0 : table.classList.remove(rightClass);
         }
+        if (this.contentDom.current && table) {
+            var scrollBarWidth = this.contentDom.current.offsetWidth -
+                this.contentDom.current.clientWidth;
+            table.style.cssText += "--Table-scrollbar-width: ".concat(scrollBarWidth, "px;");
+        }
     };
     Table.prototype.onTableContentScroll = function (event) {
         this.updateTableDom(event.target);
@@ -746,10 +754,11 @@ var Table = /** @class */ (function (_super) {
     Table.prototype.renderScrollTableHeader = function () {
         var _a;
         var _b = this.props, scroll = _b.scroll, headSummary = _b.headSummary, sticky = _b.sticky, showHeader = _b.showHeader, cx = _b.classnames, headerClassName = _b.headerClassName;
-        var style = { overflow: 'hidden' };
+        var style = {};
         if (!!sticky) {
             Object.assign(style, { top: 0 });
         }
+        var widthReady = this.state.widthReady;
         var tableStyle = {};
         if (scroll && (scroll.y || scroll.x)) {
             Object.assign(tableStyle, {
@@ -760,11 +769,11 @@ var Table = /** @class */ (function (_super) {
                     : '100%'
             });
         }
-        return (React__default.createElement("div", { ref: this.headerDom, className: cx('Table-header', (_a = {},
+        return (React__default.createElement("div", { ref: this.headerDom, className: cx('Table-header', 'Table-header--affixed', (_a = {},
                 _a[cx('Table-sticky-holder')] = !!sticky,
                 _a), headerClassName), style: style },
-            React__default.createElement("table", { className: cx('Table-table'), style: __assign(__assign({}, tableStyle), { tableLayout: 'fixed' }) },
-                this.renderColGroup(true),
+            React__default.createElement("table", { className: cx('Table-table', widthReady ? 'Table-table--fixed' : ''), style: __assign({}, tableStyle) },
+                this.renderColGroup(true, false),
                 showHeader ? this.renderHead() : null,
                 headSummary ? (React__default.createElement("tbody", null, this.renderSummaryRow(headSummary))) : null)));
     };
@@ -790,14 +799,16 @@ var Table = /** @class */ (function (_super) {
             itemActions && hoverRow ? (React__default.createElement(ItemActionsWrapper, { dom: hoverRow.target, classnames: cx }, typeof itemActions === 'function'
                 ? itemActions(hoverRow.record, hoverRow.rowIndex)
                 : null)) : null,
-            React__default.createElement("table", { className: cx('Table-table', bodyClassname), style: __assign(__assign({}, tableStyle), { tableLayout: 'fixed' }) },
+            React__default.createElement("table", { className: cx('Table-table', bodyClassname), style: __assign({}, tableStyle) },
                 this.renderColGroup(),
                 this.renderBody())));
     };
     Table.prototype.renderScrollTableFoot = function () {
         var _a = this.props, scroll = _a.scroll, cx = _a.classnames;
         return (React__default.createElement("div", { ref: this.footDom, className: cx('Table-summary'), style: { overflow: 'hidden' } },
-            React__default.createElement("table", { className: cx('Table-table'), style: { width: (scroll === null || scroll === void 0 ? void 0 : scroll.x) + 'px' || '100%', tableLayout: 'fixed' } }, this.renderFoot())));
+            React__default.createElement("table", { className: cx('Table-table', this.state.widthReady ? 'Table-table--fixed' : ''), style: { width: (scroll === null || scroll === void 0 ? void 0 : scroll.x) + 'px' || '100%' } },
+                this.renderColGroup(true, false),
+                this.renderFoot())));
     };
     Table.prototype.renderScrollTable = function () {
         // todo 这个模式有个很大的问题就是依赖 tablelayout 的 fixed 模式，这就意味这列的宽度都得配置
@@ -809,33 +820,36 @@ var Table = /** @class */ (function (_super) {
     };
     Table.prototype.syncTableWidth = function () {
         var _this = this;
+        var _a;
         var tbodyDom = this.tbodyDom.current;
-        if (!tbodyDom) {
+        if (!tbodyDom || this.resizeTarget) {
+            return;
+        }
+        var colgroup = (_a = tbodyDom.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector(':scope>colgroup');
+        if (!colgroup) {
             return;
         }
-        var cols = [].slice.call(tbodyDom === null || tbodyDom === void 0 ? void 0 : tbodyDom.querySelectorAll(':scope>tr:last-child>td[data-col]'));
+        var cols = [].slice.call(colgroup === null || colgroup === void 0 ? void 0 : colgroup.querySelectorAll(':scope>col'));
         var colWidths = {};
-        cols.forEach(function (col) {
+        cols.forEach(function (col, colIndex) {
             var index = parseInt(col.getAttribute('data-col'), 10);
             var column = _this.tdColumns[index];
-            var item = _this.state.colWidths[column.name];
-            if (column) {
-                colWidths[column.name] = {
-                    width: (item === null || item === void 0 ? void 0 : item.originWidth) !== (column === null || column === void 0 ? void 0 : column.width) ? column === null || column === void 0 ? void 0 : column.width : item === null || item === void 0 ? void 0 : item.width,
-                    minWidth: column === null || column === void 0 ? void 0 : column.minWidth,
-                    realWidth: col.offsetWidth,
-                    originWidth: column === null || column === void 0 ? void 0 : column.width
-                };
-            }
+            var item = _this.state.colWidths[colIndex];
+            colWidths[colIndex] = {
+                width: (item === null || item === void 0 ? void 0 : item.originWidth) !== (column === null || column === void 0 ? void 0 : column.width) ? column === null || column === void 0 ? void 0 : column.width : item === null || item === void 0 ? void 0 : item.width,
+                minWidth: column === null || column === void 0 ? void 0 : column.minWidth,
+                realWidth: col.getBoundingClientRect().width,
+                originWidth: column === null || column === void 0 ? void 0 : column.width
+            };
         });
         if (!isEqual(colWidths, this.state.colWidths)) {
-            this.setState({ colWidths: colWidths });
+            this.setState({ colWidths: colWidths, widthReady: true });
         }
     };
     Table.prototype.initTableWidth = function () {
         var _this = this;
         var tableWrapperDom = this.contentDom.current;
-        if (!tableWrapperDom) {
+        if (!tableWrapperDom || this.resizeTarget) {
             return;
         }
         var _a = this.props, scroll = _a.scroll, tableLayout = _a.tableLayout;
@@ -889,46 +903,44 @@ var Table = /** @class */ (function (_super) {
         document.body.appendChild(div);
         var colWidths = {};
         ths1.forEach(function (th) {
-            var index = parseInt(th.getAttribute('data-col'), 10);
-            var column = _this.tdColumns[index];
-            minWidths[index] = th.clientWidth;
-            if (colWidths[index]) {
-                colWidths[column === null || column === void 0 ? void 0 : column.name].minWidth = th.clientWidth;
+            var colIndex = th.cellIndex;
+            minWidths[colIndex] = th.clientWidth;
+            if (colWidths[colIndex]) {
+                colWidths[colIndex].minWidth = th.clientWidth;
             }
             else {
-                colWidths[column === null || column === void 0 ? void 0 : column.name] = { minWidth: th.clientWidth };
+                colWidths[colIndex] = { minWidth: th.clientWidth };
             }
         });
         ths2.forEach(function (col) {
+            var colIndex = col.cellIndex;
             var index = parseInt(col.getAttribute('data-col'), 10);
             var column = _this.tdColumns[index];
             if (column && (column.width || isFixed)) {
                 var width = Math.max(typeof column.width === 'number' ? column.width : col.clientWidth, minWidths[index] || 0);
-                if (colWidths[column === null || column === void 0 ? void 0 : column.name]) {
-                    colWidths[column === null || column === void 0 ? void 0 : column.name].width = width;
+                if (colWidths[colIndex]) {
+                    colWidths[colIndex].width = width;
                 }
                 else {
-                    colWidths[column === null || column === void 0 ? void 0 : column.name] = { width: width };
+                    colWidths[colIndex] = { width: width };
                 }
                 if (column.width) {
-                    colWidths[column === null || column === void 0 ? void 0 : column.name].originWidth = column.width;
+                    colWidths[colIndex].originWidth = column.width;
                 }
             }
         });
         if (!isEqual(colWidths, this.state.colWidths)) {
-            this.setState({ colWidths: colWidths });
+            this.setState({ colWidths: colWidths }, this.syncTableWidth);
         }
         document.body.removeChild(div);
     };
     Table.prototype.updateTableInfo = function () {
-        if (this.resizeTarget) {
-            return;
-        }
         this.syncTableWidth();
         this.initTableWidth();
     };
     Table.prototype.render = function () {
         var _a, _b;
+        var _this = this;
         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;
@@ -940,20 +952,34 @@ var Table = /** @class */ (function (_super) {
         var style = {};
         if (hasScrollY) {
             Object.assign(style, {
-                overflow: 'auto scroll',
                 maxHeight: scroll.y
             });
         }
+        var mainStyle = __assign({}, this.props.style);
+        if (this.state.widthReady) {
+            Object.keys(this.state.colWidths).forEach(function (key, index, list) {
+                var width = _this.state.colWidths[index].realWidth;
+                if (width) {
+                    mainStyle["--Table-column-".concat(key, "-width")] = "".concat(width, "px");
+                }
+            });
+            if (this.contentDom.current) {
+                // 严格来说不应该这么写，但是不想折腾了
+                var scrollBarWidth = this.contentDom.current.offsetWidth -
+                    this.contentDom.current.clientWidth;
+                mainStyle['--Table-scrollbar-width'] = scrollBarWidth + 'px';
+            }
+        }
         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,
                 _a[cx('Table-bordered')] = bordered,
                 _a[cx('Table-resizable')] = resizable,
-                _a)) },
+                _a)), style: mainStyle },
             title ? (React__default.createElement("div", { className: cx('Table-title') }, typeof title === 'function' ? title() : title)) : null,
             hasScrollY && !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())),
+                    _b)), onScroll: this.onTableScroll, 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

@@ -13,44 +13,75 @@ export declare function getRowsByKeys(dataSource: Array<any>, keys: Array<string
 export declare function getMaxLevelThRowSpan(columns: Array<ColumnProps>): number;
 export declare function getThRowSpan(column: ColumnProps): number;
 export declare function getThColSpan(column: ColumnProps): number;
-export declare function buildColumns(columns: ColumnProps[] | undefined, thColumns: Array<Array<any>>, tdColumns: ColumnProps[] | undefined, maxLevel: number, depth?: number, fixed?: boolean | string): void;
+export declare function buildColumns(columns: Array<ColumnProps> | undefined, thColumns: Array<Array<any>>, tdColumns: Array<ColumnProps> | undefined, maxLevel: number, depth?: number, fixed?: boolean | string): void;
 export declare function getBuildColumns(columns: Array<any>): {
     thColumns: ThProps[][];
     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;
-    fill: boolean;
-    find: boolean;
-    findIndex: boolean;
-    keys: boolean;
-    values: boolean;
-}) | {
+export declare function hasFixedColumn(columns: Array<ColumnProps | SummaryProps>): number | ColumnProps | SummaryProps | ((predicate: (value: ColumnProps | SummaryProps, index: number, obj: (ColumnProps | SummaryProps)[]) => unknown, thisArg?: any) => number) | (() => ArrayIterator<ColumnProps | SummaryProps>) | {
+    [x: number]: boolean | undefined;
+    length?: boolean | undefined;
+    toString?: boolean | undefined;
+    toLocaleString?: boolean | undefined;
+    pop?: boolean | undefined;
+    push?: boolean | undefined;
+    concat?: boolean | undefined;
+    join?: boolean | undefined;
+    reverse?: boolean | undefined;
+    shift?: boolean | undefined;
+    slice?: boolean | undefined;
+    sort?: boolean | undefined;
+    splice?: boolean | undefined;
+    unshift?: boolean | undefined;
+    indexOf?: boolean | undefined;
+    lastIndexOf?: boolean | undefined;
+    every?: boolean | undefined;
+    some?: boolean | undefined;
+    forEach?: boolean | undefined;
+    map?: boolean | undefined;
+    filter?: boolean | undefined;
+    reduce?: boolean | undefined;
+    reduceRight?: boolean | undefined;
+    find?: boolean | undefined;
+    findIndex?: boolean | undefined;
+    fill?: boolean | undefined;
+    copyWithin?: boolean | undefined;
+    entries?: boolean | undefined;
+    keys?: boolean | undefined;
+    values?: boolean | undefined;
+    includes?: boolean | undefined;
+    flatMap?: boolean | undefined;
+    flat?: boolean | undefined;
+    [Symbol.iterator]?: boolean | undefined;
+    readonly [Symbol.unscopables]?: boolean | undefined;
+} | (() => string) | {
+    (): string;
+    (locales: string | string[], options?: Intl.NumberFormatOptions & Intl.DateTimeFormatOptions): string;
+} | (() => ColumnProps | SummaryProps | undefined) | ((...items: (ColumnProps | SummaryProps)[]) => number) | {
     (...items: ConcatArray<ColumnProps | SummaryProps>[]): (ColumnProps | SummaryProps)[];
     (...items: (ColumnProps | SummaryProps | ConcatArray<ColumnProps | SummaryProps>)[]): (ColumnProps | SummaryProps)[];
-} | ((searchElement: ColumnProps | SummaryProps, fromIndex?: number | undefined) => number) | ((searchElement: ColumnProps | SummaryProps, fromIndex?: number | undefined) => number) | ((start?: number | undefined, end?: number | undefined) => (ColumnProps | SummaryProps)[]) | ((searchElement: ColumnProps | SummaryProps, fromIndex?: number | undefined) => boolean) | (<U>(callbackfn: (value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => U, thisArg?: any) => U[]) | {
-    <S extends ColumnProps | SummaryProps>(predicate: (value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => value is S, thisArg?: any): S[];
-    (predicate: (value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => unknown, thisArg?: any): (ColumnProps | SummaryProps)[];
-} | (() => (ColumnProps | SummaryProps)[]) | ((value: ColumnProps | SummaryProps, start?: number | undefined, end?: number | undefined) => (ColumnProps | SummaryProps)[]) | (<A, D extends number = 1>(this: A, depth?: D | undefined) => FlatArray<A, D>[]) | (() => string) | ((...items: (ColumnProps | SummaryProps)[]) => number) | (() => ColumnProps | SummaryProps | undefined) | ((separator?: string | undefined) => string) | (() => ColumnProps | SummaryProps | undefined) | ((compareFn?: ((a: ColumnProps | SummaryProps, b: ColumnProps | SummaryProps) => number) | undefined) => (ColumnProps | SummaryProps)[]) | {
-    (start: number, deleteCount?: number | undefined): (ColumnProps | SummaryProps)[];
+} | ((separator?: string) => string) | (() => (ColumnProps | SummaryProps)[]) | (() => ColumnProps | SummaryProps | undefined) | ((start?: number, end?: number) => (ColumnProps | SummaryProps)[]) | ((compareFn?: ((a: ColumnProps | SummaryProps, b: ColumnProps | SummaryProps) => number) | undefined) => (ColumnProps | SummaryProps)[]) | {
+    (start: number, deleteCount?: number): (ColumnProps | SummaryProps)[];
     (start: number, deleteCount: number, ...items: (ColumnProps | SummaryProps)[]): (ColumnProps | SummaryProps)[];
-} | ((...items: (ColumnProps | SummaryProps)[]) => number) | {
-    <S_1 extends ColumnProps | SummaryProps>(predicate: (value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => value is S_1, thisArg?: any): this is S_1[];
+} | ((...items: (ColumnProps | SummaryProps)[]) => number) | ((searchElement: ColumnProps | SummaryProps, fromIndex?: number) => number) | ((searchElement: ColumnProps | SummaryProps, fromIndex?: number) => number) | {
+    <S extends ColumnProps | SummaryProps>(predicate: (value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => value is S, thisArg?: any): this is S[];
     (predicate: (value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => unknown, thisArg?: any): boolean;
-} | ((predicate: (value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => unknown, thisArg?: any) => boolean) | ((callbackfn: (value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => void, thisArg?: any) => void) | {
+} | ((predicate: (value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => unknown, thisArg?: any) => boolean) | ((callbackfn: (value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => void, thisArg?: any) => void) | (<U>(callbackfn: (value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => U, thisArg?: any) => U[]) | {
+    <S extends ColumnProps | SummaryProps>(predicate: (value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => value is S, thisArg?: any): S[];
+    (predicate: (value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => unknown, thisArg?: any): (ColumnProps | SummaryProps)[];
+} | {
     (callbackfn: (previousValue: ColumnProps | SummaryProps, currentValue: ColumnProps | SummaryProps, currentIndex: number, array: (ColumnProps | SummaryProps)[]) => ColumnProps | SummaryProps): ColumnProps | SummaryProps;
     (callbackfn: (previousValue: ColumnProps | SummaryProps, currentValue: ColumnProps | SummaryProps, currentIndex: number, array: (ColumnProps | SummaryProps)[]) => ColumnProps | SummaryProps, initialValue: ColumnProps | SummaryProps): ColumnProps | SummaryProps;
-    <U_1>(callbackfn: (previousValue: U_1, currentValue: ColumnProps | SummaryProps, currentIndex: number, array: (ColumnProps | SummaryProps)[]) => U_1, initialValue: U_1): U_1;
+    <U>(callbackfn: (previousValue: U, currentValue: ColumnProps | SummaryProps, currentIndex: number, array: (ColumnProps | SummaryProps)[]) => U, initialValue: U): U;
 } | {
     (callbackfn: (previousValue: ColumnProps | SummaryProps, currentValue: ColumnProps | SummaryProps, currentIndex: number, array: (ColumnProps | SummaryProps)[]) => ColumnProps | SummaryProps): ColumnProps | SummaryProps;
     (callbackfn: (previousValue: ColumnProps | SummaryProps, currentValue: ColumnProps | SummaryProps, currentIndex: number, array: (ColumnProps | SummaryProps)[]) => ColumnProps | SummaryProps, initialValue: ColumnProps | SummaryProps): ColumnProps | SummaryProps;
-    <U_2>(callbackfn: (previousValue: U_2, currentValue: ColumnProps | SummaryProps, currentIndex: number, array: (ColumnProps | SummaryProps)[]) => U_2, initialValue: U_2): U_2;
+    <U>(callbackfn: (previousValue: U, currentValue: ColumnProps | SummaryProps, currentIndex: number, array: (ColumnProps | SummaryProps)[]) => U, initialValue: U): U;
 } | {
-    <S_2 extends ColumnProps | SummaryProps>(predicate: (this: void, value: ColumnProps | SummaryProps, index: number, obj: (ColumnProps | SummaryProps)[]) => value is S_2, thisArg?: any): S_2 | undefined;
+    <S extends ColumnProps | SummaryProps>(predicate: (value: ColumnProps | SummaryProps, index: number, obj: (ColumnProps | SummaryProps)[]) => value is S, thisArg?: any): S | undefined;
     (predicate: (value: ColumnProps | SummaryProps, index: number, obj: (ColumnProps | SummaryProps)[]) => unknown, thisArg?: any): ColumnProps | SummaryProps | undefined;
-} | ((target: number, start: number, end?: number | undefined) => (ColumnProps | SummaryProps)[]) | (() => IterableIterator<[number, ColumnProps | SummaryProps]>) | (() => IterableIterator<number>) | (() => IterableIterator<ColumnProps | SummaryProps>) | (<U_3, This = undefined>(callback: (this: This, value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => U_3 | readonly U_3[], thisArg?: This | undefined) => U_3[]) | (() => string) | undefined;
+} | ((value: ColumnProps | SummaryProps, start?: number, end?: number) => (ColumnProps | SummaryProps)[]) | ((target: number, start: number, end?: number) => (ColumnProps | SummaryProps)[]) | (() => ArrayIterator<[number, ColumnProps | SummaryProps]>) | (() => ArrayIterator<number>) | (() => ArrayIterator<ColumnProps | SummaryProps>) | ((searchElement: ColumnProps | SummaryProps, fromIndex?: number) => boolean) | (<U, This = undefined>(callback: (this: This, value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | (<A, D extends number = 1>(this: A, depth?: D | undefined) => FlatArray<A, D>[]) | undefined;
 export declare function levelsSplit(level: string): number[];
 export declare function getSortData(data: Array<any>, columns: Array<ColumnProps>, childrenColumnName: string, sort?: SortProps): Array<any>;

package/esm/components/table/util.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 
@@ -134,15 +134,18 @@ function isFixedLeftColumn(fixed) {
 function isFixedRightColumn(fixed) {
     return fixed === 'right';
 }
-function getPreviousLeftWidth(doms, index, columns) {
-    var width = 0;
+function getPreviousLeftWidth(index, columns) {
+    var widths = [];
     for (var i = 0; i < index; i++) {
         if (columns && columns[i] && isFixedLeftColumn(columns[i].fixed)) {
-            var dom = doms[i];
-            width += dom.offsetWidth;
+            widths.push("var(--Table-column-".concat(i, "-width)"));
         }
     }
-    return width;
+    return widths.length
+        ? widths.length > 1
+            ? "calc(".concat(widths.join(' + '), ")")
+            : widths[0]
+        : '0';
 }
 function getPreviousTopHeight(thead, rowIndex) {
     var height = 0;
@@ -154,17 +157,18 @@ function getPreviousTopHeight(thead, rowIndex) {
     }
     return height;
 }
-function getAfterRightWidth(doms, index, columns) {
-    var width = 0;
-    for (var i = doms.length - 0; i > index; i--) {
+function getAfterRightWidth(index, columns) {
+    var widths = [];
+    for (var i = columns.length - 1; i > index; i--) {
         if (columns && columns[i] && isFixedRightColumn(columns[i].fixed)) {
-            var dom = doms[i];
-            if (dom) {
-                width += dom.offsetWidth;
-            }
+            widths.push("var(--Table-column-".concat(i, "-width)"));
         }
     }
-    return width;
+    return widths.length
+        ? widths.length > 1
+            ? "calc(".concat(widths.join(' + '), ")")
+            : widths[0]
+        : '0';
 }
 // 更新一个tr下的td的left和class
 function updateFixedRow(row, columns, cx) {
@@ -180,13 +184,12 @@ function updateFixedRow(row, columns, cx) {
         var dom = children[i];
         classRemovals.push(dom);
         var fixed = columns[i] ? columns[i].fixed || '' : '';
-        var left = void 0, right = void 0;
+        var left = '', right = '';
         if (isFixedLeftColumn(fixed)) {
-            left = i > 0 ? getPreviousLeftWidth(children, i, columns) + 'px' : '0';
+            left = i > 0 ? getPreviousLeftWidth(i, columns) : '0';
         }
         else if (isFixedRightColumn(fixed)) {
-            right =
-                i < length - 1 ? getAfterRightWidth(children, i, columns) + 'px' : '0';
+            right = i < length - 1 ? getAfterRightWidth(i, columns) : '0';
         }
         styleUpdates.push({ dom: dom, left: left, right: right });
     }

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 

package/esm/components/virtual-list/index.d.ts

@@ -76,7 +76,7 @@ export default class VirtualList extends React.PureComponent<Props, State> {
         style: PropTypes.Requireable<object>;
         width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
     };
-    itemSizeGetter: (itemSize: Props['itemSize']) => (index: any) => any;
+    itemSizeGetter: (itemSize: Props["itemSize"]) => (index: any) => any;
     sizeAndPositionManager: SizeAndPositionManager;
     readonly state: State;
     private rootNode;

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

@@ -1,9 +1,9 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 
-import { __assign, __extends, __rest } from 'tslib';
+import { __assign, __extends, __spreadArray, __read, __rest } from 'tslib';
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import SizeAndPositionManager from './SizeAndPositionManager.js';
@@ -35,7 +35,7 @@ var STYLE_STICKY_ITEM = __assign(__assign({}, STYLE_ITEM), { position: 'sticky'
 var VirtualList = /** @class */ (function (_super) {
     __extends(VirtualList, _super);
     function VirtualList() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
         _this.itemSizeGetter = function (itemSize) {
             return function (index) { return _this.getSize(index, itemSize); };
         };

package/esm/components/withBadge.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 
@@ -12,7 +12,7 @@ import { useValidationResolver } from './use-validation-resolver.js';
 var useSubForm = function (defaultValue, translate, onUpdate) {
     var methods = useForm({
         defaultValues: defaultValue,
-        mode: 'onChange',
+        mode: 'onChange', // 每次修改都验证
         shouldUnregister: true,
         resolver: useValidationResolver(translate)
     });

package/esm/hooks/use-touch.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.0
+ * amis-ui v6.14.0-beta.10
  * Copyright 2018-2025 fex
  */