@fecp/designer 5.5.105 → 5.5.108

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

@@ -43,6 +43,7 @@ const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_exp
 ;/* empty css                                                                       */
 const getJsonAsyncUtil = require("../../utils/getJsonAsyncUtil.js");
 const eventBus = require("../../utils/eventBus.js");
+const decimal = require("../../../../../node_modules/decimal.js/decimal.js");
 ;/* empty css            */
 const index = require("../../../../../node_modules/element-plus/es/components/container/index.js");
 const index$1 = require("../../../../../node_modules/element-plus/es/components/message/index.js");
@@ -696,9 +697,18 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       }
     }
     const exportConfig = Vue.reactive({
-      modes: ["current", "selected", "all", "empty"],
-      original: false
+      type: "xlsx",
+      types: ["csv", "html", "xml", "txt", "xlsx"],
+      modes: ["current", "all", "empty"],
+      original: false,
+      excludeFields: ["operationCol"],
+      beforeExportMethod: ({ options }) => {
+        if (options.mode == "all") ;
+      }
     });
+    if (props.selectMode == "multiple" || localConfig.value.selectMode == "multiple") {
+      exportConfig.modes = ["current", "selected", "all", "empty"];
+    }
     const handleExport = () => {
       const $table = tableRef.value;
       if ($table) {
@@ -848,6 +858,116 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       },
       { deep: true }
     );
+    const formatCellValue = (row, field) => {
+      const value = row[field.fieldName];
+      if (value === null || value === void 0) return "";
+      switch (field.fieldType) {
+        case "number":
+          let numValue = Number(value);
+          if (isNaN(numValue)) return value;
+          switch (field.format) {
+            case "wan":
+              numValue = new decimal.Decimal(numValue).div(new decimal.Decimal(1e4)).toNumber();
+              break;
+            case "million":
+              numValue = new decimal.Decimal(numValue).div(new decimal.Decimal(1e6)).toNumber();
+              break;
+            case "percentage":
+              numValue = new decimal.Decimal(numValue).mul(new decimal.Decimal(100)).toNumber();
+              break;
+            case "permillage":
+              numValue = new decimal.Decimal(numValue).mul(new decimal.Decimal(1e3)).toNumber();
+              break;
+            case "permillion":
+              numValue = new decimal.Decimal(numValue).mul(new decimal.Decimal(1e4)).toNumber();
+              break;
+          }
+          if (field.hasDecimalPlaces && field.decimalPlaces !== void 0) {
+            numValue = Number(numValue.toFixed(field.decimalPlaces));
+          }
+          if (field.format == "yuan" || field.format == "wan" || field.format == "million") {
+            const formatted = numValue.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 numValue;
+        case "select":
+        case "multipleSelection":
+          if (field.optionConfig) {
+            let options = [];
+            let displayField = "label";
+            let valueField = "value";
+            if (field.optionConfig.optionSource === "custom" && field.optionConfig.options) {
+              options = field.optionConfig.options;
+              displayField = "label";
+              valueField = "value";
+            } else if (field.optionConfig.optionSource === "dataSource" && field.optionConfig.dataSourceValue) {
+              options = dataSourceOptions.value[field.optionConfig.dataSourceValue] || [];
+              displayField = field.optionConfig.displayField || "label";
+              valueField = field.optionConfig.valueField || "value";
+            } else if (field.optionConfig.optionSource === "dictionary" && field.optionConfig.dictionaryValue) {
+              options = dictionaryOptions.value[field.optionConfig.dictionaryValue] || [];
+              displayField = "optName";
+              valueField = "optCode";
+            }
+            if (typeof value === "string" && value.includes("|")) {
+              const values = value.split("|");
+              const displayValues = values.map((val) => {
+                const option2 = options.find((opt) => opt[valueField] == val);
+                return option2 ? option2[displayField] : val;
+              });
+              return displayValues.join(", ");
+            }
+            const option = options.find((opt) => opt[valueField] == value);
+            return option ? option[displayField] : value;
+          }
+          return value;
+        case "date":
+          return formatDate(value, field.dateType);
+        case "switch":
+          return value ? "是" : "否";
+        default:
+          return value;
+      }
+    };
+    const formatDate = (value, type) => {
+      if (!value) return "";
+      let date;
+      if (typeof value === "string" && /^\d{8}$/.test(value)) {
+        const year2 = value.substring(0, 4);
+        const month2 = value.substring(4, 6);
+        const day2 = value.substring(6, 8);
+        date = /* @__PURE__ */ new Date(`${year2}-${month2}-${day2}`);
+      } else {
+        date = new Date(value);
+      }
+      if (isNaN(date.getTime())) return value;
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, "0");
+      const day = String(date.getDate()).padStart(2, "0");
+      const hours = String(date.getHours()).padStart(2, "0");
+      const minutes = String(date.getMinutes()).padStart(2, "0");
+      const seconds = String(date.getSeconds()).padStart(2, "0");
+      const getWeekNumber = (d) => {
+        const oneJan = new Date(d.getFullYear(), 0, 1);
+        const numberOfDays = Math.floor((d - oneJan) / (24 * 60 * 60 * 1e3));
+        return Math.ceil((d.getDay() + 1 + numberOfDays) / 7);
+      };
+      const week = getWeekNumber(date);
+      const formatMap = {
+        date: `${year}-${month}-${day}`,
+        "datetime-minute": `${year}-${month}-${day} ${hours}:${minutes}`,
+        datetime: `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`,
+        time: `${hours}:${minutes}:${seconds}`,
+        year: `${year}`,
+        month: `${year}-${month}`,
+        week: `${year}-${week}`,
+        dates: `${year}-${month}-${day}`
+      };
+      return formatMap[type] || formatMap.date;
+    };
     Vue.onUnmounted(() => {
       if (dataSourceManager.value) {
         dataSourceManager.value.destroy();
@@ -960,7 +1080,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                         readonly: __props.readonly,
                         isDialog: __props.isDialog,
                         hiddenFormData: hiddenFormData.value,
-                        btnRollbackEvent: __props.btnRollbackEvent
+                        btnRollbackEvent: __props.btnRollbackEvent,
+                        formatCellValue
                       }, Vue.createSlots({ _: 2 }, [
                         Vue.renderList(fieldsData.value, (field) => {
                           return {
@@ -990,5 +1111,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-2a67aa02"]]);
+const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-199fae66"]]);
 exports.default = _Table;

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

@@ -30,7 +30,6 @@ const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_exp
 ;/* empty css                                                    */
 ;/* empty css                                                                 */
 ;/* empty css                                                                       */
-const decimal = require("../../../../../node_modules/decimal.js/decimal.js");
 ;/* empty css                  */
 const index = require("../../../../../node_modules/element-plus/es/components/link/index.js");
 const index$1 = require("../../../../../node_modules/element-plus/es/components/icon/index.js");
@@ -117,7 +116,8 @@ const _sfc_main = {
     btnRollbackEvent: {
       type: Object,
       default: {}
-    }
+    },
+    formatCellValue: Function
   },
   setup(__props) {
     const props = __props;
@@ -140,116 +140,6 @@ const _sfc_main = {
       }
       return field.width;
     };
-    const formatCellValue = (row, field) => {
-      const value = row[field.fieldName];
-      if (value === null || value === void 0) return "";
-      switch (field.fieldType) {
-        case "number":
-          let numValue = Number(value);
-          if (isNaN(numValue)) return value;
-          switch (field.format) {
-            case "wan":
-              numValue = new decimal.Decimal(numValue).div(new decimal.Decimal(1e4)).toNumber();
-              break;
-            case "million":
-              numValue = new decimal.Decimal(numValue).div(new decimal.Decimal(1e6)).toNumber();
-              break;
-            case "percentage":
-              numValue = new decimal.Decimal(numValue).mul(new decimal.Decimal(100)).toNumber();
-              break;
-            case "permillage":
-              numValue = new decimal.Decimal(numValue).mul(new decimal.Decimal(1e3)).toNumber();
-              break;
-            case "permillion":
-              numValue = new decimal.Decimal(numValue).mul(new decimal.Decimal(1e4)).toNumber();
-              break;
-          }
-          if (field.hasDecimalPlaces && field.decimalPlaces !== void 0) {
-            numValue = Number(numValue.toFixed(field.decimalPlaces));
-          }
-          if (field.format == "yuan" || field.format == "wan" || field.format == "million") {
-            const formatted = numValue.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 numValue;
-        case "select":
-        case "multipleSelection":
-          if (field.optionConfig) {
-            let options = [];
-            let displayField = "label";
-            let valueField = "value";
-            if (field.optionConfig.optionSource === "custom" && field.optionConfig.options) {
-              options = field.optionConfig.options;
-              displayField = "label";
-              valueField = "value";
-            } else if (field.optionConfig.optionSource === "dataSource" && field.optionConfig.dataSourceValue) {
-              options = props.dataSourceOptions[field.optionConfig.dataSourceValue] || [];
-              displayField = field.optionConfig.displayField || "label";
-              valueField = field.optionConfig.valueField || "value";
-            } else if (field.optionConfig.optionSource === "dictionary" && field.optionConfig.dictionaryValue) {
-              options = props.dictionaryOptions[field.optionConfig.dictionaryValue] || [];
-              displayField = "optName";
-              valueField = "optCode";
-            }
-            if (typeof value === "string" && value.includes("|")) {
-              const values = value.split("|");
-              const displayValues = values.map((val) => {
-                const option2 = options.find((opt) => opt[valueField] == val);
-                return option2 ? option2[displayField] : val;
-              });
-              return displayValues.join(", ");
-            }
-            const option = options.find((opt) => opt[valueField] == value);
-            return option ? option[displayField] : value;
-          }
-          return value;
-        case "date":
-          return formatDate(value, field.dateType);
-        case "switch":
-          return value ? "是" : "否";
-        default:
-          return value;
-      }
-    };
-    const formatDate = (value, type) => {
-      if (!value) return "";
-      let date;
-      if (typeof value === "string" && /^\d{8}$/.test(value)) {
-        const year2 = value.substring(0, 4);
-        const month2 = value.substring(4, 6);
-        const day2 = value.substring(6, 8);
-        date = /* @__PURE__ */ new Date(`${year2}-${month2}-${day2}`);
-      } else {
-        date = new Date(value);
-      }
-      if (isNaN(date.getTime())) return value;
-      const year = date.getFullYear();
-      const month = String(date.getMonth() + 1).padStart(2, "0");
-      const day = String(date.getDate()).padStart(2, "0");
-      const hours = String(date.getHours()).padStart(2, "0");
-      const minutes = String(date.getMinutes()).padStart(2, "0");
-      const seconds = String(date.getSeconds()).padStart(2, "0");
-      const getWeekNumber = (d) => {
-        const oneJan = new Date(d.getFullYear(), 0, 1);
-        const numberOfDays = Math.floor((d - oneJan) / (24 * 60 * 60 * 1e3));
-        return Math.ceil((d.getDay() + 1 + numberOfDays) / 7);
-      };
-      const week = getWeekNumber(date);
-      const formatMap = {
-        date: `${year}-${month}-${day}`,
-        "datetime-minute": `${year}-${month}-${day} ${hours}:${minutes}`,
-        datetime: `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`,
-        time: `${hours}:${minutes}:${seconds}`,
-        year: `${year}`,
-        month: `${year}-${month}`,
-        week: `${year}-${week}`,
-        dates: `${year}-${month}-${day}`
-      };
-      return formatMap[type] || formatMap.date;
-    };
     const handleCopy = (row, field) => {
       const value = row[field.fieldName];
       navigator.clipboard.writeText(value).then(() => {
@@ -399,11 +289,11 @@ const _sfc_main = {
                   onClick: ($event) => handleButtonClick(row, field, field.linkConfig)
                 }, {
                   default: Vue.withCtx(() => [
-                    Vue.createTextVNode(Vue.toDisplayString(formatCellValue(row, field)), 1)
+                    Vue.createTextVNode(Vue.toDisplayString(__props.formatCellValue(row, field)), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])) : (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 2 }, [
-                  Vue.createTextVNode(Vue.toDisplayString(formatCellValue(row, field)), 1)
+                  Vue.createTextVNode(Vue.toDisplayString(__props.formatCellValue(row, field)), 1)
                 ], 64)),
                 field.suffix ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_3, Vue.toDisplayString(field.suffix), 1)) : Vue.createCommentVNode("", true),
                 field.canCopy ? (Vue.openBlock(), Vue.createBlock(_component_el_icon, {
@@ -423,6 +313,7 @@ const _sfc_main = {
         }), 128)),
         !__props.readonly && shouldShowOptColumn.value ? (Vue.openBlock(), Vue.createBlock(Vue.unref(vxeTable.VxeColumn), {
           key: 3,
+          field: "operationCol",
           title: "操作",
           width: optColumnWidth.value,
           fixed: "right",
@@ -450,5 +341,5 @@ const _sfc_main = {
     };
   }
 };
-const TableColumn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5eaca99e"]]);
+const TableColumn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-336afafd"]]);
 exports.default = TableColumn;

package/package.json

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