@fecp/designer 5.3.22 → 5.4.2

package/lib/packages/vue/src/components/table/Table.vue.js

@@ -175,7 +175,93 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       }
       return localConfig.value.height || 500;
     });
-    const initDataSourceManager = () => {
+    const summaryConfig = vue.computed(() => {
+      return localConfig.value.summaryConfig || {
+        enabled: false,
+        mode: "current",
+        summaryFields: []
+      };
+    });
+    const allSummaryData = vue.ref({});
+    const footerData = vue.computed(() => {
+      const config = summaryConfig.value;
+      const { enabled, mode, summaryFields = [] } = config;
+      if (!enabled) return [];
+      const firstItem = fieldsData.value.find((item) => item.isShow);
+      if (!firstItem) {
+        return [];
+      }
+      const firstSummaryField = firstItem.fieldName;
+      const footerRow = { _isFooter: true };
+      if (firstSummaryField) {
+        footerRow[firstSummaryField] = "合计";
+      }
+      if (mode === "current") {
+        summaryFields.forEach((fieldName) => {
+          const sum = displayData.value.reduce((total, item) => {
+            const value = parseFloat(item[fieldName]);
+            return total + (isNaN(value) ? 0 : value);
+          }, 0);
+          if (isNaN(sum)) {
+            footerRow[fieldName] = "";
+          } else {
+            const field = fieldsData.value.find((f) => f.fieldName === fieldName);
+            footerRow[fieldName] = formatSummaryValue(sum, field);
+          }
+        });
+      } else if (mode === "all") {
+        summaryFields.forEach((fieldName) => {
+          const sum = allSummaryData.value[fieldName];
+          if (sum !== void 0 && sum !== null) {
+            const field = fieldsData.value.find((f) => f.fieldName === fieldName);
+            footerRow[fieldName] = formatSummaryValue(sum, field);
+          } else {
+            footerRow[fieldName] = "加载中...";
+          }
+        });
+      }
+      return [footerRow];
+    });
+    function formatSummaryValue(value, field) {
+      if (!field) {
+        return value;
+      }
+      const format = field.format;
+      field.hasDecimalPlaces;
+      field.decimalPlaces ?? 2;
+      let result = value;
+      switch (format) {
+        case "yuan":
+          result = value;
+          break;
+        case "wan":
+          result = value / 1e4;
+          break;
+        case "million":
+          result = value / 1e6;
+          break;
+        case "percentage":
+          result = value * 100;
+          break;
+        case "permillage":
+          result = value * 1e3;
+          break;
+        case "permillion":
+          result = value * 1e4;
+          break;
+        default:
+          result = value;
+      }
+      if (field.format == "yuan" || field.format == "wan" || field.format == "million") {
+        const formatted = result.toLocaleString("en-US", {
+          minimumFractionDigits: field.hasDecimalPlaces && field.decimalPlaces !== void 0 ? field.decimalPlaces : 0,
+          maximumFractionDigits: field.hasDecimalPlaces && field.decimalPlaces !== void 0 ? field.decimalPlaces : 20
+        });
+        return formatted;
+      }
+      return result;
+    }
+    const initDataSourceManager = async () => {
       var _a, _b;
       if (!((_a = localConfig.value.dataSources) == null ? void 0 : _a.length)) return;
       dataSourceManager.value = datasource.createDataSource({
@@ -199,7 +285,36 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         emit("data-error", err);
       });
       if (!props.tableData || props.tableData.length === 0) {
-        dataSourceManager.value.fetch();
+        tableDataFetch();
+        if (localConfig.value.summaryConfig.enabled && localConfig.value.summaryConfig.mode == "all") {
+          const summaryAllDataManager = datasource.createDataSource({
+            http: ctx.$http,
+            initSearchData: searchData.value,
+            dataSources: localConfig.value.dataSources,
+            currentDataSourceId: localConfig.value.dataSourceId,
+            pagination: {
+              pageNo: 1,
+              pageSize: 0
+              // 获取全部数据
+            },
+            data: hiddenFormData.value,
+            fields: fieldsData.value,
+            sortRules: localConfig.value.sortRules,
+            templateId: localConfig.value.templateKey
+          });
+          const data = await summaryAllDataManager.fetch();
+          const summaryFields = localConfig.value.summaryConfig.summaryFields || [];
+          const allList = (data == null ? void 0 : data.list) || [];
+          const summaryResult = {};
+          summaryFields.forEach((fieldName) => {
+            const sum = allList.reduce((total, item) => {
+              const value = parseFloat(item[fieldName]);
+              return total + (isNaN(value) ? 0 : value);
+            }, 0);
+            summaryResult[fieldName] = sum;
+          });
+          allSummaryData.value = summaryResult;
+        }
       }
       loadFieldDataSources();
     };
@@ -331,14 +446,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       const orderValue = order ? order.replace("ending", "") : "";
       if (dataSourceManager.value) {
         dataSourceManager.value.updateSort(property, orderValue);
-        dataSourceManager.value.fetch();
+        tableDataFetch();
       }
       emit("sort-change", { field: property, order: orderValue });
     };
     const handlePageChange = ({ pageNo, pageSize }) => {
       if (dataSourceManager.value) {
         dataSourceManager.value.updatePagination(pageNo, pageSize);
-        dataSourceManager.value.fetch();
+        tableDataFetch();
       }
       emit("page-change", { pageNo, pageSize });
     };
@@ -354,7 +469,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const handleFilterSearch = (filters) => {
       if (dataSourceManager.value) {
         dataSourceManager.value.updateParams(filters);
-        dataSourceManager.value.fetch();
+        tableDataFetch();
         clearSelection();
       } else {
         searchData.value = filters;
@@ -363,7 +478,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const handleFilterReset = () => {
       if (dataSourceManager.value) {
         dataSourceManager.value.clearParams();
-        dataSourceManager.value.fetch();
+        tableDataFetch();
         clearSelection();
       }
     };
@@ -394,7 +509,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
             $table.clearFilter();
           }
         }
-        dataSourceManager.value.fetch();
+        tableDataFetch();
       }
     };
     const reset = () => {
@@ -409,9 +524,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           $table.clearSort();
         }
         dataSourceManager.value.clearSort();
-        dataSourceManager.value.fetch();
+        tableDataFetch();
       }
     };
+    async function tableDataFetch() {
+      await dataSourceManager.value.fetch();
+    }
     const exportConfig = vue.reactive({
       modes: ["current", "selected", "all", "empty"],
       original: false
@@ -621,6 +739,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                   "row-config": rowConfig.value,
                   "radio-config": vue.unref(radioConfig),
                   "checkbox-config": vue.unref(checkboxConfig),
+                  "show-footer": summaryConfig.value.enabled,
+                  "footer-data": footerData.value,
                   onSortChange: handleSortChange,
                   onCheckboxChange: handleCheckboxChange,
                   onCheckboxAll: handleCheckboxAll,
@@ -659,7 +779,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                     ];
                   }),
                   _: 3
-                }, 8, ["data", "auto-resize", "height", "export-config", "row-config", "radio-config", "checkbox-config"])
+                }, 8, ["data", "auto-resize", "height", "export-config", "row-config", "radio-config", "checkbox-config", "show-footer", "footer-data"])
               ]),
               isPagination.value ? (vue.openBlock(), vue.createBlock(Pagination.default, {
                 key: 2,
@@ -675,5 +795,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-03f3150c"]]);
+const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-aa3130aa"]]);
 exports.default = _Table;

package/lib/packages/vue/src/components/table/TableColumn.vue.js

@@ -401,5 +401,5 @@ const _sfc_main = {
     };
   }
 };
-const TableColumn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-1fac212e"]]);
+const TableColumn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-3e5372d4"]]);
 exports.default = TableColumn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/designer",
-  "version": "5.3.22",
+  "version": "5.4.2",
   "main": "lib/designer/index.js",
   "module": "es/designer/index.mjs",
   "files": [