Browse Source

fix(page-wrapper): fix `class` not working

无木 3 years ago
parent
commit
8879ae8d77
2 changed files with 4 additions and 2 deletions
  1. 1 0
      CHANGELOG.zh_CN.md
  2. 3 2
      src/components/Page/src/PageWrapper.vue

+ 1 - 0
CHANGELOG.zh_CN.md

@@ -8,6 +8,7 @@
 - **ApiTreeSelect** 修复未能正确监听`params`变化的问题
 - **ImgRotateDragVerify** 修复组件`resume`方法无法调用的问题
 - **TableAction** 修复 stopButtonPropagation 属性某些情况下不起作用的问题
+- **PageWrapper** 修复`class`属性无效的问题
 - **BasicTable**
   - 修复可编辑单元格不支持`ellipsis`配置的问题
   - 修复全屏模式下看不到子组件弹出层(popconfirm 以及 select、treeSelect 等编辑组件)的问题

+ 3 - 2
src/components/Page/src/PageWrapper.vue

@@ -3,7 +3,7 @@
     <PageHeader
       :ghost="ghost"
       :title="title"
-      v-bind="$attrs"
+      v-bind="omit($attrs, 'class')"
       ref="headerRef"
       v-if="content || $slots.headerContent || title || getHeaderSlots.length"
     >
@@ -61,7 +61,7 @@
       contentClass: propTypes.string,
       fixedHeight: propTypes.bool,
     },
-    setup(props, { slots }) {
+    setup(props, { slots, attrs }) {
       const wrapperRef = ref(null);
       const headerRef = ref(null);
       const contentRef = ref(null);
@@ -86,6 +86,7 @@
           {
             [`${prefixCls}--dense`]: props.dense,
           },
+          attrs.class ?? {},
         ];
       });