From 81a6adc7517f22b1a4e30e1782d252659bed30ef Mon Sep 17 00:00:00 2001
From: tianhao <tianhao@metona.dev>
Date: Tue, 16 Jun 2026 15:27:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20demo.html=E6=B7=BB=E5=8A=A0107=E7=A7=8D?=
 =?UTF-8?q?=E9=A2=84=E8=AE=BE=E5=9B=BE=E6=A0=87=E5=85=A8=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E5=8C=BA=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/demo.html | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/site/demo.html b/site/demo.html
index e297d9a..aee3a36 100644
--- a/site/demo.html
+++ b/site/demo.html
@@ -264,6 +264,12 @@
     </div>
   </div>
 
+  <!-- 16. 107种预设图标 -->
+  <div class="card" style="grid-column:1/-1;">
+    <div class="label">🎨 107种预设图标 — 点击任意图标发送Toast</div>
+    <div class="btn-row" id="icon-grid" style="max-height:300px;overflow-y:auto;padding:4px 0;"></div>
+  </div>
+
 </main>
 
 <footer>
@@ -383,9 +389,24 @@
   }
   function demoFormat() {
     try{
-      MeToast.info('数字格式化: '+MeToast.i18n.formatNumber(1234567)+' | 货币: '+MeToast.i18n.formatCurrency(99.5,'CNY')+' | 日期: '+MeToast.i18n.formatDate(new Date()),{duration:8000});
+      MeToast.info('数字: '+MeToast.i18n.formatNumber(1234567)+' | 货币: '+MeToast.i18n.formatCurrency(99.5,'CNY')+' | 日期: '+MeToast.i18n.formatDate(new Date()),{duration:8000});
     }catch(e){MeToast.info('格式化: 1234567 → 1,234,567');}
   }
+
+  // === 图标网格 ===
+  (function renderIcons() {
+    var grid = document.getElementById('icon-grid');
+    if (!grid) return;
+    var icons = ['success','error','warning','info','loading','close','check','x','alert','question','star','heart','bell','mail','settings','user','home','search','plus','minus','edit','trash','download','upload','share','link','external','clock','calendar','map','compass','globe','wifi','cloud','sun','moon','zap','activity','cpu','database','server','terminal','code','git','package','layers','grid','list','filter','sort','refresh','sync','power','battery','bluetooth','volume','mic','camera','image','video','music','file','folder','clipboard','save','print','eye','eyeOff','lock','unlock','shield','key','flag','bookmark','tag','gift','award','target','crosshair','move','maximize','minimize','copy','cut','paste','rotateCw','rotateCcw','zoomIn','zoomOut','crop','sliders','toggleLeft','toggleRight','checkCircle','xCircle','alertCircle','infoCircle','helpCircle','alertTriangle','checkSquare','square','circle','triangle','hexagon','octagon','pentagon','diamond'];
+    icons.forEach(function(ic) {
+      var btn = document.createElement('button');
+      btn.className = 'btn btn-outline btn-tiny';
+      btn.textContent = ic;
+      btn.title = 'type=' + ic;
+      btn.onclick = function() { MeToast.success(ic, { type: ic, duration: 2000, showProgress: false }); };
+      grid.appendChild(btn);
+    });
+  })();
 </script>
 </body>
 </html>