yc-pro-components 0.0.57 → 0.0.59

package/index.mjs

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.57 */
+/*! yc-pro-components v0.0.59 */
 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';
 
@@ -32335,6 +32335,10 @@ function useHeaderFilter(options = {}) {
       orderByState.push(next);
     }
   };
+  const resetAllHeaderFilters = () => {
+    headerFiltersState.filters.splice(0);
+    orderByState.splice(0);
+  };
   const getMergedQuery = (baseQuery) => {
     const normalizeFilters = (filters) => {
       return filters.map((f) => {
@@ -32387,7 +32391,8 @@ function useHeaderFilter(options = {}) {
     getMergedQuery,
     updateCatalogs,
     isFieldFilterable,
-    isFieldVisible
+    isFieldVisible,
+    resetAllHeaderFilters
   };
 }
 
@@ -32614,19 +32619,18 @@ const _hoisted_3$8 = {
   }
 };
 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",
-    justifyContent: "space-between",
-    marginTop: "4px"
+    justifyContent: "flex-end"
   }
 };
+const _hoisted_5$6 = {
+  key: 0,
+  class: "yc-header-filter-cell__operators"
+};
+const _hoisted_6$5 = ["onClick"];
+const _hoisted_7$4 = { key: 0 };
 var _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
     name: "YcTableHeaderFilterCell"
@@ -32639,6 +32643,7 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
     filters: { default: () => [] },
     orderBy: { default: () => [] },
     disableFilter: { type: Boolean, default: false },
+    hideSort: { type: Boolean, default: false },
     fieldConfig: {},
     referenceRenderer: { type: Function, default: void 0 }
   },
@@ -32871,9 +32876,9 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
             gap: "4px",
             cursor: "default"
           },
-          onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
+          onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
           }, ["stop"])),
-          onClick: _cache[2] || (_cache[2] = withModifiers(() => {
+          onClick: _cache[3] || (_cache[3] = withModifiers(() => {
           }, ["stop"]))
         },
         [
@@ -32884,13 +32889,13 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
             {
               class: normalizeClass(["yc-header-filter-cell__label", {
                 "yc-header-filter-cell__label--ellipsis": shouldShowEllipsis.value,
-                "yc-header-filter-cell__label--active": isAscActive.value || isDescActive.value || isActive.value
+                "yc-header-filter-cell__label--active": !_ctx.hideSort && (isAscActive.value || isDescActive.value) || isActive.value
               }]),
-              style: {
+              style: normalizeStyle({
                 userSelect: "none",
-                cursor: "pointer"
-              },
-              onClick: withModifiers(cycleSort, ["stop"])
+                cursor: _ctx.hideSort ? "default" : "pointer"
+              }),
+              onClick: _cache[0] || (_cache[0] = withModifiers(($event) => !_ctx.hideSort && cycleSort(), ["stop"]))
             },
             [
               _ctx.referenceRenderer ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.referenceRenderer), { key: 0 })) : (openBlock(), createElementBlock(
@@ -32949,8 +32954,8 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
                 /* STABLE_FRAGMENT */
               ))
             ],
-            2
-            /* CLASS */
+            6
+            /* CLASS, STYLE */
           ),
           createCommentVNode(" tooltip \u56FE\u6807\uFF08\u95EE\u53F7\uFF09- \u4EC5\u5728\u672A\u4F7F\u7528\u81EA\u5B9A\u4E49\u6E32\u67D3\u65F6\u663E\u793A "),
           columnTooltip.value && !_ctx.referenceRenderer ? (openBlock(), createBlock(
@@ -32979,8 +32984,9 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
             16
             /* FULL_PROPS */
           )) : createCommentVNode("v-if", true),
-          createCommentVNode(" \u6392\u5E8F\u56FE\u6807 "),
-          createElementVNode("span", {
+          createCommentVNode(" \u6392\u5E8F\u56FE\u6807\uFF0C\u5F53 hideSort \u4E3A true \u65F6\u9690\u85CF "),
+          !_ctx.hideSort ? (openBlock(), createElementBlock("span", {
+            key: 1,
             class: "yc-header-filter-cell__sort",
             style: {
               display: "inline-flex",
@@ -33013,10 +33019,10 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
               _: 1
               /* STABLE */
             }, 8, ["style"])
-          ]),
+          ])) : createCommentVNode("v-if", true),
           createCommentVNode(" \u7B5B\u9009\u56FE\u6807\u548C\u5F39\u7A97 "),
           !_ctx.disableFilter ? (openBlock(), createBlock(unref(ElPopover), {
-            key: 1,
+            key: 2,
             visible: popVisible.value,
             trigger: "click",
             placement: "bottom-start",
@@ -33027,7 +33033,7 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
             reference: withCtx(() => [
               createElementVNode("span", {
                 style: { cursor: "pointer", display: "inline-flex", alignItems: "center" },
-                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => popVisible.value = !popVisible.value, ["stop"]))
+                onClick: _cache[1] || (_cache[1] = withModifiers(($event) => popVisible.value = !popVisible.value, ["stop"]))
               }, [
                 createVNode(unref(YcSvgIcon), {
                   src: filterIconUrl.value,
@@ -33039,8 +33045,28 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
             ]),
             default: withCtx(() => [
               createElementVNode("div", _hoisted_3$8, [
+                createCommentVNode(" \u64CD\u4F5C\u6309\u94AE\uFF08\u7F6E\u9876\u53F3\u4FA7\uFF0C\u907F\u514D\u4E0B\u62C9\u9009\u62E9\u5668\u906E\u6321\uFF09 "),
+                createElementVNode("div", _hoisted_4$6, [
+                  createVNode(unref(ElButton), { onClick: handleReset }, {
+                    default: withCtx(() => [
+                      createTextVNode("\u91CD\u7F6E")
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  createVNode(unref(ElButton), {
+                    type: "primary",
+                    onClick: handleConfirm
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("\u786E\u5B9A")
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ]),
                 createCommentVNode(" \u64CD\u4F5C\u7B26\u5217\u8868\uFF08\u591A\u9009/\u65E5\u671F\u533A\u95F4\u7B49\u7531 hideOperatorList \u9690\u85CF\uFF0C\u9ED8\u8BA4 in / between\uFF09 "),
-                !hideOperatorList.value ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
+                !hideOperatorList.value ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
                   (openBlock(true), createElementBlock(
                     Fragment,
                     null,
@@ -33067,35 +33093,15 @@ 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 */
                   ))
                 ])) : createCommentVNode("v-if", true),
                 createCommentVNode(" \u503C\u8F93\u5165 "),
-                needValueInput.value ? (openBlock(), createBlock(resolveDynamicComponent(renderValueField), { key: 1 })) : createCommentVNode("v-if", true),
-                createCommentVNode(" \u64CD\u4F5C\u6309\u94AE "),
-                createElementVNode("div", _hoisted_7$4, [
-                  createVNode(unref(ElButton), { onClick: handleReset }, {
-                    default: withCtx(() => [
-                      createTextVNode("\u91CD\u7F6E")
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }),
-                  createVNode(unref(ElButton), {
-                    type: "primary",
-                    onClick: handleConfirm
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode("\u786E\u5B9A")
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })
-                ])
+                needValueInput.value ? (openBlock(), createBlock(resolveDynamicComponent(renderValueField), { key: 1 })) : createCommentVNode("v-if", true)
               ])
             ]),
             _: 1
@@ -33109,7 +33115,7 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 
-var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-1b4d52f7"], ["__file", "header-filter-cell.vue"]]);
+var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-bc48f1f7"], ["__file", "header-filter-cell.vue"]]);
 
 const DEFAULT_PAGE_SIZE = 20;
 const COLUMN_CACHE_PREFIX = "yc-column-settings:";
@@ -33183,7 +33189,8 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
       getOpsByProp,
       getMergedQuery,
       updateCatalogs,
-      isFieldFilterable
+      isFieldFilterable,
+      resetAllHeaderFilters
       // isFieldVisible 已在 enhancedColumns 中直接使用 fieldCatalogState 实现
     } = useHeaderFilter({
       headerFilterConfig: () => props.headerFilter,
@@ -33232,6 +33239,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
         return visibleCols;
       }
       return visibleCols.map((col) => {
+        var _a, _b;
         const colHideFilter = col.hideHeaderFilter === true;
         const hasExplicitHeaderFilter = col.headerFilter && typeof col.headerFilter === "object" || col.headerFilter === true;
         const fieldFilterable = hasExplicitHeaderFilter || isFieldFilterable(col.prop);
@@ -33242,9 +33250,12 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
           return col;
         }
         const operators = getOpsByProp(col.prop);
+        const colHeaderFilter = col.headerFilter && typeof col.headerFilter === "object" ? col.headerFilter : {};
+        const globalHeaderFilter = props.headerFilter && typeof props.headerFilter === "object" ? props.headerFilter : {};
+        const columnHideSort = (_b = (_a = colHeaderFilter.hideSort) != null ? _a : globalHeaderFilter.hideSort) != null ? _b : false;
         const FILTER_ICON_WIDTH = 24;
         const SORT_ICON_WIDTH = 16;
-        const EXTRA_WIDTH = FILTER_ICON_WIDTH + SORT_ICON_WIDTH;
+        const EXTRA_WIDTH = FILTER_ICON_WIDTH + (columnHideSort ? 0 : SORT_ICON_WIDTH);
         const originalWidth = col.width || col.minWidth;
         let adjustedWidth = originalWidth;
         if (typeof originalWidth === "number") {
@@ -33271,6 +33282,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
               operators,
               filters: headerFiltersState.filters,
               orderBy: orderByState,
+              hideSort: columnHideSort,
               onConfirm: handleFilterConfirm,
               onReset: handleFilterReset,
               onSortChange: handleSortChange,
@@ -33371,7 +33383,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
         }
         const defaultSearchConfig = {
           hasUnfold: false,
-          layout: "flex",
+          layout: "grid",
           labelSuffix: "",
           labelPosition: "right",
           searchIcon: null,
@@ -33383,7 +33395,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
       return {
         hasUnfold: false,
-        layout: "flex",
+        layout: "grid",
         labelSuffix: "",
         labelPosition: "right",
         searchIcon: null,
@@ -33562,6 +33574,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
       upsertHeaderFilter,
       removeHeaderFilter,
       setOrderBy,
+      resetAllHeaderFilters,
       getList: () => {
         var _a, _b;
         return (_b = (_a = plusPageRef.value) == null ? void 0 : _a.getList) == null ? void 0 : _b.call(_a);
@@ -33640,7 +33653,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 
-var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-f0c3f2a9"], ["__file", "index.vue"]]);
+var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-3906549e"], ["__file", "index.vue"]]);
 
 function compareValues(a, b) {
   if (a == null && b == null) return 0;

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

@@ -15,6 +15,8 @@ interface Props {
     orderBy?: OrderByItem[];
     /** 是否禁用筛选（仅显示排序） */
     disableFilter?: boolean;
+    /** 是否隐藏排序图标（仅显示筛选） */
+    hideSort?: boolean;
     /** 字段元数据配置（例如来自后端的 catalog 字典） */
     fieldConfig?: Record<string, unknown>;
     /** 自定义渲染 reference */
@@ -25,6 +27,7 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     filters: () => never[];
     orderBy: () => never[];
     disableFilter: boolean;
+    hideSort: boolean;
     referenceRenderer: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     reset: (payload: {
@@ -45,6 +48,7 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     filters: () => never[];
     orderBy: () => never[];
     disableFilter: boolean;
+    hideSort: boolean;
     referenceRenderer: undefined;
 }>>> & {
     onReset?: ((payload: {
@@ -65,6 +69,7 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     orderBy: OrderByItem[];
     operators: OperatorOption[];
     disableFilter: boolean;
+    hideSort: boolean;
     referenceRenderer: () => unknown;
 }, {}>;
 export default _default;

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-1b4d52f7"], ["__file", "header-filter-cell.vue"]]);
+var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(headerFilterCell_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-bc48f1f7"], ["__file", "header-filter-cell.vue"]]);
 
 exports.default = YcTableHeaderFilterCellComponent;

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

@@ -26,19 +26,18 @@ const _hoisted_3 = {
   }
 };
 const _hoisted_4 = {
-  key: 0,
-  class: "yc-header-filter-cell__operators"
-};
-const _hoisted_5 = ["onClick"];
-const _hoisted_6 = { key: 0 };
-const _hoisted_7 = {
   class: "yc-header-filter-cell__actions",
   style: {
     display: "flex",
-    justifyContent: "space-between",
-    marginTop: "4px"
+    justifyContent: "flex-end"
   }
 };
+const _hoisted_5 = {
+  key: 0,
+  class: "yc-header-filter-cell__operators"
+};
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { key: 0 };
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "YcTableHeaderFilterCell"
@@ -51,6 +50,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     filters: { default: () => [] },
     orderBy: { default: () => [] },
     disableFilter: { type: Boolean, default: false },
+    hideSort: { type: Boolean, default: false },
     fieldConfig: {},
     referenceRenderer: { type: Function, default: void 0 }
   },
@@ -283,9 +283,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             gap: "4px",
             cursor: "default"
           },
-          onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+          onMousedown: _cache[2] || (_cache[2] = vue.withModifiers(() => {
           }, ["stop"])),
-          onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+          onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
           }, ["stop"]))
         },
         [
@@ -296,13 +296,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             {
               class: vue.normalizeClass(["yc-header-filter-cell__label", {
                 "yc-header-filter-cell__label--ellipsis": shouldShowEllipsis.value,
-                "yc-header-filter-cell__label--active": isAscActive.value || isDescActive.value || isActive.value
+                "yc-header-filter-cell__label--active": !_ctx.hideSort && (isAscActive.value || isDescActive.value) || isActive.value
               }]),
-              style: {
+              style: vue.normalizeStyle({
                 userSelect: "none",
-                cursor: "pointer"
-              },
-              onClick: vue.withModifiers(cycleSort, ["stop"])
+                cursor: _ctx.hideSort ? "default" : "pointer"
+              }),
+              onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => !_ctx.hideSort && cycleSort(), ["stop"]))
             },
             [
               _ctx.referenceRenderer ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.referenceRenderer), { key: 0 })) : (vue.openBlock(), vue.createElementBlock(
@@ -361,8 +361,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 /* STABLE_FRAGMENT */
               ))
             ],
-            2
-            /* CLASS */
+            6
+            /* CLASS, STYLE */
           ),
           vue.createCommentVNode(" tooltip \u56FE\u6807\uFF08\u95EE\u53F7\uFF09- \u4EC5\u5728\u672A\u4F7F\u7528\u81EA\u5B9A\u4E49\u6E32\u67D3\u65F6\u663E\u793A "),
           columnTooltip.value && !_ctx.referenceRenderer ? (vue.openBlock(), vue.createBlock(
@@ -391,8 +391,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             16
             /* FULL_PROPS */
           )) : vue.createCommentVNode("v-if", true),
-          vue.createCommentVNode(" \u6392\u5E8F\u56FE\u6807 "),
-          vue.createElementVNode("span", {
+          vue.createCommentVNode(" \u6392\u5E8F\u56FE\u6807\uFF0C\u5F53 hideSort \u4E3A true \u65F6\u9690\u85CF "),
+          !_ctx.hideSort ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 1,
             class: "yc-header-filter-cell__sort",
             style: {
               display: "inline-flex",
@@ -425,10 +426,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               _: 1
               /* STABLE */
             }, 8, ["style"])
-          ]),
+          ])) : vue.createCommentVNode("v-if", true),
           vue.createCommentVNode(" \u7B5B\u9009\u56FE\u6807\u548C\u5F39\u7A97 "),
           !_ctx.disableFilter ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPopover), {
-            key: 1,
+            key: 2,
             visible: popVisible.value,
             trigger: "click",
             placement: "bottom-start",
@@ -439,7 +440,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             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"]))
+                onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => popVisible.value = !popVisible.value, ["stop"]))
               }, [
                 vue.createVNode(vue.unref(index$1.default), {
                   src: filterIconUrl.value,
@@ -451,8 +452,28 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]),
             default: vue.withCtx(() => [
               vue.createElementVNode("div", _hoisted_3, [
+                vue.createCommentVNode(" \u64CD\u4F5C\u6309\u94AE\uFF08\u7F6E\u9876\u53F3\u4FA7\uFF0C\u907F\u514D\u4E0B\u62C9\u9009\u62E9\u5668\u906E\u6321\uFF09 "),
+                vue.createElementVNode("div", _hoisted_4, [
+                  vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleReset }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("\u91CD\u7F6E")
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  vue.createVNode(vue.unref(elementPlus.ElButton), {
+                    type: "primary",
+                    onClick: handleConfirm
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("\u786E\u5B9A")
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ]),
                 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, [
+                !hideOperatorList.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
                   (vue.openBlock(true), vue.createElementBlock(
                     vue.Fragment,
                     null,
@@ -479,35 +500,15 @@ 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 */
                   ))
                 ])) : vue.createCommentVNode("v-if", true),
                 vue.createCommentVNode(" \u503C\u8F93\u5165 "),
-                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_7, [
-                  vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleReset }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode("\u91CD\u7F6E")
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }),
-                  vue.createVNode(vue.unref(elementPlus.ElButton), {
-                    type: "primary",
-                    onClick: handleConfirm
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode("\u786E\u5B9A")
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })
-                ])
+                needValueInput.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderValueField), { key: 1 })) : vue.createCommentVNode("v-if", true)
               ])
             ]),
             _: 1

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

@@ -8001,6 +8001,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     upsertHeaderFilter: (field: string, op: string, value?: string | undefined) => void;
     removeHeaderFilter: (field: string) => void;
     setOrderBy: (field: string, direction?: "desc" | "asc" | undefined) => void;
+    resetAllHeaderFilters: () => void;
     getList: () => Promise<void> | undefined;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "header-filter-confirm": (payload: HeaderFilterPayload) => void;

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

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var YcPlusPageComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f0c3f2a9"], ["__file", "index.vue"]]);
+var YcPlusPageComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-3906549e"], ["__file", "index.vue"]]);
 
 exports.default = YcPlusPageComponent;

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

@@ -82,7 +82,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       getOpsByProp,
       getMergedQuery,
       updateCatalogs,
-      isFieldFilterable
+      isFieldFilterable,
+      resetAllHeaderFilters
       // isFieldVisible 已在 enhancedColumns 中直接使用 fieldCatalogState 实现
     } = useHeaderFilter.useHeaderFilter({
       headerFilterConfig: () => props.headerFilter,
@@ -131,6 +132,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return visibleCols;
       }
       return visibleCols.map((col) => {
+        var _a, _b;
         const colHideFilter = col.hideHeaderFilter === true;
         const hasExplicitHeaderFilter = col.headerFilter && typeof col.headerFilter === "object" || col.headerFilter === true;
         const fieldFilterable = hasExplicitHeaderFilter || isFieldFilterable(col.prop);
@@ -141,9 +143,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           return col;
         }
         const operators = getOpsByProp(col.prop);
+        const colHeaderFilter = col.headerFilter && typeof col.headerFilter === "object" ? col.headerFilter : {};
+        const globalHeaderFilter = props.headerFilter && typeof props.headerFilter === "object" ? props.headerFilter : {};
+        const columnHideSort = (_b = (_a = colHeaderFilter.hideSort) != null ? _a : globalHeaderFilter.hideSort) != null ? _b : false;
         const FILTER_ICON_WIDTH = 24;
         const SORT_ICON_WIDTH = 16;
-        const EXTRA_WIDTH = FILTER_ICON_WIDTH + SORT_ICON_WIDTH;
+        const EXTRA_WIDTH = FILTER_ICON_WIDTH + (columnHideSort ? 0 : SORT_ICON_WIDTH);
         const originalWidth = col.width || col.minWidth;
         let adjustedWidth = originalWidth;
         if (typeof originalWidth === "number") {
@@ -170,6 +175,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               operators,
               filters: headerFiltersState.filters,
               orderBy: orderByState,
+              hideSort: columnHideSort,
               onConfirm: handleFilterConfirm,
               onReset: handleFilterReset,
               onSortChange: handleSortChange,
@@ -270,7 +276,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
         const defaultSearchConfig = {
           hasUnfold: false,
-          layout: "flex",
+          layout: "grid",
           labelSuffix: "",
           labelPosition: "right",
           searchIcon: null,
@@ -282,7 +288,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return {
         hasUnfold: false,
-        layout: "flex",
+        layout: "grid",
         labelSuffix: "",
         labelPosition: "right",
         searchIcon: null,
@@ -461,6 +467,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       upsertHeaderFilter,
       removeHeaderFilter,
       setOrderBy,
+      resetAllHeaderFilters,
       getList: () => {
         var _a, _b;
         return (_b = (_a = plusPageRef.value) == null ? void 0 : _a.getList) == null ? void 0 : _b.call(_a);

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

@@ -63,6 +63,8 @@ export interface HeaderFilterConfig {
         field: string;
         direction: 'asc' | 'desc';
     }>;
+    /** 是否隐藏所有列的排序图标（全局配置），默认 false。列级 headerFilter.hideSort 优先 */
+    hideSort?: boolean;
 }
 /**
  * 列级别的表头筛选配置
@@ -82,6 +84,8 @@ export interface ColumnHeaderFilterConfig {
     onConfirm?: (payload: HeaderFilterPayload) => void;
     /** 重置回调 */
     onReset?: (payload: HeaderFilterResetPayload) => void;
+    /** 是否隐藏该列的排序图标，默认 false。优先级高于全局 HeaderFilterConfig.hideSort */
+    hideSort?: boolean;
 }
 /**
  * 表头筛选确认事件 payload

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

@@ -48,6 +48,8 @@ export interface UseHeaderFilterReturn {
     isFieldFilterable: (prop?: string) => boolean;
     /** 判断字段是否允许显示（基于 fieldCatalog 的 nullable 属性） */
     isFieldVisible: (prop?: string) => boolean;
+    /** 重置所有筛选条件和排序状态 */
+    resetAllHeaderFilters: () => void;
 }
 /**
  * 表头筛选 Hook

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

@@ -128,6 +128,10 @@ function useHeaderFilter(options = {}) {
       orderByState.push(next);
     }
   };
+  const resetAllHeaderFilters = () => {
+    headerFiltersState.filters.splice(0);
+    orderByState.splice(0);
+  };
   const getMergedQuery = (baseQuery) => {
     const normalizeFilters = (filters) => {
       return filters.map((f) => {
@@ -180,7 +184,8 @@ function useHeaderFilter(options = {}) {
     getMergedQuery,
     updateCatalogs,
     isFieldFilterable,
-    isFieldVisible
+    isFieldVisible,
+    resetAllHeaderFilters
   };
 }