koishi-plugin-rocom 1.0.18 → 1.0.24

package/lib/render-templates/pet-ranking/index.html

@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=1080, initial-scale=1">
+  <title>{{title}}</title>
+  <link rel="stylesheet" href="{{_res_path}}render/pet-ranking/style.css">
+</head>
+<body>
+  <section class="pet-ranking-page theme-{{theme}}">
+    <header class="ranking-header">
+      <div class="title-icon">
+        {{if theme == "shining"}}
+        <img src="{{_res_path}}img/异色.png" alt="">
+        {{else}}
+        <img src="{{_res_path}}img/炫彩.png" alt="">
+        {{/if}}
+      </div>
+      <div class="title-copy">
+        <h1>{{title}}</h1>
+        <p>{{subtitle}} · 当前收录 {{total}} 名玩家</p>
+      </div>
+      <div class="header-stat">
+        <span>TOP</span>
+        <strong>{{shownCount}}</strong>
+      </div>
+    </header>
+
+    {{if current}}
+    <section class="current-rank">
+      <div class="current-label">{{current.titleText || '该玩家名次'}}</div>
+      <div class="current-rank-value">#{{current.rank}}</div>
+      <div class="avatar-shell current-avatar">
+        <img class="avatar-fallback" src="{{_res_path}}img/头像黑色圆底.png" alt="">
+        {{if current.avatar}}
+        <img class="avatar-image" src="{{current.avatar}}" alt="" onerror="this.style.display='none'">
+        {{/if}}
+      </div>
+      <div class="current-player">
+        <strong>{{current.playerName}}</strong>
+        <span>UID {{current.uid}}</span>
+      </div>
+      <div class="current-count">
+        <strong>{{current.primaryCount}}</strong>
+        <span>{{label}}精灵</span>
+      </div>
+      <div class="current-count secondary">
+        <strong>{{current.secondaryCount}}</strong>
+        <span>{{otherLabel}}精灵</span>
+      </div>
+    </section>
+    {{else if requestedUid}}
+    <section class="current-rank current-empty">
+      <div class="current-label">该玩家名次</div>
+      <div class="empty-copy">UID {{requestedUid}} 暂无排行榜记录</div>
+    </section>
+    {{/if}}
+
+    <main class="ranking-list">
+      <div class="ranking-columns">
+        <span>名次 / 玩家</span>
+        <span>收集统计</span>
+      </div>
+      {{each items item}}
+      <article class="ranking-row {{item.podiumClass}}">
+        <div class="rank-number">{{item.rank}}</div>
+        <div class="avatar-shell">
+          <img class="avatar-fallback" src="{{_res_path}}img/头像黑色圆底.png" alt="">
+          {{if item.avatar}}
+          <img class="avatar-image" src="{{item.avatar}}" alt="" onerror="this.style.display='none'">
+          {{/if}}
+        </div>
+        <div class="player-copy">
+          <div class="player-name">{{item.playerName}}</div>
+          <div class="player-signature">{{item.signature}}</div>
+          <div class="player-meta">更新 {{item.lastSeen}} · 样本 {{item.sampleCount}}</div>
+        </div>
+        <div class="count-block primary-count">
+          <strong>{{item.primaryCount}}</strong>
+          <span>{{label}}</span>
+        </div>
+        <div class="count-block secondary-count">
+          <strong>{{item.secondaryCount}}</strong>
+          <span>{{otherLabel}}</span>
+        </div>
+      </article>
+      {{/each}}
+      {{if !items.length && !current}}
+      <div class="ranking-empty">当前排行榜暂无记录。</div>
+      {{/if}}
+    </main>
+
+    <footer class="ranking-footer">
+      <span>{{commandHint}}</span>
+      <span>{{updatedAt}} · {{copyright}}</span>
+    </footer>
+  </section>
+</body>
+</html>

package/lib/render-templates/pet-ranking/style.css

@@ -0,0 +1,338 @@
+@font-face {
+  font-family: "rocom-ranking";
+  src: url("../../ttf/HYWenHei-85W-1.ttf") format("truetype");
+  font-display: swap;
+}
+
+:root {
+  --ink: #292621;
+  --muted: #80786c;
+  --paper: rgba(249, 245, 235, 0.96);
+  --row: rgba(255, 255, 255, 0.76);
+  --line: rgba(58, 49, 38, 0.12);
+  --accent: #a85c79;
+  --accent-soft: #f1dce6;
+  --secondary: #4e8274;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 24px;
+  background: url("../../img/bg.C8CUoi7I.jpg") no-repeat center top;
+  background-size: cover;
+  font-family: "rocom-ranking", "Microsoft YaHei", sans-serif;
+  letter-spacing: 0;
+}
+
+.pet-ranking-page {
+  width: 1000px;
+  box-sizing: border-box;
+  padding: 34px 38px 28px;
+  margin: 0 auto;
+  color: var(--ink);
+  background: var(--paper);
+  border: 1px solid rgba(255, 255, 255, 0.7);
+  border-radius: 8px;
+  box-shadow: 0 18px 46px rgba(31, 24, 17, 0.18);
+}
+
+.theme-glass {
+  --accent: #3f8f92;
+  --accent-soft: #d7ece9;
+  --secondary: #a45c79;
+}
+
+.ranking-header {
+  min-height: 88px;
+  display: grid;
+  grid-template-columns: 72px 1fr 110px;
+  gap: 18px;
+  align-items: center;
+  padding-bottom: 24px;
+  border-bottom: 2px solid var(--accent);
+}
+
+.title-icon {
+  width: 68px;
+  height: 68px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--accent-soft);
+  border: 1px solid rgba(38, 31, 26, 0.08);
+  border-radius: 8px;
+}
+
+.title-icon img {
+  width: 58px;
+  height: 58px;
+  object-fit: contain;
+}
+
+.title-copy h1 {
+  margin: 0;
+  font-size: 38px;
+  line-height: 1.15;
+  color: var(--ink);
+}
+
+.title-copy p {
+  margin: 8px 0 0;
+  font-size: 17px;
+  line-height: 1.35;
+  color: var(--muted);
+}
+
+.header-stat {
+  height: 64px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+  color: var(--accent);
+}
+
+.header-stat span {
+  font-size: 14px;
+}
+
+.header-stat strong {
+  margin-top: 2px;
+  font-size: 34px;
+  line-height: 1;
+}
+
+.current-rank {
+  min-height: 88px;
+  display: grid;
+  grid-template-columns: 92px 72px 58px 1fr 118px 118px;
+  gap: 14px;
+  align-items: center;
+  margin: 22px 0;
+  padding: 16px 20px;
+  box-sizing: border-box;
+  background: var(--accent-soft);
+  border-left: 5px solid var(--accent);
+  border-radius: 6px;
+}
+
+.current-label {
+  font-size: 16px;
+  color: var(--muted);
+}
+
+.current-rank-value {
+  font-size: 28px;
+  color: var(--accent);
+  font-weight: 700;
+}
+
+.current-player {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.current-player strong {
+  overflow-wrap: anywhere;
+  font-size: 22px;
+}
+
+.current-player span {
+  font-size: 13px;
+  color: var(--muted);
+}
+
+.current-count {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.current-count strong {
+  font-size: 28px;
+  color: var(--accent);
+}
+
+.current-count span {
+  font-size: 13px;
+  color: var(--muted);
+}
+
+.current-count.secondary strong {
+  color: var(--secondary);
+}
+
+.current-empty {
+  grid-template-columns: 92px 1fr;
+}
+
+.empty-copy {
+  font-size: 18px;
+  color: var(--muted);
+}
+
+.ranking-columns {
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 18px 0 106px;
+  color: var(--muted);
+  font-size: 13px;
+}
+
+.ranking-list {
+  display: flex;
+  flex-direction: column;
+  gap: 9px;
+}
+
+.ranking-row {
+  min-height: 92px;
+  display: grid;
+  grid-template-columns: 58px 64px 1fr 110px 92px;
+  gap: 14px;
+  align-items: center;
+  padding: 12px 18px;
+  box-sizing: border-box;
+  background: var(--row);
+  border: 1px solid var(--line);
+  border-radius: 6px;
+}
+
+.ranking-row.podium-1,
+.ranking-row.podium-2,
+.ranking-row.podium-3 {
+  border-left: 5px solid var(--accent);
+}
+
+.rank-number {
+  width: 42px;
+  height: 42px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: #ece7dc;
+  color: #686055;
+  font-size: 18px;
+  font-weight: 700;
+}
+
+.podium-1 .rank-number {
+  background: #e2bd58;
+  color: #3d2c0d;
+}
+
+.podium-2 .rank-number {
+  background: #c8c9cb;
+  color: #34373a;
+}
+
+.podium-3 .rank-number {
+  background: #c88f62;
+  color: #3f2818;
+}
+
+.avatar-shell {
+  position: relative;
+  width: 58px;
+  height: 58px;
+  overflow: hidden;
+  flex: 0 0 58px;
+  background: #e8e1d6;
+  border: 1px solid var(--line);
+  border-radius: 50%;
+}
+
+.current-avatar {
+  width: 52px;
+  height: 52px;
+}
+
+.avatar-fallback,
+.avatar-image {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.avatar-image {
+  z-index: 1;
+}
+
+.player-copy {
+  min-width: 0;
+}
+
+.player-name {
+  overflow-wrap: anywhere;
+  font-size: 20px;
+  line-height: 1.2;
+  font-weight: 700;
+}
+
+.player-signature {
+  margin-top: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  color: #655f56;
+}
+
+.player-meta {
+  margin-top: 5px;
+  font-size: 12px;
+  color: var(--muted);
+}
+
+.count-block {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.count-block strong {
+  font-size: 28px;
+  line-height: 1;
+}
+
+.count-block span {
+  margin-top: 5px;
+  font-size: 12px;
+  color: var(--muted);
+}
+
+.primary-count strong {
+  color: var(--accent);
+}
+
+.secondary-count strong {
+  color: var(--secondary);
+}
+
+.ranking-empty {
+  padding: 24px;
+  text-align: center;
+  color: var(--muted);
+  background: var(--row);
+  border: 1px dashed var(--line);
+  border-radius: 6px;
+}
+
+.ranking-footer {
+  display: flex;
+  justify-content: space-between;
+  gap: 24px;
+  margin-top: 22px;
+  padding-top: 18px;
+  border-top: 1px solid var(--line);
+  font-size: 13px;
+  color: var(--muted);
+}

package/lib/render-templates/player-search/index.html

@@ -39,6 +39,13 @@
     </section>
     {{/if}}
 
+    {{if collectedShining !== undefined || collectedGlass !== undefined}}
+    <section class="summary-strip">
+      <div class="summary-item">异色收集：{{collectedShining || '0'}}</div>
+      <div class="summary-item">炫彩收集：{{collectedGlass || '0'}}</div>
+    </section>
+    {{/if}}
+    {{if cardImageUrl}}<section class="signature-strip"><img src="{{cardImageUrl}}" style="max-width:100%;height:auto" onerror="this.style.display='none'" alt="名片"></section>{{/if}}
     <main class="content-grid">
       {{each sections section}}
       <section class="panel">

package/lib/render-templates/searcheggs/index.html

@@ -76,7 +76,7 @@
             <div class="info-value">{{total_stats}}</div>
           </div>
           <div class="info-item">
-            <div class="info-label">可配种数</div>
+            <div class="info-label">{{if compatible_total_known === false}}当前预览数{{else}}可配种数{{/if}}</div>
             <div class="info-value">{{total_compatible}}</div>
           </div>
           <div class="info-item">

package/lib/render-templates/searcheggs/size.html

@@ -1,82 +1,84 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8">
-  <link rel="stylesheet" href="{{_res_path}}render/searcheggs/style.css">
-  <style>
-    .result-group { margin-top: 20px; }
-    .result-group-title { font-size: 28px; font-weight: 800; color: #4b3423; margin-bottom: 14px; }
-    .result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
-    .result-card { background: rgba(255,255,255,0.94); border-radius: 18px; padding: 18px; box-shadow: 0 10px 24px rgba(40, 31, 23, 0.08); }
-    .result-card-icon { width: 64px; height: 64px; border-radius: 16px; background: rgba(248, 244, 236, 0.92); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; border: 1px solid rgba(75, 52, 35, 0.08); }
-    .result-card-icon img { width: 56px; height: 56px; object-fit: contain; }
-    .result-card-name { font-size: 26px; font-weight: 700; color: #4d3624; }
-    .result-card-meta { margin-top: 8px; color: #75563d; font-size: 18px; line-height: 1.7; }
-    .result-empty { text-align: center; color: #6f5845; padding: 44px 20px; font-size: 24px; }
-    .pagination-footer { margin-top: 22px; display: flex; justify-content: space-between; gap: 14px; color: #8c7a61; font-size: 14px; }
-    .pagination-hint { max-width: 70%; }
-    .copyright { white-space: nowrap; }
-  </style>
-</head>
-<body>
-  <div class="searcheggs-cont page-section-main">
-    <div class="header-card">
-      <div class="header-main">
-        <div class="header-title">尺寸反查</div>
-        <div class="header-subtitle">查询条件：{{query_label}}</div>
-      </div>
-    </div>
-
-    {{if !has_results}}
-    <div class="result-empty">没有找到匹配当前尺寸的精灵，注意身高要使用 m，例如 0.18m。</div>
-    {{/if}}
-
-    {{if perfect_matches && perfect_matches.length}}
-    <section class="result-group">
-      <div class="result-group-title">完美匹配</div>
-      <div class="result-grid">
-        {{each perfect_matches item}}
-        <div class="result-card">
-          {{if item.icon}}
-          <div class="result-card-icon"><img src="{{item.icon}}" alt="{{item.name}}" onerror="this.style.display='none'"></div>
-          {{/if}}
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <link rel="stylesheet" href="{{_res_path}}render/searcheggs/style.css">
+  <style>
+    .result-group { margin-top: 20px; }
+    .result-group-title { font-size: 28px; font-weight: 800; color: #4b3423; margin-bottom: 14px; }
+    .result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
+    .result-card { background: rgba(255,255,255,0.94); border-radius: 18px; padding: 18px; box-shadow: 0 10px 24px rgba(40, 31, 23, 0.08); }
+    .result-card-icon { width: 64px; height: 64px; border-radius: 16px; background: rgba(248, 244, 236, 0.92); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; border: 1px solid rgba(75, 52, 35, 0.08); }
+    .result-card-icon img { width: 56px; height: 56px; object-fit: contain; }
+    .result-card-name { font-size: 26px; font-weight: 700; color: #4d3624; }
+    .result-card-meta { margin-top: 8px; color: #75563d; font-size: 18px; line-height: 1.7; }
+    .result-empty { text-align: center; color: #6f5845; padding: 44px 20px; font-size: 24px; }
+    .pagination-footer { margin-top: 22px; display: flex; justify-content: space-between; gap: 14px; color: #8c7a61; font-size: 14px; }
+    .pagination-hint { max-width: 70%; }
+    .copyright { white-space: nowrap; }
+  </style>
+</head>
+<body>
+  <div class="searcheggs-cont page-section-main">
+    <div class="header-card">
+      <div class="header-main">
+        <div class="header-title">尺寸反查</div>
+        <div class="header-subtitle">查询条件：{{query_label}}</div>
+      </div>
+    </div>
+
+    {{if !has_results}}
+    <div class="result-empty">没有找到匹配当前尺寸的精灵，注意身高要使用 m，例如 0.18m。</div>
+    {{/if}}
+
+    {{if perfect_matches && perfect_matches.length}}
+    <section class="result-group">
+      <div class="result-group-title">完美匹配</div>
+      <div class="result-grid">
+        {{each perfect_matches item}}
+        <div class="result-card">
+          {{if item.icon}}
+          <div class="result-card-icon"><img src="{{item.icon}}" alt="{{item.name}}" onerror="this.style.display='none'"></div>
+          {{/if}}
           <div class="result-card-name">{{item.name}} #{{item.id}}</div>
           <div class="result-card-meta">
             属性：{{item.type_label}}<br>
             蛋组：{{item.egg_groups_label}}{{if item.match_info_label}} ｜ 匹配：{{item.match_info_label}}{{/if}}<br>
             身高：{{item.height_label}} ｜ 体重：{{item.weight_label}}
+            {{if item.size_variant_label}}<br><strong>{{item.size_variant_label}}</strong> · {{item.size_variant_hint}}{{/if}}
           </div>
         </div>
-        {{/each}}
-      </div>
-    </section>
-    {{/if}}
-
-    {{if range_matches && range_matches.length}}
-    <section class="result-group">
-      <div class="result-group-title">范围匹配</div>
-      <div class="result-grid">
-        {{each range_matches item}}
-        <div class="result-card">
-          {{if item.icon}}
-          <div class="result-card-icon"><img src="{{item.icon}}" alt="{{item.name}}" onerror="this.style.display='none'"></div>
-          {{/if}}
+        {{/each}}
+      </div>
+    </section>
+    {{/if}}
+
+    {{if range_matches && range_matches.length}}
+    <section class="result-group">
+      <div class="result-group-title">范围匹配</div>
+      <div class="result-grid">
+        {{each range_matches item}}
+        <div class="result-card">
+          {{if item.icon}}
+          <div class="result-card-icon"><img src="{{item.icon}}" alt="{{item.name}}" onerror="this.style.display='none'"></div>
+          {{/if}}
           <div class="result-card-name">{{item.name}} #{{item.id}}</div>
           <div class="result-card-meta">
             属性：{{item.type_label}}<br>
             蛋组：{{item.egg_groups_label}}{{if item.match_info_label}} ｜ 匹配：{{item.match_info_label}}{{/if}}<br>
             身高：{{item.height_label}} ｜ 体重：{{item.weight_label}}
+            {{if item.size_variant_label}}<br><strong>{{item.size_variant_label}}</strong> · {{item.size_variant_hint}}{{/if}}
           </div>
         </div>
-        {{/each}}
-      </div>
-    </section>
-    {{/if}}
-
-    <div class="pagination-footer">
-      <span class="pagination-hint">{{commandHint}}</span>
-      <span class="copyright">{{copyright}}</span>
-    </div>
-  </div>
-</body>
-</html>
+        {{/each}}
+      </div>
+    </section>
+    {{/if}}
+
+    <div class="pagination-footer">
+      <span class="pagination-hint">{{commandHint}}</span>
+      <span class="copyright">{{copyright}}</span>
+    </div>
+  </div>
+</body>
+</html>