From 8af559fe1c260e6526aa99ed015d55999255a69e Mon Sep 17 00:00:00 2001
From: hypercross <helios.tnak@gmail.com>
Date: Wed, 25 Mar 2026 14:08:29 +0800
Subject: [PATCH] refactor: invert dice interaction

---
 src/components/md-dice.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/md-dice.tsx b/src/components/md-dice.tsx
index d2c03c2..294320d 100644
--- a/src/components/md-dice.tsx
+++ b/src/components/md-dice.tsx
@@ -54,7 +54,8 @@ customElement("md-dice", { key: "" }, (props, { element }) => {
     }
   });
 
-  const handleRoll = () => {
+  const handleRoll = (e: MouseEvent) => {
+    e.preventDefault();
     // 点击骰子图标：总是重 roll
     const rollResult = rollFormula(formula).result;
     setResult(rollResult.total);
@@ -65,7 +66,8 @@ customElement("md-dice", { key: "" }, (props, { element }) => {
     }
   };
 
-  const handleTextClick = () => {
+  const handleTextClick = (e: MouseEvent) => {
+    e.preventDefault();
     // 点击文本：总是重置为公式
     setResult(null);
     setIsRolled(false);
@@ -80,17 +82,14 @@ customElement("md-dice", { key: "" }, (props, { element }) => {
   return (
     <span class="inline-flex items-center px-1">
       <span
-        onClick={(e) => {
-          e.preventDefault();
-          handleRoll();
-        }}
+        onClick={handleTextClick}
         class="text-blue-600 hover:text-blue-800 cursor-pointer"
         title={rollDetail() || "掷骰子"}
       >
         🎲
       </span>
       <a
-        onClick={handleTextClick}
+        onClick={handleRoll}
         class="cursor-pointer text-gray-700 hover:text-gray-900"
         title={isRolled() ? "点击重置为公式" : formula}
       >