@hecom/codearts 0.4.1 → 0.4.2

package/dist/charts/index.js

@@ -8,10 +8,10 @@ const bug_by_fix_duration_1 = require("./modules/bug-by-fix-duration");
 const bug_by_developer_hours_1 = require("./modules/bug-by-developer-hours");
 const bug_open_priority_heatmap_1 = require("./modules/bug-open-priority-heatmap");
 exports.allCharts = [
-    bug_by_defect_analysis_1.bugByDefectAnalysisChart,
-    bug_by_assignee_1.bugByAssigneeChart,
     bug_by_module_1.bugByModuleChart,
+    bug_by_defect_analysis_1.bugByDefectAnalysisChart,
     bug_by_fix_duration_1.bugByFixDurationChart,
-    bug_by_developer_hours_1.bugByDeveloperHoursChart,
     bug_open_priority_heatmap_1.bugOpenPriorityHeatmapChart,
+    bug_by_assignee_1.bugByAssigneeChart,
+    bug_by_developer_hours_1.bugByDeveloperHoursChart,
 ];

package/dist/charts/modules/bug-by-assignee.js

@@ -14,15 +14,26 @@ exports.bugByAssigneeChart = {
         const values = sorted.map(([, value]) => value);
         return {
             tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
-            grid: { left: '3%', right: '8%', bottom: '3%', containLabel: true },
-            xAxis: { type: 'value' },
-            yAxis: { type: 'category', data: names, inverse: true },
+            grid: { left: '3%', right: '6%', bottom: '3%', containLabel: true },
+            xAxis: {
+                type: 'value',
+                axisLine: { show: false },
+                splitLine: { lineStyle: { color: '#f0f3f7' } },
+            },
+            yAxis: {
+                type: 'category',
+                data: names,
+                inverse: true,
+                axisLine: { show: false },
+                axisTick: { show: false },
+            },
             series: [
                 {
                     type: 'bar',
                     data: values,
-                    label: { show: true, position: 'right' },
-                    itemStyle: { color: '#5470c6' },
+                    label: { show: true, position: 'right', color: '#111827', fontWeight: 600 },
+                    itemStyle: { color: '#4A6CF7', borderRadius: 6 },
+                    barCategoryGap: '40%',
                 },
             ],
         };

package/dist/charts/modules/bug-by-defect-analysis.js

@@ -15,13 +15,19 @@ exports.bugByDefectAnalysisChart = {
             .map(([name, value]) => ({ name, value }));
         return {
             tooltip: { trigger: 'item', formatter: '{b}: {c} ({d}%)' },
-            legend: { orient: 'vertical', left: 'left', type: 'scroll' },
+            legend: { orient: 'vertical', left: 'left', type: 'scroll', textStyle: { color: '#666' } },
             series: [
                 {
                     type: 'pie',
-                    radius: ['40%', '70%'],
+                    radius: ['42%', '68%'],
                     avoidLabelOverlap: true,
-                    label: { show: true, formatter: '{b}: {d}%' },
+                    label: {
+                        show: true,
+                        position: 'outside',
+                        formatter: '{b}: {d}%',
+                        color: '#111827',
+                    },
+                    labelLine: { length: 18, length2: 6, lineStyle: { width: 1 } },
                     data,
                 },
             ],

package/dist/charts/modules/bug-by-developer-hours.js

@@ -16,15 +16,33 @@ exports.bugByDeveloperHoursChart = {
         const values = sorted.map(([, hours]) => hours);
         return {
             tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
-            grid: { left: '3%', right: '8%', bottom: '3%', containLabel: true },
-            xAxis: { type: 'value', name: '小时' },
-            yAxis: { type: 'category', data: names, inverse: true },
+            grid: { left: '3%', right: '6%', bottom: '3%', containLabel: true },
+            xAxis: {
+                type: 'value',
+                name: '小时',
+                axisLine: { show: false },
+                splitLine: { lineStyle: { color: '#f0f3f7' } },
+            },
+            yAxis: {
+                type: 'category',
+                data: names,
+                inverse: true,
+                axisLine: { show: false },
+                axisTick: { show: false },
+            },
             series: [
                 {
                     type: 'bar',
                     data: values,
-                    label: { show: true, position: 'right', formatter: '{c}h' },
-                    itemStyle: { color: '#ee6666' },
+                    label: {
+                        show: true,
+                        position: 'right',
+                        formatter: '{c}h',
+                        color: '#111827',
+                        fontWeight: 600,
+                    },
+                    itemStyle: { color: '#6AD3FF', borderRadius: 6 },
+                    barCategoryGap: '40%',
                 },
             ],
         };

package/dist/charts/modules/bug-by-fix-duration.js

@@ -27,18 +27,21 @@ exports.bugByFixDurationChart = {
         const values = BUCKETS.map((b) => countMap.get(b) ?? 0);
         return {
             tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
-            grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
+            grid: { left: '6%', right: '6%', bottom: '8%', containLabel: true },
             xAxis: {
                 type: 'category',
                 data: [...BUCKETS],
+                axisLine: { show: false },
+                axisTick: { show: false },
             },
-            yAxis: { type: 'value', minInterval: 1 },
+            yAxis: { type: 'value', minInterval: 1, splitLine: { lineStyle: { color: '#f0f3f7' } } },
             series: [
                 {
                     type: 'bar',
                     data: values,
-                    label: { show: true, position: 'top' },
-                    itemStyle: { color: '#fac858' },
+                    label: { show: true, position: 'top', color: '#111827' },
+                    itemStyle: { color: '#FFD66B', borderRadius: [6, 6, 0, 0] },
+                    barWidth: '46%',
                 },
             ],
         };

package/dist/charts/modules/bug-by-module.js

@@ -14,19 +14,21 @@ exports.bugByModuleChart = {
         const values = sorted.map(([, value]) => value);
         return {
             tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
-            grid: { left: '3%', right: '4%', bottom: '15%', containLabel: true },
+            grid: { left: '4%', right: '4%', bottom: '18%', containLabel: true },
             xAxis: {
                 type: 'category',
                 data: names,
-                axisLabel: { rotate: 30, overflow: 'truncate', width: 80 },
+                axisLabel: { rotate: 30, overflow: 'truncate', width: 90, color: '#666' },
+                axisLine: { show: false },
             },
-            yAxis: { type: 'value' },
+            yAxis: { type: 'value', splitLine: { lineStyle: { color: '#f0f3f7' } } },
             series: [
                 {
                     type: 'bar',
                     data: values,
-                    label: { show: true, position: 'top' },
-                    itemStyle: { color: '#91cc75' },
+                    label: { show: true, position: 'top', color: '#111827' },
+                    itemStyle: { color: '#6BCB9B', borderRadius: 6 },
+                    barWidth: '48%',
                 },
             ],
         };

package/dist/charts/modules/bug-open-priority-heatmap.js

@@ -38,16 +38,18 @@ exports.bugOpenPriorityHeatmapChart = {
                 position: 'top',
                 formatter: (params) => `${yCategories[params.data[1]]} / ${xCategories[params.data[0]]}: ${params.data[2]} 个`,
             },
-            grid: { left: '3%', right: '4%', bottom: '10%', containLabel: true },
+            grid: { left: '4%', right: '4%', bottom: '12%', containLabel: true },
             xAxis: {
                 type: 'category',
                 data: xCategories,
                 splitArea: { show: true },
+                axisLabel: { color: '#666' },
             },
             yAxis: {
                 type: 'category',
                 data: yCategories,
                 splitArea: { show: true },
+                axisLabel: { color: '#666' },
             },
             visualMap: {
                 min: 0,
@@ -56,7 +58,7 @@ exports.bugOpenPriorityHeatmapChart = {
                 orient: 'horizontal',
                 left: 'center',
                 bottom: '0%',
-                inRange: { color: ['#ffffff', '#ee6666'] },
+                inRange: { color: ['#ffffff', '#FF9A76'] },
             },
             series: [
                 {
@@ -65,6 +67,7 @@ exports.bugOpenPriorityHeatmapChart = {
                     label: {
                         show: true,
                         formatter: (params) => params.data[2] > 0 ? String(params.data[2]) : '',
+                        color: '#111827',
                     },
                     emphasis: { itemStyle: { shadowBlur: 10, shadowColor: 'rgba(0, 0, 0, 0.5)' } },
                 },

package/dist/charts/renderer.js

@@ -90,15 +90,53 @@ function buildHtml(bugs, charts, meta) {
     const chartContainers = charts
         .map((chart, i) => `<div class="chart-card">
           <div class="chart-title">${chart.title}</div>
-          <div id="chart-${i}" style="height:400px;"></div>
+          <div id="chart-${i}" class="chart-canvas"></div>
         </div>`)
         .join('\n');
     const chartScripts = charts
         .map((chart, i) => {
         const option = JSON.stringify(chart.buildOption(bugs));
-        return `echarts.init(document.getElementById('chart-${i}')).setOption(${option});`;
+        return `(() => {
+        const el = document.getElementById('chart-${i}');
+        if (!el) return;
+        const myChart = echarts.init(el);
+        const defaultTheme = {
+          color: ['#4A6CF7', '#6AD3FF', '#6BCB9B', '#FFD66B', '#FF9A76', '#7E63FF', '#FFA2EC'],
+          textStyle: { color: '#2b2b2b', fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif' },
+          tooltip: { backgroundColor: 'rgba(0,0,0,0.75)', textStyle: { color: '#fff' } },
+          legend: { textStyle: { color: '#666' } },
+          axis: { axisLine: { lineStyle: { color: '#e9edf1' } }, axisLabel: { color: '#9aa0a6' }, splitLine: { lineStyle: { color: '#f0f3f7' } } }
+        };
+        // merge defaults shallowly; chart option will override defaults where provided
+        const userOption = ${option};
+        const merged = Object.assign({}, defaultTheme, userOption);
+        myChart.setOption(merged, true);
+        // store instance for global resize handling
+        window.__HECOM_CHARTS = window.__HECOM_CHARTS || [];
+        window.__HECOM_CHARTS.push(myChart);
+        // ensure initial render after layout
+        setTimeout(() => myChart.resize(), 60);
+      })();`;
     })
-        .join('\n');
+        .join('\n') +
+        `
+    ;(function(){
+      if (window.__HECOM_CHARTS_RESIZE_ADDED) return;
+      window.__HECOM_CHARTS_RESIZE_ADDED = true;
+      let _rt;
+      function resizeAll(){
+        (window.__HECOM_CHARTS || []).forEach(c => { try { c.resize(); } catch(e){} });
+      }
+      window.addEventListener('resize', () => { clearTimeout(_rt); _rt = setTimeout(resizeAll, 120); });
+      window.addEventListener('load', () => setTimeout(resizeAll, 100));
+      // in case layout changes without window resize (e.g. CSS media query), observe container
+      try {
+        const ro = new ResizeObserver(() => { clearTimeout(_rt); _rt = setTimeout(resizeAll, 80); });
+        document.querySelectorAll('.chart-canvas').forEach(el => ro.observe(el));
+      } catch (e) {
+        // ResizeObserver not available -> fallback only to window resize
+      }
+    })();`;
     const iterationsText = meta.iterationNames.join(', ') || '全部';
     const terminalText = meta.terminalTypes.join(', ') || '全部';
     return `<!DOCTYPE html>
@@ -108,20 +146,36 @@ function buildHtml(bugs, charts, meta) {
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Bug 分析报告</title>
   <style>
-    body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; margin: 0; padding: 20px; background: #f5f5f5; color: #333; }
-    .header { background: #fff; border-radius: 8px; padding: 24px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
-    .header h1 { margin: 0 0 16px; font-size: 22px; color: #1a1a1a; }
-    .meta-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
-    .meta-item { background: #f8f9fa; border-radius: 6px; padding: 12px; }
-    .meta-label { font-size: 12px; color: #888; margin-bottom: 4px; }
-    .meta-value { font-size: 14px; font-weight: 600; color: #333; }
-    .charts-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
-    .chart-card { background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
-    .chart-title { font-size: 15px; font-weight: 600; color: #1a1a1a; margin-bottom: 12px; }
-    @media (max-width: 900px) { .charts-grid { grid-template-columns: 1fr; } }
+    :root{ --bg:#f5f7fa; --card:#ffffff; --muted:#9aa0a6; --text:#2b2b2b; --accent:#4A6CF7; }
+    html,body{height:100%;}
+    body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; margin: 0; padding: 28px 28px 64px; background: var(--bg); color: var(--text); -webkit-font-smoothing:antialiased; }
+    .container{max-width:1200px;margin:0 auto}
+    .header { background: var(--card); border-radius: 10px; padding: 28px; margin-bottom: 22px; box-shadow: 0 6px 18px rgba(18,23,34,0.06); }
+    .header h1 { margin: 0 0 10px; font-size: 20px; color: #111827; }
+    .meta-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; }
+    .meta-item { background: #f8f9fb; border-radius: 8px; padding: 14px; }
+    .meta-label { font-size: 12px; color: #818a91; margin-bottom: 6px; }
+    .meta-value { font-size: 15px; font-weight: 700; color: #111827; }
+    .charts-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: start; }
+    .chart-card { background: var(--card); border-radius: 10px; padding: 18px; box-shadow: 0 6px 18px rgba(18,23,34,0.04); display:flex; flex-direction:column; }
+    .chart-title { font-size: 15px; font-weight: 600; color: #111827; margin-bottom: 12px; }
+    .chart-canvas { width:100%; height:400px; }
+    .page-footer-spacer{height:56px;flex:0 0 56px}
+    /* card footer or small notes */
+    .muted { color: var(--muted); font-size:12px }
+
+    @media (max-width: 1199px){ .container{max-width:980px} }
+    @media (max-width: 900px) {
+      body{padding:16px}
+      .charts-grid { grid-template-columns: 1fr; }
+      .chart-canvas{height:320px}
+      .header { padding:18px }
+    }
+    @media (max-width: 480px){ .chart-canvas{height:280px} }
   </style>
 </head>
 <body>
+  <div class="container">
   <div class="header">
     <h1>Bug 分析报告</h1>
     <div class="meta-grid">
@@ -134,6 +188,8 @@ function buildHtml(bugs, charts, meta) {
   <div class="charts-grid">
     ${chartContainers}
   </div>
+  <div class="page-footer-spacer" aria-hidden="true"></div>
+  </div>
   <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
   <script>
     ${chartScripts}

package/dist/commands/fix.command.js

@@ -52,9 +52,11 @@ async function fixCommand(cliOptions) {
             logger_1.logger.info('操作取消');
             return;
         }
-        // Step 5: 填写缺陷分析信息
+        // Step 5: 检查是否为客户反馈 bug
+        const isCustomerFeedback = checkIsCustomerFeedback(selectedBug);
+        // Step 6: 填写缺陷分析信息
         const bugFixData = {};
-        // 5.1: 选择缺陷技术分析（必填）
+        // 6.1: 选择缺陷技术分析（必填）
         const defectAnalysisOptions = customFieldOptions[types_1.CustomFieldId.DEFECT_TECHNICAL_ANALYSIS] || [];
         if (defectAnalysisOptions.length === 0) {
             logger_1.logger.error('无法获取缺陷技术分析选项');
@@ -67,24 +69,30 @@ async function fixCommand(cliOptions) {
                 value: option,
             })),
         });
-        // 5.2: 填写问题原因及解决办法（可选）
+        // 6.2: 填写问题原因及解决办法
         const problemReason = await (0, prompts_1.input)({
-            message: '请输入问题原因及解决办法（可选，留空跳过）',
+            message: isCustomerFeedback
+                ? '请输入问题原因及解决办法（必填）'
+                : '请输入问题原因及解决办法（可选，留空跳过）',
+            validate: (value) => {
+                if (isCustomerFeedback && !value.trim()) {
+                    return '问题原因及解决办法不能为空';
+                }
+                return true;
+            },
         });
         if (problemReason.trim()) {
             bugFixData.problemReason = problemReason;
         }
-        // 5.3: 填写影响范围（可选）
+        // 6.3: 填写影响范围（可选）
         const impactScope = await (0, prompts_1.input)({
             message: '请输入影响范围（可选，留空跳过）',
         });
         if (impactScope.trim()) {
             bugFixData.impactScope = impactScope;
         }
-        // Step 6: 检查是否为客户反馈 bug
-        const isCustomerFeedback = checkIsCustomerFeedback(selectedBug);
         if (isCustomerFeedback) {
-            // 6.1: 选择引入阶段（必填）
+            // 6.4: 选择引入阶段（必填）
             const introductionPhaseOptions = customFieldOptions[types_1.CustomFieldId.INTRODUCTION_PHASE] || [];
             if (introductionPhaseOptions.length === 0) {
                 logger_1.logger.error('无法获取引入阶段选项');
@@ -100,7 +108,7 @@ async function fixCommand(cliOptions) {
                     value: option,
                 })),
             });
-            // 6.2: 输入发布时间（必填）
+            // 6.5: 输入发布时间（必填）
             let releaseDate;
             let validDate = false;
             while (!validDate) {
@@ -205,7 +213,7 @@ async function showSummaryAndConfirm(bug, bugFixData, isCustomerFeedback) {
     logger_1.logger.info(`Bug ID: #${bug.id}`);
     logger_1.logger.info(`Bug 标题: ${bug.name}`);
     logger_1.logger.info(`缺陷技术分析: ${bugFixData.defectAnalysis || '未填写'}`);
-    logger_1.logger.info(`问题原因: ${bugFixData.problemReason || '未填写'}`);
+    logger_1.logger.info(`问题原因及解决办法: ${bugFixData.problemReason || '未填写'}`);
     logger_1.logger.info(`影响范围: ${bugFixData.impactScope || '未填写'}`);
     if (isCustomerFeedback) {
         logger_1.logger.info(`引入阶段: ${bugFixData.introductionStage || '未填写'}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hecom/codearts",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "华为云 CodeArts 统计分析工具",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",