@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/es/ProTable/components/TableResizable/index.js

@@ -2,6 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["onDrag", "width", "minwidth"];
+import { jsx as _jsx } from "react/jsx-runtime";
 /*
  * @Author: chongyang wanchongyang@zhongan.io
  * @Date: 2023-02-23 17:47:46
@@ -10,7 +11,7 @@ var _excluded = ["onDrag", "width", "minwidth"];
  * @FilePath: /za-material-warehouse/src/ProTable/TableResizable.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
-import React, { useState, useContext } from 'react';
+import { useState, useContext } from 'react';
 import { Resizable } from 'react-resizable';
 import classnames from 'classnames';
 import { TableContext } from '../../index';
@@ -31,13 +32,13 @@ var ResizableTitle = function ResizableTitle(props) {
     offset = _useState2[0],
     setOffset = _useState2[1];
   if (restProps === null || restProps === void 0 ? void 0 : (_restProps$className = restProps.className) === null || _restProps$className === void 0 ? void 0 : _restProps$className.includes('ant-table-selection-column')) {
-    return /*#__PURE__*/React.createElement("th", _objectSpread({}, restProps));
+    return _jsx("th", _objectSpread({}, restProps));
   }
-  return /*#__PURE__*/React.createElement(Resizable, {
+  return _jsx(Resizable, {
     width: Number(width) + Number(offset),
     minConstraints: [minwidth, 0],
     height: 0,
-    handle: /*#__PURE__*/React.createElement("span", {
+    handle: _jsx("span", {
       className: classnames(['react-resizable-handle', offset && 'active']),
       style: {
         transform: "translateX(".concat(offset, "px)")
@@ -79,14 +80,17 @@ var ResizableTitle = function ResizableTitle(props) {
     },
     draggableOpts: {
       enableUserSelectHack: false
-    }
-  }, /*#__PURE__*/React.createElement("th", _objectSpread(_objectSpread({}, restProps), {}, {
-    style: _objectSpread({
-      overflow: 'visible'
-    }, restProps.style)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "pro-table-th-cell"
-  }, restProps.children)));
+    },
+    children: _jsx("th", _objectSpread(_objectSpread({}, restProps), {}, {
+      style: _objectSpread({
+        overflow: 'visible'
+      }, restProps.style),
+      children: _jsx("div", {
+        className: "pro-table-th-cell",
+        children: restProps.children
+      })
+    }))
+  });
 };
 var components = {
   header: {

package/es/ProTable/components/TooltipTitle/index.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+import { ColumnTitle } from 'antd/es/table/interface';
+interface Props {
+    title: ColumnTitle<any>;
+    tooltip?: ReactNode | {
+        title?: ReactNode;
+        icon?: ReactNode;
+    };
+}
+declare const TooltipTitle: FC<Props>;
+export default TooltipTitle;

package/es/ProTable/components/TooltipTitle/index.js

@@ -0,0 +1,23 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ReactSVG } from 'react-svg';
+import tipSvg from '../../../assets/tip.svg';
+var TooltipTitle = function TooltipTitle(props) {
+  var title = props.title,
+    tooltip = props.tooltip;
+  var _ref = tooltip || {},
+    tooltipTitle = _ref.title,
+    icon = _ref.icon;
+  return _jsxs("span", {
+    className: "pro-table-tooltip",
+    children: [title, _jsx(_Tooltip, {
+      title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip,
+      children: _jsx(ReactSVG, {
+        className: "icon-tip",
+        src: icon || tipSvg
+      })
+    })]
+  });
+};
+export default TooltipTitle;

package/es/ProTable/index.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+/// <reference types="react" />
 import { ProTableProps } from './propsType';
-export declare const TableContext: React.Context<{}>;
+export declare const TableContext: import("react").Context<{}>;
 export declare const defaultPage: {
     pageNum: number;
     pageSize: number;
 };
-declare function ProTable(props: ProTableProps): React.JSX.Element;
+declare function ProTable(props: ProTableProps): JSX.Element;
 declare namespace ProTable {
     var defaultProps: {
         quickConfig: boolean;

package/es/ProTable/index.js

@@ -8,15 +8,16 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["tableId", "headerRender", "footerRender", "quickConfig", "stripe", "columns", "className", "summary"],
+var _excluded = ["tableId", "headerRender", "footerRender", "quickConfig", "stripe", "columns", "className", "summary", "emptyText"],
   _excluded2 = ["resizeColumn", "columnConfig", "cacheTime", "storage"];
-import { cloneDeep } from 'lodash';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState, createContext } from 'react';
+import { cloneDeep, get } from 'lodash';
 import { useDebounceEffect, useDeepCompareEffect } from 'ahooks';
-import React, { useEffect, useMemo, useState, createContext } from 'react';
 import { ReactSVG } from 'react-svg';
 import classnames from 'classnames';
-import { useProConfig, ProTransferModal } from 'zat-design-pro-component';
-import { tools } from '@zat-design-pro-component/utils';
+import { tools } from '@zat-design/utils';
+import { useProConfig, ProTreeModal } from '../index';
 import { valueTypeRender } from '../ProUtils/utils';
 import { TableResizable, ResizableLine } from './components';
 import useAntdTable from './useAntdTable';
@@ -48,6 +49,8 @@ function ProTable(props) {
     propsColumns = _props$columns === void 0 ? [] : _props$columns,
     className = props.className,
     summary = props.summary,
+    _props$emptyText = props.emptyText,
+    emptyText = _props$emptyText === void 0 ? '暂无数据' : _props$emptyText,
     restProps = _objectWithoutProperties(props, _excluded);
   var quickTableConfig = quickConfig ? _objectSpread({
     // resizeColumn: true,
@@ -65,6 +68,9 @@ function ProTable(props) {
     _quickTableConfig$sto = quickTableConfig.storage,
     storage = _quickTableConfig$sto === void 0 ? configStorage : _quickTableConfig$sto,
     tableProps = _objectWithoutProperties(quickTableConfig, _excluded2);
+  var _ref3 = tableProps || {},
+    pagination = _ref3.pagination,
+    dataSource = _ref3.dataSource;
   var propsColumnObj = useMemo(function () {
     return propsColumns.reduce(function (acc, cur) {
       // @ts-ignore
@@ -124,8 +130,8 @@ function ProTable(props) {
   };
   // 列宽resize函数
   var handleResize = function handleResize(index) {
-    return function (e, _ref3) {
-      var size = _ref3.size;
+    return function (e, _ref4) {
+      var size = _ref4.size;
       var nextColumns = _toConsumableArray(curColumns);
       nextColumns[index] = _objectSpread(_objectSpread({}, nextColumns[index]), {}, {
         width: size.width
@@ -160,9 +166,14 @@ function ProTable(props) {
     return newColumns;
   }, [curColumns, handleResize]);
   var handleColumnConfig = function handleColumnConfig(checkList) {
-    var newColumns = checkList === null || checkList === void 0 ? void 0 : checkList.map(function (item) {
-      return _objectSpread({}, propsColumnObj[item.dataIndex]);
-    });
+    var newColumns = [];
+    if (checkList === 'all') {
+      newColumns = propsColumns;
+    } else {
+      newColumns = checkList === null || checkList === void 0 ? void 0 : checkList.map(function (item) {
+        return _objectSpread({}, propsColumnObj === null || propsColumnObj === void 0 ? void 0 : propsColumnObj[item]);
+      });
+    }
     setCurColumns(newColumns);
   };
   useDebounceEffect(function () {
@@ -183,130 +194,144 @@ function ProTable(props) {
   });
   var customColumns = useMemo(function () {
     return propsColumns.map(function (item) {
-      return _objectSpread(_objectSpread({}, item), {}, {
-        disabled: item.fixed
-      });
+      return {
+        label: item === null || item === void 0 ? void 0 : item.title,
+        value: item === null || item === void 0 ? void 0 : item.dataIndex,
+        disabled: item.fixed,
+        fixed: item.fixed
+      };
     });
   }, [propsColumns]);
   var checkColumns = useMemo(function () {
     return curColumns.map(function (item) {
-      return _objectSpread(_objectSpread({}, item), {}, {
-        disabled: item.fixed
-      });
+      return item === null || item === void 0 ? void 0 : item.dataIndex;
     });
   }, [curColumns]);
-  var Empty = /*#__PURE__*/React.createElement("div", {
-    className: "ant-empty ant-empty-normal"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ant-empty-image"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: empty,
-    alt: "\u6682\u65E0\u6570\u636E"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "ant-empty-description"
-  }, "\u6682\u65E0\u6570\u636E"));
   var renderSummary = function renderSummary() {
-    var _ref4 = summary || {},
-      columns = _ref4.columns,
-      _ref4$total = _ref4.total,
-      total = _ref4$total === void 0 ? true : _ref4$total,
-      _ref4$fixed = _ref4.fixed,
-      fixed = _ref4$fixed === void 0 ? true : _ref4$fixed;
-    var _ref5 = tableProps || {},
-      dataSource = _ref5.dataSource;
+    var _ref5 = summary || {},
+      columns = _ref5.columns,
+      _ref5$total = _ref5.total,
+      total = _ref5$total === void 0 ? true : _ref5$total,
+      _ref5$fixed = _ref5.fixed,
+      fixed = _ref5$fixed === void 0 ? true : _ref5$fixed;
+    var _ref6 = tableProps || {},
+      dataSource = _ref6.dataSource;
     // 没有数据时，不展示合计栏
     if (!(dataSource === null || dataSource === void 0 ? void 0 : dataSource.length)) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(_Table.Summary, {
-      fixed: fixed
-    }, /*#__PURE__*/React.createElement(_Table.Summary.Row, null, columns === null || columns === void 0 ? void 0 : columns.map(function (_ref6) {
-      var key = _ref6.key,
-        index = _ref6.index,
-        colSpan = _ref6.colSpan,
-        prefix = _ref6.prefix,
-        title = _ref6.title,
-        precision = _ref6.precision,
-        valueType = _ref6.valueType;
-      var text = null;
-      if (title) {
-        text = title;
-      } else if (total && key) {
-        var _dataSource$reduce;
-        var format = valueTypeRender === null || valueTypeRender === void 0 ? void 0 : valueTypeRender[valueType];
-        var sum = dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$reduce = dataSource.reduce) === null || _dataSource$reduce === void 0 ? void 0 : _dataSource$reduce.call(dataSource, function (pre, cur) {
-          var _cur$key;
-          return tools.calc(pre, '+', (_cur$key = cur[key]) !== null && _cur$key !== void 0 ? _cur$key : 0);
-        }, 0);
-        text = format ? format(sum, precision !== null && precision !== void 0 ? precision : 2) : sum;
-      }
-      return /*#__PURE__*/React.createElement(_Table.Summary.Cell, {
-        key: key,
-        index: index,
-        colSpan: colSpan
-      }, prefix, text);
-    })));
+    return _jsx(_Table.Summary, {
+      fixed: fixed,
+      children: _jsx(_Table.Summary.Row, {
+        children: columns === null || columns === void 0 ? void 0 : columns.map(function (_ref7) {
+          var key = _ref7.key,
+            index = _ref7.index,
+            colSpan = _ref7.colSpan,
+            prefix = _ref7.prefix,
+            suffix = _ref7.suffix,
+            title = _ref7.title,
+            precision = _ref7.precision,
+            valueType = _ref7.valueType;
+          var text = null;
+          if (title) {
+            text = title;
+          } else if (total && key) {
+            var _dataSource$reduce;
+            var format = valueTypeRender === null || valueTypeRender === void 0 ? void 0 : valueTypeRender[valueType];
+            var sum = dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$reduce = dataSource.reduce) === null || _dataSource$reduce === void 0 ? void 0 : _dataSource$reduce.call(dataSource, function (pre, cur) {
+              var _get;
+              return tools.calc(pre, '+', (_get = get(cur, key)) !== null && _get !== void 0 ? _get : 0);
+            }, 0);
+            text = format ? format(sum, precision !== null && precision !== void 0 ? precision : 2) : sum;
+          }
+          var _key = key;
+          return _jsxs(_Table.Summary.Cell, {
+            index: index,
+            colSpan: colSpan,
+            children: [prefix, text, suffix]
+          }, _key);
+        })
+      })
+    });
   };
   var cls = classnames(_defineProperty({
     'pro-table': true,
     'pro-table-no-stripe': !stripe
   }, className, className));
-  return /*#__PURE__*/React.createElement(TableContext.Provider, {
+  return _jsx(TableContext.Provider, {
     value: {
       pathKey: pathKey,
       tableConfig: tableConfig,
       Storage: Storage
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cls
-  }, (headerRender || columnConfig || resizeColumn) && /*#__PURE__*/React.createElement("div", {
-    className: "column-config"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "left-contain"
-  }, headerRender ? headerRender() : null), /*#__PURE__*/React.createElement("div", {
-    className: "right-actions"
-  }, resizeColumn && /*#__PURE__*/React.createElement(_Button, {
-    icon: /*#__PURE__*/React.createElement(ReactSVG, {
-      className: "anticon",
-      wrapper: "span",
-      src: resetSvg
-    }),
-    onClick: resetColumnWidth
-  }, "\u91CD\u7F6E\u5217\u5BBD"), columnConfig && /*#__PURE__*/React.createElement(ProTransferModal, {
-    label: "\u5217",
-    title: "\u81EA\u5B9A\u4E49\u5217",
-    draggable: true,
-    span: 8,
-    defaultValue: checkColumns,
-    clearCheckedOnClose: false,
-    fieldNames: {
-      value: 'dataIndex',
-      label: 'title'
     },
-    dataSource: customColumns,
-    onOk: handleColumnConfig
-  }, /*#__PURE__*/React.createElement(_Button, {
-    className: "custom-column-btn",
-    icon: /*#__PURE__*/React.createElement(ReactSVG, {
-      className: "anticon",
-      wrapper: "span",
-      src: customColumnSvg
+    children: _jsxs("div", {
+      className: cls,
+      children: [(headerRender || columnConfig || resizeColumn) && _jsxs("div", {
+        className: "column-config",
+        children: [_jsx("div", {
+          className: "left-contain",
+          children: headerRender ? typeof headerRender === 'function' ? headerRender() : headerRender : null
+        }), _jsxs("div", {
+          className: "right-actions",
+          children: [resizeColumn && _jsx(_Button, {
+            icon: _jsx(ReactSVG, {
+              className: "anticon",
+              wrapper: "span",
+              src: resetSvg
+            }),
+            onClick: resetColumnWidth,
+            children: "\u91CD\u7F6E\u5217\u5BBD"
+          }), columnConfig && _jsx(ProTreeModal, {
+            title: "\u81EA\u5B9A\u4E49\u5217",
+            span: 8,
+            mode: "list",
+            draggable: true,
+            dataSource: customColumns,
+            value: checkColumns,
+            allValue: "all",
+            onChange: handleColumnConfig,
+            trigger: _jsx(_Button, {
+              className: "custom-column-btn",
+              icon: _jsx(ReactSVG, {
+                className: "anticon",
+                wrapper: "span",
+                src: customColumnSvg
+              }),
+              children: "\u81EA\u5B9A\u4E49\u5217"
+            })
+          })]
+        })]
+      }), _jsxs("div", {
+        className: "pro-table-container",
+        children: [_jsx(_Table, _objectSpread({
+          components: resizeColumn ? TableResizable.components : undefined,
+          // @ts-ignore
+          columns: columns,
+          locale: {
+            emptyText: _jsxs("div", {
+              className: "ant-empty ant-empty-normal",
+              children: [_jsx("div", {
+                className: "ant-empty-image",
+                children: _jsx("img", {
+                  src: empty,
+                  alt: "\u6682\u65E0\u6570\u636E"
+                })
+              }), _jsx("div", {
+                className: "ant-empty-description",
+                children: typeof emptyText === 'function' ? emptyText() : emptyText
+              })]
+            })
+          },
+          summary: _typeof(summary) === 'object' ? function () {
+            return renderSummary();
+          } : summary
+        }, tableProps)), _jsx(ResizableLine, {})]
+      }), footerRender ? _jsx("div", {
+        className: "pro-table-footer ".concat(pagination && !!(dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) ? 'has-page' : 'no-page'),
+        children: typeof footerRender === 'function' ? footerRender() : footerRender
+      }) : null]
     })
-  }, "\u81EA\u5B9A\u4E49\u5217")))), /*#__PURE__*/React.createElement("div", {
-    className: "pro-table-container"
-  }, /*#__PURE__*/React.createElement(_Table, _objectSpread({
-    components: resizeColumn ? TableResizable.components : undefined,
-    // @ts-ignore
-    columns: columns,
-    locale: {
-      emptyText: Empty
-    },
-    summary: _typeof(summary) === 'object' ? function () {
-      return renderSummary();
-    } : summary
-  }, tableProps)), /*#__PURE__*/React.createElement(ResizableLine, null)), footerRender ? /*#__PURE__*/React.createElement("div", {
-    className: "pro-table-footer ".concat((tableProps === null || tableProps === void 0 ? void 0 : tableProps.pagination) ? 'has-page' : 'no-page')
-  }, footerRender()) : null));
+  });
 }
 ProTable.defaultProps = {
   quickConfig: false,

package/es/ProTable/propsType.d.ts

@@ -1,25 +1,43 @@
-import { ReactNode } from 'react';
-import { TableProps } from 'antd/lib/table/Table';
-import { ColumnType, GetRowKey, RowSelectionType } from 'antd/lib/table/interface';
+import { Key, ReactNode } from 'react';
+import { TableProps } from 'antd/es/table/Table';
+import { ColumnType, GetRowKey, RowSelectionType } from 'antd/es/table/interface';
 import { FormInstance } from 'antd';
 interface SummaryColumnProps {
-    key: string;
+    key: string | string[];
     index: number;
     title?: string;
     colSpan?: number;
     valueType?: string;
     precision?: number;
     prefix?: ReactNode | string;
+    suffix?: ReactNode | string;
 }
 export interface ProTableSummaryProps {
     columns: SummaryColumnProps[];
     total?: boolean;
     fixed?: boolean;
 }
-export type ProTableProps = TableProps<any> & {
+export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
+    dataIndex: string | string[];
+    width?: number | string;
+    minWidth?: number;
+    valueType?: ProTableValueType;
+    format?: string;
+    precision?: number;
+    code?: string | string[] | (() => string);
+    copyable?: boolean;
+    prefix?: string | ReactNode | ((value: any, record?: any, index?: number) => any);
+    suffix?: string | ReactNode | ((value: any, record?: any, index?: number) => any);
+    tooltip?: ReactNode | {
+        title?: ReactNode;
+        icon?: ReactNode;
+    };
+    transform?: (value: any, record?: any) => string[];
+}
+export interface ProTableProps extends Omit<TableProps<any>, 'summary' | 'columns'> {
     tableId?: string;
     rowKey?: string | GetRowKey<any>;
-    headerRender?: () => ReactNode;
+    headerRender?: ReactNode | (() => ReactNode);
     quickConfig?: boolean;
     resizeColumn?: boolean;
     sortRow?: boolean | 'drag' | 'move';
@@ -27,29 +45,16 @@ export type ProTableProps = TableProps<any> & {
     cacheTime?: number | boolean;
     sortColumnText?: string;
     storage?: 'localStorage' | 'sessionStorage';
-    footerRender?: () => ReactNode;
+    footerRender?: ReactNode | (() => ReactNode);
+    emptyText?: string | ReactNode | (() => ReactNode);
     summary?: ProTableSummaryProps | TableProps<any>['summary'];
     /**
      * 斑马纹设置
      */
     stripe?: boolean;
-};
-export type ProTableValueType = 'percentage' | 'permillage' | 'thousandth' | 'datePicker' | 'enumName' | 'enumCodeName' | 'address' | 'thousandthCNY' | 'date' | 'dateTime' | 'dateStartTime' | 'dateEndTime' | 'dateStartEndTime';
-export interface ProTableColumn extends ColumnType<any> {
-    dataIndex: string | string[];
-    width?: number | string;
-    minWidth?: number;
-    valueType?: ProTableValueType;
-    format?: string;
-    precision?: number;
-    code?: string | (() => string);
-    copyable?: boolean;
-    tooltip?: ReactNode | {
-        title?: ReactNode;
-        icon?: ReactNode;
-    };
-    transform?: (value: any, record?: any) => string[];
+    columns: ProTableColumn[];
 }
+export type ProTableValueType = 'percentage' | 'permillage' | 'thousandth' | 'datePicker' | 'enumName' | 'enumCodeName' | 'address' | 'thousandthCNY' | 'date' | 'dateTime' | 'dateStartTime' | 'dateEndTime' | 'dateStartEndTime';
 export interface Response<T = any> {
     data: T;
     status: number;
@@ -70,19 +75,28 @@ export interface RequestOptions<T, R> {
     page?: PaginationProps;
     crossPageSelect?: boolean;
     onPageChange?: (page: PaginationProps) => void;
-    transformParams?: (params: any) => any;
-    transformResponse?: (data: any) => R[];
+    transformParams?: (params: any, requestParams: any) => any;
+    transformResponse?: (res: any) => ListResponse<R>;
 }
 export interface Params<T = any> extends PaginationProps {
     queryBean?: Partial<T>;
     [key: string]: any;
 }
 export interface List<T> {
-    pageNum: number;
-    pageSize: number;
+    pageNum?: number;
+    pageSize?: number;
     total: number;
     list: T[];
 }
 export type ListResponse<T> = Response<List<T>>;
 export type Service<Req, Res> = (params?: Params<Req>) => Promise<ListResponse<Res>>;
+export interface UseAntdTableState<I, R> {
+    data: R[];
+    total: number;
+    selectedRecords: R[];
+    selectedRowKeys: Key[];
+    searchValues: I;
+    extraFilter: any;
+    allSelected: boolean;
+}
 export {};