@aloudata/aloudata-design 2.12.4-beta.1 → 2.12.5

package/dist/Table/helper.d.ts

@@ -23,7 +23,7 @@ export declare function getTableColumns<TDataItem extends object>({ columns, con
         render?: ((text: any, record: TDataItem, rowIndex: number) => import("react").ReactNode) | undefined;
         ellipsis?: boolean | undefined;
         noPadding?: boolean | undefined;
-        align?: "center" | "left" | "right" | undefined;
+        align?: "left" | "right" | "center" | undefined;
         fixed?: "left" | "right" | undefined;
         sortOrder?: "ascend" | "descend" | null | undefined;
     };

package/dist/Table/hooks/useRowSelection.js

@@ -115,8 +115,7 @@ export default function useRowSelection(props) {
         checked: isChecked
       }, checkboxProps)));
     },
-    fixed: rowSelection.fixed ? 'left' : undefined,
-    align: 'left'
+    fixed: rowSelection.fixed ? 'left' : undefined
   };
   var selectedRowKeysInCurrPage = getDataWithoutDisabled(data, rowSelection.getCheckboxProps).map(function (record) {
     return getRowKey(record, rowKey);

package/dist/Table/index.js

@@ -123,7 +123,7 @@ function Table(props, ref) {
     changeIsPing();
   }, [changeIsPing, totalColumnsWidth]);
   var headerContent = /*#__PURE__*/React.createElement("div", {
-    className: classnames(prefixCls('header'), (_classnames = {}, _defineProperty(_classnames, prefixCls('overflow-x'), true), _defineProperty(_classnames, prefixCls('sticky'), isStickyWork), _classnames)),
+    className: classnames(prefixCls('header'), (_classnames = {}, _defineProperty(_classnames, prefixCls('overflow-x'), true), _defineProperty(_classnames, prefixCls('sticky'), isStickyWork), _defineProperty(_classnames, prefixCls('resizing'), tableInstance.getState().columnSizingInfo.isResizingColumn), _classnames)),
     ref: headerRef,
     style: headerStyle
   }, _.map(headerGroups, function (headerGroup) {
@@ -134,7 +134,6 @@ function Table(props, ref) {
         width: totalColumnsWidth
       }
     }, _.map(headerGroup.headers, function (header, index) {
-      var _classnames2;
       // 选择行的列不能拖动宽度
       var showResizer = columnSizing && !(!!rowSelectionInfo.isRowSelectionEnabled && index === 0);
       var _getColumnFixedInfo = getColumnFixedInfo(index, true),
@@ -149,7 +148,7 @@ function Table(props, ref) {
       }, flexRender(header.column.columnDef.header, header.getContext()), showResizer && /*#__PURE__*/React.createElement("div", {
         onMouseDown: header.getResizeHandler(),
         onTouchStart: header.getResizeHandler(),
-        className: classnames(prefixCls('resizer'), (_classnames2 = {}, _defineProperty(_classnames2, prefixCls('self-resizing'), header.column.getIsResizing()), _defineProperty(_classnames2, prefixCls('resizing'), tableInstance.getState().columnSizingInfo.isResizingColumn), _classnames2))
+        className: classnames(prefixCls('resizer'), _defineProperty({}, prefixCls('self-resizing'), header.column.getIsResizing()))
       }));
     }), y !== undefined && /*#__PURE__*/React.createElement("div", {
       className: prefixCls('header-scroll-placeholder'),

package/dist/Table/style/index.less

@@ -7,6 +7,7 @@
 @import '../../TextLink/style/index.less';
 
 @header-height: 40px;
+@fixed-z-index: 2;
 
 .ald-table-container {
   display: flex;
@@ -38,29 +39,8 @@
     flex-direction: column;
     border-spacing: 0;
 
-    .ald-table-spin {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 300px;
-      max-height: 100%;
-      z-index: 2;
-
-      .spinner-mask {
-        opacity: 0;
-      }
-    }
-
-    .ald-table-spin-mask {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background: #fff;
-      opacity: 0.4;
-      z-index: 1;
+    .spinner-mask {
+      z-index: @fixed-z-index + 1;
     }
   }
 
@@ -114,7 +94,7 @@
     &.ald-table-fixed-left,
     &.ald-table-fixed-right {
       position: sticky;
-      z-index: 2;
+      z-index: @fixed-z-index;
     }
   }
 
@@ -331,6 +311,10 @@
 
 .ald-table-header {
   background: var(--alias-colors-bg-skeleton-strong, #f3f4f6);
+
+  &.ald-table-resizing {
+    cursor: col-resize;
+  }
 }
 
 .ald-table-header-scroll-placeholder {