yc-pro-components 0.0.20 → 0.0.22

package/index.js

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.20 */
+/*! yc-pro-components v0.0.22 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus')) :
   typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus'], factory) :
@@ -8589,8 +8589,8 @@
     vue.provide(DictStoreInjectionKey, dictStore);
   }
 
-  const _hoisted_1$q = { class: "plus-dialog-body" };
-  var _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$r = { class: "plus-dialog-body" };
+  var _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusDialog",
       inheritAttrs: false
@@ -8655,7 +8655,7 @@
           class: "plus-dialog"
         }, _ctx.$attrs), vue.createSlots({
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$q, [
+            vue.createElementVNode("div", _hoisted_1$r, [
               vue.renderSlot(_ctx.$slots, "default")
             ])
           ]),
@@ -8727,25 +8727,25 @@
     return target;
   };
 
-  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "index.vue"]]);
+  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "index.vue"]]);
 
   const PlusDialog = Dialog;
 
-  const _hoisted_1$p = /* @__PURE__ */ vue.createElementVNode(
+  const _hoisted_1$q = /* @__PURE__ */ vue.createElementVNode(
     "span",
     null,
     null,
     -1
     /* HOISTED */
   );
-  const _hoisted_2$f = /* @__PURE__ */ vue.createElementVNode(
+  const _hoisted_2$g = /* @__PURE__ */ vue.createElementVNode(
     "span",
     null,
     null,
     -1
     /* HOISTED */
   );
-  var _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusPagination"
     },
@@ -8787,7 +8787,7 @@
           },
           [
             _ctx.align === "right" || _ctx.align === "center" ? vue.renderSlot(_ctx.$slots, "pagination-left", { key: 0 }, () => [
-              _hoisted_1$p
+              _hoisted_1$q
             ]) : vue.createCommentVNode("v-if", true),
             vue.createVNode(vue.unref(elementPlus.ElPagination), vue.mergeProps({
               layout: "total, sizes, prev, pager, next, jumper",
@@ -8801,7 +8801,7 @@
               onCurrentChange: handleCurrentChange
             }), null, 16, ["current-page", "page-size", "total", "page-sizes"]),
             _ctx.align === "left" || _ctx.align === "center" ? vue.renderSlot(_ctx.$slots, "pagination-right", { key: 1 }, () => [
-              _hoisted_2$f
+              _hoisted_2$g
             ]) : vue.createCommentVNode("v-if", true)
           ],
           2
@@ -8811,11 +8811,11 @@
     }
   });
 
-  var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "index.vue"]]);
+  var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "index.vue"]]);
 
   const PlusPagination = Pagination;
 
-  var _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusRadio"
     },
@@ -9000,7 +9000,7 @@
     }
   });
 
-  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "index.vue"]]);
+  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "index.vue"]]);
 
   const PlusRadio = Radio;
 
@@ -15062,13 +15062,13 @@
     ZoomOut: zoom_out_default
   });
 
-  const _hoisted_1$o = {
+  const _hoisted_1$p = {
     key: 0,
     class: "plus-table-action-bar__dropdown__link"
   };
-  const _hoisted_2$e = { class: "plus-table-action-bar__dropdown__link" };
-  const _hoisted_3$a = { class: "plus-table-action-bar__more-text" };
-  var _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_2$f = { class: "plus-table-action-bar__dropdown__link" };
+  const _hoisted_3$b = { class: "plus-table-action-bar__more-text" };
+  var _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusTableActionBar"
     },
@@ -15384,7 +15384,7 @@
                 )
               ]),
               default: vue.withCtx(() => [
-                _ctx.moreType === "icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$o, [
+                _ctx.moreType === "icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$p, [
                   vue.renderSlot(_ctx.$slots, "action-bar-more-icon", {}, () => [
                     vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
                       default: vue.withCtx(() => [
@@ -15399,10 +15399,10 @@
                   { key: 1 },
                   [
                     vue.createCommentVNode(" \u9ED8\u8BA4 "),
-                    vue.createElementVNode("span", _hoisted_2$e, [
+                    vue.createElementVNode("span", _hoisted_2$f, [
                       vue.createElementVNode(
                         "span",
-                        _hoisted_3$a,
+                        _hoisted_3$b,
                         vue.toDisplayString(vue.unref(t)("plus.table.more")),
                         1
                         /* TEXT */
@@ -15433,9 +15433,9 @@
     }
   });
 
-  var PlusTableActionBar = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "table-action-bar.vue"]]);
+  var PlusTableActionBar = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "table-action-bar.vue"]]);
 
-  var _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusRender"
     },
@@ -15503,12 +15503,12 @@
     }
   });
 
-  var Render = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "index.vue"]]);
+  var Render = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "index.vue"]]);
 
   const PlusRender = Render;
 
-  const _hoisted_1$n = { class: "plus-date-picker__middle" };
-  var _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$o = { class: "plus-date-picker__middle" };
+  var _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusDatePicker"
     },
@@ -15613,7 +15613,7 @@
             }), null, 16, ["modelValue", "type", "value-format", "placeholder", "disabled"]),
             vue.createElementVNode(
               "span",
-              _hoisted_1$n,
+              _hoisted_1$o,
               vue.toDisplayString(_ctx.rangeSeparator),
               1
               /* TEXT */
@@ -15644,11 +15644,11 @@
     }
   });
 
-  var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "index.vue"]]);
+  var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "index.vue"]]);
 
   const PlusDatePicker = DatePicker;
 
-  var _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusInputTag"
     },
@@ -15785,7 +15785,7 @@
     }
   });
 
-  var InputTag = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "index.vue"]]);
+  var InputTag = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "index.vue"]]);
 
   const PlusInputTag = InputTag;
 
@@ -15878,9 +15878,9 @@
   );
   const getFieldComponent = (valueType) => Reflect.get(FieldComponentMap, valueType) || {};
 
-  const _hoisted_1$m = { class: "el-form-item__error" };
-  const _hoisted_2$d = { class: "plus-form-item__label" };
-  var _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$n = { class: "el-form-item__error" };
+  const _hoisted_2$e = { class: "plus-form-item__label" };
+  var _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusFormItem"
     },
@@ -16435,7 +16435,7 @@
           vue.unref(isFunction)(_ctx.renderErrorMessage) ? {
             name: "error",
             fn: vue.withCtx(({ error }) => [
-              vue.createElementVNode("div", _hoisted_1$m, [
+              vue.createElementVNode("div", _hoisted_1$n, [
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.renderErrorMessage), vue.mergeProps(props, {
                   value: state.value,
                   error,
@@ -16448,7 +16448,7 @@
           _ctx.hasLabel ? {
             name: "label",
             fn: vue.withCtx(({ label: currentLabel }) => [
-              vue.createElementVNode("span", _hoisted_2$d, [
+              vue.createElementVNode("span", _hoisted_2$e, [
                 _ctx.renderLabel && vue.unref(isFunction)(_ctx.renderLabel) ? (vue.openBlock(), vue.createElementBlock(
                   vue.Fragment,
                   { key: 0 },
@@ -16506,11 +16506,11 @@
     }
   });
 
-  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "index.vue"]]);
+  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "index.vue"]]);
 
   const PlusFormItem = FormItem;
 
-  var _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusCollapseTransition"
     },
@@ -16561,17 +16561,17 @@
     }
   });
 
-  var PlusCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "collapse-transition.vue"]]);
+  var PlusCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "collapse-transition.vue"]]);
 
-  const _hoisted_1$l = {
+  const _hoisted_1$m = {
     key: 0,
     class: "plus-form-item-previous"
   };
-  const _hoisted_2$c = {
+  const _hoisted_2$d = {
     key: 1,
     class: "plus-form-item-extra"
   };
-  var _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusFormContent"
     },
@@ -16636,7 +16636,7 @@
                         {
                           default: vue.withCtx(() => [
                             vue.createCommentVNode(" el-form-item\u4E0A\u4E00\u884C\u7684\u5185\u5BB9 "),
-                            item.renderPrevious || _ctx.$slots[vue.unref(getPreviousSlotName)(item.prop)] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
+                            item.renderPrevious || _ctx.$slots[vue.unref(getPreviousSlotName)(item.prop)] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
                               vue.unref(isFunction)(item.renderPrevious) ? (vue.openBlock(), vue.createBlock(
                                 vue.resolveDynamicComponent(item.renderPrevious),
                                 vue.normalizeProps(vue.mergeProps({ key: 0 }, item)),
@@ -16678,7 +16678,7 @@
                               } : void 0
                             ]), 1040, ["model-value", "clearable", "has-label", "onChange"]),
                             vue.createCommentVNode(" el-form-item \u4E0B\u4E00\u884C\u989D\u5916\u7684\u5185\u5BB9 "),
-                            item.renderExtra || _ctx.$slots[vue.unref(getExtraSlotName)(item.prop)] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, [
+                            item.renderExtra || _ctx.$slots[vue.unref(getExtraSlotName)(item.prop)] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, [
                               item.renderExtra && vue.unref(isFunction)(item.renderExtra) ? (vue.openBlock(), vue.createBlock(
                                 vue.resolveDynamicComponent(item.renderExtra),
                                 vue.normalizeProps(vue.mergeProps({ key: 0 }, item)),
@@ -16715,10 +16715,10 @@
     }
   });
 
-  var PlusFormContent = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "form-content.vue"]]);
+  var PlusFormContent = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "form-content.vue"]]);
 
-  const _hoisted_1$k = { class: "plus-form__group__item__icon" };
-  var _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$l = { class: "plus-form__group__item__icon" };
+  var _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusForm",
       inheritAttrs: false
@@ -16820,6 +16820,8 @@
             elementPlus.ElMessage.warning(message || t("plus.form.errorTip"));
           }
           emit("submitError", errors);
+        } finally {
+          isSubmitting.value = false;
         }
         return false;
       };
@@ -16880,7 +16882,7 @@
                           icon: groupItem.icon,
                           index
                         }, () => [
-                          vue.createElementVNode("div", _hoisted_1$k, [
+                          vue.createElementVNode("div", _hoisted_1$l, [
                             groupItem.icon ? (vue.openBlock(), vue.createBlock(
                               vue.unref(elementPlus.ElIcon),
                               { key: 0 },
@@ -17025,7 +17027,7 @@
     }
   });
 
-  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "index.vue"]]);
+  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "index.vue"]]);
 
   const PlusForm = Form;
 
@@ -17068,9 +17070,9 @@
   const hasDisplayComponent = (valueType) => Object.keys(DisplayComponentMap).includes(valueType);
   const getDisplayComponent = (valueType) => Reflect.get(DisplayComponentMap, valueType) || {};
 
-  const _hoisted_1$j = ["innerHTML"];
-  const _hoisted_2$b = { class: "plus-display-item" };
-  const _hoisted_3$9 = /* @__PURE__ */ vue.createElementVNode(
+  const _hoisted_1$k = ["innerHTML"];
+  const _hoisted_2$c = { class: "plus-display-item" };
+  const _hoisted_3$a = /* @__PURE__ */ vue.createElementVNode(
     "svg",
     {
       fill: "none",
@@ -17089,7 +17091,7 @@
     -1
     /* HOISTED */
   );
-  var _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusDisplayItem"
     },
@@ -17479,7 +17481,7 @@
                 vue.createElementVNode("span", {
                   class: "plus-display-item",
                   innerHTML: _ctx.column.renderHTML(displayValue.value, renderParams.value)
-                }, null, 8, _hoisted_1$j)
+                }, null, 8, _hoisted_1$k)
               ],
               2112
               /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -17585,7 +17587,7 @@
               { key: 5 },
               [
                 vue.createCommentVNode(" \u590D\u5236 "),
-                vue.createElementVNode("span", _hoisted_2$b, [
+                vue.createElementVNode("span", _hoisted_2$c, [
                   vue.createTextVNode(
                     vue.toDisplayString(formatterValue.value) + " ",
                     1
@@ -17711,7 +17713,7 @@
                 "pointer-events": "none"
               }, {
                 default: vue.withCtx(() => [
-                  _hoisted_3$9
+                  _hoisted_3$a
                 ]),
                 _: 1
                 /* STABLE */
@@ -17725,12 +17727,12 @@
     }
   });
 
-  var DisplayItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "index.vue"]]);
+  var DisplayItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "index.vue"]]);
 
   const PlusDisplayItem = DisplayItem;
 
-  const _hoisted_1$i = { class: "plus-table-column__header" };
-  var _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$j = { class: "plus-table-column__header" };
+  var _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusTableColumn"
     },
@@ -17820,7 +17822,7 @@
               "min-width": item.minWidth
             }), {
               header: vue.withCtx((scoped) => [
-                vue.createElementVNode("span", _hoisted_1$i, [
+                vue.createElementVNode("span", _hoisted_1$j, [
                   item.renderHeader && vue.unref(isFunction)(item.renderHeader) ? (vue.openBlock(), vue.createBlock(vue.unref(PlusRender), {
                     key: 0,
                     render: item.renderHeader,
@@ -17949,9 +17951,9 @@
     }
   });
 
-  var PlusTableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "table-column.vue"]]);
+  var PlusTableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "table-column.vue"]]);
 
-  var _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusTableTableColumnIndex"
     },
@@ -18025,10 +18027,10 @@
     }
   });
 
-  var PlusTableTableColumnIndex = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "table-column-index.vue"]]);
+  var PlusTableTableColumnIndex = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "table-column-index.vue"]]);
 
-  const _hoisted_1$h = { class: "plus-table-column-drag-icon" };
-  var _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$i = { class: "plus-table-column-drag-icon" };
+  var _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusTableColumnDragSort"
     },
@@ -18079,7 +18081,7 @@
           "class-name": "plus-table-column-drag-sort"
         }, _ctx.dragSortableTableColumnProps), {
           default: vue.withCtx(() => [
-            vue.createElementVNode("span", _hoisted_1$h, [
+            vue.createElementVNode("span", _hoisted_1$i, [
               vue.renderSlot(_ctx.$slots, "drag-sort-icon", {}, () => [
                 vue.createTextVNode("\u2637")
               ])
@@ -18092,13 +18094,13 @@
     }
   });
 
-  var PlusTableColumnDragSort = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "table-column-drag-sort.vue"]]);
+  var PlusTableColumnDragSort = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "table-column-drag-sort.vue"]]);
 
-  const _hoisted_1$g = {
+  const _hoisted_1$h = {
     key: 0,
     style: { "padding-top": "12px" }
   };
-  var _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusPopover"
     },
@@ -18134,6 +18136,7 @@
         isSubmitting.value = true;
         subVisible.value = false;
         emit("confirm");
+        isSubmitting.value = false;
       };
       const debouncedConfirm = debounce(doConfirm, 300, {
         leading: true,
@@ -18156,7 +18159,7 @@
           ]),
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default"),
-            _ctx.hasShowBottomButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
+            _ctx.hasShowBottomButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
               vue.createVNode(vue.unref(elementPlus.ElButton), {
                 size: "small",
                 plain: "",
@@ -18197,15 +18200,15 @@
     }
   });
 
-  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "index.vue"]]);
+  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "index.vue"]]);
 
   const PlusPopover = Popover;
 
-  const _hoisted_1$f = { class: "plus-table-title-bar" };
-  const _hoisted_2$a = { class: "plus-table-title-bar__title" };
-  const _hoisted_3$8 = { class: "plus-table-title-bar__toolbar" };
-  const _hoisted_4$6 = { class: "plus-table-title-bar__toolbar__density" };
-  const _hoisted_5$6 = /* @__PURE__ */ vue.createElementVNode(
+  const _hoisted_1$g = { class: "plus-table-title-bar" };
+  const _hoisted_2$b = { class: "plus-table-title-bar__title" };
+  const _hoisted_3$9 = { class: "plus-table-title-bar__toolbar" };
+  const _hoisted_4$7 = { class: "plus-table-title-bar__toolbar__density" };
+  const _hoisted_5$7 = /* @__PURE__ */ vue.createElementVNode(
     "svg",
     {
       viewBox: "0 0 1024 1024",
@@ -18220,14 +18223,14 @@
     -1
     /* HOISTED */
   );
-  const _hoisted_6$4 = { class: "plus-table-checkbox-checkAll" };
+  const _hoisted_6$5 = { class: "plus-table-checkbox-checkAll" };
   const _hoisted_7$4 = {
     key: 0,
     class: "plus-table-checkbox-handle"
   };
   const _hoisted_8$2 = { key: 1 };
   const _hoisted_9$2 = { key: 1 };
-  var _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusTableToolbar"
     },
@@ -18378,8 +18381,8 @@
       });
       return (_ctx, _cache) => {
         var _a, _b, _c;
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
-          vue.createElementVNode("div", _hoisted_2$a, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
+          vue.createElementVNode("div", _hoisted_2$b, [
             vue.renderSlot(_ctx.$slots, "title", {}, () => [
               vue.createTextVNode(
                 vue.toDisplayString(titleBarConfig.value.title),
@@ -18388,7 +18391,7 @@
               )
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_3$8, [
+          vue.createElementVNode("div", _hoisted_3$9, [
             vue.renderSlot(_ctx.$slots, "toolbar"),
             ((_a = titleBarConfig.value) == null ? void 0 : _a.refresh) === true ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
@@ -18441,7 +18444,7 @@
                         class: "plus-table-title-bar__toolbar__icon"
                       }, {
                         default: vue.withCtx(() => [
-                          _hoisted_5$6
+                          _hoisted_5$7
                         ]),
                         _: 1
                         /* STABLE */
@@ -18453,7 +18456,7 @@
                 }, 8, ["content"])
               ]),
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_4$6, [
+                vue.createElementVNode("div", _hoisted_4$7, [
                   (vue.openBlock(), vue.createElementBlock(
                     vue.Fragment,
                     null,
@@ -18520,7 +18523,7 @@
               default: vue.withCtx(() => {
                 var _a2, _b2, _c2;
                 return [
-                  vue.createElementVNode("div", _hoisted_6$4, [
+                  vue.createElementVNode("div", _hoisted_6$5, [
                     vue.createVNode(vue.unref(elementPlus.ElCheckbox), {
                       modelValue: state.checkAll,
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.checkAll = $event),
@@ -18680,10 +18683,10 @@
     }
   });
 
-  var PlusTableTitleBar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "table-title-bar.vue"]]);
+  var PlusTableTitleBar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "table-title-bar.vue"]]);
 
-  const _hoisted_1$e = { class: "plus-table-expand-col" };
-  var _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$f = { class: "plus-table-expand-col" };
+  var _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusTable",
       inheritAttrs: false
@@ -19036,7 +19039,7 @@
                     }, _ctx.expandTableColumnProps),
                     {
                       default: vue.withCtx((scoped) => [
-                        vue.createElementVNode("div", _hoisted_1$e, [
+                        vue.createElementVNode("div", _hoisted_1$f, [
                           vue.renderSlot(_ctx.$slots, "expand", vue.mergeProps({
                             index: scoped.$index
                           }, scoped))
@@ -19139,11 +19142,11 @@
     }
   });
 
-  var _Table = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "index.vue"]]);
+  var _Table = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "index.vue"]]);
 
   const PlusTable = _Table;
 
-  var _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusDescriptions"
     },
@@ -19351,11 +19354,11 @@
     }
   });
 
-  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "index.vue"]]);
+  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "index.vue"]]);
 
   const PlusDescriptions = Descriptions;
 
-  var _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusSearch"
     },
@@ -19576,11 +19579,11 @@
     }
   });
 
-  var Search = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "index.vue"]]);
+  var Search = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "index.vue"]]);
 
   const PlusSearch = Search;
 
-  var _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusDialogForm"
     },
@@ -19644,9 +19647,7 @@
           }
           emit("confirmError", errors);
         } finally {
-          setTimeout(() => {
-            isSubmitting.value = false;
-          }, 300);
+          isSubmitting.value = false;
         }
       };
       const debouncedConfirm = debounce(doConfirm, 300, {
@@ -19744,12 +19745,12 @@
     }
   });
 
-  var DialogForm = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "index.vue"]]);
+  var DialogForm = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "index.vue"]]);
 
   const PlusDialogForm = DialogForm;
 
-  const _hoisted_1$d = { class: "plus-drawer-form__footer" };
-  var _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$e = { class: "plus-drawer-form__footer" };
+  var _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusDrawerForm"
     },
@@ -19819,6 +19820,8 @@
             elementPlus.ElMessage.warning(message || t("plus.form.errorTip"));
           }
           emit("confirmError", errors);
+        } finally {
+          isSubmitting.value = false;
         }
       };
       const debouncedConfirm = debounce(doConfirm, 300, {
@@ -19902,7 +19905,7 @@
           _ctx.hasFooter ? {
             name: "footer",
             fn: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_1$d, [
+              vue.createElementVNode("div", _hoisted_1$e, [
                 vue.renderSlot(_ctx.$slots, "drawer-footer", vue.normalizeProps(vue.guardReactiveProps({ handleConfirm, handleCancel })), () => [
                   vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleCancel }, {
                     default: vue.withCtx(() => [
@@ -19940,12 +19943,12 @@
     }
   });
 
-  var DrawerForm = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "index.vue"]]);
+  var DrawerForm = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "index.vue"]]);
 
   const PlusDrawerForm = DrawerForm;
 
-  const _hoisted_1$c = { class: "plus-page" };
-  var _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$d = { class: "plus-page" };
+  var _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusPage"
     },
@@ -20102,7 +20105,7 @@
         setTableData
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
           _ctx.search ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderWrapper().search), { key: 0 }, {
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(PlusSearch), vue.mergeProps({
@@ -20226,11 +20229,11 @@
     }
   });
 
-  var Page = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "index.vue"]]);
+  var Page = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "index.vue"]]);
 
   const PlusPage = Page;
 
-  var _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusStepsForm"
     },
@@ -20371,11 +20374,11 @@
     }
   });
 
-  var StepsForm = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "index.vue"]]);
+  var StepsForm = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "index.vue"]]);
 
   const PlusStepsForm = StepsForm;
 
-  var _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusBreadcrumb"
     },
@@ -20465,13 +20468,13 @@
     }
   });
 
-  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "index.vue"]]);
+  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "index.vue"]]);
 
   const PlusBreadcrumb = Breadcrumb;
 
-  const _hoisted_1$b = { class: "plus-sidebar__item-title" };
-  const _hoisted_2$9 = { class: "plus-sidebar__item-title" };
-  var _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$c = { class: "plus-sidebar__item-title" };
+  const _hoisted_2$a = { class: "plus-sidebar__item-title" };
+  var _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusSidebarItem",
       inheritAttrs: false
@@ -20536,7 +20539,7 @@
               title: vue.withCtx(() => {
                 var _a2;
                 return [
-                  vue.createElementVNode("span", _hoisted_1$b, [
+                  vue.createElementVNode("span", _hoisted_1$c, [
                     _ctx.renderTitle && vue.unref(isFunction)(_ctx.renderTitle) ? (vue.openBlock(), vue.createBlock(
                       vue.resolveDynamicComponent(_ctx.renderTitle),
                       vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(removeChildrenField)(_ctx.item))),
@@ -20651,7 +20654,7 @@
                         _: 1
                         /* STABLE */
                       })) : vue.createCommentVNode("v-if", true),
-                      vue.createElementVNode("span", _hoisted_2$9, [
+                      vue.createElementVNode("span", _hoisted_2$a, [
                         _ctx.renderTitle && vue.unref(isFunction)(_ctx.renderTitle) ? (vue.openBlock(), vue.createBlock(
                           vue.resolveDynamicComponent(_ctx.renderTitle),
                           vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(removeChildrenField)(_ctx.item))),
@@ -20743,9 +20746,9 @@
     }
   });
 
-  var SidebarItem = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "sidebar-item.vue"]]);
+  var SidebarItem = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "sidebar-item.vue"]]);
 
-  var _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusSidebar"
     },
@@ -20911,33 +20914,33 @@
     }
   });
 
-  var Sidebar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "index.vue"]]);
+  var Sidebar = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "index.vue"]]);
 
   const PlusSidebar = Sidebar;
   const PlusSidebarItem = SidebarItem;
 
-  const _hoisted_1$a = { class: "plus-header__left" };
-  const _hoisted_2$8 = ["src"];
-  const _hoisted_3$7 = {
+  const _hoisted_1$b = { class: "plus-header__left" };
+  const _hoisted_2$9 = ["src"];
+  const _hoisted_3$8 = {
     key: 1,
     class: "plus-header__title"
   };
-  const _hoisted_4$5 = /* @__PURE__ */ vue.createElementVNode(
+  const _hoisted_4$6 = /* @__PURE__ */ vue.createElementVNode(
     "div",
     { class: "plus-header__placeholder" },
     null,
     -1
     /* HOISTED */
   );
-  const _hoisted_5$5 = { class: "plus-header__right" };
-  const _hoisted_6$3 = { class: "plus-header__dropdown-area" };
+  const _hoisted_5$6 = { class: "plus-header__right" };
+  const _hoisted_6$4 = { class: "plus-header__dropdown-area" };
   const _hoisted_7$3 = ["src"];
   const _hoisted_8$1 = { class: "plus-header__username" };
   const _hoisted_9$1 = {
     key: 0,
     class: "plus-header-placeholder"
   };
-  var _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusHeader"
     },
@@ -20975,7 +20978,7 @@
               class: vue.normalizeClass(["plus-header", { "is-fixed": _ctx.fixed }])
             }, {
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_1$a, [
+                vue.createElementVNode("div", _hoisted_1$b, [
                   _ctx.renderHeaderLeft && vue.unref(isFunction)(_ctx.renderHeaderLeft) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.renderHeaderLeft), {
                     key: 0,
                     logo: _ctx.logo,
@@ -20993,10 +20996,10 @@
                         src: _ctx.logo,
                         alt: "",
                         class: "plus-header__logo"
-                      }, null, 8, _hoisted_2$8)) : vue.createCommentVNode("v-if", true),
+                      }, null, 8, _hoisted_2$9)) : vue.createCommentVNode("v-if", true),
                       _ctx.title ? (vue.openBlock(), vue.createElementBlock(
                         "h2",
-                        _hoisted_3$7,
+                        _hoisted_3$8,
                         vue.toDisplayString(_ctx.title),
                         1
                         /* TEXT */
@@ -21006,8 +21009,8 @@
                     /* STABLE_FRAGMENT */
                   ))
                 ]),
-                _hoisted_4$5,
-                vue.createElementVNode("div", _hoisted_5$5, [
+                _hoisted_4$6,
+                vue.createElementVNode("div", _hoisted_5$6, [
                   _ctx.renderHeaderRight && vue.unref(isFunction)(_ctx.renderHeaderRight) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.renderHeaderRight), {
                     key: 0,
                     "user-info": _ctx.userInfo,
@@ -21066,7 +21069,7 @@
                       })
                     ]),
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("span", _hoisted_6$3, [
+                      vue.createElementVNode("span", _hoisted_6$4, [
                         vue.createCommentVNode(" avatar "),
                         _ctx.userInfo.avatar ? (vue.openBlock(), vue.createElementBlock("img", {
                           key: 0,
@@ -21118,16 +21121,16 @@
     }
   });
 
-  var Header = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "index.vue"]]);
+  var Header = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "index.vue"]]);
 
   const PlusHeader = Header;
 
-  const _hoisted_1$9 = { class: "plus-layout-main" };
-  const _hoisted_2$7 = {
+  const _hoisted_1$a = { class: "plus-layout-main" };
+  const _hoisted_2$8 = {
     key: 0,
     class: "plus-layout-extra"
   };
-  var _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusLayout"
     },
@@ -21246,9 +21249,9 @@
                   } : void 0
                 ]), 1040, ["collapse"])) : vue.createCommentVNode("v-if", true),
                 vue.createCommentVNode(" \u4E3B\u5185\u5BB9 "),
-                vue.createElementVNode("main", _hoisted_1$9, [
+                vue.createElementVNode("main", _hoisted_1$a, [
                   vue.createCommentVNode(" \u9762\u5305\u5C51\u4E0A\u65B9 "),
-                  _ctx.$slots["layout-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
+                  _ctx.$slots["layout-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
                     vue.renderSlot(_ctx.$slots, "layout-extra")
                   ])) : vue.createCommentVNode("v-if", true),
                   vue.createCommentVNode(" \u9762\u5305\u5C51 "),
@@ -21321,22 +21324,22 @@
     }
   });
 
-  var Layout = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "index.vue"]]);
+  var Layout = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "index.vue"]]);
 
   const PlusLayout = Layout;
 
-  const _hoisted_1$8 = { class: "plus-check-card__avatar-wrapper" };
-  const _hoisted_2$6 = { class: "plus-check-card__right-content" };
-  const _hoisted_3$6 = {
+  const _hoisted_1$9 = { class: "plus-check-card__avatar-wrapper" };
+  const _hoisted_2$7 = { class: "plus-check-card__right-content" };
+  const _hoisted_3$7 = {
     key: 0,
     class: "plus-check-card__title"
   };
-  const _hoisted_4$4 = { class: "plus-check-card__title-left" };
-  const _hoisted_5$4 = {
+  const _hoisted_4$5 = { class: "plus-check-card__title-left" };
+  const _hoisted_5$5 = {
     key: 1,
     class: "plus-check-card__description"
   };
-  var _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusCheckCard"
     },
@@ -21391,7 +21394,7 @@
             onClick: handleClick
           },
           [
-            vue.createElementVNode("div", _hoisted_1$8, [
+            vue.createElementVNode("div", _hoisted_1$9, [
               vue.unref(isFunction)(_ctx.avatar) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.avatar), {
                 key: 0,
                 avatar: _ctx.avatar,
@@ -21407,9 +21410,9 @@
                 src: _ctx.avatar
               }, _ctx.avatarProps), null, 16, ["src"])) : vue.createCommentVNode("v-if", true)
             ]),
-            vue.createElementVNode("div", _hoisted_2$6, [
-              _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, [
-                vue.createElementVNode("div", _hoisted_4$4, [
+            vue.createElementVNode("div", _hoisted_2$7, [
+              _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
+                vue.createElementVNode("div", _hoisted_4$5, [
                   vue.unref(isFunction)(_ctx.title) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.title), {
                     key: 0,
                     avatar: _ctx.avatar,
@@ -21451,7 +21454,7 @@
                   }) : vue.createCommentVNode("v-if", true)
                 ])
               ])) : vue.createCommentVNode("v-if", true),
-              _ctx.description || _ctx.$slots.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [
+              _ctx.description || _ctx.$slots.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [
                 vue.unref(isFunction)(_ctx.description) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.description), {
                   key: 0,
                   title: _ctx.title,
@@ -21485,12 +21488,12 @@
     }
   });
 
-  var CheckCard = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "index.vue"]]);
+  var CheckCard = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "index.vue"]]);
 
   const PlusCheckCard = CheckCard;
 
-  const _hoisted_1$7 = { class: "plus-check-card-group" };
-  var _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$8 = { class: "plus-check-card-group" };
+  var _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "PlusCheckCardGroup"
     },
@@ -21544,7 +21547,7 @@
         emit("extra", item);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
           (vue.openBlock(true), vue.createElementBlock(
             vue.Fragment,
             null,
@@ -21603,7 +21606,7 @@
     }
   });
 
-  var CheckCardGroup = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "index.vue"]]);
+  var CheckCardGroup = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "index.vue"]]);
 
   const PlusCheckCardGroup = CheckCardGroup;
 
@@ -30868,7 +30871,7 @@
     }
   };
 
-  var _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "YcConfigProvider"
     },
@@ -30914,7 +30917,7 @@
     }
   });
 
-  var ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "index.vue"]]);
+  var ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "index.vue"]]);
 
   function useYcConfig() {
     const config = vue.inject(YC_CONFIG_KEY, DEFAULT_YC_CONFIG);
@@ -30966,8 +30969,8 @@
 
   const YcConfigProvider = l(ConfigProvider);
 
-  const _hoisted_1$6 = ["src"];
-  var _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$7 = ["src"];
+  var _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "YcSvgIcon",
       inheritAttrs: false
@@ -31014,7 +31017,7 @@
                 opacity: _ctx.opacity
               },
               alt: ""
-            }), null, 16, _hoisted_1$6)) : (vue.openBlock(), vue.createElementBlock(
+            }), null, 16, _hoisted_1$7)) : (vue.openBlock(), vue.createElementBlock(
               vue.Fragment,
               { key: 1 },
               [
@@ -31048,7 +31051,565 @@
     }
   });
 
-  var YcSvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-34e1f2f7"], ["__file", "index.vue"]]);
+  var YcSvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-34e1f2f7"], ["__file", "index.vue"]]);
+
+  const OPERATOR_CATALOG = {
+    string: ["=", "!=", "like", "not like", "in", "not in"],
+    number: ["=", "!=", ">", ">=", "<", "<=", "in", "not in", "between"],
+    date: ["=", ">", ">=", "<", "<=", "between"],
+    boolean: ["is true", "is false", "is null", "is not null"],
+    nullable: ["is null", "is not null"],
+    json: ["contains", "not contains", "is null", "is not null"]
+  };
+  const OPERATOR_LABELS = {
+    // 通用
+    "=": "\u7B49\u4E8E",
+    "!=": "\u4E0D\u7B49\u4E8E",
+    ">": "\u5927\u4E8E",
+    ">=": "\u5927\u4E8E\u7B49\u4E8E",
+    "<": "\u5C0F\u4E8E",
+    "<=": "\u5C0F\u4E8E\u7B49\u4E8E",
+    like: "\u5305\u542B",
+    "not like": "\u4E0D\u5305\u542B",
+    in: "\u5C5E\u4E8E",
+    "not in": "\u4E0D\u5C5E\u4E8E",
+    between: "\u4ECB\u4E8E",
+    "is null": "\u4E3A\u7A7A",
+    "is not null": "\u4E0D\u4E3A\u7A7A",
+    // 布尔专用
+    "is true": "\u4E3A\u771F",
+    "is false": "\u4E3A\u5047",
+    // JSON 专用
+    contains: "\u5305\u542B\u952E\u503C",
+    "not contains": "\u4E0D\u5305\u542B\u952E\u503C"
+  };
+  const NO_VALUE_OPERATORS = [
+    "empty",
+    "not_empty",
+    "is null",
+    "is not null",
+    "is true",
+    "is false"
+  ];
+  const DEFAULT_OPERATORS = [{ label: OPERATOR_LABELS["="] || "=", code: "=" }];
+
+  function useHeaderFilter(options = {}) {
+    const { headerFilterConfig: headerFilterConfigOption, hideHeaderFilter: hideHeaderFilterOption } = options;
+    const getHeaderFilterConfig = () => {
+      return typeof headerFilterConfigOption === "function" ? headerFilterConfigOption() : headerFilterConfigOption;
+    };
+    const getHideHeaderFilter = () => {
+      return typeof hideHeaderFilterOption === "function" ? hideHeaderFilterOption() : hideHeaderFilterOption;
+    };
+    const isEnabled = vue.computed(() => {
+      const hideHeaderFilter = getHideHeaderFilter();
+      const headerFilterConfig = getHeaderFilterConfig();
+      if (hideHeaderFilter === true) return false;
+      if (typeof headerFilterConfig === "boolean") return headerFilterConfig;
+      if (headerFilterConfig && typeof headerFilterConfig === "object") {
+        return headerFilterConfig.enabled !== false;
+      }
+      return false;
+    });
+    const operatorCatalogState = vue.computed(() => {
+      const headerFilterConfig = getHeaderFilterConfig();
+      if (typeof headerFilterConfig === "object" && (headerFilterConfig == null ? void 0 : headerFilterConfig.operatorCatalog)) {
+        return headerFilterConfig.operatorCatalog;
+      }
+      return {};
+    });
+    const fieldCatalogState = vue.computed(() => {
+      const headerFilterConfig = getHeaderFilterConfig();
+      if (typeof headerFilterConfig === "object" && (headerFilterConfig == null ? void 0 : headerFilterConfig.fieldCatalog)) {
+        return headerFilterConfig.fieldCatalog;
+      }
+      return {};
+    });
+    const headerFiltersState = vue.reactive({
+      logic: "and",
+      filters: []
+    });
+    const initConfig = getHeaderFilterConfig();
+    const orderByState = vue.reactive(
+      typeof initConfig === "object" && (initConfig == null ? void 0 : initConfig.defaultOrderBy) || []
+    );
+    const updateCatalogs = (_operatorCatalog, _fieldCatalog) => {
+    };
+    const findTypeByProp = (prop) => {
+      const p = String(prop || "");
+      const catalog = fieldCatalogState.value || {};
+      for (const [key, val] of Object.entries(catalog)) {
+        if (key === p || String((val == null ? void 0 : val.allowedField) || "") === p) {
+          const t = String((val == null ? void 0 : val.type) || "").toLowerCase();
+          return t || void 0;
+        }
+      }
+      return void 0;
+    };
+    const isFieldFilterable = (prop) => {
+      const p = String(prop || "");
+      const catalog = fieldCatalogState.value || {};
+      for (const [, val] of Object.entries(catalog)) {
+        if (String((val == null ? void 0 : val.allowedField) || "") === p) {
+          return (val == null ? void 0 : val.filter) === true;
+        }
+      }
+      return true;
+    };
+    const isFieldVisible = (prop) => {
+      const p = String(prop || "");
+      const catalog = fieldCatalogState.value || {};
+      for (const [, val] of Object.entries(catalog)) {
+        const allowedField = String((val == null ? void 0 : val.allowedField) || "");
+        if (allowedField === p) {
+          return (val == null ? void 0 : val.nullable) !== false;
+        }
+      }
+      return true;
+    };
+    const getOpsByProp = (prop) => {
+      const typeKey = findTypeByProp(prop);
+      const source = operatorCatalogState.value[String(typeKey || "")] || OPERATOR_CATALOG[String(typeKey || "")];
+      if (Array.isArray(source) && source.length) {
+        return source.map((s) => {
+          var _a;
+          return { label: (_a = OPERATOR_LABELS[s]) != null ? _a : s, code: s };
+        });
+      }
+      return DEFAULT_OPERATORS;
+    };
+    const mapOp = (op) => {
+      if (op === "eq") return "=";
+      if (op === "neq") return "!=";
+      return op;
+    };
+    const upsertHeaderFilter = (field, op, value) => {
+      const idx = headerFiltersState.filters.findIndex((i) => i.field === field);
+      const next = {
+        field,
+        op: mapOp(op),
+        value: value != null ? String(value) : void 0
+      };
+      if (op === "empty" || op === "not_empty" || op === "is null" || op === "is not null" || op === "is true" || op === "is false") {
+        delete next.value;
+      }
+      if (idx >= 0) {
+        headerFiltersState.filters.splice(idx, 1, next);
+      } else {
+        headerFiltersState.filters.push(next);
+      }
+    };
+    const removeHeaderFilter = (field) => {
+      const idx = headerFiltersState.filters.findIndex((i) => i.field === field);
+      if (idx >= 0) {
+        headerFiltersState.filters.splice(idx, 1);
+      }
+    };
+    const setOrderBy = (field, direction) => {
+      const idx = orderByState.findIndex((i) => i.field === field);
+      if (!direction) {
+        if (idx >= 0) orderByState.splice(idx, 1);
+        return;
+      }
+      const next = { field, direction };
+      if (idx >= 0) {
+        orderByState.splice(idx, 1, next);
+      } else {
+        orderByState.push(next);
+      }
+    };
+    const getMergedQuery = (baseQuery) => {
+      let mergedFilters = baseQuery.filters;
+      if (headerFiltersState.filters.length > 0) {
+        const baseFilters = baseQuery.filters;
+        if (baseFilters && typeof baseFilters === "object" && Array.isArray(baseFilters.filters)) {
+          mergedFilters = {
+            logic: baseFilters.logic || "and",
+            filters: [
+              ...baseFilters.filters,
+              ...headerFiltersState.filters
+            ]
+          };
+        } else {
+          mergedFilters = {
+            logic: headerFiltersState.logic,
+            filters: [...headerFiltersState.filters]
+          };
+        }
+      }
+      const mergedOrderBy = orderByState.length > 0 ? [...orderByState] : baseQuery.order_by;
+      return {
+        ...baseQuery,
+        filters: mergedFilters,
+        order_by: mergedOrderBy
+      };
+    };
+    return {
+      isEnabled,
+      headerFiltersState,
+      orderByState,
+      operatorCatalogState,
+      fieldCatalogState,
+      upsertHeaderFilter,
+      removeHeaderFilter,
+      setOrderBy,
+      getOpsByProp,
+      getMergedQuery,
+      updateCatalogs,
+      isFieldFilterable,
+      isFieldVisible
+    };
+  }
+
+  const _hoisted_1$6 = {
+    class: "yc-header-filter-cell__sort",
+    style: {
+      display: "inline-flex",
+      flexDirection: "column",
+      alignItems: "center",
+      lineHeight: 1
+    }
+  };
+  const _hoisted_2$6 = {
+    class: "yc-header-filter-cell__content",
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      padding: "8px",
+      minWidth: "180px",
+      gap: "6px"
+    }
+  };
+  const _hoisted_3$6 = { class: "yc-header-filter-cell__operators" };
+  const _hoisted_4$4 = ["onClick"];
+  const _hoisted_5$4 = { key: 0 };
+  const _hoisted_6$3 = {
+    class: "yc-header-filter-cell__actions",
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      marginTop: "6px"
+    }
+  };
+  var _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "YcTableHeaderFilterCell"
+    },
+    __name: "header-filter-cell",
+    props: {
+      label: {},
+      column: {},
+      operators: { default: () => [] },
+      filters: { default: () => [] },
+      orderBy: { default: () => [] },
+      disableFilter: { type: Boolean, default: false },
+      referenceRenderer: { type: Function, default: void 0 }
+    },
+    emits: ["confirm", "reset", "sortChange"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const state = vue.reactive({
+        selectedOp: "=",
+        inputVal: ""
+      });
+      const popVisible = vue.ref(false);
+      const wrapperElRef = vue.ref(null);
+      const operatorsList = vue.computed(() => props.operators);
+      vue.watch(
+        operatorsList,
+        (list) => {
+          var _a;
+          const firstCode = (_a = list == null ? void 0 : list[0]) == null ? void 0 : _a.code;
+          if (!Array.isArray(list)) return;
+          if (!list.some((op) => op.code === state.selectedOp)) {
+            state.selectedOp = firstCode != null ? firstCode : "=";
+          }
+        },
+        { immediate: true }
+      );
+      const fieldRef = vue.computed(() => {
+        var _a;
+        return String(((_a = props.column) == null ? void 0 : _a.prop) || "");
+      });
+      const isActive = vue.computed(() => {
+        var _a, _b;
+        const field = fieldRef.value;
+        return (_b = (_a = props.filters) == null ? void 0 : _a.some((i) => String(i.field) === field)) != null ? _b : false;
+      });
+      const isAscActive = vue.computed(
+        () => {
+          var _a;
+          return (_a = props.orderBy) == null ? void 0 : _a.some((i) => i.field === fieldRef.value && i.direction === "asc");
+        }
+      );
+      const isDescActive = vue.computed(
+        () => {
+          var _a;
+          return (_a = props.orderBy) == null ? void 0 : _a.some((i) => i.field === fieldRef.value && i.direction === "desc");
+        }
+      );
+      const onDocPointerOrClick = (e) => {
+        if (!popVisible.value) return;
+        const target = e.target;
+        const wrapper = wrapperElRef.value;
+        if (target && ((wrapper == null ? void 0 : wrapper.contains(target)) || target.closest(".yc-header-filter-pop"))) return;
+        popVisible.value = false;
+      };
+      vue.onMounted(() => {
+        window.addEventListener("pointerdown", onDocPointerOrClick, true);
+        window.addEventListener("click", onDocPointerOrClick, true);
+      });
+      vue.onBeforeUnmount(() => {
+        window.removeEventListener("pointerdown", onDocPointerOrClick, true);
+        window.removeEventListener("click", onDocPointerOrClick, true);
+      });
+      const handleSelect = (op) => {
+        state.selectedOp = op.code;
+      };
+      const handleReset = () => {
+        state.inputVal = "";
+        emit("reset", { column: props.column, op: state.selectedOp });
+        popVisible.value = false;
+      };
+      const handleConfirm = () => {
+        emit("confirm", {
+          column: props.column,
+          op: state.selectedOp,
+          value: state.inputVal
+        });
+        popVisible.value = false;
+      };
+      const toggleAsc = () => {
+        const field = fieldRef.value;
+        emit("sortChange", { field, direction: isAscActive.value ? void 0 : "asc" });
+      };
+      const toggleDesc = () => {
+        const field = fieldRef.value;
+        emit("sortChange", { field, direction: isDescActive.value ? void 0 : "desc" });
+      };
+      const cycleSort = () => {
+        const field = fieldRef.value;
+        if (!field) return;
+        if (isDescActive.value) {
+          emit("sortChange", { field, direction: "asc" });
+        } else if (isAscActive.value) {
+          emit("sortChange", { field, direction: void 0 });
+        } else {
+          emit("sortChange", { field, direction: "desc" });
+        }
+      };
+      const needValueInput = vue.computed(() => {
+        return !NO_VALUE_OPERATORS.includes(state.selectedOp);
+      });
+      const renderValueField = () => {
+        var _a, _b, _c, _d, _e;
+        if (!needValueInput.value) return null;
+        const vt = String(((_a = props.column) == null ? void 0 : _a.valueType) || "").toLowerCase();
+        const fp = ((_b = props.column) == null ? void 0 : _b.fieldProps) || {};
+        if (vt === "time-picker") {
+          return vue.h(elementPlus.ElTimePicker, {
+            ...fp,
+            format: (_c = fp == null ? void 0 : fp.format) != null ? _c : "HH:mm:ss",
+            valueFormat: (_d = fp == null ? void 0 : fp.valueFormat) != null ? _d : "HH:mm:ss",
+            modelValue: state.inputVal,
+            "onUpdate:modelValue": (v) => state.inputVal = String(v != null ? v : ""),
+            style: "margin-top: 4px; width: 100%"
+          });
+        }
+        if (vt === "time-select") {
+          return vue.h(elementPlus.ElTimeSelect, {
+            ...fp,
+            modelValue: state.inputVal,
+            "onUpdate:modelValue": (v) => {
+              const raw = String(v != null ? v : "");
+              const nv = raw && /^\d{2}:\d{2}$/.test(raw) ? `${raw}:00` : raw;
+              state.inputVal = nv;
+            },
+            style: "margin-top: 4px; width: 100%"
+          });
+        }
+        if (vt === "date-picker") {
+          return vue.h(elementPlus.ElDatePicker, {
+            ...fp,
+            valueFormat: (_e = fp == null ? void 0 : fp.valueFormat) != null ? _e : "YYYY-MM-DD HH:mm:ss",
+            modelValue: state.inputVal,
+            "onUpdate:modelValue": (v) => {
+              const nv = Array.isArray(v) ? v.join(",") : String(v != null ? v : "");
+              state.inputVal = nv;
+            },
+            style: "margin-top: 4px; width: 100%"
+          });
+        }
+        return vue.h(elementPlus.ElInput, {
+          modelValue: state.inputVal,
+          "onUpdate:modelValue": (v) => state.inputVal = v,
+          placeholder: "",
+          style: "margin-top: 4px; width: 100%"
+        });
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            ref_key: "wrapperElRef",
+            ref: wrapperElRef,
+            class: "yc-header-filter-cell",
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: "6px",
+              cursor: "default"
+            }
+          },
+          [
+            vue.createCommentVNode(" \u6807\u7B7E\u5185\u5BB9 "),
+            vue.createElementVNode("span", {
+              class: "yc-header-filter-cell__label",
+              style: {
+                userSelect: "none",
+                cursor: "pointer"
+              },
+              onClick: vue.withModifiers(cycleSort, ["stop"])
+            }, [
+              _ctx.referenceRenderer ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.referenceRenderer), { key: 0 })) : (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 1 },
+                [
+                  vue.createTextVNode(
+                    vue.toDisplayString(_ctx.label),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              ))
+            ]),
+            vue.createCommentVNode(" \u6392\u5E8F\u56FE\u6807 "),
+            vue.createElementVNode("span", _hoisted_1$6, [
+              vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                size: 12,
+                color: isAscActive.value ? "var(--el-color-primary)" : "var(--el-text-color-secondary)",
+                style: { cursor: "pointer" },
+                onClick: vue.withModifiers(toggleAsc, ["stop"])
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(caret_top_default))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["color"]),
+              vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                size: 12,
+                color: isDescActive.value ? "var(--el-color-primary)" : "var(--el-text-color-secondary)",
+                style: { cursor: "pointer", marginTop: "-5px" },
+                onClick: vue.withModifiers(toggleDesc, ["stop"])
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(caret_bottom_default))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["color"])
+            ]),
+            vue.createCommentVNode(" \u7B5B\u9009\u56FE\u6807\u548C\u5F39\u7A97 "),
+            !_ctx.disableFilter ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPopover), {
+              key: 0,
+              trigger: "click",
+              placement: "bottom-start",
+              width: 220,
+              visible: popVisible.value,
+              "popper-class": "yc-header-filter-pop",
+              "popper-style": { zIndex: 4e3 }
+            }, {
+              reference: vue.withCtx(() => [
+                vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                  size: 16,
+                  color: isActive.value ? "var(--el-color-primary)" : "var(--el-text-color-secondary)",
+                  style: { cursor: "pointer" },
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => popVisible.value = !popVisible.value, ["stop"]))
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(filter_default))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["color"])
+              ]),
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_2$6, [
+                  vue.createCommentVNode(" \u64CD\u4F5C\u7B26\u5217\u8868 "),
+                  vue.createElementVNode("div", _hoisted_3$6, [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(operatorsList.value, (op) => {
+                        return vue.openBlock(), vue.createElementBlock("div", {
+                          key: op.code,
+                          class: "yc-header-filter-cell__operator-item",
+                          style: vue.normalizeStyle({
+                            display: "flex",
+                            justifyContent: "space-between",
+                            alignItems: "center",
+                            padding: "6px 8px",
+                            borderRadius: "4px",
+                            background: state.selectedOp === op.code ? "var(--el-color-primary-light-9)" : "transparent",
+                            color: state.selectedOp === op.code ? "var(--el-color-primary)" : "inherit",
+                            cursor: "pointer"
+                          }),
+                          onClick: ($event) => handleSelect(op)
+                        }, [
+                          vue.createElementVNode(
+                            "span",
+                            null,
+                            vue.toDisplayString(op.label),
+                            1
+                            /* TEXT */
+                          ),
+                          state.selectedOp === op.code ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$4, "\u2713")) : vue.createCommentVNode("v-if", true)
+                        ], 12, _hoisted_4$4);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]),
+                  vue.createCommentVNode(" \u503C\u8F93\u5165 "),
+                  needValueInput.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderValueField), { key: 0 })) : vue.createCommentVNode("v-if", true),
+                  vue.createCommentVNode(" \u64CD\u4F5C\u6309\u94AE "),
+                  vue.createElementVNode("div", _hoisted_6$3, [
+                    vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleReset }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("\u91CD\u7F6E")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    vue.createVNode(vue.unref(elementPlus.ElButton), {
+                      type: "primary",
+                      onClick: handleConfirm
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("\u786E\u5B9A")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["visible"])) : vue.createCommentVNode("v-if", true)
+          ],
+          512
+          /* NEED_PATCH */
+        );
+      };
+    }
+  });
+
+  var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-87ce6807"], ["__file", "header-filter-cell.vue"]]);
 
   const DEFAULT_PAGE_SIZE = 20;
   var _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
@@ -31071,10 +31632,14 @@
         defaultPageSize: 20
       }) },
       hideColumnSettingsIcon: { type: Boolean, default: false },
-      showSearch: { type: Boolean, default: void 0 }
+      showSearch: { type: Boolean, default: void 0 },
+      headerFilter: { type: [Object, Boolean], default: false },
+      hideHeaderFilter: { type: Boolean, default: true }
     },
-    setup(__props, { expose: __expose }) {
+    emits: ["header-filter-confirm", "header-filter-reset"],
+    setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const globalShowPageSearch = useYcShowPageSearch();
       const { getCdnUrl } = useYcCdnUrl();
       const plusPageConfig = useYcComponentConfig("plusPage");
@@ -31100,6 +31665,102 @@
           });
         });
       };
+      const {
+        isEnabled: isHeaderFilterEnabled,
+        headerFiltersState,
+        orderByState,
+        operatorCatalogState,
+        fieldCatalogState,
+        upsertHeaderFilter,
+        removeHeaderFilter,
+        setOrderBy,
+        getOpsByProp,
+        getMergedQuery,
+        updateCatalogs,
+        isFieldFilterable
+        // isFieldVisible 已在 enhancedColumns 中直接使用 fieldCatalogState 实现
+      } = useHeaderFilter({
+        headerFilterConfig: () => props.headerFilter,
+        hideHeaderFilter: () => props.hideHeaderFilter,
+        onRefresh: () => {
+          var _a, _b;
+          (_b = (_a = plusPageRef.value) == null ? void 0 : _a.getList) == null ? void 0 : _b.call(_a);
+        }
+      });
+      const refreshList = () => {
+        var _a, _b;
+        (_b = (_a = plusPageRef.value) == null ? void 0 : _a.getList) == null ? void 0 : _b.call(_a);
+      };
+      const handleFilterConfirm = (payload) => {
+        var _a;
+        const field = String(((_a = payload.column) == null ? void 0 : _a.prop) || "");
+        upsertHeaderFilter(field, payload.op, payload.value);
+        refreshList();
+        emit("header-filter-confirm", payload);
+      };
+      const handleFilterReset = (payload) => {
+        var _a;
+        const field = String(((_a = payload.column) == null ? void 0 : _a.prop) || "");
+        removeHeaderFilter(field);
+        refreshList();
+        emit("header-filter-reset", payload);
+      };
+      const handleSortChange = (payload) => {
+        setOrderBy(payload.field, payload.direction);
+        refreshList();
+      };
+      const enhancedColumns = vue.computed(() => {
+        const cols = props.columns || [];
+        if (!cols.length) return cols;
+        const isEnabled = isHeaderFilterEnabled.value;
+        const catalog = fieldCatalogState.value;
+        const visibleCols = isEnabled && catalog && Object.keys(catalog).length > 0 ? cols.filter((col) => {
+          const prop = String(col.prop || "");
+          const fieldConfig = Object.values(catalog).find(
+            (val) => String((val == null ? void 0 : val.allowedField) || "") === prop
+          );
+          return (fieldConfig == null ? void 0 : fieldConfig.nullable) !== false;
+        }) : cols;
+        if (!isEnabled) return visibleCols;
+        return visibleCols.map((col) => {
+          const colHideFilter = col.hideHeaderFilter === true;
+          const fieldFilterable = isFieldFilterable(col.prop);
+          if (colHideFilter || !fieldFilterable) {
+            return col;
+          }
+          const operators = getOpsByProp(col.prop);
+          const FILTER_ICON_WIDTH = 24;
+          const SORT_ICON_WIDTH = 16;
+          const EXTRA_WIDTH = FILTER_ICON_WIDTH + SORT_ICON_WIDTH;
+          const originalWidth = col.width || col.minWidth;
+          let adjustedWidth = originalWidth;
+          if (typeof originalWidth === "number") {
+            adjustedWidth = originalWidth + EXTRA_WIDTH;
+          } else if (typeof originalWidth === "string") {
+            const numWidth = parseInt(originalWidth, 10);
+            if (!isNaN(numWidth)) {
+              adjustedWidth = numWidth + EXTRA_WIDTH;
+            }
+          }
+          return {
+            ...col,
+            // 如果有原始宽度，增加图标宽度；否则设置最小宽度
+            ...originalWidth ? { width: adjustedWidth } : { minWidth: 120 },
+            renderHeader: (label) => {
+              return vue.h(YcTableHeaderFilterCellComponent, {
+                label,
+                column: col,
+                operators,
+                filters: headerFiltersState.filters,
+                orderBy: orderByState,
+                onConfirm: handleFilterConfirm,
+                onReset: handleFilterReset,
+                onSortChange: handleSortChange
+              });
+            }
+          };
+        });
+      });
       const showSearch = vue.computed(() => {
         if (props.showSearch !== void 0) {
           return props.showSearch;
@@ -31261,13 +31922,16 @@
         return async (query) => {
           var _a;
           const finalPageSize = (query == null ? void 0 : query.pageSize) && query.pageSize > 0 ? query.pageSize : DEFAULT_PAGE_SIZE;
-          const queryWithDefaults = {
+          const baseQuery = {
             ...query,
             page: (query == null ? void 0 : query.page) || 1,
-            // 确保 pageSize 使用我们计算的值
             pageSize: finalPageSize
           };
-          const result = await props.request(queryWithDefaults);
+          const queryWithFilters = isHeaderFilterEnabled.value ? getMergedQuery(baseQuery) : baseQuery;
+          const result = await props.request(queryWithFilters);
+          if (isHeaderFilterEnabled.value) {
+            updateCatalogs(result.operator_catalog, result.field_catalog);
+          }
           return {
             data: result.data,
             total: (_a = result.total) != null ? _a : 0
@@ -31284,7 +31948,19 @@
         plusPageRef,
         plusTableInstance,
         tableInstance,
-        formRefs
+        formRefs,
+        // 表头筛选相关
+        headerFiltersState,
+        orderByState,
+        operatorCatalogState,
+        fieldCatalogState,
+        upsertHeaderFilter,
+        removeHeaderFilter,
+        setOrderBy,
+        getList: () => {
+          var _a, _b;
+          return (_b = (_a = plusPageRef.value) == null ? void 0 : _a.getList) == null ? void 0 : _b.call(_a);
+        }
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock(
@@ -31299,6 +31975,7 @@
               ref_key: "plusPageRef",
               ref: plusPageRef
             }, props, {
+              columns: enhancedColumns.value,
               "is-card": _ctx.isCard,
               request: wrappedRequest.value,
               search: mergedSearch.value,
@@ -31341,7 +32018,7 @@
                   ])
                 };
               })
-            ]), 1040, ["is-card", "request", "search", "search-card-props", "table-card-props", "table", "pagination", "default-page-info"])
+            ]), 1040, ["columns", "is-card", "request", "search", "search-card-props", "table-card-props", "table", "pagination", "default-page-info"])
           ],
           512
           /* NEED_PATCH */
@@ -31350,9 +32027,10 @@
     }
   });
 
-  var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-7c1490fd"], ["__file", "index.vue"]]);
+  var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-a59fd3d9"], ["__file", "index.vue"]]);
 
   const YcPlusPage = YcPlusPageComponent;
+  const YcTableHeaderFilterCell = YcTableHeaderFilterCellComponent;
   const RePlusPage = YcPlusPageComponent;
 
   const loadMoreDirective = {
@@ -58141,6 +58819,7 @@
         isSubmitting.value = true;
         emit("confirm");
         dialogVisible.value = false;
+        isSubmitting.value = false;
       };
       const debouncedConfirm = debounce(doConfirm, 300, {
         leading: true,
@@ -58245,7 +58924,7 @@
     }
   });
 
-  var YcStatusDialog = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7a078f73"], ["__file", "index.vue"]]);
+  var YcStatusDialog = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-b63180c4"], ["__file", "index.vue"]]);
 
   var _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -59926,11 +60605,15 @@
   const install = installer.install;
 
   exports.DEFAULT_CDN_CONFIG = DEFAULT_CDN_CONFIG;
+  exports.DEFAULT_OPERATORS = DEFAULT_OPERATORS;
   exports.DEFAULT_YC_CONFIG = DEFAULT_YC_CONFIG;
   exports.DatePickerValueIsArrayList = DatePickerValueIsArrayList;
   exports.DefaultPageInfo = DefaultPageInfo;
   exports.DefaultPageSizeList = DefaultPageSizeList;
   exports.DictStoreInjectionKey = DictStoreInjectionKey;
+  exports.NO_VALUE_OPERATORS = NO_VALUE_OPERATORS;
+  exports.OPERATOR_CATALOG = OPERATOR_CATALOG;
+  exports.OPERATOR_LABELS = OPERATOR_LABELS;
   exports.PlusBreadcrumb = PlusBreadcrumb;
   exports.PlusCheckCard = PlusCheckCard;
   exports.PlusCheckCardGroup = PlusCheckCardGroup;
@@ -60015,6 +60698,7 @@
   exports.YcSelectV2 = YcSelectV2;
   exports.YcStatusDialog = YcStatusDialog;
   exports.YcSvgIcon = YcSvgIcon;
+  exports.YcTableHeaderFilterCell = YcTableHeaderFilterCell;
   exports.YcTabsWithFilter = YcTabsWithFilter;
   exports.YcTabsWithFilterWithInstall = YcTabsWithFilterWithInstall;
   exports.YcText = YcText;
@@ -60042,6 +60726,7 @@
   exports.useDictInjection = useDictInjection;
   exports.useDrawerFormConfig = useDrawerFormConfig;
   exports.useGetOptions = useGetOptions;
+  exports.useHeaderFilter = useHeaderFilter;
   exports.useLocale = useLocale;
   exports.usePlusFormReset = usePlusFormReset;
   exports.usePlusProConfig = usePlusProConfig;