yc-pro-components 0.0.46 → 0.0.48

package/index.mjs

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.46 */
+/*! yc-pro-components v0.0.48 */
 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';
 
@@ -18334,7 +18334,7 @@ const _hoisted_7$6 = {
   key: 0,
   class: "plus-table-checkbox-handle"
 };
-const _hoisted_8$4 = { key: 1 };
+const _hoisted_8$5 = { key: 1 };
 const _hoisted_9$4 = { key: 1 };
 var _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
@@ -18717,7 +18717,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
                                     /* DYNAMIC */
                                   }, 1032, ["content"])) : (openBlock(), createElementBlock(
                                     "span",
-                                    _hoisted_8$4,
+                                    _hoisted_8$5,
                                     toDisplayString(item.label ? getLabelValue(item.label) : ""),
                                     1
                                     /* TEXT */
@@ -22022,7 +22022,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$3 = { class: "plus-header__username" };
+const _hoisted_8$4 = { class: "plus-header__username" };
 const _hoisted_9$3 = {
   key: 0,
   class: "plus-header-placeholder"
@@ -22177,7 +22177,7 @@ var _sfc_main$m = /* @__PURE__ */ defineComponent({
                       createCommentVNode(" username "),
                       createElementVNode(
                         "p",
-                        _hoisted_8$3,
+                        _hoisted_8$4,
                         toDisplayString(_ctx.userInfo.username || "admin"),
                         1
                         /* TEXT */
@@ -32350,7 +32350,8 @@ function useHeaderFilter(options = {}) {
 
 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 = {
+const _hoisted_3$8 = { style: { cursor: "pointer", display: "inline-flex", alignItems: "center" } };
+const _hoisted_4$6 = {
   class: "yc-header-filter-cell__content",
   style: {
     display: "flex",
@@ -32360,10 +32361,10 @@ const _hoisted_3$8 = {
     gap: "4px"
   }
 };
-const _hoisted_4$6 = { class: "yc-header-filter-cell__operators" };
-const _hoisted_5$6 = ["onClick"];
-const _hoisted_6$5 = { key: 0 };
-const _hoisted_7$4 = {
+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 = {
   class: "yc-header-filter-cell__actions",
   style: {
     display: "flex",
@@ -32550,9 +32551,14 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
             alignItems: "center",
             gap: "4px",
             cursor: "default"
-          }
+          },
+          onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
+          }, ["stop"])),
+          onClick: _cache[2] || (_cache[2] = withModifiers(() => {
+          }, ["stop"]))
         },
         [
+          createCommentVNode(" @mousedown.stop / @click.stop \u963B\u6B62 el-table <th> \u7684 handleHeaderClick \u548C\u5217 resize \u4E8B\u4EF6\u7A7F\u900F "),
           createCommentVNode(" \u6807\u7B7E\u5185\u5BB9 "),
           createElementVNode(
             "span",
@@ -32677,14 +32683,12 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
             placement: "bottom-start",
             width: 220,
             visible: popVisible.value,
+            "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => popVisible.value = $event),
             "popper-class": "yc-header-filter-pop",
             "popper-style": { zIndex: 4e3 }
           }, {
             reference: withCtx(() => [
-              createElementVNode("span", {
-                style: { cursor: "pointer", display: "inline-flex", alignItems: "center" },
-                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => popVisible.value = !popVisible.value, ["stop"]))
-              }, [
+              createElementVNode("span", _hoisted_3$8, [
                 createVNode(unref(YcSvgIcon), {
                   src: filterIconUrl.value,
                   size: 14,
@@ -32693,9 +32697,9 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
               ])
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$8, [
+              createElementVNode("div", _hoisted_4$6, [
                 createCommentVNode(" \u64CD\u4F5C\u7B26\u5217\u8868 "),
-                createElementVNode("div", _hoisted_4$6, [
+                createElementVNode("div", _hoisted_5$6, [
                   (openBlock(true), createElementBlock(
                     Fragment,
                     null,
@@ -32722,8 +32726,8 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
                           1
                           /* TEXT */
                         ),
-                        state.selectedOp === op.code ? (openBlock(), createElementBlock("span", _hoisted_6$5, "\u2713")) : createCommentVNode("v-if", true)
-                      ], 12, _hoisted_5$6);
+                        state.selectedOp === op.code ? (openBlock(), createElementBlock("span", _hoisted_7$4, "\u2713")) : createCommentVNode("v-if", true)
+                      ], 12, _hoisted_6$5);
                     }),
                     128
                     /* KEYED_FRAGMENT */
@@ -32732,7 +32736,7 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
                 createCommentVNode(" \u503C\u8F93\u5165 "),
                 needValueInput.value ? (openBlock(), createBlock(resolveDynamicComponent(renderValueField), { key: 0 })) : createCommentVNode("v-if", true),
                 createCommentVNode(" \u64CD\u4F5C\u6309\u94AE "),
-                createElementVNode("div", _hoisted_7$4, [
+                createElementVNode("div", _hoisted_8$3, [
                   createVNode(unref(ElButton), { onClick: handleReset }, {
                     default: withCtx(() => [
                       createTextVNode("\u91CD\u7F6E")
@@ -32757,14 +32761,14 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
             /* STABLE */
           }, 8, ["visible"])) : createCommentVNode("v-if", true)
         ],
-        512
-        /* NEED_PATCH */
+        544
+        /* NEED_HYDRATION, NEED_PATCH */
       );
     };
   }
 });
 
-var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-bf34a631"], ["__file", "header-filter-cell.vue"]]);
+var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-e0442d8a"], ["__file", "header-filter-cell.vue"]]);
 
 const DEFAULT_PAGE_SIZE = 20;
 const COLUMN_CACHE_PREFIX = "yc-column-settings:";
@@ -33268,6 +33272,147 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
 
 var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-c7557953"], ["__file", "index.vue"]]);
 
+function compareValues(a, b) {
+  if (a == null && b == null) return 0;
+  if (a == null) return -1;
+  if (b == null) return 1;
+  const numA = Number(a);
+  const numB = Number(b);
+  if (!isNaN(numA) && !isNaN(numB)) return numA - numB;
+  return String(a).localeCompare(String(b), "zh-CN");
+}
+function matchFilter(value, op, filterValue) {
+  const strValue = String(value != null ? value : "").toLowerCase();
+  const strFilter = String(filterValue != null ? filterValue : "").toLowerCase();
+  switch (op) {
+    case "=":
+      return strValue === strFilter;
+    case "!=":
+      return strValue !== strFilter;
+    case "like":
+      return strValue.includes(strFilter);
+    case "not like":
+      return !strValue.includes(strFilter);
+    case ">":
+      return Number(value) > Number(filterValue);
+    case ">=":
+      return Number(value) >= Number(filterValue);
+    case "<":
+      return Number(value) < Number(filterValue);
+    case "<=":
+      return Number(value) <= Number(filterValue);
+    case "is null":
+    case "empty":
+      return value == null || strValue === "";
+    case "is not null":
+    case "not_empty":
+      return value != null && strValue !== "";
+    case "in": {
+      const set = strFilter.split(",").map((s) => s.trim().toLowerCase());
+      return set.includes(strValue);
+    }
+    case "not in": {
+      const set = strFilter.split(",").map((s) => s.trim().toLowerCase());
+      return !set.includes(strValue);
+    }
+    case "between": {
+      const parts = strFilter.split(",").map((s) => Number(s.trim()));
+      const num = Number(value);
+      return parts.length === 2 && !isNaN(num) && !isNaN(parts[0]) && !isNaN(parts[1]) && num >= parts[0] && num <= parts[1];
+    }
+    case "is true":
+      return value === true || strValue === "true" || strValue === "1";
+    case "is false":
+      return value === false || strValue === "false" || strValue === "0";
+    default:
+      return true;
+  }
+}
+function useLocalHeaderFilter(data, options) {
+  const fieldCatalog = computed(() => {
+    const cols = options == null ? void 0 : options.filterableColumns;
+    if (!(cols == null ? void 0 : cols.length)) return {};
+    const catalog = {};
+    for (const col of cols) {
+      catalog[col.prop] = {
+        type: col.type || "string",
+        filter: true,
+        allowedField: col.prop
+      };
+    }
+    return catalog;
+  });
+  const {
+    headerFiltersState,
+    orderByState,
+    upsertHeaderFilter,
+    removeHeaderFilter,
+    setOrderBy,
+    getOpsByProp,
+    isEnabled: _isEnabled
+  } = useHeaderFilter({
+    headerFilterConfig: () => ({
+      enabled: true,
+      fieldCatalog: fieldCatalog.value
+    }),
+    hideHeaderFilter: () => false
+  });
+  const filteredData = computed(() => {
+    let result = [...unref(data) || []];
+    if (headerFiltersState.filters.length > 0) {
+      result = result.filter((row) => {
+        const record = row;
+        return headerFiltersState.filters.every(
+          (filter) => matchFilter(record[filter.field], filter.op, filter.value)
+        );
+      });
+    }
+    if (orderByState.length > 0) {
+      result.sort((a, b) => {
+        const recA = a;
+        const recB = b;
+        for (const order of orderByState) {
+          const cmp = compareValues(recA[order.field], recB[order.field]);
+          if (cmp !== 0) return order.direction === "asc" ? cmp : -cmp;
+        }
+        return 0;
+      });
+    }
+    return result;
+  });
+  const handleFilterConfirm = (payload) => {
+    var _a;
+    const field = String(((_a = payload.column) == null ? void 0 : _a.prop) || "");
+    upsertHeaderFilter(field, payload.op, payload.value);
+  };
+  const handleFilterReset = (payload) => {
+    var _a;
+    const field = String(((_a = payload.column) == null ? void 0 : _a.prop) || "");
+    removeHeaderFilter(field);
+  };
+  const handleSortChange = (payload) => {
+    setOrderBy(payload.field, payload.direction);
+  };
+  const resetAllFilters = () => {
+    headerFiltersState.filters.splice(0);
+    orderByState.splice(0);
+  };
+  const hasActiveFilters = computed(() => {
+    return headerFiltersState.filters.length > 0 || orderByState.length > 0;
+  });
+  return {
+    filteredData,
+    headerFiltersState,
+    orderByState,
+    handleFilterConfirm,
+    handleFilterReset,
+    handleSortChange,
+    getOpsByProp,
+    resetAllFilters,
+    hasActiveFilters
+  };
+}
+
 const YcPlusPage = YcPlusPageComponent;
 const YcTableHeaderFilterCell = YcTableHeaderFilterCellComponent;
 const RePlusPage = YcPlusPageComponent;
@@ -63628,4 +63773,4 @@ const version = "0.0.13";
 
 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, insertAsChild, insertAsSibling, insertNodeAtPosition, install, providePlusProConfig, removeNode, reorderNodeChildren, reorderSiblingNodes, selectValueTypeList, updateDrawer, useColumnAdapter, useDialogFormConfig, useDictInjection, useDrawerFormConfig, useGetOptions, useHeaderFilter, 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, 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 };

package/lib/components/index.js

@@ -49,6 +49,7 @@ var useVirtualScroll = require('./virtual-table/src/use-virtual-scroll.js');
 var type = require('./yc-config-provider/src/type.js');
 var useYcConfig = require('./yc-config-provider/src/useYcConfig.js');
 var useHeaderFilter = require('./yc-plus-page/src/use-header-filter.js');
+var useLocalHeaderFilter = require('./yc-plus-page/src/use-local-header-filter.js');
 var constants = require('./yc-plus-page/src/constants.js');
 var index$p = require('./yc-select-v2/src/index.vue.js');
 var treeDataUtils = require('./yc-plus-tree/src/treeDataUtils.js');
@@ -144,6 +145,7 @@ exports.useYcPerms = useYcConfig.useYcPerms;
 exports.useYcShowPageSearch = useYcConfig.useYcShowPageSearch;
 exports.useYcTranslate = useYcConfig.useYcTranslate;
 exports.useHeaderFilter = useHeaderFilter.useHeaderFilter;
+exports.useLocalHeaderFilter = useLocalHeaderFilter.useLocalHeaderFilter;
 exports.DEFAULT_OPERATORS = constants.DEFAULT_OPERATORS;
 exports.NO_VALUE_OPERATORS = constants.NO_VALUE_OPERATORS;
 exports.OPERATOR_CATALOG = constants.OPERATOR_CATALOG;

package/lib/components/yc-plus-page/index.d.ts

@@ -4,6 +4,8 @@ import { DefineComponent } from 'vue';
 export type { YcPlusPageProps, FieldCatalogItem, FieldCatalog, OperatorOption, HeaderFilterConfig, ColumnHeaderFilterConfig, HeaderFilterPayload, HeaderFilterResetPayload, FilterItem, HeaderFiltersState, OrderByItem, RequestResponse } from './src/type';
 export { useHeaderFilter } from './src/use-header-filter';
 export type { UseHeaderFilterOptions, UseHeaderFilterReturn } from './src/use-header-filter';
+export { useLocalHeaderFilter } from './src/use-local-header-filter';
+export type { LocalFilterColumnConfig, UseLocalHeaderFilterOptions, UseLocalHeaderFilterReturn } from './src/use-local-header-filter';
 export { OPERATOR_CATALOG, OPERATOR_LABELS, NO_VALUE_OPERATORS, DEFAULT_OPERATORS } from './src/constants';
 export type YcPlusPageInstance = InstanceType<typeof YcPlusPageComponent>;
 export declare const YcPlusPage: DefineComponent;

package/lib/components/yc-plus-page/index.js

@@ -3,6 +3,7 @@
 var index = require('./src/index.vue.js');
 var headerFilterCell = require('./src/header-filter-cell.vue.js');
 var useHeaderFilter = require('./src/use-header-filter.js');
+var useLocalHeaderFilter = require('./src/use-local-header-filter.js');
 var constants = require('./src/constants.js');
 
 const YcPlusPage = index.default;
@@ -10,6 +11,7 @@ const YcTableHeaderFilterCell = headerFilterCell.default;
 const RePlusPage = index.default;
 
 exports.useHeaderFilter = useHeaderFilter.useHeaderFilter;
+exports.useLocalHeaderFilter = useLocalHeaderFilter.useLocalHeaderFilter;
 exports.DEFAULT_OPERATORS = constants.DEFAULT_OPERATORS;
 exports.NO_VALUE_OPERATORS = constants.NO_VALUE_OPERATORS;
 exports.OPERATOR_CATALOG = constants.OPERATOR_CATALOG;

package/lib/components/yc-plus-page/src/header-filter-cell.vue.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var headerFilterCell_vue_vue_type_script_setup_true_lang = require('./header-filter-cell.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(headerFilterCell_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-bf34a631"], ["__file", "header-filter-cell.vue"]]);
+var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(headerFilterCell_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-e0442d8a"], ["__file", "header-filter-cell.vue"]]);
 
 exports.default = YcTableHeaderFilterCellComponent;

package/lib/components/yc-plus-page/src/header-filter-cell.vue2.js

@@ -12,7 +12,8 @@ var useYcConfig = require('../../yc-config-provider/src/useYcConfig.js');
 
 const _hoisted_1 = { class: "yc-header-filter-cell__label-text" };
 const _hoisted_2 = { class: "yc-header-filter-cell__label-text" };
-const _hoisted_3 = {
+const _hoisted_3 = { style: { cursor: "pointer", display: "inline-flex", alignItems: "center" } };
+const _hoisted_4 = {
   class: "yc-header-filter-cell__content",
   style: {
     display: "flex",
@@ -22,10 +23,10 @@ const _hoisted_3 = {
     gap: "4px"
   }
 };
-const _hoisted_4 = { class: "yc-header-filter-cell__operators" };
-const _hoisted_5 = ["onClick"];
-const _hoisted_6 = { key: 0 };
-const _hoisted_7 = {
+const _hoisted_5 = { class: "yc-header-filter-cell__operators" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = {
   class: "yc-header-filter-cell__actions",
   style: {
     display: "flex",
@@ -212,9 +213,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             alignItems: "center",
             gap: "4px",
             cursor: "default"
-          }
+          },
+          onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+          }, ["stop"])),
+          onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+          }, ["stop"]))
         },
         [
+          vue.createCommentVNode(" @mousedown.stop / @click.stop \u963B\u6B62 el-table <th> \u7684 handleHeaderClick \u548C\u5217 resize \u4E8B\u4EF6\u7A7F\u900F "),
           vue.createCommentVNode(" \u6807\u7B7E\u5185\u5BB9 "),
           vue.createElementVNode(
             "span",
@@ -339,14 +345,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             placement: "bottom-start",
             width: 220,
             visible: popVisible.value,
+            "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => popVisible.value = $event),
             "popper-class": "yc-header-filter-pop",
             "popper-style": { zIndex: 4e3 }
           }, {
             reference: vue.withCtx(() => [
-              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.createElementVNode("span", _hoisted_3, [
                 vue.createVNode(vue.unref(index$1.default), {
                   src: filterIconUrl.value,
                   size: 14,
@@ -355,9 +359,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             ]),
             default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_3, [
+              vue.createElementVNode("div", _hoisted_4, [
                 vue.createCommentVNode(" \u64CD\u4F5C\u7B26\u5217\u8868 "),
-                vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode("div", _hoisted_5, [
                   (vue.openBlock(true), vue.createElementBlock(
                     vue.Fragment,
                     null,
@@ -384,8 +388,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           1
                           /* TEXT */
                         ),
-                        state.selectedOp === op.code ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, "\u2713")) : vue.createCommentVNode("v-if", true)
-                      ], 12, _hoisted_5);
+                        state.selectedOp === op.code ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, "\u2713")) : vue.createCommentVNode("v-if", true)
+                      ], 12, _hoisted_6);
                     }),
                     128
                     /* KEYED_FRAGMENT */
@@ -394,7 +398,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createCommentVNode(" \u503C\u8F93\u5165 "),
                 needValueInput.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderValueField), { key: 0 })) : vue.createCommentVNode("v-if", true),
                 vue.createCommentVNode(" \u64CD\u4F5C\u6309\u94AE "),
-                vue.createElementVNode("div", _hoisted_7, [
+                vue.createElementVNode("div", _hoisted_8, [
                   vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleReset }, {
                     default: vue.withCtx(() => [
                       vue.createTextVNode("\u91CD\u7F6E")
@@ -419,8 +423,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             /* STABLE */
           }, 8, ["visible"])) : vue.createCommentVNode("v-if", true)
         ],
-        512
-        /* NEED_PATCH */
+        544
+        /* NEED_HYDRATION, NEED_PATCH */
       );
     };
   }

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

@@ -0,0 +1,93 @@
+import { HeaderFiltersState, OrderByItem, OperatorOption, HeaderFilterPayload, HeaderFilterResetPayload } from './type';
+import { Ref, ComputedRef } from 'vue';
+
+/**
+ * 可筛选列配置
+ */
+export interface LocalFilterColumnConfig {
+    /** 列字段名（对应 el-table-column 的 prop） */
+    prop: string;
+    /** 字段类型，决定可用的操作符集合，默认 'string' */
+    type?: 'string' | 'number' | 'date' | 'boolean';
+}
+/**
+ * useLocalHeaderFilter 配置项
+ */
+export interface UseLocalHeaderFilterOptions {
+    /** 需要启用筛选的列配置，未配置的列不显示筛选 */
+    filterableColumns?: LocalFilterColumnConfig[];
+}
+/**
+ * useLocalHeaderFilter 返回值
+ */
+export interface UseLocalHeaderFilterReturn<T> {
+    /** 经过筛选和排序后的数据，绑定到表格的 :data */
+    filteredData: ComputedRef<T[]>;
+    /** 当前筛选状态，传给 YcTableHeaderFilterCell 的 :filters */
+    headerFiltersState: HeaderFiltersState;
+    /** 当前排序状态，传给 YcTableHeaderFilterCell 的 :order-by */
+    orderByState: OrderByItem[];
+    /** 筛选确认处理，传给 YcTableHeaderFilterCell 的 @confirm */
+    handleFilterConfirm: (payload: HeaderFilterPayload) => void;
+    /** 筛选重置处理，传给 YcTableHeaderFilterCell 的 @reset */
+    handleFilterReset: (payload: HeaderFilterResetPayload) => void;
+    /** 排序切换处理，传给 YcTableHeaderFilterCell 的 @sort-change */
+    handleSortChange: (payload: {
+        field: string;
+        direction?: 'asc' | 'desc';
+    }) => void;
+    /** 根据 prop 获取操作符列表，传给 YcTableHeaderFilterCell 的 :operators */
+    getOpsByProp: (prop: string) => OperatorOption[];
+    /** 重置所有筛选和排序 */
+    resetAllFilters: () => void;
+    /** 是否有激活的筛选条件 */
+    hasActiveFilters: ComputedRef<boolean>;
+}
+/**
+ * 本地数据表头筛选组合式函数
+ *
+ * @param data - 响应式数据源
+ * @param options - 可筛选列配置
+ *
+ * @example
+ * ```ts
+ * import { useLocalHeaderFilter, YcTableHeaderFilterCell } from 'yc-pro-components'
+ *
+ * const {
+ *   filteredData,
+ *   headerFiltersState,
+ *   orderByState,
+ *   handleFilterConfirm,
+ *   handleFilterReset,
+ *   handleSortChange,
+ *   getOpsByProp
+ * } = useLocalHeaderFilter(tableData, {
+ *   filterableColumns: [
+ *     { prop: 'userName', type: 'string' },
+ *     { prop: 'realShortName', type: 'string' },
+ *     { prop: 'weight', type: 'number' }
+ *   ]
+ * })
+ * ```
+ *
+ * 模板中配合 el-table 使用：
+ * ```vue
+ * <el-table :data="filteredData">
+ *   <el-table-column prop="userName">
+ *     <template #header>
+ *       <YcTableHeaderFilterCell
+ *         label="客户名称"
+ *         :column="{ prop: 'userName' }"
+ *         :operators="getOpsByProp('userName')"
+ *         :filters="headerFiltersState.filters"
+ *         :order-by="orderByState"
+ *         @confirm="handleFilterConfirm"
+ *         @reset="handleFilterReset"
+ *         @sort-change="handleSortChange"
+ *       />
+ *     </template>
+ *   </el-table-column>
+ * </el-table>
+ * ```
+ */
+export declare function useLocalHeaderFilter<T = Record<string, unknown>>(data: Ref<T[]> | ComputedRef<T[]>, options?: UseLocalHeaderFilterOptions): UseLocalHeaderFilterReturn<T>;