fix: custom class (#6217)

Author: zkwolf

components/breadcrumb/Breadcrumb.tsx

@@ -152,8 +152,10 @@ export default defineComponent({
       const breadcrumbClassName = {
         [prefixCls.value]: true,
         [`${prefixCls.value}-rtl`]: direction.value === 'rtl',
+        [`${attrs.class}`]: !!attrs.class,
         [hashId.value]: true,
       };
+
       return wrapSSR(
         <nav {...attrs} class={breadcrumbClassName}>
           <ol>{crumbs}</ol>

components/descriptions/index.tsx

@@ -162,10 +162,11 @@ export const descriptionsContext: InjectionKey<DescriptionsContextProp> =
 const Descriptions = defineComponent({
   compatConfig: { MODE: 3 },
   name: 'ADescriptions',
+  inheritAttrs: false,
   props: descriptionsProps(),
   slots: ['title', 'extra'],
   Item: DescriptionsItem,
-  setup(props, { slots }) {
+  setup(props, { slots, attrs }) {
     const { prefixCls, direction } = useConfigInject('descriptions', props);
     let token: number;
     const screens = ref<ScreenMap>({});
@@ -208,13 +209,15 @@ const Descriptions = defineComponent({
 
       return wrapSSR(
         <div
+          {...attrs}
           class={[
             prefixCls.value,
             {
               [`${prefixCls.value}-${size}`]: size !== 'default',
               [`${prefixCls.value}-bordered`]: !!bordered,
               [`${prefixCls.value}-rtl`]: direction.value === 'rtl',
             },
+            attrs.class,
             hashId.value,
           ]}
         >

components/divider/index.tsx

@@ -79,6 +79,7 @@ const Divider = defineComponent({
             children.length
               ? `${prefixClsRef.value}-with-text ${prefixClsRef.value}-with-text${orientationPrefix.value}`
               : '',
+            attrs.class,
           ]}
           role="separator"
         >