zmdms-webui 2.9.0 → 2.9.1

package/dist/es/table/useSummary.js

@@ -1,12 +1,12 @@
 import { __assign } from '../_virtual/_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import { Table } from 'antd';
 import { plus, addThousedSeparator } from 'zmdms-utils';
 import { IS_SUMMARY } from './constant.js';
 
 function useSummary(summaryConfig, columns, options) {
-    var summaryFixed = options.summaryFixed, rowSelection = options.rowSelection, expandable = options.expandable, isAdd = options.isAdd, isDel = options.isDel;
+    var summaryFixed = options.summaryFixed, rowSelection = options.rowSelection, expandable = options.expandable, isAdd = options.isAdd, isDel = options.isDel, isTableSummaryCollapse = options.isTableSummaryCollapse, showSummary = options.showSummary, renderTableSummaryCollapse = options.renderTableSummaryCollapse;
     // 是否存在选择项
     var isRowSelection = rowSelection ? true : false;
     // 是否存在可展开
@@ -19,24 +19,35 @@ function useSummary(summaryConfig, columns, options) {
             fillNumber: fillNumber,
             columns: columns,
         });
-        return (jsx(Table.Summary, __assign({ fixed: summaryFixed }, { children: summaryData.map(function (summary) {
-                var title = summary.title, key = summary.key, titleIndex = summary.titleIndex, list = summary.list, columnList = summary.columnList, fieldConfig = summary.fieldConfig;
-                return (jsx(Table.Summary.Row, { children: Array.isArray(list) &&
-                        list.map(function (item, index) {
-                            var _a;
-                            // title的位置需要 算入 增减行中
-                            if (titleIndex + Number(isAddOrDel) === index) {
-                                return (jsx(Table.Summary.Cell, __assign({ index: index, align: "center" }, { children: title }), index));
-                            }
-                            else {
-                                var column = columnList[index];
-                                var columnKey = column === null || column === void 0 ? void 0 : column.key;
-                                var align = (_a = fieldConfig === null || fieldConfig === void 0 ? void 0 : fieldConfig[columnKey]) === null || _a === void 0 ? void 0 : _a.align;
-                                return (jsx(Table.Summary.Cell, __assign({ index: index, align: align }, { children: jsx("div", { children: item }) }), index));
-                            }
-                        }) }, key));
-            }) })));
-    }, [summaryConfig, fillNumber, columns, summaryFixed, isAddOrDel]);
+        return (jsxs(Table.Summary, __assign({ fixed: summaryFixed }, { children: [showSummary || !isTableSummaryCollapse
+                    ? summaryData.map(function (summary) {
+                        var title = summary.title, key = summary.key, titleIndex = summary.titleIndex, list = summary.list, columnList = summary.columnList, fieldConfig = summary.fieldConfig;
+                        return (jsx(Table.Summary.Row, { children: Array.isArray(list) &&
+                                list.map(function (item, index) {
+                                    var _a;
+                                    // title的位置需要 算入 增减行中
+                                    if (titleIndex + Number(isAddOrDel) === index) {
+                                        return (jsx(Table.Summary.Cell, __assign({ index: index, align: "center" }, { children: title }), index));
+                                    }
+                                    else {
+                                        var column = columnList[index];
+                                        var columnKey = column === null || column === void 0 ? void 0 : column.key;
+                                        var align = (_a = fieldConfig === null || fieldConfig === void 0 ? void 0 : fieldConfig[columnKey]) === null || _a === void 0 ? void 0 : _a.align;
+                                        return (jsx(Table.Summary.Cell, __assign({ index: index, align: align }, { children: jsx("div", { children: item }) }), index));
+                                    }
+                                }) }, key));
+                    })
+                    : null, isTableSummaryCollapse ? renderTableSummaryCollapse() : null] })));
+    }, [
+        summaryConfig,
+        fillNumber,
+        columns,
+        summaryFixed,
+        isAddOrDel,
+        showSummary,
+        isTableSummaryCollapse,
+        renderTableSummaryCollapse,
+    ]);
     return summaryConfig ? summaryHandle : undefined;
 }
 function recursionColumns(columns, options) {

package/dist/es/table/useTableSummaryCollapse.js

@@ -0,0 +1,29 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Table } from 'antd';
+import { useMemoizedFn } from 'ahooks';
+import IconFont from '../icon/index.js';
+
+function useTableSummaryCollapse(tableRef, isDefaultShow) {
+    if (isDefaultShow === void 0) { isDefaultShow = false; }
+    var _a = useState(isDefaultShow), showSummary = _a[0], setShowSummary = _a[1];
+    var renderTableSummaryCollapse = useMemoizedFn(function () {
+        var _a;
+        var tableWidth = ((_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
+        return (jsx(Table.Summary.Row, __assign({ className: "ztxk-table-summary-collapse", style: { width: "".concat(tableWidth - 15, "px") } }, { children: jsx("td", __assign({ style: { height: "20px", border: "none" } }, { children: jsxs("div", __assign({ className: "ztxk-table-summary-collapse-title", onClick: function () {
+                        setShowSummary(!showSummary);
+                    } }, { children: ["\u7EDF\u8BA1", jsx(IconFont, { type: "icon-a-lujingbiankuang", style: {
+                                fontSize: 14,
+                                color: "#768696",
+                                transition: "transform 0.3s ease-in-out",
+                                transform: "rotate(".concat(showSummary ? "180deg" : 0, ")"),
+                            } })] })) })) })));
+    });
+    return {
+        showSummary: showSummary,
+        renderTableSummaryCollapse: renderTableSummaryCollapse,
+    };
+}
+
+export { useTableSummaryCollapse as default };