From 8d7d0835adf4a7d1b8afc5e8bd911a60833006a4 Mon Sep 17 00:00:00 2001
From: vben <anncwb@126.com>
Date: Tue, 5 Jan 2021 21:46:39 +0800
Subject: [PATCH] feat(table): add summaryData prop #163

---
 src/components/Table/src/components/TableAction.vue |  2 +-
 src/components/Table/src/components/TableFooter.vue | 11 +++++++++--
 src/components/Table/src/hooks/useDataSource.ts     |  6 +++---
 src/components/Table/src/hooks/useTableFooter.ts    |  4 ++--
 src/components/Table/src/props.ts                   |  7 ++++++-
 src/components/Table/src/types/table.ts             |  2 ++
 src/layouts/default/header/MultipleHeader.vue       |  8 ++++++--
 src/views/demo/table/FooterTable.vue                |  2 +-
 8 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/src/components/Table/src/components/TableAction.vue b/src/components/Table/src/components/TableAction.vue
index fb577d485..700d4a3e9 100644
--- a/src/components/Table/src/components/TableAction.vue
+++ b/src/components/Table/src/components/TableAction.vue
@@ -45,7 +45,7 @@
       const { prefixCls } = useDesign('basic-table-action');
       const table = useTableContext();
       const getActions = computed(() => {
-        return props.actions.map((action) => {
+        return (props.actions || []).map((action) => {
           const { popConfirm } = action;
           return {
             type: 'link',
diff --git a/src/components/Table/src/components/TableFooter.vue b/src/components/Table/src/components/TableFooter.vue
index ff8fad1aa..6c9d7e179 100644
--- a/src/components/Table/src/components/TableFooter.vue
+++ b/src/components/Table/src/components/TableFooter.vue
@@ -1,6 +1,6 @@
 <template>
   <Table
-    v-if="summaryFunc"
+    v-if="summaryFunc || summaryData"
     :showHeader="false"
     :bordered="false"
     :pagination="false"
@@ -32,6 +32,9 @@
       summaryFunc: {
         type: Function as PropType<Fn>,
       },
+      summaryData: {
+        type: Array as PropType<Recordable[]>,
+      },
       scroll: {
         type: Object as PropType<Recordable>,
       },
@@ -41,7 +44,11 @@
       const table = useTableContext();
 
       const getDataSource = computed((): Recordable[] => {
-        const { summaryFunc } = props;
+        const { summaryFunc, summaryData } = props;
+        if (summaryData?.length) {
+          summaryData.forEach((item, i) => (item[props.rowKey] = `${i}`));
+          return summaryData;
+        }
         if (!isFunction(summaryFunc)) {
           return [];
         }
diff --git a/src/components/Table/src/hooks/useDataSource.ts b/src/components/Table/src/hooks/useDataSource.ts
index 3a6c1fe55..d5b3259c9 100644
--- a/src/components/Table/src/hooks/useDataSource.ts
+++ b/src/components/Table/src/hooks/useDataSource.ts
@@ -163,11 +163,11 @@ export function useDataSource(
         ...pageParams,
         ...(useSearchForm ? getFieldsValue() : {}),
         ...searchInfo,
-        ...(opt ? opt.searchInfo : {}),
-        ...(opt ? opt.sortInfo : {}),
-        ...(opt ? opt.filterInfo : {}),
+        ...(opt?.searchInfo ?? {}),
         ...sortInfo,
         ...filterInfo,
+        ...(opt?.sortInfo ?? {}),
+        ...(opt?.filterInfo ?? {}),
       };
       if (beforeFetch && isFunction(beforeFetch)) {
         params = beforeFetch(params) || params;
diff --git a/src/components/Table/src/hooks/useTableFooter.ts b/src/components/Table/src/hooks/useTableFooter.ts
index 8aa8d19c0..fa46e36db 100644
--- a/src/components/Table/src/hooks/useTableFooter.ts
+++ b/src/components/Table/src/hooks/useTableFooter.ts
@@ -19,9 +19,9 @@ export function useTableFooter(
   });
 
   const getFooterProps = computed((): Recordable | undefined => {
-    const { summaryFunc, showSummary } = unref(propsRef);
+    const { summaryFunc, showSummary, summaryData } = unref(propsRef);
     return showSummary && !unref(getIsEmptyData)
-      ? () => h(TableFooter, { summaryFunc, scroll: unref(scrollRef) })
+      ? () => h(TableFooter, { summaryFunc, summaryData, scroll: unref(scrollRef) })
       : undefined;
   });
 
diff --git a/src/components/Table/src/props.ts b/src/components/Table/src/props.ts
index 3e116297c..99561f8bd 100644
--- a/src/components/Table/src/props.ts
+++ b/src/components/Table/src/props.ts
@@ -44,6 +44,11 @@ export const basicProps = {
     default: null,
   },
 
+  summaryData: {
+    type: Array as PropType<Recordable[]>,
+    default: null,
+  },
+
   canColDrag: propTypes.bool.def(true),
   api: {
     type: Function as PropType<(...arg: any[]) => Promise<any>>,
@@ -73,7 +78,7 @@ export const basicProps = {
   emptyDataIsShowTable: propTypes.bool.def(true),
   // 额外的请求参数
   searchInfo: {
-    type: Object as PropType<any>,
+    type: Object as PropType<Recordable>,
     default: null,
   },
   // 使用搜索表单
diff --git a/src/components/Table/src/types/table.ts b/src/components/Table/src/types/table.ts
index 99dbaf77e..de524cf70 100644
--- a/src/components/Table/src/types/table.ts
+++ b/src/components/Table/src/types/table.ts
@@ -143,6 +143,8 @@ export interface BasicTableProps<T = any> {
   autoCreateKey?: boolean;
   // 计算合计行的方法
   summaryFunc?: (...arg: any) => Recordable[];
+  // 自定义合计表格内容
+  summaryData?: Recordable[];
   // 是否显示合计行
   showSummary?: boolean;
   // 是否可拖拽列
diff --git a/src/layouts/default/header/MultipleHeader.vue b/src/layouts/default/header/MultipleHeader.vue
index fc7f65b09..dc637ed99 100644
--- a/src/layouts/default/header/MultipleHeader.vue
+++ b/src/layouts/default/header/MultipleHeader.vue
@@ -70,10 +70,14 @@
       const getPlaceholderDomStyle = computed(
         (): CSSProperties => {
           let height = 0;
-          if ((unref(getShowFullHeaderRef) || !unref(getSplit)) && unref(getShowHeader)) {
+          if (
+            (unref(getShowFullHeaderRef) || !unref(getSplit)) &&
+            unref(getShowHeader) &&
+            !unref(getFullContent)
+          ) {
             height += HEADER_HEIGHT;
           }
-          if (unref(getShowMultipleTab)) {
+          if (unref(getShowMultipleTab) && !unref(getFullContent)) {
             height += TABS_HEIGHT;
           }
           headerHeightRef.value = height;
diff --git a/src/views/demo/table/FooterTable.vue b/src/views/demo/table/FooterTable.vue
index 90e1fc91d..1967bbd73 100644
--- a/src/views/demo/table/FooterTable.vue
+++ b/src/views/demo/table/FooterTable.vue
@@ -13,7 +13,7 @@
   export default defineComponent({
     components: { BasicTable },
     setup() {
-      function handleSummary(tableData: any[]) {
+      function handleSummary(tableData: Recordable[]) {
         const totalNo = tableData.reduce((prev, next) => {
           prev += next.no;
           return prev;