kd-lane-chart-v3 0.0.3 → 0.0.4

package/dist/esm/index.js

@@ -364,8 +364,10 @@ const _sfc_main$c = {
       if (relY + this.menuHeight > containerH) {
         relY = clientY - rect.top - this.menuHeight - top + 2;
       }
-      menu.style.left = Math.max(0, relX) + "px";
-      menu.style.top = Math.max(0, relY) + "px";
+      const percentX = Math.max(0, relX) / containerW * 100;
+      const percentY = Math.max(0, relY) / containerH * 100;
+      menu.style.left = percentX + "%";
+      menu.style.top = percentY + "%";
       menu.classList.add("vue-simple-context-menu--active");
     },
     // 以 .kd-lane-chart-container 作为定位父元素（其 position 为 relative）
@@ -438,7 +440,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const VueSimpleContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-35b025bb"]]);
+const VueSimpleContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-38ac9b6e"]]);
 class CustomStrategy {
   constructor(strategy) {
     this.strategy = strategy;
@@ -2235,7 +2237,8 @@ const _sfc_main$8 = {
       expandedKeys: [],
       currentNodeKey: "",
       targetData: void 0,
-      treeKey: ""
+      treeKey: "",
+      tooltipVisible: {}
     };
   },
   methods: {
@@ -2249,9 +2252,16 @@ const _sfc_main$8 = {
       }
       return nameConfig.paramName;
     },
+    handleMouseEnter(event, nodeId) {
+      const target = event.currentTarget;
+      const isOverflow = target.scrollWidth > target.offsetWidth;
+      this.tooltipVisible[nodeId] = isOverflow;
+    },
+    handleMouseLeave(_, nodeId) {
+      this.tooltipVisible[nodeId] = false;
+    },
     setTargetData(targetData) {
       this.targetData = targetData;
-      console.log(targetData, "333333333");
       this.setExpanded();
       const dataType = judgeRawDataType(targetData);
       switch (dataType) {
@@ -2512,9 +2522,11 @@ const _sfc_main$8 = {
   }
 };
 const _hoisted_1$8 = ["onContextmenu"];
-const _hoisted_2$7 = { style: { "padding-left": "5px" } };
-const _hoisted_3$5 = { class: "rtd-config-side-option" };
+const _hoisted_2$7 = ["onMouseover", "onMouseleave"];
+const _hoisted_3$5 = { style: { "padding-left": "5px" } };
+const _hoisted_4$5 = { class: "rtd-config-side-option" };
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_Star = resolveComponent("Star");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_tree = resolveComponent("el-tree");
@@ -2556,8 +2568,22 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                 class: "custom-tree-node",
                 onContextmenu: withModifiers(($event) => $options.showRightWindows($event, data, node), ["prevent"])
               }, [
-                createElementVNode("span", null, toDisplayString(node.label), 1),
-                withDirectives(createElementVNode("span", _hoisted_2$7, [
+                createVNode(_component_el_tooltip, {
+                  content: node.label,
+                  placement: "right",
+                  manual: true,
+                  visible: $data.tooltipVisible[node.id]
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("span", {
+                      class: "tree-node-label",
+                      onMouseover: ($event) => $options.handleMouseEnter($event, node.id),
+                      onMouseleave: ($event) => $options.handleMouseLeave($event, node.id)
+                    }, toDisplayString(node.label), 41, _hoisted_2$7)
+                  ]),
+                  _: 2
+                }, 1032, ["content", "visible"]),
+                withDirectives(createElementVNode("span", _hoisted_3$5, [
                   createVNode(_component_el_icon, null, {
                     default: withCtx(() => [
                       createVNode(_component_Star)
@@ -2571,7 +2597,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["data", "current-node-key", "default-expanded-keys", "onNodeClick", "onNodeExpand", "onNodeCollapse"])),
-          createElementVNode("div", _hoisted_3$5, [
+          createElementVNode("div", _hoisted_4$5, [
             createVNode(_component_el_button, { onClick: $options.addTemplate }, {
               default: withCtx(() => [..._cache[0] || (_cache[0] = [
                 createTextVNode("新增模板", -1)
@@ -2623,7 +2649,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_loading, $data.curveConfigLoading]
   ]);
 }
-const RealTimeCurveConfig = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-8606346c"]]);
+const RealTimeCurveConfig = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-1fb6ec88"]]);
 const ACTION_TYPE = {
   UPSERT_LINE: "upsertLine",
   DELETE_LINE: "delLine"
@@ -3984,7 +4010,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ], 544);
 }
-const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-f37f9567"]]);
+const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-192e257e"]]);
 const SLIDER_GROUP_ID = "depthSliderGroup";
 function pad2(n) {
   return n < 10 ? "0" + n : "" + n;