@fecp/designer 5.3.22 → 5.4.1

package/lib/designer/src/packages/table/default.js

@@ -1,28 +1,28 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const defaultTableConfig = {
-  "fieldsData": [
+  fieldsData: [
     {
-      "fieldType": "text",
-      "label": "文本",
-      "fieldName": "fieldName",
-      "format": "number",
-      "hasDecimalPlaces": true,
-      "decimalPlaces": 2,
-      "optionStyle": "default",
-      "dateType": "date",
-      "widthMode": "auto",
-      "minWidth": 80,
-      "headerAlign": "center",
-      "align": "center",
-      "isShow": true,
-      "id": 1770347203793,
-      "type": "widgets"
+      fieldType: "text",
+      label: "文本",
+      fieldName: "fieldName",
+      format: "number",
+      hasDecimalPlaces: true,
+      decimalPlaces: 2,
+      optionStyle: "default",
+      dateType: "date",
+      widthMode: "auto",
+      minWidth: 80,
+      headerAlign: "center",
+      align: "center",
+      isShow: true,
+      id: 1770347203793,
+      type: "widgets"
     }
   ],
-  "showTitle": true,
-  "isOptBtns": true,
-  "optBtns": [
+  showTitle: true,
+  isOptBtns: true,
+  optBtns: [
     // {
     //     "id": 1770347228880,
     //     "label": "修改",
@@ -36,8 +36,8 @@ const defaultTableConfig = {
     //     "btnStyle": "default"
     // }
   ],
-  "customBtns": {
-    "left": [
+  customBtns: {
+    left: [
       // {
       //     "id": 1770347217788,
       //     "label": "新增",
@@ -46,40 +46,38 @@ const defaultTableConfig = {
       //     "btnStyle": "default"
       // }
     ],
-    "right": []
+    right: []
   },
-  "selectMode": "none",
-  "showIndex": false,
-  "heightMode": "auto",
-  "height": 500,
-  "editable": false,
-  "events": {},
-  "dataSourceId": "",
-  "sortRules": [],
-  "paginationConfig": {
-    "enabled": true,
-    "pageSize": 10,
-    "pageSizes": [
-      10,
-      20,
-      50,
-      100,
-      200,
-      500
-    ],
-    "layout": "full",
-    "background": true,
-    "size": "small"
+  selectMode: "none",
+  showIndex: false,
+  heightMode: "auto",
+  height: 500,
+  editable: false,
+  events: {},
+  dataSourceId: "",
+  sortRules: [],
+  paginationConfig: {
+    enabled: true,
+    pageSize: 10,
+    pageSizes: [10, 20, 50, 100, 200, 500],
+    layout: "full",
+    background: true,
+    size: "small"
+  },
+  mode: [],
+  dataSources: [],
+  dialogs: [],
+  queryConfig: {
+    enabled: true,
+    mode: "fixed",
+    columnCount: 4,
+    collapseRows: 2,
+    filterFields: []
   },
-  "mode": [],
-  "dataSources": [],
-  "dialogs": [],
-  "queryConfig": {
-    "enabled": true,
-    "mode": "fixed",
-    "columnCount": 4,
-    "collapseRows": 2,
-    "filterFields": []
+  summaryConfig: {
+    enabled: false,
+    mode: "current",
+    summaryFields: []
   }
 };
 const defaultCustomBtn = {

package/lib/designer/src/packages/table/index.vue.js

@@ -24,6 +24,7 @@ const index$7 = require("../../../../node_modules/@element-plus/icons-vue/dist/i
 const TableSetting = require("./TableSetting.vue.js");
 const index = ;/* empty css                       */
 const tablePagination = require("./tablePagination.vue.js");
+const tableSummary = require("./tableSummary.vue.js");
 const common = require("../utils/common.js");
 ;/* empty css                                                              */
 ;/* empty css                                                                */
@@ -467,10 +468,11 @@ const _sfc_main = {
             }, 8, ["modelValue"])
           ], 2)
         ]),
+        vue.createVNode(tableSummary.default),
         vue.createVNode(tablePagination.default)
       ], 64);
     };
   }
 };
-const tableWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-f581ce52"]]);
+const tableWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-271403ad"]]);
 exports.default = tableWorkArea;

package/lib/designer/src/packages/table/tableSummary.vue.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("../../../../node_modules/element-plus/es/index.js");
+;/* empty css                                                          */
+;/* empty css                                                              */
+;/* empty css                                                                    */
+;/* empty css                                                                     */
+;/* empty css                                                                  */
+;/* empty css                                                               */
+;/* empty css                                                            */
+;/* empty css                                                               */
+;/* empty css                                                                     */
+;/* empty css                                                               */
+;/* empty css                                                                */
+;/* empty css                                                               */
+const vue = require("vue");
+const common = require("../utils/common.js");
+;/* empty css                   */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const index = require("../../../../node_modules/element-plus/es/components/switch/index.js");
+const index$1 = require("../../../../node_modules/element-plus/es/components/divider/index.js");
+const index$2 = require("../../../../node_modules/element-plus/es/components/select/index.js");
+const index$3 = require("../../../../node_modules/element-plus/es/components/radio/index.js");
+const _hoisted_1 = { class: "table-summary-config" };
+const _hoisted_2 = { class: "config-row" };
+const _sfc_main = {
+  __name: "tableSummary",
+  setup(__props) {
+    var _a;
+    const editConfigData = vue.computed(() => common.getEditConfigData());
+    const availableFields = vue.computed(() => {
+      var _a2;
+      const fields = ((_a2 = editConfigData.value) == null ? void 0 : _a2.fieldsData) || [];
+      return fields.filter((field) => field.isShow && field.fieldType === "number");
+    });
+    const summaryConfig = vue.reactive({
+      enabled: false,
+      mode: "current",
+      summaryFields: [],
+      ...((_a = editConfigData.value) == null ? void 0 : _a.summaryConfig) || {}
+    });
+    vue.watch(
+      summaryConfig,
+      (val) => {
+        editConfigData.value.summaryConfig = val;
+      },
+      { deep: true }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_switch = index.ElSwitch;
+      const _component_el_divider = index$1.ElDivider;
+      const _component_el_option = index$2.ElOption;
+      const _component_el_select = index$2.ElSelect;
+      const _component_el_radio_button = index$3.ElRadioButton;
+      const _component_el_radio_group = index$3.ElRadioGroup;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          _cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "config-label" }, "开启合计:", -1)),
+          vue.createVNode(_component_el_switch, {
+            modelValue: summaryConfig.enabled,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => summaryConfig.enabled = $event),
+            size: "small"
+          }, null, 8, ["modelValue"]),
+          vue.createVNode(_component_el_divider, { direction: "vertical" }),
+          _cache[4] || (_cache[4] = vue.createElementVNode("span", { class: "config-label" }, "合计列:", -1)),
+          vue.createVNode(_component_el_select, {
+            modelValue: summaryConfig.summaryFields,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => summaryConfig.summaryFields = $event),
+            multiple: "",
+            size: "small",
+            style: { "width": "200px" },
+            "collapse-tags": "",
+            "collapse-tags-tooltip": "",
+            placeholder: "请选择要合计的列"
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(availableFields.value, (field) => {
+                return vue.openBlock(), vue.createBlock(_component_el_option, {
+                  key: field.fieldName,
+                  label: field.label || field.fieldName,
+                  value: field.fieldName
+                }, null, 8, ["label", "value"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          vue.createVNode(_component_el_divider, { direction: "vertical" }),
+          _cache[5] || (_cache[5] = vue.createElementVNode("span", { class: "config-label" }, "合计模式:", -1)),
+          vue.createVNode(_component_el_radio_group, {
+            modelValue: summaryConfig.mode,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => summaryConfig.mode = $event),
+            size: "small"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_radio_button, {
+                label: "当前页数据",
+                value: "current"
+              }),
+              vue.createVNode(_component_el_radio_button, {
+                label: "全部数据",
+                value: "all"
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]);
+    };
+  }
+};
+const TableSummary = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-95806c79"]]);
+exports.default = TableSummary;