@ant-design/pro-components 3.0.2-0 → 3.1.1-0

package/es/table/components/ListToolBar/style.js

@@ -1,128 +1,138 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../provider";
-var genProListStyle = function genProListStyle(token) {
-  return _defineProperty({}, token.componentCls, _defineProperty(_defineProperty(_defineProperty({
-    lineHeight: '1',
-    '&-container': {
-      display: 'flex',
-      justifyContent: 'space-between',
-      paddingBlock: token.padding,
-      paddingInline: 0,
-      '&-mobile': {
-        flexDirection: 'column'
-      }
-    },
-    '&-title': {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'flex-start',
-      color: token.colorTextHeading,
-      fontWeight: '500',
-      fontSize: token.fontSizeLG
-    },
-    '&-search:not(:last-child)': {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'flex-start'
-    },
-    '&-setting-item': {
-      marginBlock: 0,
-      marginInline: 4,
-      color: token.colorIconHover,
-      fontSize: token.fontSizeLG,
-      cursor: 'pointer',
-      '> span': {
-        display: 'block',
-        width: '100%',
-        height: '100%'
+const genProListStyle = token => {
+  return {
+    [token.componentCls]: {
+      lineHeight: '1',
+      '&-container': {
+        display: 'flex',
+        justifyContent: 'space-between',
+        paddingBlock: token.padding,
+        paddingInline: 0,
+        '&-mobile': {
+          flexDirection: 'column'
+        }
       },
-      '&:hover': {
-        color: token.colorPrimary
-      }
-    },
-    '&-left': _defineProperty(_defineProperty({
-      display: 'flex',
-      flexWrap: 'wrap',
-      alignItems: 'center',
-      gap: token.marginXS,
-      justifyContent: 'flex-start',
-      maxWidth: 'calc(100% - 200px)'
-    }, "".concat(token.antCls, "-tabs"), {
-      width: '100%'
-    }), '&-has-tabs', {
-      overflow: 'hidden'
-    }),
-    '&-right': {
-      flex: 1,
-      display: 'flex',
-      flexWrap: 'wrap',
-      justifyContent: 'flex-end',
-      gap: token.marginXS
-    },
-    '&-extra-line': {
-      marginBlockEnd: token.margin
-    },
-    '&-setting-items': {
-      display: 'flex',
-      gap: token.marginXS,
-      lineHeight: '32px',
-      alignItems: 'center'
-    },
-    '&-filter': _defineProperty({
-      '&:not(:last-child)': {
-        marginInlineEnd: token.margin
+      '&-title': {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'flex-start',
+        color: token.colorTextHeading,
+        fontWeight: '500',
+        fontSize: token.fontSizeLG
+      },
+      '&-search:not(:last-child)': {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'flex-start'
+      },
+      '&-setting-item': {
+        marginBlock: 0,
+        marginInline: 4,
+        color: token.colorIconHover,
+        fontSize: token.fontSizeLG,
+        cursor: 'pointer',
+        '> span': {
+          display: 'block',
+          width: '100%',
+          height: '100%'
+        },
+        '&:hover': {
+          color: token.colorPrimary
+        }
+      },
+      '&-left': {
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        gap: token.marginXS,
+        justifyContent: 'flex-start',
+        maxWidth: 'calc(100% - 200px)',
+        [`${token.antCls}-tabs`]: {
+          width: '100%'
+        },
+        '&-has-tabs': {
+          overflow: 'hidden'
+        }
+      },
+      '&-right': {
+        flex: 1,
+        display: 'flex',
+        flexWrap: 'wrap',
+        justifyContent: 'flex-end',
+        gap: token.marginXS
+      },
+      '&-extra-line': {
+        marginBlockEnd: token.margin
+      },
+      '&-setting-items': {
+        display: 'flex',
+        gap: token.marginXS,
+        lineHeight: '32px',
+        alignItems: 'center'
       },
-      display: 'flex',
-      alignItems: 'center'
-    }, "div$".concat(token.antCls, "-pro-table-search"), {
-      marginBlock: 0,
-      marginInline: 0,
-      paddingBlock: 0,
-      paddingInline: 0
-    }),
-    '&-inline-menu-item': {
-      display: 'inline-block',
-      marginInlineEnd: token.marginLG,
-      cursor: 'pointer',
-      opacity: '0.75',
-      '&-active': {
+      '&-filter': {
+        '&:not(:last-child)': {
+          marginInlineEnd: token.margin
+        },
+        display: 'flex',
+        alignItems: 'center',
+        [`div$${token.antCls}-pro-table-search`]: {
+          marginBlock: 0,
+          marginInline: 0,
+          paddingBlock: 0,
+          paddingInline: 0
+        }
+      },
+      '&-inline-menu-item': {
+        display: 'inline-block',
+        marginInlineEnd: token.marginLG,
+        cursor: 'pointer',
+        opacity: '0.75',
+        '&-active': {
+          fontWeight: 'bold',
+          opacity: '1'
+        }
+      },
+      [`${token.antCls}-tabs-top > ${token.antCls}-tabs-nav`]: {
+        marginBlockEnd: 0,
+        '&::before': {
+          borderBlockEnd: 0
+        },
+        [`${token.antCls}-tabs-nav-list`]: {
+          marginBlockStart: 0,
+          '${token.antCls}-tabs-tab': {
+            paddingBlockStart: 0
+          }
+        }
+      },
+      '&-dropdownmenu-label': {
         fontWeight: 'bold',
-        opacity: '1'
+        fontSize: token.fontSizeIcon,
+        textAlign: 'center',
+        cursor: 'pointer'
+      },
+      '@media (max-width: 768px)': {
+        [token.componentCls]: {
+          '&-container': {
+            display: 'flex',
+            flexWrap: 'wrap',
+            flexDirection: 'column'
+          },
+          '&-left': {
+            marginBlockEnd: '16px',
+            maxWidth: '100%'
+          }
+        }
       }
     }
-  }, "".concat(token.antCls, "-tabs-top > ").concat(token.antCls, "-tabs-nav"), _defineProperty({
-    marginBlockEnd: 0,
-    '&::before': {
-      borderBlockEnd: 0
-    }
-  }, "".concat(token.antCls, "-tabs-nav-list"), {
-    marginBlockStart: 0,
-    '${token.antCls}-tabs-tab': {
-      paddingBlockStart: 0
-    }
-  })), '&-dropdownmenu-label', {
-    fontWeight: 'bold',
-    fontSize: token.fontSizeIcon,
-    textAlign: 'center',
-    cursor: 'pointer'
-  }), '@media (max-width: 768px)', _defineProperty({}, token.componentCls, {
-    '&-container': {
-      display: 'flex',
-      flexWrap: 'wrap',
-      flexDirection: 'column'
-    },
-    '&-left': {
-      marginBlockEnd: '16px',
-      maxWidth: '100%'
-    }
-  })));
+  };
 };
 export function useStyle(prefixCls) {
-  return useAntdStyle('ProTableListToolBar', function (token) {
-    var proListToken = _objectSpread(_objectSpread({}, token), {}, {
-      componentCls: ".".concat(prefixCls)
-    });
+  return useAntdStyle('ProTableListToolBar', token => {
+    const proListToken = {
+      ...token,
+      componentCls: `.${prefixCls}`
+    };
     return [genProListStyle(proListToken)];
   });
 }

package/es/table/components/ToolBar/DensityIcon.js

@@ -4,18 +4,19 @@ import React, { useContext } from 'react';
 import { useIntl } from "../../../provider";
 import { TableContext } from "../../Store/Provide";
 import { jsx as _jsx } from "react/jsx-runtime";
-var DensityIcon = function DensityIcon(props) {
-  var _props$icon = props.icon,
-    icon = _props$icon === void 0 ? /*#__PURE__*/_jsx(ColumnHeightOutlined, {}) : _props$icon;
-  var counter = useContext(TableContext);
-  var intl = useIntl();
+const DensityIcon = props => {
+  const {
+    icon = /*#__PURE__*/_jsx(ColumnHeightOutlined, {})
+  } = props;
+  const counter = useContext(TableContext);
+  const intl = useIntl();
   return /*#__PURE__*/_jsx(Dropdown, {
     menu: {
       selectedKeys: [counter.tableSize],
-      onClick: function onClick(_ref) {
-        var _counter$setTableSize;
-        var key = _ref.key;
-        (_counter$setTableSize = counter.setTableSize) === null || _counter$setTableSize === void 0 || _counter$setTableSize.call(counter, key);
+      onClick: ({
+        key
+      }) => {
+        counter.setTableSize?.(key);
       },
       style: {
         width: 80

package/es/table/components/ToolBar/FullscreenIcon.js

@@ -1,21 +1,17 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons';
 import { Tooltip } from 'antd';
 import React, { useEffect, useState } from 'react';
 import { useIntl } from "../../../provider";
 import { isBrowser } from "../../../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
-var FullScreenIcon = function FullScreenIcon() {
-  var intl = useIntl();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    fullscreen = _useState2[0],
-    setFullscreen = _useState2[1];
-  useEffect(function () {
+const FullScreenIcon = () => {
+  const intl = useIntl();
+  const [fullscreen, setFullscreen] = useState(false);
+  useEffect(() => {
     if (!isBrowser()) {
       return;
     }
-    document.onfullscreenchange = function () {
+    document.onfullscreenchange = () => {
       setFullscreen(!!document.fullscreenElement);
     };
   }, []);

package/es/table/components/ToolBar/index.d.ts

@@ -58,11 +58,5 @@ export type ToolbarRenderProps<T> = {
     toolBarRender?: ToolBarProps<T>['toolBarRender'];
     actionRef: React.MutableRefObject<ActionType | undefined>;
 };
-/** 这里负责与table交互，并且减少 render次数 */
-declare class ToolbarRender<T> extends React.Component<ToolbarRenderProps<T>> {
-    onSearch: (keyword: string) => void;
-    isEquals: (next: ToolbarRenderProps<T>) => boolean;
-    shouldComponentUpdate: (next: ToolbarRenderProps<T>) => boolean;
-    render: () => import("react/jsx-runtime").JSX.Element | null;
-}
-export default ToolbarRender;
+declare const _default: <T>(props: ToolbarRenderProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export default _default;