From d16a1bbdad4d2bcb7aa1eb78017cb6e512c12f84 Mon Sep 17 00:00:00 2001
From: sunhao <sunhao@easycorp.ltd>
Date: Wed, 29 May 2024 13:39:17 +0800
Subject: [PATCH] * messager: change dev example.

---
 lib/messager/README.md | 42 +++++++++++++++++++++---------------------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/lib/messager/README.md b/lib/messager/README.md
index 81f3f59429..131404ac40 100644
--- a/lib/messager/README.md
+++ b/lib/messager/README.md
@@ -100,27 +100,27 @@ document.querySelector('.messager-toggle').addEventListener('click', (event) =>
 通过 `type` 设置 CSS 工具类来改变颜色主题和样式。
 
 ```html:example: flex gap-2 flex-wrap
-<button type="button" class="btn messager-toggle" data-type="primary">primary</button>
-<button type="button" class="btn messager-toggle" data-type="secondary">secondary</button>
-<button type="button" class="btn messager-toggle" data-type="success">success</button>
-<button type="button" class="btn messager-toggle" data-type="danger">danger</button>
-<button type="button" class="btn messager-toggle" data-type="special">special</button>
-<button type="button" class="btn messager-toggle" data-type="important">important</button>
-<button type="button" class="btn messager-toggle" data-type="primary circle">primary circle</button>
-<button type="button" class="btn messager-toggle" data-type="primary-pale">primary-pale</button>
-<button type="button" class="btn messager-toggle" data-type="secondary-pale">secondary-pale</button>
-<button type="button" class="btn messager-toggle" data-type="success-pale">success-pale</button>
-<button type="button" class="btn messager-toggle" data-type="danger-pale">danger-pale</button>
-<button type="button" class="btn messager-toggle" data-type="special-pale">special-pale</button>
-<button type="button" class="btn messager-toggle" data-type="important-pale">important-pale</button>
-<button type="button" class="btn messager-toggle" data-type="primary-pale circle">primary-pale circle</button>
-<button type="button" class="btn messager-toggle" data-type="primary-outline">primary-outline</button>
-<button type="button" class="btn messager-toggle" data-type="secondary-outline">secondary-outline</button>
-<button type="button" class="btn messager-toggle" data-type="success-outline">success-outline</button>
-<button type="button" class="btn messager-toggle" data-type="danger-outline">danger-outline</button>
-<button type="button" class="btn messager-toggle" data-type="special-outline">special-outline</button>
-<button type="button" class="btn messager-toggle" data-type="important-outline">important-outline</button>
-<button type="button" class="btn messager-toggle" data-type="primary-outline circle">primary-outline circle</button>
+<button type="button" class="btn messager-toggle primary" data-type="primary">primary</button>
+<button type="button" class="btn messager-toggle secondary" data-type="secondary">secondary</button>
+<button type="button" class="btn messager-toggle success" data-type="success">success</button>
+<button type="button" class="btn messager-toggle danger" data-type="danger">danger</button>
+<button type="button" class="btn messager-toggle special" data-type="special">special</button>
+<button type="button" class="btn messager-toggle important" data-type="important">important</button>
+<button type="button" class="btn messager-toggle primary circle" data-type="primary circle">primary circle</button>
+<button type="button" class="btn messager-toggle primary-pale" data-type="primary-pale">primary-pale</button>
+<button type="button" class="btn messager-toggle secondary-pale" data-type="secondary-pale">secondary-pale</button>
+<button type="button" class="btn messager-toggle success-pale" data-type="success-pale">success-pale</button>
+<button type="button" class="btn messager-toggle danger-pale" data-type="danger-pale">danger-pale</button>
+<button type="button" class="btn messager-toggle special-pale" data-type="special-pale">special-pale</button>
+<button type="button" class="btn messager-toggle important-pale" data-type="important-pale">important-pale</button>
+<button type="button" class="btn messager-toggle primary-pale circle" data-type="primary-pale circle">primary-pale circle</button>
+<button type="button" class="btn messager-toggle primary-outline" data-type="primary-outline">primary-outline</button>
+<button type="button" class="btn messager-toggle secondary-outline" data-type="secondary-outline">secondary-outline</button>
+<button type="button" class="btn messager-toggle success-outline" data-type="success-outline">success-outline</button>
+<button type="button" class="btn messager-toggle danger-outline" data-type="danger-outline">danger-outline</button>
+<button type="button" class="btn messager-toggle special-outline" data-type="special-outline">special-outline</button>
+<button type="button" class="btn messager-toggle important-outline" data-type="important-outline">important-outline</button>
+<button type="button" class="btn messager-toggle primary-outline circle" data-type="primary-outline circle">primary-outline circle</button>
 ```
 
 ```js