@fecp/vue 1.1.3 → 1.1.4

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

@@ -9,10 +9,7 @@ const index$2 = require("../../../../../node_modules/.pnpm/@element-plus_icons-v
 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/toolbar/index.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/button/index.js");
-const _hoisted_1 = {
-  key: 0,
-  class: "custom-buttons"
-};
+const _hoisted_1 = { class: "custom-buttons" };
 const _sfc_main = {
   __name: "CustomButtons",
   props: {
@@ -39,13 +36,13 @@ const _sfc_main = {
     });
     const getBtnIcon = (btnType) => {
       const iconMap = {
-        "refresh": index$2.Refresh,
-        "export": index$2.Download,
-        "personalize": index$2.Setting,
-        "add": index$2.Plus,
-        "delete": index$2.Delete,
-        "edit": index$2.Edit,
-        "search": index$2.Search
+        refresh: index$2.Refresh,
+        export: index$2.Download,
+        personalize: index$2.Setting,
+        add: index$2.Plus,
+        delete: index$2.Delete,
+        edit: index$2.Edit,
+        search: index$2.Search
       };
       return iconMap[btnType] || null;
     };
@@ -64,8 +61,11 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       const _component_el_button = index$1.ElButton;
-      return hasButtons.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(index.VxeToolbar), { ref: "toolbarRef" }, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        hasButtons.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.VxeToolbar), {
+          key: 0,
+          ref: "toolbarRef"
+        }, {
           buttons: vue.withCtx(() => [
             leftButtons.value.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(leftButtons.value, (btn) => {
               return vue.openBlock(), vue.createBlock(_component_el_button, {
@@ -97,10 +97,10 @@ const _sfc_main = {
             }), 128)) : vue.createCommentVNode("", true)
           ]),
           _: 1
-        }, 512)
-      ])) : vue.createCommentVNode("", true);
+        }, 512)) : vue.createCommentVNode("", true)
+      ]);
     };
   }
 };
-const CustomButtons = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-ec4454c7"]]);
+const CustomButtons = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-cc2d93b0"]]);
 exports.default = CustomButtons;

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                                                                                                                     */
@@ -21,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
@@ -39,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: [
@@ -56,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;
@@ -85,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) {
@@ -115,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);
@@ -389,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;
       }
@@ -401,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();
@@ -416,80 +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(TableFilter.default, {
-          "query-config": localConfig.value.queryConfig,
-          "fields-data": localConfig.value.fieldsData,
-          onSearch: handleFilterSearch,
-          onReset: handleFilterReset
-        }, null, 8, ["query-config", "fields-data"]),
-        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-d11bb28c"]]);
-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,10 +111,30 @@ 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) {
@@ -191,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);
@@ -281,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,
@@ -309,5 +341,5 @@ const _sfc_main = {
     };
   }
 };
-const TableColumn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c7ca0774"]]);
+const TableColumn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c1f83204"]]);
 exports.default = TableColumn;