@fecp/designer 5.4.96 → 5.4.98

package/es/designer/package.json.mjs

@@ -1,4 +1,4 @@
-const version = "5.4.96";
+const version = "5.4.97";
 const packageJson = {
   version
 };

package/es/designer/src/packages/dialog/useDialogDialog.mjs

@@ -1,4 +1,4 @@
-import DialogDialog from "./index.vue.mjs";
+import DialogDialog from "./index.vue2.mjs";
 import { ref } from "vue";
 function useDialogDialog() {
   const dialogDialogVisible = ref(false);

package/es/designer/src/packages/dialogGlobal/useDialogGlobalDialog.mjs

@@ -1,4 +1,4 @@
-import DialogGlobalDialog from "./index.vue.mjs";
+import DialogGlobalDialog from "./index.vue2.mjs";
 import { ref } from "vue";
 function useDialogGlobalDialog() {
   const dialogGlobalDialogVisible = ref(false);

package/es/designer/src/packages/form/property/widgets.vue.mjs

@@ -52,8 +52,8 @@ import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import "../../../components/TemplateSelector.vue.mjs";
 import "../../table/default.mjs";
 /* empty css                                 */
-/* empty css                       */
-/* empty css                             */
+/* empty css                      */
+/* empty css                            */
 import "../../../store/index.mjs";
 /* empty css              */
 import { ElCollapse, ElCollapseItem } from "../../../../../node_modules/element-plus/es/components/collapse/index.mjs";

package/es/designer.css

@@ -5981,7 +5981,7 @@ body,
 }
 .cell-content .copy-icon[data-v-5138d230]:hover {
   color: #409eff;
-}.fec-table-filter[data-v-7731b855] {
+}.fec-table-filter[data-v-a11251e7] {
   display: flex;
   background-color: #fff;
   align-items: flex-start;
@@ -5989,7 +5989,7 @@ body,
   border-bottom: 1px solid #f0f5fb;
   padding-top: 16px;
 }
-.fec-table-filter .filter-fields[data-v-7731b855] {
+.fec-table-filter .filter-fields[data-v-a11251e7] {
   flex: 1;
   display: grid;
   grid-template-columns: repeat(var(--column-count, 3), 1fr);
@@ -5997,18 +5997,18 @@ body,
   transition: all 0.4s ease;
   overflow: hidden;
 }
-.fec-table-filter .filter-fields.is-collapsed[data-v-7731b855] {
-  max-height: var(--2dbefbba);
+.fec-table-filter .filter-fields.is-collapsed[data-v-a11251e7] {
+  max-height: var(--5db6b2d0);
 }
-.fec-table-filter .filter-field[data-v-7731b855] {
+.fec-table-filter .filter-field[data-v-a11251e7] {
   transition: all 0.3s ease;
 }
-.fec-table-filter .filter-field[data-v-7731b855] .el-form-item {
+.fec-table-filter .filter-field[data-v-a11251e7] .el-form-item {
   display: flex;
   flex-direction: row;
   align-items: center;
 }
-.fec-table-filter .filter-field[data-v-7731b855] .el-form-item .el-form-item__label {
+.fec-table-filter .filter-field[data-v-a11251e7] .el-form-item .el-form-item__label {
   font-size: 14px;
   color: #606266;
   font-weight: 500;
@@ -6020,16 +6020,16 @@ body,
   text-align: right;
   width: 35% !important;
 }
-.fec-table-filter .filter-field[data-v-7731b855] .el-form-item .el-form-item__content {
+.fec-table-filter .filter-field[data-v-a11251e7] .el-form-item .el-form-item__content {
   flex: 1;
   margin-left: 0 !important;
 }
-.fec-table-filter .filter-field[data-v-7731b855] .text-field-wrapper,
-.fec-table-filter .filter-field[data-v-7731b855] .el-select,
-.fec-table-filter .filter-field[data-v-7731b855] .el-date-editor {
+.fec-table-filter .filter-field[data-v-a11251e7] .text-field-wrapper,
+.fec-table-filter .filter-field[data-v-a11251e7] .el-select,
+.fec-table-filter .filter-field[data-v-a11251e7] .el-date-editor {
   width: 100%;
 }
-.fec-table-filter .filter-actions[data-v-7731b855] {
+.fec-table-filter .filter-actions[data-v-a11251e7] {
   flex-shrink: 0;
   /* border-left: 1px solid #eaebef; */
   display: flex;
@@ -6039,34 +6039,34 @@ body,
   gap: 10px;
   height: 100%;
 }
-.fec-table-filter .filter-actions[data-v-7731b855] .el-button {
+.fec-table-filter .filter-actions[data-v-a11251e7] .el-button {
   margin: 0;
 }
-.fec-table-filter .filter-actions.inline[data-v-7731b855] {
+.fec-table-filter .filter-actions.inline[data-v-a11251e7] {
   flex-direction: row;
   gap: 8px;
   height: auto;
   align-items: center;
 }
-.filter-fields[data-v-7731b855] {
+.filter-fields[data-v-a11251e7] {
   transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.filter-field[data-v-7731b855] {
+.filter-field[data-v-a11251e7] {
   transition: opacity 0.3s ease, transform 0.3s ease;
 }
-.filter-divider[data-v-7731b855] {
+.filter-divider[data-v-a11251e7] {
   margin: 8px 0;
   z-index: 1;
   transition: all 0.3s ease;
 }
-.filter-divider .collapse-toggle[data-v-7731b855] {
+.filter-divider .collapse-toggle[data-v-a11251e7] {
   display: flex;
   align-items: center;
   gap: 2px;
   color: #409eff;
   cursor: pointer;
 }
-.filter-divider[data-v-7731b855] .el-divider__text {
+.filter-divider[data-v-a11251e7] .el-divider__text {
   font-size: 13px;
   color: #606266;
   transition: all 0.3s ease;
@@ -6076,14 +6076,14 @@ body,
   background-color: #fff;
   padding: 0 10px;
 }
-.filter-divider[data-v-7731b855] .el-icon {
+.filter-divider[data-v-a11251e7] .el-icon {
   transition: transform 0.3s ease;
-}.dynamic-mode-config .dynamic-row[data-v-afa34d8e] {
+}.dynamic-mode-config .dynamic-row[data-v-9e44c27e] {
   display: flex;
   height: 54px;
   align-items: center;
 }
-.dynamic-mode-config .back-icon[data-v-afa34d8e] {
+.dynamic-mode-config .back-icon[data-v-9e44c27e] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6096,11 +6096,11 @@ body,
   margin-left: 4px;
   margin-right: -6px;
 }
-.dynamic-mode-config .back-icon .el-icon[data-v-afa34d8e] {
+.dynamic-mode-config .back-icon .el-icon[data-v-9e44c27e] {
   font-size: 16px;
   font-weight: bold;
 }
-.dynamic-mode-config .template-name[data-v-afa34d8e] {
+.dynamic-mode-config .template-name[data-v-9e44c27e] {
   font-size: 16px;
   font-weight: 600;
   color: #303133;
@@ -6113,7 +6113,7 @@ body,
   display: flex;
   align-items: center;
 }
-.dynamic-mode-config .template-name-line[data-v-afa34d8e] {
+.dynamic-mode-config .template-name-line[data-v-9e44c27e] {
   height: 16px;
   width: 4px;
   background-color: var(--el-color-primary);
@@ -6122,42 +6122,42 @@ body,
   margin-right: 12px;
   margin-top: 2px;
 }
-.dynamic-mode-config .tab-display-section[data-v-afa34d8e] {
+.dynamic-mode-config .tab-display-section[data-v-9e44c27e] {
   flex: 1;
   min-width: 0;
 }
-.dynamic-mode-config .tab-display-section .dynamic-tabs[data-v-afa34d8e] .el-tabs__header {
+.dynamic-mode-config .tab-display-section .dynamic-tabs[data-v-9e44c27e] .el-tabs__header {
   margin: 0;
 }
-.dynamic-mode-config .tab-display-section .dynamic-tabs[data-v-afa34d8e] .el-tabs__nav-wrap::after {
+.dynamic-mode-config .tab-display-section .dynamic-tabs[data-v-9e44c27e] .el-tabs__nav-wrap::after {
   height: 0;
 }
-.dynamic-mode-config .tab-display-section .dynamic-tabs[data-v-afa34d8e] .el-tabs__item {
+.dynamic-mode-config .tab-display-section .dynamic-tabs[data-v-9e44c27e] .el-tabs__item {
   padding: 0 12px;
 }
-.dynamic-mode-config .search-display-section[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section[data-v-9e44c27e] {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   gap: 12px;
   margin-left: auto;
 }
-.dynamic-mode-config .search-display-section .search-input-group .search-input[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .search-input-group .search-input[data-v-9e44c27e] {
   /* width: 300px; */
 }
-.dynamic-mode-config .search-display-section .search-input-group .search-input .search[data-v-afa34d8e]:hover {
+.dynamic-mode-config .search-display-section .search-input-group .search-input .search[data-v-9e44c27e]:hover {
   color: var(--el-color-primary);
   cursor: pointer;
 }
-.dynamic-mode-config .search-display-section .optBtnDraggable[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .optBtnDraggable[data-v-9e44c27e] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.dynamic-mode-config .search-display-section .optBtn[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .optBtn[data-v-9e44c27e] {
   position: relative;
 }
-.dynamic-mode-config .search-display-section .optBtn .delete-icon[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .optBtn .delete-icon[data-v-9e44c27e] {
   position: absolute;
   top: -10px;
   right: -10px;
@@ -6174,31 +6174,31 @@ body,
   font-size: 12px;
   z-index: 1;
 }
-.dynamic-mode-config .search-display-section .optBtn .delete-icon[data-v-afa34d8e]:hover {
+.dynamic-mode-config .search-display-section .optBtn .delete-icon[data-v-9e44c27e]:hover {
   background-color: #f56c6c;
 }
-.dynamic-mode-config .search-display-section .optBtn.is-hover .delete-icon[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .optBtn.is-hover .delete-icon[data-v-9e44c27e] {
   display: flex;
 }
-.dynamic-mode-config .search-display-section .optBtn .elBtn[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .optBtn .elBtn[data-v-9e44c27e] {
   pointer-events: none;
 }
-.dynamic-mode-config .search-display-section .addLink .el-icon[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .addLink .el-icon[data-v-9e44c27e] {
   margin-right: 4px;
 }
-.dynamic-mode-config .expand-filter-section[data-v-afa34d8e] {
+.dynamic-mode-config .expand-filter-section[data-v-9e44c27e] {
   padding-top: 4px;
   border-top: 1px solid #ebeef5;
   margin-top: 4px;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section[data-v-afa34d8e] {
+.dynamic-mode-config .expand-filter-section .filter-form-section[data-v-9e44c27e] {
   width: 100%;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form .form-items-draggable[data-v-afa34d8e] {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form .form-items-draggable[data-v-9e44c27e] {
   display: flex;
   flex-wrap: wrap;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item {
   padding: 2px;
   border: 2px solid transparent;
   border-radius: 2px;
@@ -6207,20 +6207,20 @@ body,
   cursor: move;
   margin-bottom: 4px;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item .el-form-item__label-wrap {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item .el-form-item__label-wrap {
   margin: 0 0 0 8px !important;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item .el-form-item__content {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item .el-form-item__content {
   min-width: 150px;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item .form-item-label {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item .form-item-label {
   display: flex;
   align-items: center;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item .el-input {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item .el-input {
   width: 150px;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item .delete-icon {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item .delete-icon {
   position: absolute;
   top: -10px;
   right: -10px;
@@ -6237,19 +6237,19 @@ body,
   font-size: 12px;
   z-index: 1;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item .delete-icon:hover {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item .delete-icon:hover {
   background-color: #f56c6c;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item.is-hover {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item.is-hover {
   border: 2px dashed #7b99cb !important;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item.is-hover .delete-icon {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item.is-hover .delete-icon {
   display: flex;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item.is-select {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item.is-select {
   border: 2px dashed #efa53a !important;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item__label {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item__label {
   font-size: 13px;
   color: #606266;
   pointer-events: none;
@@ -6258,11 +6258,11 @@ body,
   display: flex;
   align-items: center;
 }
-[data-v-afa34d8e] .el-checkbox-group {
+[data-v-9e44c27e] .el-checkbox-group {
   display: flex;
   gap: 12px;
 }
-[data-v-afa34d8e] .el-checkbox-group .el-checkbox-button__inner {
+[data-v-9e44c27e] .el-checkbox-group .el-checkbox-button__inner {
   border-radius: 4px;
 }.fec-table[data-v-c35f81ee] {
   height: 100%;

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

@@ -153,15 +153,16 @@ const _sfc_main = {
     const getFieldConfig = (fieldId) => {
       return props.fieldsData.find((field) => field.id === fieldId) || {};
     };
-    const filterFields = computed(() => {
-      return props.localConfig.queryConfig.filterFields.map((filterField) => {
+    const filterFields = ref([]);
+    filterFields.value = props.localConfig.queryConfig.filterFields.map(
+      (filterField) => {
         const fieldConfig = getFieldConfig(filterField.fieldId);
         return {
           ...filterField,
           ...fieldConfig
         };
-      });
-    });
+      }
+    );
     const filterValues = ref({});
     const searchInputValue = ref("");
     const ctx = getCurrentVueInstance();
@@ -170,7 +171,7 @@ const _sfc_main = {
       const routeParams = JSON.parse(sessionStorage.getItem(route));
       const filters = JSON.parse((routeParams == null ? void 0 : routeParams.filters) || "{}");
       searchInputValue.value = (filters == null ? void 0 : filters.dynamicFilter) || "";
-      filterValues.value = reverseHandleSearchData(filters);
+      filterValues.value = reverseHandleSearchData(filters, filterFields.value);
     }
     const showAdvancedFilter = ref(false);
     const toggleAdvancedFilter = () => {
@@ -479,7 +480,7 @@ const _sfc_main = {
     };
   }
 };
-const DynamicQuery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-afa34d8e"]]);
+const DynamicQuery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9e44c27e"]]);
 export {
   DynamicQuery as default
 };

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

@@ -48,7 +48,7 @@ const _sfc_main = {
   setup(__props, { expose: __expose, emit: __emit }) {
     var _a;
     useCssVars((_ctx) => ({
-      "2dbefbba": `${config.value.collapseRows * 90}px`
+      "5db6b2d0": `${config.value.collapseRows * 90}px`
     }));
     const props = __props;
     const emit = __emit;
@@ -80,7 +80,10 @@ const _sfc_main = {
     if (route) {
       const routeParams = JSON.parse(sessionStorage.getItem(route));
       const filters = JSON.parse((routeParams == null ? void 0 : routeParams.filters) || "{}");
-      filterValues.value = reverseHandleSearchData(filters);
+      filterValues.value = reverseHandleSearchData(
+        filters,
+        completeFilterFields.value
+      );
     }
     const isCollapsed = ref(true);
     const shouldShowToggle = computed(() => {
@@ -291,7 +294,7 @@ const _sfc_main = {
     };
   }
 };
-const TableFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7731b855"]]);
+const TableFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a11251e7"]]);
 export {
   TableFilter as default
 };

package/es/packages/vue/src/utils/common.mjs

@@ -50,7 +50,7 @@ const handleSearchData = (filterValues, completeFilterFields) => {
   });
   return filters;
 };
-const reverseHandleSearchData = (filters) => {
+const reverseHandleSearchData = (filters, completeFilterFields) => {
   const filterValues = {};
   if (!filters) {
     return filterValues;
@@ -60,18 +60,20 @@ const reverseHandleSearchData = (filters) => {
     if (value === "" || value === null || value === void 0) {
       return;
     }
+    const fieldConfig = completeFilterFields.find((field) => field.fieldName === key);
+    const fieldId = (fieldConfig == null ? void 0 : fieldConfig.id) || key;
     if (key.endsWith("_max")) {
       return;
     }
     const maxKey = `${key}_max`;
     const maxValue = filters[maxKey];
     if (maxValue !== "" && maxValue !== null && maxValue !== void 0) {
-      filterValues[key] = isNaN(Number(value)) ? value : Number(value);
-      filterValues[maxKey] = isNaN(Number(maxValue)) ? maxValue : Number(maxValue);
+      filterValues[fieldId] = isNaN(Number(value)) ? value : Number(value);
+      filterValues[`${fieldId}_max`] = isNaN(Number(maxValue)) ? maxValue : Number(maxValue);
     } else if (typeof value === "string" && value.includes("|")) {
-      filterValues[key] = value.split("|");
+      filterValues[fieldId] = value.split("|");
     } else {
-      filterValues[key] = value;
+      filterValues[fieldId] = value;
     }
   });
   return filterValues;

package/lib/designer/package.json.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const version = "5.4.96";
+const version = "5.4.97";
 const packageJson = {
   version
 };

package/lib/designer/src/packages/dialog/useDialogDialog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.vue.js");
+const index = require("./index.vue2.js");
 const vue = require("vue");
 function useDialogDialog() {
   const dialogDialogVisible = vue.ref(false);

package/lib/designer/src/packages/dialogGlobal/useDialogGlobalDialog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.vue.js");
+const index = require("./index.vue2.js");
 const vue = require("vue");
 function useDialogGlobalDialog() {
   const dialogGlobalDialogVisible = vue.ref(false);

package/lib/designer/src/packages/form/property/widgets.vue.js

@@ -54,8 +54,8 @@ const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_exp
 require("../../../components/TemplateSelector.vue.js");
 require("../../table/default.js");
 ;/* empty css                                 */
-;/* empty css                       */
-;/* empty css                             */
+;/* empty css                      */
+;/* empty css                            */
 require("../../../store/index.js");
 ;/* empty css              */
 const index$2 = require("../../../../../node_modules/element-plus/es/components/collapse/index.js");

package/lib/designer.css

@@ -5981,7 +5981,7 @@ body,
 }
 .cell-content .copy-icon[data-v-5138d230]:hover {
   color: #409eff;
-}.fec-table-filter[data-v-7731b855] {
+}.fec-table-filter[data-v-a11251e7] {
   display: flex;
   background-color: #fff;
   align-items: flex-start;
@@ -5989,7 +5989,7 @@ body,
   border-bottom: 1px solid #f0f5fb;
   padding-top: 16px;
 }
-.fec-table-filter .filter-fields[data-v-7731b855] {
+.fec-table-filter .filter-fields[data-v-a11251e7] {
   flex: 1;
   display: grid;
   grid-template-columns: repeat(var(--column-count, 3), 1fr);
@@ -5997,18 +5997,18 @@ body,
   transition: all 0.4s ease;
   overflow: hidden;
 }
-.fec-table-filter .filter-fields.is-collapsed[data-v-7731b855] {
-  max-height: var(--2dbefbba);
+.fec-table-filter .filter-fields.is-collapsed[data-v-a11251e7] {
+  max-height: var(--5db6b2d0);
 }
-.fec-table-filter .filter-field[data-v-7731b855] {
+.fec-table-filter .filter-field[data-v-a11251e7] {
   transition: all 0.3s ease;
 }
-.fec-table-filter .filter-field[data-v-7731b855] .el-form-item {
+.fec-table-filter .filter-field[data-v-a11251e7] .el-form-item {
   display: flex;
   flex-direction: row;
   align-items: center;
 }
-.fec-table-filter .filter-field[data-v-7731b855] .el-form-item .el-form-item__label {
+.fec-table-filter .filter-field[data-v-a11251e7] .el-form-item .el-form-item__label {
   font-size: 14px;
   color: #606266;
   font-weight: 500;
@@ -6020,16 +6020,16 @@ body,
   text-align: right;
   width: 35% !important;
 }
-.fec-table-filter .filter-field[data-v-7731b855] .el-form-item .el-form-item__content {
+.fec-table-filter .filter-field[data-v-a11251e7] .el-form-item .el-form-item__content {
   flex: 1;
   margin-left: 0 !important;
 }
-.fec-table-filter .filter-field[data-v-7731b855] .text-field-wrapper,
-.fec-table-filter .filter-field[data-v-7731b855] .el-select,
-.fec-table-filter .filter-field[data-v-7731b855] .el-date-editor {
+.fec-table-filter .filter-field[data-v-a11251e7] .text-field-wrapper,
+.fec-table-filter .filter-field[data-v-a11251e7] .el-select,
+.fec-table-filter .filter-field[data-v-a11251e7] .el-date-editor {
   width: 100%;
 }
-.fec-table-filter .filter-actions[data-v-7731b855] {
+.fec-table-filter .filter-actions[data-v-a11251e7] {
   flex-shrink: 0;
   /* border-left: 1px solid #eaebef; */
   display: flex;
@@ -6039,34 +6039,34 @@ body,
   gap: 10px;
   height: 100%;
 }
-.fec-table-filter .filter-actions[data-v-7731b855] .el-button {
+.fec-table-filter .filter-actions[data-v-a11251e7] .el-button {
   margin: 0;
 }
-.fec-table-filter .filter-actions.inline[data-v-7731b855] {
+.fec-table-filter .filter-actions.inline[data-v-a11251e7] {
   flex-direction: row;
   gap: 8px;
   height: auto;
   align-items: center;
 }
-.filter-fields[data-v-7731b855] {
+.filter-fields[data-v-a11251e7] {
   transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.filter-field[data-v-7731b855] {
+.filter-field[data-v-a11251e7] {
   transition: opacity 0.3s ease, transform 0.3s ease;
 }
-.filter-divider[data-v-7731b855] {
+.filter-divider[data-v-a11251e7] {
   margin: 8px 0;
   z-index: 1;
   transition: all 0.3s ease;
 }
-.filter-divider .collapse-toggle[data-v-7731b855] {
+.filter-divider .collapse-toggle[data-v-a11251e7] {
   display: flex;
   align-items: center;
   gap: 2px;
   color: #409eff;
   cursor: pointer;
 }
-.filter-divider[data-v-7731b855] .el-divider__text {
+.filter-divider[data-v-a11251e7] .el-divider__text {
   font-size: 13px;
   color: #606266;
   transition: all 0.3s ease;
@@ -6076,14 +6076,14 @@ body,
   background-color: #fff;
   padding: 0 10px;
 }
-.filter-divider[data-v-7731b855] .el-icon {
+.filter-divider[data-v-a11251e7] .el-icon {
   transition: transform 0.3s ease;
-}.dynamic-mode-config .dynamic-row[data-v-afa34d8e] {
+}.dynamic-mode-config .dynamic-row[data-v-9e44c27e] {
   display: flex;
   height: 54px;
   align-items: center;
 }
-.dynamic-mode-config .back-icon[data-v-afa34d8e] {
+.dynamic-mode-config .back-icon[data-v-9e44c27e] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6096,11 +6096,11 @@ body,
   margin-left: 4px;
   margin-right: -6px;
 }
-.dynamic-mode-config .back-icon .el-icon[data-v-afa34d8e] {
+.dynamic-mode-config .back-icon .el-icon[data-v-9e44c27e] {
   font-size: 16px;
   font-weight: bold;
 }
-.dynamic-mode-config .template-name[data-v-afa34d8e] {
+.dynamic-mode-config .template-name[data-v-9e44c27e] {
   font-size: 16px;
   font-weight: 600;
   color: #303133;
@@ -6113,7 +6113,7 @@ body,
   display: flex;
   align-items: center;
 }
-.dynamic-mode-config .template-name-line[data-v-afa34d8e] {
+.dynamic-mode-config .template-name-line[data-v-9e44c27e] {
   height: 16px;
   width: 4px;
   background-color: var(--el-color-primary);
@@ -6122,42 +6122,42 @@ body,
   margin-right: 12px;
   margin-top: 2px;
 }
-.dynamic-mode-config .tab-display-section[data-v-afa34d8e] {
+.dynamic-mode-config .tab-display-section[data-v-9e44c27e] {
   flex: 1;
   min-width: 0;
 }
-.dynamic-mode-config .tab-display-section .dynamic-tabs[data-v-afa34d8e] .el-tabs__header {
+.dynamic-mode-config .tab-display-section .dynamic-tabs[data-v-9e44c27e] .el-tabs__header {
   margin: 0;
 }
-.dynamic-mode-config .tab-display-section .dynamic-tabs[data-v-afa34d8e] .el-tabs__nav-wrap::after {
+.dynamic-mode-config .tab-display-section .dynamic-tabs[data-v-9e44c27e] .el-tabs__nav-wrap::after {
   height: 0;
 }
-.dynamic-mode-config .tab-display-section .dynamic-tabs[data-v-afa34d8e] .el-tabs__item {
+.dynamic-mode-config .tab-display-section .dynamic-tabs[data-v-9e44c27e] .el-tabs__item {
   padding: 0 12px;
 }
-.dynamic-mode-config .search-display-section[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section[data-v-9e44c27e] {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   gap: 12px;
   margin-left: auto;
 }
-.dynamic-mode-config .search-display-section .search-input-group .search-input[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .search-input-group .search-input[data-v-9e44c27e] {
   /* width: 300px; */
 }
-.dynamic-mode-config .search-display-section .search-input-group .search-input .search[data-v-afa34d8e]:hover {
+.dynamic-mode-config .search-display-section .search-input-group .search-input .search[data-v-9e44c27e]:hover {
   color: var(--el-color-primary);
   cursor: pointer;
 }
-.dynamic-mode-config .search-display-section .optBtnDraggable[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .optBtnDraggable[data-v-9e44c27e] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.dynamic-mode-config .search-display-section .optBtn[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .optBtn[data-v-9e44c27e] {
   position: relative;
 }
-.dynamic-mode-config .search-display-section .optBtn .delete-icon[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .optBtn .delete-icon[data-v-9e44c27e] {
   position: absolute;
   top: -10px;
   right: -10px;
@@ -6174,31 +6174,31 @@ body,
   font-size: 12px;
   z-index: 1;
 }
-.dynamic-mode-config .search-display-section .optBtn .delete-icon[data-v-afa34d8e]:hover {
+.dynamic-mode-config .search-display-section .optBtn .delete-icon[data-v-9e44c27e]:hover {
   background-color: #f56c6c;
 }
-.dynamic-mode-config .search-display-section .optBtn.is-hover .delete-icon[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .optBtn.is-hover .delete-icon[data-v-9e44c27e] {
   display: flex;
 }
-.dynamic-mode-config .search-display-section .optBtn .elBtn[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .optBtn .elBtn[data-v-9e44c27e] {
   pointer-events: none;
 }
-.dynamic-mode-config .search-display-section .addLink .el-icon[data-v-afa34d8e] {
+.dynamic-mode-config .search-display-section .addLink .el-icon[data-v-9e44c27e] {
   margin-right: 4px;
 }
-.dynamic-mode-config .expand-filter-section[data-v-afa34d8e] {
+.dynamic-mode-config .expand-filter-section[data-v-9e44c27e] {
   padding-top: 4px;
   border-top: 1px solid #ebeef5;
   margin-top: 4px;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section[data-v-afa34d8e] {
+.dynamic-mode-config .expand-filter-section .filter-form-section[data-v-9e44c27e] {
   width: 100%;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form .form-items-draggable[data-v-afa34d8e] {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form .form-items-draggable[data-v-9e44c27e] {
   display: flex;
   flex-wrap: wrap;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item {
   padding: 2px;
   border: 2px solid transparent;
   border-radius: 2px;
@@ -6207,20 +6207,20 @@ body,
   cursor: move;
   margin-bottom: 4px;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item .el-form-item__label-wrap {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item .el-form-item__label-wrap {
   margin: 0 0 0 8px !important;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item .el-form-item__content {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item .el-form-item__content {
   min-width: 150px;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item .form-item-label {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item .form-item-label {
   display: flex;
   align-items: center;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item .el-input {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item .el-input {
   width: 150px;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item .delete-icon {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item .delete-icon {
   position: absolute;
   top: -10px;
   right: -10px;
@@ -6237,19 +6237,19 @@ body,
   font-size: 12px;
   z-index: 1;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item .delete-icon:hover {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item .delete-icon:hover {
   background-color: #f56c6c;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item.is-hover {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item.is-hover {
   border: 2px dashed #7b99cb !important;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item.is-hover .delete-icon {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item.is-hover .delete-icon {
   display: flex;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item.is-select {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item.is-select {
   border: 2px dashed #efa53a !important;
 }
-.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-afa34d8e] .el-form-item__label {
+.dynamic-mode-config .expand-filter-section .filter-form-section .filter-form[data-v-9e44c27e] .el-form-item__label {
   font-size: 13px;
   color: #606266;
   pointer-events: none;
@@ -6258,11 +6258,11 @@ body,
   display: flex;
   align-items: center;
 }
-[data-v-afa34d8e] .el-checkbox-group {
+[data-v-9e44c27e] .el-checkbox-group {
   display: flex;
   gap: 12px;
 }
-[data-v-afa34d8e] .el-checkbox-group .el-checkbox-button__inner {
+[data-v-9e44c27e] .el-checkbox-group .el-checkbox-button__inner {
   border-radius: 4px;
 }.fec-table[data-v-c35f81ee] {
   height: 100%;

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

@@ -155,15 +155,16 @@ const _sfc_main = {
     const getFieldConfig = (fieldId) => {
       return props.fieldsData.find((field) => field.id === fieldId) || {};
     };
-    const filterFields = vue.computed(() => {
-      return props.localConfig.queryConfig.filterFields.map((filterField) => {
+    const filterFields = vue.ref([]);
+    filterFields.value = props.localConfig.queryConfig.filterFields.map(
+      (filterField) => {
         const fieldConfig = getFieldConfig(filterField.fieldId);
         return {
           ...filterField,
           ...fieldConfig
         };
-      });
-    });
+      }
+    );
     const filterValues = vue.ref({});
     const searchInputValue = vue.ref("");
     const ctx = getInstance.getCurrentVueInstance();
@@ -172,7 +173,7 @@ const _sfc_main = {
       const routeParams = JSON.parse(sessionStorage.getItem(route));
       const filters = JSON.parse((routeParams == null ? void 0 : routeParams.filters) || "{}");
       searchInputValue.value = (filters == null ? void 0 : filters.dynamicFilter) || "";
-      filterValues.value = common.reverseHandleSearchData(filters);
+      filterValues.value = common.reverseHandleSearchData(filters, filterFields.value);
     }
     const showAdvancedFilter = vue.ref(false);
     const toggleAdvancedFilter = () => {
@@ -481,5 +482,5 @@ const _sfc_main = {
     };
   }
 };
-const DynamicQuery = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-afa34d8e"]]);
+const DynamicQuery = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-9e44c27e"]]);
 exports.default = DynamicQuery;

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

@@ -50,7 +50,7 @@ const _sfc_main = {
   setup(__props, { expose: __expose, emit: __emit }) {
     var _a;
     vue.useCssVars((_ctx) => ({
-      "2dbefbba": `${config.value.collapseRows * 90}px`
+      "5db6b2d0": `${config.value.collapseRows * 90}px`
     }));
     const props = __props;
     const emit = __emit;
@@ -82,7 +82,10 @@ const _sfc_main = {
     if (route) {
       const routeParams = JSON.parse(sessionStorage.getItem(route));
       const filters = JSON.parse((routeParams == null ? void 0 : routeParams.filters) || "{}");
-      filterValues.value = common.reverseHandleSearchData(filters);
+      filterValues.value = common.reverseHandleSearchData(
+        filters,
+        completeFilterFields.value
+      );
     }
     const isCollapsed = vue.ref(true);
     const shouldShowToggle = vue.computed(() => {
@@ -293,5 +296,5 @@ const _sfc_main = {
     };
   }
 };
-const TableFilter = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-7731b855"]]);
+const TableFilter = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a11251e7"]]);
 exports.default = TableFilter;

package/lib/packages/vue/src/utils/common.js

@@ -52,7 +52,7 @@ const handleSearchData = (filterValues, completeFilterFields) => {
   });
   return filters;
 };
-const reverseHandleSearchData = (filters) => {
+const reverseHandleSearchData = (filters, completeFilterFields) => {
   const filterValues = {};
   if (!filters) {
     return filterValues;
@@ -62,18 +62,20 @@ const reverseHandleSearchData = (filters) => {
     if (value === "" || value === null || value === void 0) {
       return;
     }
+    const fieldConfig = completeFilterFields.find((field) => field.fieldName === key);
+    const fieldId = (fieldConfig == null ? void 0 : fieldConfig.id) || key;
     if (key.endsWith("_max")) {
       return;
     }
     const maxKey = `${key}_max`;
     const maxValue = filters[maxKey];
     if (maxValue !== "" && maxValue !== null && maxValue !== void 0) {
-      filterValues[key] = isNaN(Number(value)) ? value : Number(value);
-      filterValues[maxKey] = isNaN(Number(maxValue)) ? maxValue : Number(maxValue);
+      filterValues[fieldId] = isNaN(Number(value)) ? value : Number(value);
+      filterValues[`${fieldId}_max`] = isNaN(Number(maxValue)) ? maxValue : Number(maxValue);
     } else if (typeof value === "string" && value.includes("|")) {
-      filterValues[key] = value.split("|");
+      filterValues[fieldId] = value.split("|");
     } else {
-      filterValues[key] = value;
+      filterValues[fieldId] = value;
     }
   });
   return filterValues;

package/package.json

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