yc-pro-components 0.0.53 → 0.0.57

package/index.mjs

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.53 */
+/*! yc-pro-components v0.0.57 */
 import { unref, isRef, ref, inject, isReactive, watch, computed, shallowRef, provide, onMounted, nextTick, onBeforeUnmount, defineComponent, useAttrs, watchEffect, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString, createElementBlock, normalizeClass, createCommentVNode, reactive, Fragment, renderList, resolveDynamicComponent, normalizeProps, guardReactiveProps, h, withDirectives, isVNode, withKeys, withModifiers, TransitionGroup, toHandlers, getCurrentInstance, resolveComponent, toRefs, useSlots, onUnmounted, resolveDirective, pushScopeId, popScopeId, onBeforeMount, getCurrentScope, onScopeDispose, toRef, mergeModels, useModel, vShow, createStaticVNode, hasInjectionContext, markRaw, effectScope, toRaw } from 'vue';
 import { dayjs, localeContextKey, ElDialog, ElButton, ElPagination, ElRadioGroup, ElRadio, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon, ElTooltip, ElPopconfirm, ElLink, ElMessageBox, useFormDisabled, ElDatePicker, ClickOutside, ElTag, ElInput, ElAutocomplete, ElCascader, ElCheckboxGroup, ElCheckbox, ElColorPicker, ElInputNumber, ElRate, ElSelect, ElOption, ElSlider, ElSwitch, ElTimePicker, ElTimeSelect, ElTransfer, ElTreeSelect, ElSelectV2, ElText, ElDivider, ElFormItem, ElOptionGroup, ElRow, ElCol, ElForm, ElCard, ElMessage, ElImage, ElProgress, ElAvatar, ElPopover, ElTable, vLoading, ElDescriptions, ElDescriptionsItem, ElDrawer, TableV2FixedDir, ElAutoResizer, ElTableV2, ElSteps, ElStep, ElBreadcrumb, ElBreadcrumbItem, ElMenuItem, ElSubMenu, ElMenu, ElScrollbar, ElHeader, ElContainer, ElMain, ElBacktop, ElUpload } from 'element-plus';
 
@@ -4830,8 +4830,16 @@ const useGetOptions = (props) => {
   const options = ref([]);
   const optionsIsReady = ref(false);
   const injectedDictStore = inject(DictStoreInjectionKey, null);
-  const hasValidOptions = props.options && (!isArray(props.options) || props.options.length > 0);
-  if (hasValidOptions) {
+  const hasValidOptions = () => {
+    const o = props.options;
+    if (!o) return false;
+    if (isRef(o)) return true;
+    if (isPromise(o)) return true;
+    if (isFunction(o)) return true;
+    if (isArray(o)) return o.length > 0;
+    return false;
+  };
+  if (hasValidOptions()) {
     handleOptions();
   } else if (props.autoDict) {
     handleAutoDict();
@@ -4839,28 +4847,43 @@ const useGetOptions = (props) => {
     options.value = [];
     optionsIsReady.value = true;
   }
+  function getOptionsResolvedSnapshot() {
+    const o = props.options;
+    if (!o) return [];
+    if (isPromise(o)) return [];
+    if (isRef(o)) {
+      const val = o.value;
+      return val || [];
+    }
+    if (isFunction(o)) {
+      const result = o(props);
+      if (isPromise(result)) return [];
+      return result || [];
+    }
+    if (isArray(o)) return o;
+    if (isReactive(o)) {
+      return o || [];
+    }
+    return [];
+  }
   function handleOptions() {
     if (!props.options) {
       options.value = [];
       optionsIsReady.value = true;
       return;
     }
-    if (isRef(props.options) || isReactive(props.options) || isArray(props.options)) {
-      watch(
-        () => props.options,
-        (val) => {
-          const value = isRef(val) ? val.value : val;
-          options.value = getOptionsByOptionsMap(value, props);
-          optionsIsReady.value = true;
-        },
-        {
-          immediate: true,
-          deep: true
-        }
-      );
-    } else if (isFunction(props.options)) {
-      const getValue = props.options;
-      const result = getValue(props);
+    if (isPromise(props.options)) {
+      props.options.then((value) => {
+        options.value = getOptionsByOptionsMap(value, props);
+        optionsIsReady.value = true;
+        throwError(options.value);
+      }).catch((err) => {
+        throw err;
+      });
+      return;
+    }
+    if (isFunction(props.options)) {
+      const result = props.options(props);
       if (isPromise(result)) {
         result.then((value) => {
           options.value = getOptionsByOptionsMap(value, props);
@@ -4869,23 +4892,22 @@ const useGetOptions = (props) => {
         }).catch((err) => {
           throw err;
         });
-      } else {
-        options.value = getOptionsByOptionsMap(result, props);
-        optionsIsReady.value = true;
+        return;
       }
-    } else if (isPromise(props.options)) {
-      const getValue = props.options;
-      getValue.then((value) => {
-        options.value = getOptionsByOptionsMap(value, props);
-        optionsIsReady.value = true;
-        throwError(options.value);
-      }).catch((err) => {
-        throw err;
-      });
-    } else {
-      optionsIsReady.value = true;
-      throwError(props.options);
     }
+    if (isRef(props.options) || isReactive(props.options) || isArray(props.options) || isFunction(props.options)) {
+      watch(
+        () => getOptionsResolvedSnapshot(),
+        (val) => {
+          options.value = getOptionsByOptionsMap(val, props);
+          optionsIsReady.value = true;
+        },
+        { immediate: true, deep: true }
+      );
+      return;
+    }
+    optionsIsReady.value = true;
+    throwError(props.options);
   }
   function handleAutoDict() {
     if (isFunction(props.autoDict)) {
@@ -18339,7 +18361,7 @@ const _hoisted_7$6 = {
   key: 0,
   class: "plus-table-checkbox-handle"
 };
-const _hoisted_8$5 = { key: 1 };
+const _hoisted_8$4 = { key: 1 };
 const _hoisted_9$4 = { key: 1 };
 var _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
@@ -18722,7 +18744,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                                     /* DYNAMIC */
                                   }, 1032, ["content"])) : (openBlock(), createElementBlock(
                                     "span",
-                                    _hoisted_8$5,
+                                    _hoisted_8$4,
                                     toDisplayString(item.label ? getLabelValue(item.label) : ""),
                                     1
                                     /* TEXT */
@@ -22027,7 +22049,7 @@ const _hoisted_4$8 = /* @__PURE__ */ createElementVNode(
 const _hoisted_5$8 = { class: "plus-header__right" };
 const _hoisted_6$6 = { class: "plus-header__dropdown-area" };
 const _hoisted_7$5 = ["src"];
-const _hoisted_8$4 = { class: "plus-header__username" };
+const _hoisted_8$3 = { class: "plus-header__username" };
 const _hoisted_9$3 = {
   key: 0,
   class: "plus-header-placeholder"
@@ -22182,7 +22204,7 @@ var _sfc_main$m = /* @__PURE__ */ defineComponent({
                       createCommentVNode(" username "),
                       createElementVNode(
                         "p",
-                        _hoisted_8$4,
+                        _hoisted_8$3,
                         toDisplayString(_ctx.userInfo.username || "admin"),
                         1
                         /* TEXT */
@@ -31941,7 +31963,7 @@ callBound('Map.prototype.has', true);
 
 const l=(n,t)=>{const o=n;return o.install=s=>{const e=n.name||n.__name;s.component(e,n),t&&s.component(t,n);},o};
 
-const n="userPermissions",i=()=>{try{const r=localStorage.getItem(n);if(!r)return new Set;const s=JSON.parse(r);if(!Array.isArray(s))return new Set;const e=new Set;for(const t of s)if(Array.isArray(t.functions))for(const o of t.functions)o.functionCode&&e.add(o.functionCode);return e}catch{return new Set}},c=(r,s="some")=>{if(!r)return !1;const e=i();return e.size===0?!1:typeof r=="string"?e.has(r):Array.isArray(r)&&r.length>0?s==="every"?r.every(t=>e.has(t)):r.some(t=>e.has(t)):!1};
+const i="userPermissions",c=()=>{try{const r=localStorage.getItem(i);if(!r)return new Set;const s=JSON.parse(r);if(!Array.isArray(s))return new Set;const e=new Set;for(const t of s)if(Array.isArray(t.functions))for(const o of t.functions)o.functionCode&&e.add(o.functionCode);return e}catch{return new Set}},n=(r,s="some")=>{if(!r)return !1;const e=c();return e.size===0?!1:typeof r=="string"?e.has(r):Array.isArray(r)&&r.length>0?s==="every"?r.every(t=>e.has(t)):r.some(t=>e.has(t)):!1},a=()=>({hasPermission:(r,s="some")=>n(r,s)});
 
 const YC_CONFIG_KEY = Symbol("ycConfig");
 const DEFAULT_CDN_CONFIG = {
@@ -32199,11 +32221,11 @@ function useHeaderFilter(options = {}) {
   const isEnabled = 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;
     }
+    if (typeof headerFilterConfig === "boolean") return headerFilterConfig;
+    if (hideHeaderFilter === true) return false;
     return false;
   });
   const operatorCatalogState = computed(() => {
@@ -32314,21 +32336,34 @@ function useHeaderFilter(options = {}) {
     }
   };
   const getMergedQuery = (baseQuery) => {
+    const normalizeFilters = (filters) => {
+      return filters.map((f) => {
+        if (f.op === "in" && typeof f.value === "string" && f.value) {
+          const arr = f.value.split(",").filter(Boolean).map((s) => {
+            const n = Number(s);
+            return Number.isNaN(n) ? s : n;
+          });
+          return { ...f, value: arr };
+        }
+        return f;
+      });
+    };
     let mergedFilters = baseQuery.filters;
     if (headerFiltersState.filters.length > 0) {
+      const normalized = normalizeFilters(headerFiltersState.filters);
       const baseFilters = baseQuery.filters;
       if (baseFilters && typeof baseFilters === "object" && Array.isArray(baseFilters.filters)) {
         mergedFilters = {
           logic: baseFilters.logic || "and",
           filters: [
             ...baseFilters.filters,
-            ...headerFiltersState.filters
+            ...normalized
           ]
         };
       } else {
         mergedFilters = {
           logic: headerFiltersState.logic,
-          filters: [...headerFiltersState.filters]
+          filters: [...normalized]
         };
       }
     }
@@ -32356,10 +32391,219 @@ function useHeaderFilter(options = {}) {
   };
 }
 
+const FILTER_FIELD_STYLE = "margin-top: 4px; width: 100%";
+const FILTER_INNER_DROPDOWN_CLASS = "yc-header-filter-inner-dropdown";
+const isRangeType = (type) => type === "daterange" || type === "monthrange" || type === "datetimerange" || type === "yearrange";
+const toArrayValue = (val) => typeof val === "string" && val ? val.split(",") : void 0;
+const fromArrayValue = (v) => Array.isArray(v) ? v.join(",") : String(v != null ? v : "");
+const parseTypedValue = (val, isMultiple) => {
+  if (!val) return isMultiple ? [] : "";
+  if (!isMultiple) return val;
+  return val.split(",").filter(Boolean).map((s) => {
+    const n = Number(s);
+    return Number.isNaN(n) ? s : n;
+  });
+};
+const mergePopperClass = (userClass, builtinClass) => {
+  const parts = [FILTER_INNER_DROPDOWN_CLASS];
+  if (builtinClass) parts.push(builtinClass);
+  if (userClass) parts.push(userClass);
+  return parts.join(" ");
+};
+const resolveFilterOptions = (resolvedOptions, headerFilterOptions) => {
+  if (resolvedOptions && resolvedOptions.length > 0) return resolvedOptions;
+  if (!headerFilterOptions) return [];
+  const unwrapped = typeof headerFilterOptions.value !== "undefined" ? headerFilterOptions.value : headerFilterOptions;
+  return Array.isArray(unwrapped) ? unwrapped : [];
+};
+
+const VALUE_TYPE_MAP = {
+  select: "select",
+  checkbox: "checkbox",
+  radio: "select",
+  "date-picker": "date-picker",
+  "datetime-picker": "date-picker",
+  datetime: "date-picker",
+  "time-picker": "time-picker",
+  "time-select": "time-select",
+  "tree-select": "tree-select",
+  cascader: "cascader"
+};
+const resolveInteractionType = (customType, fieldConfig, valueType) => {
+  if (customType) return customType;
+  if (fieldConfig) {
+    if (fieldConfig.type === "date") return "date-picker";
+    if (fieldConfig.dictField === true) return "select";
+  }
+  return VALUE_TYPE_MAP[valueType] || void 0;
+};
+const FILTER_COMPONENT_STRATEGIES = {
+  "time-picker": {
+    render: ({ fp, inputVal, setInputVal }) => {
+      var _a, _b;
+      return h(ElTimePicker, {
+        ...fp,
+        format: (_a = fp == null ? void 0 : fp.format) != null ? _a : "HH:mm:ss",
+        valueFormat: (_b = fp == null ? void 0 : fp.valueFormat) != null ? _b : "HH:mm:ss",
+        modelValue: inputVal,
+        "onUpdate:modelValue": (v) => setInputVal(String(v != null ? v : "")),
+        popperClass: mergePopperClass(fp.popperClass),
+        style: FILTER_FIELD_STYLE
+      });
+    }
+  },
+  "time-select": {
+    render: ({ fp, inputVal, setInputVal }) => h(ElTimeSelect, {
+      ...fp,
+      modelValue: inputVal,
+      "onUpdate:modelValue": (v) => {
+        const raw = String(v != null ? v : "");
+        setInputVal(raw && /^\d{2}:\d{2}$/.test(raw) ? `${raw}:00` : raw);
+      },
+      style: FILTER_FIELD_STYLE
+    })
+  },
+  "date-picker": {
+    render: ({ fp, inputVal, setInputVal }) => {
+      var _a;
+      const range = isRangeType(fp.type);
+      return h(ElDatePicker, {
+        ...fp,
+        valueFormat: (_a = fp == null ? void 0 : fp.valueFormat) != null ? _a : "YYYY-MM-DD HH:mm:ss",
+        modelValue: range ? toArrayValue(inputVal) : inputVal,
+        "onUpdate:modelValue": (v) => setInputVal(fromArrayValue(v)),
+        popperClass: mergePopperClass(fp.popperClass),
+        style: FILTER_FIELD_STYLE
+      });
+    }
+  },
+  checkbox: {
+    render: ({ fp, inputVal, setInputVal, options }) => {
+      const parsedValue = toArrayValue(inputVal) || [];
+      const allVals = options.map((o) => o.value);
+      const selectedSet = new Set(parsedValue);
+      const checkAll = options.length > 0 && parsedValue.length === options.length;
+      const isIndeterminate = parsedValue.length > 0 && parsedValue.length < options.length;
+      const handleCheckAllChange = (val) => {
+        setInputVal(val ? options.map((opt) => opt.value).join(",") : "");
+      };
+      const handleInvert = () => {
+        if (!options.length) return;
+        const inverted = allVals.filter((v) => !selectedSet.has(v));
+        setInputVal(inverted.join(","));
+      };
+      const showCheckAll = fp.showCheckAll !== false;
+      const showInvert = fp.showInvert !== false;
+      const checkAllText = fp.checkAllText || "\u5168\u9009";
+      return h("div", { class: "header-filter-checkbox-group", style: "max-height: 250px; overflow-y: auto; padding: 4px;" }, [
+        showCheckAll && options.length > 0 ? h("div", { style: "display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--el-border-color-lighter);" }, [
+          h(ElCheckbox, {
+            modelValue: checkAll,
+            indeterminate: isIndeterminate,
+            "onUpdate:modelValue": handleCheckAllChange,
+            style: "font-weight: bold; flex: 1; min-width: 0;"
+          }, () => checkAllText),
+          showInvert ? h(
+            ElButton,
+            {
+              link: true,
+              type: "primary",
+              size: "small",
+              onClick: handleInvert
+            },
+            () => "\u53CD\u9009"
+          ) : null
+        ]) : null,
+        h(ElCheckboxGroup, {
+          ...fp,
+          modelValue: parsedValue,
+          "onUpdate:modelValue": (v) => setInputVal(fromArrayValue(v)),
+          style: "display: flex; flex-direction: column;"
+        }, {
+          default: () => options.map(
+            (opt) => h(
+              ElCheckbox,
+              {
+                value: opt.value,
+                label: opt.value,
+                style: "margin-bottom: 4px; height: auto;"
+              },
+              () => opt.label
+            )
+          )
+        })
+      ]);
+    }
+  },
+  "tree-select": {
+    render: ({ fp, inputVal, setInputVal, options }) => {
+      const isMultiple = !!fp.multiple;
+      const treeData = options && options.length > 0 ? options : fp.data || [];
+      return h(ElTreeSelect, {
+        ...fp,
+        modelValue: parseTypedValue(inputVal, isMultiple),
+        "onUpdate:modelValue": (v) => setInputVal(fromArrayValue(v)),
+        data: treeData,
+        popperClass: mergePopperClass(fp.popperClass, "yc-header-filter-tree-popper"),
+        placeholder: fp.placeholder || "\u8BF7\u9009\u62E9",
+        style: FILTER_FIELD_STYLE
+      });
+    }
+  },
+  cascader: {
+    render: ({ fp, inputVal, setInputVal, options }) => {
+      const cascaderProps = fp.props || {};
+      const isMultiple = !!cascaderProps.multiple;
+      let parsedValue = inputVal;
+      if (isMultiple && typeof inputVal === "string" && inputVal && !cascaderProps.emitPath) {
+        parsedValue = inputVal.split(",");
+      }
+      return h(ElCascader, {
+        ...fp,
+        modelValue: parsedValue,
+        "onUpdate:modelValue": (v) => {
+          let flat = v;
+          if (Array.isArray(v) && v.length && Array.isArray(v[0])) {
+            flat = v.map((arr) => Array.isArray(arr) ? arr[arr.length - 1] : arr);
+          }
+          setInputVal(fromArrayValue(flat));
+        },
+        options,
+        popperClass: mergePopperClass(fp.popperClass),
+        placeholder: fp.placeholder || "\u8BF7\u9009\u62E9",
+        style: FILTER_FIELD_STYLE
+      });
+    }
+  },
+  select: {
+    render: ({ fp, inputVal, setInputVal, options }) => {
+      const isMultiple = !!fp.multiple;
+      return h(
+        ElSelect,
+        {
+          ...fp,
+          modelValue: parseTypedValue(inputVal, isMultiple),
+          "onUpdate:modelValue": (v) => setInputVal(fromArrayValue(v)),
+          popperClass: mergePopperClass(fp.popperClass),
+          placeholder: fp.placeholder || "\u8BF7\u9009\u62E9",
+          style: FILTER_FIELD_STYLE
+        },
+        {
+          default: () => options.map(
+            (opt) => h(ElOption, {
+              label: opt.label,
+              value: opt.value
+            })
+          )
+        }
+      );
+    }
+  }
+};
+
 const _hoisted_1$9 = { class: "yc-header-filter-cell__label-text" };
 const _hoisted_2$8 = { class: "yc-header-filter-cell__label-text" };
-const _hoisted_3$8 = { style: { cursor: "pointer", display: "inline-flex", alignItems: "center" } };
-const _hoisted_4$6 = {
+const _hoisted_3$8 = {
   class: "yc-header-filter-cell__content",
   style: {
     display: "flex",
@@ -32369,10 +32613,13 @@ const _hoisted_4$6 = {
     gap: "4px"
   }
 };
-const _hoisted_5$6 = { class: "yc-header-filter-cell__operators" };
-const _hoisted_6$5 = ["onClick"];
-const _hoisted_7$4 = { key: 0 };
-const _hoisted_8$3 = {
+const _hoisted_4$6 = {
+  key: 0,
+  class: "yc-header-filter-cell__operators"
+};
+const _hoisted_5$6 = ["onClick"];
+const _hoisted_6$5 = { key: 0 };
+const _hoisted_7$4 = {
   class: "yc-header-filter-cell__actions",
   style: {
     display: "flex",
@@ -32392,6 +32639,7 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
     filters: { default: () => [] },
     orderBy: { default: () => [] },
     disableFilter: { type: Boolean, default: false },
+    fieldConfig: {},
     referenceRenderer: { type: Function, default: void 0 }
   },
   emits: ["confirm", "reset", "sortChange"],
@@ -32423,6 +32671,12 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
       var _a;
       return String(((_a = props.column) == null ? void 0 : _a.prop) || "");
     });
+    const getHeaderFilterObject = () => {
+      var _a;
+      const hf = (_a = props.column) == null ? void 0 : _a.headerFilter;
+      if (hf && typeof hf === "object") return hf;
+      return {};
+    };
     const isActive = computed(() => {
       var _a, _b;
       const field = fieldRef.value;
@@ -32440,35 +32694,48 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
         return (_a = props.orderBy) == null ? void 0 : _a.some((i) => i.field === fieldRef.value && i.direction === "desc");
       }
     );
-    const onDocPointerOrClick = (e) => {
+    const onDocPointerDown = (e) => {
+      var _a;
       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;
+      if (!target) return;
+      if ((_a = wrapperElRef.value) == null ? void 0 : _a.contains(target)) return;
+      if (target.closest(".yc-header-filter-pop")) return;
+      const popoverTrigger = target.closest("[aria-describedby]");
+      if (popoverTrigger) return;
+      if (target.closest(`.${FILTER_INNER_DROPDOWN_CLASS}`)) return;
       popVisible.value = false;
     };
     onMounted(() => {
-      window.addEventListener("pointerdown", onDocPointerOrClick, true);
-      window.addEventListener("click", onDocPointerOrClick, true);
+      window.addEventListener("pointerdown", onDocPointerDown, true);
     });
     onBeforeUnmount(() => {
-      window.removeEventListener("pointerdown", onDocPointerOrClick, true);
-      window.removeEventListener("click", onDocPointerOrClick, true);
+      window.removeEventListener("pointerdown", onDocPointerDown, true);
     });
     const handleSelect = (op) => {
       state.selectedOp = op.code;
     };
     const handleReset = () => {
       state.inputVal = "";
-      emit("reset", { column: props.column, op: state.selectedOp });
+      const payload = { column: props.column, op: state.selectedOp };
+      const customConfig = getHeaderFilterObject();
+      if (customConfig.onReset) {
+        customConfig.onReset(payload);
+      }
+      emit("reset", payload);
       popVisible.value = false;
     };
     const handleConfirm = () => {
-      emit("confirm", {
+      const payload = {
         column: props.column,
         op: state.selectedOp,
         value: state.inputVal
-      });
+      };
+      const customConfig = getHeaderFilterObject();
+      if (customConfig.onConfirm) {
+        customConfig.onConfirm(payload);
+      }
+      emit("confirm", payload);
       popVisible.value = false;
     };
     const cycleSort = () => {
@@ -32500,51 +32767,95 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
       var _a;
       return (_a = props.column) == null ? void 0 : _a.tooltip;
     });
-    const renderValueField = () => {
-      var _a, _b, _c, _d, _e;
-      if (!needValueInput.value) return null;
+    const optionsSourceProps = computed(() => {
+      const config = getHeaderFilterObject();
+      const col = props.column;
+      return {
+        options: config.options !== void 0 ? config.options : col.options,
+        autoDict: col.autoDict,
+        optionsMap: col.optionsMap,
+        prop: col.prop,
+        valueType: col.valueType
+      };
+    });
+    const { customOptions: resolvedOptions } = useGetOptions(optionsSourceProps);
+    const fieldPropsForFilter = computed(
+      () => {
+        var _a;
+        return ((_a = props.column) == null ? void 0 : _a.fieldProps) || {};
+      }
+    );
+    const resolvedInteractionType = computed(() => {
+      var _a;
+      const customConfig = getHeaderFilterObject();
       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 h(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%"
-        });
+      return resolveInteractionType(customConfig.type, props.fieldConfig, vt);
+    });
+    const hideOperatorList = computed(() => {
+      var _a;
+      const t = resolvedInteractionType.value;
+      const customConfig = getHeaderFilterObject();
+      const mult = (_a = customConfig.props) == null ? void 0 : _a.multiple;
+      if (t === "checkbox") return true;
+      if (t === "date-picker") return true;
+      if (t === "select" && mult) return true;
+      if (t === "tree-select" && mult) return true;
+      return false;
+    });
+    const popoverWidth = computed(() => hideOperatorList.value ? 320 : 220);
+    watch(popVisible, (visible) => {
+      var _a, _b;
+      if (!visible) return;
+      const t = resolvedInteractionType.value;
+      const customConfig = getHeaderFilterObject();
+      const fp = {
+        ...fieldPropsForFilter.value,
+        ...customConfig.props || {}
+      };
+      if (t === "date-picker" && isRangeType(fp.type)) {
+        if (state.selectedOp !== "between") state.selectedOp = "between";
+        if (!state.inputVal) {
+          const now = /* @__PURE__ */ new Date();
+          const y = now.getFullYear();
+          const m = String(now.getMonth() + 1).padStart(2, "0");
+          state.inputVal = `${y}-${m},${y}-${m}`;
+        }
+      } else if (t === "checkbox" || t === "select" && ((_a = customConfig.props) == null ? void 0 : _a.multiple) || t === "tree-select" && ((_b = customConfig.props) == null ? void 0 : _b.multiple)) {
+        if (state.selectedOp !== "in") state.selectedOp = "in";
       }
-      if (vt === "time-select") {
-        return h(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%"
+    });
+    const renderValueField = () => {
+      var _a;
+      if (!needValueInput.value) return null;
+      const customConfig = getHeaderFilterObject();
+      const customProps = customConfig.props || {};
+      if (customConfig.renderField && typeof customConfig.renderField === "function") {
+        return customConfig.renderField(state.inputVal, (v) => {
+          state.inputVal = Array.isArray(v) ? v.join(",") : String(v != null ? v : "");
         });
       }
-      if (vt === "date-picker") {
-        return h(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%"
+      const interactionType = resolvedInteractionType.value;
+      const fp = {
+        ...((_a = props.column) == null ? void 0 : _a.fieldProps) || {},
+        ...customProps
+      };
+      const strategy = interactionType ? FILTER_COMPONENT_STRATEGIES[interactionType] : void 0;
+      if (strategy) {
+        const finalOptions = resolveFilterOptions(resolvedOptions.value, customConfig.options);
+        return strategy.render({
+          fp,
+          inputVal: state.inputVal,
+          setInputVal: (v) => state.inputVal = v,
+          options: finalOptions
         });
       }
       return h(ElInput, {
+        ...fp,
         modelValue: state.inputVal,
         "onUpdate:modelValue": (v) => state.inputVal = v,
-        placeholder: "",
+        placeholder: fp.placeholder || "\u8BF7\u8F93\u5165",
         maxlength: 50,
-        style: "margin-top: 4px; width: 100%"
+        style: FILTER_FIELD_STYLE
       });
     };
     return (_ctx, _cache) => {
@@ -32706,16 +33017,18 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
           createCommentVNode(" \u7B5B\u9009\u56FE\u6807\u548C\u5F39\u7A97 "),
           !_ctx.disableFilter ? (openBlock(), createBlock(unref(ElPopover), {
             key: 1,
+            visible: popVisible.value,
             trigger: "click",
             placement: "bottom-start",
-            width: 220,
-            visible: popVisible.value,
-            "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => popVisible.value = $event),
+            width: popoverWidth.value,
             "popper-class": "yc-header-filter-pop",
             "popper-style": { zIndex: 4e3 }
           }, {
             reference: withCtx(() => [
-              createElementVNode("span", _hoisted_3$8, [
+              createElementVNode("span", {
+                style: { cursor: "pointer", display: "inline-flex", alignItems: "center" },
+                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => popVisible.value = !popVisible.value, ["stop"]))
+              }, [
                 createVNode(unref(YcSvgIcon), {
                   src: filterIconUrl.value,
                   size: 14,
@@ -32725,9 +33038,9 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
               ])
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$6, [
-                createCommentVNode(" \u64CD\u4F5C\u7B26\u5217\u8868 "),
-                createElementVNode("div", _hoisted_5$6, [
+              createElementVNode("div", _hoisted_3$8, [
+                createCommentVNode(" \u64CD\u4F5C\u7B26\u5217\u8868\uFF08\u591A\u9009/\u65E5\u671F\u533A\u95F4\u7B49\u7531 hideOperatorList \u9690\u85CF\uFF0C\u9ED8\u8BA4 in / between\uFF09 "),
+                !hideOperatorList.value ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
                   (openBlock(true), createElementBlock(
                     Fragment,
                     null,
@@ -32754,17 +33067,17 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
                           1
                           /* TEXT */
                         ),
-                        state.selectedOp === op.code ? (openBlock(), createElementBlock("span", _hoisted_7$4, "\u2713")) : createCommentVNode("v-if", true)
-                      ], 12, _hoisted_6$5);
+                        state.selectedOp === op.code ? (openBlock(), createElementBlock("span", _hoisted_6$5, "\u2713")) : createCommentVNode("v-if", true)
+                      ], 12, _hoisted_5$6);
                     }),
                     128
                     /* KEYED_FRAGMENT */
                   ))
-                ]),
+                ])) : createCommentVNode("v-if", true),
                 createCommentVNode(" \u503C\u8F93\u5165 "),
-                needValueInput.value ? (openBlock(), createBlock(resolveDynamicComponent(renderValueField), { key: 0 })) : createCommentVNode("v-if", true),
+                needValueInput.value ? (openBlock(), createBlock(resolveDynamicComponent(renderValueField), { key: 1 })) : createCommentVNode("v-if", true),
                 createCommentVNode(" \u64CD\u4F5C\u6309\u94AE "),
-                createElementVNode("div", _hoisted_8$3, [
+                createElementVNode("div", _hoisted_7$4, [
                   createVNode(unref(ElButton), { onClick: handleReset }, {
                     default: withCtx(() => [
                       createTextVNode("\u91CD\u7F6E")
@@ -32787,7 +33100,7 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["visible"])) : createCommentVNode("v-if", true)
+          }, 8, ["visible", "width"])) : createCommentVNode("v-if", true)
         ],
         544
         /* NEED_HYDRATION, NEED_PATCH */
@@ -32796,7 +33109,7 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 
-var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-3330af37"], ["__file", "header-filter-cell.vue"]]);
+var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-1b4d52f7"], ["__file", "header-filter-cell.vue"]]);
 
 const DEFAULT_PAGE_SIZE = 20;
 const COLUMN_CACHE_PREFIX = "yc-column-settings:";
@@ -32915,11 +33228,17 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
         );
         return (fieldConfig == null ? void 0 : fieldConfig.nullable) !== false;
       }) : cols;
-      if (!isEnabled) return visibleCols;
+      if (!isEnabled) {
+        return visibleCols;
+      }
       return visibleCols.map((col) => {
         const colHideFilter = col.hideHeaderFilter === true;
-        const fieldFilterable = isFieldFilterable(col.prop);
-        if (colHideFilter || !fieldFilterable) {
+        const hasExplicitHeaderFilter = col.headerFilter && typeof col.headerFilter === "object" || col.headerFilter === true;
+        const fieldFilterable = hasExplicitHeaderFilter || isFieldFilterable(col.prop);
+        if (colHideFilter) {
+          return col;
+        }
+        if (!hasExplicitHeaderFilter && !fieldFilterable) {
           return col;
         }
         const operators = getOpsByProp(col.prop);
@@ -32933,9 +33252,13 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
         } else if (typeof originalWidth === "string") {
           const numWidth = parseInt(originalWidth, 10);
           if (!isNaN(numWidth)) {
-            adjustedWidth = numWidth + EXTRA_WIDTH;
+            adjustedWidth = String(numWidth + EXTRA_WIDTH);
           }
         }
+        const propStr = String(col.prop || "");
+        const fieldConfig = catalog ? Object.values(catalog).find(
+          (val) => String((val == null ? void 0 : val.allowedField) || "") === propStr
+        ) : void 0;
         const userRenderHeader = col.renderHeader;
         return {
           ...col,
@@ -32951,6 +33274,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
               onConfirm: handleFilterConfirm,
               onReset: handleFilterReset,
               onSortChange: handleSortChange,
+              fieldConfig,
               // 如果用户定义了 renderHeader，传递给 referenceRenderer
               ...userRenderHeader && typeof userRenderHeader === "function" ? { referenceRenderer: () => userRenderHeader(label, col) } : {}
             });
@@ -33316,7 +33640,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 
-var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-bc9aafd7"], ["__file", "index.vue"]]);
+var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-f0c3f2a9"], ["__file", "index.vue"]]);
 
 function compareValues(a, b) {
   if (a == null && b == null) return 0;
@@ -33585,7 +33909,8 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
     collapseTags: { type: Boolean, default: false },
     maxCollapseTags: { default: 1 },
     initialOptions: { default: () => [] },
-    allSelect: { type: Boolean, default: false }
+    allSelect: { type: Boolean, default: false },
+    popperClass: {}
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -33915,6 +34240,7 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
         multiple: _ctx.multiple,
         "collapse-tags": _ctx.collapseTags,
         "max-collapse-tags": _ctx.maxCollapseTags,
+        "popper-class": _ctx.popperClass,
         onVisibleChange: handleVisibleChange,
         onChange: handleChange,
         onClear: handleClear,
@@ -33939,7 +34265,7 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["modelValue", "filterable", "remote", "reserve-keyword", "placeholder", "clearable", "disabled", "loading", "filter-method", "allow-create", "default-first-option", "multiple", "collapse-tags", "max-collapse-tags"])), [
+      }, 8, ["modelValue", "filterable", "remote", "reserve-keyword", "placeholder", "clearable", "disabled", "loading", "filter-method", "allow-create", "default-first-option", "multiple", "collapse-tags", "max-collapse-tags", "popper-class"])), [
         [_directive_load_more, handleLoadMore]
       ]);
     };
@@ -62126,7 +62452,7 @@ const plugins = [
   YcTabsWithFilter
 ];
 
-const m={mounted(e,r){const{value:o,modifiers:n}=r;if(!o)throw new Error(`[Directive: fn-perm]: \u9700\u8981\u4F20\u5165 functionCode\uFF01\u5982 v-fn-perm="'fn_editTaxRate'"`);const t=n.every?"every":"some";c(o,t)||e.parentNode?.removeChild(e);}};
+const m={mounted(e,r){const{value:o,modifiers:n$1}=r;if(!o)throw new Error(`[Directive: fn-perm]: \u9700\u8981\u4F20\u5165 functionCode\uFF01\u5982 v-fn-perm="'fn_editTaxRate'"`);const t=n$1.every?"every":"some";n(o,t)||e.parentNode?.removeChild(e);}};
 
 var installer = makeInstaller([...plugins], {
   "fn-perm": m
@@ -63825,8 +64151,8 @@ function createDictStore(config) {
   });
 }
 
-const version = "0.0.52";
+const version = "0.0.56";
 
 const install = installer.install;
 
-export { DEFAULT_CDN_CONFIG, DEFAULT_OPERATORS, DEFAULT_YC_CONFIG, DatePickerValueIsArrayList, DefaultPageInfo, DefaultPageSizeList, DictStoreInjectionKey, NO_VALUE_OPERATORS, OPERATOR_CATALOG, OPERATOR_LABELS, PlusBreadcrumb, PlusCheckCard, PlusCheckCardGroup, PlusDatePicker, PlusDescriptions, PlusDialog, PlusDialogForm, PlusDisplayItem, PlusDrawerForm, PlusForm, PlusFormItem, PlusHeader, PlusInputTag, PlusLayout, PlusPage, PlusPagination, PlusPopover, PlusRadio, PlusSearch, PlusSidebar, PlusSidebarItem, PlusStepsForm, PlusTable, PlusVirtualTable, YcAnimateSelector as ReAnimateSelector, YcAuth as ReAuth, YcBatchImportDialog as ReBatchImportDialog, YcCard as ReCard, YcCol as ReCol, YcConfigProvider as ReConfigProvider, ReDialog, YcDownloadDialog as ReDownloadDialog, ReDrawer, ReFormContainerHeader, YcLineTree as ReLineTree, ReMoreActions, YcCountTo as ReNormalCountTo, YcPerms as RePerms, RePlusPage, RePlusTree, YcSegmented as ReSegmented, YcSelectV2 as ReSelectV2, YcStatusDialog as ReStatusDialog, YcSvgIcon as ReSvgIcon, YcTabsWithFilter as ReTabsWithFilter, YcText as ReText, YcReboundCountTo as ReboundCountTo, SIZE_MAP, STATUS_CONFIG_MAP, TableColumnsEmptyTextInjectionKey, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList, YC_CONFIG_KEY, YcAnimateSelector, YcAnimateSelectorWithInstall, YcAuth, YcAuthWithInstall, YcBatchImportDialog, YcBatchImportDialogWithInstall, YcCard, YcCardWithInstall, YcCol, YcConfigProvider, YcCountTo, YcDialog, YcDownloadDialog, YcDownloadDialogWithInstall, YcDrawer, YcFlicker, YcFormContainerHeader, YcLineTree, YcLineTreeWithInstall, YcMoreActions, YcPerms, YcPermsWithInstall, YcPlusPage, YcPlusTree, YcReboundCountTo, YcReboundCountToWithInstall, YcSegmented, YcSegmentedWithInstall, YcSelectV2, YcStatusDialog, YcSvgIcon, YcTableHeaderFilterCell, YcTabsWithFilter, YcTabsWithFilterWithInstall, YcText, YcTextWithInstall, addDrawer, animates, closeAllDrawer, closeDrawer, createDictStore, installer as default, drawerStore, findNodeById, findNodeByPath, findNodePosition, m as fnPerm, insertAsChild, insertAsSibling, insertNodeAtPosition, install, providePlusProConfig, removeNode, reorderNodeChildren, reorderSiblingNodes, selectValueTypeList, updateDrawer, useColumnAdapter, useDialogFormConfig, useDictInjection, useDrawerFormConfig, useGetOptions, useHeaderFilter, useLocalHeaderFilter, useLocale, usePlusFormReset, usePlusProConfig, useRenderFlicker, useRenderFlicker as useRenderReFlicker, useSelectWithMapping, useSelectWithPagination, useSortableDrag$1 as useSortableDrag, useTable, useVirtualScroll, useVirtualSelection, useYcAuth, useYcCdn, useYcCdnUrl, useYcComponentConfig, useYcConfig, useYcPerms, useYcShowPageSearch, useYcTranslate, version };
+export { DEFAULT_CDN_CONFIG, DEFAULT_OPERATORS, DEFAULT_YC_CONFIG, DatePickerValueIsArrayList, DefaultPageInfo, DefaultPageSizeList, DictStoreInjectionKey, NO_VALUE_OPERATORS, OPERATOR_CATALOG, OPERATOR_LABELS, PlusBreadcrumb, PlusCheckCard, PlusCheckCardGroup, PlusDatePicker, PlusDescriptions, PlusDialog, PlusDialogForm, PlusDisplayItem, PlusDrawerForm, PlusForm, PlusFormItem, PlusHeader, PlusInputTag, PlusLayout, PlusPage, PlusPagination, PlusPopover, PlusRadio, PlusSearch, PlusSidebar, PlusSidebarItem, PlusStepsForm, PlusTable, PlusVirtualTable, YcAnimateSelector as ReAnimateSelector, YcAuth as ReAuth, YcBatchImportDialog as ReBatchImportDialog, YcCard as ReCard, YcCol as ReCol, YcConfigProvider as ReConfigProvider, ReDialog, YcDownloadDialog as ReDownloadDialog, ReDrawer, ReFormContainerHeader, YcLineTree as ReLineTree, ReMoreActions, YcCountTo as ReNormalCountTo, YcPerms as RePerms, RePlusPage, RePlusTree, YcSegmented as ReSegmented, YcSelectV2 as ReSelectV2, YcStatusDialog as ReStatusDialog, YcSvgIcon as ReSvgIcon, YcTabsWithFilter as ReTabsWithFilter, YcText as ReText, YcReboundCountTo as ReboundCountTo, SIZE_MAP, STATUS_CONFIG_MAP, TableColumnsEmptyTextInjectionKey, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList, YC_CONFIG_KEY, YcAnimateSelector, YcAnimateSelectorWithInstall, YcAuth, YcAuthWithInstall, YcBatchImportDialog, YcBatchImportDialogWithInstall, YcCard, YcCardWithInstall, YcCol, YcConfigProvider, YcCountTo, YcDialog, YcDownloadDialog, YcDownloadDialogWithInstall, YcDrawer, YcFlicker, YcFormContainerHeader, YcLineTree, YcLineTreeWithInstall, YcMoreActions, YcPerms, YcPermsWithInstall, YcPlusPage, YcPlusTree, YcReboundCountTo, YcReboundCountToWithInstall, YcSegmented, YcSegmentedWithInstall, YcSelectV2, YcStatusDialog, YcSvgIcon, YcTableHeaderFilterCell, YcTabsWithFilter, YcTabsWithFilterWithInstall, YcText, YcTextWithInstall, addDrawer, animates, closeAllDrawer, closeDrawer, createDictStore, installer as default, drawerStore, findNodeById, findNodeByPath, findNodePosition, m as fnPerm, n as hasFunctionPermission, insertAsChild, insertAsSibling, insertNodeAtPosition, install, providePlusProConfig, removeNode, reorderNodeChildren, reorderSiblingNodes, selectValueTypeList, updateDrawer, useColumnAdapter, useDialogFormConfig, useDictInjection, useDrawerFormConfig, a as useFunctionPermission, useGetOptions, useHeaderFilter, useLocalHeaderFilter, useLocale, usePlusFormReset, usePlusProConfig, useRenderFlicker, useRenderFlicker as useRenderReFlicker, useSelectWithMapping, useSelectWithPagination, useSortableDrag$1 as useSortableDrag, useTable, useVirtualScroll, useVirtualSelection, useYcAuth, useYcCdn, useYcCdnUrl, useYcComponentConfig, useYcConfig, useYcPerms, useYcShowPageSearch, useYcTranslate, version };