refactor: invert dice interaction

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}
       >