zzz-pc-view 0.0.102 → 0.0.104

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zzz-pc-view",
-  "version": "0.0.102",
+  "version": "0.0.104",
   "main": "src/index.umd.js",
   "module": "src/index.es.js",
   "types": "src/index.d.ts",
@@ -20,7 +20,7 @@
     "@types/crypto-js": "^4.2.2",
     "qs": "^6.13.0",
     "@types/qs": "^6.9.17",
-    "echarts": "^5.5.1",
+    "echarts": "^5.6.0",
     "color-hash": "^2.0.2",
     "@types/sortablejs": "^1.15.8",
     "sortablejs": "^1.15.6",

package/src/index.es.js

@@ -1853,7 +1853,7 @@ const useInterval = (callback, ms) => {
   };
   const clearTimer = () => {
     if (timer !== void 0) {
-      clearInterval(timer);
+      clearTimeout(timer);
       timer = void 0;
     }
   };
@@ -1882,6 +1882,7 @@ const useHttpRequestInterval = (request, ms) => {
     httpRequestPromise.catch((error) => {
       if (error.code === ABORTED_CODE) {
         isAbort = true;
+        return;
       }
       return Promise.reject(error);
     }).finally(() => {
@@ -2919,7 +2920,7 @@ const canvasUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
 const DATA_ZOOM_SIZE = 37;
 const NUMBER_FONT_FAMILY = "Times New Roman";
 const CN_TEXT_FONT_FAMILY = "宋体,SimSun,simsun";
-const EN_TEXT_FONT_FAMILY = "sans-serif";
+const EN_TEXT_FONT_FAMILY = "Times New Roman";
 const useChartStyleConfig = (param) => {
   const axisGap = param.axisGap ?? 6;
   return {
@@ -3192,7 +3193,7 @@ const setLegend = (chartOption, dimensions, chartStyleConfig, legendSelected, to
     (legendSize2, dimension) => {
       const width = legendPaddings[1] + legendItemWidth + legendItemGap + measureText(dimension.name, legendFontSize, legendFontFamily).width;
       legendSize2[0] += width;
-      if (legendSize2[0] > legendWidth) {
+      if (legendSize2[0] - legendPaddings[1] > legendWidth) {
         legendSize2[1]++;
         legendSize2[0] = width;
       }
@@ -3242,77 +3243,74 @@ const setYAxis$1 = (chartOption, param) => {
   const axisNameIndexMap = {};
   const { yAxisNameLocation, chartStyleConfig, dataset } = param;
   const { axisNameFontSize, axisFontSize } = chartStyleConfig;
-  param.dimensions.forEach((dimension, index2) => {
+  param.dimensions.forEach((dimension) => {
     var _a2, _b2;
-    let yAxisIndex = index2;
     const axisName = dimension.axisName ?? "";
     if (!Object.prototype.hasOwnProperty.call(axisNameIndexMap, axisName)) {
-      axisNameIndexMap[axisName] = index2;
+      axisNameIndexMap[axisName] = yAxis.length;
       yAxis.push({
-        // Y 轴的名称
+        // Y 轴名称
         name: axisName,
-        // Y 轴名称的位置，根据传入的配置设置
+        // Y 轴名称的位置
         nameLocation: yAxisNameLocation,
         // Y 轴名称的文本样式
         nameTextStyle: {
-          // 字体大小，从图表样式配置中获取
+          // 轴名称字体大小
           fontSize: axisNameFontSize,
-          // 字体族，使用预设的英文字体族
+          // 轴名称字体族
           fontFamily: EN_TEXT_FONT_FAMILY
         },
-        // Y 轴的类型为数值轴，用于处理数值数据
+        // Y 轴类型为数值轴
         type: "value",
         // 显示 Y 轴
         show: true,
-        // 是否启用缩放，根据维度配置设置
+        // 是否启用缩放，继承自维度配置
         scale: dimension.scale,
-        // 轴刻度配置
+        // Y 轴刻度配置
         axisTick: {
-          // 显示轴刻度
+          // 显示刻度
           show: true,
-          // 轴刻度与标签对齐
+          // 刻度与标签对齐
           alignWithLabel: true
         },
-        // 轴线条配置
+        // Y 轴轴线配置
         axisLine: {
-          // 显示轴线条
+          // 显示轴线
           show: true
         },
-        // 轴标签配置
+        // Y 轴标签配置
         axisLabel: {
-          // 字体大小，从图表样式配置中获取
+          // 标签字体大小
           fontSize: axisFontSize,
-          // 字体族，如果未提供则使用默认的数字字体族
+          // 标签字体族，若未提供则使用默认字体族
           fontFamily: dimension.labelFontFamily || NUMBER_FONT_FAMILY,
-          // 标签格式化函数，如果未提供则使用默认的数字格式化函数
+          // 标签格式化函数，若未提供则使用默认数字格式化函数
           formatter: dimension.labelFormatter || numberFormatter
         },
-        // 分割线配置
+        // Y 轴分割线配置
         splitLine: {
           // 不显示分割线
           show: false
         }
       });
     }
-    yAxisIndex = axisNameIndexMap[axisName];
+    const yAxisIndex = axisNameIndexMap[axisName];
     const dimensionId = dimension.id;
     const seriesItem = dimension.series;
     const datasetIndex = seriesItem.datasetIndex ?? 0;
     series.push({
-      // 系列的名称，使用维度的唯一标识符
+      // 系列名称为维度的唯一标识符
       name: dimensionId,
-      // 数据编码配置，指定 X 轴和 Y 轴的数据来源
+      // 数据编码配置，指定 X 轴和 Y 轴对应的数据维度
       encode: {
-        // X 轴数据来源，使用对应数据集的维度 ID
         x: (_b2 = (_a2 = dataset[datasetIndex]) == null ? void 0 : _a2.dimension) == null ? void 0 : _b2.id,
-        // Y 轴数据来源，使用当前维度的唯一标识符
         y: dimensionId
       },
-      // 系列对应的 Y 轴索引，确保系列数据在正确的 Y 轴上显示
+      // 关联的 Y 轴索引
       yAxisIndex,
-      // 展开系列原有的配置，保留用户自定义的系列样式和属性
+      // 展开原系列配置
       ...seriesItem,
-      // 数据集索引，如果未提供则使用默认值 0
+      // 数据集索引
       datasetIndex
     });
   });