@fecp/designer 5.6.26 → 5.6.28

package/lib/packages/vue/src/components/forms/subTable/SubTable.vue.js

@@ -8,11 +8,19 @@ const index$2 = require("../subTitle/index.js");
 const index = require("../h2/index.js");
 const parseRouteParams = require("../../../utils/parseRouteParams.js");
 const parseFilterConfig = require("../../../utils/parseFilterConfig.js");
+const formatCellValue = require("../../../utils/formatCellValue.js");
+;/* empty css               */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index$1 = require("../../../../../../node_modules/element-plus/es/components/button/index.js");
 const _hoisted_1 = {
   key: 0,
   style: { "height": "60px", "position": "relative" }
 };
+const _hoisted_2 = {
+  key: 0,
+  class: "selectionSummary"
+};
+const _hoisted_3 = { class: "summary-badge summary-count" };
 const _sfc_main = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
@@ -98,6 +106,35 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         ...((_b = subTableOption.value) == null ? void 0 : _b.hiddenFields) || []
       ];
     });
+    const selectedRows = Vue.ref([]);
+    const handleSelectionChange = (rows) => {
+      selectedRows.value = rows || [];
+    };
+    const showSelectionSummary = Vue.computed(() => {
+      var _a, _b;
+      const selectMode = (_a = subTableOption.value) == null ? void 0 : _a.selectMode;
+      return selectMode === "multiple" && ((_b = subTableOption.value) == null ? void 0 : _b.showSelectionSummary);
+    });
+    const summaryItems = Vue.computed(() => {
+      var _a;
+      const summaryFields = ((_a = subTableOption.value) == null ? void 0 : _a.selectionSummaryFields) || [];
+      if (!summaryFields.length) return [];
+      return summaryFields.map((fieldName) => {
+        const field = subTableFieldsData.value.find(
+          (f) => f.fieldName === fieldName
+        );
+        if (!field) return null;
+        const sum = selectedRows.value.reduce((total, row) => {
+          const value = parseFloat(row[fieldName]);
+          return total + (isNaN(value) ? 0 : value);
+        }, 0);
+        return {
+          fieldName,
+          label: field.label || field.fieldName,
+          value: formatCellValue.formatCellValue(sum, field)
+        };
+      }).filter(Boolean);
+    });
     const leftButtons = Vue.computed(() => {
       var _a, _b;
       return (((_b = (_a = subTableOption.value) == null ? void 0 : _a.customBtns) == null ? void 0 : _b.left) || []).filter((item) => {
@@ -172,7 +209,23 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
             Vue.unref(leftButtons) ? {
               name: "left",
               fn: Vue.withCtx(() => [
-                __props.formMode != "query" ? (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, { key: 0 }, Vue.renderList(Vue.unref(leftButtons), (btn) => {
+                Vue.unref(showSelectionSummary) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+                  Vue.createElementVNode("span", _hoisted_3, [
+                    _cache[0] || (_cache[0] = Vue.createTextVNode("已勾选 ")),
+                    Vue.createElementVNode("em", null, Vue.toDisplayString(Vue.unref(selectedRows).length || 0), 1),
+                    _cache[1] || (_cache[1] = Vue.createTextVNode(" 条"))
+                  ]),
+                  (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(summaryItems), (item) => {
+                    return Vue.openBlock(), Vue.createElementBlock("span", {
+                      key: item.fieldName,
+                      class: "summary-badge summary-item"
+                    }, [
+                      Vue.createTextVNode(Vue.toDisplayString(item.label) + " ", 1),
+                      Vue.createElementVNode("em", null, Vue.toDisplayString(item.value), 1)
+                    ]);
+                  }), 128))
+                ])) : Vue.createCommentVNode("", true),
+                __props.formMode != "query" ? (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, { key: 1 }, Vue.renderList(Vue.unref(leftButtons), (btn) => {
                   return Vue.openBlock(), Vue.createBlock(_component_el_button, {
                     link: "",
                     type: "primary",
@@ -198,6 +251,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           templateKey: __props.config.subTableKey,
           isSubTable: "",
           onHeightLoaded: subTableLoaded,
+          onSelectionChange: handleSelectionChange,
           mode: __props.config.subTableMode,
           titleMode: __props.config.titleMode,
           hasPagination: __props.config.isSubTablePagination,
@@ -215,4 +269,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-exports.default = _sfc_main;
+const _SubTable = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8a26081e"]]);
+exports.default = _SubTable;

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

@@ -8,6 +8,7 @@ const vxeTable = require("vxe-table");
 const index$1 = require("../../../../../node_modules/@element-plus/icons-vue/dist/index.js");
 const getInstance = require("../../utils/getInstance.js");
 const parseFilterConfig = require("../../utils/parseFilterConfig.js");
+const formatCellValue = require("../../utils/formatCellValue.js");
 ;/* empty css                    */
 const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../../node_modules/element-plus/es/components/icon/index.js");
@@ -17,6 +18,11 @@ const _hoisted_2 = {
   key: 1,
   class: "template-name"
 };
+const _hoisted_3 = {
+  key: 2,
+  class: "selectionSummary"
+};
+const _hoisted_4 = { class: "summary-badge summary-count" };
 const _sfc_main = {
   __name: "CustomButtons",
   props: {
@@ -42,6 +48,10 @@ const _sfc_main = {
     hiddenFormData: {
       type: Object,
       default: {}
+    },
+    selectedRows: {
+      type: Array,
+      default: () => []
     }
   },
   emits: ["click"],
@@ -79,6 +89,29 @@ const _sfc_main = {
     const hasButtons = Vue.computed(() => {
       return leftButtons.value.length > 0 || rightButtons.value.length > 0;
     });
+    const showSelectionSummary = Vue.computed(() => {
+      var _a, _b;
+      const selectMode = (_a = props.localConfig) == null ? void 0 : _a.selectMode;
+      return selectMode === "multiple" && ((_b = props.localConfig) == null ? void 0 : _b.showSelectionSummary);
+    });
+    const summaryItems = Vue.computed(() => {
+      var _a;
+      const summaryFields = ((_a = props.localConfig) == null ? void 0 : _a.selectionSummaryFields) || [];
+      if (!summaryFields.length) return [];
+      return summaryFields.map((fieldName) => {
+        const field = fieldsData.value.find((f) => f.fieldName === fieldName);
+        if (!field) return null;
+        const sum = props.selectedRows.reduce((total, row) => {
+          const value = parseFloat(row[fieldName]);
+          return total + (isNaN(value) ? 0 : value);
+        }, 0);
+        return {
+          fieldName,
+          label: field.label || field.fieldName,
+          value: formatCellValue.formatCellValue(sum, field)
+        };
+      }).filter(Boolean);
+    });
     const getBtnIcon = (btnType) => {
       const iconMap = {
         refresh: index$1.Refresh,
@@ -128,8 +161,24 @@ const _sfc_main = {
           _cache[0] || (_cache[0] = Vue.createElementVNode("div", { class: "template-name-line" }, null, -1)),
           Vue.createTextVNode(" " + Vue.toDisplayString(__props.localConfig.templateName), 1)
         ])) : Vue.createCommentVNode("", true),
+        !__props.isSubTable && showSelectionSummary.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3, [
+          Vue.createElementVNode("span", _hoisted_4, [
+            _cache[1] || (_cache[1] = Vue.createTextVNode("已勾选 ")),
+            Vue.createElementVNode("em", null, Vue.toDisplayString(__props.selectedRows.length || 0), 1),
+            _cache[2] || (_cache[2] = Vue.createTextVNode(" 条"))
+          ]),
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(summaryItems.value, (item) => {
+            return Vue.openBlock(), Vue.createElementBlock("span", {
+              key: item.fieldName,
+              class: "summary-badge summary-item"
+            }, [
+              Vue.createTextVNode(Vue.toDisplayString(item.label) + " ", 1),
+              Vue.createElementVNode("em", null, Vue.toDisplayString(item.value), 1)
+            ]);
+          }), 128))
+        ])) : Vue.createCommentVNode("", true),
         !__props.readOnly && !__props.isSubTable && hasButtons.value ? (Vue.openBlock(), Vue.createBlock(Vue.unref(vxeTable.VxeToolbar), {
-          key: 2,
+          key: 3,
           ref: "toolbarRef",
           style: { "flex": "1", "margin-bottom": "0", "padding": "0" }
         }, {
@@ -173,5 +222,5 @@ const _sfc_main = {
     };
   }
 };
-const CustomButtons = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8d29fa72"]]);
+const CustomButtons = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-d37b4cca"]]);
 exports.default = CustomButtons;

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

@@ -548,10 +548,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       }
       emit("page-change", { pageNo, pageSize });
     };
+    const selectedRows = Vue.ref([]);
     const handleCheckboxChange = (checked) => {
+      selectedRows.value = checked.records;
       emit("selection-change", checked.records);
     };
     const handleCheckboxAll = (checked) => {
+      selectedRows.value = checked.records;
       emit("selection-change", checked.records);
     };
     const handleRadioChange = (checked) => {
@@ -940,8 +943,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                   readonly: __props.readonly,
                   isSubTable: __props.titleMode == "label",
                   onClick: handleCustomBtnClick,
-                  hiddenFormData: hiddenFormData.value
-                }, null, 8, ["custom-btns", "localConfig", "readonly", "isSubTable", "hiddenFormData"])
+                  hiddenFormData: hiddenFormData.value,
+                  selectedRows: selectedRows.value
+                }, null, 8, ["custom-btns", "localConfig", "readonly", "isSubTable", "hiddenFormData", "selectedRows"])
               ], 64)) : Vue.createCommentVNode("", true),
               ((_d = (_c = localConfig.value) == null ? void 0 : _c.queryConfig) == null ? void 0 : _d.mode) == "dynamic" ? (Vue.openBlock(), Vue.createBlock(DynamicQuery.default, {
                 key: 1,
@@ -1028,5 +1032,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-28ff595c"]]);
+const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-80e86615"]]);
 exports.default = _Table;

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

@@ -54,7 +54,7 @@ const _sfc_main = {
   setup(__props, { expose: __expose, emit: __emit }) {
     var _a;
     Vue.useCssVars((_ctx) => ({
-      "f3ebd008": `${config.value.collapseRows * 90}px`
+      "fedf9b3c": `${config.value.collapseRows * 90}px`
     }));
     const props = __props;
     const emit = __emit;
@@ -185,7 +185,7 @@ const _sfc_main = {
         config.value.enabled ? (Vue.openBlock(), Vue.createBlock(_component_el_form, {
           key: 0,
           model: filterValues.value,
-          class: "fec-table-filter",
+          class: Vue.normalizeClass(["fec-table-filter", { "should-show-toggle": shouldShowToggle.value }]),
           "label-width": "100px",
           "label-position": "right",
           style: Vue.normalizeStyle({ "--column-count": config.value.columnCount }),
@@ -277,8 +277,8 @@ const _sfc_main = {
             ])
           ]),
           _: 1
-        }, 8, ["model", "style"])) : Vue.createCommentVNode("", true),
-        shouldShowToggle.value ? (Vue.openBlock(), Vue.createBlock(_component_el_divider, {
+        }, 8, ["model", "class", "style"])) : Vue.createCommentVNode("", true),
+        config.value.enabled && shouldShowToggle.value ? (Vue.openBlock(), Vue.createBlock(_component_el_divider, {
           key: 1,
           "border-style": "dashed",
           class: "filter-divider"
@@ -303,5 +303,5 @@ const _sfc_main = {
     };
   }
 };
-const TableFilter = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-ba2f1878"]]);
+const TableFilter = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-de2e11bc"]]);
 exports.default = TableFilter;

package/package.json

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