prlg-ui 1.8.49 → 1.8.51

package/dist/eventBus.util-DiVNAdhW.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("vue");class m{scrollY=0;lockCount=0;preventTouch=e=>{const t=e.target.closest(".modal-scrollable, .scrollable");if(!t){e.preventDefault();return}const{scrollTop:o,scrollHeight:s,clientHeight:c}=t;if(!(s>c)){e.preventDefault();return}const y=e.startY||e.touches[0].clientY,f=e.touches[0].clientY,u=y-f;(o<=0&&u<0||o>=s-c&&u>0)&&e.preventDefault()};preventWheel=e=>{const t=e.target.closest(".modal-scrollable, .scrollable");if(!t){e.preventDefault();return}const{scrollTop:o,scrollHeight:s,clientHeight:c}=t;if(!(s>c)){e.preventDefault();return}(o<=0&&e.deltaY<0||o>=s-c&&e.deltaY>0)&&e.preventDefault()};handleTouchStart=e=>{e.startY=e.touches[0].clientY};preventKeys=e=>{[32,33,34,35,36,37,38,39,40].includes(e.keyCode)&&(e.target.closest(".modal-scrollable, .scrollable")||e.preventDefault())};lock(){if(this.lockCount++,this.lockCount===1){console.log(this.lockCount),this.scrollY=window.scrollY,document.body.style.position="fixed",document.body.style.top=`-${this.scrollY}px`,document.body.style.left="0",document.body.style.right="0",document.body.style.width="100%",document.body.style.overflow="hidden";const e={passive:!1};document.addEventListener("touchstart",this.handleTouchStart,e),document.addEventListener("touchmove",this.preventTouch,e),document.addEventListener("wheel",this.preventWheel,e),document.addEventListener("keydown",this.preventKeys)}}unlock(){if(this.lockCount>0&&this.lockCount--,this.lockCount===0){document.body.style.position="",document.body.style.top="",document.body.style.left="",document.body.style.right="",document.body.style.width="",document.body.style.overflow="",window.scrollTo(0,this.scrollY);const e={passive:!1};document.removeEventListener("touchstart",this.handleTouchStart,e),document.removeEventListener("touchmove",this.preventTouch,e),document.removeEventListener("wheel",this.preventWheel,e),document.removeEventListener("keydown",this.preventKeys)}}forceUnlock(){this.lockCount=0,this.unlock()}isLocked(){return this.lockCount>0}getLockCount(){return this.lockCount}}const i=new m,p=()=>({unlockScroll:()=>i.unlock(),lockScroll:()=>i.lock()}),d={BASE:1e3,DROPDOWN:1010,STICKY:1020,DRAWER:1030,TOOLTIP:1040,POPOVER:1050,MODAL:1060,NOTIFICATION:1070,DEBUG:9999},v=Symbol("z-index-context");let a=d.BASE;function b(){const l=n.inject(v,null);return l||{currentLayer:n.ref(a),getNextLayer:()=>(a+=10,a)}}const k=["data-layer"],g=n.defineComponent({__name:"Portal",props:{layer:{default:"BASE"},teleport:{type:Boolean,default:!0},target:{default:"body"},zIndex:{},show:{type:Boolean,default:!0}},setup(l){const e=l,{getNextLayer:r}=b(),t=n.computed(()=>e.zIndex?e.zIndex:e.layer&&e.layer!=="BASE"?d[e.layer]:r());return(o,s)=>o.show?(n.openBlock(),n.createBlock(n.Teleport,{key:0,to:o.target,disabled:!o.teleport},[n.createElementVNode("div",{style:n.normalizeStyle({zIndex:t.value,position:"relative"}),"data-layer":o.layer},[n.renderSlot(o.$slots,"default")],12,k)],8,["to","disabled"])):n.createCommentVNode("",!0)}});function E(){const l=new Map;return{on(e,r){const t=l.get(e)||[];t.push(r),l.set(e,t)},off(e,r){const t=l.get(e);t&&l.set(e,t.filter(o=>o!==r))},emit(e,r){const t=l.get(e);t&&t.forEach(o=>o(r))},clear(){l.clear()}}}exports.EventBus=E;exports._sfc_main=g;exports.useBodyScroll=p;

package/dist/eventBus.util-SHeL5Xdk.js

@@ -0,0 +1,143 @@
+import { inject as f, ref as m, defineComponent as p, computed as v, createBlock as b, createCommentVNode as k, openBlock as g, Teleport as E, createElementVNode as S, normalizeStyle as C, renderSlot as L } from "vue";
+class T {
+  scrollY = 0;
+  lockCount = 0;
+  // Счетчик вложенных модальных окон
+  preventTouch = (e) => {
+    const t = e.target.closest(".modal-scrollable, .scrollable");
+    if (!t) {
+      e.preventDefault();
+      return;
+    }
+    const { scrollTop: o, scrollHeight: r, clientHeight: s } = t;
+    if (!(r > s)) {
+      e.preventDefault();
+      return;
+    }
+    const h = e.startY || e.touches[0].clientY, y = e.touches[0].clientY, a = h - y;
+    (o <= 0 && a < 0 || o >= r - s && a > 0) && e.preventDefault();
+  };
+  preventWheel = (e) => {
+    const t = e.target.closest(".modal-scrollable, .scrollable");
+    if (!t) {
+      e.preventDefault();
+      return;
+    }
+    const { scrollTop: o, scrollHeight: r, clientHeight: s } = t;
+    if (!(r > s)) {
+      e.preventDefault();
+      return;
+    }
+    (o <= 0 && e.deltaY < 0 || o >= r - s && e.deltaY > 0) && e.preventDefault();
+  };
+  handleTouchStart = (e) => {
+    e.startY = e.touches[0].clientY;
+  };
+  preventKeys = (e) => {
+    [32, 33, 34, 35, 36, 37, 38, 39, 40].includes(e.keyCode) && (e.target.closest(".modal-scrollable, .scrollable") || e.preventDefault());
+  };
+  lock() {
+    if (this.lockCount++, this.lockCount === 1) {
+      console.log(this.lockCount), this.scrollY = window.scrollY, document.body.style.position = "fixed", document.body.style.top = `-${this.scrollY}px`, document.body.style.left = "0", document.body.style.right = "0", document.body.style.width = "100%", document.body.style.overflow = "hidden";
+      const e = { passive: !1 };
+      document.addEventListener("touchstart", this.handleTouchStart, e), document.addEventListener("touchmove", this.preventTouch, e), document.addEventListener("wheel", this.preventWheel, e), document.addEventListener("keydown", this.preventKeys);
+    }
+  }
+  unlock() {
+    if (this.lockCount > 0 && this.lockCount--, this.lockCount === 0) {
+      document.body.style.position = "", document.body.style.top = "", document.body.style.left = "", document.body.style.right = "", document.body.style.width = "", document.body.style.overflow = "", window.scrollTo(0, this.scrollY);
+      const e = { passive: !1 };
+      document.removeEventListener("touchstart", this.handleTouchStart, e), document.removeEventListener("touchmove", this.preventTouch, e), document.removeEventListener("wheel", this.preventWheel, e), document.removeEventListener("keydown", this.preventKeys);
+    }
+  }
+  // Метод для принудительной разблокировки (например, при ошибке)
+  forceUnlock() {
+    this.lockCount = 0, this.unlock();
+  }
+  // Метод для получения текущего состояния
+  isLocked() {
+    return this.lockCount > 0;
+  }
+  // Метод для получения количества активных блокировок
+  getLockCount() {
+    return this.lockCount;
+  }
+}
+const u = new T(), B = () => ({
+  unlockScroll: () => u.unlock(),
+  lockScroll: () => u.lock()
+}), i = {
+  BASE: 1e3,
+  DROPDOWN: 1010,
+  STICKY: 1020,
+  DRAWER: 1030,
+  TOOLTIP: 1040,
+  POPOVER: 1050,
+  MODAL: 1060,
+  NOTIFICATION: 1070,
+  DEBUG: 9999
+}, w = Symbol("z-index-context");
+let c = i.BASE;
+function D() {
+  const l = f(w, null);
+  return l || {
+    currentLayer: m(c),
+    getNextLayer: () => (c += 10, c)
+  };
+}
+const Y = ["data-layer"], x = /* @__PURE__ */ p({
+  __name: "Portal",
+  props: {
+    layer: { default: "BASE" },
+    teleport: { type: Boolean, default: !0 },
+    target: { default: "body" },
+    zIndex: {},
+    show: { type: Boolean, default: !0 }
+  },
+  setup(l) {
+    const e = l, { getNextLayer: n } = D(), t = v(() => e.zIndex ? e.zIndex : e.layer && e.layer !== "BASE" ? i[e.layer] : n());
+    return (o, r) => o.show ? (g(), b(E, {
+      key: 0,
+      to: o.target,
+      disabled: !o.teleport
+    }, [
+      S("div", {
+        style: C({
+          zIndex: t.value,
+          position: "relative"
+        }),
+        "data-layer": o.layer
+      }, [
+        L(o.$slots, "default")
+      ], 12, Y)
+    ], 8, ["to", "disabled"])) : k("", !0);
+  }
+});
+function N() {
+  const l = /* @__PURE__ */ new Map();
+  return {
+    on(e, n) {
+      const t = l.get(e) || [];
+      t.push(n), l.set(e, t);
+    },
+    off(e, n) {
+      const t = l.get(e);
+      t && l.set(
+        e,
+        t.filter((o) => o !== n)
+      );
+    },
+    emit(e, n) {
+      const t = l.get(e);
+      t && t.forEach((o) => o(n));
+    },
+    clear() {
+      l.clear();
+    }
+  };
+}
+export {
+  N as E,
+  x as _,
+  B as u
+};