cosey 0.2.21 → 0.2.23

package/components/table/table.vue.d.ts

@@ -1,4 +1,4 @@
-import { type PaginationProps } from 'element-plus';
+import { type PaginationProps, type TableColumnCtx } from 'element-plus';
 import { type TableSlots, type TableExpose, type ToolbarConfig } from './table';
 import { type TableColumnProps } from './table-column/table-column';
 type __VLS_Slots = TableSlots;
@@ -153,7 +153,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     scrollTo: (options: number | ScrollToOptions, yCoord?: number) => void;
     setScrollTop: (top?: number) => void;
     setScrollLeft: (left?: number) => void;
-    columns: import("element-plus").TableColumnCtx<any>[];
+    columns: TableColumnCtx<any>[];
     updateKeyChildren: (key: string, data: any[]) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     api: {

package/components/table/table.vue.js

@@ -12,11 +12,12 @@ import { filterEmptyFormValue } from './utils.js';
 import stdin_default$1 from './style/index.js';
 import { useComponentConfig, useConfig } from '../config-provider/config-provider.js';
 import { isNullish, isObject, isFunction } from '../../utils/is.js';
+import { flatColumns } from '../../utils/excel/index.js';
+import { getVNodeText, createMergedExpose } from '../../utils/vue.js';
 import { useFetch } from '../../hooks/useFetch.js';
 import { useFullPage } from '../../hooks/useFullPage.js';
 import { useLocale } from '../../hooks/useLocale.js';
 import { addPxUnit } from '../../utils/css.js';
-import { createMergedExpose } from '../../utils/vue.js';
 import { walkTree } from '../../utils/tree.js';
 
 const _hoisted_1 = {
@@ -115,6 +116,34 @@ var stdin_default = /* @__PURE__ */defineComponent({
       setRenderedColumns();
     };
     const tableData = ref(props.data || []);
+    const tableDataWithSummary = computed(() => {
+      const columns = flatColumns(props.columns);
+      const data = [...tableData.value];
+      if (props.summaryMethod) {
+        const sum = props.summaryMethod({
+          columns,
+          data: tableData.value
+        });
+        data.push(columns.reduce((row, column, index) => {
+          row[column.prop] = getVNodeText(sum[index]);
+          return row;
+        }, {}));
+      } else if (props.showSummary) {
+        const sum = columns.map(column => {
+          const data2 = tableData.value.map(row => +row[column.prop]);
+          if (data2.some(num => isNaN(num))) {
+            return "";
+          }
+          return String(data2.reduce((sum2, num) => sum2 + num, 0));
+        });
+        sum[0] = props.sumText || t("co.table.total");
+        data.push(columns.reduce((row, column, index) => {
+          row[column.prop] = sum[index];
+          return row;
+        }, {}));
+      }
+      return data;
+    });
     const getFetchParams = () => {
       const params = {
         ...orderParams,
@@ -301,15 +330,15 @@ var stdin_default = /* @__PURE__ */defineComponent({
         "hide-after": 0
       }, {
         default: withCtx(() => [createVNode(unref(ElButton), {
-          circle: ""
+          circle: "",
+          onClick: reload
         }, {
           default: withCtx(() => [createVNode(stdin_default$3, {
             name: "co:rotate-360",
             size: "md",
             class: normalizeClass([`${unref(prefixCls)}-refresh-icon`, {
               "is-spinning": reloading.value
-            }]),
-            onClick: reload
+            }])
           }, null, 8, ["class"])]),
           _: 1
           /* STABLE */
@@ -341,7 +370,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         title: unref(t)("co.table.exportData"),
         config: mergedToolbarConfig.value.export,
         columns: exportColumns.value,
-        data: tableData.value
+        data: tableDataWithSummary.value
       }, null, 8, ["modelValue", "title", "config", "columns", "data"])])) : createCommentVNode("v-if", true), mergedToolbarConfig.value.fullScreen ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(_component_el_tooltip, {
         content: unref(isFullPage) ? unref(t)("co.table.exitFullScreen") : unref(t)("co.table.fullScreen"),
         placement: "top",

package/locale/lang/ar.d.ts

@@ -64,6 +64,7 @@ declare const _default: {
             paramConfig: string;
             header: string;
             groupHeader: string;
+            total: string;
         };
         toggle: {
             unfold: string;

package/locale/lang/ar.js

@@ -66,7 +66,8 @@ var stdin_default = {
       selectField: "\u0627\u062E\u062A\u064A\u0627\u0631 \u0627\u0644\u062D\u0642\u0644",
       paramConfig: "\u0636\u0628\u0637 \u0627\u0644\u0645\u0639\u0627\u064A\u064A\u0631",
       header: "\u0631\u0623\u0633 \u0627\u0644\u062C\u062F\u0648\u0644",
-      groupHeader: "\u0631\u0623\u0633 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629"
+      groupHeader: "\u0631\u0623\u0633 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629",
+      total: "\u0627\u0644\u0645\u062C\u0645\u0648\u0639"
     },
     toggle: {
       unfold: "\u0625\u0638\u0647\u0627\u0631",

package/locale/lang/en.d.ts

@@ -64,6 +64,7 @@ declare const _default: {
             paramConfig: string;
             header: string;
             groupHeader: string;
+            total: string;
         };
         toggle: {
             unfold: string;

package/locale/lang/en.js

@@ -66,7 +66,8 @@ var stdin_default = {
       selectField: "Select field",
       paramConfig: "Parameter configuration",
       header: "Header",
-      groupHeader: "Group Header"
+      groupHeader: "Group Header",
+      total: "Total"
     },
     toggle: {
       unfold: "Unfold",

package/locale/lang/zh-cn.d.ts

@@ -64,6 +64,7 @@ declare const _default: {
             paramConfig: string;
             header: string;
             groupHeader: string;
+            total: string;
         };
         toggle: {
             unfold: string;

package/locale/lang/zh-cn.js

@@ -66,7 +66,8 @@ var stdin_default = {
       selectField: "\u9009\u62E9\u5B57\u6BB5",
       paramConfig: "\u53C2\u6570\u914D\u7F6E",
       header: "\u8868\u5934",
-      groupHeader: "\u5206\u7EC4\u8868\u5934"
+      groupHeader: "\u5206\u7EC4\u8868\u5934",
+      total: "\u5408\u8BA1"
     },
     toggle: {
       unfold: "\u5C55\u5F00",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.2.21",
+  "version": "0.2.23",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",

package/utils/excel/index.d.ts

@@ -1,5 +1,10 @@
 import { bookFormats } from './bookFormats';
 import type { ExportBookType, ExportExcelScheme } from './type';
+import { type TableColumnProps } from '../../components/table/table-column/table-column';
+/**
+ * 只取最底层的列组成表头
+ */
+export declare function flatColumns(columns: TableColumnProps[]): TableColumnProps[];
 /**
  * 根据数据和配置，导出 excel 文件
  */

package/utils/excel/index.js

@@ -149,4 +149,4 @@ async function exportExcel(scheme, data) {
   await writeFile(workBook, bookType);
 }
 
-export { exportExcel };
+export { exportExcel, flatColumns };

package/utils/index.js

@@ -4,14 +4,14 @@ export { getControlKey } from './browser.js';
 export { getLabelByValue, getTreeLabelByValue } from './collection.js';
 export { addPxUnit, cssObjectToString, getContextBoxWidth, getDir, getStyle, setStyle } from './css.js';
 export { DATE_FORMAT, DATE_TIME_FORMAT, MONTH_FORMAT, TIME_FORMAT, YEAR_FORMAT, formatAsBasicDateTime, formatAsDate, formatAsDateTime, getDayjs } from './date.js';
-export { exportExcel } from './excel/index.js';
+export { exportExcel, flatColumns } from './excel/index.js';
 export { chooseFiles, getFileType, readAsArrayBuffer, readAsDataURL } from './file.js';
 export { isBoolean, isEmpty, isFunction, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isString, isUndefined } from './is.js';
 export { minmax } from './number.js';
 export { deepAssign, initObject, omitObject, omitUndefined, uniformAssign } from './object.js';
 export { getBasename, getExtname } from './path.js';
 export { uniqid, uuid } from './string.js';
-export { Scope, addNullablePlaceholder, createMergedExpose, defineTemplate } from './vue.js';
+export { Scope, addNullablePlaceholder, createMergedExpose, defineTemplate, getVNodeText } from './vue.js';
 export { note, noteOnce, resetWarned, warning, warningOnce } from './warning.js';
 export { findCSSNode, insertCSS, removeCSS, updateCSS, updateCSSByStyle } from './dynamicCSS.js';
 export { sleep } from './sleep.js';

package/utils/vue.d.ts

@@ -21,3 +21,7 @@ export declare function createMergedExpose<T = any>(keys: string[], ...exposeLis
  * 如果值为空时展示占位符，否则显示值
  */
 export declare function addNullablePlaceholder<T = unknown>(value: T, converter?: (value: NonNullable<T>) => any): string;
+/**
+ * 获取 VNode 中的文本
+ */
+export declare function getVNodeText(vnode: unknown): string;

package/utils/vue.js

@@ -1,4 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
+import { isObject } from './is.js';
 
 function defineTemplate(callback) {
   return {
@@ -37,5 +38,17 @@ function addNullablePlaceholder(value, converter) {
   }
   return converter ? converter(value) : value;
 }
+function getVNodeText(vnode) {
+  if (typeof vnode === "string" || typeof vnode === "number") {
+    return String(vnode);
+  }
+  if (Array.isArray(vnode)) {
+    return vnode.map(getVNodeText).join("");
+  }
+  if (isObject(vnode) && vnode.children) {
+    return getVNodeText(vnode.children);
+  }
+  return "";
+}
 
-export { Scope, addNullablePlaceholder, createMergedExpose, defineTemplate };
+export { Scope, addNullablePlaceholder, createMergedExpose, defineTemplate, getVNodeText };