Update from Vibe Studio

node_modules/@ant-design/pro-table/es/components/ListToolBar/HeaderMenu.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export type ListToolBarMenuItem = {
+    key: React.Key;
+    label: React.ReactNode;
+    disabled?: boolean;
+};
+export type ListToolBarHeaderMenuProps = {
+    type?: 'inline' | 'dropdown' | 'tab';
+    activeKey?: React.Key;
+    defaultActiveKey?: React.Key;
+    items?: ListToolBarMenuItem[];
+    onChange?: (activeKey?: React.Key) => void;
+    prefixCls?: string;
+};
+declare const HeaderMenu: React.FC<ListToolBarHeaderMenuProps>;
+export default HeaderMenu;

node_modules/@ant-design/pro-table/es/components/ListToolBar/HeaderMenu.js

@@ -0,0 +1,96 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { DownOutlined } from '@ant-design/icons';
+import { ProProvider } from '@ant-design/pro-provider';
+import { compareVersions, menuOverlayCompatible } from '@ant-design/pro-utils';
+import { Dropdown, Space, Tabs, version } from 'antd';
+import classNames from 'classnames';
+import useMergedState from "rc-util/es/hooks/useMergedState";
+import React, { useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var HeaderMenu = function HeaderMenu(props) {
+  var _useContext = useContext(ProProvider),
+    hashId = _useContext.hashId;
+  var _props$items = props.items,
+    items = _props$items === void 0 ? [] : _props$items,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'inline' : _props$type,
+    prefixCls = props.prefixCls,
+    propActiveKey = props.activeKey,
+    defaultActiveKey = props.defaultActiveKey;
+  var _useMergedState = useMergedState(propActiveKey || defaultActiveKey, {
+      value: propActiveKey,
+      onChange: props.onChange
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    activeKey = _useMergedState2[0],
+    setActiveKey = _useMergedState2[1];
+  if (items.length < 1) {
+    return null;
+  }
+  var activeItem = items.find(function (item) {
+    return item.key === activeKey;
+  }) || items[0];
+  if (type === 'inline') {
+    return /*#__PURE__*/_jsx("div", {
+      className: classNames("".concat(prefixCls, "-menu"), "".concat(prefixCls, "-inline-menu"), hashId),
+      children: items.map(function (item, index) {
+        return /*#__PURE__*/_jsx("div", {
+          onClick: function onClick() {
+            setActiveKey(item.key);
+          },
+          className: classNames("".concat(prefixCls, "-inline-menu-item"), activeItem.key === item.key ? "".concat(prefixCls, "-inline-menu-item-active") : undefined, hashId),
+          children: item.label
+        }, item.key || index);
+      })
+    });
+  }
+  if (type === 'tab') {
+    return /*#__PURE__*/_jsx(Tabs, {
+      items: items.map(function (item) {
+        var _item$key;
+        return _objectSpread(_objectSpread({}, item), {}, {
+          key: (_item$key = item.key) === null || _item$key === void 0 ? void 0 : _item$key.toString()
+        });
+      }),
+      activeKey: activeItem.key,
+      onTabClick: function onTabClick(key) {
+        return setActiveKey(key);
+      },
+      children: compareVersions(version, '4.23.0') < 0 ? items === null || items === void 0 ? void 0 : items.map(function (item, index) {
+        /* 如果版本低于 4.23.0，不支持 items */
+        return /*#__PURE__*/_createElement(Tabs.TabPane, _objectSpread(_objectSpread({}, item), {}, {
+          key: item.key || index,
+          tab: item.label
+        }));
+      }) : null
+    });
+  }
+  var dropdownProps = menuOverlayCompatible({
+    selectedKeys: [activeItem.key],
+    onClick: function onClick(item) {
+      setActiveKey(item.key);
+    },
+    items: items.map(function (item, index) {
+      return {
+        key: item.key || index,
+        disabled: item.disabled,
+        label: item.label
+      };
+    })
+  });
+  return /*#__PURE__*/_jsx("div", {
+    className: classNames("".concat(prefixCls, "-menu"), "".concat(prefixCls, "-dropdownmenu")),
+    children: /*#__PURE__*/_jsx(Dropdown, _objectSpread(_objectSpread({
+      trigger: ['click']
+    }, dropdownProps), {}, {
+      children: /*#__PURE__*/_jsxs(Space, {
+        className: "".concat(prefixCls, "-dropdownmenu-label"),
+        children: [activeItem.label, /*#__PURE__*/_jsx(DownOutlined, {})]
+      })
+    }))
+  });
+};
+export default HeaderMenu;

node_modules/@ant-design/pro-table/es/components/ListToolBar/index.d.ts

@@ -0,0 +1,55 @@
+import { TabPaneProps } from 'antd';
+import type { LabelTooltipType } from 'antd/lib/form/FormItemLabel';
+import type { SearchProps } from 'antd/lib/input';
+import React from 'react';
+import type { ListToolBarHeaderMenuProps } from './HeaderMenu';
+export type ListToolBarSetting = {
+    icon: React.ReactNode;
+    tooltip?: LabelTooltipType | string;
+    key?: string;
+    onClick?: (key?: string) => void;
+};
+/** Antd 默认直接导出了 rc 组件中的 Tab.Pane 组件。 */
+type TabPane = TabPaneProps & {
+    key?: string;
+};
+export type ListToolBarTabs = {
+    activeKey?: string;
+    defaultActiveKey?: string;
+    onChange?: (activeKey: string) => void;
+    items?: TabPane[];
+};
+export type ListToolBarMenu = ListToolBarHeaderMenuProps;
+type SearchPropType = (SearchProps & {
+    onSearch: (searchValue: string) => Promise<false | void> | false | void;
+}) | React.ReactNode | boolean;
+type SettingPropType = React.ReactNode | ListToolBarSetting;
+export type ListToolBarProps = {
+    prefixCls?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 副标题 */
+    subTitle?: React.ReactNode;
+    /** 标题提示 */
+    tooltip?: string | LabelTooltipType;
+    /** 搜索输入栏相关配置 */
+    search?: SearchPropType;
+    /** 搜索回调 */
+    onSearch?: (keyWords: string) => void;
+    /** 工具栏右侧操作区 */
+    actions?: React.ReactNode[];
+    /** 工作栏右侧设置区 */
+    settings?: SettingPropType[];
+    /** 是否多行展示 */
+    multipleLine?: boolean;
+    /** 过滤区，通常配合 LightFilter 使用 */
+    filter?: React.ReactNode;
+    /** 标签页配置，仅当 `multipleLine` 为 true 时有效 */
+    tabs?: ListToolBarTabs;
+    /** 菜单配置 */
+    menu?: ListToolBarMenu;
+};
+declare const ListToolBar: React.FC<ListToolBarProps>;
+export default ListToolBar;

node_modules/@ant-design/pro-table/es/components/ListToolBar/index.js

@@ -0,0 +1,314 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { proTheme, useIntl } from '@ant-design/pro-provider';
+import { LabelIconTip, compareVersions } from '@ant-design/pro-utils';
+import { ConfigProvider, Input, Tabs, Tooltip, version } from 'antd';
+import classNames from 'classnames';
+import ResizeObserver from 'rc-resize-observer';
+import React, { useContext, useMemo, useState } from 'react';
+import HeaderMenu from "./HeaderMenu";
+import { useStyle } from "./style";
+
+/** Antd 默认直接导出了 rc 组件中的 Tab.Pane 组件。 */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 获取配置区域 DOM Item
+ *
+ * @param setting 配置项
+ */
+function getSettingItem(setting) {
+  if ( /*#__PURE__*/React.isValidElement(setting)) {
+    return setting;
+  }
+  if (setting) {
+    var settingConfig = setting;
+    var icon = settingConfig.icon,
+      tooltip = settingConfig.tooltip,
+      _onClick = settingConfig.onClick,
+      _key = settingConfig.key;
+    if (icon && tooltip) {
+      return /*#__PURE__*/_jsx(Tooltip, {
+        title: tooltip,
+        children: /*#__PURE__*/_jsx("span", {
+          onClick: function onClick() {
+            if (_onClick) {
+              _onClick(_key);
+            }
+          },
+          children: icon
+        }, _key)
+      });
+    }
+    return /*#__PURE__*/_jsx("span", {
+      onClick: function onClick() {
+        if (_onClick) {
+          _onClick(_key);
+        }
+      },
+      children: icon
+    }, _key);
+  }
+  return null;
+}
+var ListToolBarTabBar = function ListToolBarTabBar(_ref) {
+  var _tabs$items;
+  var prefixCls = _ref.prefixCls,
+    tabs = _ref.tabs,
+    multipleLine = _ref.multipleLine,
+    filtersNode = _ref.filtersNode;
+  if (!multipleLine) return null;
+  return /*#__PURE__*/_jsx("div", {
+    className: "".concat(prefixCls, "-extra-line"),
+    children: tabs !== null && tabs !== void 0 && tabs.items && tabs !== null && tabs !== void 0 && tabs.items.length ? /*#__PURE__*/_jsx(Tabs, {
+      style: {
+        width: '100%'
+      },
+      defaultActiveKey: tabs.defaultActiveKey,
+      activeKey: tabs.activeKey,
+      items: tabs.items.map(function (item, index) {
+        var _item$key;
+        return _objectSpread(_objectSpread({
+          label: item.tab
+        }, item), {}, {
+          key: ((_item$key = item.key) === null || _item$key === void 0 ? void 0 : _item$key.toString()) || (index === null || index === void 0 ? void 0 : index.toString())
+        });
+      }),
+      onChange: tabs.onChange,
+      tabBarExtraContent: filtersNode,
+      children: (_tabs$items = tabs.items) === null || _tabs$items === void 0 ? void 0 : _tabs$items.map(function (item, index) {
+        return compareVersions(version, '4.23.0') < 0 ? /*#__PURE__*/_createElement(Tabs.TabPane, _objectSpread(_objectSpread({}, item), {}, {
+          key: item.key || index,
+          tab: item.tab
+        })) : null;
+      })
+    }) : filtersNode
+  });
+};
+var ListToolBar = function ListToolBar(_ref2) {
+  var customizePrefixCls = _ref2.prefixCls,
+    title = _ref2.title,
+    subTitle = _ref2.subTitle,
+    tooltip = _ref2.tooltip,
+    className = _ref2.className,
+    style = _ref2.style,
+    search = _ref2.search,
+    onSearch = _ref2.onSearch,
+    _ref2$multipleLine = _ref2.multipleLine,
+    multipleLine = _ref2$multipleLine === void 0 ? false : _ref2$multipleLine,
+    filter = _ref2.filter,
+    _ref2$actions = _ref2.actions,
+    actions = _ref2$actions === void 0 ? [] : _ref2$actions,
+    _ref2$settings = _ref2.settings,
+    settings = _ref2$settings === void 0 ? [] : _ref2$settings,
+    tabs = _ref2.tabs,
+    menu = _ref2.menu;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var _proTheme$useToken = proTheme.useToken(),
+    token = _proTheme$useToken.token;
+  var prefixCls = getPrefixCls('pro-table-list-toolbar', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var intl = useIntl();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isMobile = _useState2[0],
+    setIsMobile = _useState2[1];
+  var placeholder = intl.getMessage('tableForm.inputPlaceholder', '请输入');
+
+  /**
+   * 获取搜索栏 DOM
+   *
+   * @param search 搜索框相关配置
+   */
+  var searchNode = useMemo(function () {
+    if (!search) {
+      return null;
+    }
+    if ( /*#__PURE__*/React.isValidElement(search)) {
+      return search;
+    }
+    return /*#__PURE__*/_jsx(Input.Search, _objectSpread(_objectSpread({
+      style: {
+        width: 200
+      },
+      placeholder: placeholder
+    }, search), {}, {
+      onSearch: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var _onSearch, _ref4;
+        var _len,
+          restParams,
+          _key2,
+          success,
+          _args = arguments;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              for (_len = _args.length, restParams = new Array(_len), _key2 = 0; _key2 < _len; _key2++) {
+                restParams[_key2] = _args[_key2];
+              }
+              _context.next = 3;
+              return (_onSearch = (_ref4 = search).onSearch) === null || _onSearch === void 0 ? void 0 : _onSearch.call.apply(_onSearch, [_ref4].concat(restParams));
+            case 3:
+              success = _context.sent;
+              if (success !== false) {
+                onSearch === null || onSearch === void 0 || onSearch(restParams === null || restParams === void 0 ? void 0 : restParams[0]);
+              }
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }))
+    }));
+  }, [placeholder, onSearch, search]);
+
+  /** 轻量筛选组件 */
+  var filtersNode = useMemo(function () {
+    if (filter) return /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefixCls, "-filter ").concat(hashId).trim(),
+      children: filter
+    });
+    return null;
+  }, [filter, hashId, prefixCls]);
+
+  /** 有没有 title，需要结合多个场景判断 */
+  var hasTitle = useMemo(function () {
+    return menu || title || subTitle || tooltip;
+  }, [menu, subTitle, title, tooltip]);
+
+  /** 没有 key 的时候帮忙加一下 key 不加的话很烦人 */
+  var actionDom = useMemo(function () {
+    if (!Array.isArray(actions)) {
+      return actions;
+    }
+    if (actions.length < 1) {
+      return null;
+    }
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: token.marginXS
+      },
+      children: actions.map(function (action, index) {
+        if (! /*#__PURE__*/React.isValidElement(action)) {
+          // eslint-disable-next-line react/no-array-index-key
+          return /*#__PURE__*/_jsx(React.Fragment, {
+            children: action
+          }, index);
+        }
+        return /*#__PURE__*/React.cloneElement(action, _objectSpread({
+          // eslint-disable-next-line react/no-array-index-key
+          key: index
+        }, action === null || action === void 0 ? void 0 : action.props));
+      })
+    });
+  }, [actions]);
+  var hasRight = useMemo(function () {
+    return !!(hasTitle && searchNode || !multipleLine && filtersNode || actionDom || settings !== null && settings !== void 0 && settings.length);
+  }, [actionDom, filtersNode, hasTitle, multipleLine, searchNode, settings === null || settings === void 0 ? void 0 : settings.length]);
+  var hasLeft = useMemo(function () {
+    return tooltip || title || subTitle || menu || !hasTitle && searchNode;
+  }, [hasTitle, menu, searchNode, subTitle, title, tooltip]);
+  var leftTitleDom = useMemo(function () {
+    // 保留dom是为了占位，不然 right 就变到左边了
+    if (!hasLeft && hasRight) {
+      return /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-left ").concat(hashId).trim()
+      });
+    }
+
+    // 减少 space 的dom，渲染的时候能节省点性能
+    if (!menu && (hasTitle || !searchNode)) {
+      return /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-left ").concat(hashId).trim(),
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefixCls, "-title ").concat(hashId).trim(),
+          children: /*#__PURE__*/_jsx(LabelIconTip, {
+            tooltip: tooltip,
+            label: title,
+            subTitle: subTitle
+          })
+        })
+      });
+    }
+    return /*#__PURE__*/_jsxs("div", {
+      className: classNames("".concat(prefixCls, "-left"), hashId, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-left-has-tabs"), (menu === null || menu === void 0 ? void 0 : menu.type) === 'tab'), "".concat(prefixCls, "-left-has-dropdown"), (menu === null || menu === void 0 ? void 0 : menu.type) === 'dropdown'), "".concat(prefixCls, "-left-has-inline-menu"), (menu === null || menu === void 0 ? void 0 : menu.type) === 'inline')),
+      children: [hasTitle && !menu && /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-title ").concat(hashId).trim(),
+        children: /*#__PURE__*/_jsx(LabelIconTip, {
+          tooltip: tooltip,
+          label: title,
+          subTitle: subTitle
+        })
+      }), menu &&
+      /*#__PURE__*/
+      // 这里面实现了 tabs 的逻辑
+      _jsx(HeaderMenu, _objectSpread(_objectSpread({}, menu), {}, {
+        prefixCls: prefixCls
+      })), !hasTitle && searchNode ? /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-search ").concat(hashId).trim(),
+        children: searchNode
+      }) : null]
+    });
+  }, [hasLeft, hasRight, hasTitle, hashId, menu, prefixCls, searchNode, subTitle, title, tooltip]);
+  var rightTitleDom = useMemo(function () {
+    if (!hasRight) return null;
+    return /*#__PURE__*/_jsxs("div", {
+      className: "".concat(prefixCls, "-right ").concat(hashId).trim(),
+      style: isMobile ? {} : {
+        alignItems: 'center'
+      },
+      children: [!multipleLine ? filtersNode : null, hasTitle && searchNode ? /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-search ").concat(hashId).trim(),
+        children: searchNode
+      }) : null, actionDom, settings !== null && settings !== void 0 && settings.length ? /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-setting-items ").concat(hashId).trim(),
+        children: settings.map(function (setting, index) {
+          var settingItem = getSettingItem(setting);
+          return (
+            /*#__PURE__*/
+            // eslint-disable-next-line react/no-array-index-key
+            _jsx("div", {
+              className: "".concat(prefixCls, "-setting-item ").concat(hashId).trim(),
+              children: settingItem
+            }, index)
+          );
+        })
+      }) : null]
+    });
+  }, [hasRight, prefixCls, hashId, isMobile, hasTitle, searchNode, multipleLine, filtersNode, actionDom, settings]);
+  var titleNode = useMemo(function () {
+    if (!hasRight && !hasLeft) return null;
+    var containerClassName = classNames("".concat(prefixCls, "-container"), hashId, _defineProperty({}, "".concat(prefixCls, "-container-mobile"), isMobile));
+    return /*#__PURE__*/_jsxs("div", {
+      className: containerClassName,
+      children: [leftTitleDom, rightTitleDom]
+    });
+  }, [hasLeft, hasRight, hashId, isMobile, leftTitleDom, prefixCls, rightTitleDom]);
+  return wrapSSR( /*#__PURE__*/_jsx(ResizeObserver, {
+    onResize: function onResize(size) {
+      if (size.width < 375 !== isMobile) {
+        setIsMobile(size.width < 375);
+      }
+    },
+    children: /*#__PURE__*/_jsxs("div", {
+      style: style,
+      className: classNames(prefixCls, hashId, className),
+      children: [titleNode, /*#__PURE__*/_jsx(ListToolBarTabBar, {
+        filtersNode: filtersNode,
+        prefixCls: prefixCls,
+        tabs: tabs,
+        multipleLine: multipleLine
+      })]
+    })
+  }));
+};
+export default ListToolBar;

node_modules/@ant-design/pro-table/es/components/ListToolBar/style.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ProAliasToken } from '@ant-design/pro-provider';
+export interface ProListToken extends ProAliasToken {
+    componentCls: string;
+}
+export declare function useStyle(prefixCls: string): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

node_modules/@ant-design/pro-table/es/components/ListToolBar/style.js

@@ -0,0 +1,128 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { useStyle as useAntdStyle } from '@ant-design/pro-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%'
+      },
+      '&: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
+      },
+      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': {
+        fontWeight: 'bold',
+        opacity: '1'
+      }
+    }
+  }, "".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 [genProListStyle(proListToken)];
+  });
+}