@ccs-ui/rc-pro 1.1.25-beta-3 → 1.1.25-beta-4

package/es/auth/index.d.ts

@@ -36,5 +36,8 @@ declare namespace CcsAuth {
     }) => import("react/jsx-runtime").JSX.Element;
     var Dropdown: ({ auth, menus, children, onClick, ...restProps }: import("./auth-dropdown").CcsAuthDropdownProps) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 }
-declare function AuthGroup({ size, isLink, showCount, moreIcon, moreText, items, onClick, }: CcsAuthGroupProps): import("react/jsx-runtime").JSX.Element | null;
+declare function AuthGroup({ size, isLink, showCount, moreIcon, moreText, items, onClick, ...otherProps }: CcsAuthGroupProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace AuthGroup {
+    var displayName: string;
+}
 export default CcsAuth;

package/es/auth/index.js

@@ -1,6 +1,7 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["key", "label"],
-  _excluded2 = ["key", "label"];
+var _excluded = ["size", "isLink", "showCount", "moreIcon", "moreText", "items", "onClick"],
+  _excluded2 = ["key", "label"],
+  _excluded3 = ["key", "label", "disabled", "onDisabled"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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; }
@@ -54,15 +55,16 @@ function AuthGroup(_ref4) {
     moreText = _ref4.moreText,
     _ref4$items = _ref4.items,
     items = _ref4$items === void 0 ? [] : _ref4$items,
-    onClick = _ref4.onClick;
+    onClick = _ref4.onClick,
+    otherProps = _objectWithoutProperties(_ref4, _excluded);
   var _ref5 = useCcsPage() || {},
     onAuth = _ref5.onAuth;
   var modalRef = useRef(null);
   var authButtons = [];
 
   // 过滤隐藏按钮
-  authButtons = items.filter(function (items) {
-    return !items.hidden;
+  authButtons = items.filter(function (item) {
+    return !item.hidden && !(item.onHidden && item.onHidden(otherProps === null || otherProps === void 0 ? void 0 : otherProps.selectedRows));
   });
 
   // 需要判断权限
@@ -98,13 +100,15 @@ function AuthGroup(_ref4) {
     }
     onClick(key);
   };
+
+  // link类型按钮
   if (isLink) {
     return /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(Space, {
         children: showBtns === null || showBtns === void 0 ? void 0 : showBtns.map(function (_ref6) {
           var key = _ref6.key,
             label = _ref6.label,
-            restProps = _objectWithoutProperties(_ref6, _excluded);
+            restProps = _objectWithoutProperties(_ref6, _excluded2);
           return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, restProps), {}, {
             size: size,
             type: "link",
@@ -136,10 +140,13 @@ function AuthGroup(_ref4) {
   }
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Space, {
+      wrap: true,
       children: showBtns === null || showBtns === void 0 ? void 0 : showBtns.map(function (_ref7, index) {
         var key = _ref7.key,
           label = _ref7.label,
-          restProps = _objectWithoutProperties(_ref7, _excluded2);
+          disabled = _ref7.disabled,
+          onDisabled = _ref7.onDisabled,
+          restProps = _objectWithoutProperties(_ref7, _excluded3);
         // 更多按钮
         if (index === showBtns.length - 1 && authButtons.length > 0) {
           return /*#__PURE__*/_jsxs(Space.Compact, {
@@ -163,8 +170,12 @@ function AuthGroup(_ref4) {
             })]
           }, key);
         }
+
+        // 按钮禁用
+        var isDisabled = disabled || onDisabled && onDisabled(otherProps === null || otherProps === void 0 ? void 0 : otherProps.selectedRows);
         return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, restProps), {}, {
           size: size,
+          disabled: isDisabled,
           onClick: function onClick() {
             return handleOnClick(key);
           },
@@ -178,6 +189,7 @@ function AuthGroup(_ref4) {
     }) : null]
   });
 }
+AuthGroup.displayName = 'AuthGroup';
 CcsAuth.Group = AuthGroup;
 CcsAuth.Button = AuthButton;
 CcsAuth.Dropdown = AuthDropdown;

package/es/ccs.d.ts

@@ -121,6 +121,8 @@ type TableInstance<T = any> = {
     formValues: Record<string, any>;
     /** 获取当前表单数据 */
     data: TableDataType<T>;
+    /** 获取当前选中的数据 */
+    selectedRows: T[];
     /** 查询数据，根据条件，从第一页开始显示 */
     onSearch: () => void;
     /** 刷新数据、根据条件，当前页 */
@@ -131,16 +133,30 @@ type TableInstance<T = any> = {
     onReset: () => void;
     /** 改变data 数据 */
     onChangeData: React.Dispatch<React.SetStateAction<TableDataType<T>>>;
+    /** 清空选中的数据 */
+    onClearSelected: () => void;
 };
 type AuthButtonItem = {
     key: string;
+    /** 按钮名称 */
     label: string;
+    /** 按钮权限 */
     auth?: string;
+    /** 按钮类型 */
     type?: ButtonProps['type'];
+    /** 按钮禁用 */
     disabled?: boolean;
+    /** 根据选中数据判断是否禁用 */
+    onDisabled?: (selectedRows: any[]) => boolean;
+    /** 根据选中数据判断是否隐藏 */
+    onHidden?: (selectedRows: any[]) => boolean;
+    /** 按钮隐藏 */
     hidden?: boolean;
+    /** 警告按钮 */
     danger?: boolean;
+    /** 按钮图标 */
     icon?: ReactNode;
+    /** 按钮操作确认消息 */
     confirm?: string;
 };
 type TriggerChildrenProps<T = any> = {

package/es/dialog/HookModal.d.ts

@@ -2,7 +2,7 @@
 import { FormProps } from 'antd';
 import { DialogFormRef } from './form';
 import { CcsDialogModal, CcsDialogModalProps } from './hook';
-export declare const DialogSelfButton: ({ auth, formRef, formInitialValues, request, onCancel, onRequestBefore, }: Pick<CcsDialogModalProps, "onCancel" | "auth" | "request" | "onRequestBefore"> & {
+export declare const DialogSelfButton: ({ auth, formRef, formInitialValues, request, onCancel, onRequestBefore, }: Pick<CcsDialogModalProps, "auth" | "request" | "onRequestBefore" | "onCancel"> & {
     formRef: React.RefObject<DialogFormRef>;
     formInitialValues: FormProps['initialValues'];
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { TableSticky } from 'rc-table/lib/interface';
+import React, { ReactNode } from 'react';
+import CCS from '..';
+import { ShowDependType, TableStickyProps } from './table';
+declare const onTableInModalOrDrawer: (node: any) => TableStickyProps;
+declare const onTableInTabItem: (node: any) => boolean | TableSticky;
+declare const getDataById: (data: any[], rowKey: string, id: React.Key) => any;
+declare const getAllChildrenId: (data: any[], rowKey: string) => string[];
+declare const isComponent: (element: ReactNode, displayName: string) => boolean;
+/** 查找所有父级依赖 */
+declare const getShowDpends: (items: CCS.TableFormItems, item: CCS.TableFormItems[0], depends: ShowDependType[]) => ShowDependType[];
+export { isComponent, getDataById, getShowDpends, onTableInTabItem, getAllChildrenId, onTableInModalOrDrawer, };

package/es/pro-table/_utils.js

@@ -0,0 +1,94 @@
+import _isArray from 'lodash/isArray';
+import React from 'react';
+// 判断组件所处dom
+var onTableInModalOrDrawer = function onTableInModalOrDrawer(node) {
+  var _parent$classList, _parent$classList2, _parent$classList3, _parent$classList4, _parent$classList5;
+  var parent = node.parentNode;
+  if (!parent) return false;
+  if (
+  // 通过指定dom吸顶
+  (_parent$classList = parent.classList) !== null && _parent$classList !== void 0 && _parent$classList.contains('ccs-trigger-container') || (_parent$classList2 = parent.classList) !== null && _parent$classList2 !== void 0 && _parent$classList2.contains('ccs-drawer-content') || (_parent$classList3 = parent.classList) !== null && _parent$classList3 !== void 0 && _parent$classList3.contains('ant-drawer-body')) {
+    return {
+      getContainer: function getContainer() {
+        return parent;
+      },
+      isInDialog: true
+    };
+  }
+
+  // 在弹出框中吸顶top
+  if ((_parent$classList4 = parent.classList) !== null && _parent$classList4 !== void 0 && _parent$classList4.contains('ant-modal') || (_parent$classList5 = parent.classList) !== null && _parent$classList5 !== void 0 && _parent$classList5.contains('ant-drawer')) {
+    return {
+      offsetHeader: 0,
+      isInDialog: true
+    };
+  }
+  return onTableInModalOrDrawer(parent);
+};
+var onTableInTabItem = function onTableInTabItem(node) {
+  var _parent$classList6;
+  var parent = node.parentNode;
+  if (!parent) return false;
+  if ( // 通过指定dom吸顶
+  (_parent$classList6 = parent.classList) !== null && _parent$classList6 !== void 0 && _parent$classList6.contains('ccs-table-item-scroll')) {
+    return {
+      getContainer: function getContainer() {
+        return node;
+      }
+    };
+  }
+  return onTableInTabItem(parent);
+};
+
+// 根据ID查找树形节点
+var getDataById = function getDataById(data, rowKey, id) {
+  if (!_isArray(data)) return;
+  for (var i = 0; i < data.length; i += 1) {
+    if (data[i][rowKey] === id) {
+      return data[i];
+    }
+    if (data[i].children) {
+      var v = getDataById(data[i].children, rowKey, id);
+      if (v) return v;
+    }
+  }
+};
+var getAllChildrenId = function getAllChildrenId(data, rowKey) {
+  return data.reduce(function (keys, item) {
+    keys.push(item[rowKey]);
+    if (item.children && _isArray(item.children)) {
+      return keys.concat(getAllChildrenId(item.children, rowKey));
+    }
+    return keys;
+  }, []);
+};
+var isComponent = function isComponent(element, displayName) {
+  if (! /*#__PURE__*/React.isValidElement(element)) return false;
+  var type = element === null || element === void 0 ? void 0 : element.type;
+  if (typeof type === 'string') return false;
+  return (type === null || type === void 0 ? void 0 : type.displayName) === displayName;
+};
+
+/** 查找所有父级依赖 */
+var getShowDpends = function getShowDpends(items, item, depends) {
+  var showDepends = item.showDepends;
+  if (showDepends) {
+    var dependItems = items.filter(function (i) {
+      return showDepends.some(function (e) {
+        return e && e.name === i.name;
+      });
+    }) || [];
+    dependItems.forEach(function (dependItem) {
+      if (dependItem !== null && dependItem !== void 0 && dependItem.showDepends) {
+        dependItem.showDepends.forEach(function (e) {
+          return depends.push(e);
+        });
+        return getShowDpends(items, dependItem, depends);
+      }
+      return false;
+    });
+    return depends;
+  }
+  return depends;
+};
+export { isComponent, getDataById, getShowDpends, onTableInTabItem, getAllChildrenId, onTableInModalOrDrawer };

package/es/pro-table/index.less

@@ -24,6 +24,10 @@
     margin: 0 !important;
   }
 
+  &-tradition-toolbar {
+    padding: 10px 16px;
+  }
+
   &-icon {
     // color: rgb(0 0 0 / 75%);
     font-size: 16;
@@ -33,6 +37,12 @@
     // margin: 10px;
     // background: #fff;
     position: relative;
+
+    &.tradition {
+      .ant-table-title {
+        border-radius: 0;
+      }
+    }
   }
 
   &-form {
@@ -41,13 +51,18 @@
     display: flex;
     flex-direction: row;
     align-items: flex-end;
-    justify-content: space-between;
+    // justify-content: space-between;
+    // flex-wrap: wrap;
+    gap: 8px;
 
     .ant-form-item {
-      flex-wrap: nowrap;
       flex: 0 1 auto;
     }
 
+    .ant-row {
+      flex-wrap: nowrap;
+    }
+
     .ant-form-item .ant-form-item-label {
       padding: 0;
     }
@@ -74,14 +89,26 @@
         margin-inline-end: 0;
       }
     }
-  }
 
-  &-high-form {
-    // background: #fff;
-    // box-shadow: 0 2px 2px 0 rgb(0 0 0 / 3%);
+    &.tradition {
+      flex-wrap: wrap;
 
-    .ant-form-item {
-      margin-bottom: 10px !important;
+      & > .ant-form-inline {
+        flex-wrap: wrap;
+        justify-content: flex-start;
+        gap: 10px;
+      }
+    }
+
+    &.vertical {
+      .ant-form-item-row {
+        flex-direction: row;
+        align-items: center;
+      }
+
+      .ant-form-item .ant-form-item-control {
+        width: auto;
+      }
     }
   }
 
@@ -89,9 +116,10 @@
     line-height: 0;
   }
 
-  // .ant-form-item {
-  //   margin-bottom: 0;
-  // }
+  .ant-form-item {
+    margin-bottom: 0;
+    margin-inline-end: 0;
+  }
 
   .ant-input-number {
     width: 100%;
@@ -126,6 +154,7 @@
     justify-content: space-between;
     align-items: center;
     // background-color: #fff;
+    width: 100%;
 
     .ant-form-item-explain {
       position: absolute;
@@ -137,7 +166,7 @@
     }
 
     &-buttons {
-      margin-left: 6px;
+      // margin-left: 6px;
       white-space: nowrap;
     }
   }

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TableRefType } from '../table';
+type PropsType = {
+    /** 显示列 */ columns?: any;
+    /** 弹框中显示 */
+    isInModalOrDrawer: boolean;
+    onReset: () => void;
+    tableRef: React.MutableRefObject<TableRefType | undefined>;
+};
+export default function TableOperation({ columns, tableRef, isInModalOrDrawer, onReset, }: PropsType): import("react/jsx-runtime").JSX.Element;
+export {};

package/es/pro-table/operation.js

@@ -0,0 +1,171 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { RedoOutlined, SettingOutlined } from '@ant-design/icons';
+import { Button, Checkbox, Dropdown, Tooltip } from 'antd';
+import { useState } from 'react';
+import { CcsFullScreenButton } from '..';
+import { classPrefix } from "./table";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function TableOperation(_ref) {
+  var columns = _ref.columns,
+    tableRef = _ref.tableRef,
+    isInModalOrDrawer = _ref.isInModalOrDrawer,
+    onReset = _ref.onReset;
+  var _useState = useState(columns),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterColumns = _useState2[0],
+    setFilterColumns = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dropdownVisible = _useState4[0],
+    setDropdownVisible = _useState4[1];
+  var _useState5 = useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isCheckAll = _useState6[0],
+    setIsCheckAll = _useState6[1];
+
+  // 获取全选初始状态
+  var getHalfCheckState = function getHalfCheckState() {
+    var cols = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : columns;
+    var col = cols === null || cols === void 0 ? void 0 : cols.filter(function (t) {
+      return t.dataIndex;
+    });
+    return (col === null || col === void 0 ? void 0 : col.every(function (c) {
+      return !c.hidden;
+    })) || (col === null || col === void 0 ? void 0 : col.every(function (c) {
+      return c.hidden;
+    }));
+  };
+  var _useState7 = useState(getHalfCheckState),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isHalfCheck = _useState8[0],
+    setIsHalfCheck = _useState8[1];
+
+  // 全选、取消全选
+  var onCheckAllChange = function onCheckAllChange(e) {
+    var _tableRef$current;
+    // 隐藏的列key
+    var columnHiddenKeys = [];
+    filterColumns.forEach(function (t) {
+      var s = t;
+      if (s.dataIndex) s.hidden = !e.target.checked;
+      if (s.hidden) columnHiddenKeys.push(t.dataIndex);
+    });
+    setFilterColumns(_toConsumableArray(filterColumns));
+    setIsCheckAll(e.target.checked);
+    setIsHalfCheck(true);
+
+    // 列改变
+    (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.onColumnFilter({
+      columnHiddenKeys: columnHiddenKeys
+    });
+  };
+
+  // 列选中事件
+  var onCheckChange = function onCheckChange(checked, index) {
+    var _tableRef$current2;
+    filterColumns[index].hidden = !checked;
+    setFilterColumns(_toConsumableArray(filterColumns));
+    var isHalf = getHalfCheckState(filterColumns);
+    if (isHalf !== isHalfCheck) {
+      setIsHalfCheck(isHalf);
+    }
+    if (isHalf) {
+      setIsCheckAll(checked);
+    }
+
+    // 计算隐藏的列key
+    var columnHiddenKeys = [];
+    filterColumns.forEach(function (t) {
+      if (t.hidden) columnHiddenKeys.push(t.dataIndex);
+    });
+
+    // 发布列改变通知
+    (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : _tableRef$current2.onColumnFilter({
+      columnHiddenKeys: columnHiddenKeys
+    });
+  };
+
+  // 列过滤
+  var renderCheck = function renderCheck() {
+    var fc = [{
+      key: '1',
+      label: /*#__PURE__*/_jsx(Checkbox, {
+        indeterminate: !isHalfCheck,
+        onChange: onCheckAllChange,
+        checked: isCheckAll,
+        children: "\u5168\u9009"
+      })
+    }, {
+      key: '2',
+      type: 'divider'
+    }];
+    filterColumns.forEach(function (c, index) {
+      if (c.dataIndex) {
+        fc.push({
+          key: c.dataIndex,
+          label: /*#__PURE__*/_jsx(Checkbox, {
+            checked: !c.hidden,
+            onChange: function onChange(e) {
+              return onCheckChange(e.target.checked, index);
+            },
+            children: c.title
+          })
+        });
+      }
+    });
+    return fc;
+  };
+  var onFullScreen = function onFullScreen() {
+    var _tableRef$current3;
+    (_tableRef$current3 = tableRef.current) === null || _tableRef$current3 === void 0 ? void 0 : _tableRef$current3.onFullScreen();
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Tooltip, {
+      title: "\u91CD\u7F6E",
+      children: /*#__PURE__*/_jsx(Button, {
+        onClick: onReset,
+        icon: /*#__PURE__*/_jsx(RedoOutlined, {
+          className: "".concat(classPrefix, "-icon")
+        }),
+        type: "text",
+        style: {
+          width: 24
+        }
+      })
+    }), filterColumns && /*#__PURE__*/_jsx(Dropdown, {
+      menu: {
+        items: renderCheck()
+      },
+      trigger: ['click'],
+      open: dropdownVisible,
+      onOpenChange: function onOpenChange(flag) {
+        return setDropdownVisible(flag);
+      },
+      children: /*#__PURE__*/_jsx(Tooltip, {
+        title: "\u5217\u8BBE\u7F6E",
+        children: /*#__PURE__*/_jsx(Button, {
+          icon: /*#__PURE__*/_jsx(SettingOutlined, {
+            className: "".concat(classPrefix, "-icon")
+          }),
+          type: "text",
+          style: {
+            width: 24
+          }
+        })
+      })
+    }), !isInModalOrDrawer && /*#__PURE__*/_jsx(CcsFullScreenButton, {
+      onFullScreen: onFullScreen
+    })]
+  });
+}

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

@@ -1,22 +1,17 @@
-import { EventEmitter } from 'ahooks/lib/useEventEmitter';
 import { FormInstance } from 'antd/lib/form';
 import { ReactElement } from 'react';
 import { CcsProTableProps } from './table';
 type PropsType<T> = Pick<CcsProTableProps<T>, 'toolbar' | 'formItems' | 'formInitValues' | 'expandForm' | 'formItemLabelWidth' | 'formItemLayout' | 'formItemCol' | 'title'> & {
-    /** 显示列 */
-    columns?: any;
     /** 更多查询条件 */
     hasMore?: boolean;
     /** 标题边框 */
     titleBordered?: boolean;
-    /** 弹框中显示 */
-    isInModalOrDrawer: boolean;
     form: FormInstance<any>;
     children?: ReactElement;
-    onReset: () => void;
+    /** table 操作栏 */
+    tableOperation: ReactElement;
     onSearch: () => void;
-    event$: EventEmitter<any>;
 };
 /** 操作按钮、查询，重置、列筛选、 */
-declare function SearchComponent<T>({ form, title, event$, toolbar, columns, children, expandForm, titleBordered, formItems, formInitValues, formItemLayout, formItemCol, isInModalOrDrawer, formItemLabelWidth, onReset, onSearch, }: PropsType<T>): import("react/jsx-runtime").JSX.Element;
+declare function SearchComponent<T>(props: PropsType<T>): import("react/jsx-runtime").JSX.Element;
 export default SearchComponent;