koishi-plugin-chat-analyse 1.4.8 → 1.4.10

package/lib/Renderer.d.ts

@@ -30,7 +30,6 @@ export interface LineChartData {
  */
 export declare class Renderer {
     private ctx;
-    private readonly COLOR_PALETTES;
     private readonly COMMON_STYLE;
     /**
      * @constructor

package/lib/index.d.ts

@@ -22,15 +22,13 @@ export interface Config {
     cacheRetentionDays: number;
     enableSimilarActivity: boolean;
     enableAutoBackup: boolean;
+    color: string;
+    shape: string;
     ellipticity: number;
-    rotateRatio: number;
     minRotation: number;
     maxRotation: number;
-    minFontSize: number;
-    maxFontSize: number;
-    gridSize: number;
+    rotationSteps: number;
     fontFamily: string;
-    shape: 'square' | 'circle' | 'cardioid' | 'diamond' | 'triangle-forward' | 'triangle' | 'pentagon' | 'star';
     maskImage: string;
 }
 /** @description 插件的配置项定义 */

package/lib/index.js

@@ -1493,26 +1493,6 @@ var Renderer = class {
   static {
     __name(this, "Renderer");
   }
-  COLOR_PALETTES = [
-    // --- 4组近似色 ---
-    // 1. Oceanic Blues: 更深邃、专业的蓝色系
-    ["#A9D6E5", "#89C2D9", "#61A5C2", "#2A6F97", "#012A4A"],
-    // 2. Forest Greens: 丰富、饱和的绿色系
-    ["#ADDDBC", "#80C9A7", "#52B69A", "#34A0A4", "#168AAD"],
-    // 3. Royal Purples: 优雅、浓郁的紫色系
-    ["#C792DF", "#AB69C6", "#9040AD", "#7B2CBF", "#5A189A"],
-    // 4. Sunset Glow: 温暖、明亮的日落色系
-    ["#FFDD77", "#FFC94A", "#FFB703", "#F8961E", "#E85D04"],
-    // --- 4组缤纷色 ---
-    // 5. Vivid Candy: 鲜艳的糖果色
-    ["#E63946", "#588157", "#A8DADC", "#457B9D", "#1D3557"],
-    // 6. Retro Groove: 复古风格
-    ["#264653", "#2A9D8F", "#F0C151", "#F4A261", "#E76F51"],
-    // 7. Neon Pop: 高对比度的现代色彩组合
-    ["#EF476F", "#FFD166", "#06D6A0", "#118AB2", "#073B4C"],
-    // 8. Bold Impact: 大胆且冲击力强的撞色
-    ["#D90429", "#F95738", "#F2C57C", "#0C7C59", "#003E1F"]
-  ];
   COMMON_STYLE = `
     :root {
       --card-bg: #fff; --text-color: #111827; --header-color: #111827;
@@ -1529,7 +1509,7 @@ var Renderer = class {
     .container {
       display: inline-block; background: var(--card-bg); border-radius: 12px;
       padding: 0; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,.05);
-      width: 600px;
+      min-width: 480px; max-width: 640px;
     }
     .header {
       padding: 12px 16px;
@@ -1540,7 +1520,7 @@ var Renderer = class {
     }
     .title-text {
       font-size: 16px; font-weight: 600; color: var(--header-color);
-      margin: 0; text-align: center;
+      margin: 0 8px; text-align: center;
     }
     .stat-chip, .time-label {
       display: inline-flex; align-items: baseline; padding: 4px 8px;
@@ -1582,7 +1562,7 @@ var Renderer = class {
   async htmlToImage(fullHtmlContent) {
     const page = await this.ctx.puppeteer.page();
     try {
-      await page.setViewport({ width: 1080, height: 720, deviceScaleFactor: 1 });
+      await page.setViewport({ width: 800, height: 600, deviceScaleFactor: 1 });
       await page.setContent(fullHtmlContent, { waitUntil: "networkidle0" });
       const { width, height } = await page.evaluate(() => ({
         width: document.body.scrollWidth,
@@ -1702,71 +1682,71 @@ var Renderer = class {
    */
   async *renderLineChart(data) {
     const { title, time, series, labels } = data;
-    const colorfulPalettes = this.COLOR_PALETTES.slice(4);
-    const selectedPalette = colorfulPalettes[Math.floor(Math.random() * colorfulPalettes.length)];
-    const shuffledColors = [...selectedPalette].sort(() => 0.5 - Math.random());
-    const seriesColors = series.map((_, index) => shuffledColors[index % shuffledColors.length]);
-    const width = 600, height = 320;
-    const padding = { top: 10, right: 20, bottom: 70, left: 20 };
-    const chartWidth = width - padding.left - padding.right;
-    const chartHeight = height - padding.top - padding.bottom;
+    const seriesColors = series.map(() => {
+      const hue = Math.floor(Math.random() * 360);
+      const saturation = Math.floor(Math.random() * 30 + 70);
+      const lightness = Math.floor(Math.random() * 20 + 50);
+      return `hsl(${hue}, ${saturation}%, ${lightness}%)`;
+    });
     const maxVal = Math.max(1, ...series.flatMap((s) => s.data));
     const yTickCount = 5;
     const yTickValue = Math.ceil(maxVal / yTickCount);
     const yAxisMax = yTickValue * yTickCount;
     const getX = /* @__PURE__ */ __name((index) => {
-      if (labels.length <= 1) return padding.left + chartWidth / 2;
-      return padding.left + index / (labels.length - 1) * chartWidth;
+      if (labels.length <= 1) return 320;
+      return 40 + index / (labels.length - 1) * 540;
     }, "getX");
-    const getY = /* @__PURE__ */ __name((value) => padding.top + chartHeight - value / yAxisMax * chartHeight, "getY");
+    const getY = /* @__PURE__ */ __name((value) => 250 - value / yAxisMax * 240, "getY");
     let svgElements = "";
     for (let i = 0; i <= yTickCount; i++) {
       const y = getY(i * yTickValue);
       const value = i * yTickValue;
-      svgElements += `<line x1="${padding.left}" y1="${y}" x2="${width - padding.right}" y2="${y}" stroke="var(--border-color)" stroke-width="1"/>`;
-      svgElements += `<text x="${padding.left - 8}" y="${y + 4}" font-size="10" fill="var(--sub-text-color)" text-anchor="end">${value}</text>`;
+      svgElements += `<line x1="40" y1="${y}" x2="580" y2="${y}" stroke="var(--border-color)" stroke-width="1"/>`;
+      svgElements += `<text x="32" y="${y + 4}" font-size="10" fill="var(--sub-text-color)" text-anchor="end">${value}</text>`;
     }
     labels.forEach((label, index) => {
-      if (index % Math.ceil(labels.length / 12) === 0) {
+      if (labels.length > 1 && index % Math.ceil(labels.length / 12) === 0) {
         const x = getX(index);
-        svgElements += `<text x="${x}" y="${height - padding.bottom + 20}" font-size="10" fill="var(--sub-text-color)" text-anchor="middle">${label}</text>`;
+        svgElements += `<text x="${x}" y="270" font-size="10" fill="var(--sub-text-color)" text-anchor="middle">${label}</text>`;
       }
     });
     series.forEach((s, seriesIndex) => {
-      const color = seriesColors[seriesIndex];
+      const color = seriesColors[seriesIndex % seriesColors.length];
       const points = s.data.map((value, index) => `${getX(index)},${getY(value)}`).join(" ");
       svgElements += `<polyline points="${points}" fill="none" stroke="${color}" stroke-width="2"/>`;
     });
+    let legendHeight = 0;
     if (series.length > 1) {
-      const ITEMS_PER_ROW = 3;
-      const ROW_HEIGHT = 20;
-      const LEGEND_START_Y = height - padding.bottom + 45;
-      const columnWidth = chartWidth / ITEMS_PER_ROW;
+      const legendRows = Math.ceil(series.length / 3);
+      legendHeight = 15 + legendRows * 20;
+      const LEGEND_START_Y = 285;
+      const columnWidth = 560 / 3;
       series.forEach((s, seriesIndex) => {
-        const rowIndex = Math.floor(seriesIndex / ITEMS_PER_ROW);
-        const colIndex = seriesIndex % ITEMS_PER_ROW;
-        const legendX = padding.left + colIndex * columnWidth;
-        const legendY = LEGEND_START_Y + rowIndex * ROW_HEIGHT;
-        const color = seriesColors[seriesIndex];
+        const rowIndex = Math.floor(seriesIndex / 3);
+        const colIndex = seriesIndex % 3;
+        const legendX = 40 + colIndex * columnWidth;
+        const legendY = LEGEND_START_Y + rowIndex * 20;
+        const color = seriesColors[seriesIndex % seriesColors.length];
         svgElements += `<rect x="${legendX}" y="${legendY - 8}" width="12" height="8" fill="${color}" rx="2"/>`;
         svgElements += `<text x="${legendX + 18}" y="${legendY}" font-size="12" fill="var(--text-color)">${s.name}</text>`;
       });
     }
+    const svgHeight = 280 + legendHeight;
     const totalMessages = series.reduce((sum, s) => sum + s.data.reduce((a, b) => a + b, 0), 0);
     const cardHtml = `
-      <div class="container">
+      <div class="container" style="width: 600px;">
         <div class="header">
           <div class="stat-chip">总计: <span>${totalMessages.toLocaleString()}</span></div>
           <h1 class="title-text">${title}</h1>
           <div class="time-label">${time.toLocaleString("zh-CN", { hour12: false })}</div>
         </div>
         <div class="chart-wrapper">
-          <svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">
+          <svg width="600" height="${svgHeight}" xmlns="http://www.w3.org/2000/svg">
             ${svgElements}
           </svg>
         </div>
       </div>`;
-    const chartStyles = ` .chart-wrapper { padding: 10px; } `;
+    const chartStyles = ` .chart-wrapper { padding: 10px; box-sizing: border-box; } `;
     const fullHtml = this.generateFullHtml(cardHtml, chartStyles);
     const imageBuffer = await this.htmlToImage(fullHtml);
     if (imageBuffer) yield imageBuffer;
@@ -1783,44 +1763,45 @@ var Renderer = class {
     const { title, time, words } = data;
     if (!words?.length) return;
     const wordsJson = JSON.stringify(words);
-    const selectedPalette = this.COLOR_PALETTES[Math.floor(Math.random() * this.COLOR_PALETTES.length)];
     const weights = words.map((w) => w[1]);
     const maxWeight = Math.max(...weights, 1);
     const minWeight = Math.min(...weights);
+    const wordCount = words.length;
+    const maxFontSize = Math.max(20, Math.round(400 / Math.log1p(wordCount)));
+    const minFontSize = Math.max(4, Math.round(maxFontSize / 12));
     const cardHtml = `
-      <div class="container">
+      <div class="container" style="width: 600px;">
         <div class="header">
           <div class="stat-chip">词数: <span>${words.length}</span></div>
           <h1 class="title-text">${title}</h1>
           <div class="time-label">${time.toLocaleString("zh-CN", { hour12: false })}</div>
         </div>
-        <div style="width: 600px; height: 600px; margin: auto;">
+        <div style="width: 600px; height: 600px; margin: auto; padding: 10px 0;">
           <canvas id="wordcloud-container" width="600" height="600"></canvas>
         </div>
         <script>${wordCloudScript}</script>
         <script>
           const canvas = document.getElementById('wordcloud-container');
-          const palette = ${JSON.stringify(selectedPalette)};
           const options = {
             list: ${wordsJson},
             fontFamily: ${JSON.stringify(config.fontFamily)},
             weightFactor: (size) => {
-              if (${maxWeight} === ${minWeight}) return (${config.minFontSize} + ${config.maxFontSize}) / 2;
+              if (${maxWeight} === ${minWeight}) return (${minFontSize} + ${maxFontSize}) / 2;
               const normalizedWeight = (size - ${minWeight}) / (${maxWeight} - ${minWeight});
-              return ${config.minFontSize} + normalizedWeight * (${config.maxFontSize} - ${config.minFontSize});
-            },
-            color: (word, weight, fontSize, distance, theta) => {
-              return palette[Math.floor(Math.random() * palette.length)];
+              return ${minFontSize} + normalizedWeight * (${maxFontSize} - ${minFontSize});
             },
+            color: ${JSON.stringify(config.color)},
             shape: ${JSON.stringify(config.shape)},
-            gridSize: ${config.gridSize},
             ellipticity: ${config.ellipticity},
-            rotateRatio: ${config.rotateRatio},
             minRotation: ${config.minRotation},
             maxRotation: ${config.maxRotation},
+            rotationSteps: ${config.rotationSteps},
             backgroundColor: 'transparent',
             clearCanvas: true,
+            shrinkToFit: true,
+            rotateRatio: 1,
             shuffle: true,
+            gridSize: 1,
           };
 
           const maskImageUrl = ${JSON.stringify(config.maskImage)};
@@ -2547,15 +2528,13 @@ var Config3 = import_koishi7.Schema.intersect([
   }).description("高级分析配置"),
   import_koishi7.Schema.object({
     ellipticity: import_koishi7.Schema.number().min(0).max(1).default(1).description("长宽比"),
-    rotateRatio: import_koishi7.Schema.number().min(0).max(1).default(0.5).description("旋转比"),
-    minRotation: import_koishi7.Schema.number().default(Math.PI / 2).description("最小旋转角"),
+    rotationSteps: import_koishi7.Schema.number().min(0).default(3).description("旋转步数"),
+    minRotation: import_koishi7.Schema.number().default(-Math.PI / 2).description("最小旋转角"),
     maxRotation: import_koishi7.Schema.number().default(Math.PI / 2).description("最大旋转角"),
-    minFontSize: import_koishi7.Schema.number().min(1).default(4).description("最小字号"),
-    maxFontSize: import_koishi7.Schema.number().min(1).default(64).description("最大字号"),
-    gridSize: import_koishi7.Schema.number().min(0).default(1).description("词云间距"),
-    fontFamily: import_koishi7.Schema.string().default('"Noto Sans CJK SC", "Arial", sans-serif').description("词云字体"),
-    shape: import_koishi7.Schema.union(["square", "circle", "cardioid", "diamond", "triangle-forward", "triangle", "pentagon", "star"]).default("square").description("词云形状"),
-    maskImage: import_koishi7.Schema.string().role("link").description("词云蒙版 (一个图片的URL，会覆盖形状设置)")
+    color: import_koishi7.Schema.string().default("random-light").description("词云颜色"),
+    shape: import_koishi7.Schema.string().default("square").description("词云形状"),
+    fontFamily: import_koishi7.Schema.string().default('"Noto Sans CJK SC", Arial, sans-serif').description("词云字体"),
+    maskImage: import_koishi7.Schema.string().role("link").description("蒙版图片")
   }).description("词云生成配置")
 ]);
 async function parseQueryScope(ctx, session, options) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "koishi-plugin-chat-analyse",
   "description": "强大而全面的聊天数据分析插件。支持多维度统计（命令、发言、消息类型、活跃度），可生成发言排行、词云图，并提供完善的数据管理。",
-  "version": "1.4.8",
+  "version": "1.4.10",
   "contributors": [
     "Yis_Rime <yis_rime@outlook.com>"
   ],

package/readme.md

@@ -142,14 +142,14 @@
 `enableMsgStat`: **启用消息统计**。 (默认: `true`)
 `enableActivity`: **启用活跃统计**。 (默认: `true`)
 `enableRankStat`: **启用发言排行**。 (默认: `true`)
-`rankRetentionDays`: **排行保留天数**。发言排行数据的保留时长（天），`0` 为永久保留。 (默认: `180`)
+`rankRetentionDays`: **排行保留天数**。发言排行数据的保留时长（天），`0` 为永久保留。 (默认: `365`)
 `enableWhoAt`: **启用提及记录**。 (默认: `true`)
 `atRetentionDays`: **提及保留天数**。`whoatme` 数据的保留时长（天），`0` 为永久保留。 (默认: `3`)
 
 ### 高级分析配置
 
 `enableOriRecord`: **启用原始记录**。是否记录原始消息内容。这是 `.view` 和 `wordcloud` 功能的基础。 (默认: `true`)
-`cacheRetentionDays`: **原始记录保留天数**。原始消息记录的保留时长（天），`0` 为永久保留。 (默认: `30`)
+`cacheRetentionDays`: **原始记录保留天数**。原始消息记录的保留时长（天），`0` 为永久保留。 (默认: `31`)
 `enableAutoBackup`: **启用自动备份记录**。是否开启每月自动备份原始消息记录。 (默认: `false`)
 `enableWordCloud`: **启用词云生成**。
   > **!** 此功能依赖 **`启用原始记录`**。 (默认: `true`)
@@ -160,16 +160,16 @@
 
 | 配置项 | 描述 | 默认值 |
 | :--- | :--- | :--- |
-| `maskImage` | **词云蒙版**：提供一个图片的URL作为词云的形状蒙版。**注意：这会覆盖“基础形状”选项。** | (空) |
+| `color` | **词云颜色**：可设为 `random-light`、`random-dark`、CSS颜色值(如`#ff0000`)或一个返回颜色的JS函数。 | `random-light` |
+| `shape` | **词云形状**：预设值包括 `circle`, `cardioid`, `diamond`, `square`, `triangle`, `pentagon`, `star`。 | `square` |
+| `maskImage` | **蒙版图片**：提供一个图片的URL作为词云的形状蒙版。**注意：这会覆盖“词云形状”选项。** | (空) |
 | `fontFamily` | **词云字体**：用于渲染词云的字体列表。 | `"Noto Sans CJK SC", "Arial", sans-serif` |
-| `minFontSize` | **最小字号**：权重最小的单词所使用的字号。 | `4` |
-| `maxFontSize` | **最大字号**：权重最大的单词所使用的字号。 | `64` |
-| `gridSize` | **词云间距**：用于分隔单词的网格大小（像素）。值越大，单词间距越大。 | `1` |
-| `shape` | **基础形状**：选择词云的整体轮廓（无蒙版时生效）。 | `square` |
-| `ellipticity` | **长宽比**：当形状为“椭圆”时，定义其扁平程度。值越小越扁。 | `1` |
-| `rotateRatio` | **旋转比**：随机旋转的单词所占的比例（0 到 1）。 | `0.5` |
-| `minRotation` | **最小旋转角**：单词随机旋转的最小角度（弧度）。 | `1.570796` (π/2) |
-| `maxRotation` | **最大旋转角**：单词随机旋转的最大角度（弧度）。 | `1.570796` (π/2) |
+| `minFontSize` | **最小字号**：权重最小的单词所使用的字号(px)。 | `4` |
+| `maxFontSize` | **最大字号**：权重最大的单词所使用的字号(px)。 | `64` |
+| `ellipticity` | **长宽比**：形状的扁平程度(0-1)，仅对非方形形状有效。 | `1` |
+| `minRotation` | **最小旋转角**：单词随机旋转的最小角度(弧度)。 | `-1.570796` (-π/2) |
+| `maxRotation` | **最大旋转角**：单词随机旋转的最大角度(弧度)。 | `1.570796` (π/2) |
+| `rotationSteps`| **旋转步数**：旋转角度的选择方式。0表示随机，2表示只在最小/最大角度中二选一。 | `3` |
 
 ## 📌 注意事项