tntd 3.0.0-beta → 3.0.0-beta.1

package/es/table/table.js

@@ -1,12 +1,13 @@
-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];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+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];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 import { ConfigConsumer } from 'antd/es/config-provider';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
@@ -15,6 +16,7 @@ import Column from 'antd/es/table/Column';
 import ColumnGroup from 'antd/es/table/ColumnGroup';
 import classNames from 'classnames';
 import React, { useMemo, useRef } from 'react';
+import { isFunction, isString } from 'lodash';
 import Ellipsis from '../ellipsis';
 import { TableContext } from './context';
 import { useColumnSetting } from './hooks';
@@ -23,16 +25,13 @@ import { titleCaseUpper } from '../utils/lang';
 import { TotalShower } from './total-shower';
 import { getLanguage } from '../prev-locale';
 const sizeWidthMap = {
-  default: 40,
-  middle: 20,
-  small: 20,
-  xs: 16 // 8
+    default: 40,
+    middle: 20,
+    small: 20,
+    xs: 16, // 8
 };
-const getDefaultPagination = locale => ({
-  showTotal: total => React.createElement(TotalShower, {
-    total: total,
-    locale: locale
-  })
+const getDefaultPagination = (locale) => ({
+    showTotal: (total) => React.createElement(TotalShower, { total: total, locale: locale }),
 });
 // 判断是否是特殊的tooltip
 // const checkIsPrompt = (dom: any): boolean => {
@@ -46,185 +45,152 @@ const getDefaultPagination = locale => ({
 //   }
 //   return isPrompt
 // }
-export const Table = _a => {
-  var {
-      className,
-      locale,
-      bordered,
-      size,
-      storageKey,
-      columns,
-      children,
-      shadowed = !bordered,
-      striped = true,
-      showCellBorders = false,
-      //   pagination,
-      enableToolbar = false,
-      refresh,
-      upperCaseIgnore,
-      unUpperConverted,
-      // 强制不要转换
-      unTooltip,
-      rowClassName
-    } = _a,
-    rest = __rest(_a, ["className", "locale", "bordered", "size", "storageKey", "columns", "children", "shadowed", "striped", "showCellBorders", "enableToolbar", "refresh", "upperCaseIgnore", "unUpperConverted", "unTooltip", "rowClassName"]);
-  const tableContainer = useRef(null);
-  // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(
-  //   TABLE_SIZE_STORAGE_KEY,
-  //   'default'
-  // )
-  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) => {
+export const Table = (_a) => {
+    var { className, locale, bordered, size, storageKey, columns, children, shadowed = !bordered, striped = true, showCellBorders = false, 
+    //   pagination,
+    enableToolbar = false, refresh, upperCaseIgnore, unUpperConverted, // 强制不要转换
+    unTooltip, rowClassName } = _a, rest = __rest(_a, ["className", "locale", "bordered", "size", "storageKey", "columns", "children", "shadowed", "striped", "showCellBorders", "enableToolbar", "refresh", "upperCaseIgnore", "unUpperConverted", "unTooltip", "rowClassName"]);
+    const tableContainer = useRef(null);
+    // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(
+    //   TABLE_SIZE_STORAGE_KEY,
+    //   'default'
+    // )
+    const normalizedColumns = useMemo(() => columns || normalizeColumns(children), [children, columns]);
+    const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(normalizedColumns, storageKey);
+    const getRowClassName = (prefixCls) => {
         var _a;
-        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 ((_a = rest.rowSelection) === null || _a === void 0 ? void 0 : _a.getCheckboxProps) {
-          const checkboxProps = rest.rowSelection.getCheckboxProps(record);
-          if (checkboxProps && checkboxProps.disabled) {
-            back.push(`${prefixCls}-row-disabled`);
-          }
-        }
-        return back.join(' ');
-      };
-    }
-    return rowClassName;
-  };
-  const lang = getLanguage();
-  let newColumns = displayColumns;
-  //   非中文做处理
-  if (lang !== 'cn') {
-    if (!unUpperConverted) {
-      newColumns = displayColumns === null || displayColumns === void 0 ? void 0 : displayColumns.map(column => {
-        return Object.assign(Object.assign({}, column), {
-          title: options => {
-            let title = column.title;
-            if (typeof title === 'function') {
-              title = title(options);
-            }
-            if (React.isValidElement(title)) {
-              const renderChildren = children => {
+        if (striped || rowClassName || ((_a = rest.rowSelection) === null || _a === void 0 ? void 0 : _a.getCheckboxProps)) {
+            return (record, index) => {
                 var _a;
-                if (React.isValidElement(children) || Array.isArray(children)) {
-                  return (_a = React === null || React === void 0 ? void 0 : React.Children) === null || _a === void 0 ? void 0 : _a.map(children, child => {
-                    var _a;
-                    if (React.isValidElement(child)) {
-                      const childProps = child.props || {};
-                      return React.cloneElement(child, Object.assign(Object.assign({}, childProps), {
-                        children: ((_a = childProps.children) === null || _a === void 0 ? void 0 : _a.length) ? renderChildren(childProps.children) : childProps.children,
-                        title: titleCaseUpper(childProps === null || childProps === void 0 ? void 0 : childProps.title, upperCaseIgnore)
-                      }));
-                    } else {
-                      return titleCaseUpper(child, upperCaseIgnore);
+                const back = [];
+                if (rowClassName) {
+                    if (isFunction(rowClassName)) {
+                        back.push(rowClassName(record, index));
+                    }
+                    else if (isString(rowClassName)) {
+                        back.push(rowClassName);
                     }
-                  });
                 }
-                return titleCaseUpper(children, upperCaseIgnore);
-              };
-              return renderChildren(title.props.children);
-            }
-            if (typeof title === 'string') {
-              return titleCaseUpper(title, upperCaseIgnore);
-            }
-          }
-        });
-      });
-    }
-    if (!unTooltip) {
-      newColumns = newColumns === null || newColumns === void 0 ? void 0 : newColumns.map(column => {
-        if (!(column.width && !String(column.width).includes('%'))) {
-          return column;
-        } else {
-          return Object.assign(Object.assign({}, column), {
-            title: options => {
-              let title = column.title;
-              if (typeof title === 'function') {
-                title = title(options);
-              }
-              let widthLimitObj = {};
-              if (column.width && !String(column.width).includes('%')) {
-                let width = column.width;
-                if (typeof width === 'string') {
-                  width = width === null || width === void 0 ? void 0 : width.replace(/[^\d]/g, ' ');
+                if (striped && index % 2 === 1) {
+                    back.push(`${prefixCls}-row-even`);
                 }
-                widthLimitObj = {
-                  widthLimit: Number(width) - Number(sizeWidthMap[size || 'default']) - (column.sorter ? 20 : 0)
-                };
-              }
-              return React.createElement(Ellipsis, Object.assign({}, widthLimitObj, {
-                placement: (column === null || column === void 0 ? void 0 : column.placement) || 'topLeft',
-                title: title
-              }));
-            }
-          });
+                if ((_a = rest.rowSelection) === null || _a === void 0 ? void 0 : _a.getCheckboxProps) {
+                    const checkboxProps = rest.rowSelection.getCheckboxProps(record);
+                    if (checkboxProps && checkboxProps.disabled) {
+                        back.push(`${prefixCls}-row-disabled`);
+                    }
+                }
+                return back.join(' ');
+            };
+        }
+        return rowClassName;
+    };
+    const lang = getLanguage();
+    let newColumns = displayColumns;
+    //   非中文做处理
+    if (lang !== 'cn') {
+        if (!unUpperConverted) {
+            newColumns = displayColumns === null || displayColumns === void 0 ? void 0 : displayColumns.map((column) => {
+                return Object.assign(Object.assign({}, column), { title: (options) => {
+                        let title = column.title;
+                        if (typeof title === 'function') {
+                            title = title(options);
+                        }
+                        if (React.isValidElement(title)) {
+                            const renderChildren = (children) => {
+                                var _a;
+                                if (React.isValidElement(children) || Array.isArray(children)) {
+                                    return (_a = React === null || React === void 0 ? void 0 : React.Children) === null || _a === void 0 ? void 0 : _a.map(children, (child) => {
+                                        var _a;
+                                        if (React.isValidElement(child)) {
+                                            const childProps = (child.props || {});
+                                            return React.cloneElement(child, Object.assign(Object.assign({}, childProps), { children: ((_a = childProps.children) === null || _a === void 0 ? void 0 : _a.length)
+                                                    ? renderChildren(childProps.children)
+                                                    : childProps.children, title: titleCaseUpper(childProps === null || childProps === void 0 ? void 0 : childProps.title, upperCaseIgnore) }));
+                                        }
+                                        else {
+                                            return titleCaseUpper(child, upperCaseIgnore);
+                                        }
+                                    });
+                                }
+                                return titleCaseUpper(children, upperCaseIgnore);
+                            };
+                            return renderChildren(title.props.children);
+                        }
+                        if (typeof title === 'string') {
+                            return titleCaseUpper(title, upperCaseIgnore);
+                        }
+                    } });
+            });
+        }
+        if (!unTooltip) {
+            newColumns = newColumns === null || newColumns === void 0 ? void 0 : newColumns.map((column) => {
+                if (!(column.width && !String(column.width).includes('%'))) {
+                    return column;
+                }
+                else {
+                    return Object.assign(Object.assign({}, column), { title: (options) => {
+                            let title = column.title;
+                            if (typeof title === 'function') {
+                                title = title(options);
+                            }
+                            let widthLimitObj = {};
+                            if (column.width && !String(column.width).includes('%')) {
+                                let width = column.width;
+                                if (typeof width === 'string') {
+                                    width = width === null || width === void 0 ? void 0 : width.replace(/[^\d]/g, ' ');
+                                }
+                                widthLimitObj = {
+                                    widthLimit: Number(width) -
+                                        Number(sizeWidthMap[size || 'default']) -
+                                        (column.sorter ? 20 : 0),
+                                };
+                            }
+                            return (React.createElement(Ellipsis, Object.assign({}, widthLimitObj, { placement: (column === null || column === void 0 ? void 0 : column.placement) || 'topLeft', title: title })));
+                        } });
+                }
+            });
         }
-      });
-    }
-  }
-  /**
-   * update the innerSize when props size changes
-   */
-  // useEffect(() => {
-  //   if (size) {
-  //     setInnerSize(size)
-  //   }
-  // }, [setInnerSize, size])
-  return React.createElement(TableContext.Provider, {
-    value: {
-      // size: innerSize,
-      tableContainer,
-      columnSetting,
-      refresh,
-      upperCaseIgnore,
-      // setSize: setInnerSize,
-      setColumnSetting
     }
-  }, React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    const prefixCls = getPrefixCls('table');
-    return React.createElement("div", {
-      ref: tableContainer
-    }, React.createElement(LocaleReceiver, {
-      componentName: "Table",
-      defaultLocale: locale
-    }, localeObject => {
-      //   const locale = localeObject as Record<string, string>
-      //   const paginationConfig = pagination ? getDefaultPagination(locale) : pagination
-      return React.createElement(AntdTable, Object.assign({
-        className: classNames(
-        // prefixCls,
-        'tnt-table-wrapper', {
-          [`${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}-has-footer`]: rest.footer
-        }, className),
-        locale: locale,
-        bordered: bordered,
-        size: size,
-        columns: newColumns,
-        rowClassName: getRowClassName(prefixCls)
-      }, rest));
-    }));
-  }));
+    /**
+     * update the innerSize when props size changes
+     */
+    // useEffect(() => {
+    //   if (size) {
+    //     setInnerSize(size)
+    //   }
+    // }, [setInnerSize, size])
+    return (React.createElement(TableContext.Provider, { value: {
+            // size: innerSize,
+            tableContainer,
+            columnSetting,
+            refresh,
+            upperCaseIgnore,
+            // setSize: setInnerSize,
+            setColumnSetting,
+        } },
+        React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+            const prefixCls = getPrefixCls('table');
+            return (React.createElement("div", { ref: tableContainer },
+                React.createElement(LocaleReceiver, { componentName: "Table", defaultLocale: locale }, (localeObject) => {
+                    //   const locale = localeObject as Record<string, string>
+                    //   const paginationConfig = pagination ? getDefaultPagination(locale) : pagination
+                    return (React.createElement(AntdTable, Object.assign({ className: classNames(
+                        // prefixCls,
+                        'tnt-table-wrapper', {
+                            [`${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}-has-footer`]: rest.footer,
+                        }, className), locale: locale, bordered: bordered, size: size, columns: newColumns, rowClassName: getRowClassName(prefixCls) }, rest)));
+                })));
+        })));
 };
 Table.Column = Column;
 Table.ColumnGroup = ColumnGroup;
 Table.displayName = 'Table';
-Table.titleCaseUpper = titleCaseUpper;
+Table.titleCaseUpper = titleCaseUpper;
+//# sourceMappingURL=table.js.map