@ccs-ui/rc-pro 2.3.6-beta-34 → 2.3.6-beta-36

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

@@ -124,7 +124,7 @@ export function findMenusByUrl(tree, targetUrl) {
   }
   return null;
 }
-export default function KeepAliveTabs(_ref) {
+function KeepAliveTabs(_ref) {
   var _ref$maxLen = _ref.maxLen,
     maxLen = _ref$maxLen === void 0 ? 10 : _ref$maxLen,
     appName = _ref.appName,
@@ -387,4 +387,8 @@ export default function KeepAliveTabs(_ref) {
       }, key);
     })]
   });
-}
+}
+if (process.env.NODE_ENV !== 'production') {
+  KeepAliveTabs.displayName = 'CcsKeepAliveTabs';
+}
+export default KeepAliveTabs;

package/es/layout-single-page/index.d.ts

@@ -5,5 +5,8 @@ type PropsType = {
     menuItems: CCS.MenuType[];
     className?: string;
 };
-export default function SinglePage({ appName, menuItems, className, }: PropsType): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function SinglePage({ appName, menuItems, className }: PropsType): import("react/jsx-runtime").JSX.Element;
+declare namespace SinglePage {
+    var displayName: string;
+}
+export default SinglePage;

package/es/layout-single-page/index.js

@@ -7,7 +7,7 @@ import CcsResult from "../result";
 import "./index.less";
 import Page from "./page";
 import { jsx as _jsx } from "react/jsx-runtime";
-export default function SinglePage(_ref) {
+function SinglePage(_ref) {
   var appName = _ref.appName,
     _ref$menuItems = _ref.menuItems,
     menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems,
@@ -53,11 +53,12 @@ export default function SinglePage(_ref) {
       urlAuthList: menuInfo.auth,
       breadcrumb: menuInfo.breadcrumb,
       children: outlet
-    }) : /*#__PURE__*/_jsx(CcsResult.NotFound, {
-      style: {
-        marginTop: 100
-      },
-      iconWidth: 200
+    }) : /*#__PURE__*/_jsx(CcsResult.Page404, {
+      subTitle: "\u9875\u9762\u4E0D\u5B58\u5728"
     })
   });
-}
+}
+if (process.env.NODE_ENV !== 'production') {
+  SinglePage.displayName = 'CcsSinglePage';
+}
+export default SinglePage;

package/es/loading/index.d.ts

@@ -7,5 +7,8 @@ type CcsLoadingProps = {
     /** loading 文字说明 */
     loadingTip?: string;
 };
-declare const Loading: ({ loading, loadingTip }: CcsLoadingProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Loading: {
+    ({ loading, loadingTip }: CcsLoadingProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
 export default Loading;

package/es/loading/index.js

@@ -11,7 +11,7 @@ var Loading = function Loading(_ref) {
       position: 'absolute',
       inset: 0,
       background: 'rgba(0, 0, 0, 0.1)',
-      zIndex: 1000
+      zIndex: 9999
     },
     children: /*#__PURE__*/_jsxs("div", {
       style: {
@@ -37,4 +37,7 @@ var Loading = function Loading(_ref) {
     })
   }) : null;
 };
+if (process.env.NODE_ENV !== 'production') {
+  Loading.displayName = 'CcsLoading';
+}
 export default Loading;

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

@@ -1,5 +1,8 @@
 import './index.less';
+import SelectionAlert from './selection-alert';
+import TableSummary from './summary';
 import { CcsProTableProps } from './table';
+import { useSelection } from './useSelection';
 type TableProps<T> = Omit<CcsProTableProps<T>, 'parentFieldName'>;
 type TableTreeProps<T> = CcsProTableProps<T> & {
     /** 父级值字段 */
@@ -14,5 +17,9 @@ type TableTreeProps<T> = CcsProTableProps<T> & {
 declare const ProTable: {
     <T extends object = any>(props: TableProps<T>): import("react/jsx-runtime").JSX.Element;
     Tree: <T_1 extends object = any>(props: TableTreeProps<T_1>) => import("react/jsx-runtime").JSX.Element;
+    SelectionAlert: typeof SelectionAlert;
+    Summary: typeof TableSummary;
+    useSelection: typeof useSelection;
+    displayName: string;
 };
 export default ProTable;

package/es/pro-table/index.js

@@ -5,7 +5,10 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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); }
 import "./index.less";
+import SelectionAlert from "./selection-alert";
+import TableSummary from "./summary";
 import InternalProTable from "./table";
+import { useSelection } from "./useSelection";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 查询表格组件
@@ -27,4 +30,10 @@ var ProTableTree = function ProTableTree(props) {
   return /*#__PURE__*/_jsx(InternalProTable, _objectSpread({}, props));
 };
 ProTable.Tree = ProTableTree;
+ProTable.SelectionAlert = SelectionAlert;
+ProTable.Summary = TableSummary;
+ProTable.useSelection = useSelection;
+if (process.env.NODE_ENV !== 'production') {
+  ProTable.displayName = 'CcsProTable';
+}
 export default ProTable;

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

@@ -0,0 +1,18 @@
+import { TagProps } from 'antd';
+import React from 'react';
+interface PropsType {
+    data: any[];
+    color?: TagProps['color'];
+    fieldNames: {
+        key: string;
+        label: string;
+    };
+    onClear: (key?: React.Key) => void;
+}
+/**
+ * 显示table行选中项
+ * @param PropsType
+ * @returns
+ */
+export default function SelectionAlert({ data, color, fieldNames, onClear, }: PropsType): import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/es/pro-table/selection-alert.js

@@ -0,0 +1,52 @@
+import { DeleteOutlined } from '@ant-design/icons';
+import { Button, Space, Tag } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 显示table行选中项
+ * @param PropsType
+ * @returns
+ */
+export default function SelectionAlert(_ref) {
+  var data = _ref.data,
+    color = _ref.color,
+    _ref$fieldNames = _ref.fieldNames,
+    fieldNames = _ref$fieldNames === void 0 ? {
+      key: 'key',
+      label: 'label'
+    } : _ref$fieldNames,
+    onClear = _ref.onClear;
+  if (!data || data.length === 0) {
+    return undefined;
+  }
+  return /*#__PURE__*/_jsxs(Space, {
+    size: 4,
+    style: {
+      padding: '6px 12px'
+    },
+    wrap: true,
+    children: [data.map(function () {
+      var row = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      return /*#__PURE__*/_jsx(Tag, {
+        color: color,
+        closable: true,
+        onClose: function onClose(e) {
+          onClear(row[fieldNames.key]);
+          e.preventDefault();
+        },
+        children: row[fieldNames.label || 'name']
+      }, row[fieldNames.key || 'key']);
+    }), data.length > 1 && /*#__PURE__*/_jsx(Button, {
+      size: "small",
+      onClick: function onClick(e) {
+        onClear();
+        e.preventDefault();
+      },
+      icon: /*#__PURE__*/_jsx(DeleteOutlined, {}),
+      danger: true,
+      type: "text",
+      children: "\u6E05\u7A7A"
+    })]
+  });
+}

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

@@ -0,0 +1,8 @@
+import CCS from '..';
+interface PropsType {
+    data: Record<string, any>;
+    columns: CCS.TableColumns;
+    hasRowSelection: boolean;
+}
+export default function TableSummary({ data, columns, hasRowSelection, }: PropsType): import("react/jsx-runtime").JSX.Element;
+export {};

package/es/pro-table/summary.js

@@ -0,0 +1,32 @@
+import { Table } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SummaryIndex = -1;
+export default function TableSummary(_ref) {
+  var _ref$data = _ref.data,
+    data = _ref$data === void 0 ? {} : _ref$data,
+    columns = _ref.columns,
+    hasRowSelection = _ref.hasRowSelection;
+  SummaryIndex = -1;
+  var renderCell = function renderCell(cs) {
+    return cs.map(function (d) {
+      if (d.children && d.children.length > 0) {
+        return renderCell(d.children);
+      }
+      SummaryIndex += 1;
+      return /*#__PURE__*/_jsx(Table.Summary.Cell, {
+        index: 0,
+        children: data[d.dataIndex]
+      }, SummaryIndex);
+    });
+  };
+  if (hasRowSelection) SummaryIndex += 1;
+  return /*#__PURE__*/_jsx(Table.Summary, {
+    fixed: true,
+    children: /*#__PURE__*/_jsxs(Table.Summary.Row, {
+      children: [hasRowSelection && /*#__PURE__*/_jsx(Table.Summary.Cell, {
+        index: SummaryIndex
+      }), renderCell(columns)]
+    })
+  });
+}

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

@@ -1,7 +1,7 @@
 import { TableProps } from 'antd';
 import { ColumnGroupType, ColumnType } from 'antd/es/table';
 import { TableSticky } from 'rc-table/lib/interface';
-import React, { CSSProperties, ReactElement, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 import CCS from '..';
 import { PropsWithCss, PropsWithNodeChildren, TableColumns } from '../ccs';
 import { CcsFieldNamesType } from '../context';
@@ -12,7 +12,16 @@ export type ShowDependType = {
     name: string;
     value: any;
 };
-export type SearchEventType = 'search' | 'reset' | 'reload' | 'changePage' | 'initSearch';
+export declare enum TableEvent {
+    Search = "search",
+    Reset = "reset",
+    Reload = "reload",
+    ChangePage = "changePage",
+    InitSearch = "initSearch",
+    FullScreen = "fullScreen",
+    ColumnFilter = "columnFilter",
+    SelectedRows = "SelectedRows"
+}
 export type TableColumn<RecordType = any> = (Omit<ColumnGroupType<RecordType>, 'ellipsis'> | Omit<ColumnType<RecordType>, 'ellipsis'>) & {
     dataIndex?: keyof RecordType;
     /** 隐藏列 */
@@ -21,11 +30,17 @@ export type TableColumn<RecordType = any> = (Omit<ColumnGroupType<RecordType>, '
     ellipsis?: Omit<EllipsisProps, 'content'> | boolean | number;
 };
 type TableTitleType<T> = {
-    selectedRows: T[];
+    /** 选中Key */
+    selectedRowKeys?: React.Key[];
+    /** 选中记录 */
+    selectedRows?: T[];
+    /** table datasource */
     data: T[];
-    onClear: () => void;
+    /** 清空选择,传入key取消指定选中，否清空所有 */
+    onClear: (key?: React.Key) => void;
 };
-export type CcsTableProps<T> = Omit<TableProps<T>, 'columns' | 'title'> & {
+export type TableExtraNode<T> = ReactNode | (({ selectedRowKeys, selectedRows, data, onClear, }: TableTitleType<T>) => ReactNode);
+export type CcsTableProps<T> = Omit<TableProps<T>, 'columns' | 'title' | 'summary'> & {
     data?: CCS.TableData<T>;
     /** 为空时,默认一条数据 */
     emptyDefaultOne?: boolean;
@@ -44,9 +59,12 @@ export type CcsTableProps<T> = Omit<TableProps<T>, 'columns' | 'title'> & {
     /** 列配置 */
     columns?: TableColumns<T>;
     /** table title  */
-    title?: ({ selectedRows, data, onClear }: TableTitleType<T>) => ReactNode;
+    title?: TableExtraNode<T>;
+    /** table summary */
+    summary?: (data: readonly T[], columns: TableColumn<T>[]) => React.ReactNode;
 };
-export type CcsProTableProps<RecordType> = Pick<PropsWithCss, 'className'> & PropsWithNodeChildren & {
+export type TableEventHandle = (eventName: TableEvent, options?: any) => void;
+export type CcsProTableProps<RecordType = any> = Pick<PropsWithCss, 'className'> & PropsWithNodeChildren & {
     /** api权限标识 */
     auth?: string | 'ignore';
     /** 是否初始查询，默认true */
@@ -60,9 +78,7 @@ export type CcsProTableProps<RecordType> = Pick<PropsWithCss, 'className'> & Pro
     /** 查询form 初始值 */
     formInitValues?: ParamType;
     /** 按钮 操作部分 */
-    toolbar?: ReactElement;
-    /** 操作按钮扩展 */
-    toolbarExtra?: ReactElement;
+    toolbar?: TableExtraNode<RecordType>;
     /** 边框 */
     bordered?: boolean;
     /** 展开查询条件，默认false */
@@ -82,19 +98,13 @@ export type CcsProTableProps<RecordType> = Pick<PropsWithCss, 'className'> & Pro
     proRef?: CCS.TableInstanceRef<RecordType>;
     /** 显示序号 */
     showNumber?: boolean;
-};
-export type TableEventType = {
-    key: 'columnFilter' | 'fullScreen';
-    columnHiddenKeys?: any;
-    full?: any;
+    /** table 事件 */
+    onEvent?: TableEventHandle;
 };
 export type TableStickyProps = boolean | (TableSticky & {
     isInDialog?: boolean;
 });
 export declare const classPrefix = "ccs-pl";
-export declare const TableSelectionContext: React.Context<{
-    selectedRows?: any[] | undefined;
-}>;
 /**
  * 布局组件 包括form、查询、toolbar、table 自动初始化数据
  * @param CcsProTableType