@fecp/designer 5.1.8 → 5.2.1

package/lib/packages/vue/src/components/forms/subTitle/SubTitle.vue.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css               */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const _hoisted_1 = { class: "fec-sub-title" };
+const _hoisted_2 = { class: "fec-label-title" };
+const _sfc_main = {
+  __name: "SubTitle",
+  props: {
+    config: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "fec-label-line" }, null, -1)),
+        vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(__props.config.label), 1),
+        _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "fec-label-line-query" }, null, -1))
+      ]);
+    };
+  }
+};
+const _SubTitle = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-733e1815"]]);
+exports.default = _SubTitle;

package/lib/packages/vue/src/components/forms/subTitle/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const SubTitle$1 = require("./SubTitle.vue.js");
+const install = require("../../../utils/install.js");
+const SubTitle = install.default.withInstall("SubTitle", SubTitle$1.default);
+exports.SubTitle = SubTitle;
+exports.default = SubTitle;

package/lib/packages/vue/src/components/forms/text/Text.vue.js

@@ -7,10 +7,12 @@ const vue = require("vue");
 ;/* empty css                                                                                                                                          */
 ;/* empty css                                                                                                                                        */
 ;/* empty css                                                                                                                                          */
-const index$2 = require("../../dialog/index.js");
+const index$3 = require("../../dialog/index.js");
+const index$2 = require("../../../api/index.js");
 ;/* empty css                                                                                                                                              */
 ;/* empty css                                                                                                                                          */
 const eventFlowHandler = require("../../../utils/eventFlow/eventFlowHandler.js");
+const getInstance = require("../../../utils/getInstance.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/input/index.js");
@@ -90,10 +92,35 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     formMode: {
       type: String,
       default: ""
+    },
+    dialogSource: {
+      type: String,
+      default: ""
+    },
+    selectionMode: {
+      type: String,
+      default: ""
+    },
+    displayFormatText: {
+      type: String,
+      default: ""
+    },
+    displayFormat: {
+      type: Object,
+      default: {}
+    },
+    fieldMapping: {
+      type: Array,
+      default: []
+    },
+    callbackEventConfig: {
+      type: Object,
+      default: {}
     }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
+    const ctx = getInstance.getCurrentVueInstance();
     const props = __props;
     const emit = __emit;
     const inputValue = vue.computed({
@@ -128,11 +155,27 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       }
     });
     const getEventHandlers = (row, item, eventConfig) => createEventHandlers(item, row, eventConfig);
-    function openSuffixDialog() {
-      const dialogsConfig = localConfig.value.dialogs || [];
-      const dialog = dialogsConfig.find((item) => item.id == props.suffixDialogId);
+    async function openSuffixDialog() {
+      let dialog = null;
+      if (props.dialogSource == "global") {
+        const data = await index$2.default.getTemplateDialogById(
+          ctx.$http,
+          props.suffixDialogId
+        );
+        dialog = JSON.parse(data.config);
+        dialog.id = data.id;
+        dialog.name = data.name;
+        dialog.selectionMode = props.selectionMode;
+        dialog.displayFormat = props.displayFormat;
+        dialog.displayFormatText = props.displayFormatText;
+        dialog.fieldMapping = props.fieldMapping;
+        dialog.callbackEventConfig = props.callbackEventConfig;
+      } else if (props.dialogSource == "custom") {
+        const dialogsConfig = localConfig.value.dialogs || [];
+        dialog = dialogsConfig.find((item) => item.id == props.suffixDialogId);
+      }
       if (dialog) {
-        index$2.openDialog(
+        index$3.openDialog(
           props.config.fieldName,
           dialog,
           instance,
@@ -208,5 +251,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Text = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-e18a850d"]]);
+const _Text = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-b0c0d80f"]]);
 exports.default = _Text;

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

@@ -4,12 +4,18 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                                                                                                      */
 const vue = require("vue");
 require("../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/components.js");
-const index$2 = 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 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 getInstance = require("../../utils/getInstance.js");
 ;/* empty css                    */
 const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
-const index = require("../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/toolbar/index.js");
-const index$1 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.js");
+const 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/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/toolbar/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/button/index.js");
 const _hoisted_1 = { class: "custom-buttons" };
+const _hoisted_2 = {
+  key: 1,
+  class: "template-name"
+};
 const _sfc_main = {
   __name: "CustomButtons",
   props: {
@@ -19,10 +25,15 @@ const _sfc_main = {
         left: [],
         right: []
       })
+    },
+    localConfig: {
+      type: Object,
+      default: {}
     }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
+    const ctx = getInstance.getCurrentVueInstance();
     const props = __props;
     const emit = __emit;
     const leftButtons = vue.computed(() => {
@@ -36,13 +47,13 @@ const _sfc_main = {
     });
     const getBtnIcon = (btnType) => {
       const iconMap = {
-        refresh: index$2.Refresh,
-        export: index$2.Download,
-        personalize: index$2.Setting,
-        add: index$2.Plus,
-        delete: index$2.Delete,
-        edit: index$2.Edit,
-        search: index$2.Search
+        refresh: index$1.Refresh,
+        export: index$1.Download,
+        personalize: index$1.Setting,
+        add: index$1.Plus,
+        delete: index$1.Delete,
+        edit: index$1.Edit,
+        search: index$1.Search
       };
       return iconMap[btnType] || null;
     };
@@ -59,12 +70,30 @@ const _sfc_main = {
         type: "custom"
       });
     };
+    function goBack() {
+      ctx.$router.go(-1);
+    }
     return (_ctx, _cache) => {
-      const _component_el_button = index$1.ElButton;
+      const _component_el_icon = index.ElIcon;
+      const _component_el_button = index$3.ElButton;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        hasButtons.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.VxeToolbar), {
+        __props.localConfig.showReturn ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          ref: "toolbarRef"
+          class: "back-icon",
+          onClick: goBack
+        }, [
+          vue.createVNode(_component_el_icon, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(index$1.ArrowLeftBold))
+            ]),
+            _: 1
+          })
+        ])) : vue.createCommentVNode("", true),
+        __props.localConfig.showTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(__props.localConfig.templateName), 1)) : vue.createCommentVNode("", true),
+        hasButtons.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.VxeToolbar), {
+          key: 2,
+          ref: "toolbarRef",
+          style: { "flex": "1" }
         }, {
           buttons: vue.withCtx(() => [
             leftButtons.value.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(leftButtons.value, (btn) => {
@@ -102,5 +131,5 @@ const _sfc_main = {
     };
   }
 };
-const CustomButtons = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-92668e19"]]);
+const CustomButtons = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-afddc440"]]);
 exports.default = CustomButtons;

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

@@ -0,0 +1,425 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* 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-date-picker.css.js");
+;/* 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 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");
+require("../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/components.js");
+const index$f = require("../forms/text/index.js");
+const index$b = require("../forms/select/index.js");
+const index$c = require("../forms/multipleSelection/index.js");
+const index$e = require("../forms/date/index.js");
+const index$d = require("../forms/number/index.js");
+const common = require("../../utils/common.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$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/date-picker/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/input-number/index.js");
+const index$5 = require("../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/toolbar/index.js");
+const _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 = { class: "expand-filter-section" };
+const _hoisted_9 = { class: "filter-form-section" };
+const _hoisted_10 = { class: "form-items-draggable" };
+const _hoisted_11 = {
+  key: 1,
+  style: { "display": "flex", "align-items": "center", "gap": "8px", "width": "100%" }
+};
+const _sfc_main = {
+  __name: "DynamicQuery",
+  props: {
+    localConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    fieldsData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["click", "search"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const queryConfig = vue.computed(() => {
+      var _a;
+      return ((_a = props.localConfig) == null ? void 0 : _a.queryConfig) || {};
+    });
+    const dynamicConfig = vue.computed(() => {
+      var _a;
+      return ((_a = queryConfig.value) == null ? void 0 : _a.dynamicConfig) || {};
+    });
+    const activeTab = vue.ref("");
+    const tabConfigs = vue.computed(() => {
+      var _a, _b, _c, _d;
+      activeTab.value = ((_b = (_a = dynamicConfig.value) == null ? void 0 : _a.tabConfigs) == null ? void 0 : _b.length) > 0 ? (_c = dynamicConfig.value) == null ? void 0 : _c.tabActive : "";
+      return ((_d = dynamicConfig.value) == null ? void 0 : _d.tabConfigs) || [];
+    });
+    const rightButtons = vue.computed(() => {
+      var _a;
+      return ((_a = props.localConfig) == null ? void 0 : _a.customBtns.right) || [];
+    });
+    const getBtnIcon = (btnType) => {
+      const iconMap = {
+        refresh: index$1.Refresh,
+        export: index$1.Download,
+        personalize: index$1.Setting,
+        add: index$1.Plus,
+        delete: index$1.Delete,
+        edit: index$1.Edit,
+        search: index$1.Search
+      };
+      return iconMap[btnType] || null;
+    };
+    const getBtnType = (btn) => {
+      if (btn.btnType === "custom") {
+        return "primary";
+      }
+      return btn.btnStyle || "default";
+    };
+    const handleClick = (btn, event) => {
+      emit("click", {
+        btn,
+        event,
+        type: "custom"
+      });
+    };
+    const getFieldConfig = (fieldId) => {
+      return props.fieldsData.find((field) => field.id === fieldId) || {};
+    };
+    const filterFields = vue.computed(() => {
+      return props.localConfig.queryConfig.filterFields.map((filterField) => {
+        const fieldConfig = getFieldConfig(filterField.fieldId);
+        return {
+          ...filterField,
+          ...fieldConfig
+        };
+      });
+    });
+    const filterValues = vue.ref({});
+    const searchInputValue = vue.ref("");
+    const showAdvancedFilter = vue.ref(false);
+    const toggleAdvancedFilter = () => {
+      const willShow = !showAdvancedFilter.value;
+      showAdvancedFilter.value = willShow;
+    };
+    const handleSearch = () => {
+      const filters = common.handleSearchData(filterValues.value, filterFields.value);
+      const filterData = {
+        ...currentTab.value,
+        dynamicFilter: searchInputValue.value,
+        ...filters
+      };
+      console.log("🚀 ~ 开始执行查询", filterData);
+      emit("search", {
+        filters: JSON.stringify(filterData)
+      });
+    };
+    const currentTab = vue.ref({});
+    vue.watch(
+      activeTab,
+      (newVal, oldVal) => {
+        console.log("🚀 ~ Tab切换:", tabConfigs.value, "->", newVal);
+        const tab = tabConfigs.value.find((item) => item.id == newVal);
+        if (tab) {
+          currentTab.value[tab.fieldName] = tab.fixedValue;
+          handleSearch();
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    const onSearchInputKeyup = (event) => {
+      if (event.key === "Enter") {
+        console.log("🚀 ~ 搜索输入框回车");
+        handleSearch();
+      }
+    };
+    const debounce = (fn, delay = 500) => {
+      let timer = null;
+      return (...args) => {
+        if (timer) clearTimeout(timer);
+        timer = setTimeout(() => {
+          fn(...args);
+        }, delay);
+      };
+    };
+    const debouncedSearch = debounce(handleSearch, 500);
+    vue.watch(
+      filterValues,
+      (newVal) => {
+        console.log("🚀 ~ 筛选值变化:", newVal);
+        debouncedSearch();
+      },
+      { deep: true }
+    );
+    const getFilterComponent = (fieldType) => {
+      const componentMap = {
+        text: index$f.Text,
+        select: index$b.Select,
+        date: index$e.Date,
+        number: index$d.Number,
+        multipleSelection: index$c.MultipleSelection,
+        switch: index$b.Select
+      };
+      return componentMap[fieldType] || index$f.Text;
+    };
+    const getComponentConfig = (field) => {
+      return { ...field };
+    };
+    const getPlaceholder = (field, type = "default") => {
+      const placeholderMap = {
+        text: "请输入",
+        select: "请选择",
+        date: type === "start" ? "开始日期" : type === "end" ? "结束日期" : "请选择日期",
+        number: "请输入",
+        number_min: "最小值",
+        number_max: "最大值",
+        radio: "请选择",
+        checkbox: "请选择",
+        switch: "请选择"
+      };
+      if (field.fieldType === "date") {
+        return placeholderMap.date;
+      }
+      if (field.fieldType === "number") {
+        return type === "min" ? placeholderMap.number_min : type === "max" ? placeholderMap.number_max : placeholderMap.number;
+      }
+      return `${placeholderMap[field.fieldType] || "请输入"}${field.label || ""}`;
+    };
+    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_checkbox_button = index$8.ElCheckboxButton;
+      const _component_el_checkbox_group = index$8.ElCheckboxGroup;
+      const _component_el_date_picker = index$9.ElDatePicker;
+      const _component_el_input_number = index$a.ElInputNumber;
+      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, [
+          __props.localConfig.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),
+          __props.localConfig.showTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, vue.toDisplayString(__props.localConfig.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, {
+                modelValue: searchInputValue.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchInputValue.value = $event),
+                placeholder: "请输入关键词搜索...",
+                class: "search-input",
+                "prefix-icon": vue.unref(index$1.Search),
+                onKeyup: onSearchInputKeyup
+              }, vue.createSlots({ _: 2 }, [
+                dynamicConfig.value.advancedSearch ? {
+                  name: "append",
+                  fn: vue.withCtx(() => [
+                    vue.createVNode(_component_el_button, {
+                      type: "primary",
+                      onClick: toggleAdvancedFilter
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(showAdvancedFilter.value ? "隐藏高级搜索" : "高级搜索"), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["modelValue", "prefix-icon"])
+            ]),
+            rightButtons.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.VxeToolbar), {
+              key: 0,
+              ref: "toolbarRef"
+            }, {
+              tools: vue.withCtx(() => [
+                rightButtons.value.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(rightButtons.value, (btn) => {
+                  return vue.openBlock(), vue.createBlock(_component_el_button, {
+                    key: btn.id,
+                    type: getBtnType(btn),
+                    icon: getBtnIcon(btn.btnType),
+                    onClick: ($event) => handleClick(btn, $event)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(btn.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type", "icon", "onClick"]);
+                }), 128)) : vue.createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 512)) : vue.createCommentVNode("", true)
+          ])
+        ]),
+        vue.createVNode(_component_el_collapse_transition, null, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", _hoisted_8, [
+              vue.createElementVNode("div", _hoisted_9, [
+                vue.createVNode(_component_el_form, {
+                  ref: "formRef",
+                  model: filterValues.value,
+                  class: "filter-form",
+                  "label-width": "100px",
+                  inline: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("div", _hoisted_10, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filterFields.value, (field) => {
+                        return vue.openBlock(), vue.createElementBlock("div", {
+                          key: field.id,
+                          style: vue.normalizeStyle(field.isExclusiveRow ? "width:100%" : "")
+                        }, [
+                          vue.createVNode(_component_el_form_item, {
+                            label: field.label
+                          }, {
+                            default: vue.withCtx(() => [
+                              field.isButtonStyle ? (vue.openBlock(), vue.createBlock(_component_el_checkbox_group, {
+                                key: 0,
+                                modelValue: filterValues.value[field.fieldId],
+                                "onUpdate:modelValue": ($event) => filterValues.value[field.fieldId] = $event
+                              }, {
+                                default: vue.withCtx(() => [
+                                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(field.optionConfig.options, (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
+                              }, 1032, ["modelValue", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                                field.fieldType == "date" ? (vue.openBlock(), vue.createBlock(_component_el_date_picker, {
+                                  key: 0,
+                                  modelValue: filterValues.value[field.fieldId],
+                                  "onUpdate:modelValue": ($event) => filterValues.value[field.fieldId] = $event,
+                                  type: "daterange",
+                                  "start-placeholder": getPlaceholder(field, "start"),
+                                  "end-placeholder": getPlaceholder(field, "end"),
+                                  format: "YYYY-MM-DD",
+                                  "value-format": "YYYYMMDD",
+                                  clearable: "",
+                                  style: { "width": "100%" }
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "start-placeholder", "end-placeholder"])) : field.fieldType == "number" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+                                  vue.createVNode(_component_el_input_number, {
+                                    modelValue: filterValues.value[field.fieldId],
+                                    "onUpdate:modelValue": ($event) => filterValues.value[field.fieldId] = $event,
+                                    placeholder: getPlaceholder(field, "min"),
+                                    controls: false,
+                                    "controls-position": "right",
+                                    style: { "flex": "1" },
+                                    clearable: ""
+                                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]),
+                                  _cache[2] || (_cache[2] = vue.createElementVNode("span", null, "-", -1)),
+                                  vue.createVNode(_component_el_input_number, {
+                                    modelValue: filterValues.value[`${field.fieldId}_max`],
+                                    "onUpdate:modelValue": ($event) => filterValues.value[`${field.fieldId}_max`] = $event,
+                                    placeholder: getPlaceholder(field, "max"),
+                                    controls: false,
+                                    "controls-position": "right",
+                                    style: { "flex": "1" },
+                                    clearable: ""
+                                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                                ])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getFilterComponent(field.fieldType)), vue.mergeProps({
+                                  key: 2,
+                                  modelValue: filterValues.value[field.fieldId],
+                                  "onUpdate:modelValue": ($event) => filterValues.value[field.fieldId] = $event,
+                                  config: { ...field, eventHandlers: {} },
+                                  ref_for: true
+                                }, getComponentConfig(field), {
+                                  placeholder: getPlaceholder(field)
+                                }), null, 16, ["modelValue", "onUpdate:modelValue", "config", "placeholder"]))
+                              ], 64))
+                            ]),
+                            _: 2
+                          }, 1032, ["label"])
+                        ], 4);
+                      }), 128))
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["model"])
+              ])
+            ], 512), [
+              [
+                vue.vShow,
+                showAdvancedFilter.value && dynamicConfig.value.advancedSearch && filterFields.value.length > 0
+              ]
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+const DynamicQuery = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-66d8d7cb"]]);
+exports.default = DynamicQuery;