kd-lane-chart-v3 0.0.1 → 0.0.3

package/dist/esm/index.js

@@ -342,7 +342,6 @@ const _sfc_main$c = {
       if (!menu) {
         return;
       }
-      console.log(this.positionInfo);
       const { left = 0, top = 0 } = this.positionInfo;
       if (!this.menuWidth || !this.menuHeight) {
         menu.style.visibility = "hidden";
@@ -351,17 +350,37 @@ const _sfc_main$c = {
         this.menuHeight = menu.offsetHeight;
         menu.removeAttribute("style");
       }
-      if (this.menuWidth + event.pageX >= window.innerWidth) {
-        menu.style.left = event.pageX - this.menuWidth - left + 2 + "px";
-      } else {
-        menu.style.left = event.pageX - left + 2 + "px";
+      const container = this.getContainer(menu);
+      const rect = container ? container.getBoundingClientRect() : { left: 0, top: 0, right: window.innerWidth, bottom: window.innerHeight };
+      const clientX = typeof event.clientX === "number" ? event.clientX : event.pageX;
+      const clientY = typeof event.clientY === "number" ? event.clientY : event.pageY;
+      const containerW = rect.right - rect.left;
+      const containerH = rect.bottom - rect.top;
+      let relX = clientX - rect.left - left + 2;
+      let relY = clientY - rect.top - top + 2;
+      if (relX + this.menuWidth > containerW) {
+        relX = clientX - rect.left - this.menuWidth - left + 2;
+      }
+      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";
+      menu.classList.add("vue-simple-context-menu--active");
+    },
+    // 以 .kd-lane-chart-container 作为定位父元素（其 position 为 relative）
+    getContainer(menu) {
+      if (menu.closest) {
+        return menu.closest(".kd-lane-chart-container");
       }
-      if (this.menuHeight + event.pageY >= window.innerHeight) {
-        menu.style.top = event.pageY - this.menuHeight - top + 2 + "px";
-      } else {
-        menu.style.top = event.pageY - top + 2 + "px";
+      let el = menu.parentElement;
+      while (el) {
+        if (el.classList && el.classList.contains("kd-lane-chart-container")) {
+          return el;
+        }
+        el = el.parentElement;
       }
-      menu.classList.add("vue-simple-context-menu--active");
+      return null;
     },
     hideContextMenu() {
       const element = this.$refs.refUl;
@@ -419,7 +438,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-00600889"]]);
+const VueSimpleContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-35b025bb"]]);
 class CustomStrategy {
   constructor(strategy) {
     this.strategy = strategy;
@@ -1819,7 +1838,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_el_color_picker, {
               modelValue: $data.formData.lineColor,
               "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.formData.lineColor = $event),
-              disabled: $data.formData.isGradient,
+              disabled: $data.formData.isGradient || $props.formDisable,
               class: "kd-color-picker-wrapper",
               "popper-class": "kd-color-picker"
             }, null, 8, ["modelValue", "disabled"])
@@ -1836,7 +1855,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
               modelValue: $data.formData.lineType,
               "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.formData.lineType = $event),
               placeholder: "请选择",
-              disabled: $data.formData.isGradient,
+              disabled: $data.formData.isGradient || $props.formDisable,
               "popper-class": "kd-curve-2d-select-popup"
             }, {
               default: withCtx(() => [
@@ -1893,7 +1912,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const LineEdit = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-3405e8de"]]);
+const LineEdit = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-36fe0bb1"]]);
 const _sfc_main$9 = {
   inject: ["upsertTemplate", "setTargetData", "setExpanded"],
   props: {
@@ -3965,7 +3984,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-424f38c2"]]);
+const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-f37f9567"]]);
 const SLIDER_GROUP_ID = "depthSliderGroup";
 function pad2(n) {
   return n < 10 ? "0" + n : "" + n;