@fecp/vue 1.1.3 → 1.1.4

package/es/packages/vue/src/components/forms/textarea/Textarea.vue.mjs

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       required: true
     },
     modelValue: {
-      type: String,
+      type: [String, Number],
       default: ""
     },
     placeholder: {
@@ -45,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       default: false
     }
   },
-  emits: ["update:modelValue", "change", "blur"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -53,9 +53,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       get: () => props.modelValue,
       set: (val) => {
         emit("update:modelValue", val);
-        emit("change", val);
       }
     });
+    function handleChange(val) {
+      emit("change", val);
+    }
     return (_ctx, _cache) => {
       const _component_el_input = ElInput;
       return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -72,7 +74,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           rows: __props.rows,
           autosize: __props.autosize,
           clearable: "",
-          resize: "none"
+          resize: "none",
+          onChange: handleChange
         }), null, 16, ["modelValue", "placeholder", "disabled", "readonly", "maxlength", "show-word-limit", "rows", "autosize"])
       ]);
     };

package/es/packages/vue/src/components/table/CustomButtons.vue.mjs

@@ -1,16 +1,13 @@
 /* empty css                                                                                                                                 */
 /* empty css                                                                                                                                      */
-import { computed, createElementBlock, createCommentVNode, openBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
+import { computed, createElementBlock, openBlock, createBlock, createCommentVNode, unref, withCtx, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 import "../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/components.mjs";
 import { Search as search_default, Edit as edit_default, Delete as delete_default, Plus as plus_default, Setting as setting_default, Download as download_default, Refresh as refresh_default } from "../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.mjs";
 /* empty css                    */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { VxeToolbar } from "../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/toolbar/index.mjs";
 import { ElButton } from "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.mjs";
-const _hoisted_1 = {
-  key: 0,
-  class: "custom-buttons"
-};
+const _hoisted_1 = { class: "custom-buttons" };
 const _sfc_main = {
   __name: "CustomButtons",
   props: {
@@ -37,13 +34,13 @@ const _sfc_main = {
     });
     const getBtnIcon = (btnType) => {
       const iconMap = {
-        "refresh": refresh_default,
-        "export": download_default,
-        "personalize": setting_default,
-        "add": plus_default,
-        "delete": delete_default,
-        "edit": edit_default,
-        "search": search_default
+        refresh: refresh_default,
+        export: download_default,
+        personalize: setting_default,
+        add: plus_default,
+        delete: delete_default,
+        edit: edit_default,
+        search: search_default
       };
       return iconMap[btnType] || null;
     };
@@ -62,8 +59,11 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       const _component_el_button = ElButton;
-      return hasButtons.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(VxeToolbar), { ref: "toolbarRef" }, {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        hasButtons.value ? (openBlock(), createBlock(unref(VxeToolbar), {
+          key: 0,
+          ref: "toolbarRef"
+        }, {
           buttons: withCtx(() => [
             leftButtons.value.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(leftButtons.value, (btn) => {
               return openBlock(), createBlock(_component_el_button, {
@@ -95,12 +95,12 @@ const _sfc_main = {
             }), 128)) : createCommentVNode("", true)
           ]),
           _: 1
-        }, 512)
-      ])) : createCommentVNode("", true);
+        }, 512)) : createCommentVNode("", true)
+      ]);
     };
   }
 };
-const CustomButtons = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ec4454c7"]]);
+const CustomButtons = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc2d93b0"]]);
 export {
   CustomButtons as default
 };

package/es/packages/vue/src/components/table/Table.vue.mjs

@@ -1,6 +1,11 @@
 /* empty css                                                                                                                                 */
 /* empty css                                                                                                                                       */
-import { ref, getCurrentInstance, computed, reactive, watch, onMounted, onUnmounted, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, createBlock, withDirectives, unref, withCtx, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+/* empty css                                                                                                                                         */
+/* empty css                                                                                                                                     */
+/* empty css                                                                                                                                      */
+/* empty css                                                                                                                                      */
+/* empty css                                                                                                                                    */
+import { ref, getCurrentInstance, computed, reactive, watch, onMounted, onUnmounted, createBlock, openBlock, withCtx, createElementBlock, createCommentVNode, normalizeStyle, createElementVNode, withDirectives, unref, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import "../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/components.mjs";
 /* empty css                                                                                                                     */
 import { createDataSource } from "../../utils/datasource.mjs";
@@ -19,6 +24,7 @@ import { useEventFlow } from "../../utils/eventFlow/eventFlowHandler.mjs";
 import getJsonAsyncUtil from "../../utils/getJsonAsyncUtil.mjs";
 /* empty css            */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { ElContainer } from "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/container/index.mjs";
 import { VxeTable } from "../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/table/index.mjs";
 import vLoading from "../../../../../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.mjs";
 import { ElMessage } from "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.mjs";
@@ -37,15 +43,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: [
@@ -54,7 +84,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;
@@ -83,6 +114,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       }
       return ((_a = dataSourceManager.value) == null ? void 0 : _a.getLoading()) || false;
     });
+    const isPagination = computed(() => {
+      var _a;
+      if (props.isSubTable) {
+        return props.hasPagination;
+      } else {
+        return (_a = localConfig.value.paginationConfig) == null ? void 0 : _a.enabled;
+      }
+    });
     const displayPagination = computed(() => {
       var _a, _b, _c;
       if (props.tableData && props.tableData.length > 0) {
@@ -113,13 +152,15 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       if (!((_a = localConfig.value.dataSources) == null ? void 0 : _a.length)) return;
       dataSourceManager.value = 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);
@@ -387,6 +428,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           props.initOption
         );
         localConfig.value = option;
+        emit("loaded", option);
       } catch (error) {
         console.error("加载配置失败:", error);
         ElMessage.error("加载配置失败");
@@ -399,6 +441,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         initDataSourceManager();
       });
     });
+    watch(
+      () => props.initSearchData,
+      (val) => {
+        if (props.canLoadBySearchData && dataSourceManager.value) {
+          dataSourceManager.value.updateInitSearchData(val);
+          refresh();
+        }
+      },
+      { deep: true }
+    );
     onUnmounted(() => {
       if (dataSourceManager.value) {
         dataSourceManager.value.destroy();
@@ -414,82 +466,96 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       exportData: handleExport
     });
     return (_ctx, _cache) => {
-      var _a;
+      const _component_el_container = ElContainer;
       const _directive_loading = vLoading;
-      return !configLoading.value ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        ref_key: "tableContainer",
-        ref: tableContainer,
-        class: "fec-table-container"
-      }, [
-        createVNode(TableFilter, {
-          "query-config": localConfig.value.queryConfig,
-          "fields-data": localConfig.value.fieldsData,
-          onSearch: handleFilterSearch,
-          onReset: handleFilterReset
-        }, null, 8, ["query-config", "fields-data"]),
-        createVNode(CustomButtons, {
-          "custom-btns": localConfig.value.customBtns,
-          onClick: handleCustomBtnClick
-        }, null, 8, ["custom-btns"]),
-        createElementVNode("div", _hoisted_1, [
-          withDirectives((openBlock(), createBlock(unref(VxeTable), {
-            ref_key: "tableRef",
-            ref: tableRef,
-            data: displayData.value,
-            "auto-resize": autoResize.value,
-            height: tableHeight.value,
-            "empty-text": "暂无数据",
-            "export-config": unref(exportConfig),
-            "cell-config": { height: 40 },
-            onSortChange: handleSortChange,
-            onCheckboxChange: handleCheckboxChange,
-            onCheckboxAll: handleCheckboxAll,
-            onRadioChange: handleRadioChange
-          }, {
-            default: withCtx(() => {
-              var _a2;
-              return [
-                createVNode(TableColumn, {
-                  "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 = unref(instance)) == null ? void 0 : _a2.proxy
-                }, createSlots({ _: 2 }, [
-                  renderList(localConfig.value.fieldsData, (field) => {
-                    return {
-                      name: `cell-${field.fieldName}`,
-                      fn: withCtx((scope) => [
-                        renderSlot(_ctx.$slots, `cell-${field.fieldName}`, normalizeProps(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 openBlock(), createBlock(_component_el_container, {
+        direction: "vertical",
+        style: { "height": "100%" }
+      }, {
+        default: withCtx(() => [
+          !configLoading.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "tableContainer",
+            ref: tableContainer,
+            class: "fec-table-container",
+            style: normalizeStyle(
+              props.height && props.height > 0 ? { height: `${props.height}px` } : {}
+            )
+          }, [
+            !__props.isSubTable ? (openBlock(), createBlock(TableFilter, {
+              key: 0,
+              "query-config": localConfig.value.queryConfig,
+              "fields-data": localConfig.value.fieldsData,
+              onSearch: handleFilterSearch,
+              onReset: handleFilterReset
+            }, null, 8, ["query-config", "fields-data"])) : createCommentVNode("", true),
+            !__props.readonly ? (openBlock(), createBlock(CustomButtons, {
+              key: 1,
+              "custom-btns": localConfig.value.customBtns,
+              onClick: handleCustomBtnClick
+            }, null, 8, ["custom-btns"])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_1, [
+              withDirectives((openBlock(), createBlock(unref(VxeTable), {
+                ref_key: "tableRef",
+                ref: tableRef,
+                data: displayData.value,
+                "auto-resize": autoResize.value,
+                height: tableHeight.value,
+                "empty-text": "暂无数据",
+                "export-config": unref(exportConfig),
+                "cell-config": { height: 40 },
+                onSortChange: handleSortChange,
+                onCheckboxChange: handleCheckboxChange,
+                onCheckboxAll: handleCheckboxAll,
+                onRadioChange: handleRadioChange
+              }, {
+                default: withCtx(() => {
+                  var _a;
+                  return [
+                    createVNode(TableColumn, {
+                      "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 = unref(instance)) == null ? void 0 : _a.proxy,
+                      "table-data": displayData.value
+                    }, createSlots({ _: 2 }, [
+                      renderList(localConfig.value.fieldsData, (field) => {
+                        return {
+                          name: `cell-${field.fieldName}`,
+                          fn: withCtx((scope) => [
+                            renderSlot(_ctx.$slots, `cell-${field.fieldName}`, normalizeProps(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 ? (openBlock(), createBlock(Pagination, {
+              key: 2,
+              config: localConfig.value.paginationConfig,
+              pagination: displayPagination.value,
+              onChange: handlePageChange
+            }, null, 8, ["config", "pagination"])) : createCommentVNode("", true)
+          ], 4)) : createCommentVNode("", true)
         ]),
-        ((_a = localConfig.value.paginationConfig) == null ? void 0 : _a.enabled) ? (openBlock(), createBlock(Pagination, {
-          key: 0,
-          config: localConfig.value.paginationConfig,
-          pagination: displayPagination.value,
-          onChange: handlePageChange
-        }, null, 8, ["config", "pagination"])) : createCommentVNode("", true)
-      ], 512)) : createCommentVNode("", true);
+        _: 3
+      });
     };
   }
 });
-const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d11bb28c"]]);
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-42f50d67"]]);
 export {
-  _Table as default
+  Table as default
 };

package/es/packages/vue/src/components/table/TableColumn.vue.mjs

@@ -12,6 +12,7 @@ import { checkFilterMatch } from "../../utils/parseFilterConfig.mjs";
 /* empty css                                                                                                                                       */
 import { useEventFlow } from "../../utils/eventFlow/eventFlowHandler.mjs";
 import { getCurrentVueInstance } from "../../utils/getInstance.mjs";
+import { Decimal } from "../../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.mjs";
 /* empty css                  */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { VxeColumn } from "../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/column/index.mjs";
@@ -76,6 +77,11 @@ const _sfc_main = {
     tableRef: {
       type: Object,
       default: null
+    },
+    // 表格数据
+    tableData: {
+      type: Array,
+      default: () => []
     }
   },
   setup(__props) {
@@ -103,10 +109,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(numValue).div(new Decimal(1e4)).toNumber();
+              break;
+            case "million":
+              numValue = new Decimal(numValue).div(new Decimal(1e6)).toNumber();
+              break;
+            case "percentage":
+              numValue = new Decimal(numValue).mul(new 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) {
@@ -189,11 +215,17 @@ const _sfc_main = {
       });
     };
     const getVisibleOptBtns = (row) => {
-      return props.optBtns.filter((item) => {
+      const btnList = props.optBtns.filter((item) => {
         if (!item.showCondition) return true;
         return checkFilterMatch(item.showCondition, row, props.fieldsData);
       });
+      return btnList;
     };
+    const shouldShowOptColumn = 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 checkFilterMatch(item.disableCondition, row, props.fieldsData);
@@ -279,7 +311,7 @@ const _sfc_main = {
             _: 2
           }, 1032, ["field", "title", "width", "min-width", "fixed", "align", "header-align", "sortable"]);
         }), 128)),
-        __props.isOptBtns && __props.optBtns.length ? (openBlock(), createBlock(unref(VxeColumn), {
+        !_ctx.readonly && shouldShowOptColumn.value ? (openBlock(), createBlock(unref(VxeColumn), {
           key: 3,
           title: "操作",
           width: __props.optBtns.length * 80 + 20,
@@ -307,7 +339,7 @@ const _sfc_main = {
     };
   }
 };
-const TableColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c7ca0774"]]);
+const TableColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c1f83204"]]);
 export {
   TableColumn as default
 };