* messager: enhance content handling in MessagerItem by supporting message and html properties for dynamic content rendering.

Author: catouse

lib/messager/src/component/messager-item.tsx

@@ -19,21 +19,30 @@ function getAnimationFromPlacement(placement?: MessagerPlacement): string {
 
 export class MessagerItem extends ReactComponent<MessagerItemOptions> {
     render(props: MessagerItemOptions) {
-        const {margin,
+        const {
+            margin,
             type,
             placement,
             animation,
             show,
             className,
+            message,
+            html,
+            content,
             time,
-            ...alertOptions} = props;
-        if (typeof alertOptions.html === 'string') {
-            alertOptions.content = {html: alertOptions.html};
-            delete alertOptions.html;
+            ...alertOptions
+        } = props;
+        const contents = content ? [content] : [];
+        if (typeof html === 'string') {
+            contents.push({html});
+        }
+        if (message) {
+            contents.push(message);
         }
         return (
             <Alert
                 className={classes('messager', className, type, animation === true ? getAnimationFromPlacement(placement) : animation, show ? 'in' : '')}
+                content={contents}
                 {...alertOptions}
             />
         );

lib/messager/src/types/messager-options.ts

@@ -1,5 +1,6 @@
-import {AlertOptions} from '@zui/alert/src/types';
-import {MessagerPlacement} from './messager-placement';
+import type {CustomContentType} from '@zui/core';
+import type {AlertOptions} from '@zui/alert/src/types';
+import type {MessagerPlacement} from './messager-placement';
 
 export interface MessagerOptions extends AlertOptions {
     margin?: number;
@@ -8,4 +9,5 @@ export interface MessagerOptions extends AlertOptions {
     animation?: boolean | string;
     time?: number;
     html?: string;
+    message?: CustomContentType;
 }