tntd 3.0.28 → 3.0.29-beta.2

package/es/table/table.js

@@ -1,3 +1,5 @@
+import _isString from "lodash/isString";
+import _isFunction from "lodash/isFunction";
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -18,21 +20,14 @@ import { TableContext } from './context';
 import { useColumnSetting, useExpandFixed } from './hooks';
 import { normalizeColumns } from './utils';
 import { titleCaseUpper } from '../utils/lang';
-import { TotalShower } from './total-shower';
 import { getLanguage } from '../prev-locale';
-import 'rc-resize-observer';
+import ResizeObserver from 'rc-resize-observer';
 const sizeWidthMap = {
   default: 40,
   middle: 20,
   small: 20,
   xs: 16 // 8
 };
-const getDefaultPagination = locale => ({
-  showTotal: total => React.createElement(TotalShower, {
-    total: total,
-    locale: locale
-  })
-});
 // 判断是否是特殊的tooltip
 // const checkIsPrompt = (dom: any): boolean => {
 //   let isPrompt: boolean = false
@@ -56,18 +51,19 @@ export const Table = _a => {
       children,
       sticky = false,
       shadowed,
-      striped = false,
+      striped = true,
       showCellBorders = false,
-      //   pagination,
+      pagination,
       enableToolbar = false,
       refresh,
       upperCaseIgnore,
       unUpperConverted,
       // 强制不要转换
       unTooltip,
-      smallPadding
+      smallPadding,
+      rowClassName
     } = _a,
-    rest = __rest(_a, ["className", "locale", "bordered", "size", "storageKey", "columns", "children", "sticky", "shadowed", "striped", "showCellBorders", "enableToolbar", "refresh", "upperCaseIgnore", "unUpperConverted", "unTooltip", "smallPadding"]);
+    rest = __rest(_a, ["className", "locale", "bordered", "size", "storageKey", "columns", "children", "sticky", "shadowed", "striped", "showCellBorders", "pagination", "enableToolbar", "refresh", "upperCaseIgnore", "unUpperConverted", "unTooltip", "smallPadding", "rowClassName"]);
   const tableContainer = useRef(null);
   // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(
   //   TABLE_SIZE_STORAGE_KEY,
@@ -75,6 +71,32 @@ export const Table = _a => {
   // )
   const normalizedColumns = useMemo(() => columns || normalizeColumns(children), [children, columns]);
   const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(normalizedColumns, storageKey);
+  const getRowClassName = prefixCls => {
+    var _a;
+    if (striped || rowClassName || ((_a = rest.rowSelection) === null || _a === void 0 ? void 0 : _a.getCheckboxProps)) {
+      return (record, index) => {
+        const back = [];
+        if (rowClassName) {
+          if (_isFunction(rowClassName)) {
+            back.push(rowClassName(record, index));
+          } else if (_isString(rowClassName)) {
+            back.push(rowClassName);
+          }
+        }
+        if (striped && index % 2 === 1) {
+          back.push(`${prefixCls}-row-even`);
+        }
+        // if (rest.rowSelection?.getCheckboxProps) {
+        //   const checkboxProps: any = rest.rowSelection.getCheckboxProps(record)
+        //   if (checkboxProps && checkboxProps.disabled) {
+        //     back.push(`${prefixCls}-row-disabled`)
+        //   }
+        // }
+        return back.join(' ');
+      };
+    }
+    return rowClassName;
+  };
   const [fixedWidth, setFixedWidth] = useState(Number);
   const lang = getLanguage();
   let newColumns = displayColumns;
@@ -107,7 +129,9 @@ export const Table = _a => {
                 }
                 return titleCaseUpper(children, upperCaseIgnore);
               };
-              return renderChildren(title.props.children);
+              return React.cloneElement(title, Object.assign(Object.assign({}, title.props), {
+                children: renderChildren(title.props.children)
+              }));
             }
             if (typeof title === 'string') {
               return titleCaseUpper(title, upperCaseIgnore);
@@ -199,33 +223,37 @@ export const Table = _a => {
       defaultLocale: locale
     }, localeObject => {
       //   const locale = localeObject as Record<string, string>
-      //   const paginationConfig = pagination ? getDefaultPagination(locale) : pagination
-      return (
-        // <ResizeObserver
-        //   onResize={({ width }) => {
-        //     setFixedWidth(width)
-        //   }}
-        // >
-        React.createElement(AntdTable, Object.assign({
-          className: classNames(
-          // prefixCls,
-          'tnt-table-wrapper', `${tableKey} collapse-panel`, {
-            [`${prefixCls}-borderless`]: !bordered,
-            [`${prefixCls}-hide-cell-borders`]: !showCellBorders,
-            [`${prefixCls}-size-small`]: size === 'small',
-            [`${prefixCls}-size-middle`]: size === 'middle',
-            [`${prefixCls}-striped`]: striped,
-            [`${prefixCls}-shadowed`]: shadowed,
-            [`${prefixCls}-small-padding`]: smallPadding,
-            [`${prefixCls}-sticky`]: sticky
-          }, className),
-          locale: locale,
-          bordered: bordered,
-          size: size,
-          columns: newColumns
-        }, rest, sticky ? stickyProps : {}))
-        // </ResizeObserver>
-      );
+      const paginationConfig = pagination !== false ? Object.assign(Object.assign({}, pagination || {}), {
+        hideOnSinglePage: (pagination === null || pagination === void 0 ? void 0 : pagination.hideOnSinglePage) === false ? false : true
+      }) : pagination;
+      return React.createElement(ResizeObserver, {
+        onResize: ({
+          width
+        }) => {
+          setFixedWidth(width);
+        }
+      }, React.createElement(AntdTable, Object.assign({
+        className: classNames(
+        // prefixCls,
+        'tnt-table-wrapper', `${tableKey} collapse-panel`, {
+          [`${prefixCls}-borderless`]: !bordered,
+          [`${prefixCls}-bordered-out`]: !!bordered,
+          [`${prefixCls}-hide-cell-borders`]: !showCellBorders,
+          [`${prefixCls}-size-small`]: size === 'small',
+          [`${prefixCls}-size-middle`]: size === 'middle',
+          [`${prefixCls}-striped`]: striped,
+          [`${prefixCls}-shadowed`]: shadowed,
+          [`${prefixCls}-has-footer`]: rest.footer,
+          [`${prefixCls}-small-padding`]: smallPadding,
+          [`${prefixCls}-sticky`]: sticky
+        }, className),
+        locale: locale,
+        bordered: bordered,
+        size: size,
+        columns: newColumns,
+        rowClassName: getRowClassName(prefixCls),
+        pagination: paginationConfig
+      }, rest, sticky ? stickyProps : {})));
     }));
   }));
 };

package/es/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ConfigConsumer } from '../config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type {\n  TableProps as AntdTableProps,\n  ColumnProps,\n  TableStateFilters,\n  SortOrder,\n} from 'antd/es/table'\nimport { default as AntdTable } from 'antd/es/table'\nimport Column from 'antd/es/table/Column'\nimport ColumnGroup from 'antd/es/table/ColumnGroup'\nimport classNames from 'classnames'\nimport React, { useMemo, useRef, useState } from 'react'\nimport Ellipsis from '../ellipsis'\nimport { TableContext } from './context'\nimport { useColumnSetting, useExpandFixed } from './hooks'\nimport type { keyType } from './hooks'\nimport { normalizeColumns } from './utils'\nimport { titleCaseUpper } from '../utils/lang'\nimport { TotalShower } from './total-shower'\nimport { getLanguage } from '../prev-locale'\nimport ResizeObserver from 'rc-resize-observer'\nimport { debounce } from 'lodash'\n\nconst sizeWidthMap = {\n  default: 40, //20\n  middle: 20, //10\n  small: 20, //10\n  xs: 16, // 8\n}\n\nexport type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {\n  storageKey?: string\n  enableToolbar?: boolean\n  showCellBorders?: boolean\n  striped?: boolean\n  sticky?: boolean\n  shadowed?: boolean\n  locale?: AntdTableProps<T>['locale'] & {\n    loadingDescription?: string\n    emptyText?: string\n  }\n  refresh?(): void\n  unUpperConverted?: boolean // 不要转换表头\n  unTooltip?: boolean // 不要tooltip\n  smallPadding?: boolean // 缩小间距\n  upperCaseIgnore?: string[]\n}\n\nconst getDefaultPagination = (locale: NonNullable<AntdTableProps<unknown>['locale']>) => ({\n  showTotal: (total: number) => <TotalShower total={total} locale={locale} />,\n})\n\n// 判断是否是特殊的tooltip\n// const checkIsPrompt = (dom: any): boolean => {\n//   let isPrompt: boolean = false\n//   if (React.isValidElement(dom)) {\n//     if (dom?.type && typeof dom?.type === 'function') {\n//       if (['Tooltip', 'Popconfirm'].includes(dom?.type?.name)) {\n//         isPrompt = true\n//       }\n//     }\n//   }\n//   return isPrompt\n// }\n\nexport const Table = <T,>({\n  className,\n  locale,\n  bordered,\n  size,\n  storageKey,\n  columns,\n  children,\n  sticky = false,\n  shadowed,\n  striped = false,\n  showCellBorders = false,\n  //   pagination,\n  enableToolbar = false,\n  refresh,\n  upperCaseIgnore,\n  unUpperConverted, // 强制不要转换\n  unTooltip,\n  smallPadding,\n\n  ...rest\n}: TableProps<T>) => {\n  const tableContainer = useRef<HTMLDivElement>(null)\n  // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(\n  //   TABLE_SIZE_STORAGE_KEY,\n  //   'default'\n  // )\n\n  const normalizedColumns = useMemo(\n    () => columns || normalizeColumns<T>(children as React.ReactChildren),\n    [children, columns]\n  )\n  const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(\n    normalizedColumns,\n    storageKey\n  )\n\n  const [fixedWidth, setFixedWidth] = useState(Number)\n\n  const lang = getLanguage()\n  let newColumns = displayColumns\n  //   非中文做处理\n  if (lang !== 'cn') {\n    if (!unUpperConverted) {\n      newColumns = displayColumns?.map((column) => {\n        return {\n          ...column,\n          title: (options: {\n            filters: TableStateFilters\n            sortOrder?: SortOrder\n            sortColumn?: ColumnProps<T> | null\n          }) => {\n            let title = column.title\n            if (typeof title === 'function') {\n              title = title(options)\n            }\n\n            if (React.isValidElement(title)) {\n              const renderChildren = (children: [] | string): React.ReactNode => {\n                if (React.isValidElement(children) || Array.isArray(children)) {\n                  return React?.Children?.map(children, (child) => {\n                    if (React.isValidElement(child)) {\n                      const childProps = (child.props || {}) as any\n                      return React.cloneElement(child, {\n                        ...childProps,\n                        children: childProps.children?.length\n                          ? renderChildren(childProps.children)\n                          : childProps.children,\n                        title: titleCaseUpper(childProps?.title, upperCaseIgnore),\n                      })\n                    } else {\n                      return titleCaseUpper(child, upperCaseIgnore)\n                    }\n                  })\n                }\n\n                return titleCaseUpper(children, upperCaseIgnore)\n              }\n\n              return renderChildren(title.props.children)\n            }\n\n            if (typeof title === 'string') {\n              return titleCaseUpper(title, upperCaseIgnore)\n            }\n          },\n        }\n      })\n    }\n    if (!unTooltip) {\n      newColumns = newColumns?.map((column) => {\n        if (!(column.width && !String(column.width).includes('%'))) {\n          return column\n        } else {\n          return {\n            ...column,\n            title: (options: {\n              filters: TableStateFilters\n              sortOrder?: SortOrder\n              sortColumn?: ColumnProps<T> | null\n            }) => {\n              let title = column.title\n              if (typeof title === 'function') {\n                title = title(options)\n              }\n\n              let widthLimitObj = {}\n              if (column.width && !String(column.width).includes('%')) {\n                let width = column.width\n                if (typeof width === 'string') {\n                  width = width?.replace(/[^\\d]/g, ' ')\n                }\n                widthLimitObj = {\n                  widthLimit:\n                    Number(width) -\n                    Number(sizeWidthMap[size || 'default']) -\n                    (column.sorter ? 20 : 0),\n                }\n              }\n              return (\n                <Ellipsis\n                  {...widthLimitObj}\n                  placement={column?.placement || 'topLeft'}\n                  title={title}\n                />\n              )\n            },\n          }\n        }\n      })\n    }\n  }\n\n  /**\n   * update the innerSize when props size changes\n   */\n  // useEffect(() => {\n  //   if (size) {\n  //     setInnerSize(size)\n  //   }\n  // }, [setInnerSize, size])\n\n  /**\n   * expand 与 fix 兼容，expand悬浮\n   */\n  const [tableKey, trigger] = useExpandFixed()\n\n  const stickyProps = useMemo(() => {\n    return {\n      onExpandedRowsChange: (arg: string[] | number[]) => {\n        const key: keyType = arg && arg[arg.length - 1]\n        if (rest?.onExpandedRowsChange) rest?.onExpandedRowsChange([Number(key)])\n        // 触发MutationObserver监听\n        trigger(key as string)\n      },\n      expandedRowRender: rest?.expandedRowRender\n        ? (record: T, index: number, indent: number, expanded: boolean) => {\n            const padding = 0\n            return (\n              <div className=\"ant-table-expanded-row-fixed\" style={{ width: fixedWidth + padding }}>\n                {rest?.expandedRowRender &&\n                  rest?.expandedRowRender(record, index, indent, expanded)}\n              </div>\n            )\n          }\n        : undefined,\n    }\n  }, [rest?.expandedRowRender, rest?.onExpandedRowsChange, trigger])\n\n  return (\n    <TableContext.Provider\n      value={{\n        // size: innerSize,\n        tableContainer,\n        columnSetting,\n        refresh,\n        upperCaseIgnore,\n        // setSize: setInnerSize,\n        setColumnSetting,\n      }}\n    >\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('table')\n          return (\n            <div ref={tableContainer}>\n              <LocaleReceiver componentName=\"Table\" defaultLocale={locale}>\n                {(localeObject) => {\n                  //   const locale = localeObject as Record<string, string>\n                  //   const paginationConfig = pagination ? getDefaultPagination(locale) : pagination\n                  return (\n                    // <ResizeObserver\n                    //   onResize={({ width }) => {\n                    //     setFixedWidth(width)\n                    //   }}\n                    // >\n                    <AntdTable\n                      className={classNames(\n                        // prefixCls,\n                        'tnt-table-wrapper',\n                        `${tableKey} collapse-panel`,\n                        {\n                          [`${prefixCls}-borderless`]: !bordered,\n                          [`${prefixCls}-hide-cell-borders`]: !showCellBorders,\n                          [`${prefixCls}-size-small`]: size === 'small',\n                          [`${prefixCls}-size-middle`]: size === 'middle',\n                          [`${prefixCls}-striped`]: striped,\n                          [`${prefixCls}-shadowed`]: shadowed,\n                          [`${prefixCls}-small-padding`]: smallPadding,\n                          [`${prefixCls}-sticky`]: sticky,\n                        },\n                        className\n                      )}\n                      locale={locale}\n                      bordered={bordered}\n                      size={size}\n                      columns={newColumns}\n                      {...rest}\n                      {...(sticky ? stickyProps : {})}\n                    />\n                    // </ResizeObserver>\n                  )\n                }}\n              </LocaleReceiver>\n            </div>\n          )\n        }}\n      </ConfigConsumer>\n    </TableContext.Provider>\n  )\n}\n\nTable.Column = Column\nTable.ColumnGroup = ColumnGroup\nTable.displayName = 'Table'\nTable.titleCaseUpper = titleCaseUpper\n"]}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ConfigConsumer } from '../config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type {\n  TableProps as AntdTableProps,\n  ColumnProps,\n  TableStateFilters,\n  SortOrder,\n} from 'antd/es/table'\nimport { default as AntdTable } from 'antd/es/table'\nimport Column from 'antd/es/table/Column'\nimport ColumnGroup from 'antd/es/table/ColumnGroup'\nimport classNames from 'classnames'\nimport React, { useMemo, useRef, useState } from 'react'\nimport { isFunction, isString } from 'lodash'\nimport Ellipsis from '../ellipsis'\nimport { TableContext } from './context'\nimport { useColumnSetting, useExpandFixed } from './hooks'\nimport type { keyType } from './hooks'\nimport { normalizeColumns } from './utils'\nimport { titleCaseUpper } from '../utils/lang'\nimport { getLanguage } from '../prev-locale'\nimport ResizeObserver from 'rc-resize-observer'\n\nconst sizeWidthMap = {\n  default: 40, //20\n  middle: 20, //10\n  small: 20, //10\n  xs: 16, // 8\n}\n\nexport type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {\n  storageKey?: string\n  enableToolbar?: boolean\n  showCellBorders?: boolean\n  striped?: boolean\n  sticky?: boolean\n  shadowed?: boolean\n  locale?: AntdTableProps<T>['locale'] & {\n    loadingDescription?: string\n    emptyText?: string\n  }\n  refresh?(): void\n  unUpperConverted?: boolean // 不要转换表头\n  unTooltip?: boolean // 不要tooltip\n  smallPadding?: boolean // 缩小间距\n  upperCaseIgnore?: string[]\n  rowClassName?: (record: T, index: number) => string\n}\n\n// 判断是否是特殊的tooltip\n// const checkIsPrompt = (dom: any): boolean => {\n//   let isPrompt: boolean = false\n//   if (React.isValidElement(dom)) {\n//     if (dom?.type && typeof dom?.type === 'function') {\n//       if (['Tooltip', 'Popconfirm'].includes(dom?.type?.name)) {\n//         isPrompt = true\n//       }\n//     }\n//   }\n//   return isPrompt\n// }\n\nexport const Table = <T,>({\n  className,\n  locale,\n  bordered,\n  size,\n  storageKey,\n  columns,\n  children,\n  sticky = false,\n  shadowed,\n  striped = true,\n  showCellBorders = false,\n  pagination,\n  enableToolbar = false,\n  refresh,\n  upperCaseIgnore,\n  unUpperConverted, // 强制不要转换\n  unTooltip,\n  smallPadding,\n  rowClassName,\n  ...rest\n}: TableProps<T>) => {\n  const tableContainer = useRef<HTMLDivElement>(null)\n  // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(\n  //   TABLE_SIZE_STORAGE_KEY,\n  //   'default'\n  // )\n\n  const normalizedColumns = useMemo(\n    () => columns || normalizeColumns<T>(children as React.ReactChildren),\n    [children, columns]\n  )\n  const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(\n    normalizedColumns,\n    storageKey\n  )\n\n  const getRowClassName = (prefixCls: string) => {\n    if (striped || rowClassName || rest.rowSelection?.getCheckboxProps) {\n      return (record: T, index: number) => {\n        const back = []\n        if (rowClassName) {\n          if (isFunction(rowClassName)) {\n            back.push(rowClassName(record, index))\n          } else if (isString(rowClassName)) {\n            back.push(rowClassName)\n          }\n        }\n        if (striped && index % 2 === 1) {\n          back.push(`${prefixCls}-row-even`)\n        }\n        // if (rest.rowSelection?.getCheckboxProps) {\n        //   const checkboxProps: any = rest.rowSelection.getCheckboxProps(record)\n        //   if (checkboxProps && checkboxProps.disabled) {\n        //     back.push(`${prefixCls}-row-disabled`)\n        //   }\n        // }\n        return back.join(' ')\n      }\n    }\n    return rowClassName\n  }\n  const [fixedWidth, setFixedWidth] = useState(Number)\n\n  const lang = getLanguage()\n  let newColumns = displayColumns\n  //   非中文做处理\n  if (lang !== 'cn') {\n    if (!unUpperConverted) {\n      newColumns = displayColumns?.map((column) => {\n        return {\n          ...column,\n          title: (options: {\n            filters: TableStateFilters\n            sortOrder?: SortOrder\n            sortColumn?: ColumnProps<T> | null\n          }) => {\n            let title = column.title\n            if (typeof title === 'function') {\n              title = title(options)\n            }\n\n            if (React.isValidElement(title)) {\n              const renderChildren = (children: [] | string): React.ReactNode => {\n                if (React.isValidElement(children) || Array.isArray(children)) {\n                  return React?.Children?.map(children, (child) => {\n                    if (React.isValidElement(child)) {\n                      const childProps = (child.props || {}) as any\n                      return React.cloneElement(child, {\n                        ...childProps,\n                        children: childProps.children?.length\n                          ? renderChildren(childProps.children)\n                          : childProps.children,\n                        title: titleCaseUpper(childProps?.title, upperCaseIgnore),\n                      })\n                    } else {\n                      return titleCaseUpper(child, upperCaseIgnore)\n                    }\n                  })\n                }\n                return titleCaseUpper(children, upperCaseIgnore)\n              }\n\n              return React.cloneElement(title, {\n                ...title.props,\n                children: renderChildren(title.props.children),\n              })\n            }\n\n            if (typeof title === 'string') {\n              return titleCaseUpper(title, upperCaseIgnore)\n            }\n          },\n        }\n      })\n    }\n    if (!unTooltip) {\n      newColumns = newColumns?.map((column) => {\n        if (!(column.width && !String(column.width).includes('%'))) {\n          return column\n        } else {\n          return {\n            ...column,\n            title: (options: {\n              filters: TableStateFilters\n              sortOrder?: SortOrder\n              sortColumn?: ColumnProps<T> | null\n            }) => {\n              let title = column.title\n              if (typeof title === 'function') {\n                title = title(options)\n              }\n\n              let widthLimitObj = {}\n              if (column.width && !String(column.width).includes('%')) {\n                let width = column.width\n                if (typeof width === 'string') {\n                  width = width?.replace(/[^\\d]/g, ' ')\n                }\n                widthLimitObj = {\n                  widthLimit:\n                    Number(width) -\n                    Number(sizeWidthMap[size || 'default']) -\n                    (column.sorter ? 20 : 0),\n                }\n              }\n              return (\n                <Ellipsis\n                  {...widthLimitObj}\n                  placement={column?.placement || 'topLeft'}\n                  title={title}\n                />\n              )\n            },\n          }\n        }\n      })\n    }\n  }\n\n  /**\n   * update the innerSize when props size changes\n   */\n  // useEffect(() => {\n  //   if (size) {\n  //     setInnerSize(size)\n  //   }\n  // }, [setInnerSize, size])\n\n  /**\n   * expand 与 fix 兼容，expand悬浮\n   */\n  const [tableKey, trigger] = useExpandFixed()\n\n  const stickyProps = useMemo(() => {\n    return {\n      onExpandedRowsChange: (arg: string[] | number[]) => {\n        const key: keyType = arg && arg[arg.length - 1]\n        if (rest?.onExpandedRowsChange) rest?.onExpandedRowsChange([Number(key)])\n        // 触发MutationObserver监听\n        trigger(key as string)\n      },\n      expandedRowRender: rest?.expandedRowRender\n        ? (record: T, index: number, indent: number, expanded: boolean) => {\n            const padding = 0\n            return (\n              <div className=\"ant-table-expanded-row-fixed\" style={{ width: fixedWidth + padding }}>\n                {rest?.expandedRowRender &&\n                  rest?.expandedRowRender(record, index, indent, expanded)}\n              </div>\n            )\n          }\n        : undefined,\n    }\n  }, [rest?.expandedRowRender, rest?.onExpandedRowsChange, trigger])\n\n  return (\n    <TableContext.Provider\n      value={{\n        // size: innerSize,\n        tableContainer,\n        columnSetting,\n        refresh,\n        upperCaseIgnore,\n        // setSize: setInnerSize,\n        setColumnSetting,\n      }}\n    >\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('table')\n          return (\n            <div ref={tableContainer}>\n              <LocaleReceiver componentName=\"Table\" defaultLocale={locale}>\n                {(localeObject) => {\n                  //   const locale = localeObject as Record<string, string>\n                  const paginationConfig =\n                    pagination !== false\n                      ? {\n                          ...(pagination || {}),\n                          hideOnSinglePage: pagination?.hideOnSinglePage === false ? false : true,\n                        }\n                      : pagination\n                  return (\n                    <ResizeObserver\n                      onResize={({ width }) => {\n                        setFixedWidth(width)\n                      }}\n                    >\n                      <AntdTable\n                        className={classNames(\n                          // prefixCls,\n                          'tnt-table-wrapper',\n                          `${tableKey} collapse-panel`,\n                          {\n                            [`${prefixCls}-borderless`]: !bordered,\n                            [`${prefixCls}-bordered-out`]: !!bordered,\n                            [`${prefixCls}-hide-cell-borders`]: !showCellBorders,\n                            [`${prefixCls}-size-small`]: size === 'small',\n                            [`${prefixCls}-size-middle`]: size === 'middle',\n                            [`${prefixCls}-striped`]: striped,\n                            [`${prefixCls}-shadowed`]: shadowed,\n                            [`${prefixCls}-has-footer`]: rest.footer,\n                            [`${prefixCls}-small-padding`]: smallPadding,\n                            [`${prefixCls}-sticky`]: sticky,\n                          },\n                          className\n                        )}\n                        locale={locale}\n                        bordered={bordered}\n                        size={size}\n                        columns={newColumns}\n                        rowClassName={getRowClassName(prefixCls)}\n                        pagination={paginationConfig}\n                        {...rest}\n                        {...(sticky ? stickyProps : {})}\n                      />\n                    </ResizeObserver>\n                  )\n                }}\n              </LocaleReceiver>\n            </div>\n          )\n        }}\n      </ConfigConsumer>\n    </TableContext.Provider>\n  )\n}\n\nTable.Column = Column\nTable.ColumnGroup = ColumnGroup\nTable.displayName = 'Table'\nTable.titleCaseUpper = titleCaseUpper\n"]}

package/es/table/table.less

@@ -11,29 +11,53 @@
   &.@{table-prefix-cls}-borderless {
     .@{table-prefix-cls}-small {
       border: none;
-
-      > .ant-table-content .ant-table-row:last-child td {
-        border-bottom: @border-width-base @border-style-base @border-color-split;
-      }
     }
   }
 
+  &.@{table-prefix-cls}-bordered-out {
+    border: @border-width-base @border-style-base @border-color-split;
+    overflow: hidden; // 姚姚和宏宇要求边框需要包括分页
+  }
+
   &.@{table-prefix-cls}-shadowed {
     box-shadow: @table-borderless-shadow;
   }
 
+  &.@{table-prefix-cls}-small-padding{
+    .@{table-prefix-cls}-tbody > tr > td {
+      padding-top: 8px;
+      padding-bottom: 8px;
+    }
+  }
+
   &.@{table-prefix-cls}-striped {
-    .@{table-prefix-cls}-tbody > tr:nth-child(even):not(:hover) > td {
+    .@{table-prefix-cls}-tbody
+      > .@{table-prefix-cls}-row-even:not(:hover):not(.@{table-prefix-cls}-row-hover)
+      > td {
       background: @bg-grey-first;
     }
   }
 
+  &.@{table-prefix-cls}-striped .@{table-prefix-cls}:not(.@{table-prefix-cls}-bordered) {
+    .@{table-prefix-cls}-thead > tr > th,
+    .@{table-prefix-cls}-tbody > tr > td {
+      border-bottom: none;
+    }
+  }
+
   &.@{table-prefix-cls}-hide-cell-borders {
     .@{table-prefix-cls}-thead > tr > th,
     .@{table-prefix-cls}-tbody > tr > td {
       border-right: none !important;
     }
   }
+  &.@{table-prefix-cls}-hide-cell-borders {
+    .@{table-prefix-cls}-thead > tr > th,
+    .@{table-prefix-cls}-tbody > tr > td {
+      border-right: none;
+      border-bottom: none;
+    }
+  }
 
   // middle table override
   &.@{table-prefix-cls}-size-middle {
@@ -68,11 +92,12 @@
     padding-top: @table-padding-horizontal;
     padding-bottom: @table-padding-horizontal;
     border-bottom: 0;
+    border-top: 0;
   }
 
   // customize the loading of table
   .@{spin-prefix-cls}-nested-loading > div > .@{spin-prefix-cls} {
-    background-color: @white;
+    // background-color: @white; // 测试反馈很奇怪
     max-height: initial;
   }
 

package/es/table/table.stories.js

@@ -510,8 +510,8 @@ export const All = () => {
     marginBottom: 20
   };
   const propsMap = {
-    bordered: [true, false],
-    // bordered: [true],
+    // bordered: [true, false],
+    bordered: [true],
     showCellBorders: [true, false],
     // showCellBorders: [true],
     striped: [true, false],
@@ -526,7 +526,7 @@ export const All = () => {
     columns: [columns1, columns2, columns3, columns4],
     // size: ['default', 'middle', 'small'],
     size: ['default'],
-    dataSource: [dataSource3, []]
+    dataSource: [dataSource3]
     // dataSource: [[]],
   };
   const propsList = Object.keys(propsMap).reduce((arr, key) => {

package/es/table/table.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/table/table.stories.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\n\nimport Tag from '../tag'\nimport { Table, TableProps } from '.'\n\nconst { Column, ColumnGroup } = Table\n\nexport default {\n  component: Table,\n  title: 'Table',\n  parameters: {\n    backgrounds: {\n      default: 'gary',\n      values: [{ name: 'gary', value: '#f1f2f5' }],\n    },\n  },\n}\n\nconst Template = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args} />\n  </div>\n)\n\nexport const Empty = Template.bind({})\n\nEmpty.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n}\n\nexport const Loading = Template.bind({})\n\nLoading.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  loading: true,\n}\n\nexport const Default = Template.bind({})\n\nDefault.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n      render: (cellData) => <Tag color=\"green\">{cellData}</Tag>,\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  dataSource: [\n    {\n      key: '1',\n      name: '胡彦斌',\n      age: 32,\n      address: '西湖区湖底公园1号',\n    },\n    {\n      key: '2',\n      name: '胡彦祖',\n      age: 42,\n      address: '西湖区湖底公园1号',\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`,\n  },\n  loading: false,\n}\n\nexport const ColumnFilter = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args}>\n      <ColumnGroup title=\"Name\">\n        <Column title=\"First Name\" dataIndex=\"firstName\" key=\"firstName\" />\n        <Column title=\"Last Name\" dataIndex=\"lastName\" key=\"lastName\" />\n      </ColumnGroup>\n      <Column title=\"Age\" dataIndex=\"age\" key=\"age\" />\n      <Column title=\"Address\" dataIndex=\"address\" key=\"address\" />\n      <Column\n        title=\"Tags\"\n        dataIndex=\"tags\"\n        key=\"tags\"\n        render={(tags) => (\n          <span>\n            {tags.map((tag) => (\n              <Tag color=\"blue\" key={tag}>\n                {tag}\n              </Tag>\n            ))}\n          </span>\n        )}\n      />\n      <Column\n        title=\"Action\"\n        key=\"action\"\n        render={(_, record) => (\n          <span>\n            <a>Invite {record.lastName}</a>\n            <a>Delete</a>\n          </span>\n        )}\n      />\n    </Table>\n  </div>\n)\n\nColumnFilter.args = {\n  dataSource: [\n    {\n      key: '1',\n      firstName: 'John',\n      lastName: 'Brown',\n      age: 32,\n      address: 'New York No. 1 Lake Park',\n      tags: ['nice', 'developer'],\n    },\n    {\n      key: '2',\n      firstName: 'Jim',\n      lastName: 'Green',\n      age: 42,\n      address: 'London No. 1 Lake Park',\n      tags: ['loser'],\n    },\n    {\n      key: '3',\n      firstName: 'Joe',\n      lastName: 'Black',\n      age: 32,\n      address: 'Sidney No. 1 Lake Park',\n      tags: ['cool', 'teacher'],\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,\n  },\n  loading: false,\n}\n\nexport const All = () => {\n  const dataSource = [\n    {\n      key: '1',\n      name: '胡彦斌',\n      age: 32,\n      address: '西湖区湖底公园1号',\n    },\n    {\n      key: '2',\n      name: '胡彦祖',\n      age: 42,\n      address: '西湖区湖底公园1号',\n    },\n  ]\n  const dataSource2 = [\n    {\n      key: 1,\n      name: 'John Brown sr.',\n      age: 60,\n      address: 'New York No. 1 Lake Park',\n      children: [\n        {\n          key: 11,\n          name: 'John Brown',\n          age: 42,\n          address: 'New York No. 2 Lake Park',\n        },\n        {\n          key: 12,\n          name: 'John Brown jr.',\n          age: 30,\n          address: 'New York No. 3 Lake Park',\n          children: [\n            {\n              key: 121,\n              name: 'Jimmy Brown',\n              age: 16,\n              address: 'New York No. 3 Lake Park',\n            },\n          ],\n        },\n        {\n          key: 13,\n          name: 'Jim Green sr.',\n          age: 72,\n          address: 'London No. 1 Lake Park',\n          children: [\n            {\n              key: 131,\n              name: 'Jim Green',\n              age: 42,\n              address: 'London No. 2 Lake Park',\n              children: [\n                {\n                  key: 1311,\n                  name: 'Jim Green jr.',\n                  age: 25,\n                  address: 'London No. 3 Lake Park',\n                },\n                {\n                  key: 1312,\n                  name: 'Jimmy Green sr.',\n                  age: 18,\n                  address: 'London No. 4 Lake Park',\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n    {\n      key: 2,\n      name: 'Joe Black',\n      age: 32,\n      address: 'Sidney No. 1 Lake Park',\n    },\n  ]\n  const dataSource3 = []\n  for (let i = 0; i < 100; i++) {\n    dataSource3.push({\n      key: i,\n      name: `Edward King ${i}`,\n      age: 32,\n      address: `London, Park Lane no. ${i}`,\n    })\n  }\n\n  const columns = [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ]\n  // const columns2 = [\n  //   {\n  //     title: 'Full Name',\n  //     width: 100,\n  //     dataIndex: 'name',\n  //     key: 'name',\n  //     fixed: 'left',\n  //   },\n  //   {\n  //     title: 'Age',\n  //     width: 100,\n  //     dataIndex: 'age',\n  //     key: 'age',\n  //     fixed: 'left',\n  //   },\n  //   { title: 'Column 1', dataIndex: 'address', key: '1' },\n  //   { title: 'Column 2', dataIndex: 'address', key: '2' },\n  //   { title: 'Column 3', dataIndex: 'address', key: '3' },\n  //   { title: 'Column 4', dataIndex: 'address', key: '4' },\n  //   { title: 'Column 5', dataIndex: 'address', key: '5' },\n  //   { title: 'Column 6', dataIndex: 'address', key: '6' },\n  //   { title: 'Column 7', dataIndex: 'address', key: '7' },\n  //   { title: 'Column 8', dataIndex: 'address', key: '8' },\n  //   {\n  //     title: 'Action',\n  //     key: 'operation',\n  //     fixed: 'right',\n  //     width: 100,\n  //     render: () => <a>action</a>,\n  //   },\n  // ]\n  const columns1 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', width: 200, render: () => <a>action</a> },\n  ]\n  const columns2 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name', fixed: 'left' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', width: 200, render: () => <a>action</a> },\n  ]\n  const columns3 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', fixed: 'right', width: 200, render: () => <a>action</a> },\n  ]\n  const columns4 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name', fixed: 'left' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', fixed: 'right', width: 200, render: () => <a>action</a> },\n  ]\n  const style = { marginBottom: 20 }\n  const propsMap = {\n    bordered: [true, false],\n    // bordered: [true],\n    showCellBorders: [true, false],\n    // showCellBorders: [true],\n    striped: [true, false],\n    shadowed: [true, false],\n    // scroll: [{ x: 1600 }, { y: 240 }, { x: 1600, y: 300 }],\n    scroll: [{ x: 1600 }, { x: 1600, y: 300 }],\n    columns: [columns1, columns2, columns3, columns4],\n    // size: ['default', 'middle', 'small'],\n    size: ['default'],\n    dataSource: [dataSource3, []],\n    // dataSource: [[]],\n  }\n  const propsList = Object.keys(propsMap).reduce((arr, key) => {\n    const data = propsMap[key]\n    if (arr.length === 0) {\n      return data.map((value) => ({ [key]: value }))\n    } else {\n      let back = []\n      for (let i = 0; i < data.length; i++) {\n        const value = data[i]\n        for (let j = 0; j < arr.length; j++) {\n          const item = arr[j]\n          back.push({ ...item, [key]: value })\n        }\n      }\n      return back\n    }\n  }, [])\n\n  return (\n    <div style={{ background: '#fff', padding: 20 }}>\n      {propsList.map((props, i) => (\n        <Table {...props} key={i} style={style} pagination={{ pageSize: 5 }} />\n      ))}\n      {/* <Table\n        dataSource={dataSource}\n        columns={columns}\n        rowSelection={{\n          onChange: (selectedRowKeys, selectedRows) => {\n            console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)\n          },\n        }}\n        style={style}\n      />\n      <Table dataSource={[]} columns={columns} style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"middle\" style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"small\" style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"middle\" style={style} bordered />\n\n      <Table columns={columns} dataSource={dataSource} size=\"small\" style={style} bordered />\n\n      <Table\n        columns={columns}\n        dataSource={dataSource}\n        bordered\n        title={() => 'Header'}\n        footer={() => 'Footer'}\n        style={style}\n      />\n\n      <Table\n        columns={columns}\n        dataSource={[]}\n        bordered\n        title={() => 'Header'}\n        footer={() => 'Footer'}\n        style={style}\n      />\n\n      <Table columns={columns} dataSource={dataSource} bordered style={style} />\n\n      <Table columns={columns} dataSource={[]} bordered style={style} />\n\n      <Table columns={columns} dataSource={dataSource} shadowed style={style} />\n\n      <Table columns={columns} dataSource={[]} shadowed style={style} />\n\n      <Table\n        columns={columns}\n        expandedRowRender={(record) => <p style={{ margin: 0 }}>{record.address}</p>}\n        dataSource={dataSource}\n        style={style}\n      />\n\n      <Table columns={columns} dataSource={dataSource} bordered showCellBorders style={style} />\n\n      <Table\n        columns={columns}\n        rowSelection={{\n          onChange: (selectedRowKeys, selectedRows) => {\n            console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)\n          },\n        }}\n        dataSource={dataSource2}\n        style={style}\n      />\n\n      <Table\n        columns={columns}\n        dataSource={dataSource3}\n        pagination={{ pageSize: 50 }}\n        scroll={{ y: 240 }}\n        style={style}\n      />\n\n      <Table columns={columns2} dataSource={dataSource3} scroll={{ x: 1300 }} style={style} />\n\n      <Table\n        columns={columns3}\n        dataSource={dataSource3}\n        scroll={{ x: 1500, y: 300 }}\n        style={style}\n      />\n\n      <Table\n        columns={columns2}\n        dataSource={dataSource3}\n        scroll={{ x: 1300 }}\n        bordered\n        style={style}\n        pagination={{ pageSize: 5 }}\n      />\n\n      <Table\n        columns={columns2}\n        dataSource={dataSource3}\n        scroll={{ x: 1300 }}\n        bordered\n        showCellBorders\n        style={style}\n        pagination={{ pageSize: 5 }}\n      /> */}\n    </div>\n  )\n}\nAll.args = {}\n\n/*\nbordered 边框 2\nstriped 斑马线 2\nshadowed 阴影 2\nshowCellBorders 单元格边框  2\nscroll 滚动 3\nfixed 是否固定 3\nsize: 3\n*/\n"]}
+{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/table/table.stories.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\n\nimport Tag from '../tag'\nimport { Table, TableProps } from '.'\n\nconst { Column, ColumnGroup } = Table\n\nexport default {\n  component: Table,\n  title: 'Table',\n  parameters: {\n    backgrounds: {\n      default: 'gary',\n      values: [{ name: 'gary', value: '#f1f2f5' }],\n    },\n  },\n}\n\nconst Template = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args} />\n  </div>\n)\n\nexport const Empty = Template.bind({})\n\nEmpty.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n}\n\nexport const Loading = Template.bind({})\n\nLoading.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  loading: true,\n}\n\nexport const Default = Template.bind({})\n\nDefault.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n      render: (cellData) => <Tag color=\"green\">{cellData}</Tag>,\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  dataSource: [\n    {\n      key: '1',\n      name: '胡彦斌',\n      age: 32,\n      address: '西湖区湖底公园1号',\n    },\n    {\n      key: '2',\n      name: '胡彦祖',\n      age: 42,\n      address: '西湖区湖底公园1号',\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`,\n  },\n  loading: false,\n}\n\nexport const ColumnFilter = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args}>\n      <ColumnGroup title=\"Name\">\n        <Column title=\"First Name\" dataIndex=\"firstName\" key=\"firstName\" />\n        <Column title=\"Last Name\" dataIndex=\"lastName\" key=\"lastName\" />\n      </ColumnGroup>\n      <Column title=\"Age\" dataIndex=\"age\" key=\"age\" />\n      <Column title=\"Address\" dataIndex=\"address\" key=\"address\" />\n      <Column\n        title=\"Tags\"\n        dataIndex=\"tags\"\n        key=\"tags\"\n        render={(tags) => (\n          <span>\n            {tags.map((tag) => (\n              <Tag color=\"blue\" key={tag}>\n                {tag}\n              </Tag>\n            ))}\n          </span>\n        )}\n      />\n      <Column\n        title=\"Action\"\n        key=\"action\"\n        render={(_, record) => (\n          <span>\n            <a>Invite {record.lastName}</a>\n            <a>Delete</a>\n          </span>\n        )}\n      />\n    </Table>\n  </div>\n)\n\nColumnFilter.args = {\n  dataSource: [\n    {\n      key: '1',\n      firstName: 'John',\n      lastName: 'Brown',\n      age: 32,\n      address: 'New York No. 1 Lake Park',\n      tags: ['nice', 'developer'],\n    },\n    {\n      key: '2',\n      firstName: 'Jim',\n      lastName: 'Green',\n      age: 42,\n      address: 'London No. 1 Lake Park',\n      tags: ['loser'],\n    },\n    {\n      key: '3',\n      firstName: 'Joe',\n      lastName: 'Black',\n      age: 32,\n      address: 'Sidney No. 1 Lake Park',\n      tags: ['cool', 'teacher'],\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,\n  },\n  loading: false,\n}\n\nexport const All = () => {\n  const dataSource = [\n    {\n      key: '1',\n      name: '胡彦斌',\n      age: 32,\n      address: '西湖区湖底公园1号',\n    },\n    {\n      key: '2',\n      name: '胡彦祖',\n      age: 42,\n      address: '西湖区湖底公园1号',\n    },\n  ]\n  const dataSource2 = [\n    {\n      key: 1,\n      name: 'John Brown sr.',\n      age: 60,\n      address: 'New York No. 1 Lake Park',\n      children: [\n        {\n          key: 11,\n          name: 'John Brown',\n          age: 42,\n          address: 'New York No. 2 Lake Park',\n        },\n        {\n          key: 12,\n          name: 'John Brown jr.',\n          age: 30,\n          address: 'New York No. 3 Lake Park',\n          children: [\n            {\n              key: 121,\n              name: 'Jimmy Brown',\n              age: 16,\n              address: 'New York No. 3 Lake Park',\n            },\n          ],\n        },\n        {\n          key: 13,\n          name: 'Jim Green sr.',\n          age: 72,\n          address: 'London No. 1 Lake Park',\n          children: [\n            {\n              key: 131,\n              name: 'Jim Green',\n              age: 42,\n              address: 'London No. 2 Lake Park',\n              children: [\n                {\n                  key: 1311,\n                  name: 'Jim Green jr.',\n                  age: 25,\n                  address: 'London No. 3 Lake Park',\n                },\n                {\n                  key: 1312,\n                  name: 'Jimmy Green sr.',\n                  age: 18,\n                  address: 'London No. 4 Lake Park',\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n    {\n      key: 2,\n      name: 'Joe Black',\n      age: 32,\n      address: 'Sidney No. 1 Lake Park',\n    },\n  ]\n  const dataSource3 = []\n  for (let i = 0; i < 100; i++) {\n    dataSource3.push({\n      key: i,\n      name: `Edward King ${i}`,\n      age: 32,\n      address: `London, Park Lane no. ${i}`,\n    })\n  }\n\n  const columns = [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ]\n  // const columns2 = [\n  //   {\n  //     title: 'Full Name',\n  //     width: 100,\n  //     dataIndex: 'name',\n  //     key: 'name',\n  //     fixed: 'left',\n  //   },\n  //   {\n  //     title: 'Age',\n  //     width: 100,\n  //     dataIndex: 'age',\n  //     key: 'age',\n  //     fixed: 'left',\n  //   },\n  //   { title: 'Column 1', dataIndex: 'address', key: '1' },\n  //   { title: 'Column 2', dataIndex: 'address', key: '2' },\n  //   { title: 'Column 3', dataIndex: 'address', key: '3' },\n  //   { title: 'Column 4', dataIndex: 'address', key: '4' },\n  //   { title: 'Column 5', dataIndex: 'address', key: '5' },\n  //   { title: 'Column 6', dataIndex: 'address', key: '6' },\n  //   { title: 'Column 7', dataIndex: 'address', key: '7' },\n  //   { title: 'Column 8', dataIndex: 'address', key: '8' },\n  //   {\n  //     title: 'Action',\n  //     key: 'operation',\n  //     fixed: 'right',\n  //     width: 100,\n  //     render: () => <a>action</a>,\n  //   },\n  // ]\n  const columns1 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', width: 200, render: () => <a>action</a> },\n  ]\n  const columns2 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name', fixed: 'left' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', width: 200, render: () => <a>action</a> },\n  ]\n  const columns3 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', fixed: 'right', width: 200, render: () => <a>action</a> },\n  ]\n  const columns4 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name', fixed: 'left' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', fixed: 'right', width: 200, render: () => <a>action</a> },\n  ]\n  const style = { marginBottom: 20 }\n  const propsMap = {\n    // bordered: [true, false],\n    bordered: [true],\n    showCellBorders: [true, false],\n    // showCellBorders: [true],\n    striped: [true, false],\n    shadowed: [true, false],\n    // scroll: [{ x: 1600 }, { y: 240 }, { x: 1600, y: 300 }],\n    scroll: [{ x: 1600 }, { x: 1600, y: 300 }],\n    columns: [columns1, columns2, columns3, columns4],\n    // size: ['default', 'middle', 'small'],\n    size: ['default'],\n    dataSource: [dataSource3],\n    // dataSource: [[]],\n  }\n  const propsList = Object.keys(propsMap).reduce((arr, key) => {\n    const data = propsMap[key]\n    if (arr.length === 0) {\n      return data.map((value) => ({ [key]: value }))\n    } else {\n      let back = []\n      for (let i = 0; i < data.length; i++) {\n        const value = data[i]\n        for (let j = 0; j < arr.length; j++) {\n          const item = arr[j]\n          back.push({ ...item, [key]: value })\n        }\n      }\n      return back\n    }\n  }, [])\n\n  return (\n    <div style={{ background: '#fff', padding: 20 }}>\n      {propsList.map((props, i) => (\n        <Table {...props} key={i} style={style} pagination={{ pageSize: 5 }} />\n      ))}\n      {/* <Table\n        dataSource={dataSource}\n        columns={columns}\n        rowSelection={{\n          onChange: (selectedRowKeys, selectedRows) => {\n            console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)\n          },\n        }}\n        style={style}\n      />\n      <Table dataSource={[]} columns={columns} style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"middle\" style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"small\" style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"middle\" style={style} bordered />\n\n      <Table columns={columns} dataSource={dataSource} size=\"small\" style={style} bordered />\n\n      <Table\n        columns={columns}\n        dataSource={dataSource}\n        bordered\n        title={() => 'Header'}\n        footer={() => 'Footer'}\n        style={style}\n      />\n\n      <Table\n        columns={columns}\n        dataSource={[]}\n        bordered\n        title={() => 'Header'}\n        footer={() => 'Footer'}\n        style={style}\n      />\n\n      <Table columns={columns} dataSource={dataSource} bordered style={style} />\n\n      <Table columns={columns} dataSource={[]} bordered style={style} />\n\n      <Table columns={columns} dataSource={dataSource} shadowed style={style} />\n\n      <Table columns={columns} dataSource={[]} shadowed style={style} />\n\n      <Table\n        columns={columns}\n        expandedRowRender={(record) => <p style={{ margin: 0 }}>{record.address}</p>}\n        dataSource={dataSource}\n        style={style}\n      />\n\n      <Table columns={columns} dataSource={dataSource} bordered showCellBorders style={style} />\n\n      <Table\n        columns={columns}\n        rowSelection={{\n          onChange: (selectedRowKeys, selectedRows) => {\n            console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)\n          },\n        }}\n        dataSource={dataSource2}\n        style={style}\n      />\n\n      <Table\n        columns={columns}\n        dataSource={dataSource3}\n        pagination={{ pageSize: 50 }}\n        scroll={{ y: 240 }}\n        style={style}\n      />\n\n      <Table columns={columns2} dataSource={dataSource3} scroll={{ x: 1300 }} style={style} />\n\n      <Table\n        columns={columns3}\n        dataSource={dataSource3}\n        scroll={{ x: 1500, y: 300 }}\n        style={style}\n      />\n\n      <Table\n        columns={columns2}\n        dataSource={dataSource3}\n        scroll={{ x: 1300 }}\n        bordered\n        style={style}\n        pagination={{ pageSize: 5 }}\n      />\n\n      <Table\n        columns={columns2}\n        dataSource={dataSource3}\n        scroll={{ x: 1300 }}\n        bordered\n        showCellBorders\n        style={style}\n        pagination={{ pageSize: 5 }}\n      /> */}\n    </div>\n  )\n}\nAll.args = {}\n\n/*\nbordered 边框 2\nstriped 斑马线 2\nshadowed 阴影 2\nshowCellBorders 单元格边框  2\nscroll 滚动 3\nfixed 是否固定 3\nsize: 3\n*/\n"]}

package/es/table-container/index.js

@@ -3,10 +3,13 @@ import './index.less';
 export default ((WrappedComponent, options = {}) => {
   const {
     version,
+    padding = true,
     className = ''
   } = options;
-  const currentVersion = version || 'v2';
+  const currentVersion = version || 'v3';
   return props => React.createElement("div", {
-    className: cn('tnt-table-v-container', 'tnt-current-' + currentVersion, className)
+    className: cn('tnt-table-v-container', 'tnt-current-' + currentVersion, className, {
+      'tnt-table-v-container-hide-padding': !padding
+    })
   }, React.createElement(WrappedComponent, Object.assign({}, props, options)));
 });

package/es/table-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table-container/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,cAAc,CAAC;AAEtB,eAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IAC3C,MAAM,cAAc,GAAG,OAAO,IAAI,IAAI,CAAC;IAEvC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,6BAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QACnF,oBAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CAC1C,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import cn from 'classnames'\n\nimport './index.less';\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, className = '' } = options\n    const currentVersion = version || 'v2';\n\n    return (props) => (\n        <div className={cn('tnt-table-v-container', 'tnt-current-' + currentVersion, className)}>\n            <WrappedComponent {...props} {...options} />\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table-container/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,cAAc,CAAA;AAErB,eAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,OAAO,GAAC,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IACzD,MAAM,cAAc,GAAG,OAAO,IAAI,IAAI,CAAC;IAEzC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,6BACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,EAAE;YACjF,oCAAoC,EAAE,CAAC,OAAO;SAC/C,CAAC;QAEF,oBAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CACxC,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import cn from 'classnames'\n\nimport './index.less'\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, padding=true, className = '' } = options\n    const currentVersion = version || 'v3';\n\n  return (props) => (\n    <div\n      className={cn('tnt-table-v-container', 'tnt-current-' + currentVersion, className, {\n        'tnt-table-v-container-hide-padding': !padding,\n      })}\n    >\n      <WrappedComponent {...props} {...options} />\n    </div>\n  )\n}\n"]}

package/es/table-container/index.less

@@ -5,7 +5,10 @@
   padding: 20px 16px 16px 16px;
   max-height: calc(-84px + 100vh) !important;
   overflow-y: auto;
-
+  &.tnt-table-v-container-hide-padding {
+    padding: 0;
+    background: transparent;
+  }
   .tnt-querylistscene-content {
     padding: 0;
     background: transparent;

package/es/tabs/index.js

@@ -1,4 +1,5 @@
 import './style';
+import './tabs.less';
 import { Tabs } from './tabs';
 export * from './tabs';
 export default Tabs;

package/es/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,cAAc,QAAQ,CAAA;AAEtB,eAAe,IAAI,CAAA","sourcesContent":["import './style'\nimport { Tabs } from './tabs'\n\nexport * from './tabs'\n\nexport default Tabs\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,aAAa,CAAA;AACpB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,cAAc,QAAQ,CAAA;AAEtB,eAAe,IAAI,CAAA","sourcesContent":["import './style'\nimport './tabs.less'\nimport { Tabs } from './tabs'\n\nexport * from './tabs'\n\nexport default Tabs\n"]}

package/es/tabs/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'"]}

package/es/tabs/style/index.less

@@ -1,6 +1,7 @@
 @import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import './card-style';
+// @import './ladder-card';
 
 @tab-prefix-cls: ~'@{ant-prefix}-tabs';
 

package/es/tabs/tabs.js

@@ -14,10 +14,11 @@ var __rest = this && this.__rest || function (s, e) {
  * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo, useEffect } from 'react';
 import { ConfigConsumer } from '../config-provider';
 import { default as AntdTabs } from 'antd/es/tabs';
 import { doUpperTitle } from '../utils';
+import classname from 'classnames';
 export * from 'antd/es/tabs';
 export const Tabs = forwardRef((_a, ref) => {
   var {
@@ -45,13 +46,36 @@ export const Tabs = forwardRef((_a, ref) => {
       return child;
     });
   }
+  const newType = useMemo(() => {
+    let newType = type;
+    if (type === 'ladder-card') {
+      newType = 'card';
+    } else if (type === 'editable-ladder-card') {
+      newType = 'editable-card';
+    }
+    return newType;
+  }, [type]);
+  useEffect(() => {
+    if (type === 'ladder-card') {
+      const boxes = document.querySelectorAll('.ant-tabs-ladder-card .ant-tabs-nav .ant-tabs-tab');
+      boxes.forEach((box, index) => {
+        box.style.zIndex = boxes.length - index;
+      });
+    }
+  }, [type]);
   return React.createElement(ConfigConsumer, null, ({
     getPrefixCls
   }) => {
+    const prefix = getPrefixCls('tabs');
+    const className = classname(rest === null || rest === void 0 ? void 0 : rest.className, {
+      'tnt-tabs': true,
+      [`${prefix}-ladder-card`]: type === 'ladder-card' || type === 'editable-ladder-card'
+    });
     return React.createElement(AntdTabs, Object.assign({}, rest, {
-      type: (type === null || type === void 0 ? void 0 : type.includes('ladder-card')) ? undefined : type,
       children: newChildren,
-      ref: ref
+      ref: ref,
+      type: newType,
+      className: className
     }));
   });
 });