@fecp/designer 5.1.6 → 5.2.0

package/lib/packages/designer/src/packages/table/property/filterWidgets.vue.js

@@ -4,6 +4,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                                                                                                           */
 ;/* empty css                                                                                                                                                */
 ;/* empty css                                                                                                                                       */
+;/* empty css                                                                                                                                         */
 ;/* empty css                                                                                                                                            */
 ;/* empty css                                                                                                                                        */
 ;/* empty css                                                                                                                                              */
@@ -13,6 +14,7 @@ const common = require("../../utils/common.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/collapse/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/form/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/radio/index.js");
+const index$3 = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/switch/index.js");
 const _sfc_main = {
   __name: "filterWidgets",
   setup(__props) {
@@ -20,24 +22,26 @@ const _sfc_main = {
       return common.getCurrentItem();
     });
     const activeName = vue.ref(["common"]);
+    const editConfigData = vue.computed(() => common.getEditConfigData());
     const fieldInfo = vue.computed(() => {
       var _a, _b;
       const fieldId = (_a = currentItem.value) == null ? void 0 : _a.fieldId;
       if (!fieldId) return null;
-      const allFields = ((_b = common.getEditConfigData()) == null ? void 0 : _b.fieldsData) || [];
+      const allFields = ((_b = editConfigData.value) == null ? void 0 : _b.fieldsData) || [];
       return allFields.find((f) => f.id === fieldId);
     });
     return (_ctx, _cache) => {
       const _component_el_radio_button = index$2.ElRadioButton;
       const _component_el_radio_group = index$2.ElRadioGroup;
       const _component_el_form_item = index$1.ElFormItem;
+      const _component_el_switch = index$3.ElSwitch;
       const _component_el_form = index$1.ElForm;
       const _component_el_collapse_item = index.ElCollapseItem;
       const _component_el_collapse = index.ElCollapse;
       return vue.openBlock(), vue.createBlock(_component_el_collapse, {
         class: "setting",
         modelValue: vue.unref(activeName),
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(activeName) ? activeName.value = $event : null)
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(activeName) ? activeName.value = $event : null)
       }, {
         default: vue.withCtx(() => [
           vue.createVNode(_component_el_collapse_item, {
@@ -51,7 +55,7 @@ const _sfc_main = {
                 model: currentItem.value
               }, {
                 default: vue.withCtx(() => {
-                  var _a, _b;
+                  var _a, _b, _c, _d, _e, _f;
                   return [
                     ((_a = fieldInfo.value) == null ? void 0 : _a.fieldType) === "text" || ((_b = fieldInfo.value) == null ? void 0 : _b.fieldType) === "textarea" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
                       key: 0,
@@ -64,13 +68,13 @@ const _sfc_main = {
                         }, {
                           default: vue.withCtx(() => [
                             vue.createVNode(_component_el_radio_button, { value: "exact" }, {
-                              default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                              default: vue.withCtx(() => _cache[4] || (_cache[4] = [
                                 vue.createTextVNode("精准查询")
                               ])),
                               _: 1
                             }),
                             vue.createVNode(_component_el_radio_button, { value: "fuzzy" }, {
-                              default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+                              default: vue.withCtx(() => _cache[5] || (_cache[5] = [
                                 vue.createTextVNode("模糊查询")
                               ])),
                               _: 1
@@ -80,7 +84,30 @@ const _sfc_main = {
                         }, 8, ["modelValue"])
                       ]),
                       _: 1
-                    })) : vue.createCommentVNode("", true)
+                    })) : vue.createCommentVNode("", true),
+                    editConfigData.value.queryConfig.mode === "dynamic" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                      vue.createVNode(_component_el_form_item, { label: "独占一行" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_switch, {
+                            modelValue: currentItem.value.isExclusiveRow,
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => currentItem.value.isExclusiveRow = $event)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      ((_c = fieldInfo.value) == null ? void 0 : _c.fieldType) === "radio" || ((_d = fieldInfo.value) == null ? void 0 : _d.fieldType) === "checkbox" || ((_e = fieldInfo.value) == null ? void 0 : _e.fieldType) === "select" || ((_f = fieldInfo.value) == null ? void 0 : _f.fieldType) === "multipleSelection" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                        key: 0,
+                        label: "按钮样式"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_switch, {
+                            modelValue: currentItem.value.isButtonStyle,
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => currentItem.value.isButtonStyle = $event)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      })) : vue.createCommentVNode("", true)
+                    ], 64)) : vue.createCommentVNode("", true)
                   ];
                 }),
                 _: 1

package/lib/packages/designer/src/packages/table/queryModule/DynamicModeConfig.vue.js

@@ -0,0 +1,492 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                                                                                                                    */
+;/* empty css                                                                                                                                                      */
+;/* empty css                                                                                                                                       */
+;/* empty css                                                                                                                                            */
+require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/theme-chalk/el-date-picker.css.js");
+;/* empty css                                                                                                                                                    */
+;/* empty css                                                                                                                                        */
+;/* empty css                                                                                                                                            */
+;/* empty css                                                                                                                                         */
+;/* empty css                                                                                                                                         */
+;/* empty css                                                                                                                                      */
+;/* empty css                                                                                                                                         */
+;/* empty css                                                                                                                                               */
+;/* empty css                                                                                                                                         */
+;/* empty css                                                                                                                                           */
+;/* empty css                                                                                                                                                 */
+;/* empty css                                                                                                                                                  */
+;/* empty css                                                                                                                                       */
+;/* empty css                                                                                                                                       */
+require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/theme-chalk/el-tab-pane.css.js");
+const vue = require("vue");
+const common = require("../../utils/common.js");
+const index$1 = require("../../../../../../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.js");
+const vueDraggablePlus = require("../../../../../../node_modules/.pnpm/vue-draggable-plus@0.6.1_@types_sortablejs@1.15.9/node_modules/vue-draggable-plus/dist/vue-draggable-plus.js");
+const _default = require("../default.js");
+const optionLoader = require("../../../utils/optionLoader.js");
+;/* empty css                        */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.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/icon/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/tabs/index.js");
+const index$3 = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/input/index.js");
+const index$4 = 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 index$5 = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/link/index.js");
+const index$6 = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/collapse-transition/index.js");
+const index$7 = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/form/index.js");
+const index$8 = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/checkbox/index.js");
+const index$9 = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/select/index.js");
+const index$a = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/date-picker/index.js");
+const _hoisted_1 = { class: "dynamic-mode-config" };
+const _hoisted_2 = { class: "dynamic-row" };
+const _hoisted_3 = {
+  key: 0,
+  class: "back-icon"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "template-name"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "tab-display-section"
+};
+const _hoisted_6 = { class: "search-display-section" };
+const _hoisted_7 = { class: "search-input-group" };
+const _hoisted_8 = ["onMouseenter", "onClick"];
+const _hoisted_9 = {
+  key: 0,
+  class: "expand-filter-section"
+};
+const _hoisted_10 = { class: "filter-form-section" };
+const _hoisted_11 = { class: "form-item-label" };
+const _sfc_main = {
+  __name: "DynamicModeConfig",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const editConfigData = vue.computed(() => common.getEditConfigData());
+    const dynamicConfig = vue.computed({
+      get: () => props.modelValue,
+      set: (val) => emit("update:modelValue", val)
+    });
+    const tabConfigs = vue.computed(() => {
+      var _a;
+      return ((_a = dynamicConfig.value) == null ? void 0 : _a.tabConfigs) || [];
+    });
+    const activeTab = vue.computed({
+      get: () => {
+        var _a;
+        if (dynamicConfig.value.tabActive) {
+          return dynamicConfig.value.tabActive;
+        }
+        if (tabConfigs.value.length > 0) {
+          return ((_a = tabConfigs.value[0]) == null ? void 0 : _a.id) || "";
+        }
+        return "";
+      },
+      set: (val) => {
+        dynamicConfig.value.tabActive = val;
+      }
+    });
+    vue.computed(() => {
+      var _a, _b;
+      const allFields = [
+        ...((_a = editConfigData.value) == null ? void 0 : _a.fieldsData) || [],
+        ...((_b = editConfigData.value) == null ? void 0 : _b.hiddenFields) || []
+      ];
+      return allFields;
+    });
+    const btnTypeConfig = {
+      custom: { type: "primary" },
+      refresh: { icon: index$1.Refresh },
+      export: { icon: index$1.Download },
+      personalize: { icon: index$1.Setting }
+    };
+    function getBtnProps(item) {
+      const data = btnTypeConfig[item.btnType] || {};
+      if (!item.label) {
+        data.class = "system";
+      } else {
+        data.class = "";
+      }
+      return data;
+    }
+    function addOptBtns(state) {
+      const newBtn = {
+        id: Date.now(),
+        ..._default.defaultCustomBtn
+      };
+      {
+        editConfigData.value.customBtns[state].unshift(newBtn);
+      }
+    }
+    function removeOptBtns(state, item) {
+      const index2 = editConfigData.value.customBtns[state].findIndex(
+        (i) => i.id === item.id
+      );
+      if (index2 !== -1) {
+        editConfigData.value.customBtns[state].splice(index2, 1);
+      }
+    }
+    const filterFields = vue.computed({
+      get: () => {
+        var _a, _b;
+        return ((_b = (_a = editConfigData.value) == null ? void 0 : _a.queryConfig) == null ? void 0 : _b.filterFields) || [];
+      },
+      set: (val) => {
+        editConfigData.value.queryConfig.filterFields = val;
+      }
+    });
+    const formData = vue.reactive({});
+    function getFieldInfo(filterField) {
+      var _a, _b;
+      const allFields = [
+        ...((_a = editConfigData.value) == null ? void 0 : _a.fieldsData) || [],
+        ...((_b = editConfigData.value) == null ? void 0 : _b.hiddenFields) || []
+      ];
+      const field = allFields.find((f) => f.id == filterField.fieldId);
+      return field;
+    }
+    function getFieldLabel(filterField) {
+      const fieldInfo = getFieldInfo(filterField);
+      return (fieldInfo == null ? void 0 : fieldInfo.label) || "";
+    }
+    const optionsMap = vue.reactive({});
+    vue.watch(
+      filterFields,
+      (fields) => {
+        fields.forEach((filterField) => {
+          const fieldInfo = getFieldInfo(filterField);
+          if (fieldInfo && !(fieldInfo.fieldName in formData)) {
+            formData[fieldInfo.fieldName] = fieldInfo.fieldType == "daterange" ? [] : "";
+          }
+        });
+        const currentFieldNames = fields.map((filterField) => {
+          const fieldInfo = getFieldInfo(filterField);
+          return fieldInfo == null ? void 0 : fieldInfo.fieldName;
+        }).filter(Boolean);
+        Object.keys(formData).forEach((key) => {
+          if (!currentFieldNames.includes(key)) {
+            delete formData[key];
+          }
+        });
+        fields.forEach((filterField) => {
+          if (filterField.isButtonStyle) {
+            getOptions(filterField);
+          }
+        });
+      },
+      { immediate: true, deep: true }
+    );
+    function removeField(field) {
+      var _a, _b, _c, _d;
+      const index2 = filterFields.value.findIndex((f) => f.id == field.id);
+      if (index2 !== -1) {
+        if ((_a = editConfigData.value.queryConfig) == null ? void 0 : _a.filterFields) {
+          (_b = editConfigData.value.queryConfig) == null ? void 0 : _b.filterFields.splice(index2, 1);
+        }
+        let fieldItem = (_c = editConfigData.value) == null ? void 0 : _c.fieldsData.find(
+          (item) => item.id == field.fieldId
+        );
+        if (!fieldItem) {
+          fieldItem = (_d = editConfigData.value) == null ? void 0 : _d.hiddenFields.find(
+            (item) => item.id == field.fieldId
+          );
+        }
+        if (fieldItem) {
+          fieldItem.isFilter = false;
+        }
+      }
+    }
+    function isInputType(field) {
+      const inputTypes = ["text", "textarea", "number"];
+      return inputTypes.includes(field.fieldType);
+    }
+    function isSelectType(field) {
+      const selectTypes = [
+        "select",
+        "radio",
+        "checkbox",
+        "switch",
+        "multipleSelection"
+      ];
+      return selectTypes.includes(field.fieldType);
+    }
+    function isDateType(field) {
+      const dateTypes = [
+        "date",
+        "datetime",
+        "time",
+        "month",
+        "year",
+        "dates",
+        "week"
+      ];
+      return dateTypes.includes(field.fieldType);
+    }
+    function getOptions(filterField) {
+      var _a, _b;
+      const allFields = [
+        ...((_a = editConfigData.value) == null ? void 0 : _a.fieldsData) || [],
+        ...((_b = editConfigData.value) == null ? void 0 : _b.hiddenFields) || []
+      ];
+      const field = allFields.find((f) => f.id == filterField.fieldId);
+      if (field) {
+        optionLoader.loadOptions(field).then((data) => {
+          optionsMap[filterField.fieldId] = data;
+        });
+      } else {
+        optionsMap[filterField.fieldId] = [];
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_icon = index.ElIcon;
+      const _component_el_tab_pane = index$2.ElTabPane;
+      const _component_el_tabs = index$2.ElTabs;
+      const _component_el_button = index$4.ElButton;
+      const _component_el_input = index$3.ElInput;
+      const _component_el_link = index$5.ElLink;
+      const _component_el_checkbox_button = index$8.ElCheckboxButton;
+      const _component_el_checkbox_group = index$8.ElCheckboxGroup;
+      const _component_el_option = index$9.ElOption;
+      const _component_el_select = index$9.ElSelect;
+      const _component_el_date_picker = index$a.ElDatePicker;
+      const _component_el_form_item = index$7.ElFormItem;
+      const _component_el_form = index$7.ElForm;
+      const _component_el_collapse_transition = index$6.ElCollapseTransition;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          editConfigData.value.showReturn ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            vue.createVNode(_component_el_icon, null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(index$1.ArrowLeftBold))
+              ]),
+              _: 1
+            })
+          ])) : vue.createCommentVNode("", true),
+          editConfigData.value.showTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, vue.toDisplayString(editConfigData.value.templateName), 1)) : vue.createCommentVNode("", true),
+          tabConfigs.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            vue.createVNode(_component_el_tabs, {
+              modelValue: activeTab.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTab.value = $event),
+              class: "dynamic-tabs"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(tabConfigs.value, (tab) => {
+                  return vue.openBlock(), vue.createBlock(_component_el_tab_pane, {
+                    key: tab.id,
+                    label: tab.label,
+                    name: tab.id
+                  }, null, 8, ["label", "name"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.createElementVNode("div", _hoisted_7, [
+              vue.createVNode(_component_el_input, {
+                placeholder: "请输入关键词搜索...",
+                class: "search-input",
+                "prefix-icon": vue.unref(index$1.Search)
+              }, vue.createSlots({ _: 2 }, [
+                dynamicConfig.value.advancedSearch ? {
+                  name: "append",
+                  fn: vue.withCtx(() => [
+                    vue.createVNode(_component_el_button, { type: "primary" }, {
+                      default: vue.withCtx(() => _cache[6] || (_cache[6] = [
+                        vue.createTextVNode(vue.toDisplayString("高级搜索"))
+                      ])),
+                      _: 1
+                    })
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["prefix-icon"])
+            ]),
+            vue.createVNode(vue.unref(vueDraggablePlus.VueDraggable), {
+              modelValue: editConfigData.value.customBtns.right,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => editConfigData.value.customBtns.right = $event),
+              animation: 150,
+              group: { name: "tableBtn" },
+              ghostClass: "ghost",
+              class: "optBtnDraggable"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(editConfigData.value.customBtns.right, (item) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    class: vue.normalizeClass(["optBtn", vue.unref(common.getCurrentClass)(item)]),
+                    onMouseenter: ($event) => vue.unref(common.setHoverItem)(item),
+                    onMouseleave: _cache[1] || (_cache[1] = ($event) => vue.unref(common.setHoverItem)()),
+                    onClick: vue.withModifiers(($event) => vue.unref(common.setSelectedItem)(item), ["stop"])
+                  }, [
+                    vue.createVNode(_component_el_button, vue.mergeProps({
+                      class: "elBtn",
+                      ref_for: true
+                    }, getBtnProps(item)), {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(item.label), 1)
+                      ]),
+                      _: 2
+                    }, 1040),
+                    vue.createVNode(_component_el_icon, {
+                      class: "delete-icon",
+                      onClick: vue.withModifiers(($event) => removeOptBtns("right", item), ["stop"])
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(index$1.Close))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ], 42, _hoisted_8);
+                }), 256))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            vue.createVNode(_component_el_link, {
+              class: "optBtn addLink",
+              underline: "never",
+              type: "primary",
+              icon: vue.unref(index$1.Plus),
+              onClick: _cache[3] || (_cache[3] = vue.withModifiers(($event) => addOptBtns("right"), ["stop"]))
+            }, {
+              default: vue.withCtx(() => _cache[7] || (_cache[7] = [
+                vue.createTextVNode("按钮")
+              ])),
+              _: 1
+            }, 8, ["icon"])
+          ])
+        ]),
+        vue.createVNode(_component_el_collapse_transition, null, {
+          default: vue.withCtx(() => [
+            dynamicConfig.value.advancedSearch && filterFields.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+              vue.createElementVNode("div", _hoisted_10, [
+                vue.createVNode(_component_el_form, {
+                  ref: "formRef",
+                  model: formData,
+                  class: "filter-form",
+                  "label-width": "100px",
+                  inline: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(vueDraggablePlus.VueDraggable), {
+                      modelValue: filterFields.value,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filterFields.value = $event),
+                      animation: 150,
+                      group: { name: "filterFields" },
+                      ghostClass: "ghost",
+                      class: "form-items-draggable"
+                    }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filterFields.value, (filterField) => {
+                          return vue.openBlock(), vue.createElementBlock("div", {
+                            key: filterField.id,
+                            style: vue.normalizeStyle(filterField.isExclusiveRow ? "width:100%" : "")
+                          }, [
+                            vue.createVNode(_component_el_form_item, {
+                              label: getFieldLabel(filterField),
+                              onMouseenter: ($event) => vue.unref(common.setHoverItem)(filterField),
+                              onMouseleave: _cache[4] || (_cache[4] = ($event) => vue.unref(common.setHoverItem)()),
+                              onClick: vue.withModifiers(($event) => vue.unref(common.setSelectedItem)(filterField), ["stop"]),
+                              class: vue.normalizeClass(vue.unref(common.getCurrentClass)(filterField))
+                            }, {
+                              label: vue.withCtx(() => [
+                                vue.createElementVNode("div", _hoisted_11, [
+                                  vue.createElementVNode("span", null, vue.toDisplayString(getFieldLabel(filterField)) + ":", 1)
+                                ])
+                              ]),
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_el_icon, {
+                                  class: "delete-icon",
+                                  onClick: vue.withModifiers(($event) => removeField(filterField), ["stop"])
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(index$1.Close))
+                                  ]),
+                                  _: 2
+                                }, 1032, ["onClick"]),
+                                filterField.isButtonStyle ? (vue.openBlock(), vue.createBlock(_component_el_checkbox_group, { key: 0 }, {
+                                  default: vue.withCtx(() => [
+                                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(optionsMap[filterField.fieldId], (option) => {
+                                      return vue.openBlock(), vue.createBlock(_component_el_checkbox_button, {
+                                        key: option.value,
+                                        value: option.value
+                                      }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createTextVNode(vue.toDisplayString(option.label), 1)
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["value"]);
+                                    }), 128))
+                                  ]),
+                                  _: 2
+                                }, 1024)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                                  isInputType(getFieldInfo(filterField)) ? (vue.openBlock(), vue.createBlock(_component_el_input, {
+                                    key: 0,
+                                    modelValue: formData[getFieldInfo(filterField).fieldName],
+                                    "onUpdate:modelValue": ($event) => formData[getFieldInfo(filterField).fieldName] = $event,
+                                    class: "filter-item"
+                                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : isSelectType(getFieldInfo(filterField)) ? (vue.openBlock(), vue.createBlock(_component_el_select, {
+                                    key: 1,
+                                    modelValue: formData[getFieldInfo(filterField).fieldName],
+                                    "onUpdate:modelValue": ($event) => formData[getFieldInfo(filterField).fieldName] = $event,
+                                    class: "filter-item"
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(_component_el_option, {
+                                        label: "选项1",
+                                        value: "1"
+                                      }),
+                                      vue.createVNode(_component_el_option, {
+                                        label: "选项2",
+                                        value: "2"
+                                      })
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["modelValue", "onUpdate:modelValue"])) : isDateType(getFieldInfo(filterField)) ? (vue.openBlock(), vue.createBlock(_component_el_date_picker, {
+                                    key: 2,
+                                    modelValue: formData[getFieldInfo(filterField).fieldName],
+                                    "onUpdate:modelValue": ($event) => formData[getFieldInfo(filterField).fieldName] = $event,
+                                    type: "daterange",
+                                    "range-separator": "至",
+                                    "start-placeholder": "开始日期",
+                                    "end-placeholder": "结束日期",
+                                    class: "filter-item"
+                                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createBlock(_component_el_input, {
+                                    key: 3,
+                                    modelValue: formData[getFieldInfo(filterField).fieldName],
+                                    "onUpdate:modelValue": ($event) => formData[getFieldInfo(filterField).fieldName] = $event,
+                                    class: "filter-item"
+                                  }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                                ], 64))
+                              ]),
+                              _: 2
+                            }, 1032, ["label", "onMouseenter", "onClick", "class"])
+                          ], 4);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["model"])
+              ])
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+const DynamicModeConfig = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-2bd86c73"]]);
+exports.default = DynamicModeConfig;

package/lib/packages/designer/src/packages/table/queryModule/FixedModeConfig.vue.js

@@ -59,7 +59,8 @@ const _sfc_main = {
         ...((_a = editConfigData.value) == null ? void 0 : _a.fieldsData) || [],
         ...((_b = editConfigData.value) == null ? void 0 : _b.hiddenFields) || []
       ];
-      return allFields.find((f) => f.id == filterField.fieldId);
+      const field = allFields.find((f) => f.id == filterField.fieldId);
+      return field;
     }
     function getFieldLabel(filterField) {
       const fieldInfo = getFieldInfo(filterField);
@@ -87,9 +88,21 @@ const _sfc_main = {
       { immediate: true, deep: true }
     );
     function removeField(field) {
+      var _a, _b;
       const index2 = filterFields.value.findIndex((f) => f.id == field.id);
       if (index2 !== -1) {
         filterFields.value.splice(index2, 1);
+        let fieldItem = (_a = editConfigData.value) == null ? void 0 : _a.fieldsData.find(
+          (item) => item.id == field.fieldId
+        );
+        if (!fieldItem) {
+          fieldItem = (_b = editConfigData.value) == null ? void 0 : _b.hiddenFields.find(
+            (item) => item.id == field.fieldId
+          );
+        }
+        if (fieldItem) {
+          fieldItem.isFilter = false;
+        }
       }
     }
     function isInputType(field) {
@@ -244,5 +257,5 @@ const _sfc_main = {
     };
   }
 };
-const FixedModeConfig = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-82d670b1"]]);
+const FixedModeConfig = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-ad9c58ca"]]);
 exports.default = FixedModeConfig;