tntd 2.7.28 → 2.7.29

package/es/table/table.js

@@ -1,13 +1,10 @@
-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';
@@ -24,13 +21,17 @@ 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 => {
@@ -44,124 +45,156 @@ const getDefaultPagination = (locale) => ({
 //   }
 //   return isPrompt
 // }
-export const Table = (_a) => {
-    var { className, locale, bordered, size, storageKey, columns, children, shadowed = !bordered, striped = false, showCellBorders = false, 
-    //   pagination,
-    enableToolbar = false, refresh, upperCaseIgnore, unUpperConverted, // 强制不要转换
-    unTooltip } = _a, rest = __rest(_a, ["className", "locale", "bordered", "size", "storageKey", "columns", "children", "shadowed", "striped", "showCellBorders", "enableToolbar", "refresh", "upperCaseIgnore", "unUpperConverted", "unTooltip"]);
-    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 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;
+export const Table = _a => {
+  var {
+      className,
+      locale,
+      bordered,
+      size,
+      storageKey,
+      columns,
+      children,
+      shadowed = !bordered,
+      striped = false,
+      showCellBorders = false,
+      //   pagination,
+      enableToolbar = false,
+      refresh,
+      upperCaseIgnore,
+      unUpperConverted,
+      // 强制不要转换
+      unTooltip
+    } = _a,
+    rest = __rest(_a, ["className", "locale", "bordered", "size", "storageKey", "columns", "children", "shadowed", "striped", "showCellBorders", "enableToolbar", "refresh", "upperCaseIgnore", "unUpperConverted", "unTooltip"]);
+  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 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);
+                    }
+                  });
                 }
-                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 })));
-                        } });
+                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
     }
-    /**
-     * 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}-size-middle`]: size === 'middle',
-                            [`${prefixCls}-striped`]: striped,
-                            [`${prefixCls}-shadowed`]: shadowed,
-                        }, className), locale: locale, bordered: bordered, size: size, columns: newColumns }, rest)));
-                })));
-        })));
+  }, 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}-size-middle`]: size === 'middle',
+          [`${prefixCls}-striped`]: striped,
+          [`${prefixCls}-shadowed`]: shadowed
+        }, className),
+        locale: locale,
+        bordered: bordered,
+        size: size,
+        columns: newColumns
+      }, rest));
+    }));
+  }));
 };
 Table.Column = Column;
 Table.ColumnGroup = ColumnGroup;
 Table.displayName = 'Table';
-Table.titleCaseUpper = titleCaseUpper;
-//# sourceMappingURL=table.js.map
+Table.titleCaseUpper = titleCaseUpper;

package/es/table/table.stories.js

@@ -1,154 +1,163 @@
 import React from 'react';
 import Tag from '../tag';
 import { Table } from './';
-const { Column, ColumnGroup } = Table;
+const {
+  Column,
+  ColumnGroup
+} = Table;
 export default {
-    component: Table,
-    title: 'Table',
-    parameters: {
-        backgrounds: {
-            default: 'gary',
-            values: [{ name: 'gary', value: '#f1f2f5' }],
-        },
-    },
+  component: Table,
+  title: 'Table',
+  parameters: {
+    backgrounds: {
+      default: 'gary',
+      values: [{
+        name: 'gary',
+        value: '#f1f2f5'
+      }]
+    }
+  }
 };
-const Template = (args) => (React.createElement("div", { style: {
-        marginTop: '20px',
-    } },
-    React.createElement(Table, Object.assign({}, args))));
+const Template = args => React.createElement("div", {
+  style: {
+    marginTop: '20px'
+  }
+}, React.createElement(Table, Object.assign({}, args)));
 export const Empty = Template.bind({});
 Empty.args = {
-    columns: [
-        {
-            title: '姓名',
-            dataIndex: 'name',
-            key: 'name',
-        },
-        {
-            title: '年龄',
-            dataIndex: 'age',
-            key: 'age',
-        },
-        {
-            title: '住址',
-            dataIndex: 'address',
-            key: 'address',
-        },
-    ],
+  columns: [{
+    title: '姓名',
+    dataIndex: 'name',
+    key: 'name'
+  }, {
+    title: '年龄',
+    dataIndex: 'age',
+    key: 'age'
+  }, {
+    title: '住址',
+    dataIndex: 'address',
+    key: 'address'
+  }]
 };
 export const Loading = Template.bind({});
 Loading.args = {
-    columns: [
-        {
-            title: '姓名',
-            dataIndex: 'name',
-            key: 'name',
-        },
-        {
-            title: '年龄',
-            dataIndex: 'age',
-            key: 'age',
-        },
-        {
-            title: '住址',
-            dataIndex: 'address',
-            key: 'address',
-        },
-    ],
-    loading: true,
+  columns: [{
+    title: '姓名',
+    dataIndex: 'name',
+    key: 'name'
+  }, {
+    title: '年龄',
+    dataIndex: 'age',
+    key: 'age'
+  }, {
+    title: '住址',
+    dataIndex: 'address',
+    key: 'address'
+  }],
+  loading: true
 };
 export const Default = Template.bind({});
 Default.args = {
-    columns: [
-        {
-            title: '姓名',
-            dataIndex: 'name',
-            key: 'name',
-        },
-        {
-            title: '年龄',
-            dataIndex: 'age',
-            key: 'age',
-            render: (cellData) => React.createElement(Tag, { color: "green" }, cellData),
-        },
-        {
-            title: '住址',
-            dataIndex: 'address',
-            key: 'address',
-        },
-    ],
-    dataSource: [
-        {
-            key: '1',
-            name: '胡彦斌',
-            age: 32,
-            address: '西湖区湖底公园1号',
-        },
-        {
-            key: '2',
-            name: '胡彦祖',
-            age: 42,
-            address: '西湖区湖底公园1号',
-        },
-    ],
-    pagination: {
-        total: 50,
-        position: 'bottom',
-        showSizeChanger: true,
-        showQuickJumper: true,
-        showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`,
-    },
-    loading: false,
+  columns: [{
+    title: '姓名',
+    dataIndex: 'name',
+    key: 'name'
+  }, {
+    title: '年龄',
+    dataIndex: 'age',
+    key: 'age',
+    render: cellData => React.createElement(Tag, {
+      color: "green"
+    }, cellData)
+  }, {
+    title: '住址',
+    dataIndex: 'address',
+    key: 'address'
+  }],
+  dataSource: [{
+    key: '1',
+    name: '胡彦斌',
+    age: 32,
+    address: '西湖区湖底公园1号'
+  }, {
+    key: '2',
+    name: '胡彦祖',
+    age: 42,
+    address: '西湖区湖底公园1号'
+  }],
+  pagination: {
+    total: 50,
+    position: 'bottom',
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`
+  },
+  loading: false
 };
-export const ColumnFilter = (args) => (React.createElement("div", { style: {
-        marginTop: '20px',
-    } },
-    React.createElement(Table, Object.assign({}, args),
-        React.createElement(ColumnGroup, { title: "Name" },
-            React.createElement(Column, { title: "First Name", dataIndex: "firstName", key: "firstName" }),
-            React.createElement(Column, { title: "Last Name", dataIndex: "lastName", key: "lastName" })),
-        React.createElement(Column, { title: "Age", dataIndex: "age", key: "age" }),
-        React.createElement(Column, { title: "Address", dataIndex: "address", key: "address" }),
-        React.createElement(Column, { title: "Tags", dataIndex: "tags", key: "tags", render: (tags) => (React.createElement("span", null, tags.map((tag) => (React.createElement(Tag, { color: "blue", key: tag }, tag))))) }),
-        React.createElement(Column, { title: "Action", key: "action", render: (_, record) => (React.createElement("span", null,
-                React.createElement("a", null,
-                    "Invite ",
-                    record.lastName),
-                React.createElement("a", null, "Delete"))) }))));
+export const ColumnFilter = args => React.createElement("div", {
+  style: {
+    marginTop: '20px'
+  }
+}, React.createElement(Table, Object.assign({}, args), React.createElement(ColumnGroup, {
+  title: "Name"
+}, React.createElement(Column, {
+  title: "First Name",
+  dataIndex: "firstName",
+  key: "firstName"
+}), React.createElement(Column, {
+  title: "Last Name",
+  dataIndex: "lastName",
+  key: "lastName"
+})), React.createElement(Column, {
+  title: "Age",
+  dataIndex: "age",
+  key: "age"
+}), React.createElement(Column, {
+  title: "Address",
+  dataIndex: "address",
+  key: "address"
+}), React.createElement(Column, {
+  title: "Tags",
+  dataIndex: "tags",
+  key: "tags",
+  render: tags => React.createElement("span", null, tags.map(tag => React.createElement(Tag, {
+    color: "blue",
+    key: tag
+  }, tag)))
+}), React.createElement(Column, {
+  title: "Action",
+  key: "action",
+  render: (_, record) => React.createElement("span", null, React.createElement("a", null, "Invite ", record.lastName), React.createElement("a", null, "Delete"))
+})));
 ColumnFilter.args = {
-    dataSource: [
-        {
-            key: '1',
-            firstName: 'John',
-            lastName: 'Brown',
-            age: 32,
-            address: 'New York No. 1 Lake Park',
-            tags: ['nice', 'developer'],
-        },
-        {
-            key: '2',
-            firstName: 'Jim',
-            lastName: 'Green',
-            age: 42,
-            address: 'London No. 1 Lake Park',
-            tags: ['loser'],
-        },
-        {
-            key: '3',
-            firstName: 'Joe',
-            lastName: 'Black',
-            age: 32,
-            address: 'Sidney No. 1 Lake Park',
-            tags: ['cool', 'teacher'],
-        },
-    ],
-    pagination: {
-        total: 50,
-        position: 'bottom',
-        showSizeChanger: true,
-        showQuickJumper: true,
-        showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,
-    },
-    loading: false,
-};
-//# sourceMappingURL=table.stories.js.map
+  dataSource: [{
+    key: '1',
+    firstName: 'John',
+    lastName: 'Brown',
+    age: 32,
+    address: 'New York No. 1 Lake Park',
+    tags: ['nice', 'developer']
+  }, {
+    key: '2',
+    firstName: 'Jim',
+    lastName: 'Green',
+    age: 42,
+    address: 'London No. 1 Lake Park',
+    tags: ['loser']
+  }, {
+    key: '3',
+    firstName: 'Joe',
+    lastName: 'Black',
+    age: 32,
+    address: 'Sidney No. 1 Lake Park',
+    tags: ['cool', 'teacher']
+  }],
+  pagination: {
+    total: 50,
+    position: 'bottom',
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`
+  },
+  loading: false
+};

package/es/table/total-shower.js

@@ -1,6 +1,10 @@
 import React from 'react';
 import { simpleTemplate } from '../utils';
-export const TotalShower = ({ total, locale, }) => {
-    return React.createElement(React.Fragment, null, simpleTemplate(locale.total, { total }));
-};
-//# sourceMappingURL=total-shower.js.map
+export const TotalShower = ({
+  total,
+  locale
+}) => {
+  return React.createElement(React.Fragment, null, simpleTemplate(locale.total, {
+    total
+  }));
+};