@aloudata/aloudata-design 2.5.2 → 2.6.1

package/dist/Table/types.d.ts

@@ -3,7 +3,7 @@ import { IPaginationProps } from '../Pagination/types';
 export interface ITableProps<TDataItem extends object> {
     columns: ITableColumn<TDataItem>[];
     data: TDataItem[];
-    rowKey?: string | ((record: TDataItem) => string | number);
+    rowKey?: TRowKey<TDataItem>;
     columnSizing?: boolean;
     sticky?: boolean | {
         offsetHeader: number;
@@ -15,7 +15,9 @@ export interface ITableProps<TDataItem extends object> {
     rowClassName?: (record: TDataItem, index: number) => string;
     onRowClick?: (record: TDataItem, index: number) => void;
     onError?: (errorInfo: ITableCellErrorInfo) => void;
+    expandable?: ITableExpandable<TDataItem> | boolean;
 }
+export type TRowKey<TDataItem extends object> = string | ((record: TDataItem) => string | number);
 export interface ITableCellErrorInfo {
     error: Error;
     stack: React.ErrorInfo['componentStack'];
@@ -44,3 +46,10 @@ export interface ITableColumn<TDataItem = unknown> {
 export interface IInnerTableColumn<TDataItem = unknown> extends ITableColumn<TDataItem> {
     columnWidths: number[];
 }
+export interface ITableExpandable<TDataItem = unknown> {
+    childrenColumnName?: string;
+    defaultExpandAllRows?: boolean;
+    defaultExpandedRowKeys?: string[];
+    expandedRowKeys?: string[];
+    onExpand?: (record: TDataItem, isExpanded: boolean) => void;
+}

package/dist/Tabs/index.d.ts

@@ -55,7 +55,7 @@ export interface ITabsProps extends Omit<TabsProps, 'size'> {
      */
     padding?: boolean | number;
     /**
-     * @description tab和content之间的间距，默认16px,仅在tabPosition为top时生效
+     * @description tab和content之间的间距，仅在tabPosition为top时生效
      * @default false
      */
     compact?: boolean;

package/dist/Tabs/index.js

@@ -21,11 +21,11 @@ export default function Tabs(props) {
     adaptHeight = props.adaptHeight,
     _props$style = props.style,
     style = _props$style === void 0 ? {} : _props$style,
-    monospace = props.monospace,
+    propsMonospace = props.monospace,
     _props$tabPosition = props.tabPosition,
     tabPosition = _props$tabPosition === void 0 ? 'top' : _props$tabPosition,
     _props$padding = props.padding,
-    padding = _props$padding === void 0 ? false : _props$padding,
+    propsPadding = _props$padding === void 0 ? false : _props$padding,
     compact = props.compact,
     _props$hasDividing = props.hasDividing,
     hasDividing = _props$hasDividing === void 0 ? true : _props$hasDividing,
@@ -35,20 +35,20 @@ export default function Tabs(props) {
   if (size === 'small') {
     tabsProps.size = size;
   }
-  var _monospace = tabPosition !== 'top' ? false : monospace;
-  var _padding = useMemo(function () {
+  var monospace = tabPosition !== 'top' ? false : propsMonospace;
+  var padding = useMemo(function () {
     if (tabPosition !== 'top') return 0;
-    if (typeof padding === 'number') {
-      return padding;
+    if (typeof propsPadding === 'number') {
+      return propsPadding;
     }
-    if (typeof padding === 'boolean' && padding) {
+    if (typeof propsPadding === 'boolean' && propsPadding) {
       return 20;
     }
     return 0;
-  }, [padding, tabPosition]);
+  }, [propsPadding, tabPosition]);
   var getTabBarGutter = function getTabBarGutter() {
-    if (tabPosition === 'top' && !_monospace) {
-      return 20;
+    if (tabPosition === 'top' && !monospace) {
+      return 24;
     }
     return 0;
   };
@@ -58,7 +58,7 @@ export default function Tabs(props) {
     }, /*#__PURE__*/React.createElement(MoreVerticalLine, null)),
     style: Object.assign(style, {
       '--header-bg-color': headerBackgroundColor,
-      '--tabs-padding': "".concat(_padding, "px")
+      '--tabs-padding': "".concat(padding, "px")
     }),
     tabPosition: tabPosition,
     tabBarGutter: getTabBarGutter(),
@@ -66,8 +66,8 @@ export default function Tabs(props) {
     className: classNames('ald-tabs', className, {
       'ald-adapt-height': adaptHeight,
       'ald-tabs-default': size !== 'small',
-      'ald-tabs-monospace': _monospace,
-      'ald-tabs-padding': !!padding,
+      'ald-tabs-monospace': monospace,
+      'ald-tabs-padding': !!propsPadding,
       'ald-tabs-compact': !!compact,
       'ald-tabs-no-dividing': !hasDividing
     })

package/dist/Tabs/style/index.less

@@ -22,6 +22,7 @@
 .ant-tabs.ald-tabs {
   &.ant-tabs {
     color: @NL40;
+    font-size: 14px;
 
     .ant-tabs-nav {
       background-color: var(--header-bg-color);