kd-lane-chart-v3 0.0.5 → 0.0.6

package/dist/esm/index.js

@@ -2971,15 +2971,14 @@ const _sfc_main$7 = {
 const _hoisted_1$7 = { class: "legend-label" };
 const _hoisted_2$6 = { class: "legend-content" };
 const _hoisted_3$4 = { class: "scale-left" };
-const _hoisted_4$4 = { class: "legend-lines" };
-const _hoisted_5$3 = ["onClick"];
-const _hoisted_6$3 = { class: "legend-line-item-top" };
-const _hoisted_7$3 = { class: "legend-text" };
-const _hoisted_8$2 = {
+const _hoisted_4$4 = ["onClick"];
+const _hoisted_5$3 = { class: "legend-line-item-top" };
+const _hoisted_6$3 = { class: "legend-text" };
+const _hoisted_7$3 = {
   key: 0,
   class: "legend-data"
 };
-const _hoisted_9$2 = { class: "scale-right" };
+const _hoisted_8$2 = { class: "scale-right" };
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "kd-lane-chart-container-legend-item",
@@ -2988,7 +2987,10 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", _hoisted_1$7, toDisplayString($options.getParamName()), 1),
     createElementVNode("div", _hoisted_2$6, [
       createElementVNode("div", _hoisted_3$4, toDisplayString($props.line.min || 0), 1),
-      createElementVNode("div", _hoisted_4$4, [
+      createElementVNode("div", {
+        class: "legend-lines",
+        style: normalizeStyle({ flexDirection: $props.formCache.displayType == "header" ? "column" : "row" })
+      }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList($options.legendList, (legend, index2) => {
           return openBlock(), createElementBlock("div", {
             class: "legend-line-item",
@@ -2996,22 +2998,22 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: ($event) => $options.toggleLegend(legend.label),
             style: normalizeStyle({ opacity: legend.isUsed ? 1 : 0.5 })
           }, [
-            createElementVNode("div", _hoisted_6$3, [
+            createElementVNode("div", _hoisted_5$3, [
               createElementVNode("div", {
                 class: normalizeClass(["legend-color", legend.lineType]),
                 style: normalizeStyle({ borderBottom: `2px ${legend.lineType} ${legend.color}` })
               }, null, 6),
-              createElementVNode("div", _hoisted_7$3, toDisplayString(legend.label), 1)
+              createElementVNode("div", _hoisted_6$3, toDisplayString(legend.label), 1)
             ]),
-            $props.formCache.displayType == "header" ? (openBlock(), createElementBlock("div", _hoisted_8$2, toDisplayString(legend.data), 1)) : createCommentVNode("", true)
-          ], 12, _hoisted_5$3);
+            $props.formCache.displayType == "header" ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(legend.data), 1)) : createCommentVNode("", true)
+          ], 12, _hoisted_4$4);
         }), 128))
-      ]),
-      createElementVNode("div", _hoisted_9$2, toDisplayString($props.line.max || 20), 1)
+      ], 4),
+      createElementVNode("div", _hoisted_8$2, toDisplayString($props.line.max || 20), 1)
     ])
   ], 4);
 }
-const LegendItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-f2ff104b"]]);
+const LegendItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-efba8aa1"]]);
 const _sfc_main$6 = {
   name: "KdLaneContainer",
   provide() {
@@ -4146,13 +4148,15 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
       width: "45%",
       modelValue: $data.curveConfigVisible,
       "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.curveConfigVisible = $event),
-      "append-to-body": false,
-      "custom-class": "custom-dialog function-control-panel-dialog",
+      "append-to-body": true,
+      "header-class": "kd-lane-chart-v3-custom-dialog__header",
+      "body-class": "kd-lane-chart-v3-custom-dialog__body",
+      "footer-class": "kd-lane-chart-v3-custom-dialog__footer",
+      class: "kd-lane-chart-v3-custom-dialog",
       "close-on-click-modal": false,
       "close-on-press-escape": false,
       "show-close": false,
       onClose: $options.closeCurveConfigDialog,
-      class: "custom-dialog",
       "align-center": ""
     }, {
       header: withCtx(() => [
@@ -4201,7 +4205,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["modelValue", "onClose"])
   ], 544);
 }
-const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-29ced11e"]]);
+const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-7b18e475"]]);
 const SLIDER_GROUP_ID = "depthSliderGroup";
 function pad2(n) {
   return n < 10 ? "0" + n : "" + n;
@@ -5615,7 +5619,6 @@ const _sfc_main$4 = {
       }
     },
     handleClickExport(data) {
-      this.exportName = data.name;
       if (this.$refs.ExportTimeFormRef) {
         this.$refs.ExportTimeFormRef.clearValidate();
       }
@@ -6245,14 +6248,16 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_el_dialog, {
       modelValue: $data.timeDialogVisible,
       "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => $data.timeDialogVisible = $event),
-      "append-to-body": false,
-      "custom-class": "custom-dialog",
       "close-on-click-modal": false,
       "close-on-press-escape": false,
       "show-close": false,
-      width: "420px",
+      width: "300px",
       onClose: $options.closeTimeDialog,
-      class: "custom-dialog",
+      "append-to-body": true,
+      "header-class": "kd-lane-chart-v3-custom-dialog__header",
+      "body-class": "kd-lane-chart-v3-custom-dialog__body",
+      "footer-class": "kd-lane-chart-v3-custom-dialog__footer",
+      class: "kd-lane-chart-v3-custom-dialog",
       "align-center": ""
     }, {
       header: withCtx(() => [
@@ -6298,7 +6303,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_22, [
                     _cache[44] || (_cache[44] = createElementVNode("div", {
-                      style: { "min-width": "50px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
+                      style: { "min-width": "30px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
                       class: "fontColor"
                     }, "时间：", -1)),
                     createElementVNode("div", _hoisted_23, [
@@ -6326,15 +6331,17 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_el_dialog, {
       modelValue: $data.depthDialogVisible,
       "onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => $data.depthDialogVisible = $event),
-      "append-to-body": false,
-      "custom-class": "custom-dialog",
+      "append-to-body": true,
+      "header-class": "kd-lane-chart-v3-custom-dialog__header",
+      "body-class": "kd-lane-chart-v3-custom-dialog__body",
+      "footer-class": "kd-lane-chart-v3-custom-dialog__footer",
+      class: "kd-lane-chart-v3-custom-dialog",
       "close-on-click-modal": false,
       "close-on-press-escape": false,
       "show-close": false,
-      width: "420px",
+      width: "300px",
       onClose: $options.closeDepthDialog,
-      "align-center": "",
-      class: "custom-dialog"
+      "align-center": ""
     }, {
       header: withCtx(() => [
         createElementVNode("div", _hoisted_25, [
@@ -6383,7 +6390,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_27, [
                     _cache[48] || (_cache[48] = createElementVNode("div", {
-                      style: { "min-width": "80px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
+                      style: { "min-width": "60px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
                       class: "fontColor"
                     }, "起始井深：", -1)),
                     createElementVNode("div", _hoisted_28, [
@@ -6410,7 +6417,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_29, [
                     _cache[49] || (_cache[49] = createElementVNode("div", {
-                      style: { "min-width": "80px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
+                      style: { "min-width": "60px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
                       class: "fontColor"
                     }, "结束井深：", -1)),
                     createElementVNode("div", _hoisted_30, [
@@ -6436,15 +6443,17 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_el_dialog, {
       modelValue: $data.exportDialogVisible,
       "onUpdate:modelValue": _cache[31] || (_cache[31] = ($event) => $data.exportDialogVisible = $event),
-      "append-to-body": false,
-      "custom-class": "custom-dialog",
+      "append-to-body": true,
+      "header-class": "kd-lane-chart-v3-custom-dialog__header",
+      "body-class": "kd-lane-chart-v3-custom-dialog__body",
+      "footer-class": "kd-lane-chart-v3-custom-dialog__footer",
+      class: "kd-lane-chart-v3-custom-dialog",
       "close-on-click-modal": false,
       "close-on-press-escape": false,
       "show-close": false,
-      width: "500px",
+      width: "450px",
       onClose: $options.closeExportDialog,
-      "align-center": "",
-      class: "custom-dialog"
+      "align-center": ""
     }, {
       header: withCtx(() => [
         createElementVNode("div", _hoisted_32, [
@@ -6498,7 +6507,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
             key: 0,
             model: $data.exportTimeDialog,
             ref: "ExportTimeFormRef",
-            style: { "display": "flex", "flex-direction": "column", "gap": "16px", "margin-top": "16px" }
+            style: { "display": "flex", "flex-direction": "column", "gap": "16px" }
           }, {
             default: withCtx(() => [
               createVNode(_component_el_form_item, {
@@ -6508,7 +6517,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_34, [
                     _cache[53] || (_cache[53] = createElementVNode("div", {
-                      style: { "min-width": "80px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
+                      style: { "min-width": "60px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
                       class: "fontColor"
                     }, "时间范围：", -1)),
                     createElementVNode("div", _hoisted_35, [
@@ -6535,7 +6544,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
             key: 1,
             model: $data.exportDepthDialog,
             ref: "ExportDepthFormRef",
-            style: { "display": "flex", "flex-direction": "column", "gap": "16px", "margin-top": "16px" }
+            style: { "display": "flex", "flex-direction": "column", "gap": "16px" }
           }, {
             default: withCtx(() => [
               createVNode(_component_el_form_item, {
@@ -6549,7 +6558,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_36, [
                     _cache[54] || (_cache[54] = createElementVNode("div", {
-                      style: { "min-width": "80px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
+                      style: { "min-width": "60px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
                       class: "fontColor"
                     }, "起始井深：", -1)),
                     createElementVNode("div", _hoisted_37, [
@@ -6577,7 +6586,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_38, [
                     _cache[55] || (_cache[55] = createElementVNode("div", {
-                      style: { "min-width": "80px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
+                      style: { "min-width": "60px", "display": "flex", "align-items": "center", "height": "100%", "white-space": "nowrap" },
                       class: "fontColor"
                     }, "终止井深：", -1)),
                     createElementVNode("div", _hoisted_39, [
@@ -6602,7 +6611,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["modelValue", "onClose"])
   ]);
 }
-const FunctionControlPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-11eb2ac1"]]);
+const FunctionControlPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-def5c949"]]);
 const INIT_TRIGGERS = ["theme", "initOptions", "autoresize"];
 const REWATCH_TRIGGERS = ["manualUpdate", "watchShallow"];
 const _sfc_main$3 = {
@@ -7200,6 +7209,7 @@ const _sfc_main$2 = {
       });
     },
     hideAxisPointerAcrossCharts() {
+      if (this.formCache.displayType !== "header") return;
       this.crosshairVisible = false;
       this.headerData = {};
       this.getConnectedCharts().forEach((chart) => {
@@ -8270,7 +8280,7 @@ const _sfc_main$2 = {
                     type: "line",
                     xAxisIndex,
                     yAxisIndex: gridIndex,
-                    name: (lineInfo.recommendParamId ? paramNameMap[lineInfo.paramId] + "-实际值" : paramNameMap[lineInfo.paramId]) || "",
+                    name: (lineInfo.recommendParamId ? "实际值" : paramNameMap[lineInfo.paramId]) || "",
                     symbol: lineInfo.symbol || "none",
                     color: lineInfo.themeConfig ? lineInfo.isGradient && ((_b = (_a2 = this.linearGradientLineColor) == null ? void 0 : _a2[this.nowTheme]) == null ? void 0 : _b[lineInfo.paramId]) ? this.linearGradientLineColor[this.nowTheme][lineInfo.paramId] : lineInfo.themeConfig[this.nowTheme].lineColor : lineInfo.lineColor,
                     symbolSize: getAdaptedFontSize(lineInfo.symbolSize || 6),
@@ -8304,7 +8314,7 @@ const _sfc_main$2 = {
                       type: "line",
                       xAxisIndex,
                       yAxisIndex: gridIndex,
-                      name: (paramNameMap[lineInfo.paramId] || "") + "-推荐值",
+                      name: "推荐值",
                       symbol: "none",
                       color: lineInfo.themeConfig ? lineInfo.themeConfig[this.nowTheme].lineColor : lineInfo.lineColor,
                       lineStyle: {
@@ -8691,8 +8701,6 @@ const _sfc_main$2 = {
         ]);
       }
       if (customData.length === 0) return null;
-      console.log("customData length:", customData.length);
-      console.log("customData sample:", customData.slice(0, 3));
       const color = lineInfo.rangeAreaColor || lineInfo.themeConfig ? lineInfo.isGradient && ((_b = (_a = this.linearGradientLineColor) == null ? void 0 : _a[this.nowTheme]) == null ? void 0 : _b[lineInfo.paramId]) ? this.linearGradientLineColor[this.nowTheme][lineInfo.paramId] : lineInfo.themeConfig[this.nowTheme].lineColor : lineInfo.lineColor;
       return {
         type: "custom",
@@ -9343,7 +9351,6 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", _hoisted_2$2, [
       createVNode(_component_chartContainer, mergeProps({ ..._ctx.$props, ..._ctx.$attrs }, {
         ref: "chartContainer",
-        onMouseleave: $options.hideAxisPointerAcrossCharts,
         onTemplateChange: $options.templateChange,
         onLineChange: $options.lineChange,
         onLaneWidthChange: $options.laneWidthChange,
@@ -9367,15 +9374,14 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               _ctx.$slots[`content${lane.laneId}`] ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 onWheel: _cache[0] || (_cache[0] = (...args) => $options.handleWheel && $options.handleWheel(...args)),
-                onMousemove: _cache[1] || (_cache[1] = (...args) => $options.hideAxisPointerAcrossCharts && $options.hideAxisPointerAcrossCharts(...args)),
                 class: "kd-lane-chart-lane-container-echart-content",
                 style: normalizeStyle($options.getLaneChartContentStyle(lane.laneId))
               }, [
                 renderSlot(_ctx.$slots, `content${lane.laneId}`, { lane }, void 0, true)
               ], 36)) : (openBlock(), createElementBlock("div", {
                 key: 1,
-                onWheel: _cache[2] || (_cache[2] = (...args) => $options.handleWheel && $options.handleWheel(...args)),
-                onMouseleave: _cache[3] || (_cache[3] = (...args) => $options.hideAxisPointerAcrossCharts && $options.hideAxisPointerAcrossCharts(...args)),
+                onWheel: _cache[1] || (_cache[1] = (...args) => $options.handleWheel && $options.handleWheel(...args)),
+                onMouseleave: _cache[2] || (_cache[2] = (...args) => $options.hideAxisPointerAcrossCharts && $options.hideAxisPointerAcrossCharts(...args)),
                 class: "kd-lane-chart-lane-container-echart-content",
                 style: normalizeStyle($options.getLaneChartContentStyle(lane.laneId))
               }, [
@@ -9396,14 +9402,15 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
             fn: withCtx(() => [
               _ctx.$slots[`content${lane.laneId}`] ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                onWheel: _cache[4] || (_cache[4] = (...args) => $options.handleWheel && $options.handleWheel(...args)),
+                onWheel: _cache[3] || (_cache[3] = (...args) => $options.handleWheel && $options.handleWheel(...args)),
                 class: "kd-lane-chart-lane-container-echart-content",
                 style: normalizeStyle($options.getLaneChartContentStyle(lane.laneId))
               }, [
                 renderSlot(_ctx.$slots, `content${lane.laneId}`, { lane }, void 0, true)
               ], 36)) : (openBlock(), createElementBlock("div", {
                 key: 1,
-                onWheel: _cache[5] || (_cache[5] = (...args) => $options.handleWheel && $options.handleWheel(...args)),
+                onWheel: _cache[4] || (_cache[4] = (...args) => $options.handleWheel && $options.handleWheel(...args)),
+                onMouseleave: _cache[5] || (_cache[5] = (...args) => $options.hideAxisPointerAcrossCharts && $options.hideAxisPointerAcrossCharts(...args)),
                 class: "kd-lane-chart-lane-container-echart-content",
                 style: normalizeStyle($options.getLaneChartContentStyle(lane.laneId))
               }, [
@@ -9418,7 +9425,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           };
         })
-      ]), 1040, ["onMouseleave", "onTemplateChange", "onLineChange", "onLaneWidthChange", "onParamsChange", "visibleData", "headerData", "lineRange"])
+      ]), 1040, ["onTemplateChange", "onLineChange", "onLaneWidthChange", "onParamsChange", "visibleData", "headerData", "lineRange"])
     ], 512),
     withDirectives(createElementVNode("div", {
       class: "kd-lane-crosshair-line",
@@ -9428,7 +9435,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 512);
 }
-const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-9671544d"]]);
+const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-560cb988"]]);
 const _sfc_main$1 = {
   name: "ParameterPanel",
   props: {