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

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/_utils.js

@@ -29,7 +29,7 @@ var onTableInTabItem = function onTableInTabItem(node) {
   var parent = node.parentNode;
   if (!parent) return false;
   if ( // 通过指定dom吸顶
-  (_parent$classList5 = parent.classList) !== null && _parent$classList5 !== void 0 && _parent$classList5.contains('ccs-sticky-scroll')) {
+  (_parent$classList5 = parent.classList) !== null && _parent$classList5 !== void 0 && _parent$classList5.contains('ccs-route-page')) {
     return {
       getContainer: function getContainer() {
         return node;

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;
 };