kd-curve-v2 0.0.5 → 0.0.6

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-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}";
+var css_248z$b = "@charset \"UTF-8\";\n.function-control-panel[data-v-682ce335] {\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-682ce335]::-webkit-scrollbar {\n  display: none;\n}\n.function-control-panel .radio-group[data-v-682ce335] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n.el-select-disabled[data-v-682ce335] {\n  opacity: 0.5;\n}\n\n/*/* 分割线 */\n.divider[data-v-682ce335] {\n  height: 1px;\n  background: var(--border-color);\n  margin-bottom: 8px;\n}\n\n/* label */\n.label[data-v-682ce335] {\n  color: #aaa;\n  margin-bottom: 2px;\n}\n\n/* 操作按钮 */\n.actions[data-v-682ce335] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.btn[data-v-682ce335] {\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-682ce335] {\n  width: 54px;\n  height: 54px;\n}\n.btn.disabled[data-v-682ce335] {\n  color: #666;\n  cursor: not-allowed;\n}\n.btn.disabled .icon[data-v-682ce335] {\n  opacity: 0.5;\n}\n.fontColor[data-v-682ce335] {\n  color: var(--default-text-color);\n}";
 styleInject(css_248z$b);
 
 /* script */
@@ -2189,273 +2189,301 @@ var __vue_render__$a = function () {
     "div",
     { staticClass: "function-control-panel" },
     [
-      _c(
-        "el-radio-group",
-        {
-          staticClass: "radio-group",
-          on: {
-            change: function ($event) {
-              return _vm.changeForm($event, "axisType")
-            },
-          },
-          model: {
-            value: _vm.form.axisType,
-            callback: function ($$v) {
-              _vm.$set(_vm.form, "axisType", $$v);
-            },
-            expression: "form.axisType",
-          },
-        },
-        [
-          _c(
-            "el-radio",
-            {
-              attrs: {
-                label: "time",
-                disabled:
-                  !_vm.toolBarConfig ||
-                  !_vm.toolBarConfig.axisTypeList ||
-                  !_vm.toolBarConfig.axisTypeList.time,
-              },
-            },
-            [_vm._v("时间")]
-          ),
-          _vm._v(" "),
-          _c(
-            "el-radio",
+      _vm.toolBarConfig.timeDepthRadioShow !== false
+        ? _c(
+            "el-radio-group",
             {
-              attrs: {
-                label: "depth",
-                disabled:
-                  !_vm.toolBarConfig ||
-                  !_vm.toolBarConfig.axisTypeList ||
-                  !_vm.toolBarConfig.axisTypeList.depth,
-              },
-            },
-            [_vm._v("深度")]
-          ),
-        ],
-        1
-      ),
-      _vm._v(" "),
-      _c("div", { staticClass: "divider" }),
-      _vm._v(" "),
-      _c(
-        "el-radio-group",
-        {
-          staticClass: "radio-group",
-          on: {
-            change: function ($event) {
-              return _vm.changeForm($event, "dataType")
-            },
-          },
-          model: {
-            value: _vm.form.dataType,
-            callback: function ($$v) {
-              _vm.$set(_vm.form, "dataType", $$v);
-            },
-            expression: "form.dataType",
-          },
-        },
-        [
-          _c(
-            "el-radio",
-            {
-              attrs: {
-                label: "real",
-                disabled:
-                  !_vm.toolBarConfig ||
-                  !_vm.toolBarConfig.dataTypeList ||
-                  !_vm.toolBarConfig.dataTypeList.real,
+              staticClass: "radio-group",
+              on: {
+                change: function ($event) {
+                  return _vm.changeForm($event, "axisType")
+                },
               },
-            },
-            [_vm._v("实时数据")]
-          ),
-          _vm._v(" "),
-          _c(
-            "el-radio",
-            {
-              attrs: {
-                label: "history",
-                disabled:
-                  !_vm.toolBarConfig ||
-                  !_vm.toolBarConfig.dataTypeList ||
-                  !_vm.toolBarConfig.dataTypeList.history,
+              model: {
+                value: _vm.form.axisType,
+                callback: function ($$v) {
+                  _vm.$set(_vm.form, "axisType", $$v);
+                },
+                expression: "form.axisType",
               },
             },
-            [_vm._v("历史数据")]
-          ),
-        ],
-        1
-      ),
-      _vm._v(" "),
-      _c("div", { staticClass: "divider" }),
-      _vm._v(" "),
-      _c(
-        "el-radio-group",
-        {
-          staticClass: "radio-group",
-          on: {
-            change: function ($event) {
-              return _vm.changeForm($event, "displayType")
-            },
-          },
-          model: {
-            value: _vm.form.displayType,
-            callback: function ($$v) {
-              _vm.$set(_vm.form, "displayType", $$v);
-            },
-            expression: "form.displayType",
-          },
-        },
-        [
-          _c("el-radio", { attrs: { label: "header" } }, [_vm._v("表头数据")]),
-          _vm._v(" "),
-          _c("el-radio", { attrs: { label: "float" } }, [_vm._v("悬浮数据")]),
-        ],
-        1
-      ),
+            [
+              _c(
+                "el-radio",
+                {
+                  attrs: {
+                    label: "time",
+                    disabled:
+                      !_vm.toolBarConfig ||
+                      !_vm.toolBarConfig.axisTypeList ||
+                      !_vm.toolBarConfig.axisTypeList.time,
+                  },
+                },
+                [_vm._v("时间")]
+              ),
+              _vm._v(" "),
+              _c(
+                "el-radio",
+                {
+                  attrs: {
+                    label: "depth",
+                    disabled:
+                      !_vm.toolBarConfig ||
+                      !_vm.toolBarConfig.axisTypeList ||
+                      !_vm.toolBarConfig.axisTypeList.depth,
+                  },
+                },
+                [_vm._v("深度")]
+              ),
+            ],
+            1
+          )
+        : _vm._e(),
       _vm._v(" "),
-      _c("div", { staticClass: "label" }, [_vm._v("比例尺：")]),
+      _vm.toolBarConfig.timeDepthRadioShow !== false
+        ? _c("div", { staticClass: "divider" })
+        : _vm._e(),
       _vm._v(" "),
-      _c(
-        "el-tooltip",
-        {
-          attrs: {
-            disabled: _vm.form.axisType === "depth",
-            content: "时间轴类型下不支持设置比例尺",
-            placement: "right",
-            effect: "dark",
-          },
-        },
-        [
-          _c(
-            "el-select",
+      _vm.toolBarConfig.realHistoryRadioShow !== false
+        ? _c(
+            "el-radio-group",
             {
-              class: { "el-select-disabled": _vm.form.axisType !== "depth" },
-              staticStyle: { "margin-bottom": "8px" },
-              attrs: {
-                "popper-class": "kd-curve-2d-select-popup",
-                disabled: _vm.form.axisType !== "depth",
-              },
+              staticClass: "radio-group",
               on: {
                 change: function ($event) {
-                  return _vm.changeForm($event, "scale")
+                  return _vm.changeForm($event, "dataType")
                 },
               },
               model: {
-                value: _vm.form.scale,
+                value: _vm.form.dataType,
                 callback: function ($$v) {
-                  _vm.$set(_vm.form, "scale", $$v);
+                  _vm.$set(_vm.form, "dataType", $$v);
                 },
-                expression: "form.scale",
+                expression: "form.dataType",
               },
             },
-            _vm._l(_vm.toolBarConfig.scaleList, function (item) {
-              return _c("el-option", {
-                key: item.value,
-                attrs: { label: item.label, value: item.value },
-              })
-            }),
+            [
+              _c(
+                "el-radio",
+                {
+                  attrs: {
+                    label: "real",
+                    disabled:
+                      !_vm.toolBarConfig ||
+                      !_vm.toolBarConfig.dataTypeList ||
+                      !_vm.toolBarConfig.dataTypeList.real,
+                  },
+                },
+                [_vm._v("实时数据")]
+              ),
+              _vm._v(" "),
+              _c(
+                "el-radio",
+                {
+                  attrs: {
+                    label: "history",
+                    disabled:
+                      !_vm.toolBarConfig ||
+                      !_vm.toolBarConfig.dataTypeList ||
+                      !_vm.toolBarConfig.dataTypeList.history,
+                  },
+                },
+                [_vm._v("历史数据")]
+              ),
+            ],
             1
-          ),
-        ],
-        1
-      ),
+          )
+        : _vm._e(),
       _vm._v(" "),
-      _c("div", { staticClass: "label" }, [_vm._v("时间范围：")]),
+      _vm.toolBarConfig.realHistoryRadioShow !== false
+        ? _c("div", { staticClass: "divider" })
+        : _vm._e(),
       _vm._v(" "),
-      _c(
-        "el-tooltip",
-        {
-          attrs: {
-            disabled: !(_vm.form.axisType == "depth"),
-            content: _vm.getDisableTip("timeRange"),
-            placement: "right",
-            effect: "dark",
-          },
-        },
-        [
-          _c(
-            "el-select",
+      _vm.toolBarConfig.headerFloatRadioShow !== false
+        ? _c(
+            "el-radio-group",
             {
-              class: { "el-select-disabled": _vm.form.axisType == "depth" },
-              staticStyle: { "margin-bottom": "8px" },
-              attrs: {
-                "popper-class": "kd-curve-2d-select-popup",
-                disabled: _vm.form.axisType == "depth",
-              },
+              staticClass: "radio-group",
               on: {
                 change: function ($event) {
-                  return _vm.changeForm($event, "timeRange")
+                  return _vm.changeForm($event, "displayType")
                 },
               },
               model: {
-                value: _vm.form.timeRange,
+                value: _vm.form.displayType,
                 callback: function ($$v) {
-                  _vm.$set(_vm.form, "timeRange", $$v);
+                  _vm.$set(_vm.form, "displayType", $$v);
                 },
-                expression: "form.timeRange",
+                expression: "form.displayType",
               },
             },
-            _vm._l(_vm.toolBarConfig.timeRangeList, function (item) {
-              return _c("el-option", {
-                key: item.value,
-                attrs: { label: item.label, value: item.value },
-              })
-            }),
+            [
+              _c("el-radio", { attrs: { label: "header" } }, [
+                _vm._v("表头数据"),
+              ]),
+              _vm._v(" "),
+              _c("el-radio", { attrs: { label: "float" } }, [
+                _vm._v("悬浮数据"),
+              ]),
+            ],
             1
-          ),
-        ],
-        1
-      ),
+          )
+        : _vm._e(),
       _vm._v(" "),
-      _c("div", { staticClass: "label" }, [_vm._v("井深范围(m)：")]),
+      _vm.toolBarConfig.scaleSelectShow !== false
+        ? _c("div", { staticClass: "label" }, [_vm._v("比例尺：")])
+        : _vm._e(),
       _vm._v(" "),
-      _c(
-        "el-tooltip",
-        {
-          attrs: {
-            disabled: !(_vm.form.axisType == "time"),
-            content: _vm.getDisableTip("depthRange"),
-            placement: "right",
-            effect: "dark",
-          },
-        },
-        [
-          _c(
-            "el-select",
+      _vm.toolBarConfig.scaleSelectShow !== false
+        ? _c(
+            "el-tooltip",
             {
-              class: { "el-select-disabled": _vm.form.axisType == "time" },
-              staticStyle: { "margin-bottom": "8px" },
               attrs: {
-                "popper-class": "kd-curve-2d-select-popup",
-                disabled: _vm.form.axisType == "time",
+                disabled: _vm.form.axisType === "depth",
+                content: "时间轴类型下不支持设置比例尺",
+                placement: "right",
+                effect: "dark",
               },
-              on: {
-                change: function ($event) {
-                  return _vm.changeForm($event, "depthRange")
+            },
+            [
+              _c(
+                "el-select",
+                {
+                  class: {
+                    "el-select-disabled": _vm.form.axisType !== "depth",
+                  },
+                  staticStyle: { "margin-bottom": "8px" },
+                  attrs: {
+                    "popper-class": "kd-curve-2d-select-popup",
+                    disabled: _vm.form.axisType !== "depth",
+                  },
+                  on: {
+                    change: function ($event) {
+                      return _vm.changeForm($event, "scale")
+                    },
+                  },
+                  model: {
+                    value: _vm.form.scale,
+                    callback: function ($$v) {
+                      _vm.$set(_vm.form, "scale", $$v);
+                    },
+                    expression: "form.scale",
+                  },
                 },
+                _vm._l(_vm.toolBarConfig.scaleList, function (item) {
+                  return _c("el-option", {
+                    key: item.value,
+                    attrs: { label: item.label, value: item.value },
+                  })
+                }),
+                1
+              ),
+            ],
+            1
+          )
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.toolBarConfig.timeRangeSelectShow !== false
+        ? _c("div", { staticClass: "label" }, [_vm._v("时间范围：")])
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.toolBarConfig.timeRangeSelectShow !== false
+        ? _c(
+            "el-tooltip",
+            {
+              attrs: {
+                disabled: !(_vm.form.axisType == "depth"),
+                content: _vm.getDisableTip("timeRange"),
+                placement: "right",
+                effect: "dark",
               },
-              model: {
-                value: _vm.form.depthRange,
-                callback: function ($$v) {
-                  _vm.$set(_vm.form, "depthRange", $$v);
+            },
+            [
+              _c(
+                "el-select",
+                {
+                  class: { "el-select-disabled": _vm.form.axisType == "depth" },
+                  staticStyle: { "margin-bottom": "8px" },
+                  attrs: {
+                    "popper-class": "kd-curve-2d-select-popup",
+                    disabled: _vm.form.axisType == "depth",
+                  },
+                  on: {
+                    change: function ($event) {
+                      return _vm.changeForm($event, "timeRange")
+                    },
+                  },
+                  model: {
+                    value: _vm.form.timeRange,
+                    callback: function ($$v) {
+                      _vm.$set(_vm.form, "timeRange", $$v);
+                    },
+                    expression: "form.timeRange",
+                  },
                 },
-                expression: "form.depthRange",
+                _vm._l(_vm.toolBarConfig.timeRangeList, function (item) {
+                  return _c("el-option", {
+                    key: item.value,
+                    attrs: { label: item.label, value: item.value },
+                  })
+                }),
+                1
+              ),
+            ],
+            1
+          )
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.toolBarConfig.depthRangeSelectShow !== false
+        ? _c("div", { staticClass: "label" }, [_vm._v("井深范围(m)：")])
+        : _vm._e(),
+      _vm._v(" "),
+      _vm.toolBarConfig.depthRangeSelectShow !== false
+        ? _c(
+            "el-tooltip",
+            {
+              attrs: {
+                disabled: !(_vm.form.axisType == "time"),
+                content: _vm.getDisableTip("depthRange"),
+                placement: "right",
+                effect: "dark",
               },
             },
-            _vm._l(_vm.toolBarConfig.depthRangeList, function (item) {
-              return _c("el-option", {
-                key: item.value,
-                attrs: { label: item.label, value: item.value },
-              })
-            }),
+            [
+              _c(
+                "el-select",
+                {
+                  class: { "el-select-disabled": _vm.form.axisType == "time" },
+                  staticStyle: { "margin-bottom": "8px" },
+                  attrs: {
+                    "popper-class": "kd-curve-2d-select-popup",
+                    disabled: _vm.form.axisType == "time",
+                  },
+                  on: {
+                    change: function ($event) {
+                      return _vm.changeForm($event, "depthRange")
+                    },
+                  },
+                  model: {
+                    value: _vm.form.depthRange,
+                    callback: function ($$v) {
+                      _vm.$set(_vm.form, "depthRange", $$v);
+                    },
+                    expression: "form.depthRange",
+                  },
+                },
+                _vm._l(_vm.toolBarConfig.depthRangeList, function (item) {
+                  return _c("el-option", {
+                    key: item.value,
+                    attrs: { label: item.label, value: item.value },
+                  })
+                }),
+                1
+              ),
+            ],
             1
-          ),
-        ],
-        1
-      ),
+          )
+        : _vm._e(),
       _vm._v(" "),
       _c(
         "div",
@@ -3245,7 +3273,7 @@ __vue_render__$a._withStripped = true;
   /* style */
   const __vue_inject_styles__$a = undefined;
   /* scoped */
-  const __vue_scope_id__$a = "data-v-1de81a62";
+  const __vue_scope_id__$a = "data-v-682ce335";
   /* module identifier */
   const __vue_module_identifier__$a = undefined;
   /* functional template */
@@ -6717,7 +6745,7 @@ var script$3 = {
   },
 };
 
-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}";
+var css_248z$4 = "@charset \"UTF-8\";\n.kd-lane-chart-container-header-item[data-v-5e4488b8] {\n  height: 42px;\n  flex-shrink: 0;\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-5e4488b8] {\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-5e4488b8] {\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-5e4488b8] {\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-5e4488b8] {\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-5e4488b8] {\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-5e4488b8] {\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-5e4488b8] {\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-5e4488b8] {\n  position: absolute;\n  height: 2px;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}";
 styleInject(css_248z$4);
 
 /* script */
@@ -6767,7 +6795,7 @@ __vue_render__$3._withStripped = true;
   /* style */
   const __vue_inject_styles__$3 = undefined;
   /* scoped */
-  const __vue_scope_id__$3 = "data-v-c00b77ba";
+  const __vue_scope_id__$3 = "data-v-5e4488b8";
   /* module identifier */
   const __vue_module_identifier__$3 = undefined;
   /* functional template */
@@ -6937,6 +6965,8 @@ var script$2 = {
       resizeTimeout: null,
       // 用于缓存车道头部宽度，避免无限循环
       headerWidthCache: {},
+      // 上次触发 visibleDataChange 的参数，用于比较是否发生变化
+      lastVisibleDataChangeParams: null,
     };
   },
   created() {
@@ -7256,6 +7286,7 @@ var script$2 = {
     },
 
     handleWheel(e) {
+      if (this.isScrollingToHeader(e)) return;
       e.preventDefault();
       const dataLength = (this.realTimeData && this.realTimeData.length) || 0;
       this.wheelDelta = Math.sign(e.deltaY);
@@ -7425,7 +7456,7 @@ var script$2 = {
             data.lineSort = event.added.newIndex ?? 0;
             this.dragUpdateLine(data).then(() => {
               let promises = lane.lines.map((lines, index) => {
-                lines.lineSort = index;
+                lines.lineSort = index + 1;
                 return this.dragUpdateLine(lines);
               });
               Promise.all(promises).then(() => {
@@ -7441,7 +7472,7 @@ var script$2 = {
         currentLanes.forEach((lane) => {
           if (lane.laneId == data.laneId) {
             let promises = lane.lines.map((lines, index) => {
-              lines.lineSort = index;
+              lines.lineSort = index + 1;
               return this.dragUpdateLine(lines);
             });
             Promise.all(promises).then(() => {
@@ -7876,6 +7907,12 @@ var script$2 = {
       event.stopPropagation();
       this.$refs.vueSimpleContextMenu.showMenu(event, item);
     },
+    hiddenContextMenu() {
+      const ctxRef = this.$refs.vueSimpleContextMenu;
+      if (ctxRef) {
+        ctxRef.hideContextMenu();
+      }
+    },
     optionClicked(event) {
       const { option, item } = event;
       this.contextItem = item;
@@ -8452,9 +8489,9 @@ var script$2 = {
               baseSeries.markLine = {
                 symbol: "none",
                 lineStyle: {
-                  color: getCssVariable("--default-text-color"),
+                  color: "red",
                   type: "dashed",
-                  width: 1,
+                  width: 2,
                 },
                 label: {
                   show: false,
@@ -8716,7 +8753,7 @@ 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));
 
@@ -8757,16 +8794,53 @@ var script$2 = {
       });
 
       // 去重后排序
-      // 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;
-      //   }
-      // });
+      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;
+    },
+
+    // 根据 uniqueKey 去重并排序（只考虑 uniqueKey）
+    deduplicateByUniqueKey(existingData, newData, uniqueKey, options = {}) {
+      // 处理默认配置
+      const { sortOrder = "asc" } = options;
+      const newDataArr = Array.isArray(newData) ? newData : [newData];
+
+      // 合并数据并去重（只根据 uniqueKey）
+      let resultData = JSON.parse(JSON.stringify(existingData));
+
+      // 创建一个 Set 来存储已存在的 uniqueKey
+      const existingKeys = new Set(resultData.map((item) => item[uniqueKey]));
+
+      // 添加新数据（只添加 uniqueKey 不存在的项）
+      newDataArr.forEach((newItem) => {
+        if (!newItem || !newItem[uniqueKey]) return;
+
+        if (!existingKeys.has(newItem[uniqueKey])) {
+          resultData.push(newItem);
+          existingKeys.add(newItem[uniqueKey]);
+        }
+      });
+
+      // 排序
+      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;
     },
@@ -8999,7 +9073,7 @@ var script$2 = {
           const gapCount = Math.max(0, this.lineCount - 1);
           return {
             ...common,
-            height: `${this.lineCount * (this.formCache.displayType == 'header' ? this.headerItemHeight : this.headerItemHeight * 0.8) + 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",
           };
         }
@@ -9016,7 +9090,7 @@ var script$2 = {
         } else {
           const gapCount = Math.max(0, this.lineCount - 1);
           return {
-            height: `${this.lineCount * (this.formCache.displayType == 'header' ? this.headerItemHeight : this.headerItemHeight * 0.8) + 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",
           };
         }
@@ -9075,6 +9149,19 @@ var script$2 = {
         const firstValue = first && first[axisKey];
         const lastValue = last && last[axisKey];
 
+        const newParams = { firstValue, lastValue, settings: this.formCache };
+
+        // 比较是否与上次触发时的参数相同
+        if (
+          this.lastVisibleDataChangeParams &&
+          this.lastVisibleDataChangeParams.firstValue === firstValue &&
+          this.lastVisibleDataChangeParams.lastValue === lastValue &&
+          JSON.stringify(this.lastVisibleDataChangeParams.settings) === JSON.stringify(newParams.settings)
+        ) {
+          return;
+        }
+
+        this.lastVisibleDataChangeParams = newParams;
         this.$emit("visibleDataChange", { firstValue, lastValue, settings: this.formCache });
       },
       immediate: true,
@@ -9112,7 +9199,7 @@ var script$2 = {
           if (!Array.isArray(data)) {
             data = [data];
           }
-          this.realTimeData = this.realTimeData = this.deduplicateAndSort(
+          this.realTimeData = this.realTimeData = this.deduplicateByUniqueKey(
             this.realTimeData,
             data,
             this.toolBarConfig.axisTypeList && this.toolBarConfig.axisTypeList[this.formCache.axisType],
@@ -9139,7 +9226,7 @@ var script$2 = {
   },
 };
 
-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}";
+var css_248z$3 = ".kd-lane-chart-container[data-v-27c6a5a2] {\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-27c6a5a2],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container[data-v-27c6a5a2] {\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-27c6a5a2],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle[data-v-27c6a5a2] {\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-27c6a5a2]:hover,\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle[data-v-27c6a5a2]: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-27c6a5a2],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle.kd-lane-resize-handle-left[data-v-27c6a5a2] {\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-27c6a5a2],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle.kd-lane-resize-handle-right[data-v-27c6a5a2] {\n  right: -2px;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header[data-v-27c6a5a2],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header[data-v-27c6a5a2] {\n  max-height: 40%;\n  overflow: hidden;\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-27c6a5a2],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-27c6a5a2] {\n  display: flex;\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 .kd-lane-chart-lane-header .header-list-gap[data-v-27c6a5a2] ::-webkit-scrollbar,\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-27c6a5a2] ::-webkit-scrollbar {\n  display: none;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header .header-list-gap[data-v-27c6a5a2],\n.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-27c6a5a2] {\n  flex-direction: column;\n}\n.kd-lane-chart-container .kd-lane-chart-lane-container-echart[data-v-27c6a5a2] {\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-27c6a5a2] {\n  height: 100%;\n  overflow: hidden;\n}\n.kd-lane-chart-container .border-left[data-v-27c6a5a2] {\n  border-left: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .border-bottom[data-v-27c6a5a2] {\n  border-bottom: 1px solid var(--kd-lane-container-border-color, #333);\n}\n.kd-lane-chart-container .border-right[data-v-27c6a5a2] {\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-27c6a5a2] {\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 */
@@ -9204,7 +9291,8 @@ var __vue_render__$2 = function () {
                             _c(
                               "div",
                               {
-                                staticClass: "kd-lane-chart-lane-header",
+                                staticClass:
+                                  "kd-lane-chart-lane-header header-content-area",
                                 class: { "border-bottom": true },
                                 style: _vm.slotHeaderStyle,
                               },
@@ -9313,7 +9401,8 @@ var __vue_render__$2 = function () {
                                   _c(
                                     "draggable",
                                     {
-                                      staticClass: "header-list-gap",
+                                      staticClass:
+                                        "header-list-gap header-content-area",
                                       style: { gap: _vm.itemGap + "px" },
                                       attrs: {
                                         animation: 200,
@@ -9506,7 +9595,7 @@ __vue_render__$2._withStripped = true;
   /* style */
   const __vue_inject_styles__$2 = undefined;
   /* scoped */
-  const __vue_scope_id__$2 = "data-v-518c21d0";
+  const __vue_scope_id__$2 = "data-v-27c6a5a2";
   /* module identifier */
   const __vue_module_identifier__$2 = undefined;
   /* functional template */
@@ -9803,6 +9892,11 @@ var script = {
   },
 
   methods: {
+    hiddenContextMenu() {
+      if (this.$refs.chartContainer) {
+        this.$refs.chartContainer.hiddenContextMenu();
+      }
+    },
     dialogFunction(data) {
       if (data.type === 1) {
         // 井深段
@@ -10082,7 +10176,7 @@ var script = {
 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.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}";
+var css_248z = "@charset \"UTF-8\";\n.kd-curve-2d-resize-container[data-v-18d00693] {\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-18d00693] {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  overflow: hidden;\n}\n.kd-curve-2d-resize-container[data-v-18d00693] {\n  /* 面板通用样式 */\n}\n.kd-curve-2d-resize-container .panel[data-v-18d00693] {\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-18d00693]::-webkit-scrollbar {\n  display: none;\n}\n.kd-curve-2d-resize-container .panel-3[data-v-18d00693] {\n  flex: 1;\n  min-width: 100px;\n}\n.kd-curve-2d-resize-container[data-v-18d00693] {\n  /* 拖拽条样式 */\n}\n.kd-curve-2d-resize-container .resizer[data-v-18d00693] {\n  width: 6px;\n  cursor: col-resize;\n}\n.kd-curve-2d-resize-container .resizer[data-v-18d00693]:hover {\n  background-color: var(--resizer-bg-color);\n  transition: background-color 0.2s ease;\n}";
 styleInject(css_248z);
 
 /* script */
@@ -10280,7 +10374,7 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-12684d2f";
+  const __vue_scope_id__ = "data-v-18d00693";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */