yc-pro-components 0.0.53 → 0.0.57

package/index.js

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.53 */
+/*! yc-pro-components v0.0.57 */
 (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) :
@@ -4833,8 +4833,16 @@
     const options = vue.ref([]);
     const optionsIsReady = vue.ref(false);
     const injectedDictStore = vue.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 (vue.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();
@@ -4842,28 +4850,43 @@
       options.value = [];
       optionsIsReady.value = true;
     }
+    function getOptionsResolvedSnapshot() {
+      const o = props.options;
+      if (!o) return [];
+      if (isPromise(o)) return [];
+      if (vue.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 (vue.isReactive(o)) {
+        return o || [];
+      }
+      return [];
+    }
     function handleOptions() {
       if (!props.options) {
         options.value = [];
         optionsIsReady.value = true;
         return;
       }
-      if (vue.isRef(props.options) || vue.isReactive(props.options) || isArray(props.options)) {
-        vue.watch(
-          () => props.options,
-          (val) => {
-            const value = vue.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);
@@ -4872,23 +4895,22 @@
           }).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 (vue.isRef(props.options) || vue.isReactive(props.options) || isArray(props.options) || isFunction(props.options)) {
+        vue.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)) {
@@ -18342,7 +18364,7 @@
     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__ */ vue.defineComponent({
     ...{
@@ -18725,7 +18747,7 @@
                                       /* DYNAMIC */
                                     }, 1032, ["content"])) : (vue.openBlock(), vue.createElementBlock(
                                       "span",
-                                      _hoisted_8$5,
+                                      _hoisted_8$4,
                                       vue.toDisplayString(item.label ? getLabelValue(item.label) : ""),
                                       1
                                       /* TEXT */
@@ -22030,7 +22052,7 @@
   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"
@@ -22185,7 +22207,7 @@
                         vue.createCommentVNode(" username "),
                         vue.createElementVNode(
                           "p",
-                          _hoisted_8$4,
+                          _hoisted_8$3,
                           vue.toDisplayString(_ctx.userInfo.username || "admin"),
                           1
                           /* TEXT */
@@ -31944,7 +31966,7 @@
 
   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 = {
@@ -32202,11 +32224,11 @@
     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;
       }
+      if (typeof headerFilterConfig === "boolean") return headerFilterConfig;
+      if (hideHeaderFilter === true) return false;
       return false;
     });
     const operatorCatalogState = vue.computed(() => {
@@ -32317,21 +32339,34 @@
       }
     };
     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]
           };
         }
       }
@@ -32359,10 +32394,219 @@
     };
   }
 
+  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 vue.h(elementPlus.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 }) => vue.h(elementPlus.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 vue.h(elementPlus.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 vue.h("div", { class: "header-filter-checkbox-group", style: "max-height: 250px; overflow-y: auto; padding: 4px;" }, [
+          showCheckAll && options.length > 0 ? vue.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);" }, [
+            vue.h(elementPlus.ElCheckbox, {
+              modelValue: checkAll,
+              indeterminate: isIndeterminate,
+              "onUpdate:modelValue": handleCheckAllChange,
+              style: "font-weight: bold; flex: 1; min-width: 0;"
+            }, () => checkAllText),
+            showInvert ? vue.h(
+              elementPlus.ElButton,
+              {
+                link: true,
+                type: "primary",
+                size: "small",
+                onClick: handleInvert
+              },
+              () => "\u53CD\u9009"
+            ) : null
+          ]) : null,
+          vue.h(elementPlus.ElCheckboxGroup, {
+            ...fp,
+            modelValue: parsedValue,
+            "onUpdate:modelValue": (v) => setInputVal(fromArrayValue(v)),
+            style: "display: flex; flex-direction: column;"
+          }, {
+            default: () => options.map(
+              (opt) => vue.h(
+                elementPlus.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 vue.h(elementPlus.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 vue.h(elementPlus.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 vue.h(
+          elementPlus.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) => vue.h(elementPlus.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",
@@ -32372,10 +32616,13 @@
       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",
@@ -32395,6 +32642,7 @@
       filters: { default: () => [] },
       orderBy: { default: () => [] },
       disableFilter: { type: Boolean, default: false },
+      fieldConfig: {},
       referenceRenderer: { type: Function, default: void 0 }
     },
     emits: ["confirm", "reset", "sortChange"],
@@ -32426,6 +32674,12 @@
         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 = vue.computed(() => {
         var _a, _b;
         const field = fieldRef.value;
@@ -32443,35 +32697,48 @@
           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;
       };
       vue.onMounted(() => {
-        window.addEventListener("pointerdown", onDocPointerOrClick, true);
-        window.addEventListener("click", onDocPointerOrClick, true);
+        window.addEventListener("pointerdown", onDocPointerDown, true);
       });
       vue.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 = () => {
@@ -32503,51 +32770,95 @@
         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 = vue.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 = vue.computed(
+        () => {
+          var _a;
+          return ((_a = props.column) == null ? void 0 : _a.fieldProps) || {};
+        }
+      );
+      const resolvedInteractionType = vue.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 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%"
-          });
+        return resolveInteractionType(customConfig.type, props.fieldConfig, vt);
+      });
+      const hideOperatorList = vue.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 = vue.computed(() => hideOperatorList.value ? 320 : 220);
+      vue.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 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%"
+      });
+      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 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%"
+        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 vue.h(elementPlus.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) => {
@@ -32709,16 +33020,18 @@
             vue.createCommentVNode(" \u7B5B\u9009\u56FE\u6807\u548C\u5F39\u7A97 "),
             !_ctx.disableFilter ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.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: vue.withCtx(() => [
-                vue.createElementVNode("span", _hoisted_3$8, [
+                vue.createElementVNode("span", {
+                  style: { cursor: "pointer", display: "inline-flex", alignItems: "center" },
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => popVisible.value = !popVisible.value, ["stop"]))
+                }, [
                   vue.createVNode(vue.unref(YcSvgIcon), {
                     src: filterIconUrl.value,
                     size: 14,
@@ -32728,9 +33041,9 @@
                 ])
               ]),
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_4$6, [
-                  vue.createCommentVNode(" \u64CD\u4F5C\u7B26\u5217\u8868 "),
-                  vue.createElementVNode("div", _hoisted_5$6, [
+                vue.createElementVNode("div", _hoisted_3$8, [
+                  vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$6, [
                     (vue.openBlock(true), vue.createElementBlock(
                       vue.Fragment,
                       null,
@@ -32757,17 +33070,17 @@
                             1
                             /* TEXT */
                           ),
-                          state.selectedOp === op.code ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, "\u2713")) : vue.createCommentVNode("v-if", true)
-                        ], 12, _hoisted_6$5);
+                          state.selectedOp === op.code ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, "\u2713")) : vue.createCommentVNode("v-if", true)
+                        ], 12, _hoisted_5$6);
                       }),
                       128
                       /* KEYED_FRAGMENT */
                     ))
-                  ]),
+                  ])) : vue.createCommentVNode("v-if", true),
                   vue.createCommentVNode(" \u503C\u8F93\u5165 "),
-                  needValueInput.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderValueField), { key: 0 })) : vue.createCommentVNode("v-if", true),
+                  needValueInput.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderValueField), { key: 1 })) : vue.createCommentVNode("v-if", true),
                   vue.createCommentVNode(" \u64CD\u4F5C\u6309\u94AE "),
-                  vue.createElementVNode("div", _hoisted_8$3, [
+                  vue.createElementVNode("div", _hoisted_7$4, [
                     vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleReset }, {
                       default: vue.withCtx(() => [
                         vue.createTextVNode("\u91CD\u7F6E")
@@ -32790,7 +33103,7 @@
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["visible"])) : vue.createCommentVNode("v-if", true)
+            }, 8, ["visible", "width"])) : vue.createCommentVNode("v-if", true)
           ],
           544
           /* NEED_HYDRATION, NEED_PATCH */
@@ -32799,7 +33112,7 @@
     }
   });
 
-  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:";
@@ -32918,11 +33231,17 @@
           );
           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);
@@ -32936,9 +33255,13 @@
           } 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,
@@ -32954,6 +33277,7 @@
                 onConfirm: handleFilterConfirm,
                 onReset: handleFilterReset,
                 onSortChange: handleSortChange,
+                fieldConfig,
                 // 如果用户定义了 renderHeader，传递给 referenceRenderer
                 ...userRenderHeader && typeof userRenderHeader === "function" ? { referenceRenderer: () => userRenderHeader(label, col) } : {}
               });
@@ -33319,7 +33643,7 @@
     }
   });
 
-  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;
@@ -33588,7 +33912,8 @@
       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 }) {
@@ -33918,6 +34243,7 @@
           multiple: _ctx.multiple,
           "collapse-tags": _ctx.collapseTags,
           "max-collapse-tags": _ctx.maxCollapseTags,
+          "popper-class": _ctx.popperClass,
           onVisibleChange: handleVisibleChange,
           onChange: handleChange,
           onClear: handleClear,
@@ -33942,7 +34268,7 @@
           ]),
           _: 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]
         ]);
       };
@@ -62129,7 +62455,7 @@
     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
@@ -63828,7 +64154,7 @@
     });
   }
 
-  const version = "0.0.52";
+  const version = "0.0.56";
 
   const install = installer.install;
 
@@ -63946,6 +64272,7 @@
   exports.findNodeByPath = findNodeByPath;
   exports.findNodePosition = findNodePosition;
   exports.fnPerm = m;
+  exports.hasFunctionPermission = n;
   exports.insertAsChild = insertAsChild;
   exports.insertAsSibling = insertAsSibling;
   exports.insertNodeAtPosition = insertNodeAtPosition;
@@ -63960,6 +64287,7 @@
   exports.useDialogFormConfig = useDialogFormConfig;
   exports.useDictInjection = useDictInjection;
   exports.useDrawerFormConfig = useDrawerFormConfig;
+  exports.useFunctionPermission = a;
   exports.useGetOptions = useGetOptions;
   exports.useHeaderFilter = useHeaderFilter;
   exports.useLocalHeaderFilter = useLocalHeaderFilter;