tntd 3.0.0-beta.18 → 3.0.0-beta.19

package/es/table/table.js

@@ -10,6 +10,7 @@ var __rest = this && this.__rest || function (s, e) {
 };
 import { ConfigConsumer } from 'antd/es/config-provider';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import Icon from '../icon/index';
 import { default as AntdTable } from 'antd/es/table';
 import Column from 'antd/es/table/Column';
 import ColumnGroup from 'antd/es/table/ColumnGroup';
@@ -17,11 +18,12 @@ import classNames from 'classnames';
 import React, { useMemo, useRef } from 'react';
 import Ellipsis from '../ellipsis';
 import { TableContext } from './context';
-import { useColumnSetting } from './hooks';
+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 ResizeObserver from 'rc-resize-observer';
 const sizeWidthMap = {
   default: 40,
   middle: 20,
@@ -55,6 +57,7 @@ export const Table = _a => {
       storageKey,
       columns,
       children,
+      sticky = true,
       shadowed,
       striped = true,
       showCellBorders = false,
@@ -65,10 +68,16 @@ export const Table = _a => {
       unUpperConverted,
       // 强制不要转换
       unTooltip,
-      rowClassName
+      onExpandedRowsChange,
+      expandedRowRender,
+      // expandedRowKeys = [],
+      onExpand,
+      rowClassName,
+      smallPadding
     } = _a,
-    rest = __rest(_a, ["className", "locale", "bordered", "size", "storageKey", "columns", "children", "shadowed", "striped", "showCellBorders", "enableToolbar", "refresh", "upperCaseIgnore", "unUpperConverted", "unTooltip", "rowClassName"]);
+    rest = __rest(_a, ["className", "locale", "bordered", "size", "storageKey", "columns", "children", "sticky", "shadowed", "striped", "showCellBorders", "enableToolbar", "refresh", "upperCaseIgnore", "unUpperConverted", "unTooltip", "onExpandedRowsChange", "expandedRowRender", "onExpand", "rowClassName", "smallPadding"]);
   const tableContainer = useRef(null);
+  const tableContainerWidth = React.useRef(0);
   // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(
   //   TABLE_SIZE_STORAGE_KEY,
   //   'default'
@@ -79,7 +88,6 @@ export const Table = _a => {
     var _a;
     if (striped || rowClassName || ((_a = rest.rowSelection) === null || _a === void 0 ? void 0 : _a.getCheckboxProps)) {
       return (record, index) => {
-        var _a;
         const back = [];
         if (rowClassName) {
           if (_isFunction(rowClassName)) {
@@ -91,12 +99,12 @@ export const Table = _a => {
         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`);
-          }
-        }
+        // if (rest.rowSelection?.getCheckboxProps) {
+        //   const checkboxProps: any = rest.rowSelection.getCheckboxProps(record)
+        //   if (checkboxProps && checkboxProps.disabled) {
+        //     back.push(`${prefixCls}-row-disabled`)
+        //   }
+        // }
         return back.join(' ');
       };
     }
@@ -181,6 +189,91 @@ export const Table = _a => {
   //     setInnerSize(size)
   //   }
   // }, [setInnerSize, size])
+  /**
+   * expand 与 fix 兼容，expand悬浮
+   */
+  const [tableKey, trigger] = useExpandFixed();
+  // 自定义展开收起
+  const customExpandIcon = p => {
+    const {
+      expanded
+    } = p;
+    if (expanded) {
+      return React.createElement("span", {
+        style: {
+          marginLeft: !rest.rowSelection ? '0px' : undefined,
+          paddingLeft: !rest.rowSelection ? '0px' : undefined
+        },
+        className: "expand",
+        onClick: e => {
+          e.stopPropagation();
+          p === null || p === void 0 ? void 0 : p.onExpand(p.record, e);
+          if (onExpand) onExpand(p.expanded, p.record);
+        }
+      }, React.createElement(Icon, {
+        type: "minus-square"
+      }));
+    }
+    return React.createElement("span", {
+      style: {
+        marginLeft: !rest.rowSelection ? '0px' : undefined,
+        paddingLeft: !rest.rowSelection ? '0px' : undefined
+      },
+      className: "expand",
+      onClick: e => {
+        e.stopPropagation();
+        p === null || p === void 0 ? void 0 : p.onExpand(p.record, e);
+        if (onExpand) onExpand(p.expanded, p.record);
+      }
+    }, React.createElement(Icon, {
+      type: "plus-square"
+    }));
+  };
+  const expandIconColumnIndex = (rest === null || rest === void 0 ? void 0 : rest.rowSelection) ? 1 : rest.expandIconColumnIndex || 0; // 确定checkbox框位置
+  // 设置expandIcon的默认值
+  let expandIcon = rest.expandIcon;
+  if (expandedRowRender && !rest.expandIcon) {
+    expandIcon = props => customExpandIcon(Object.assign(Object.assign({}, props), {
+      needIndentSpaced: true
+    }));
+  } else if (!expandedRowRender) {
+    expandIcon = undefined;
+  }
+  // const [activeKeys, setActiveKeys] = React.useState<string[] | number[] | []>(
+  //   expandedRowKeys.splice(0, 1) as string[] | number[] | []
+  // )
+  const stickyProps = useMemo(() => {
+    return {
+      onExpandedRowsChange: arg => {
+        const key = arg && arg[arg.length - 1];
+        if (onExpandedRowsChange) onExpandedRowsChange([Number(key)]);
+        // 触发MutationObserver监听
+        trigger(key);
+      },
+      expandedRowRender: expandedRowRender ? (record, index, indent, expanded) => {
+        const padding = 0;
+        return React.createElement("div", {
+          className: "ant-table-expanded-row-fixed",
+          style: {
+            width: tableContainerWidth.current + padding
+          }
+        }, expandedRowRender && expandedRowRender(record, index, indent, expanded));
+      } : undefined,
+      expandIconAsCell: true,
+      expandIconColumnIndex: expandIconColumnIndex,
+      expandIcon: expandIcon
+      // expandedRowKeys: activeKeys,
+      // onExpand: (expanded: boolean, record: any) => {
+      //   const rowKeys: string[] | number[] = [findRowKey(record, rest.rowKey || 'key')] as
+      //     | string[]
+      //     | number[]
+      //   setActiveKeys(expanded ? rowKeys : [])
+      // },
+    };
+  }, [expandedRowRender, expandIconColumnIndex, expandIcon,
+  // activeKeys,
+  // rest.rowKey,
+  onExpandedRowsChange, trigger]);
   return React.createElement(TableContext.Provider, {
     value: {
       // size: innerSize,
@@ -203,24 +296,32 @@ export const Table = _a => {
     }, localeObject => {
       //   const locale = localeObject as Record<string, string>
       //   const paginationConfig = pagination ? getDefaultPagination(locale) : pagination
-      return React.createElement(AntdTable, Object.assign({
+      return React.createElement(ResizeObserver, {
+        onResize: ({
+          width
+        }) => {
+          tableContainerWidth.current = width;
+        }
+      }, React.createElement(AntdTable, Object.assign({
         className: classNames(
         // prefixCls,
-        'tnt-table-wrapper', {
+        '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}-has-footer`]: rest.footer
+          [`${prefixCls}-has-footer`]: rest.footer,
+          [`${prefixCls}-sticky`]: sticky,
+          [`${prefixCls}-small-padding`]: smallPadding
         }, className),
         locale: locale,
         bordered: bordered,
         size: size,
         columns: newColumns,
         rowClassName: getRowClassName(prefixCls)
-      }, rest));
+      }, 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 'antd/es/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, { useCallback, useMemo, useRef } from 'react'\nimport { isFunction, isString } from 'lodash'\nimport Ellipsis from '../ellipsis'\nimport { TableContext } from './context'\nimport { useColumnSetting } from './hooks'\nimport { normalizeColumns } from './utils'\nimport { titleCaseUpper } from '../utils/lang'\nimport { TotalShower } from './total-shower'\nimport { getLanguage } from '../prev-locale'\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  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  upperCaseIgnore?: string[]\n  rowClassName?: (record: T, index: number) => 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  shadowed,\n  striped = true,\n  showCellBorders = false,\n  //   pagination,\n  enableToolbar = false,\n  refresh,\n  upperCaseIgnore,\n  unUpperConverted, // 强制不要转换\n  unTooltip,\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  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\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  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                    <AntdTable\n                      className={classNames(\n                        // prefixCls,\n                        'tnt-table-wrapper',\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}-has-footer`]: rest.footer,\n                        },\n                        className\n                      )}\n                      locale={locale}\n                      bordered={bordered}\n                      size={size}\n                      columns={newColumns}\n                      rowClassName={getRowClassName(prefixCls)}\n                      {...rest}\n                    />\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 'antd/es/config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type {\n  TableProps as AntdTableProps,\n  ColumnProps,\n  TableStateFilters,\n  SortOrder,\n  ExpandIconProps,\n} from 'antd/es/table'\nimport Icon from '../icon/index'\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 } 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 { TotalShower } from './total-shower'\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  expandCard?: 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\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 = true,\n  shadowed,\n  striped = true,\n  showCellBorders = false,\n  //   pagination,\n  enableToolbar = false,\n  refresh,\n  upperCaseIgnore,\n  unUpperConverted, // 强制不要转换\n  unTooltip,\n  onExpandedRowsChange,\n  expandedRowRender,\n  // expandedRowKeys = [],\n  onExpand,\n  rowClassName,\n  smallPadding,\n  ...rest\n}: TableProps<T>) => {\n  const tableContainer = useRef<HTMLDivElement>(null)\n  const tableContainerWidth = React.useRef(0)\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\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 customExpandIcon = (p: any) => {\n    const { expanded } = p\n    if (expanded) {\n      return (\n        <span\n          style={{\n            marginLeft: !rest.rowSelection ? '0px' : undefined,\n            paddingLeft: !rest.rowSelection ? '0px' : undefined,\n          }}\n          className=\"expand\"\n          onClick={(e) => {\n            e.stopPropagation()\n            p?.onExpand(p.record, e)\n            if (onExpand) onExpand(p.expanded, p.record)\n          }}\n        >\n          <Icon type=\"minus-square\" />\n        </span>\n      )\n    }\n\n    return (\n      <span\n        style={{\n          marginLeft: !rest.rowSelection ? '0px' : undefined,\n          paddingLeft: !rest.rowSelection ? '0px' : undefined,\n        }}\n        className=\"expand\"\n        onClick={(e) => {\n          e.stopPropagation()\n          p?.onExpand(p.record, e)\n          if (onExpand) onExpand(p.expanded, p.record)\n        }}\n      >\n        <Icon type=\"plus-square\" />\n      </span>\n    )\n  }\n  const expandIconColumnIndex = rest?.rowSelection ? 1 : rest.expandIconColumnIndex || 0 // 确定checkbox框位置\n  // 设置expandIcon的默认值\n  let expandIcon: ((props: ExpandIconProps<T>) => React.ReactNode) | undefined = rest.expandIcon\n  if (expandedRowRender && !rest.expandIcon) {\n    expandIcon = (props: any) => customExpandIcon({ ...props, needIndentSpaced: true })\n  } else if (!expandedRowRender) {\n    expandIcon = undefined\n  }\n  // const [activeKeys, setActiveKeys] = React.useState<string[] | number[] | []>(\n  //   expandedRowKeys.splice(0, 1) as string[] | number[] | []\n  // )\n  const stickyProps = useMemo(() => {\n    return {\n      onExpandedRowsChange: (arg: string[] | number[]) => {\n        const key: keyType = arg && arg[arg.length - 1]\n        if (onExpandedRowsChange) onExpandedRowsChange([Number(key)])\n\n        // 触发MutationObserver监听\n        trigger(key as string)\n      },\n      expandedRowRender: expandedRowRender\n        ? (record: T, index: number, indent: number, expanded: boolean) => {\n            const padding = 0\n            return (\n              <div\n                className=\"ant-table-expanded-row-fixed\"\n                style={{ width: tableContainerWidth.current + padding }}\n              >\n                {expandedRowRender && expandedRowRender(record, index, indent, expanded)}\n              </div>\n            )\n          }\n        : undefined,\n      expandIconAsCell: true,\n      expandIconColumnIndex: expandIconColumnIndex,\n      expandIcon: expandIcon,\n      // expandedRowKeys: activeKeys,\n      // onExpand: (expanded: boolean, record: any) => {\n      //   const rowKeys: string[] | number[] = [findRowKey(record, rest.rowKey || 'key')] as\n      //     | string[]\n      //     | number[]\n      //   setActiveKeys(expanded ? rowKeys : [])\n      // },\n    }\n  }, [\n    expandedRowRender,\n    expandIconColumnIndex,\n    expandIcon,\n    // activeKeys,\n    // rest.rowKey,\n    onExpandedRowsChange,\n    trigger,\n  ])\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                        tableContainerWidth.current = 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}-has-footer`]: rest.footer,\n                            [`${prefixCls}-sticky`]: sticky,\n                            [`${prefixCls}-small-padding`]: smallPadding,\n                          },\n                          className\n                        )}\n                        locale={locale}\n                        bordered={bordered}\n                        size={size}\n                        columns={newColumns}\n                        rowClassName={getRowClassName(prefixCls)}\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

@@ -8,25 +8,9 @@
   background-color: @white;
   border-radius: @border-radius-base;
 
-  .@{table-prefix-cls}-tbody > tr {
-    &.@{table-prefix-cls}-row-disabled {
-      &:hover,
-      & {
-        td {
-          background-color: @table-disabled-row-bg;
-          color: @table-disabled-row-text-color;
-        }
-      }
-    }
-  }
-
   &.@{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;
-      // }
     }
   }
 
@@ -34,11 +18,16 @@
     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
-      > .@{table-prefix-cls}-row-even:not(:hover):not(.@{table-prefix-cls}-row-selected):not(
-        .@{table-prefix-cls}-row-disabled
-      ):not(.@{table-prefix-cls}-row-hover)
+      > .@{table-prefix-cls}-row-even:not(:hover):not(.@{table-prefix-cls}-row-hover)
       > td {
       background: @bg-grey-first;
     }

package/es/table/utils.js

@@ -16,4 +16,15 @@ export function normalizeColumns(elements) {
     columns.push(column);
   });
   return columns;
+}
+// 生成随机数，首位是字母
+export function makeRandomCode(num = 10) {
+  const numArr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
+  const charArr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
+  const arr = [...numArr, ...charArr];
+  let code = charArr[Math.floor(Math.random() * charArr.length)];
+  for (let i = 0; i < num - 1; i++) {
+    code += `${arr[Math.floor(Math.random() * arr.length)]}`;
+  }
+  return code;
 }

package/es/table/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/table/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,gBAAgB,CAAI,QAA6B;IAC/D,MAAM,OAAO,GAAqB,EAAE,CAAA;IAEpC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;QAC3C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;YAClC,OAAM;SACP;QAED,MAAM,MAAM,qBACN,OAAO,CAAC,KAAwB,CACrC,CAAA;QAED,IAAI,OAAO,CAAC,GAAG,EAAE;YACf,MAAM,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,CAAA;SACzB;QAED,8DAA8D;QAC9D,IAAI,OAAO,CAAC,IAAI,IAAK,OAAO,CAAC,IAAY,CAAC,wBAAwB,EAAE;YAClE,MAAM,CAAC,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,QAAiB,CAAC,CAAA;SAC7D;QAED,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,OAAO,OAAO,CAAA;AAChB,CAAC","sourcesContent":["import type { ColumnProps } from 'antd/es/table'\nimport React from 'react'\n\nexport function normalizeColumns<T>(elements: React.ReactChildren) {\n  const columns: ColumnProps<T>[] = []\n\n  React.Children.forEach(elements, (element) => {\n    if (!React.isValidElement(element)) {\n      return\n    }\n\n    const column = {\n      ...(element.props as ColumnProps<T>),\n    }\n\n    if (element.key) {\n      column.key = element.key\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    if (element.type && (element.type as any).__ANT_TABLE_COLUMN_GROUP) {\n      column.children = normalizeColumns(column.children as never)\n    }\n\n    columns.push(column)\n  })\n\n  return columns\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/table/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,gBAAgB,CAAI,QAA6B;IAC/D,MAAM,OAAO,GAAqB,EAAE,CAAA;IAEpC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;QAC3C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;YAClC,OAAM;SACP;QAED,MAAM,MAAM,qBACN,OAAO,CAAC,KAAwB,CACrC,CAAA;QAED,IAAI,OAAO,CAAC,GAAG,EAAE;YACf,MAAM,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,CAAA;SACzB;QAED,8DAA8D;QAC9D,IAAI,OAAO,CAAC,IAAI,IAAK,OAAO,CAAC,IAAY,CAAC,wBAAwB,EAAE;YAClE,MAAM,CAAC,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,QAAiB,CAAC,CAAA;SAC7D;QAED,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,cAAc;AAEd,MAAM,UAAU,cAAc,CAAC,GAAG,GAAG,EAAE;IACrC,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAC7C,MAAM,OAAO,GAAG;QACd,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;KACJ,CAAA;IACD,MAAM,GAAG,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC,CAAA;IACnC,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;IAC9D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;QAChC,IAAI,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAA;KACzD;IACD,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["import type { ColumnProps } from 'antd/es/table'\nimport React from 'react'\n\nexport function normalizeColumns<T>(elements: React.ReactChildren) {\n  const columns: ColumnProps<T>[] = []\n\n  React.Children.forEach(elements, (element) => {\n    if (!React.isValidElement(element)) {\n      return\n    }\n\n    const column = {\n      ...(element.props as ColumnProps<T>),\n    }\n\n    if (element.key) {\n      column.key = element.key\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    if (element.type && (element.type as any).__ANT_TABLE_COLUMN_GROUP) {\n      column.children = normalizeColumns(column.children as never)\n    }\n\n    columns.push(column)\n  })\n\n  return columns\n}\n\n// 生成随机数，首位是字母\n\nexport function makeRandomCode(num = 10) {\n  const numArr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]\n  const charArr = [\n    'a',\n    'b',\n    'c',\n    'd',\n    'e',\n    'f',\n    'g',\n    'h',\n    'i',\n    'j',\n    'k',\n    'l',\n    'm',\n    'n',\n    'o',\n    'p',\n    'q',\n    'r',\n    's',\n    't',\n    'u',\n    'v',\n    'w',\n    'x',\n    'y',\n    'z',\n  ]\n  const arr = [...numArr, ...charArr]\n  let code = charArr[Math.floor(Math.random() * charArr.length)]\n  for (let i = 0; i < num - 1; i++) {\n    code += `${arr[Math.floor(Math.random() * arr.length)]}`\n  }\n  return code\n}\n"]}

package/es/table-container/index.js

@@ -6,7 +6,7 @@ export default ((WrappedComponent, options = {}) => {
     padding = true,
     className = ''
   } = options;
-  const currentVersion = version || localStorage.getItem('app_version') || 'v2';
+  const currentVersion = version || 'v3';
   return props => React.createElement("div", {
     className: cn('tnt-table-v-container', 'tnt-current-' + currentVersion, className, {
       'tnt-table-v-container-hide-padding': !padding

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,EAAC,OAAO,GAAC,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IACxD,MAAM,cAAc,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC;IAE9E,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,6BAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,EAAE;YACpF,oCAAoC,EAAE,CAAC,OAAO;SAC/C,CAAC;QACA,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,padding=true, className = '' } = options\n    const currentVersion = version || localStorage.getItem('app_version') || 'v2';\n\n    return (props) => (\n        <div className={cn('tnt-table-v-container', 'tnt-current-' + currentVersion, className, {\n            'tnt-table-v-container-hide-padding': !padding,\n          })}>\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/tabs-container/index.js

@@ -6,7 +6,7 @@ export default ((WrappedComponent, options = {}) => {
     version,
     className = ''
   } = options;
-  const currentVersion = version || localStorage.getItem('app_version') || 'v2';
+  const currentVersion = version || 'v3';
   return props => React.createElement("div", {
     className: cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)
   }, React.createElement(WrappedComponent, Object.assign({}, props, options)));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs-container/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,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,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC;IAE9E,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,6BAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QAClF,oBAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CAC1C,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\n\nimport './index.less';\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, className = '' } = options\n    const currentVersion = version || localStorage.getItem('app_version') || 'v2';\n\n    return (props) => (\n        <div className={cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)}>\n            <WrappedComponent {...props} {...options} />\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs-container/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,cAAc,CAAA;AAErB,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;IAEzC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,6BAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QACpF,oBAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CACxC,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\n\nimport './index.less'\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, className = '' } = options\n    const currentVersion = version || 'v3';\n\n  return (props) => (\n    <div className={cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)}>\n      <WrappedComponent {...props} {...options} />\n    </div>\n  )\n}\n"]}

package/es/title/index.js

@@ -18,11 +18,12 @@ export default (props => {
       size = 'default',
       extra,
       number,
-      simple
+      simple,
+      className
     } = _a,
-    rest = __rest(_a, ["title", "subTitle", "size", "extra", "number", "simple"]);
+    rest = __rest(_a, ["title", "subTitle", "size", "extra", "number", "simple", "className"]);
   return React.createElement("div", Object.assign({
-    className: cn('tntd-title', size, {
+    className: cn('tntd-title', className, size, {
       'has-number': number
     }, {
       'is-simple': simple

package/es/title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/title/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,cAAc,CAAA;AAWrB,eAAe,CAAC,KAAiB,EAAE,EAAE;IACnC,MAAM,KAQF,KAAK,IAAI,EAAE,EART,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,MAAM,EACN,MAAM,OAEO,EADV,IAAI,cAPH,0DAQL,CAAc,CAAA;IAEf,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,IAChF,IAAI;QAER,6BAAK,SAAS,EAAC,iBAAiB;YAC7B,MAAM,IAAI,2BAAG,SAAS,EAAC,OAAO,IAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAK;YACzE,gCAAK,YAAY,CAAC,KAAK,CAAC,CAAM;YAC9B,kCAAO,QAAQ,CAAQ,CACnB;QACL,KAAK,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAO,CACrD,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { FC, ComponentProps } from 'react'\nimport cn from 'classnames'\nimport { doUpperTitle } from '../utils'\nimport './index.less'\n\nexport interface TitleProps extends ComponentProps<'div'> {\n  title?: string\n  subTitle?: string\n  size?: 'default' | 'small' | 'middle' | 'large'\n  extra?: React.ReactNode\n  number?: number\n  simple?: boolean\n}\n\nexport default (props: TitleProps) => {\n  const {\n    title = '暂无标题',\n    subTitle,\n    size = 'default',\n    extra,\n    number,\n    simple,\n    ...rest\n  } = props || {}\n\n  return (\n    <div\n      className={cn('tntd-title', size, { 'has-number': number }, { 'is-simple': simple })}\n      {...rest}\n    >\n      <div className=\"tntd-title-text\">\n        {number && <i className=\"count\">{number <= 9 ? `0${number}` : number}</i>}\n        <h3>{doUpperTitle(title)}</h3>\n        <span>{subTitle}</span>\n      </div>\n      {extra && <div className=\"tntd-title-extra\">{extra}</div>}\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/title/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,cAAc,CAAA;AAYrB,eAAe,CAAC,KAAiB,EAAE,EAAE;IACnC,MAAM,KASF,KAAK,IAAI,EAAE,EATT,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,OAEI,EADV,IAAI,cARH,uEASL,CAAc,CAAA;IAEf,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,EAAE,YAAY,EAAE,MAAM,EAAE,EACxB,EAAE,WAAW,EAAE,MAAM,EAAE,CACxB,IACG,IAAI;QAER,6BAAK,SAAS,EAAC,iBAAiB;YAC7B,MAAM,IAAI,2BAAG,SAAS,EAAC,OAAO,IAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAK;YACzE,gCAAK,YAAY,CAAC,KAAK,CAAC,CAAM;YAC9B,kCAAO,QAAQ,CAAQ,CACnB;QACL,KAAK,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAO,CACrD,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { FC, ComponentProps } from 'react'\nimport cn from 'classnames'\nimport { doUpperTitle } from '../utils'\nimport './index.less'\n\nexport interface TitleProps extends ComponentProps<'div'> {\n  title?: string\n  subTitle?: string\n  className?: string\n  size?: 'default' | 'small' | 'middle' | 'large'\n  extra?: React.ReactNode\n  number?: number\n  simple?: boolean\n}\n\nexport default (props: TitleProps) => {\n  const {\n    title = '暂无标题',\n    subTitle,\n    size = 'default',\n    extra,\n    number,\n    simple,\n    className,\n    ...rest\n  } = props || {}\n\n  return (\n    <div\n      className={cn(\n        'tntd-title',\n        className,\n        size,\n        { 'has-number': number },\n        { 'is-simple': simple }\n      )}\n      {...rest}\n    >\n      <div className=\"tntd-title-text\">\n        {number && <i className=\"count\">{number <= 9 ? `0${number}` : number}</i>}\n        <h3>{doUpperTitle(title)}</h3>\n        <span>{subTitle}</span>\n      </div>\n      {extra && <div className=\"tntd-title-extra\">{extra}</div>}\n    </div>\n  )\n}\n"]}

package/es/tntd-action/Action.js

@@ -26,9 +26,10 @@ export default function WarpAction(_a) {
     return React.createElement(LocaleReceiver, {
       componentName: "TntdAction"
     }, locale => {
-      return React.createElement(Action, Object.assign({}, other, {
-        locale: locale,
-        getContainer: _getContainer
+      return React.createElement(Action, Object.assign({
+        getPopupContainer: _getContainer
+      }, other, {
+        locale: locale
       }));
     });
   });
@@ -37,28 +38,73 @@ function Action({
   title,
   hidden,
   data,
+  afterClose,
   locale,
   className,
-  getContainer
+  width = 700,
+  getPopupContainer
 }) {
   const [visible, setVisible] = useState(false);
+  const [offset, setOffset] = useState({
+    left: 400,
+    bottom: 100,
+    width
+  });
   const ref = useRef();
+  const refDom = useRef();
   useEffect(() => {
-    ref.current = getContainer();
-  }, [getContainer]);
+    ref.current = getPopupContainer();
+  }, [getPopupContainer]);
   useEffect(() => {
-    setVisible(data.length > 0);
-  }, [data]);
+    const visible = data.length > 0;
+    if (visible && ref.current) {
+      const offset = ref.current.getBoundingClientRect();
+      setOffset({
+        left: offset.left + (offset.width - width) / 2,
+        bottom: 100,
+        width
+      });
+    }
+    setVisible(visible);
+  }, [data, width]);
+  const onMouseDown = e => {
+    const startX = e.clientX - offset.left;
+    const startY = e.clientY + offset.bottom;
+    const onmousemove = e => {
+      refDom.current.style.left = e.clientX - startX + 'px';
+      refDom.current.style.bottom = startY - e.clientY + 'px';
+    };
+    const onmouseup = e => {
+      setOffset(offset => Object.assign(Object.assign({}, offset), {
+        left: e.clientX - startX,
+        bottom: startY - e.clientY
+      }));
+      document.removeEventListener('mousemove', onmousemove);
+      document.removeEventListener('mouseup', onmouseup);
+    };
+    document.addEventListener('mousemove', onmousemove);
+    document.addEventListener('mouseup', onmouseup);
+  };
   if (ref.current && visible && !hidden) {
     return ReactDOM.createPortal(React.createElement("div", {
-      className: classNames('tnt-action', className)
+      className: classNames('tnt-action', className),
+      style: offset,
+      onMouseDown: onMouseDown,
+      ref: refDom
     }, React.createElement("div", {
-      className: "fr"
+      className: "fr",
+      onClick: e => {
+        e.stopPropagation();
+      }
     }, data), React.createElement(Button, {
       shape: "circle",
       icon: "close",
       type: "tertiary",
-      onClick: () => setVisible(false)
+      onClick: e => {
+        e.stopPropagation();
+        setVisible(false);
+        afterClose && afterClose();
+      }
     }), React.createElement("span", {
       className: "tnt-action-text"
     }, title)), ref.current);

package/es/tntd-action/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../src/tntd-action/Action.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,cAAc,MAAM,wCAAwC,CAAA;AACnE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAA;AAE/C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAgD;QAAhD,EAAE,YAAY,GAAG,mBAAmB,OAAY,EAAP,KAAK,cAA9C,gBAAgD,CAAF;IAC/E,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,EAAE,EAAE;QACjE,MAAM,aAAa,GAAG,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,YAAY,CAAA;QAE1F,OAAO,CACL,oBAAC,cAAc,IAAC,aAAa,EAAC,YAAY,IACvC,CAAC,MAAM,EAAE,EAAE;YACV,OAAO,oBAAC,MAAM,oBAAK,KAAK,IAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,IAAI,CAAA;QAC3E,CAAC,CACc,CAClB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE;IACtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,YAAY,EAAE,CAAA;IAC9B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAI,GAAG,CAAC,OAAO,IAAI,OAAO,IAAI,CAAC,MAAM,EAAE;QACrC,OAAO,QAAQ,CAAC,YAAY,CAC1B,6BAAK,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC;YACjD,6BAAK,SAAS,EAAC,IAAI,IAAE,IAAI,CAAO;YAChC,oBAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAAI;YACxF,8BAAM,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAQ,CAC5C,EACN,GAAG,CAAC,OAAO,CACZ,CAAA;KACF;IACD,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport { Button } from '../button'\n\nconst defaultGetContainer = () => document.body\n\nexport default function WarpAction({ getContainer = defaultGetContainer, ...other }) {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls, getPopupContainer: getContextPopupContainer }) => {\n        const _getContainer = getContainer === undefined ? getContextPopupContainer : getContainer\n\n        return (\n          <LocaleReceiver componentName=\"TntdAction\">\n            {(locale) => {\n              return <Action {...other} locale={locale} getContainer={_getContainer} />\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nfunction Action({ title, hidden, data, locale, className, getContainer }) {\n  const [visible, setVisible] = useState(false)\n  const ref = useRef()\n\n  useEffect(() => {\n    ref.current = getContainer()\n  }, [getContainer])\n\n  useEffect(() => {\n    setVisible(data.length > 0)\n  }, [data])\n\n  if (ref.current && visible && !hidden) {\n    return ReactDOM.createPortal(\n      <div className={classNames('tnt-action', className)}>\n        <div className=\"fr\">{data}</div>\n        <Button shape=\"circle\" icon=\"close\" type=\"tertiary\" onClick={() => setVisible(false)} />\n        <span className=\"tnt-action-text\">{title}</span>\n      </div>,\n      ref.current\n    )\n  }\n  return null\n}\n"]}
+{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../src/tntd-action/Action.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport { Button } from '../button'\n\nconst defaultGetContainer = () => document.body\n\nexport default function WarpAction({ getContainer = defaultGetContainer, ...other }) {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls, getPopupContainer: getContextPopupContainer }) => {\n        const _getContainer = getContainer === undefined ? getContextPopupContainer : getContainer\n\n        return (\n          <LocaleReceiver componentName=\"TntdAction\">\n            {(locale) => {\n              return <Action getPopupContainer={_getContainer} {...other} locale={locale} />\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nfunction Action({\n  title,\n  hidden,\n  data,\n  afterClose,\n  locale,\n  className,\n  width = 700,\n  getPopupContainer,\n}) {\n  const [visible, setVisible] = useState(false)\n  const [offset, setOffset] = useState({ left: 400, bottom: 100, width })\n  const ref = useRef()\n  const refDom = useRef()\n\n  useEffect(() => {\n    ref.current = getPopupContainer()\n  }, [getPopupContainer])\n\n  useEffect(() => {\n    const visible = data.length > 0\n    if (visible && ref.current) {\n      const offset = ref.current.getBoundingClientRect()\n      setOffset({ left: offset.left + (offset.width - width) / 2, bottom: 100, width })\n    }\n    setVisible(visible)\n  }, [data, width])\n\n  const onMouseDown = (e) => {\n    const startX = e.clientX - offset.left\n    const startY = e.clientY + offset.bottom\n    const onmousemove = (e) => {\n      refDom.current.style.left = e.clientX - startX + 'px'\n      refDom.current.style.bottom = startY - e.clientY + 'px'\n    }\n    const onmouseup = (e) => {\n      setOffset((offset) => ({ ...offset, left: e.clientX - startX, bottom: startY - e.clientY }))\n      document.removeEventListener('mousemove', onmousemove)\n      document.removeEventListener('mouseup', onmouseup)\n    }\n    document.addEventListener('mousemove', onmousemove)\n    document.addEventListener('mouseup', onmouseup)\n  }\n\n  if (ref.current && visible && !hidden) {\n    return ReactDOM.createPortal(\n      <div\n        className={classNames('tnt-action', className)}\n        style={offset}\n        onMouseDown={onMouseDown}\n        ref={refDom}\n      >\n        <div\n          className=\"fr\"\n          onClick={(e) => {\n            e.stopPropagation()\n          }}\n        >\n          {data}\n        </div>\n        <Button\n          shape=\"circle\"\n          icon=\"close\"\n          type=\"tertiary\"\n          onClick={(e) => {\n            e.stopPropagation()\n            setVisible(false)\n            afterClose && afterClose()\n          }}\n        />\n        <span className=\"tnt-action-text\">{title}</span>\n      </div>,\n      ref.current\n    )\n  }\n  return null\n}\n"]}

package/es/tntd-action/index.less

@@ -1,16 +1,18 @@
 .tnt-action {
   position: fixed;
-  bottom: 100px;
-  width: @tnt-action-width;
-  left: calc(50vw - @tnt-action-width / 2);
+  // bottom: 100px;
+  // width: @tnt-action-width;
+  // left: calc(50vw - @tnt-action-width / 2);
   padding: 10px 16px;
   background-color: @text-color;
   border-radius: @border-radius-base;
   z-index: 200;
+  cursor: grab;
   &-text {
     color: @white;
     margin-left: 20px;
     font-size: 14px;
+    user-select: none;
     .num {
       display: inline-block;
       width: 16px;

package/lib/handle-icon/index.less

@@ -33,6 +33,7 @@
         cursor: pointer;
     }
     font-size: @small-size;
+    line-height: 22px;
 }
 .tnt-handle-icon-middle{
     .tntd-anticon{
@@ -40,6 +41,7 @@
         cursor: pointer;
     }
     font-size: @middle-size;
+    line-height: 22px;
 }
 .tnt-handle-icon-large{
     .tntd-anticon{
@@ -47,5 +49,5 @@
         cursor: pointer;
     }
     font-size: @large-size;
-}
-
+    line-height: 22px;
+}

package/lib/page-container/index.js

@@ -13,7 +13,7 @@ var _default = exports["default"] = function _default(WrappedComponent) {
   var version = options.version,
     _options$className = options.className,
     className = _options$className === void 0 ? '' : _options$className;
-  var currentVersion = version || localStorage.getItem('app_version') || 'v3';
+  var currentVersion = version || 'v3';
   return function (props) {
     return _react["default"].createElement("div", {
       className: (0, _classnames["default"])('tnt-page-v-container', 'tnt-current-' + currentVersion, className)

package/lib/page-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page-container/index.js"],"names":[],"mappings":";;;;;AAAA,4DAA2B;AAC3B,kDAAyB;AACzB,wBAAqB;AAErB,kBAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAChD,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IAC3C,MAAM,cAAc,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,IAAI,CAAA;IAE7E,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QACpF,8BAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CACxC,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import cn from 'classnames'\nimport React from 'react'\nimport './index.less'\n\nexport default (WrappedComponent, options = {}) => {\n  const { version, className = '' } = options\n  const currentVersion = version || localStorage.getItem('app_version') || 'v3'\n\n  return (props) => (\n    <div className={cn('tnt-page-v-container', 'tnt-current-' + currentVersion, className)}>\n      <WrappedComponent {...props} {...options} />\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page-container/index.js"],"names":[],"mappings":";;;;;AAAA,4DAA2B;AAC3B,kDAAyB;AACzB,wBAAqB;AAErB,kBAAe,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;IAEzC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QACpF,8BAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CACxC,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import cn from 'classnames'\nimport React from 'react'\nimport './index.less'\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, className = '' } = options\n    const currentVersion = version || 'v3';\n\n  return (props) => (\n    <div className={cn('tnt-page-v-container', 'tnt-current-' + currentVersion, className)}>\n      <WrappedComponent {...props} {...options} />\n    </div>\n  )\n}\n"]}