yc-pro-components 0.0.57 → 0.0.58

package/es/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/es/components/yc-plus-page/src/header-filter-cell.vue.mjs

@@ -1,6 +1,6 @@
 import _sfc_main from './header-filter-cell.vue2.mjs';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1b4d52f7"], ["__file", "header-filter-cell.vue"]]);
+var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bc48f1f7"], ["__file", "header-filter-cell.vue"]]);
 
 export { YcTableHeaderFilterCellComponent as default };

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, reactive, ref, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, withModifiers, createCommentVNode, createElementVNode, normalizeClass, createBlock, resolveDynamicComponent, Fragment, unref, withCtx, toDisplayString, createTextVNode, mergeProps, createVNode, normalizeStyle, renderList, h } from 'vue';
+import { defineComponent, computed, reactive, ref, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, withModifiers, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, createBlock, resolveDynamicComponent, Fragment, unref, withCtx, toDisplayString, createTextVNode, mergeProps, createVNode, renderList, h } from 'vue';
 import { ElTooltip, ElIcon, ElPopover, ElButton, ElInput } from 'element-plus';
 import { QuestionFilled, CaretTop, CaretBottom } from '@element-plus/icons-vue';
 import { NO_VALUE_OPERATORS } from './constants.mjs';
@@ -22,19 +22,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__ */ defineComponent({
   ...{
     name: "YcTableHeaderFilterCell"
@@ -47,6 +46,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     filters: { default: () => [] },
     orderBy: { default: () => [] },
     disableFilter: { type: Boolean, default: false },
+    hideSort: { type: Boolean, default: false },
     fieldConfig: {},
     referenceRenderer: { type: Function, default: void 0 }
   },
@@ -279,9 +279,9 @@ var _sfc_main = /* @__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"]))
         },
         [
@@ -292,13 +292,13 @@ var _sfc_main = /* @__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(
@@ -357,8 +357,8 @@ var _sfc_main = /* @__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(
@@ -387,8 +387,9 @@ var _sfc_main = /* @__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",
@@ -421,10 +422,10 @@ var _sfc_main = /* @__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",
@@ -435,7 +436,7 @@ var _sfc_main = /* @__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,
@@ -447,8 +448,28 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             default: withCtx(() => [
               createElementVNode("div", _hoisted_3, [
+                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, [
+                  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, [
+                !hideOperatorList.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
                   (openBlock(true), createElementBlock(
                     Fragment,
                     null,
@@ -475,35 +496,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           1
                           /* TEXT */
                         ),
-                        state.selectedOp === op.code ? (openBlock(), createElementBlock("span", _hoisted_6, "\u2713")) : createCommentVNode("v-if", true)
-                      ], 12, _hoisted_5);
+                        state.selectedOp === op.code ? (openBlock(), createElementBlock("span", _hoisted_7, "\u2713")) : createCommentVNode("v-if", true)
+                      ], 12, _hoisted_6);
                     }),
                     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, [
-                  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

package/es/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/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-f0c3f2a9"], ["__file", "index.vue"]]);
+var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8c4a287b"], ["__file", "index.vue"]]);
 
 export { YcPlusPageComponent as default };

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

@@ -78,7 +78,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       getOpsByProp,
       getMergedQuery,
       updateCatalogs,
-      isFieldFilterable
+      isFieldFilterable,
+      resetAllHeaderFilters
       // isFieldVisible 已在 enhancedColumns 中直接使用 fieldCatalogState 实现
     } = useHeaderFilter({
       headerFilterConfig: () => props.headerFilter,
@@ -127,6 +128,7 @@ var _sfc_main = /* @__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);
@@ -137,9 +139,12 @@ var _sfc_main = /* @__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") {
@@ -166,6 +171,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               operators,
               filters: headerFiltersState.filters,
               orderBy: orderByState,
+              hideSort: columnHideSort,
               onConfirm: handleFilterConfirm,
               onReset: handleFilterReset,
               onSortChange: handleSortChange,
@@ -457,6 +463,7 @@ var _sfc_main = /* @__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);

package/es/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/es/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/es/components/yc-plus-page/src/use-header-filter.mjs

@@ -126,6 +126,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) => {
@@ -178,7 +182,8 @@ function useHeaderFilter(options = {}) {
     getMergedQuery,
     updateCatalogs,
     isFieldFilterable,
-    isFieldVisible
+    isFieldVisible,
+    resetAllHeaderFilters
   };
 }