@fecp/vue 1.1.2 → 1.1.4

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

@@ -2,6 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                                                                                                                                 */
 ;/* empty css                                                                                                                                       */
+;/* empty css                                                                                                                                         */
+;/* empty css                                                                                                                                     */
+;/* empty css                                                                                                                                      */
+;/* empty css                                                                                                                                      */
+;/* empty css                                                                                                                                    */
 const vue = require("vue");
 require("../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/components.js");
 ;/* empty css                                                                                                                     */
@@ -9,6 +14,7 @@ const datasource = require("../../utils/datasource.js");
 const Pagination = require("./Pagination.vue.js");
 const CustomButtons = require("./CustomButtons.vue.js");
 const TableColumn = require("./TableColumn.vue.js");
+const TableFilter = require("./TableFilter.vue.js");
 const getInstance = require("../../utils/getInstance.js");
 ;/* empty css                                                                                                                                     */
 ;/* empty css                                                                                                                                       */
@@ -20,9 +26,10 @@ const eventFlowHandler = require("../../utils/eventFlow/eventFlowHandler.js");
 const getJsonAsyncUtil = require("../../utils/getJsonAsyncUtil.js");
 ;/* empty css            */
 const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
-const index = require("../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/table/index.js");
+const index = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/container/index.js");
+const index$1 = require("../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/table/index.js");
 const directive = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/loading/src/directive.js");
-const index$1 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.js");
+const index$2 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.js");
 const _hoisted_1 = { class: "fec-table" };
 const _sfc_main = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
@@ -38,15 +45,39 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       type: String,
       default: ""
     },
-    // 表格数据（优先级高于数据源）
+    // 表格数据
     tableData: {
       type: Array,
       default: () => []
     },
+    initSearchData: {
+      type: Object,
+      default: {}
+    },
+    canLoadBySearchData: {
+      type: Boolean,
+      default: false
+    },
     initOption: {
       type: Object,
       default: () => {
       }
+    },
+    isSubTable: {
+      type: Boolean,
+      default: false
+    },
+    hasPagination: {
+      type: Boolean,
+      default: false
+    },
+    height: {
+      type: Number,
+      default: null
+    },
+    readonly: {
+      type: Boolean,
+      default: false
     }
   },
   emits: [
@@ -55,7 +86,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     "opt-click",
     "selection-change",
     "sort-change",
-    "page-change"
+    "page-change",
+    "loaded"
   ],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -84,6 +116,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       }
       return ((_a = dataSourceManager.value) == null ? void 0 : _a.getLoading()) || false;
     });
+    const isPagination = vue.computed(() => {
+      var _a;
+      if (props.isSubTable) {
+        return props.hasPagination;
+      } else {
+        return (_a = localConfig.value.paginationConfig) == null ? void 0 : _a.enabled;
+      }
+    });
     const displayPagination = vue.computed(() => {
       var _a, _b, _c;
       if (props.tableData && props.tableData.length > 0) {
@@ -114,13 +154,15 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       if (!((_a = localConfig.value.dataSources) == null ? void 0 : _a.length)) return;
       dataSourceManager.value = datasource.createDataSource({
         http: ctx.$http,
+        initSearchData: props.initSearchData,
         dataSources: localConfig.value.dataSources,
         currentDataSourceId: localConfig.value.dataSourceId,
         pagination: {
           pageNo: 1,
-          pageSize: ((_b = localConfig.value.paginationConfig) == null ? void 0 : _b.pageSize) || 10
+          pageSize: isPagination.value ? (_b = localConfig.value.paginationConfig) == null ? void 0 : _b.pageSize : 0
         },
-        sortRules: localConfig.value.sortRules
+        sortRules: localConfig.value.sortRules,
+        templateId: localConfig.value.templateKey
       });
       dataSourceManager.value.on("loaded", (data) => {
         emit("data-loaded", data);
@@ -139,7 +181,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       const fieldDataSources = /* @__PURE__ */ new Set();
       const dictionaryKeys = /* @__PURE__ */ new Set();
       for (const field of fields) {
-        if (field.fieldType === "select" && field.optionConfig) {
+        if ((field.fieldType === "select" || field.fieldType === "multipleSelection") && field.optionConfig) {
           const { optionSource, dataSourceValue, dictionaryValue } = field.optionConfig;
           if (optionSource === "dataSource" && dataSourceValue) {
             fieldDataSources.add(dataSourceValue);
@@ -194,6 +236,42 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           console.error("Failed to load dictionary data:", error);
         }
       }
+      mergeOptionsToFields();
+    };
+    const mergeOptionsToFields = () => {
+      if (localConfig.value.fieldsData) {
+        localConfig.value.fieldsData.forEach((field) => {
+          if (!field.optionConfig) return;
+          const {
+            optionSource,
+            dataSourceValue,
+            dictionaryValue,
+            displayField,
+            valueField
+          } = field.optionConfig;
+          if (optionSource === "dataSource" && dataSourceOptions.value[dataSourceValue]) {
+            const rawOptions = dataSourceOptions.value[dataSourceValue];
+            const labelField = displayField || "label";
+            const keyField = valueField || "value";
+            field.optionConfig.options = rawOptions.map((item) => ({
+              label: item[labelField],
+              value: item[keyField],
+              disabled: item.disabled || false
+            }));
+          } else if (optionSource === "dictionary" && dictionaryOptions.value[dictionaryValue]) {
+            const rawOptions = dictionaryOptions.value[dictionaryValue];
+            const labelField = "optName";
+            const keyField = "optCode";
+            field.optionConfig.options = rawOptions.map((item) => ({
+              label: item[labelField],
+              value: item[keyField],
+              disabled: item.disabled || false
+            }));
+          } else if (optionSource === "custom") {
+            field.optionConfig.options = field.optionConfig.options || [];
+          }
+        });
+      }
     };
     const { handleEvent } = eventFlowHandler.useEventFlow({
       fields: localConfig.value.fieldsData,
@@ -247,6 +325,18 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const handleRadioChange = (checked) => {
       emit("selection-change", [checked.row]);
     };
+    const handleFilterSearch = (filters) => {
+      if (dataSourceManager.value) {
+        dataSourceManager.value.updateParams(filters);
+        dataSourceManager.value.fetch();
+      }
+    };
+    const handleFilterReset = () => {
+      if (dataSourceManager.value) {
+        dataSourceManager.value.clearParams();
+        dataSourceManager.value.fetch();
+      }
+    };
     const refresh = (options = {}) => {
       var _a;
       const {
@@ -340,9 +430,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           props.initOption
         );
         localConfig.value = option;
+        emit("loaded", option);
       } catch (error) {
         console.error("加载配置失败:", error);
-        index$1.ElMessage.error("加载配置失败");
+        index$2.ElMessage.error("加载配置失败");
       } finally {
         configLoading.value = false;
       }
@@ -352,6 +443,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         initDataSourceManager();
       });
     });
+    vue.watch(
+      () => props.initSearchData,
+      (val) => {
+        if (props.canLoadBySearchData && dataSourceManager.value) {
+          dataSourceManager.value.updateInitSearchData(val);
+          refresh();
+        }
+      },
+      { deep: true }
+    );
     vue.onUnmounted(() => {
       if (dataSourceManager.value) {
         dataSourceManager.value.destroy();
@@ -367,74 +468,94 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       exportData: handleExport
     });
     return (_ctx, _cache) => {
-      var _a;
+      const _component_el_container = index.ElContainer;
       const _directive_loading = directive.default;
-      return !configLoading.value ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        ref_key: "tableContainer",
-        ref: tableContainer,
-        class: "fec-table-container"
-      }, [
-        vue.createVNode(CustomButtons.default, {
-          "custom-btns": localConfig.value.customBtns,
-          onClick: handleCustomBtnClick
-        }, null, 8, ["custom-btns"]),
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index.VxeTable), {
-            ref_key: "tableRef",
-            ref: tableRef,
-            data: displayData.value,
-            "auto-resize": autoResize.value,
-            height: tableHeight.value,
-            "empty-text": "暂无数据",
-            "export-config": vue.unref(exportConfig),
-            "cell-config": { height: 40 },
-            onSortChange: handleSortChange,
-            onCheckboxChange: handleCheckboxChange,
-            onCheckboxAll: handleCheckboxAll,
-            onRadioChange: handleRadioChange
-          }, {
-            default: vue.withCtx(() => {
-              var _a2;
-              return [
-                vue.createVNode(TableColumn.default, {
-                  "fields-data": localConfig.value.fieldsData,
-                  "show-index": localConfig.value.showIndex,
-                  "select-mode": localConfig.value.selectMode,
-                  "is-opt-btns": localConfig.value.isOptBtns,
-                  "opt-btns": localConfig.value.optBtns,
-                  "mode-key": currentMode.value,
-                  modes: localConfig.value.mode,
-                  "data-source-options": dataSourceOptions.value,
-                  "dictionary-options": dictionaryOptions.value,
-                  "data-sources": localConfig.value.dataSources,
-                  "table-ref": (_a2 = vue.unref(instance)) == null ? void 0 : _a2.proxy
-                }, vue.createSlots({ _: 2 }, [
-                  vue.renderList(localConfig.value.fieldsData, (field) => {
-                    return {
-                      name: `cell-${field.fieldName}`,
-                      fn: vue.withCtx((scope) => [
-                        vue.renderSlot(_ctx.$slots, `cell-${field.fieldName}`, vue.normalizeProps(vue.guardReactiveProps(scope)), void 0, true)
-                      ])
-                    };
-                  })
-                ]), 1032, ["fields-data", "show-index", "select-mode", "is-opt-btns", "opt-btns", "mode-key", "modes", "data-source-options", "dictionary-options", "data-sources", "table-ref"])
-              ];
-            }),
-            _: 3
-          }, 8, ["data", "auto-resize", "height", "export-config"])), [
-            [_directive_loading, loading.value]
-          ])
+      return vue.openBlock(), vue.createBlock(_component_el_container, {
+        direction: "vertical",
+        style: { "height": "100%" }
+      }, {
+        default: vue.withCtx(() => [
+          !configLoading.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            ref_key: "tableContainer",
+            ref: tableContainer,
+            class: "fec-table-container",
+            style: vue.normalizeStyle(
+              props.height && props.height > 0 ? { height: `${props.height}px` } : {}
+            )
+          }, [
+            !__props.isSubTable ? (vue.openBlock(), vue.createBlock(TableFilter.default, {
+              key: 0,
+              "query-config": localConfig.value.queryConfig,
+              "fields-data": localConfig.value.fieldsData,
+              onSearch: handleFilterSearch,
+              onReset: handleFilterReset
+            }, null, 8, ["query-config", "fields-data"])) : vue.createCommentVNode("", true),
+            !__props.readonly ? (vue.openBlock(), vue.createBlock(CustomButtons.default, {
+              key: 1,
+              "custom-btns": localConfig.value.customBtns,
+              onClick: handleCustomBtnClick
+            }, null, 8, ["custom-btns"])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$1.VxeTable), {
+                ref_key: "tableRef",
+                ref: tableRef,
+                data: displayData.value,
+                "auto-resize": autoResize.value,
+                height: tableHeight.value,
+                "empty-text": "暂无数据",
+                "export-config": vue.unref(exportConfig),
+                "cell-config": { height: 40 },
+                onSortChange: handleSortChange,
+                onCheckboxChange: handleCheckboxChange,
+                onCheckboxAll: handleCheckboxAll,
+                onRadioChange: handleRadioChange
+              }, {
+                default: vue.withCtx(() => {
+                  var _a;
+                  return [
+                    vue.createVNode(TableColumn.default, {
+                      "fields-data": localConfig.value.fieldsData,
+                      "show-index": localConfig.value.showIndex,
+                      "select-mode": localConfig.value.selectMode,
+                      "is-opt-btns": localConfig.value.isOptBtns,
+                      "opt-btns": localConfig.value.optBtns,
+                      "mode-key": currentMode.value,
+                      modes: localConfig.value.mode,
+                      "data-source-options": dataSourceOptions.value,
+                      "dictionary-options": dictionaryOptions.value,
+                      "data-sources": localConfig.value.dataSources,
+                      "table-ref": (_a = vue.unref(instance)) == null ? void 0 : _a.proxy,
+                      "table-data": displayData.value
+                    }, vue.createSlots({ _: 2 }, [
+                      vue.renderList(localConfig.value.fieldsData, (field) => {
+                        return {
+                          name: `cell-${field.fieldName}`,
+                          fn: vue.withCtx((scope) => [
+                            vue.renderSlot(_ctx.$slots, `cell-${field.fieldName}`, vue.normalizeProps(vue.guardReactiveProps(scope)), void 0, true)
+                          ])
+                        };
+                      })
+                    ]), 1032, ["fields-data", "show-index", "select-mode", "is-opt-btns", "opt-btns", "mode-key", "modes", "data-source-options", "dictionary-options", "data-sources", "table-ref", "table-data"])
+                  ];
+                }),
+                _: 3
+              }, 8, ["data", "auto-resize", "height", "export-config"])), [
+                [_directive_loading, loading.value]
+              ])
+            ]),
+            isPagination.value ? (vue.openBlock(), vue.createBlock(Pagination.default, {
+              key: 2,
+              config: localConfig.value.paginationConfig,
+              pagination: displayPagination.value,
+              onChange: handlePageChange
+            }, null, 8, ["config", "pagination"])) : vue.createCommentVNode("", true)
+          ], 4)) : vue.createCommentVNode("", true)
         ]),
-        ((_a = localConfig.value.paginationConfig) == null ? void 0 : _a.enabled) ? (vue.openBlock(), vue.createBlock(Pagination.default, {
-          key: 0,
-          config: localConfig.value.paginationConfig,
-          pagination: displayPagination.value,
-          onChange: handlePageChange
-        }, null, 8, ["config", "pagination"])) : vue.createCommentVNode("", true)
-      ], 512)) : vue.createCommentVNode("", true);
+        _: 3
+      });
     };
   }
 });
-const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-9014257e"]]);
-exports.default = _Table;
+const Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-42f50d67"]]);
+exports.default = Table;

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

@@ -14,6 +14,7 @@ const parseFilterConfig = require("../../utils/parseFilterConfig.js");
 ;/* empty css                                                                                                                                       */
 const eventFlowHandler = require("../../utils/eventFlow/eventFlowHandler.js");
 const getInstance = require("../../utils/getInstance.js");
+const decimal = require("../../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js");
 ;/* empty css                  */
 const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/column/index.js");
@@ -78,6 +79,11 @@ const _sfc_main = {
     tableRef: {
       type: Object,
       default: null
+    },
+    // 表格数据
+    tableData: {
+      type: Array,
+      default: () => []
     }
   },
   setup(__props) {
@@ -105,11 +111,32 @@ const _sfc_main = {
       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;
+          }
           if (field.hasDecimalPlaces && field.decimalPlaces !== void 0) {
-            return Number(value).toFixed(field.decimalPlaces);
+            numValue = Number(numValue.toFixed(field.decimalPlaces));
           }
-          return value;
+          if (field.showThousandsSeparator) {
+            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";
@@ -127,6 +154,14 @@ const _sfc_main = {
               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;
           }
@@ -182,11 +217,17 @@ const _sfc_main = {
       });
     };
     const getVisibleOptBtns = (row) => {
-      return props.optBtns.filter((item) => {
+      const btnList = props.optBtns.filter((item) => {
         if (!item.showCondition) return true;
         return parseFilterConfig.checkFilterMatch(item.showCondition, row, props.fieldsData);
       });
+      return btnList;
     };
+    const shouldShowOptColumn = vue.computed(() => {
+      if (!props.isOptBtns || !props.optBtns.length) return false;
+      if (!props.tableData || props.tableData.length === 0) return true;
+      return props.tableData.some((row) => getVisibleOptBtns(row).length > 0);
+    });
     const isBtnDisabled = (row, item) => {
       if (!item.disableCondition) return false;
       return parseFilterConfig.checkFilterMatch(item.disableCondition, row, props.fieldsData);
@@ -272,7 +313,7 @@ const _sfc_main = {
             _: 2
           }, 1032, ["field", "title", "width", "min-width", "fixed", "align", "header-align", "sortable"]);
         }), 128)),
-        __props.isOptBtns && __props.optBtns.length ? (vue.openBlock(), vue.createBlock(vue.unref(index.VxeColumn), {
+        !_ctx.readonly && shouldShowOptColumn.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.VxeColumn), {
           key: 3,
           title: "操作",
           width: __props.optBtns.length * 80 + 20,
@@ -300,5 +341,5 @@ const _sfc_main = {
     };
   }
 };
-const TableColumn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-28498ce1"]]);
+const TableColumn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c1f83204"]]);
 exports.default = TableColumn;