kd-curve-v2 0.0.4 → 0.0.5

package/dist/esm/index.js

@@ -2175,7 +2175,7 @@ var script$a = {
   },
 };
 
-var css_248z$b = "@charset \"UTF-8\";\n.function-control-panel[data-v-a67ba94a] {\n  width: 100%;\n  height: 100%;\n  color: var(--text-color);\n  font-size: 14px;\n  overflow: hidden;\n}\n.function-control-panel .radio-group[data-v-a67ba94a] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n.el-select-disabled[data-v-a67ba94a] {\n  opacity: 0.5;\n}\n\n/*/* 分割线 */\n.divider[data-v-a67ba94a] {\n  height: 1px;\n  background: var(--border-color);\n  margin-bottom: 8px;\n}\n\n/* label */\n.label[data-v-a67ba94a] {\n  color: #aaa;\n  margin-bottom: 2px;\n}\n\n/* 操作按钮 */\n.actions[data-v-a67ba94a] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.btn[data-v-a67ba94a] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n  text-align: center;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: 400;\n  cursor: pointer;\n}\n.btn .icon[data-v-a67ba94a] {\n  width: 54px;\n  height: 54px;\n}\n.btn.disabled[data-v-a67ba94a] {\n  color: #666;\n  cursor: not-allowed;\n}\n.btn.disabled .icon[data-v-a67ba94a] {\n  opacity: 0.5;\n}\n.fontColor[data-v-a67ba94a] {\n  color: var(--default-text-color);\n}";
+var css_248z$b = "@charset \"UTF-8\";\n.function-control-panel[data-v-1de81a62] {\n  width: 100%;\n  height: 100%;\n  color: var(--text-color);\n  font-size: 14px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  /* 隐藏滚动条 */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.function-control-panel[data-v-1de81a62]::-webkit-scrollbar {\n  display: none;\n}\n.function-control-panel .radio-group[data-v-1de81a62] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n.el-select-disabled[data-v-1de81a62] {\n  opacity: 0.5;\n}\n\n/*/* 分割线 */\n.divider[data-v-1de81a62] {\n  height: 1px;\n  background: var(--border-color);\n  margin-bottom: 8px;\n}\n\n/* label */\n.label[data-v-1de81a62] {\n  color: #aaa;\n  margin-bottom: 2px;\n}\n\n/* 操作按钮 */\n.actions[data-v-1de81a62] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.btn[data-v-1de81a62] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n  text-align: center;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: 400;\n  cursor: pointer;\n}\n.btn .icon[data-v-1de81a62] {\n  width: 54px;\n  height: 54px;\n}\n.btn.disabled[data-v-1de81a62] {\n  color: #666;\n  cursor: not-allowed;\n}\n.btn.disabled .icon[data-v-1de81a62] {\n  opacity: 0.5;\n}\n.fontColor[data-v-1de81a62] {\n  color: var(--default-text-color);\n}";
 styleInject(css_248z$b);
 
 /* script */
@@ -3245,7 +3245,7 @@ __vue_render__$a._withStripped = true;
   /* style */
   const __vue_inject_styles__$a = undefined;
   /* scoped */
-  const __vue_scope_id__$a = "data-v-a67ba94a";
+  const __vue_scope_id__$a = "data-v-1de81a62";
   /* module identifier */
   const __vue_module_identifier__$a = undefined;
   /* functional template */
@@ -6644,10 +6644,10 @@ var script$3 = {
       if(this.formCache.displayType == 'float'){
         return "";
       }
-      if (!this.headerData[this.line.paramId]) {
-        return 0;
+      if (!Object.prototype.hasOwnProperty.call(this.headerData, this.line.paramId)) {
+        return '--';
       }
-      return Number(this.headerData[this.line.paramId].toFixed(2) || 0);
+      return this.headerData[this.line.paramId] !== null && this.headerData[this.line.paramId] !== undefined && this.headerData[this.line.paramId] !== '' ? typeof +this.headerData[this.line.paramId] === 'number' ? Number(Number(this.headerData[this.line.paramId]).toFixed(2)) : this.headerData[this.line.paramId] : '--';
     },
     getParamName(line) {
       const nameConfig = this.paramsNameMap[line.paramId];
@@ -6707,7 +6707,7 @@ var script$3 = {
         lineType = { "border-bottom": `2px ${this.line.lineType} ${lineColor || this.line.lineColor}` };
       }
       return {
-        height: `${this.itemHeight}px`,
+        height: `${ this.formCache.displayType == 'header' ?  this.itemHeight : this.itemHeight * 0.8 }px`,
         opacity: this.line.isUsed == "1" ? 1 : 0.5,
         ...lineType,
       };
@@ -6717,7 +6717,7 @@ var script$3 = {
   },
 };
 
-var css_248z$4 = "@charset \"UTF-8\";\n.kd-lane-chart-container-header-item[data-v-5b5658da] {\n  height: 42px;\n  background: var(--kd-lane-container-header-bg);\n  border-radius: 0px 0px 0px 0px;\n  color: var(--kd-lane-container-header-item-color, #333);\n  border: unset;\n  position: relative;\n  cursor: pointer;\n}\n.kd-lane-chart-container-header-item_warning[data-v-5b5658da] {\n  background: var(--kd-lane-container-header-item-warning-color, rgba(248, 108, 89, 0.6));\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container[data-v-5b5658da] {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: 400;\n  font-size: 10px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .left[data-v-5b5658da] {\n  position: absolute;\n  left: 2px;\n  bottom: 2px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center[data-v-5b5658da] {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  font-size: 14px;\n  transform: translate(-50%, -50%);\n  display: flex;\n  flex-direction: column;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center .paramsTitle[data-v-5b5658da] {\n  /* 文字不换行，超出显示省略号 */\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: 400;\n  font-size: 12px;\n  color: var(--kd-lane-container-header-item-color, #333);\n  text-align: center;\n  font-style: normal;\n  text-transform: none;\n  margin-bottom: 2px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center .paramsData[data-v-5b5658da] {\n  /* 文字不换行，超出显示省略号 */\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: bold;\n  font-size: 14px;\n  text-align: center;\n  font-style: normal;\n  text-transform: none;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .right[data-v-5b5658da] {\n  position: absolute;\n  right: 2px;\n  bottom: 2px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .gradient-display[data-v-5b5658da] {\n  position: absolute;\n  height: 2px;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}";
+var css_248z$4 = "@charset \"UTF-8\";\n.kd-lane-chart-container-header-item[data-v-c00b77ba] {\n  height: 42px;\n  background: var(--kd-lane-container-header-bg);\n  border-radius: 0px 0px 0px 0px;\n  color: var(--kd-lane-container-header-item-color, #333);\n  border: unset;\n  position: relative;\n  cursor: pointer;\n}\n.kd-lane-chart-container-header-item_warning[data-v-c00b77ba] {\n  background: var(--kd-lane-container-header-item-warning-color, rgba(248, 108, 89, 0.6));\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container[data-v-c00b77ba] {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: 400;\n  font-size: 10px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .left[data-v-c00b77ba] {\n  position: absolute;\n  left: 2px;\n  bottom: 2px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center[data-v-c00b77ba] {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  font-size: 14px;\n  transform: translate(-50%, -50%);\n  display: flex;\n  flex-direction: column;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center .paramsTitle[data-v-c00b77ba] {\n  /* 文字不换行，超出显示省略号 */\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: 400;\n  font-size: 12px;\n  color: var(--kd-lane-container-header-item-color, #333);\n  text-align: center;\n  font-style: normal;\n  text-transform: none;\n  margin-bottom: 2px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center .paramsData[data-v-c00b77ba] {\n  /* 文字不换行，超出显示省略号 */\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-weight: bold;\n  font-size: 14px;\n  text-align: center;\n  font-style: normal;\n  text-transform: none;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .right[data-v-c00b77ba] {\n  position: absolute;\n  right: 2px;\n  bottom: 2px;\n}\n.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .gradient-display[data-v-c00b77ba] {\n  position: absolute;\n  height: 2px;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}";
 styleInject(css_248z$4);
 
 /* script */
@@ -6742,15 +6742,9 @@ var __vue_render__$3 = function () {
         _c("span", { staticClass: "left" }, [_vm._v(_vm._s(_vm.line.min))]),
         _vm._v(" "),
         _c("div", { staticClass: "center" }, [
-          _c(
-            "div",
-            {
-              staticClass: "paramsTitle",
-              style:
-                _vm.formCache.displayType == "float" ? "font-size: 14px;" : "",
-            },
-            [_vm._v(_vm._s(_vm.getParamName(_vm.line)))]
-          ),
+          _c("div", { staticClass: "paramsTitle" }, [
+            _vm._v(_vm._s(_vm.getParamName(_vm.line))),
+          ]),
           _vm._v(" "),
           _c("div", { staticClass: "paramsData" }, [
             _vm._v(_vm._s(_vm.getCurrentData())),
@@ -6773,7 +6767,7 @@ __vue_render__$3._withStripped = true;
   /* style */
   const __vue_inject_styles__$3 = undefined;
   /* scoped */
-  const __vue_scope_id__$3 = "data-v-5b5658da";
+  const __vue_scope_id__$3 = "data-v-c00b77ba";
   /* module identifier */
   const __vue_module_identifier__$3 = undefined;
   /* functional template */
@@ -6961,10 +6955,10 @@ var script$2 = {
     window.addEventListener("keyup", this.handleKeyUp);
     window.addEventListener("mousemove", this.resize);
     window.addEventListener("mouseup", this.stopResize);
-    // 初始化大小变化监听器
-    this.initResizeObserver();
     // 初始化tooltip显示隐藏
     this.showTooltip = this.formCache.displayType == "float";
+    // 初始化大小变化监听器
+    this.initResizeObserver();
   },
   beforeDestroy() {
     window.removeEventListener("keydown", this.handleKeyDown);
@@ -7254,7 +7248,6 @@ var script$2 = {
         console.warn("depth字段非有效数字，无法判断触底");
         return false;
       }
-      console.log(latestIndex, "latestIndex", this.realTimeData.length - (latestIndex + this.windowSize * 0.1));
       const isReachBottom = this.realTimeData.length - (latestIndex + this.windowSize * 0.1) <= 1;
       if (isReachBottom) {
         this.startIndex = this.realTimeData.length - this.windowSize > 0 ? this.realTimeData.length - this.windowSize : 0;
@@ -7298,7 +7291,6 @@ var script$2 = {
       this.smoothRender();
     },
     smoothRender() {
-      console.log("smoothRender");
       cancelAnimationFrame(this.animationId);
       const animate = () => {
         const lerp = 0.5; // ⭐ 手感关键参数
@@ -7364,7 +7356,7 @@ var script$2 = {
               const headerKey = entry.target.textContent || entry.target.innerText || "unknown";
               const currentWidth = entry.contentRect.width;
               const cachedWidth = this.headerWidthCache[headerKey];
-              // console.log("headerKey", headerKey, "currentWidth", currentWidth, "cachedWidth", cachedWidth);
+
               // 只有当宽度实际变化时才触发
               if (cachedWidth === undefined || Math.abs(currentWidth - cachedWidth) > 1) {
                 this.headerWidthCache[headerKey] = currentWidth;
@@ -7952,25 +7944,8 @@ var script$2 = {
         this.laneWidthOverrides = {};
       }
       this.$emit("template-change", this.currentTemplate);
-      this.reobserveHeaders();
       this.updateLanesChartOption();
     },
-    getFirstDataIndexItem(seriesData) {
-      // 入参校验：确保是数组且非空
-      if (!Array.isArray(seriesData) || seriesData.length === 0) {
-        return null;
-      }
-
-      // 遍历数组，找到第一个包含 dataIndex 的项
-      for (const item of seriesData) {
-        if (typeof item.dataIndex !== "undefined" && item.dataIndex !== null) {
-          return item;
-        }
-      }
-
-      // 无匹配项返回 null
-      return null;
-    },
     getDefaultLaneChartOption() {
       const option = {
         backgroundColor: getCssVariable("--kd-lane-container-item-bg"),
@@ -8011,7 +7986,7 @@ var script$2 = {
         ],
         yAxis: [
           {
-            type: "value",
+            type: this.formCache.axisType == "time" ? "value" : "category",
             inverse: true,
             boundaryGap: false,
             scale: true,
@@ -8062,37 +8037,18 @@ var script$2 = {
               formatter: (params) => {
                 if (this.formCache.displayType == "header") {
                   let dataIndexItem = (params.seriesData && params.seriesData[0] && params.seriesData[0].dataIndex) || null;
-                  // let dataIndexItem = this.getFirstDataIndexItem(params.seriesData);
                   if (dataIndexItem !== null) {
                     this.headerData = this.visibleData[dataIndexItem];
-                    // this.headerData = this.visibleData[dataIndexItem.dataIndex];
                   } else {
                     this.headerData = {};
                   }
                 }
+                // 时间轴模式：格式化时间戳为可读时间
                 if (this.formCache.axisType == "time") {
-                  return this.timestampToHms(params.value);
-                } else {
-                  return params.value.toString();
+                  // 需要显示年月日时分秒
+                  return this.timestampToYMDHMS(params.value);
                 }
-                //     if (this.formCache.axisType == "time") {
-                //       // 时间轴模式：params.value 是时间戳
-                //       this.headerData =
-                //         this.visibleData.find(
-                //           (item) =>
-                //             this.toMillisecondTimestamp(item && item[this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]]) == params.value,
-                //         ) || {};
-                //     } else {
-                //       this.headerData =
-                //         this.visibleData.find((item) => item && item[this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]] == params.value) ||
-                //         {};
-                //     }
-                //   }
-                //   // 时间轴模式：格式化时间戳为可读时间
-                //   if (this.formCache.axisType == "time") {
-                //     return this.timestampToHms(params.value);
-                //   }
-                //   return params.value;
+                return params.value;
               },
             },
           },
@@ -8104,7 +8060,6 @@ var script$2 = {
             color: getCssVariable("---default-text-color"),
           },
           formatter: (series) => {
-            // 根据seriesName去重，保留数值最大的项，或者在有缺失值时保留缺失值的项
             const uniqueSeries = series
               .filter((item) => item.seriesName !== "helper")
               .reduce((acc, current) => {
@@ -8160,20 +8115,21 @@ var script$2 = {
             const outerDiv = document.createElement("div");
             uniqueSeries.forEach((params) => {
               const { seriesName, value, color } = params;
+              if (seriesName == "helper") return;
               const innerDiv = document.createElement("div");
               innerDiv.style = "display: flex; align-items: center;";
               const markerDiv = document.createElement("div");
               markerDiv.style = `height: 10px; width:10px;font-size:10px; border-radius:8px; gap: 5px; background-color:${color}`;
               const textSpan = document.createElement("span");
               let xValue = value;
-              // 时间轴和深度轴模式：value 是 [x, y] 格式，取 x 值
-              if (Array.isArray(value)) {
+              // 时间轴模式：value 是 [x, y] 格式，取 x 值
+              if (this.formCache.axisType == "time" && Array.isArray(value)) {
                 xValue = value[0];
               }
               if (xValue == undefined || xValue == null) {
-                textSpan.innerText = `${seriesName}:`;
+                textSpan.innerText = `${seriesName}:--`;
               } else {
-                textSpan.innerText = `${seriesName}:${Number(xValue)}`;
+                textSpan.innerText = `${seriesName}:${typeof +xValue === "number" ? Number(Number(xValue).toFixed(2)) : xValue}`;
               }
               textSpan.style = `margin-left:8px;font-size:12px;`;
               innerDiv.appendChild(markerDiv);
@@ -8203,6 +8159,18 @@ var script$2 = {
 
       return `${h}:${m}:${s}`;
     },
+
+    timestampToYMDHMS(timestamp) {
+      const date = new Date(timestamp);
+      const h = String(date.getHours()).padStart(2, "0");
+      const m = String(date.getMinutes()).padStart(2, "0");
+      const s = String(date.getSeconds()).padStart(2, "0");
+      const y = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, "0");
+      const day = String(date.getDate()).padStart(2, "0");
+      return `${y}-${month}-${day} ${h}:${m}:${s}`;
+    },
+
     toMillisecondTimestamp(time) {
       if (time === null || time === undefined) return Date.now();
       let timestamp = new Date(time).getTime();
@@ -8247,26 +8215,23 @@ var script$2 = {
 
       if (!lanes || lanes.length === 0) return;
 
+      // 深度轴数据
       let depthData = [];
-      let timestamps = [];
-
+      // 时间轴数据
       let yAxisMin = 0;
       let yAxisMax = 0;
 
-      // 获取当前轴类型的键
-      const axisKey =
-        (this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]) ||
-        (this.formCache.axisType === "time" ? "time" : "depth");
-
       if (this.formCache.axisType == "time") {
         // 时间轴模式：使用毫秒时间戳
-        timestamps = realTimeData.map((item) => this.toMillisecondTimestamp(item[axisKey]));
+        const timestamps = realTimeData.map((item) =>
+          this.toMillisecondTimestamp(item[this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]]),
+        );
         yAxisMin = Math.min(...timestamps);
         yAxisMax = Math.max(...timestamps);
       } else {
-        depthData = realTimeData.map((i) => +i[axisKey]);
-        yAxisMin = Math.min(...depthData);
-        yAxisMax = Math.max(...depthData);
+        depthData = realTimeData.map(
+          (i) => +i[this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]],
+        );
       }
 
       const paramNameMap = {};
@@ -8317,32 +8282,24 @@ var script$2 = {
               }
             }
           } else {
-            if (yAxisMin === yAxisMax) {
-              yAxisMin = yAxisMin - 1;
-              yAxisMax = yAxisMax + 1;
-            }
-            option.yAxis[0].min = yAxisMin;
-            option.yAxis[0].max = yAxisMax;
-            // 深度轴不需要 data 属性
-            delete option.yAxis[0].data;
+            option.yAxis[0].data = depthData;
 
             // 深度轴自适应间隔：根据数据量计算合适的间隔
-            const depthRange = yAxisMax - yAxisMin;
-            const dataCount = realTimeData.length;
+            const dataCount = depthData.length;
             if (dataCount > 0) {
               // 根据数据量设置合适的间隔
               if (dataCount < 10) {
-                // 数据量较少，间隔可以小一些
-                option.yAxis[0].interval = depthRange / 5;
+                // 数据量较少，显示所有标签
+                option.yAxis[0].interval = 0;
               } else if (dataCount < 50) {
                 // 数据量中等
-                option.yAxis[0].interval = depthRange / 10;
+                option.yAxis[0].interval = Math.floor(dataCount / 10);
               } else if (dataCount < 100) {
                 // 数据量较多
-                option.yAxis[0].interval = depthRange / 15;
+                option.yAxis[0].interval = Math.floor(dataCount / 15);
               } else {
                 // 数据量很多
-                option.yAxis[0].interval = depthRange / 20;
+                option.yAxis[0].interval = Math.floor(dataCount / 20);
               }
             }
           }
@@ -8366,7 +8323,7 @@ var script$2 = {
                   center: { align: "center", fontSize: 12, width: clientWidth },
                 },
                 formatter: (value) => {
-                  return `{center|${Number(value && value.toFixed(2))}}`;
+                  return `{center|${typeof +value === "number" ? Number(Number(value).toFixed(2)) : value}}`;
                 },
               },
             });
@@ -8409,13 +8366,9 @@ var script$2 = {
           lane &&
             lane.lines &&
             lane.lines.forEach((lineInfo, lineIndex) => {
+              // if (lineInfo.isUsed === "0") return;
               let seriesData = [];
               let validData = [];
-              // 获取当前轴类型的键
-              const axisKey =
-                (this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]) ||
-                (this.formCache.axisType === "time" ? "time" : "depth");
-
               if (this.formCache.axisType == "time") {
                 // 时间轴模式：数据格式为 [x, y]，其中 y 是时间戳
                 let currentParam = this.params.find((p) => p.paramId == lineInfo.paramId);
@@ -8435,7 +8388,7 @@ var script$2 = {
                     }
                   }
                   // 返回 [x, y] 格式，y 是时间戳
-                  return [value, this.toMillisecondTimestamp(item[axisKey])];
+                  return [value, this.toMillisecondTimestamp(item[this.toolBarConfig.axisTypeList[this.formCache.axisType]])];
                 });
                 validData = seriesData.filter((v) => Number.isFinite(+v[0]));
               } else {
@@ -8456,10 +8409,9 @@ var script$2 = {
                       });
                     }
                   }
-                  // 返回 [x, y] 格式，y 是深度值
-                  return [value, +item[axisKey]];
+                  return value;
                 });
-                validData = seriesData.filter((v) => Number.isFinite(+v[0]));
+                validData = seriesData.filter((v) => Number.isFinite(+v));
               }
               const { min, max } = this.getXAxisRangeByHeader(lineInfo, validData);
 
@@ -8512,13 +8464,13 @@ var script$2 = {
                 },
                 data: this.markLineData
                   .map((item, index) => {
-                    // 尝试精确匹配
+                    // 时间轴模式：将深度值转换为时间戳
                     const findItem = this.realTimeData.find((d) => d[this.toolBarConfig.axisTypeList[this.formCache.axisType]] == item);
                     if (findItem) {
                       if (this.formCache.axisType == "time") {
                         return { yAxis: this.toMillisecondTimestamp(findItem[this.toolBarConfig.axisTypeList[this.formCache.axisType]]) };
                       } else {
-                        return { yAxis: Number(findItem[this.toolBarConfig.axisTypeList[this.formCache.axisType]]) };
+                        return { yAxis: findItem[this.toolBarConfig.axisTypeList[this.formCache.axisType]] + "" };
                       }
                     } else {
                       // 精确匹配失败，找到最接近的深度值
@@ -8552,7 +8504,7 @@ var script$2 = {
               // ===== 面积图 =====
               if (lineInfo.lineType === "area") {
                 // 只对时间轴模式生效
-                if (seriesData.length > 0) {
+                if (this.formCache.axisType == "time" && seriesData.length > 0) {
                   // 找到第一个有效的数据点
                   const firstValidPoint = seriesData.find((point) => Number.isFinite(+point[0]));
                   if (firstValidPoint) {
@@ -8588,18 +8540,13 @@ var script$2 = {
 
               colors.push(color);
             });
-          // 获取当前轴类型的键
-          const axisKey =
-            (this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType]) ||
-            (this.formCache.axisType === "time" ? "time" : "depth");
-
           if (series.length > 0 && this.formCache.axisType == "depth") {
             let min = Math.max(...lane.lines.map((item) => this.getXAxisRangeByHeader(item).min));
-            // 兜底：深度轴模式使用 [x, y] 格式
+            // 兜底
             series.unshift({
               name: "helper",
               type: "line",
-              data: realTimeData.map((item) => [min, +item[axisKey]]),
+              data: realTimeData.map(() => min),
               lineStyle: {
                 opacity: 0,
               },
@@ -8612,7 +8559,10 @@ var script$2 = {
             series.unshift({
               name: "helper",
               type: "line",
-              data: realTimeData.map((item) => [min, this.toMillisecondTimestamp(item[axisKey])]),
+              data: realTimeData.map((item) => [
+                min,
+                this.toMillisecondTimestamp(item[this.toolBarConfig.axisTypeList[this.formCache.axisType]]),
+              ]),
               lineStyle: {
                 opacity: 0,
               },
@@ -8637,6 +8587,14 @@ var script$2 = {
       } catch (e) {
         console.error(e);
         this.clearEcharts();
+        this.realTimeDataLoading = false;
+      } finally {
+        // 延迟重置标记，给ECharts足够的时间完成渲染
+        setTimeout(() => {
+          this.isUpdatingChart = false;
+          // 图表更新后重新监听车道头部元素
+          this.reobserveHeaders();
+        }, 100);
       }
     },
     async clearEcharts() {
@@ -8758,29 +8716,58 @@ var script$2 = {
     // 数据去重
     deduplicateAndSort(existingData, newData, uniqueKey, options = {}) {
       // 处理默认配置
-      const { sortOrder = "asc" } = options;
+      // const { sortOrder = "asc" } = options;
       const newDataArr = Array.isArray(newData) ? newData : [newData];
       let resultData = JSON.parse(JSON.stringify(existingData));
+
+      // 检查两个对象是否所有字段都相同
+      const isObjectsEqual = (obj1, obj2) => {
+        const keys1 = Object.keys(obj1);
+        const keys2 = Object.keys(obj2);
+
+        if (keys1.length !== keys2.length) {
+          return false;
+        }
+
+        for (const key of keys1) {
+          if (obj1[key] !== obj2[key]) {
+            return false;
+          }
+        }
+
+        return true;
+      };
+
       newDataArr.forEach((newItem) => {
         if (!newItem || !newItem[uniqueKey]) return;
-        const duplicateIndex = resultData.findIndex((item) => item[uniqueKey] === newItem[uniqueKey]);
-        if (duplicateIndex > -1) {
-          resultData[duplicateIndex] = newItem;
-        } else {
-          resultData.push(newItem);
-        }
-      });
-      resultData.sort((a, b) => {
-        const valA = a[uniqueKey];
-        const valB = b[uniqueKey];
 
-        if (typeof valA === "string" && typeof valB === "string") {
-          return sortOrder === "asc" ? valA.localeCompare(valB) : valB.localeCompare(valA);
-        } else {
-          return sortOrder === "asc" ? valA - valB : valB - valA;
+        // 首先根据 uniqueKey 查找匹配项
+        const itemsWithSameKey = resultData.filter((item) => item[uniqueKey] === newItem[uniqueKey]);
+
+        // 检查是否存在完全相同的项
+        const hasExactDuplicate = itemsWithSameKey.some((item) => isObjectsEqual(item, newItem));
+
+        if (hasExactDuplicate) {
+          // 如果存在完全相同的项，则不做操作
+          return;
         }
+
+        // 如果没有完全相同的项，则添加到结果中
+        resultData.push(newItem);
       });
 
+      // 去重后排序
+      // resultData.sort((a, b) => {
+      //   const valA = a[uniqueKey];
+      //   const valB = b[uniqueKey];
+
+      //   if (typeof valA === "string" && typeof valB === "string") {
+      //     return sortOrder === "asc" ? valA.localeCompare(valB) : valB.localeCompare(valA);
+      //   } else {
+      //     return sortOrder === "asc" ? valA - valB : valB - valA;
+      //   }
+      // });
+
       return resultData;
     },
     generateLogXAxisForLane(laneData) {
@@ -9012,7 +8999,7 @@ var script$2 = {
           const gapCount = Math.max(0, this.lineCount - 1);
           return {
             ...common,
-            height: `${this.lineCount * this.headerItemHeight + this.headerPadding * 2 + gapCount * this.itemGap}px`,
+            height: `${this.lineCount * (this.formCache.displayType == 'header' ? this.headerItemHeight : this.headerItemHeight * 0.8) + this.headerPadding * 2 + gapCount * this.itemGap}px`,
             "min-height": "60px",
           };
         }
@@ -9029,7 +9016,7 @@ var script$2 = {
         } else {
           const gapCount = Math.max(0, this.lineCount - 1);
           return {
-            height: `${this.lineCount * this.headerItemHeight + this.headerPadding * 2 + gapCount * this.itemGap}px`,
+            height: `${this.lineCount * (this.formCache.displayType == 'header' ? this.headerItemHeight : this.headerItemHeight * 0.8) + this.headerPadding * 2 + gapCount * this.itemGap}px`,
             "min-height": "60px",
           };
         }
@@ -9152,7 +9139,7 @@ var script$2 = {
   },
 };
 
-var css_248z$3 = ".kd-lane-chart-container[data-v-c861dd1c] {\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n  border: 1px solid var(--kd-lane-container-border-color, #333);\n  display: flex;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container[data-v-c861dd1c],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container[data-v-c861dd1c] {\n  height: 100%;\n  min-width: 0;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle[data-v-c861dd1c],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle[data-v-c861dd1c] {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  cursor: col-resize;\n  z-index: 10;\n  background-color: transparent;\n  transition: background-color 0.2s;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle[data-v-c861dd1c]:hover,\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle[data-v-c861dd1c]:hover {\n  background-color: var(--resizer-bg-color);\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle.kd-lane-resize-handle-left[data-v-c861dd1c],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle.kd-lane-resize-handle-left[data-v-c861dd1c] {\n  left: 0;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle.kd-lane-resize-handle-right[data-v-c861dd1c],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle.kd-lane-resize-handle-right[data-v-c861dd1c] {\n  right: -2px;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header[data-v-c861dd1c],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header[data-v-c861dd1c] {\n  max-height: 40%;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header .header-list-gap[data-v-c861dd1c],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-c861dd1c] {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container-echart[data-v-c861dd1c] {\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container-echart .kd-lane-chart-lane-container-echart-content[data-v-c861dd1c] {\n  height: 100%;\n  overflow: hidden;\n}\n.kd-lane-chart-container .border-left[data-v-c861dd1c] {\n  border-left: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .border-bottom[data-v-c861dd1c] {\n  border-bottom: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .border-right[data-v-c861dd1c] {\n  border-right: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .kd-lane-chart-container-draw-area[data-v-c861dd1c] {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 3;\n  border: none;\n}";
+var css_248z$3 = ".kd-lane-chart-container[data-v-518c21d0] {\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n  border: 1px solid var(--kd-lane-container-border-color, #333);\n  display: flex;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container[data-v-518c21d0],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container[data-v-518c21d0] {\n  height: 100%;\n  min-width: 0;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle[data-v-518c21d0],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle[data-v-518c21d0] {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  cursor: col-resize;\n  z-index: 10;\n  background-color: transparent;\n  transition: background-color 0.2s;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle[data-v-518c21d0]:hover,\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle[data-v-518c21d0]:hover {\n  background-color: var(--resizer-bg-color);\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle.kd-lane-resize-handle-left[data-v-518c21d0],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle.kd-lane-resize-handle-left[data-v-518c21d0] {\n  left: 0;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle.kd-lane-resize-handle-right[data-v-518c21d0],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle.kd-lane-resize-handle-right[data-v-518c21d0] {\n  right: -2px;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header[data-v-518c21d0],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header[data-v-518c21d0] {\n  max-height: 40%;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header .header-list-gap[data-v-518c21d0],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-518c21d0] {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container-echart[data-v-518c21d0] {\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container-echart .kd-lane-chart-lane-container-echart-content[data-v-518c21d0] {\n  height: 100%;\n  overflow: hidden;\n}\n.kd-lane-chart-container .border-left[data-v-518c21d0] {\n  border-left: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .border-bottom[data-v-518c21d0] {\n  border-bottom: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .border-right[data-v-518c21d0] {\n  border-right: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .kd-lane-chart-container-draw-area[data-v-518c21d0] {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 3;\n  border: none;\n}";
 styleInject(css_248z$3);
 
 /* script */
@@ -9481,7 +9468,6 @@ var __vue_render__$2 = function () {
       _c(
         "el-dialog",
         {
-          staticClass: "function-control-panel-dialog",
           attrs: { title: "泳道模板设置", visible: _vm.curveConfigVisible },
           on: {
             "update:visible": function ($event) {
@@ -9520,7 +9506,7 @@ __vue_render__$2._withStripped = true;
   /* style */
   const __vue_inject_styles__$2 = undefined;
   /* scoped */
-  const __vue_scope_id__$2 = "data-v-c861dd1c";
+  const __vue_scope_id__$2 = "data-v-518c21d0";
   /* module identifier */
   const __vue_module_identifier__$2 = undefined;
   /* functional template */
@@ -10083,13 +10069,20 @@ var script = {
       },
       deep: true,
     },
+    themeName:{
+      handler(newVal){
+        document.body.setAttribute("data-theme", newVal);
+      },
+      deep:true,
+      immediate:true
+    }
   },
 };
 
 var css_248z$1 = "@charset \"UTF-8\";\n[data-theme=dark] {\n  --bg-color: #1e1e1e;\n  --card-color: #252526;\n  --card-border-color: #4b4b4b;\n  --card-label-color: #d6d6d6;\n  --card-value-color: #ffffff;\n  --panel-item-bg-color: #1e1e1e;\n  --resizer-bg-color: rgb(177, 177, 177, 0.4);\n  --panel-item-border-color: #4b4b4b;\n  --default-text-color: #ffffff;\n  --radio-border-color: #4b4b4b;\n  --radio-checked-border-color: #f86c59;\n  --radio-checked-color: #f86c59;\n  --radio-checked-text-color: #ffffff;\n  --radio-checked-border-color: #f86c59;\n  --split-line-color: #4b4b4b;\n  /* 边框颜色 */\n  --border-color: #4b4b4b;\n  --label-float-bg-color: rgba(255, 255, 255, 0.1);\n  --slider-gradient-start: #333333;\n  --slider-gradient-end: #656668;\n  --slider-gradient-color: linear-gradient(0deg, #333333 0%, #656668 100%);\n  --slider-content-color: #f86c59;\n  --tooltip-bg-color: rgb(51, 51, 51,0.8);\n  --kd-lane-container-border-color: #4b4b4b;\n  --kd-lane-container-header-item-color: #ffffff;\n  --kd-lane-container-header-item-warning-color: rgba(248, 108, 89, 0.6);\n  --kd-lane-container-header-bg: #333333;\n  --kd-lane-container-item-bg: #252526;\n  --kd-lane-container-item-line-color: #4b4b4b66;\n  --select-hover-bg-color: #333333;\n  --select-selected-text-color: #ffcc33;\n  --dialog-header: #333333;\n  --dialog-button-default: #252526;\n  --dialog-button-disabled-text: #ffffff;\n  --in-range-text-color: #ffffff;\n  --dialog-tree-text-color: #ffffff;\n}\n[data-theme=white] {\n  --bg-color: #ffffff;\n  --card-color: #ffffff;\n  --card-border-color: #C9C9C9;\n  --card-label-color: #666666;\n  --card-value-color: #333333;\n  --panel-item-bg-color: #ffffff;\n  --resizer-bg-color: rgb(177, 177, 177,.4);\n  --panel-item-border-color: #C9C9C9;\n  --default-text-color: #333333;\n  --radio-border-color: #C9C9C9;\n  --radio-checked-border-color: #EC4521;\n  --radio-checked-color: #EC4521;\n  --radio-checked-text-color: #000000;\n  --radio-checked-border-color: #EC4521;\n  --split-line-color: #C9C9C9;\n  /* 边框颜色 */\n  --border-color: #C9C9C9;\n  --label-float-bg-color: rgba(27, 79, 217, 0.1);\n  --slider-gradient-start: #B0C2F5;\n  --slider-gradient-end: #DBE5FF;\n  --slider-gradient-color: linear-gradient(0deg, #B0C2F5 0%, #DBE5FF 100%);\n  --slider-content-color: #EC4521;\n  --tooltip-bg-color: rgba(246, 247, 248, 0.8);\n  --kd-lane-container-border-color: #C9C9C9;\n  --kd-lane-container-header-item-color: #333333;\n  --kd-lane-container-header-item-warning-color: rgba(200, 23, 29, 0.6);\n  --kd-lane-container-header-bg: #ecf4ff;\n  --kd-lane-container-item-bg: #eff3ff;\n  --kd-lane-container-item-line-color: #dddddd;\n  --select-hover-bg-color: #E0E9FE;\n  --select-selected-text-color: #1B4FD9;\n  --dialog-header:#1B4FD9;\n  --dialog-header-text-color: #ffffff;\n  --dialog-button-default:#ffffff;\n  --dialog-button-disabled-text: #FFFFFF;\n  --in-range-text-color: #ffffff;\n  --dialog-tree-text-color: #ffffff;\n}\n[data-theme=gray] {\n  --bg-color: #ffffff;\n  --card-color: #f6f7f8;\n  --card-border-color: #b1b1b1;\n  --card-label-color: #666666;\n  --card-value-color: #333333;\n  --panel-item-bg-color: #ffffff;\n  --resizer-bg-color: rgb(177, 177, 177,.4);\n  --panel-item-border-color: #b1b1b1;\n  --default-text-color: #333333;\n  --radio-border-color: #b1b1b1;\n  --radio-checked-border-color: #f86c59;\n  --radio-checked-color: #f86c59;\n  --radio-checked-text-color: #000000;\n  --radio-checked-border-color: #f86c59;\n  --split-line-color: #b1b1b1;\n  /* 边框颜色 */\n  --border-color: #b1b1b1;\n  --label-float-bg-color: rgba(128, 128, 128, 0.1);\n  --slider-gradient-start: #a6a6a6;\n  --slider-gradient-end: #dfdfdf;\n  --slider-gradient-color: linear-gradient(0deg, #a6a6a6 0%, #dfdfdf 100%);\n  --slider-content-color: #f86c59;\n  --tooltip-bg-color: rgba(246, 247, 248, 0.8);\n  --kd-lane-container-border-color: #b1b1b1;\n  --kd-lane-container-header-item-color: #333333;\n  --kd-lane-container-header-item-warning-color: rgba(177, 42, 39,0.6);\n  --kd-lane-container-header-bg: #eeeeee;\n  --kd-lane-container-item-bg: #f6f7f8;\n  --kd-lane-container-item-line-color: #dddddd;\n  --select-hover-bg-color: #dfdfdf;\n  --select-selected-text-color: #ffcc33;\n  --dialog-header:#EBEBEB;\n  --dialog-button-default:#f6f7f8;\n  --dialog-button-disabled-text: #ffffff;\n  --in-range-text-color: #333333;\n  --dialog-tree-text-color: #333333;\n}\n\n/* 下拉框 */\n.kd-curve-2d-select-popup {\n  background: var(--bg-color) !important;\n  border: 1px solid var(--border-color) !important;\n  /* 列表容器（关键） */\n}\n.kd-curve-2d-select-popup .el-scrollbar__wrap {\n  margin-bottom: 0 !important;\n  margin-right: 0 !important;\n  background: var(--bg-color) !important;\n  /* 隐藏滚动条 */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.kd-curve-2d-select-popup .el-scrollbar__wrap::-webkit-scrollbar {\n  display: none;\n}\n.kd-curve-2d-select-popup {\n  /* 每一项（默认） */\n}\n.kd-curve-2d-select-popup .el-select-dropdown__item {\n  background: var(--bg-color) !important;\n  color: var(--default-text-color) !important;\n  /* hover */\n}\n.kd-curve-2d-select-popup .el-select-dropdown__item.hover, .kd-curve-2d-select-popup .el-select-dropdown__item:hover {\n  background: var(--select-hover-bg-color) !important;\n  color: var(--default-text-color) !important;\n}\n.kd-curve-2d-select-popup .el-select-dropdown__item.selected {\n  background: var(--bg-color) !important; /* 不要灰色 */\n  color: var(--select-selected-text-color) !important; /* 高亮文字（可选） */\n  font-weight: bold;\n}\n.kd-curve-2d-select-popup .el-select-dropdown__item.selected.hover, .kd-curve-2d-select-popup .el-select-dropdown__item.selected:hover {\n  background: var(--select-hover-bg-color) !important;\n}\n.kd-curve-2d-select-popup {\n  /* 三角箭头 */\n}\n.kd-curve-2d-select-popup[x-placement^=bottom] .popper__arrow {\n  border-bottom-color: var(--border-color) !important;\n}\n.kd-curve-2d-select-popup[x-placement^=bottom] .popper__arrow::after {\n  border-bottom-color: var(--bg-color) !important;\n}\n.kd-curve-2d-select-popup[x-placement^=top] .popper__arrow {\n  border-top-color: var(--border-color) !important;\n}\n.kd-curve-2d-select-popup[x-placement^=top] .popper__arrow::after {\n  border-top-color: var(--bg-color) !important;\n}\n.kd-curve-2d-select-popup .el-time-panel {\n  background: var(--bg-color) !important;\n  box-shadow: 0 2px 12px 0 transparent;\n  border: 1px solid var(--border-color);\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-panel__btn {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-spinner__item {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-spinner__item.active:not(.disabled) {\n  color: var(--select-selected-text-color);\n  font-weight: bold;\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-panel__footer {\n  border-top: 1px solid var(--border-color);\n}\n.kd-curve-2d-select-popup .el-time-panel .el-time-spinner__item:hover:not(.disabled):not(.active) {\n  background: var(--select-hover-bg-color);\n}\n.kd-curve-2d-select-popup .el-color-picker__trigger {\n  border: 1px solid var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-color-picker__panel {\n  background: var(--bg-color) !important;\n  border: 1px solid var(--dialog-header);\n  border-radius: 0px;\n}\n.kd-curve-2d-select-popup .el-color-picker__panel .el-button--text {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-color-picker__panel .el-button--default {\n  background: var(--dialog-button-default);\n  color: var(--default-text-color);\n  border: none;\n  border-radius: 0px;\n}\n.kd-curve-2d-select-popup .el-color-picker__panel .el-button.is-plain:hover {\n  background: var(--dialog-button-default);\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper {\n  background: var(--bg-color);\n  border: 1px solid var(--dialog-header);\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-input__inner {\n  background: var(--bg-color) !important;\n  border: 1px solid var(--border-color) !important;\n  color: var(--text-color) !important;\n  height: 32px !important;\n  line-height: 32px !important;\n  box-sizing: border-box;\n  border-radius: 0px;\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-picker__header-label {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-picker__header-label:hover {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-range-picker__time-header > .el-icon-arrow-right {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-button--text {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-picker-panel__icon-btn {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-range-picker__time-header {\n  border-bottom: 1px solid var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-range-picker__content.is-left {\n  border-right: 1px solid var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table th {\n  border-bottom: 1px solid var(--dialog-header);\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.today span {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.available:hover {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.next-month,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.prev-month {\n  color: var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.available {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.available.in-range {\n  color: var(--in-range-text-color) !important;\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.end-date span,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.start-date span {\n  background: var(--select-selected-text-color);\n}\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.in-range div,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.in-range div:hover,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table.is-week-mode .el-date-table__row.current div,\n.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table.is-week-mode .el-date-table__row:hover div {\n  background: var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__footer {\n  background: var(--bg-color);\n  border-top: 1px solid var(--dialog-header);\n}\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button--default {\n  background: var(--dialog-button-default);\n  color: var(--default-text-color);\n  border: none;\n  border-radius: 0px;\n}\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-disabled.is-plain,\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-disabled.is-plain:focus,\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-disabled.is-plain:hover {\n  background: var(--dialog-button-default);\n  color: var(--dialog-button-disabled-text);\n}\n.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-disabled.is-plain {\n  background: var(--dialog-button-default);\n  color: var(--dialog-button-disabled-text) !important;\n}\n.kd-curve-2d-select-popup .el-popper[x-placement^=bottom] .popper__arrow::after {\n  border-bottom-color: var(--bg-color) !important;\n}\n.kd-curve-2d-container {\n  /* radio 自定义样式 */\n}\n.kd-curve-2d-container .el-radio {\n  display: flex;\n  align-items: center;\n  vertical-align: middle;\n  color: var(--radio-default-text-color);\n  font-family: Microsoft YaHei UI, Microsoft YaHei UI;\n  font-size: 14px;\n}\n.kd-curve-2d-container .el-radio__inner {\n  width: 14px;\n  height: 14px;\n  background: transparent;\n  border: 1px solid var(--radio-border-color);\n}\n.kd-curve-2d-container .el-radio__input.is-checked .el-radio__inner {\n  border-color: var(--radio-checked-border-color);\n  background: transparent;\n}\n.kd-curve-2d-container .el-radio__input.is-disabled .el-radio__inner {\n  background-color: transparent;\n  border-color: var(--radio-border-color);\n}\n.kd-curve-2d-container .el-radio__inner::after {\n  width: 7px;\n  height: 7px;\n  background: var(--radio-checked-color);\n}\n.kd-curve-2d-container .el-radio.is-checked .el-radio__label {\n  color: var(--radio-checked-text-color);\n  font-weight: bold;\n}\n.kd-curve-2d-container {\n  /* select */\n}\n.kd-curve-2d-container .el-input__inner {\n  background: var(--bg-color) !important;\n  border: 1px solid var(--border-color) !important;\n  color: var(--text-color) !important;\n  height: 32px !important;\n  line-height: 32px !important;\n  box-sizing: border-box;\n  border-radius: 0px;\n}\n.kd-curve-2d-container {\n  /* 下拉箭头 */\n}\n.kd-curve-2d-container .el-select .el-input__suffix i {\n  display: none !important;\n}\n.kd-curve-2d-container .el-select .el-input__suffix {\n  right: 0;\n  width: 28px;\n  height: 32px !important;\n  line-height: 32px !important;\n  background: var(--slider-gradient-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-left: 1px solid var(--border-color);\n}\n.kd-curve-2d-container .el-select .el-input__suffix::after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n  border-top: 6px solid var(--slider-content-color); /* 橙色三角 */\n}\n.kd-curve-2d-container .el-select .el-input__suffix::after {\n  transition: transform 0.2s ease;\n}\n.kd-curve-2d-container .el-select .el-input.is-focus .el-input__suffix::after {\n  transform: rotate(180deg);\n}\n.kd-curve-2d-container .el-dialog {\n  border: 1px solid var(--card-border-color);\n}\n.kd-curve-2d-container .el-dialog .el-form-item__label {\n  color: var(--default-text-color);\n  font-size: 14px;\n}\n.kd-curve-2d-container .el-dialog .el-dialog__headerbtn {\n  top: 11px;\n  width: 24px;\n  height: 24px;\n  background: linear-gradient(270deg, #c73521 0%, #f86c59 100%);\n  border-radius: 100px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.kd-curve-2d-container .el-dialog .el-dialog__headerbtn .el-dialog__close {\n  color: #fff;\n  font-size: 14px;\n  font-weight: 700;\n}\n.kd-curve-2d-container .el-button {\n  border-radius: 0px;\n  border: none;\n}\n.kd-curve-2d-container .el-button--primary {\n  background-image: linear-gradient(to bottom, #2057ea, #12338d);\n}\n.kd-curve-2d-container .el-button--default {\n  background: var(--dialog-button-default);\n  color: var(--default-text-color);\n}\n.kd-curve-2d-container .el-button--primary.is-disabled {\n  background-image: linear-gradient(to bottom, #2f5ede, #1e3677);\n  color: var(--dialog-button-disabled-text);\n}\n.kd-curve-2d-container .el-tabs .el-tabs__nav-wrap::after {\n  background-color: var(--card-border-color);\n}\n.kd-curve-2d-container .el-tabs .el-tabs__item {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-container .el-tabs .el-tabs__item.is-active {\n  color: var(--select-selected-text-color);\n}\n.kd-curve-2d-container .el-tabs .el-tabs__active-bar {\n  background: var(--select-selected-text-color);\n}\n.kd-curve-2d-container .el-tree {\n  background: var(--bg-color) !important;\n  color: var(--default-text-color);\n  font-size: 14px;\n}\n.kd-curve-2d-container .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {\n  background: var(--dialog-header) !important;\n  color: var(--dialog-tree-text-color);\n}\n.kd-curve-2d-container .el-tree-node__content:hover,\n.kd-curve-2d-container .el-upload-list__item:hover {\n  background: var(--dialog-header) !important;\n  color: var(--dialog-tree-text-color);\n}\n.kd-curve-2d-container .vue-simple-context-menu__item,\n.kd-curve-2d-container .vue-simple-context-menu__item {\n  font-size: 14px !important;\n}\n.kd-curve-2d-container .kd-lane-el-container {\n  border: 1px solid var(--card-border-color);\n}\n.kd-curve-2d-container .kd-lane-el-container .rtd-config-side {\n  border-right: 1px solid var(--card-border-color);\n}\n.kd-curve-2d-container .el-dialog__header {\n  background: var(--dialog-header);\n  text-align: center;\n}\n.kd-curve-2d-container .el-dialog__header .el-dialog__title {\n  color: var(--dialog-header-text-color);\n}\n.kd-curve-2d-container .el-dialog__header {\n  padding: 10px 10px 10px;\n}\n.kd-curve-2d-container .el-dialog__body {\n  background: var(--bg-color);\n  padding: 30px 30px 10px 30px;\n}\n.kd-curve-2d-container .el-dialog__body .input-number-container .el-input__inner {\n  width: calc(100% - 80px) !important;\n  margin-left: 40px !important;\n}\n.kd-curve-2d-container .el-dialog__body .el-input__inner {\n  color: var(--default-text-color) !important;\n}\n.kd-curve-2d-container .el-dialog__body .el-input-number__decrease,\n.kd-curve-2d-container .el-dialog__body .el-input-number__increase {\n  color: var(--default-text-color);\n}\n.kd-curve-2d-container .el-dialog__body .el-input-number__increase {\n  background: var(--card-color);\n  color: var(--default-text-color);\n  border-radius: 0px 0px 0px 0px;\n  border: 1px solid var(--card-border-color);\n  width: 30px;\n  height: 30px;\n  line-height: 30px;\n}\n.kd-curve-2d-container .el-dialog__body .el-input-number__decrease {\n  background: var(--card-color);\n  border-radius: 0px 0px 0px 0px;\n  border: 1px solid var(--card-border-color);\n  width: 30px;\n  height: 30px;\n  line-height: 30px;\n}\n.kd-curve-2d-container .el-dialog__footer {\n  text-align: center;\n  background: var(--bg-color);\n}\n.kd-curve-2d-container .el-date-editor {\n  background: var(--bg-color) !important;\n}\n.kd-curve-2d-container .el-date-editor .el-range-input {\n  background: var(--bg-color) !important;\n  border-top: 1px solid var(--border-color) !important;\n  border-bottom: 1px solid var(--border-color) !important;\n  color: var(--text-color) !important;\n  height: 32px !important;\n  line-height: 32px !important;\n  box-sizing: border-box;\n  border-radius: 0px;\n}\n.kd-curve-2d-container .el-date-editor .el-range-separator {\n  color: var(--default-text-color);\n}";
 styleInject(css_248z$1);
 
-var css_248z = "@charset \"UTF-8\";\n.resize-container[data-v-36618494] {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  padding: 8px;\n  background: var(--bg-color);\n  color: var(--default-text-color);\n  overflow: hidden;\n  /* 主容器 */\n}\n.resize-container .container[data-v-36618494] {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  overflow: hidden;\n}\n.resize-container[data-v-36618494] {\n  /* 面板通用样式 */\n}\n.resize-container .panel[data-v-36618494] {\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  flex-shrink: 0;\n  background: var(--panel-item-bg-color);\n  border: 1px solid var(--panel-item-border-color);\n  padding: 8px;\n  /* 隐藏滚动条 */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.resize-container .panel[data-v-36618494]::-webkit-scrollbar {\n  display: none;\n}\n.resize-container .panel-3[data-v-36618494] {\n  flex: 1;\n  min-width: 100px;\n}\n.resize-container[data-v-36618494] {\n  /* 拖拽条样式 */\n}\n.resize-container .resizer[data-v-36618494] {\n  width: 6px;\n  cursor: col-resize;\n}\n.resize-container .resizer[data-v-36618494]:hover {\n  background-color: var(--resizer-bg-color);\n  transition: background-color 0.2s ease;\n}";
+var css_248z = "@charset \"UTF-8\";\n.kd-curve-2d-resize-container[data-v-12684d2f] {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  background: var(--bg-color);\n  color: var(--default-text-color);\n  overflow: hidden;\n  /* 主容器 */\n}\n.kd-curve-2d-resize-container .container[data-v-12684d2f] {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  overflow: hidden;\n}\n.kd-curve-2d-resize-container[data-v-12684d2f] {\n  /* 面板通用样式 */\n}\n.kd-curve-2d-resize-container .panel[data-v-12684d2f] {\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  flex-shrink: 0;\n  background: var(--panel-item-bg-color);\n  border: 1px solid var(--panel-item-border-color);\n  padding: 8px;\n  /* 隐藏滚动条 */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.kd-curve-2d-resize-container .panel[data-v-12684d2f]::-webkit-scrollbar {\n  display: none;\n}\n.kd-curve-2d-resize-container .panel-3[data-v-12684d2f] {\n  flex: 1;\n  min-width: 100px;\n}\n.kd-curve-2d-resize-container[data-v-12684d2f] {\n  /* 拖拽条样式 */\n}\n.kd-curve-2d-resize-container .resizer[data-v-12684d2f] {\n  width: 6px;\n  cursor: col-resize;\n}\n.kd-curve-2d-resize-container .resizer[data-v-12684d2f]:hover {\n  background-color: var(--resizer-bg-color);\n  transition: background-color 0.2s ease;\n}";
 styleInject(css_248z);
 
 /* script */
@@ -10099,183 +10092,187 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "resize-container kd-curve-2d-container" }, [
-    _c("div", { ref: "container", staticClass: "container" }, [
-      _vm.showPanel1
-        ? _c(
-            "div",
-            {
-              staticClass: "panel panel-1",
-              style: { width: _vm.panel1Width + "px" },
-            },
-            [
-              _c(
-                "DataPanelList",
-                _vm._g(
-                  _vm._b({}, "DataPanelList", _vm.$props, false),
-                  _vm.$listeners
-                )
-              ),
-            ],
-            1
-          )
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.showPanel1 && (_vm.showPanel2 || _vm.showPanel3 || _vm.showPanel4)
-        ? _c("div", {
-            staticClass: "resizer",
-            on: {
-              mousedown: function (e) {
-                return _vm.startResize(1, e)
+  return _c(
+    "div",
+    { staticClass: "kd-curve-2d-resize-container kd-curve-2d-container" },
+    [
+      _c("div", { ref: "container", staticClass: "container" }, [
+        _vm.showPanel1
+          ? _c(
+              "div",
+              {
+                staticClass: "panel panel-1",
+                style: { width: _vm.panel1Width + "px" },
               },
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.showPanel2
-        ? _c(
-            "div",
-            {
-              staticClass: "panel panel-2",
-              style: { width: _vm.panel2Width + "px" },
-            },
-            [
-              _c(
-                "DepthTimeChart",
-                _vm._g(
-                  _vm._b(
-                    {
-                      ref: "depthTimeChart",
-                      attrs: {
-                        formCache: _vm.formCache,
-                        depthTimeChartData: _vm.depthTimeChartData,
-                      },
-                      on: { depthTimeChange: _vm.handleDepthTimeChange },
-                    },
-                    "DepthTimeChart",
-                    _vm.$props,
-                    false
-                  ),
-                  _vm.$listeners
-                )
-              ),
-            ],
-            1
-          )
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.showPanel2 && (_vm.showPanel3 || _vm.showPanel4)
-        ? _c("div", {
-            staticClass: "resizer",
-            on: {
-              mousedown: function (e) {
-                return _vm.startResize(2, e)
+              [
+                _c(
+                  "DataPanelList",
+                  _vm._g(
+                    _vm._b({}, "DataPanelList", _vm.$props, false),
+                    _vm.$listeners
+                  )
+                ),
+              ],
+              1
+            )
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.showPanel1 && (_vm.showPanel2 || _vm.showPanel3 || _vm.showPanel4)
+          ? _c("div", {
+              staticClass: "resizer",
+              on: {
+                mousedown: function (e) {
+                  return _vm.startResize(1, e)
+                },
               },
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.showPanel3
-        ? _c(
-            "div",
-            { staticClass: "panel panel-3" },
-            [
-              _vm.showChartContainer
-                ? _c(
-                    "chartContainer",
-                    _vm._g(
-                      _vm._b(
-                        {
-                          ref: "chartContainer",
-                          attrs: {
-                            config: _vm.config,
-                            formCache: _vm.formCache,
-                            cachedCurveDatas: _vm.cachedCurveDatas,
-                          },
-                          on: {
-                            updateScale: _vm.updateScale,
-                            visibleDataChange: _vm.visibleDataChange,
-                          },
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.showPanel2
+          ? _c(
+              "div",
+              {
+                staticClass: "panel panel-2",
+                style: { width: _vm.panel2Width + "px" },
+              },
+              [
+                _c(
+                  "DepthTimeChart",
+                  _vm._g(
+                    _vm._b(
+                      {
+                        ref: "depthTimeChart",
+                        attrs: {
+                          formCache: _vm.formCache,
+                          depthTimeChartData: _vm.depthTimeChartData,
                         },
-                        "chartContainer",
-                        _vm.$props,
-                        false
-                      ),
-                      _vm.$listeners
+                        on: { depthTimeChange: _vm.handleDepthTimeChange },
+                      },
+                      "DepthTimeChart",
+                      _vm.$props,
+                      false
                     ),
-                    [
-                      _vm._l(_vm.headerSlotName, function (lane) {
-                        return _c(
-                          "template",
-                          { slot: lane.laneId },
-                          [_vm._t(lane.laneId)],
-                          2
-                        )
-                      }),
-                      _vm._v(" "),
-                      _vm._l(_vm.contentSlotName, function (lane) {
-                        return _c(
-                          "template",
-                          { slot: lane.laneId },
-                          [_vm._t(lane.laneId)],
-                          2
-                        )
-                      }),
-                    ],
-                    2
+                    _vm.$listeners
                   )
-                : _vm._e(),
-            ],
-            1
-          )
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.showPanel3 && _vm.showPanel4
-        ? _c("div", {
-            staticClass: "resizer",
-            on: {
-              mousedown: function (e) {
-                return _vm.startResize(3, e)
+                ),
+              ],
+              1
+            )
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.showPanel2 && (_vm.showPanel3 || _vm.showPanel4)
+          ? _c("div", {
+              staticClass: "resizer",
+              on: {
+                mousedown: function (e) {
+                  return _vm.startResize(2, e)
+                },
               },
-            },
-          })
-        : _vm._e(),
-      _vm._v(" "),
-      _vm.showPanel4
-        ? _c(
-            "div",
-            {
-              staticClass: "panel panel-4",
-              style: { width: _vm.panel4Width + "px" },
-            },
-            [
-              _c(
-                "FunctionControlPanel",
-                _vm._g(
-                  _vm._b(
-                    {
-                      ref: "functionControlPanel",
-                      attrs: { initialFormCache: _vm.initialFormCache },
-                      on: {
-                        updateForm: _vm.updateForm,
-                        jumpToNextMarkLine: _vm.jumpToNextMarkLine,
-                        refresh: _vm.refresh,
-                        dialogFunction: _vm.dialogFunction,
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.showPanel3
+          ? _c(
+              "div",
+              { staticClass: "panel panel-3" },
+              [
+                _vm.showChartContainer
+                  ? _c(
+                      "chartContainer",
+                      _vm._g(
+                        _vm._b(
+                          {
+                            ref: "chartContainer",
+                            attrs: {
+                              config: _vm.config,
+                              formCache: _vm.formCache,
+                              cachedCurveDatas: _vm.cachedCurveDatas,
+                            },
+                            on: {
+                              updateScale: _vm.updateScale,
+                              visibleDataChange: _vm.visibleDataChange,
+                            },
+                          },
+                          "chartContainer",
+                          _vm.$props,
+                          false
+                        ),
+                        _vm.$listeners
+                      ),
+                      [
+                        _vm._l(_vm.headerSlotName, function (lane) {
+                          return _c(
+                            "template",
+                            { slot: lane.laneId },
+                            [_vm._t(lane.laneId)],
+                            2
+                          )
+                        }),
+                        _vm._v(" "),
+                        _vm._l(_vm.contentSlotName, function (lane) {
+                          return _c(
+                            "template",
+                            { slot: lane.laneId },
+                            [_vm._t(lane.laneId)],
+                            2
+                          )
+                        }),
+                      ],
+                      2
+                    )
+                  : _vm._e(),
+              ],
+              1
+            )
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.showPanel3 && _vm.showPanel4
+          ? _c("div", {
+              staticClass: "resizer",
+              on: {
+                mousedown: function (e) {
+                  return _vm.startResize(3, e)
+                },
+              },
+            })
+          : _vm._e(),
+        _vm._v(" "),
+        _vm.showPanel4
+          ? _c(
+              "div",
+              {
+                staticClass: "panel panel-4",
+                style: { width: _vm.panel4Width + "px" },
+              },
+              [
+                _c(
+                  "FunctionControlPanel",
+                  _vm._g(
+                    _vm._b(
+                      {
+                        ref: "functionControlPanel",
+                        attrs: { initialFormCache: _vm.initialFormCache },
+                        on: {
+                          updateForm: _vm.updateForm,
+                          jumpToNextMarkLine: _vm.jumpToNextMarkLine,
+                          refresh: _vm.refresh,
+                          dialogFunction: _vm.dialogFunction,
+                        },
                       },
-                    },
-                    "FunctionControlPanel",
-                    _vm.$props,
-                    false
-                  ),
-                  _vm.$listeners
-                )
-              ),
-            ],
-            1
-          )
-        : _vm._e(),
-    ]),
-  ])
+                      "FunctionControlPanel",
+                      _vm.$props,
+                      false
+                    ),
+                    _vm.$listeners
+                  )
+                ),
+              ],
+              1
+            )
+          : _vm._e(),
+      ]),
+    ]
+  )
 };
 var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
@@ -10283,7 +10280,7 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-36618494";
+  const __vue_scope_id__ = "data-v-12684d2f";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */