@zat-design/sisyphus-react 3.6.7 → 3.6.8-beta.1

package/lib/ProTable/components/RcTable/components/DraggableTable/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import '../../../../style/index.less';
+declare const _default: import("react").MemoExoticComponent<({ dataSource, tableProps, draggableProps, summaryProps, emptyTextProps, ...restProps }: {
+    [x: string]: any;
+    dataSource: any;
+    tableProps: any;
+    draggableProps: any;
+    summaryProps: any;
+    emptyTextProps: any;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/ProTable/components/RcTable/components/DraggableTable/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _antd = require("antd");
+var _react = require("react");
+var _DndWrapper = _interopRequireWildcard(require("./components/DndWrapper"));
+var _index = require("../../../index");
+require("../../../../style/index.less");
+var _excluded = ["dataSource", "tableProps", "draggableProps", "summaryProps", "emptyTextProps"];
+var DraggableTable = function DraggableTable(_ref) {
+  var dataSource = _ref.dataSource,
+    tableProps = _ref.tableProps,
+    draggableProps = _ref.draggableProps,
+    summaryProps = _ref.summaryProps,
+    emptyTextProps = _ref.emptyTextProps,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var columns = tableProps.columns,
+    renderRowSelection = tableProps.renderRowSelection,
+    rowClassName = tableProps.rowClassName,
+    disabled = tableProps.disabled;
+  var onChange = draggableProps.onChange,
+    draggable = draggableProps.draggable,
+    rowKey = draggableProps.rowKey;
+  return (0, _jsxRuntime.jsx)(_DndWrapper.default, {
+    value: dataSource !== null && dataSource !== void 0 ? dataSource : [],
+    onChange: onChange,
+    disabled: disabled,
+    draggable: draggable,
+    rowKey: rowKey,
+    children: (0, _jsxRuntime.jsx)(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      className: "pro-edit-table-drag",
+      components: {
+        body: {
+          row: _DndWrapper.Row
+        }
+      },
+      columns: columns,
+      locale: {
+        emptyText: (0, _index.RenderEmptyText)(emptyTextProps)
+      },
+      summary: function summary() {
+        return (0, _index.RenderSummary)(summaryProps);
+      },
+      rowClassName: rowClassName
+    }, tableProps), {}, {
+      dataSource: dataSource,
+      rowSelection: renderRowSelection()
+    }, restProps))
+  });
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(DraggableTable);

package/lib/ProTable/components/RcTable/index.d.ts

@@ -0,0 +1,4 @@
+/** 基础表格 */
+export { default as BaseTable } from './components/BaseTable/index';
+/** 拖拽表格 */
+export { default as DraggableTable } from './components/DraggableTable/index';

package/lib/ProTable/components/RcTable/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BaseTable", {
+  enumerable: true,
+  get: function get() {
+    return _index.default;
+  }
+});
+Object.defineProperty(exports, "DraggableTable", {
+  enumerable: true,
+  get: function get() {
+    return _index2.default;
+  }
+});
+var _index = _interopRequireDefault(require("./components/BaseTable/index"));
+var _index2 = _interopRequireDefault(require("./components/DraggableTable/index"));

package/lib/ProTable/components/RenderEmptyText/index.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+declare const RenderEmptyText: (props: any) => ReactNode;
+export default RenderEmptyText;

package/lib/ProTable/components/RenderEmptyText/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var RenderEmptyText = function RenderEmptyText(props) {
+  var _locale$ProTable;
+  var _ref = props || {},
+    empty = _ref.empty,
+    locale = _ref.locale,
+    emptyText = _ref.emptyText;
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: "pro-table-empty",
+    children: [(0, _jsxRuntime.jsx)("div", {
+      className: "empty-image",
+      children: (0, _jsxRuntime.jsx)("img", {
+        src: empty,
+        alt: locale === null || locale === void 0 ? void 0 : (_locale$ProTable = locale.ProTable) === null || _locale$ProTable === void 0 ? void 0 : _locale$ProTable.noData
+      })
+    }), (0, _jsxRuntime.jsx)("div", {
+      className: "empty-description",
+      children: typeof emptyText === 'function' ? emptyText() : emptyText
+    })]
+  });
+};
+var _default = exports.default = RenderEmptyText;

package/lib/ProTable/components/RenderFooter/index.d.ts

@@ -0,0 +1,2 @@
+declare const RenderFooter: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default RenderFooter;

package/lib/ProTable/components/RenderFooter/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var RenderFooter = function RenderFooter(props) {
+  var _ref = props || {},
+    footerRender = _ref.footerRender,
+    pagination = _ref.pagination,
+    _dataSource = _ref._dataSource;
+  return footerRender ? (0, _jsxRuntime.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;
+};
+var _default = exports.default = RenderFooter;

package/lib/ProTable/components/RenderSummary/index.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+declare const renderSummary: (props: any) => ReactNode;
+export default renderSummary;

package/lib/ProTable/components/RenderSummary/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _antd = require("antd");
+var _lodash = require("lodash");
+var _utils = require("@zat-design/utils");
+var _utils2 = require("../../../ProUtils/utils");
+var renderSummary = function renderSummary(props) {
+  var summary = props.summary,
+    dataSource = props.dataSource;
+  var _ref = summary || {},
+    columns = _ref.columns,
+    _ref$total = _ref.total,
+    total = _ref$total === void 0 ? true : _ref$total,
+    _ref$fixed = _ref.fixed,
+    fixed = _ref$fixed === void 0 ? true : _ref$fixed;
+  // 没有数据时，不展示合计栏
+  if (!(dataSource === null || dataSource === void 0 ? void 0 : dataSource.length)) {
+    return null;
+  }
+  return (0, _typeof2.default)(summary) === 'object' ? (0, _jsxRuntime.jsx)(_antd.Table.Summary, {
+    fixed: fixed,
+    children: (0, _jsxRuntime.jsx)(_antd.Table.Summary.Row, {
+      children: columns === null || columns === void 0 ? void 0 : columns.map(function (_ref2) {
+        var key = _ref2.key,
+          index = _ref2.index,
+          colSpan = _ref2.colSpan,
+          prefix = _ref2.prefix,
+          suffix = _ref2.suffix,
+          title = _ref2.title,
+          precision = _ref2.precision,
+          valueType = _ref2.valueType;
+        var text = null;
+        if (title) {
+          text = title;
+        } else if (total && key) {
+          var _dataSource$reduce;
+          var format = _utils2.valueTypeRender === null || _utils2.valueTypeRender === void 0 ? void 0 : _utils2.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 _utils.tools.calc(pre, '+', (_get = (0, _lodash.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 (0, _jsxRuntime.jsxs)(_antd.Table.Summary.Cell, {
+          index: index,
+          colSpan: colSpan,
+          children: [prefix, text, suffix]
+        }, _key);
+      })
+    })
+  }) : summary;
+};
+var _default = exports.default = renderSummary;

package/lib/ProTable/components/RenderTableHeader/index.d.ts

@@ -0,0 +1,2 @@
+declare const RenderTableHeader: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default RenderTableHeader;

package/lib/ProTable/components/RenderTableHeader/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _antd = require("antd");
+var _reactSvg = require("react-svg");
+var _index = require("../../../index");
+var RenderTableHeader = function RenderTableHeader(props) {
+  var _locale$ProTable, _locale$ProTable2, _locale$ProTable3;
+  var dataSource = props.dataSource;
+  var _ref = dataSource || {},
+    headerRender = _ref.headerRender,
+    columnConfig = _ref.columnConfig,
+    resizeColumn = _ref.resizeColumn,
+    resetSvg = _ref.resetSvg,
+    resetColumnWidth = _ref.resetColumnWidth,
+    locale = _ref.locale,
+    customColumns = _ref.customColumns,
+    checkColumns = _ref.checkColumns,
+    handleColumnConfig = _ref.handleColumnConfig,
+    customColumnSvg = _ref.customColumnSvg;
+  // 没有数据时，不展示tableHeader
+  if (!(headerRender || columnConfig || resizeColumn)) {
+    return null;
+  }
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: "column-config",
+    children: [(0, _jsxRuntime.jsx)("div", {
+      className: "left-contain",
+      children: headerRender ? typeof headerRender === 'function' ? headerRender() : headerRender : null
+    }), (0, _jsxRuntime.jsxs)("div", {
+      className: "right-actions",
+      children: [resizeColumn && (0, _jsxRuntime.jsx)(_antd.Button, {
+        icon: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+          className: "anticon",
+          wrapper: "span",
+          src: resetSvg
+        }),
+        onClick: resetColumnWidth,
+        children: locale === null || locale === void 0 ? void 0 : (_locale$ProTable = locale.ProTable) === null || _locale$ProTable === void 0 ? void 0 : _locale$ProTable.resetColumnWidth
+      }), columnConfig && (0, _jsxRuntime.jsx)(_index.ProTreeModal, {
+        title: locale === null || locale === void 0 ? void 0 : (_locale$ProTable2 = locale.ProTable) === null || _locale$ProTable2 === void 0 ? void 0 : _locale$ProTable2.customColumns,
+        span: 8,
+        mode: "list",
+        draggable: true,
+        dataSource: customColumns,
+        value: checkColumns,
+        allValue: "all",
+        onChange: handleColumnConfig,
+        trigger: (0, _jsxRuntime.jsx)(_antd.Button, {
+          className: "custom-column-btn",
+          icon: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+            className: "anticon",
+            wrapper: "span",
+            src: customColumnSvg
+          }),
+          children: locale === null || locale === void 0 ? void 0 : (_locale$ProTable3 = locale.ProTable) === null || _locale$ProTable3 === void 0 ? void 0 : _locale$ProTable3.customColumns
+        })
+      })]
+    })]
+  });
+};
+var _default = exports.default = RenderTableHeader;

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

@@ -13,16 +13,8 @@ var _react = require("react");
 var _reactResizable = require("react-resizable");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _index = require("../../index");
-var _utils = require("../../utils");
+var _FormatColumn = require("../FormatColumn");
 var _excluded = ["onDrag", "width", "minwidth"];
-/*
- * @Author: chongyang wanchongyang@zhongan.io
- * @Date: 2023-02-23 17:47:46
- * @LastEditors: chongyang wanchongyang@zhongan.io
- * @LastEditTime: 2023-03-07 20:18:22
- * @FilePath: /za-material-warehouse/src/ProTable/TableResizable.tsx
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- */
 var ResizableTitle = function ResizableTitle(props) {
   var _restProps$className;
   var onDrag = props.onDrag,
@@ -58,7 +50,7 @@ var ResizableTitle = function ResizableTitle(props) {
       var _parentDom$getElement;
       var size = _ref.size,
         node = _ref.node;
-      var parentDom = (0, _utils.getParentElement)(node, 'pro-table-container');
+      var parentDom = (0, _FormatColumn.getParentElement)(node, 'pro-table-container');
       // 获取父元素视窗位置信息
       var parentClient = parentDom === null || parentDom === void 0 ? void 0 : parentDom.getBoundingClientRect();
       var subClient = node === null || node === void 0 ? void 0 : node.getBoundingClientRect();
@@ -77,7 +69,7 @@ var ResizableTitle = function ResizableTitle(props) {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      var parentDom = (0, _utils.getParentElement)(args[1].node, 'pro-table-container');
+      var parentDom = (0, _FormatColumn.getParentElement)(args[1].node, 'pro-table-container');
       var lineDom = (_parentDom$getElement2 = parentDom.getElementsByClassName('pro-table-resizable-line')) === null || _parentDom$getElement2 === void 0 ? void 0 : _parentDom$getElement2[0];
       setOffset(0);
       onDrag && onDrag.apply(void 0, args);

package/lib/ProTable/components/index.d.ts

@@ -1,3 +1,5 @@
-export { default as ResizableLine } from './ResizableLine';
 export { default as TableResizable } from './TableResizable';
-export { default as DndWrapper, Row } from './DndWrapper';
+export { default as RenderEmptyText } from './RenderEmptyText';
+export { default as RenderSummary } from './RenderSummary';
+export { default as RenderTableHeader } from './RenderTableHeader';
+export { default as RenderFooter } from './RenderFooter';

package/lib/ProTable/components/index.js

@@ -1,26 +1,31 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "DndWrapper", {
+Object.defineProperty(exports, "RenderEmptyText", {
   enumerable: true,
   get: function get() {
-    return _DndWrapper.default;
+    return _RenderEmptyText.default;
   }
 });
-Object.defineProperty(exports, "ResizableLine", {
+Object.defineProperty(exports, "RenderFooter", {
   enumerable: true,
   get: function get() {
-    return _ResizableLine.default;
+    return _RenderFooter.default;
   }
 });
-Object.defineProperty(exports, "Row", {
+Object.defineProperty(exports, "RenderSummary", {
   enumerable: true,
   get: function get() {
-    return _DndWrapper.Row;
+    return _RenderSummary.default;
+  }
+});
+Object.defineProperty(exports, "RenderTableHeader", {
+  enumerable: true,
+  get: function get() {
+    return _RenderTableHeader.default;
   }
 });
 Object.defineProperty(exports, "TableResizable", {
@@ -29,6 +34,8 @@ Object.defineProperty(exports, "TableResizable", {
     return _TableResizable.default;
   }
 });
-var _ResizableLine = _interopRequireDefault(require("./ResizableLine"));
 var _TableResizable = _interopRequireDefault(require("./TableResizable"));
-var _DndWrapper = _interopRequireWildcard(require("./DndWrapper"));
+var _RenderEmptyText = _interopRequireDefault(require("./RenderEmptyText"));
+var _RenderSummary = _interopRequireDefault(require("./RenderSummary"));
+var _RenderTableHeader = _interopRequireDefault(require("./RenderTableHeader"));
+var _RenderFooter = _interopRequireDefault(require("./RenderFooter"));

package/{es/ProTable → lib/ProTable/hooks}/useAntdTable.d.ts

@@ -1,6 +1,6 @@
 import { Key } from 'react';
 import { useRequest } from 'ahooks';
-import { RequestOptions, Service } from './propsType';
+import { RequestOptions, Service } from '../propsType';
 declare function useAntdTable<I, R extends Record<string, any>, S extends Service<I, R>>(service: S, options?: RequestOptions<I, R>, useRequestOptions?: Parameters<typeof useRequest>[1]): {
     data: R[];
     params: any;
@@ -83,6 +83,7 @@ declare function useAntdTable<I, R extends Record<string, any>, S extends Servic
         };
         onChange: (pagination: any, filters: any, sorter: any, extra: any) => void;
     };
+    handleSetStateCallback: (values: any) => void;
     loading: boolean;
     error?: Error;
     cancel: () => void;

package/lib/ProTable/{useAntdTable.js → hooks/useAntdTable.js}

@@ -16,9 +16,9 @@ var _react = require("react");
 var _ahooks = require("ahooks");
 var _lodash = require("lodash");
 var _antd = require("antd");
-var _index = require("./index");
-var _utils = require("./utils");
-var _locale = _interopRequireWildcard(require("../locale"));
+var _index = require("../index");
+var _utils = require("../utils");
+var _locale = _interopRequireWildcard(require("../../locale"));
 var _excluded = ["page", "filters", "sorter"];
 var useDefaultOptions = function useDefaultOptions(options) {
   var _useState = (0, _react.useState)((options === null || options === void 0 ? void 0 : options.page) || _index.defaultPage),
@@ -96,6 +96,16 @@ function useAntdTable(service, options, useRequestOptions) {
     }
     return requestParams;
   }, [defaultParam, extraParams]);
+  // 仅清数据源相关，查询相关
+  var handleSetStateCallback = function handleSetStateCallback(values) {
+    setState((0, _objectSpread2.default)({
+      data: [],
+      total: 0,
+      selectedRecords: [],
+      selectedRowKeys: [],
+      allSelected: false
+    }, values));
+  };
   var params = (0, _react.useMemo)(function () {
     var newQueryBean = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, searchValues), extraFilter);
     return getTransformParams((0, _objectSpread2.default)({
@@ -496,7 +506,8 @@ function useAntdTable(service, options, useRequestOptions) {
       rowSelection: returnRowSelection || rowSelections ? rowSelection : undefined,
       pagination: pagination,
       onChange: handleTableChange
-    }
+    },
+    handleSetStateCallback: handleSetStateCallback
   });
 }
 var _default = exports.default = useAntdTable;

package/lib/ProTable/index.d.ts

@@ -14,6 +14,6 @@ declare namespace ProTable {
         disabled: boolean;
         isView: boolean;
     };
-    var useAntdTable: typeof import("./useAntdTable").default;
+    var useAntdTable: typeof import("./hooks/useAntdTable").default;
 }
 export default ProTable;