@ccs-ui/rc-pro 2.4.6 → 2.4.7-beta.2

package/es/hooks/use-app.d.ts

@@ -9,17 +9,15 @@ export declare const useProTableFields: () => {
     requestParam: {
         pageNo: string[];
         pageSize: string[];
+        filters: string[];
+        orderProps: string[];
         query?: string[] | undefined;
-        orderProps?: string[] | undefined;
-        filters?: string[] | undefined;
     };
 };
-export declare const useProTableTreeFields: () => {
-    dataSource: string[];
-};
-export declare const useDialogFields: () => {
+export declare const useBaseFields: () => {
     success: string[];
     successTag: any;
-    errorMsg: string[];
+    msg: string[];
+    data: string[];
 };
 export default useAppConfig;

package/es/hooks/use-app.js

@@ -31,22 +31,16 @@ export var useProTableFields = function useProTableFields() {
       orderProps: ['orderProps'],
       query: ['query']
     }
-  }, context === null || context === void 0 || (_context$fieldNames = context.fieldNames) === null || _context$fieldNames === void 0 ? void 0 : _context$fieldNames.proTable);
+  }, context === null || context === void 0 || (_context$fieldNames = context.fieldNames) === null || _context$fieldNames === void 0 ? void 0 : _context$fieldNames.page);
 };
-export var useProTableTreeFields = function useProTableTreeFields() {
+export var useBaseFields = function useBaseFields() {
   var _context$fieldNames2;
   var context = useContext(AppConfigContext) || {};
-  return _objectSpread({
-    dataSource: ['data']
-  }, context === null || context === void 0 || (_context$fieldNames2 = context.fieldNames) === null || _context$fieldNames2 === void 0 ? void 0 : _context$fieldNames2.proTableTree);
-};
-export var useDialogFields = function useDialogFields() {
-  var _context$fieldNames3;
-  var context = useContext(AppConfigContext) || {};
   return _objectSpread({
     success: ['success'],
     successTag: true,
-    errorMsg: ['msg']
-  }, context === null || context === void 0 || (_context$fieldNames3 = context.fieldNames) === null || _context$fieldNames3 === void 0 ? void 0 : _context$fieldNames3.dialog);
+    msg: ['msg'],
+    data: ['data']
+  }, context === null || context === void 0 || (_context$fieldNames2 = context.fieldNames) === null || _context$fieldNames2 === void 0 ? void 0 : _context$fieldNames2.base);
 };
 export default useAppConfig;

package/es/hooks/use-input-css.d.ts

@@ -0,0 +1,17 @@
+import { InputProps } from 'antd/lib';
+import { CSSProperties } from 'react';
+import { AppConfigType, EditorStyles } from '../ccs';
+type InputCssProps = Pick<InputProps, 'size' | 'variant' | 'height'> & {
+    styles?: EditorStyles;
+    theme?: AppConfigType['theme'];
+};
+type InputCssResult = {
+    styles: EditorStyles & {
+        background: string;
+        toolbarStyles: CSSProperties;
+        placeholderStyles: CSSProperties;
+    };
+    onActived: (actived: boolean) => void;
+};
+export default function useInputCss({ height, styles, variant, size, theme, }: InputCssProps): InputCssResult;
+export {};

package/es/hooks/use-input-css.js

@@ -0,0 +1,101 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { theme as antTheme } from 'antd';
+import { useMemo, useState } from 'react';
+// 生成输入框样式
+export default function useInputCss(_ref) {
+  var height = _ref.height,
+    styles = _ref.styles,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'outlined' : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size,
+    theme = _ref.theme;
+  // 组件激活状态
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    actived = _useState2[0],
+    setActived = _useState2[1];
+  var _antTheme$useToken = antTheme.useToken(),
+    token = _antTheme$useToken.token;
+
+  // 组件样式
+  var defaultStyles = useMemo(function () {
+    var _token$Input, _token$Input2, _token$Input3, _token$Input4, _token$Input5, _token$Input6, _token$Input7, _token$Input8;
+    var PADDING = {
+      small: {
+        paddingBlock: ((_token$Input = token.Input) === null || _token$Input === void 0 ? void 0 : _token$Input.paddingBlock) || 0,
+        paddingInline: ((_token$Input2 = token.Input) === null || _token$Input2 === void 0 ? void 0 : _token$Input2.paddingInline) || 7
+      },
+      middle: {
+        paddingBlock: ((_token$Input3 = token.Input) === null || _token$Input3 === void 0 ? void 0 : _token$Input3.paddingBlock) || 4,
+        paddingInline: ((_token$Input4 = token.Input) === null || _token$Input4 === void 0 ? void 0 : _token$Input4.paddingInline) || 11
+      },
+      large: {
+        paddingBlock: ((_token$Input5 = token.Input) === null || _token$Input5 === void 0 ? void 0 : _token$Input5.paddingBlock) || 7,
+        paddingInline: ((_token$Input6 = token.Input) === null || _token$Input6 === void 0 ? void 0 : _token$Input6.paddingInline) || 11
+      }
+    };
+    var rootStyles = {
+      overflow: 'hidden',
+      borderRadius: token.borderRadius,
+      borderColor: actived ? ((_token$Input7 = token.Input) === null || _token$Input7 === void 0 ? void 0 : _token$Input7.hoverBorderColor) || token.colorInfoHover : token.colorBorder,
+      borderWidth: token.lineWidth,
+      borderStyle: token.lineType,
+      boxShadow: actived ? ((_token$Input8 = token.Input) === null || _token$Input8 === void 0 ? void 0 : _token$Input8.activeShadow) || token.boxShadowTertiary : 'none'
+    };
+    if (variant === 'filled') {
+      rootStyles.background = token.colorFillTertiary;
+      rootStyles.borderColor = 'transparent';
+    }
+    if (variant === 'borderless') {
+      rootStyles.borderColor = 'transparent';
+    }
+    if (variant === 'underlined') {
+      rootStyles.borderColor = "transparent transparent ".concat(token.colorBorder, " transparent");
+      rootStyles.borderRadius = 0;
+    }
+
+    // 内部样式
+    var innerStyles = {
+      padding: "".concat(PADDING[size].paddingBlock, "px ").concat(PADDING[size].paddingInline, "px")
+    };
+    if (height) {
+      rootStyles.height = typeof height === 'number' ? "".concat(height, "px") : height;
+      rootStyles.overflow = 'hidden';
+    }
+
+    // 操作按钮样式
+    var toolbarStyles = {
+      borderBottom: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(variant === 'outlined' ? token.colorBorder : 'transparent')
+    };
+
+    // 占位符样式
+    var placeholderStyles = {
+      top: PADDING[size].paddingBlock,
+      left: PADDING[size].paddingInline,
+      color: token.colorTextPlaceholder
+    };
+    return {
+      root: _objectSpread(_objectSpread({}, rootStyles), styles === null || styles === void 0 ? void 0 : styles.root),
+      inner: _objectSpread(_objectSpread({}, innerStyles), styles === null || styles === void 0 ? void 0 : styles.inner),
+      background: token.colorBgContainer,
+      toolbarStyles: toolbarStyles,
+      placeholderStyles: placeholderStyles
+    };
+  }, [variant, actived, styles, theme]);
+  return {
+    styles: defaultStyles,
+    onActived: setActived
+  };
+}

package/es/hooks/use-insert-css.d.ts

@@ -0,0 +1 @@
+export declare function useInsertCss(key: string, onAddCss: (prefixCls: string) => string[]): void;

package/es/hooks/use-insert-css.js

@@ -0,0 +1,17 @@
+import { insertCss } from 'insert-css';
+import { useEffect } from 'react';
+import useAppConfig from "./use-app";
+var InsertCssKeys = {};
+export function useInsertCss(key, onAddCss) {
+  var _ref = useAppConfig() || {},
+    antConfig = _ref.antConfig;
+  var prefixCls = (antConfig === null || antConfig === void 0 ? void 0 : antConfig.prefixCls) || 'ant';
+  useEffect(function () {
+    // 全局插入一次
+    if (InsertCssKeys[key]) return;
+    InsertCssKeys[key] = true;
+    var csss = onAddCss(prefixCls) || [];
+    // 插入额外css
+    insertCss(csss.join(''));
+  }, []);
+}

package/es/index.d.ts

@@ -1,4 +1,6 @@
 export { default as CcsAjCaptcha } from './aj-captcha';
+export { default as CcsAtom } from './atom';
+export { default as CcsFullScreenButton } from './atom/full-screen';
 export { default as CcsAuth } from './auth';
 export { default as CcsButton } from './button';
 export { default as CcsCascader } from './cascader';
@@ -7,9 +9,7 @@ export { default as CcsAppConfig } from './config';
 export { default as CcsDatePicker } from './date-picker';
 export { default as CcsDialog } from './dialog';
 export { default as CcsEditor } from './editor';
-export { default as CcsEllipsis } from './ellipsis';
 export { default as CcsForm } from './form';
-export { default as CcsFullScreenButton } from './full-screen';
 export { default as useAppConfig } from './hooks/use-app';
 export { default as useCcsOnceEvent } from './hooks/use-once-event';
 export { default as useCcsPage } from './hooks/use-page';
@@ -22,7 +22,6 @@ export { default as CcsSinglePage } from './layout-single-page';
 export { default as CcsLoading } from './loading';
 export { default as CcsProTable } from './pro-table';
 export { default as CcsProTabs } from './pro-tabs';
-export { default as CcsResizeObserver } from './resize-observer';
 export { default as CcsResult } from './result';
 export { default as CcsSelect } from './select';
 export { default as CcsStatusTag } from './status-tag';

package/es/index.js

@@ -1,4 +1,6 @@
 export { default as CcsAjCaptcha } from "./aj-captcha";
+export { default as CcsAtom } from "./atom";
+export { default as CcsFullScreenButton } from "./atom/full-screen";
 export { default as CcsAuth } from "./auth";
 export { default as CcsButton } from "./button";
 export { default as CcsCascader } from "./cascader";
@@ -7,9 +9,8 @@ export { default as CcsAppConfig } from "./config";
 export { default as CcsDatePicker } from "./date-picker";
 export { default as CcsDialog } from "./dialog";
 export { default as CcsEditor } from "./editor";
-export { default as CcsEllipsis } from "./ellipsis";
+// export { default as CcsEllipsis } from './ellipsis';
 export { default as CcsForm } from "./form";
-export { default as CcsFullScreenButton } from "./full-screen";
 export { default as useAppConfig } from "./hooks/use-app";
 export { default as useCcsOnceEvent } from "./hooks/use-once-event";
 export { default as useCcsPage } from "./hooks/use-page";
@@ -22,7 +23,6 @@ export { default as CcsSinglePage } from "./layout-single-page";
 export { default as CcsLoading } from "./loading";
 export { default as CcsProTable } from "./pro-table";
 export { default as CcsProTabs } from "./pro-tabs";
-export { default as CcsResizeObserver } from "./resize-observer";
 export { default as CcsResult } from "./result";
 export { default as CcsSelect } from "./select";
 export { default as CcsStatusTag } from "./status-tag";

package/es/layout-keep-alive/index.js

@@ -24,6 +24,7 @@ import { useCallback, useMemo, useRef } from 'react';
 import { useLocation } from 'react-router';
 import { useOutlet } from 'react-router-dom';
 import { CcsResult, useAppConfig } from '..';
+import { useInsertCss } from "../hooks/use-insert-css";
 import "./index.less";
 import Page from "./page";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -142,6 +143,11 @@ function KeepAliveTabs(_ref) {
     theme = _useAppConfig.theme;
   var isDark = theme === 'dark';
 
+  // 添加额外样式
+  useInsertCss('keep-alive', function (prefixCls) {
+    return [".ccs-tabs-auto-height > .".concat(prefixCls, "-tabs-content-holder,\n      .ccs-tabs-auto-height > .").concat(prefixCls, "-tabs-content-holder > .").concat(prefixCls, "-tabs-content,\n      .ccs-tabs-auto-height > .").concat(prefixCls, "-tabs-content-holder > .").concat(prefixCls, "-tabs-content > div,\n      .ccs-tabs-auto-height> .").concat(prefixCls, "-tabs-content-holder> .").concat(prefixCls, "-tabs-content> div> .ccs-pl { height: 100%;}"), ".ccs-keep-alive-nav .".concat(prefixCls, "-tabs-tab {border: 0 !important;border-radius: 0 !important;}"), ".ccs-keep-alive-nav .".concat(prefixCls, "-tabs-tab-active {background-color: #f0f2f5 !important;}"), ".ccs-keep-alive .dark .ccs-keep-alive-nav .".concat(prefixCls, "-tabs-tab-active {background-color: #2b2c2c !important;} ")];
+  });
+
   // 超过缓存数量，删除第一个
   if (routers.current.length >= maxLen) {
     routers.current = routers.current.slice(1);

package/es/pro-table/_api.d.ts

@@ -1,30 +1,7 @@
 import { TableProps as AntdTableProps, PaginationProps } from 'antd';
 import { ColumnGroupType, ColumnType } from 'antd/es/table';
-import { CSSProperties, MutableRefObject, ReactElement, ReactNode } from 'react';
-import { EllipsisProps, FormItemProps, PropsWithCss, PropsWithNodeChildren, TableFieldNames } from '../ccs';
-/** table 事件类型 */
-export declare enum TableEvent {
-    /** 查询 */
-    Search = "search",
-    /** 重置 */
-    Reset = "reset",
-    /** 刷新 */
-    Reload = "reload",
-    /** 分页 */
-    ChangePage = "changePage",
-    /** 初始化查询 */
-    InitSearch = "initSearch",
-    /** 全屏 */
-    FullScreen = "fullScreen",
-    /** 列过滤 */
-    ColumnFilter = "columnFilter",
-    /** 选中行 */
-    SelectedRows = "SelectedRows",
-    /** 异步树展开 */
-    Expand = "Expand",
-    /** 异步树局部刷新 */
-    PartialReload = "PartialReload"
-}
+import { CSSProperties, MutableRefObject, ReactNode } from 'react';
+import { AtomEllipsisProps, AtomFilterProps, AtomFormItems, AtomPageRequestProps, DataEvent, PropsWithCss, PropsWithNodeChildren } from '../ccs';
 /** table 列属性 */
 export type TableColumn<RecordType = any> = (Omit<ColumnGroupType<RecordType>, 'ellipsis'> | Omit<ColumnType<RecordType>, 'ellipsis'>) & {
     /** 列字段 */
@@ -32,23 +9,16 @@ export type TableColumn<RecordType = any> = (Omit<ColumnGroupType<RecordType>, '
     /** 隐藏列 */
     hidden?: boolean;
     /** 省略显示行数,最大支持10行 */
-    ellipsis?: Omit<EllipsisProps, 'content'> | boolean | number;
+    ellipsis?: Omit<AtomEllipsisProps, 'content'> | boolean | number;
 };
 export type TableColumns<T = any> = TableColumn<T>[];
 /** CcsProTable 组件中table相关属性，继承 Antd TableProps */
-export interface TableProps<T> extends Omit<AntdTableProps<T>, 'columns' | 'summary'> {
+export interface TableProps<T> extends Omit<AntdTableProps<T>, 'columns' | 'summary'>, Pick<AtomPageRequestProps<T>, 'emptyDefaultOne' | 'fieldNames'> {
     data?: TableData<T>;
-    /**
-     * 为空时,默认一条数据
-     * @default false
-     * */
-    emptyDefaultOne?: boolean;
+    /** 额外请求参数 */
+    requestParam?: Record<string, any>;
     /** request 方法 */
     request?: (params: any) => Promise<any>;
-    /** request 额外参数  */
-    requestParam?: Record<string, any>;
-    /** 接口字段指定,默认： */
-    fieldNames?: TableFieldNames;
     /** class name */
     className?: string;
     /** style */
@@ -63,30 +33,18 @@ export interface TableProps<T> extends Omit<AntdTableProps<T>, 'columns' | 'summ
     /** table summary */
     summary?: (data: readonly T[], columns: TableColumn<T>[]) => React.ReactNode;
 }
-/** table 事件处理函数 */
-export type TableEventHandle = (eventName: TableEvent, options?: any) => void;
 /** 异步树叶子节点标识字段或函数判断 */
 export type LeafVerify<RecordType> = string | ((record: RecordType) => boolean);
 /** CcsProTable 组件属性 */
-export interface ProTableProps<RecordType = any> extends Pick<PropsWithCss, 'className'>, PropsWithNodeChildren {
-    /** api权限标识 */
-    auth?: string | 'ignore';
+export interface ProTableProps<RecordType = any> extends Pick<PropsWithCss, 'className'>, PropsWithNodeChildren, Pick<AtomPageRequestProps<RecordType>, 'auth' | 'onEvent'>, Pick<AtomFilterProps, 'formItems' | 'formInitValues' | 'formItemLabelWidth' | 'expandForm'> {
     /** 是否初始查询 @default true */
     init?: boolean;
     /** 标题 */
     title?: string;
-    /** 查询条件集合 */
-    formItems?: TableFormItems;
-    /** form item label 宽度 */
-    formItemLabelWidth?: number | string;
-    /** 查询form 初始值 */
-    formInitValues?: Record<string, any>;
     /** 按钮 操作部分 */
     toolbar?: ReactNode;
     /** 边框 @default false */
     bordered?: boolean;
-    /** 展开查询条件 @default false */
-    expandForm?: boolean;
     /** table 数据区域 */
     table?: TableProps<RecordType>;
     /** 语义化styles */
@@ -104,32 +62,8 @@ export interface ProTableProps<RecordType = any> extends Pick<PropsWithCss, 'cla
     proRef?: TableInstanceRef<RecordType>;
     /** 显示序号 @default false */
     showNumber?: boolean;
-    /** table 事件 */
-    onEvent?: TableEventHandle;
 }
-/** table 查询条件 */
-export type TableFormItem = Omit<FormItemProps, 'mb'> & {
-    /** label 标题 */
-    /**
-     * @deprecated
-     * 请使用 children 代替
-     */
-    value?: ReactElement;
-    /** form item element */
-    /** @deprecated 请使用shouldUpdateNames */
-    depends?: string[];
-    /** @deprecated 请使用 showValidate 代替请  */
-    showDepends?: {
-        name: string;
-        value: any;
-    }[];
-    /** 必填规则 */
-    /** 在发起请求时调用方法，格式化值 */
-    onFormat?: (e: any) => any;
-    /** 分组表单项 */
-    isGroupName?: boolean;
-};
-export type TableFormItems = TableFormItem[];
+export type TableFormItems = AtomFormItems;
 /** table 数据 */
 export type TableData<T> = {
     /** loading */
@@ -157,6 +91,6 @@ export interface TableInstance<T = any> {
 export type TableInstanceRef<T = any> = MutableRefObject<TableInstance<T> | undefined> | React.RefObject<TableInstance<T>>;
 /** table tree 组件实例方法 */
 export type TreeInstance<T> = {
-    onRequestTree: (eventType: TableEvent, query: any, record: T | any) => void;
+    onRequestTree: (eventType: DataEvent, query: any, record: T | any) => void;
     onExpandKeys: (ids: string[]) => void;
 };

package/es/pro-table/_api.js

@@ -1,32 +1 @@
-/** table 事件类型 */
-export var TableEvent = /*#__PURE__*/function (TableEvent) {
-  TableEvent["Search"] = "search";
-  TableEvent["Reset"] = "reset";
-  TableEvent["Reload"] = "reload";
-  TableEvent["ChangePage"] = "changePage";
-  TableEvent["InitSearch"] = "initSearch";
-  TableEvent["FullScreen"] = "fullScreen";
-  TableEvent["ColumnFilter"] = "columnFilter";
-  TableEvent["SelectedRows"] = "SelectedRows";
-  TableEvent["Expand"] = "Expand";
-  TableEvent["PartialReload"] = "PartialReload";
-  return TableEvent;
-}({});
-
-/** table 列属性 */
-
-/** CcsProTable 组件中table相关属性，继承 Antd TableProps */
-
-/** table 事件处理函数 */
-
-/** 异步树叶子节点标识字段或函数判断 */
-
-/** CcsProTable 组件属性 */
-
-/** table 查询条件 */
-
-/** table 数据 */
-
-/** table 实例方法 */
-
-/** table tree 组件实例方法 */
+export {};

package/es/pro-table/index.less

@@ -19,15 +19,6 @@
   }
 }
 
-.ccs-pl.css-table-full {
-  position: fixed;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  z-index: 9999;
-}
-
 .ccs-table-pagination {
   margin: 0 !important;
   padding: 12px 16px;
@@ -38,45 +29,40 @@
   display: flex;
   flex-direction: column;
 
-  &-icon {
-    // color: rgb(0 0 0 / 75%);
-    font-size: 16;
-  }
-
   &-table-content {
     position: relative;
     flex: auto;
   }
 
-  &-form-collapse {
-    display: flex;
-    justify-content: flex-end;
-    flex-wrap: wrap;
-    column-gap: 10px;
-  }
+  // &-form-collapse {
+  //   display: flex;
+  //   justify-content: flex-end;
+  //   flex-wrap: wrap;
+  //   column-gap: 10px;
+  // }
 
-  &-form-expand {
-    display: flex;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-    column-gap: 10px;
-  }
+  // &-form-expand {
+  //   display: flex;
+  //   justify-content: flex-start;
+  //   flex-wrap: wrap;
+  //   column-gap: 10px;
+  // }
 
-  &-adaptation-form {
-    flex: 1 1 auto;
-    overflow: hidden;
+  // &-adaptation-form {
+  //   flex: 1 1 auto;
+  //   overflow: hidden;
 
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
+  //   &::-webkit-scrollbar {
+  //     display: none;
+  //   }
+  // }
 
-  &-form-item {
-    margin-bottom: 10px !important;
-    margin-inline-end: 0 !important;
-  }
+  // &-form-item {
+  //   margin-bottom: 10px !important;
+  //   margin-inline-end: 0 !important;
+  // }
 
-  &-toolbar {
-    flex: 0 0 auto;
-  }
+  // &-toolbar {
+  //   flex: 0 0 auto;
+  // }
 }

package/es/pro-table/table.d.ts

@@ -2,7 +2,7 @@ import { ProTableProps } from './_api';
 import './index.less';
 export type TableRefType = {
     /** 列筛选 */
-    onColumnFilter: (e: any) => void;
+    onColumnFilter: (hideKeys: string[]) => void;
     /** 计算固定表头宽度 */
     onFixedThead: () => void;
 };