st-comp 0.0.163 → 0.0.164

package/es/Contextmenu.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),g=require("./_plugin-vue_export-helper-f246444f.cjs");const y={__name:"index",emits:["close","open"],setup(d,{emit:f}){const m=f,s=t.ref(),c=t.ref(),i=t.ref({x:0,y:0}),u=t.ref(!1),p=t.computed(()=>({display:u.value?"block":"none",top:`${i.value.y}px`,left:`${i.value.x}px`})),r=()=>{u.value=!1,m("close"),document.removeEventListener("click",r)},v=e=>{var n;(n=c.value)!=null&&n.contains(e.relatedTarget)||r()},x=async e=>{if(e.preventDefault(),u.value&&c.value){const a=c.value.getBoundingClientRect();if(e.clientX>=a.left&&e.clientX<=a.right&&e.clientY>=a.top&&e.clientY<=a.bottom)return}const n=s.value.getBoundingClientRect();let o=e.clientX-n.left,l=e.clientY-n.top;i.value={x:o,y:l},u.value=!0,m("open"),await t.nextTick(),_(),document.addEventListener("click",r)},_=()=>{if(!c.value||!s.value)return;const e=s.value.getBoundingClientRect(),n=c.value.getBoundingClientRect();let{x:o,y:l}=i.value;o+n.width>e.width&&(o=Math.max(0,o-n.width)),l+n.height>e.height&&(l=Math.max(0,l-n.height)),o<0&&(o=0),l<0&&(l=0),i.value={x:o,y:l}};return(e,n)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"contextmenuRef",ref:s,class:"contextmenu",onMouseleave:v,onContextmenu:x},[t.renderSlot(e.$slots,"default",{},void 0,!0),u.value?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"contextmenuContentRef",ref:c,class:"contextmenu-popover",style:t.normalizeStyle(p.value),onContextmenu:n[0]||(n[0]=t.withModifiers(()=>{},["stop"]))},[t.renderSlot(e.$slots,"popover",{},void 0,!0)],36)):t.createCommentVNode("",!0)],544))}},C=g._export_sfc(y,[["__scopeId","data-v-34926651"]]),h={install(d){d.component("st-contextmenu",C)}};module.exports=h;

package/es/Contextmenu.js

@@ -0,0 +1,60 @@
+import { ref as a, computed as h, openBlock as f, createElementBlock as p, renderSlot as v, normalizeStyle as R, withModifiers as k, createCommentVNode as M, nextTick as B } from "vue";
+import { _ as w } from "./_plugin-vue_export-helper-dad06003.js";
+const S = {
+  __name: "index",
+  emits: ["close", "open"],
+  setup(m, { emit: x }) {
+    const d = x, u = a(), l = a(), i = a({ x: 0, y: 0 }), c = a(!1), _ = h(() => ({
+      display: c.value ? "block" : "none",
+      top: `${i.value.y}px`,
+      left: `${i.value.x}px`
+    })), r = () => {
+      c.value = !1, d("close"), document.removeEventListener("click", r);
+    }, g = (e) => {
+      var t;
+      (t = l.value) != null && t.contains(e.relatedTarget) || r();
+    }, y = async (e) => {
+      if (e.preventDefault(), c.value && l.value) {
+        const s = l.value.getBoundingClientRect();
+        if (e.clientX >= s.left && e.clientX <= s.right && e.clientY >= s.top && e.clientY <= s.bottom)
+          return;
+      }
+      const t = u.value.getBoundingClientRect();
+      let n = e.clientX - t.left, o = e.clientY - t.top;
+      i.value = { x: n, y: o }, c.value = !0, d("open"), await B(), C(), document.addEventListener("click", r);
+    }, C = () => {
+      if (!l.value || !u.value)
+        return;
+      const e = u.value.getBoundingClientRect(), t = l.value.getBoundingClientRect();
+      let { x: n, y: o } = i.value;
+      n + t.width > e.width && (n = Math.max(0, n - t.width)), o + t.height > e.height && (o = Math.max(0, o - t.height)), n < 0 && (n = 0), o < 0 && (o = 0), i.value = { x: n, y: o };
+    };
+    return (e, t) => (f(), p("div", {
+      ref_key: "contextmenuRef",
+      ref: u,
+      class: "contextmenu",
+      onMouseleave: g,
+      onContextmenu: y
+    }, [
+      v(e.$slots, "default", {}, void 0, !0),
+      c.value ? (f(), p("div", {
+        key: 0,
+        ref_key: "contextmenuContentRef",
+        ref: l,
+        class: "contextmenu-popover",
+        style: R(_.value),
+        onContextmenu: t[0] || (t[0] = k(() => {
+        }, ["stop"]))
+      }, [
+        v(e.$slots, "popover", {}, void 0, !0)
+      ], 36)) : M("", !0)
+    ], 544));
+  }
+}, $ = /* @__PURE__ */ w(S, [["__scopeId", "data-v-34926651"]]), X = {
+  install(m) {
+    m.component("st-contextmenu", $);
+  }
+};
+export {
+  X as default
+};