yc-pro-components 0.0.20 → 0.0.21

package/es/components/yc-plus-page/src/index.vue.mjs

@@ -1,6 +1,6 @@
 import _sfc_main from './index.vue2.mjs';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7c1490fd"], ["__file", "index.vue"]]);
+var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a59fd3d9"], ["__file", "index.vue"]]);
 
 export { YcPlusPageComponent as default };

package/es/components/yc-plus-page/src/index.vue2.mjs

@@ -1,7 +1,9 @@
-import { defineComponent, ref, computed, useSlots, watch, onMounted, nextTick, onUnmounted, openBlock, createElementBlock, createVNode, unref, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, renderList, normalizeProps, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, useSlots, h, watch, onMounted, nextTick, onUnmounted, openBlock, createElementBlock, createVNode, unref, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, renderList, normalizeProps, createCommentVNode } from 'vue';
 import { merge } from 'lodash-es';
 import { PlusPage } from '../../page/index.mjs';
 import YcSvgIcon from '../../yc-svg-icon/src/index.vue.mjs';
+import { useHeaderFilter } from './use-header-filter.mjs';
+import YcTableHeaderFilterCellComponent from './header-filter-cell.vue.mjs';
 import { useYcShowPageSearch, useYcCdnUrl, useYcComponentConfig } from '../../yc-config-provider/src/useYcConfig.mjs';
 
 const DEFAULT_PAGE_SIZE = 20;
@@ -25,10 +27,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       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");
@@ -54,6 +60,102 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         });
       });
     };
+    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 = 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 h(YcTableHeaderFilterCellComponent, {
+              label,
+              column: col,
+              operators,
+              filters: headerFiltersState.filters,
+              orderBy: orderByState,
+              onConfirm: handleFilterConfirm,
+              onReset: handleFilterReset,
+              onSortChange: handleSortChange
+            });
+          }
+        };
+      });
+    });
     const showSearch = computed(() => {
       if (props.showSearch !== void 0) {
         return props.showSearch;
@@ -215,13 +317,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       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
@@ -238,7 +343,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       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 openBlock(), createElementBlock(
@@ -253,6 +370,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ref_key: "plusPageRef",
             ref: plusPageRef
           }, props, {
+            columns: enhancedColumns.value,
             "is-card": _ctx.isCard,
             request: wrappedRequest.value,
             search: mergedSearch.value,
@@ -295,7 +413,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 ])
               };
             })
-          ]), 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 */

package/es/components/yc-plus-page/src/type.d.ts

@@ -10,8 +10,108 @@ export type RequestResponse = {
     data: unknown[];
     success?: boolean;
     total?: number;
+    /** 操作符目录（可选，来自后端） */
+    operator_catalog?: Record<string, string[]>;
+    /** 字段目录（可选，来自后端） */
+    field_catalog?: FieldCatalog;
     [key: string]: unknown;
 };
+/**
+ * 字段目录项 - 来自后端的字段配置
+ */
+export interface FieldCatalogItem {
+    /** 字段类型 */
+    type?: 'string' | 'number' | 'date' | 'boolean' | 'json';
+    /** 字段标签 */
+    label?: string;
+    /** 是否支持筛选 */
+    filter?: boolean;
+    /** 是否可为空/控制列显示 */
+    nullable?: boolean;
+    /** 是否为字典字段 */
+    dictField?: boolean;
+    /** 对应 column.prop */
+    allowedField?: string;
+    /** 原始字段名（如 vwProjectCountparking.projectName） */
+    [key: string]: unknown;
+}
+/**
+ * 字段目录
+ */
+export type FieldCatalog = Record<string, FieldCatalogItem>;
+/**
+ * 操作符选项
+ */
+export interface OperatorOption {
+    /** 显示标签 */
+    label: string;
+    /** 操作符代码 */
+    code: string;
+}
+/**
+ * 表头筛选配置
+ */
+export interface HeaderFilterConfig {
+    /** 是否启用表头筛选，默认 false */
+    enabled?: boolean;
+    /** 字段目录（来自后端） */
+    fieldCatalog?: FieldCatalog;
+    /** 操作符目录（可选，默认使用内置） */
+    operatorCatalog?: Record<string, string[]>;
+    /** 默认排序 */
+    defaultOrderBy?: Array<{
+        field: string;
+        direction: 'asc' | 'desc';
+    }>;
+}
+/**
+ * 列级别的表头筛选配置
+ */
+export interface ColumnHeaderFilterConfig {
+    /** 自定义操作符列表 */
+    operators?: OperatorOption[];
+    /** 确认回调 */
+    onConfirm?: (payload: HeaderFilterPayload) => void;
+    /** 重置回调 */
+    onReset?: (payload: HeaderFilterResetPayload) => void;
+}
+/**
+ * 表头筛选确认事件 payload
+ */
+export interface HeaderFilterPayload {
+    column: PlusColumn;
+    op: string;
+    value?: string;
+}
+/**
+ * 表头筛选重置事件 payload
+ */
+export interface HeaderFilterResetPayload {
+    column: PlusColumn;
+    op: string;
+}
+/**
+ * 筛选项
+ */
+export interface FilterItem {
+    field: string;
+    op: string;
+    value?: string;
+}
+/**
+ * 筛选状态
+ */
+export interface HeaderFiltersState {
+    logic: 'and' | 'or';
+    filters: FilterItem[];
+}
+/**
+ * 排序项
+ */
+export interface OrderByItem {
+    field: string;
+    direction: 'asc' | 'desc';
+}
 /**
  * YcPlusPage 组件属性
  */
@@ -44,5 +144,17 @@ export interface YcPlusPageProps extends /* @vue-ignore */ Omit<Partial<PlusPage
      * - 如果全局配置也未设置，默认 true
      */
     showSearch?: boolean;
+    /**
+     * 表头筛选配置
+     * - 传入 true 启用默认配置
+     * - 传入对象自定义配置
+     * - 不传或传入 false 禁用（默认）
+     */
+    headerFilter?: HeaderFilterConfig | boolean;
+    /**
+     * 是否隐藏表头筛选（简写方式）
+     * @default true（默认隐藏）
+     */
+    hideHeaderFilter?: boolean;
 }
 export type RePlusPageProps = YcPlusPageProps;

package/es/components/yc-plus-page/src/use-header-filter.d.ts

@@ -0,0 +1,55 @@
+import { FieldCatalog, HeaderFilterConfig, HeaderFiltersState, OrderByItem, OperatorOption } from './type';
+import { PlusColumn } from 'yc-pro-components/es/types/plus';
+import { Ref } from 'vue';
+
+export interface UseHeaderFilterOptions {
+    /** 表头筛选配置 - 支持 getter 函数以实现响应式 */
+    headerFilterConfig?: HeaderFilterConfig | boolean | (() => HeaderFilterConfig | boolean | undefined);
+    /** 是否隐藏表头筛选 - 支持 getter 函数以实现响应式 */
+    hideHeaderFilter?: boolean | (() => boolean | undefined);
+    /** 刷新列表回调 */
+    onRefresh?: () => void;
+    /** 筛选确认回调 */
+    onFilterConfirm?: (payload: {
+        column: PlusColumn;
+        op: string;
+        value?: string;
+    }) => void;
+    /** 筛选重置回调 */
+    onFilterReset?: (payload: {
+        column: PlusColumn;
+        op: string;
+    }) => void;
+}
+export interface UseHeaderFilterReturn {
+    /** 是否启用表头筛选 */
+    isEnabled: Ref<boolean>;
+    /** 筛选状态 */
+    headerFiltersState: HeaderFiltersState;
+    /** 排序状态 */
+    orderByState: OrderByItem[];
+    /** 操作符目录（来自接口） */
+    operatorCatalogState: Ref<Record<string, string[]>>;
+    /** 字段目录（来自接口） */
+    fieldCatalogState: Ref<FieldCatalog>;
+    /** 更新或插入筛选项 */
+    upsertHeaderFilter: (field: string, op: string, value?: string) => void;
+    /** 移除筛选项 */
+    removeHeaderFilter: (field: string) => void;
+    /** 设置排序 */
+    setOrderBy: (field: string, direction?: 'asc' | 'desc') => void;
+    /** 根据 prop 获取操作符列表 */
+    getOpsByProp: (prop?: string) => OperatorOption[];
+    /** 获取合并后的请求参数 */
+    getMergedQuery: (baseQuery: Record<string, unknown>) => Record<string, unknown>;
+    /** 更新目录（从接口返回数据） */
+    updateCatalogs: (operatorCatalog?: Record<string, string[]>, fieldCatalog?: FieldCatalog) => void;
+    /** 判断字段是否支持筛选（基于 fieldCatalog 的 filter 属性） */
+    isFieldFilterable: (prop?: string) => boolean;
+    /** 判断字段是否允许显示（基于 fieldCatalog 的 nullable 属性） */
+    isFieldVisible: (prop?: string) => boolean;
+}
+/**
+ * 表头筛选 Hook
+ */
+export declare function useHeaderFilter(options?: UseHeaderFilterOptions): UseHeaderFilterReturn;

package/es/components/yc-plus-page/src/use-header-filter.mjs

@@ -0,0 +1,172 @@
+import { computed, reactive } from 'vue';
+import { OPERATOR_CATALOG, OPERATOR_LABELS, DEFAULT_OPERATORS } from './constants.mjs';
+
+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 = 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 = computed(() => {
+    const headerFilterConfig = getHeaderFilterConfig();
+    if (typeof headerFilterConfig === "object" && (headerFilterConfig == null ? void 0 : headerFilterConfig.operatorCatalog)) {
+      return headerFilterConfig.operatorCatalog;
+    }
+    return {};
+  });
+  const fieldCatalogState = computed(() => {
+    const headerFilterConfig = getHeaderFilterConfig();
+    if (typeof headerFilterConfig === "object" && (headerFilterConfig == null ? void 0 : headerFilterConfig.fieldCatalog)) {
+      return headerFilterConfig.fieldCatalog;
+    }
+    return {};
+  });
+  const headerFiltersState = reactive({
+    logic: "and",
+    filters: []
+  });
+  const initConfig = getHeaderFilterConfig();
+  const orderByState = 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
+  };
+}
+
+export { useHeaderFilter };

package/es/index.css

@@ -1,5 +1,6 @@
 .yc-svg-icon[data-v-34e1f2f7]{display:inline-block;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle}.yc-svg-icon--original[data-v-34e1f2f7]{-o-object-fit:contain;object-fit:contain}
-.yc-plus-page[data-v-7c1490fd]{height:100%}.yc-plus-page[data-v-7c1490fd] [data-v-7c1490fd] .plus-page>.el-card{border-radius:8px}[data-v-7c1490fd] .yc-search-card-body{padding-right:0}[data-v-7c1490fd] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-7c1490fd]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-7c1490fd]{font-size:14px}
+
+.yc-plus-page[data-v-a59fd3d9]{height:100%}.yc-plus-page[data-v-a59fd3d9] [data-v-a59fd3d9] .plus-page>.el-card{border-radius:8px}[data-v-a59fd3d9] .yc-search-card-body{padding-right:0}[data-v-a59fd3d9] .plus-table-title-bar__toolbar__icon{font-size:16px!important;position:relative;top:-2px}.column-settings-wrapper[data-v-a59fd3d9]{align-items:center;cursor:pointer;display:flex;gap:4px;margin-left:8px}.column-settings-text[data-v-a59fd3d9]{font-size:14px}
 .yc-select-v2-loading.el-select-dropdown__item{color:#909399;cursor:default;font-size:13px;pointer-events:none;text-align:center}.yc-select-v2-loading.el-select-dropdown__item.is-disabled{color:#909399;cursor:default}
 .el-tree .el-tree-node__content{position:relative}.yc-tree-node-label-wrapper{align-items:center;display:flex;flex:1;min-width:0}.yc-tree-node-label{font-size:12px}.yc-tree-node-line-ver{border-left:1px dashed var(--el-border-color-light,#dcdfe6);display:block;height:100%;left:0;position:absolute;top:0}.yc-tree-node-line-ver.last-node-line{border-left:1px dashed transparent}.yc-tree-node-line-ver.last-node-isLeaf-line{height:50%}.yc-tree-node-line-hor{border-bottom:1px dashed var(--el-border-color-light,#dcdfe6);display:block;height:0;left:0;position:absolute;top:50%}
 .yc-plus-tree[data-v-0043eed3]{display:flex;flex-direction:column;height:100%;overflow:auto}.yc-plus-tree[data-v-0043eed3] .search-input[data-v-0043eed3]{flex-shrink:0;margin-bottom:16px}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3]{flex:1;min-height:0;overflow:hidden}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-v2{overflow-x:visible!important}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3]{align-items:center;display:flex;flex:1;padding-left:0;padding-right:8px;position:relative;z-index:1}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3]{flex-shrink:0;width:100%}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__wrapper{border-radius:4px;box-shadow:0 0 0 1px var(--el-border-color) inset;font-size:14px;height:26px;line-height:18px;padding:0 8px;transition:box-shadow .2s ease}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__wrapper[data-v-0043eed3]:hover{box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__wrapper.is-focus[data-v-0043eed3]{box-shadow:0 0 0 1px var(--el-color-primary) inset}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__inner{color:rgba(0,0,0,.7);font-size:14px;height:24px;line-height:18px}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__inner[data-v-0043eed3]::-moz-placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .inline-input-node[data-v-0043eed3] .inline-input[data-v-0043eed3] [data-v-0043eed3] .el-input__inner[data-v-0043eed3]::placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node__content:hover{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node__content:hover .label-text[data-v-0043eed3]{color:var(--el-color-primary)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node__content:hover .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] [data-v-0043eed3] .el-tree-node.is-current>.el-tree-node__content .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3]{align-items:center;display:flex;gap:4px;width:100%}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3][data-v-0043eed3]:hover .node-actions[data-v-0043eed3]{opacity:1;pointer-events:auto}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] [data-v-0043eed3] .el-tooltip__trigger,.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label [data-v-0043eed3] .el-tooltip__trigger{display:block;min-width:0;overflow:hidden}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .label-text[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .node-text[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .label-text[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .node-text[data-v-0043eed3]{color:var(--el-text-color-primary);display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .label-text[data-v-0043eed3] [data-v-0043eed3] .highlight-keyword,.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .node-text[data-v-0043eed3] [data-v-0043eed3] .highlight-keyword,.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .label-text[data-v-0043eed3] [data-v-0043eed3] .highlight-keyword,.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .node-text[data-v-0043eed3] [data-v-0043eed3] .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-label[data-v-0043eed3] .node-count[data-v-0043eed3],.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] [data-v-0043eed3] .custom-node-label .node-count[data-v-0043eed3]{color:var(--el-text-color-secondary);font-size:12px}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-actions[data-v-0043eed3]{align-items:center;display:flex;flex-shrink:0;margin-left:auto;margin-right:8px;opacity:0;pointer-events:none;transition:opacity .2s ease}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-actions[data-v-0043eed3] .action-icon-wrapper[data-v-0043eed3]{align-items:center;cursor:pointer;display:flex;justify-content:center}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-actions[data-v-0043eed3] .action-icon[data-v-0043eed3]{align-items:center;border-radius:4px;color:var(--el-color-primary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .2s ease;width:20px}.yc-plus-tree[data-v-0043eed3] .tree-container[data-v-0043eed3] .node-label-wrapper[data-v-0043eed3] .node-actions[data-v-0043eed3] .action-icon[data-v-0043eed3][data-v-0043eed3]:hover{background-color:var(--el-color-primary-light-8)}.tree-dropdown-menu[data-v-0043eed3]{border-radius:8px!important;min-width:156px!important;padding:8px!important}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .el-dropdown-menu__item{border-radius:8px;font-size:12px;height:32px;line-height:32px;margin:0;padding:0 12px;transition:background-color .2s ease}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .el-dropdown-menu__item[data-v-0043eed3]:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .el-dropdown-menu__item[data-v-0043eed3]:not(:last-child){margin-bottom:4px}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .el-divider{border-top:1px solid #e5e7eb;margin:12px 0}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .sortable-ghost{background-color:var(--el-color-primary-light-9);border:1px dashed var(--el-color-primary);border-radius:4px;opacity:.4}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .sortable-chosen{background-color:var(--el-color-primary-light-8);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .sortable-drag{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:move;opacity:1;transform:rotate(2deg)}.tree-dropdown-menu[data-v-0043eed3] [data-v-0043eed3] .sortable-fallback{-webkit-user-select:none;-moz-user-select:none;user-select:none}

package/es/index.mjs

@@ -38,7 +38,9 @@ export { PlusCheckCardGroup } from './components/check-card-group/index.mjs';
 export { DEFAULT_CDN_CONFIG, DEFAULT_YC_CONFIG, YC_CONFIG_KEY } from './components/yc-config-provider/src/type.mjs';
 export { useYcAuth, useYcCdn, useYcCdnUrl, useYcComponentConfig, useYcConfig, useYcPerms, useYcShowPageSearch, useYcTranslate } from './components/yc-config-provider/src/useYcConfig.mjs';
 export { YcConfigProvider as ReConfigProvider, YcConfigProvider } from './components/yc-config-provider/index.mjs';
-export { RePlusPage, YcPlusPage } from './components/yc-plus-page/index.mjs';
+export { useHeaderFilter } from './components/yc-plus-page/src/use-header-filter.mjs';
+export { DEFAULT_OPERATORS, NO_VALUE_OPERATORS, OPERATOR_CATALOG, OPERATOR_LABELS } from './components/yc-plus-page/src/constants.mjs';
+export { RePlusPage, YcPlusPage, YcTableHeaderFilterCell } from './components/yc-plus-page/index.mjs';
 export { default as ReSelectV2, default as YcSelectV2 } from './components/yc-select-v2/src/index.vue.mjs';
 export { findNodeById, findNodeByPath, findNodePosition, insertAsChild, insertAsSibling, insertNodeAtPosition, removeNode, reorderNodeChildren, reorderSiblingNodes } from './components/yc-plus-tree/src/treeDataUtils.mjs';
 export { RePlusTree, YcPlusTree } from './components/yc-plus-tree/index.mjs';

package/index.css

@@ -10,27 +10,31 @@
      object-fit: contain;
 }
 @charset "UTF-8";
-.yc-plus-page[data-v-7c1490fd] {
+.yc-header-filter-cell[data-v-87ce6807] {
+  /* 基础样式已通过内联样式设置 */
+}
+@charset "UTF-8";
+.yc-plus-page[data-v-a59fd3d9] {
   height: 100%;
   /* 卡片模式下设置圆角 8px */
 }
-.yc-plus-page[data-v-7c1490fd] [data-v-7c1490fd] .plus-page > .el-card {
+.yc-plus-page[data-v-a59fd3d9] [data-v-a59fd3d9] .plus-page > .el-card {
   border-radius: 8px;
 }
 
-[data-v-7c1490fd] .yc-search-card-body {
+[data-v-a59fd3d9] .yc-search-card-body {
   padding-right: 0;
 }
 
 /* 密度图标样式调整 */
-[data-v-7c1490fd] .plus-table-title-bar__toolbar__icon {
+[data-v-a59fd3d9] .plus-table-title-bar__toolbar__icon {
   position: relative;
   top: -2px;
   font-size: 16px !important;
 }
 
 /* 字段管理样式 */
-.column-settings-wrapper[data-v-7c1490fd] {
+.column-settings-wrapper[data-v-a59fd3d9] {
   display: flex;
   gap: 4px;
   align-items: center;
@@ -38,7 +42,7 @@
   cursor: pointer;
 }
 
-.column-settings-text[data-v-7c1490fd] {
+.column-settings-text[data-v-a59fd3d9] {
   font-size: 14px;
 }