amis-ui 6.14.0-beta.1 → 6.14.0-beta.11

package/lib/components/table/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.1
+ * amis-ui v6.14.0-beta.11
  * Copyright 2018-2025 fex
  */
 
@@ -225,6 +225,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 () {
@@ -316,9 +317,10 @@ var Table = /** @class */ (function (_super) {
         // 点击记录起始坐标
         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);
@@ -339,8 +341,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: tslib.__assign({}, colWidths) });
         }
         event && event.stopPropagation();
@@ -712,6 +716,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);
@@ -757,7 +766,7 @@ 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 });
         }
@@ -772,7 +781,7 @@ var Table = /** @class */ (function (_super) {
                     : '100%'
             });
         }
-        return (_J$X_("div", { ref: this.headerDom, className: cx('Table-header', (_a = {},
+        return (_J$X_("div", { ref: this.headerDom, className: cx('Table-header', 'Table-header--affixed', (_a = {},
                 _a[cx('Table-sticky-holder')] = !!sticky,
                 _a), headerClassName), style: style },
             _J$X_("table", { className: cx('Table-table', widthReady ? 'Table-table--fixed' : ''), style: tslib.__assign({}, tableStyle) },
@@ -823,24 +832,27 @@ 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__default["default"](colWidths, this.state.colWidths)) {
             this.setState({ colWidths: colWidths, widthReady: true });
@@ -849,7 +861,7 @@ var Table = /** @class */ (function (_super) {
     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;
@@ -903,46 +915,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__default["default"](colWidths, this.state.colWidths)) {
-            this.setState({ colWidths: colWidths, widthReady: true });
+            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 = util.getBuildColumns(columns), thColumns = _d.thColumns, tdColumns = _d.tdColumns;
         this.thColumns = thColumns;
@@ -957,16 +967,32 @@ var Table = /** @class */ (function (_super) {
                 maxHeight: scroll.y
             });
         }
+        var mainStyle = tslib.__assign({}, this.props.style);
+        if (this.state.widthReady) {
+            Object.keys(this.state.colWidths).forEach(function (key, index, list) {
+                var _a;
+                var width = (_a = _this.state.colWidths[index]) === null || _a === void 0 ? void 0 : _a.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 (_J$X_("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 ? (_J$X_("div", { className: cx('Table-title') }, typeof title === 'function' ? title() : title)) : null,
             hasScrollY && !autoFillHeight ? (this.renderScrollTable()) : (_J$X_("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 ? (_J$X_("div", { className: cx('Table-footer') }, typeof footer === 'function' ? footer() : footer)) : null));
     };
     Table.defaultProps = {

package/lib/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 | (() => IterableIterator<ColumnProps | SummaryProps>) | (() => {
-    copyWithin: boolean;
-    entries: boolean;
-    fill: boolean;
-    find: boolean;
-    findIndex: boolean;
-    keys: boolean;
-    values: 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)[];
-} | {
+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>) | {
     (...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) | (() => string) | (() => ColumnProps | SummaryProps | undefined) | ((...items: (ColumnProps | SummaryProps)[]) => number) | ((separator?: string | undefined) => string) | (() => (ColumnProps | SummaryProps)[]) | (() => ColumnProps | SummaryProps | undefined) | ((compareFn?: ((a: ColumnProps | SummaryProps, b: ColumnProps | SummaryProps) => number) | undefined) => (ColumnProps | SummaryProps)[]) | {
-    (start: number, deleteCount?: number | undefined): (ColumnProps | SummaryProps)[];
+} | ((searchElement: ColumnProps | SummaryProps, fromIndex?: number) => number) | ((searchElement: ColumnProps | SummaryProps, fromIndex?: number) => number) | ((start?: number, end?: number) => (ColumnProps | SummaryProps)[]) | ((searchElement: ColumnProps | SummaryProps, fromIndex?: number) => boolean) | {
+    (): string;
+    (locales: string | string[], options?: Intl.NumberFormatOptions & Intl.DateTimeFormatOptions): string;
+} | {
+    [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;
+} | (<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, end?: number) => (ColumnProps | SummaryProps)[]) | (<A, D extends number = 1>(this: A, depth?: D | undefined) => FlatArray<A, D>[]) | (() => string) | (() => ColumnProps | SummaryProps | undefined) | ((...items: (ColumnProps | SummaryProps)[]) => number) | ((separator?: string) => string) | (() => ColumnProps | SummaryProps | undefined) | ((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[];
+    <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) | {
     (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;
-} | ((predicate: (value: ColumnProps | SummaryProps, index: number, obj: (ColumnProps | SummaryProps)[]) => unknown, thisArg?: any) => number) | ((value: ColumnProps | SummaryProps, start?: number | undefined, end?: number | undefined) => (ColumnProps | SummaryProps)[]) | ((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[]) | (<A, D extends number = 1>(this: A, depth?: D | undefined) => FlatArray<A, D>[]) | (() => string) | undefined;
+} | ((target: number, start: number, end?: number) => (ColumnProps | SummaryProps)[]) | (() => ArrayIterator<[number, ColumnProps | SummaryProps]>) | (() => ArrayIterator<number>) | (() => ArrayIterator<ColumnProps | SummaryProps>) | (<U, This = undefined>(callback: (this: This, value: ColumnProps | SummaryProps, index: number, array: (ColumnProps | SummaryProps)[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | 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/lib/components/table/util.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.1
+ * amis-ui v6.14.0-beta.11
  * Copyright 2018-2025 fex
  */
 
@@ -143,15 +143,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;
@@ -163,17 +166,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) {
@@ -189,13 +193,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/lib/components/virtual-list/AutoSizer.js

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

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

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

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

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

package/lib/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/lib/components/virtual-list/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.1
+ * amis-ui v6.14.0-beta.11
  * Copyright 2018-2025 fex
  */
 
@@ -59,7 +59,7 @@ var STYLE_STICKY_ITEM = tslib.__assign(tslib.__assign({}, STYLE_ITEM), { positio
 var VirtualList = /** @class */ (function (_super) {
     tslib.__extends(VirtualList, _super);
     function VirtualList() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super.apply(this, tslib.__spreadArray([], tslib.__read(arguments), false)) || this;
         _this.itemSizeGetter = function (itemSize) {
             return function (index) { return _this.getSize(index, itemSize); };
         };

package/lib/components/withBadge.js

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.14.0-beta.1
+ * amis-ui v6.14.0-beta.11
  * Copyright 2018-2025 fex
  */
 
@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var useSubForm = function (defaultValue, translate, onUpdate) {
     var methods = reactHookForm.useForm({
         defaultValues: defaultValue,
-        mode: 'onChange',
+        mode: 'onChange', // 每次修改都验证
         shouldUnregister: true,
         resolver: useValidationResolver.useValidationResolver(translate)
     });

package/lib/hooks/use-touch.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/icons/back.svg.js

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

package/lib/icons/calendar.svg.js

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

package/lib/icons/caret.svg.js

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

package/lib/icons/check.svg.js

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

package/lib/icons/clock.svg.js

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

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

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

package/lib/icons/close.svg.js

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

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

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

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

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

package/lib/icons/columns.svg.js

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