@v-c/util 0.0.12 → 0.0.13

package/dist/Dom/dynamicCSS.js

@@ -1,77 +1,110 @@
-import N from "./canUseDom.js";
-import b from "./contains.js";
-const h = "data-vc-order", p = "data-vc-priority", E = "vc-util-key", s = /* @__PURE__ */ new Map();
-function m({ mark: e } = {}) {
-  return e ? e.startsWith("data-") ? e : `data-${e}` : E;
+import canUseDom from "./canUseDom.js";
+import contains from "./contains.js";
+const APPEND_ORDER = "data-vc-order";
+const APPEND_PRIORITY = "data-vc-priority";
+const MARK_KEY = `vc-util-key`;
+const containerCache = /* @__PURE__ */ new Map();
+function getMark({ mark } = {}) {
+  if (mark)
+    return mark.startsWith("data-") ? mark : `data-${mark}`;
+  return MARK_KEY;
 }
-function d(e) {
-  return e.attachTo ? e.attachTo : document.querySelector("head") || document.body;
+function getContainer(option) {
+  if (option.attachTo)
+    return option.attachTo;
+  const head = document.querySelector("head");
+  return head || document.body;
 }
-function P(e) {
-  return e === "queue" ? "prependQueue" : e ? "prepend" : "append";
+function getOrder(prepend) {
+  if (prepend === "queue")
+    return "prependQueue";
+  return prepend ? "prepend" : "append";
 }
-function g(e) {
+function findStyles(container) {
   return Array.from(
-    (s.get(e) || e).children
-  ).filter((n) => n.tagName === "STYLE");
+    (containerCache.get(container) || container).children
+  ).filter((node) => node.tagName === "STYLE");
 }
-function C(e, n = {}) {
-  if (!N())
+function injectCSS(css, option = {}) {
+  if (!canUseDom())
     return null;
-  const { csp: t, prepend: c, priority: r = 0 } = n, o = P(c), f = o === "prependQueue", i = document.createElement("style");
-  i.setAttribute(h, o), f && r && i.setAttribute(p, `${r}`), t?.nonce && (i.nonce = t?.nonce), i.innerHTML = e;
-  const u = d(n), { firstChild: S } = u;
-  if (c) {
-    if (f) {
-      const a = g(u).filter((l) => {
-        if (!["prepend", "prependQueue"].includes(l.getAttribute(h)))
-          return !1;
-        const A = Number(l.getAttribute(p) || 0);
-        return r >= A;
+  const { csp, prepend, priority = 0 } = option;
+  const mergedOrder = getOrder(prepend);
+  const isPrependQueue = mergedOrder === "prependQueue";
+  const styleNode = document.createElement("style");
+  styleNode.setAttribute(APPEND_ORDER, mergedOrder);
+  if (isPrependQueue && priority)
+    styleNode.setAttribute(APPEND_PRIORITY, `${priority}`);
+  if (csp?.nonce)
+    styleNode.nonce = csp?.nonce;
+  styleNode.innerHTML = css;
+  const container = getContainer(option);
+  const { firstChild } = container;
+  if (prepend) {
+    if (isPrependQueue) {
+      const existStyle = findStyles(container).filter((node) => {
+        if (!["prepend", "prependQueue"].includes(node.getAttribute(APPEND_ORDER)))
+          return false;
+        const nodePriority = Number(node.getAttribute(APPEND_PRIORITY) || 0);
+        return priority >= nodePriority;
       });
-      if (a.length)
-        return u.insertBefore(
-          i,
-          a[a.length - 1].nextSibling
-        ), i;
+      if (existStyle.length) {
+        container.insertBefore(
+          styleNode,
+          existStyle[existStyle.length - 1].nextSibling
+        );
+        return styleNode;
+      }
     }
-    u.insertBefore(i, S);
-  } else
-    u.appendChild(i);
-  return i;
+    container.insertBefore(styleNode, firstChild);
+  } else {
+    container.appendChild(styleNode);
+  }
+  return styleNode;
 }
-function y(e, n = {}) {
-  const t = d(n);
-  return g(t).find(
-    (c) => c.getAttribute(m(n)) === e
+function findExistNode(key, option = {}) {
+  const container = getContainer(option);
+  return findStyles(container).find(
+    (node) => node.getAttribute(getMark(option)) === key
   );
 }
-function x(e, n = {}) {
-  const t = y(e, n);
-  t && d(n).removeChild(t);
+function removeCSS(key, option = {}) {
+  const existNode = findExistNode(key, option);
+  if (existNode) {
+    const container = getContainer(option);
+    container.removeChild(existNode);
+  }
 }
-function R(e, n) {
-  const t = s.get(e);
-  if (!t || !b(document, t)) {
-    const c = C("", n), { parentNode: r } = c;
-    s.set(e, r), e.removeChild(c);
+function syncRealContainer(container, option) {
+  const cachedRealContainer = containerCache.get(container);
+  if (!cachedRealContainer || !contains(document, cachedRealContainer)) {
+    const placeholderStyle = injectCSS("", option);
+    const { parentNode } = placeholderStyle;
+    containerCache.set(container, parentNode);
+    container.removeChild(placeholderStyle);
   }
 }
-function M() {
-  s.clear();
+function clearContainerCache() {
+  containerCache.clear();
 }
-function D(e, n, t = {}) {
-  const c = d(t);
-  R(c, t);
-  const r = y(n, t);
-  if (r)
-    return t.csp?.nonce && r.nonce !== t.csp?.nonce && (r.nonce = t.csp?.nonce), r.innerHTML !== e && (r.innerHTML = e), r;
-  const o = C(e, t);
-  return o.setAttribute(m(t), n), o;
+function updateCSS(css, key, option = {}) {
+  const container = getContainer(option);
+  syncRealContainer(container, option);
+  const existNode = findExistNode(key, option);
+  if (existNode) {
+    if (option.csp?.nonce && existNode.nonce !== option.csp?.nonce)
+      existNode.nonce = option.csp?.nonce;
+    if (existNode.innerHTML !== css)
+      existNode.innerHTML = css;
+    return existNode;
+  }
+  const newNode = injectCSS(css, option);
+  newNode.setAttribute(getMark(option), key);
+  return newNode;
 }
 export {
-  M as clearContainerCache,
-  C as injectCSS,
-  x as removeCSS,
-  D as updateCSS
+  clearContainerCache,
+  injectCSS,
+  removeCSS,
+  updateCSS
 };

package/dist/Dom/findDOMNode.cjs

@@ -1 +1,16 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue");function t(n){return n instanceof HTMLElement||n instanceof SVGElement}function r(n){const e=u.unref(n);return t(e)?e:e&&"$el"in e?e.$el:null}exports.default=r;exports.isDOM=t;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+function isDOM(node) {
+  return node instanceof HTMLElement || node instanceof SVGElement;
+}
+function findDOMNode(_node) {
+  const node = vue.unref(_node);
+  if (isDOM(node))
+    return node;
+  else if (node && "$el" in node)
+    return node.$el;
+  return null;
+}
+exports.default = findDOMNode;
+exports.isDOM = isDOM;

package/dist/Dom/findDOMNode.js

@@ -1,12 +1,16 @@
-import { unref as t } from "vue";
-function r(e) {
-  return e instanceof HTMLElement || e instanceof SVGElement;
+import { unref } from "vue";
+function isDOM(node) {
+  return node instanceof HTMLElement || node instanceof SVGElement;
 }
-function i(e) {
-  const n = t(e);
-  return r(n) ? n : n && "$el" in n ? n.$el : null;
+function findDOMNode(_node) {
+  const node = unref(_node);
+  if (isDOM(node))
+    return node;
+  else if (node && "$el" in node)
+    return node.$el;
+  return null;
 }
 export {
-  i as default,
-  r as isDOM
+  findDOMNode as default,
+  isDOM
 };

package/dist/Dom/focus.cjs

@@ -1 +1,60 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./isVisible.cjs");function c(t,s=!1){if(r.default(t)){const e=t.nodeName.toLowerCase(),n=["input","select","textarea","button"].includes(e)||t.isContentEditable||e==="a"&&!!t.getAttribute("href"),u=t.getAttribute("tabindex"),o=Number(u);let a=null;return u&&!Number.isNaN(o)?a=o:n&&a===null&&(a=0),n&&t.disabled&&(a=null),a!==null&&(a>=0||s&&a<0)}return!1}function i(t,s=!1){const e=[...t.querySelectorAll("*")].filter(n=>c(n,s));return c(t,s)&&e.unshift(t),e}let l=null;function f(){l=document.activeElement}function b(){l=null}function d(){if(l)try{l.focus()}catch{}}function N(t,s){if(s.keyCode===9){const e=i(t);(e[s.shiftKey?0:e.length-1]===document.activeElement||t===document.activeElement)&&(e[s.shiftKey?e.length-1:0].focus(),s.preventDefault())}}exports.backLastFocusNode=d;exports.clearLastFocusNode=b;exports.getFocusNodeList=i;exports.limitTabRange=N;exports.saveLastFocusNode=f;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isVisible = require("./isVisible.cjs");
+function focusable(node, includePositive = false) {
+  if (isVisible.default(node)) {
+    const nodeName = node.nodeName.toLowerCase();
+    const isFocusableElement = ["input", "select", "textarea", "button"].includes(nodeName) || node.isContentEditable || nodeName === "a" && !!node.getAttribute("href");
+    const tabIndexAttr = node.getAttribute("tabindex");
+    const tabIndexNum = Number(tabIndexAttr);
+    let tabIndex = null;
+    if (tabIndexAttr && !Number.isNaN(tabIndexNum))
+      tabIndex = tabIndexNum;
+    else if (isFocusableElement && tabIndex === null)
+      tabIndex = 0;
+    if (isFocusableElement && node.disabled)
+      tabIndex = null;
+    return tabIndex !== null && (tabIndex >= 0 || includePositive && tabIndex < 0);
+  }
+  return false;
+}
+function getFocusNodeList(node, includePositive = false) {
+  const res = [...node.querySelectorAll("*")].filter((child) => {
+    return focusable(child, includePositive);
+  });
+  if (focusable(node, includePositive))
+    res.unshift(node);
+  return res;
+}
+let lastFocusElement = null;
+function saveLastFocusNode() {
+  lastFocusElement = document.activeElement;
+}
+function clearLastFocusNode() {
+  lastFocusElement = null;
+}
+function backLastFocusNode() {
+  if (lastFocusElement) {
+    try {
+      lastFocusElement.focus();
+    } catch (_e) {
+    }
+  }
+}
+function limitTabRange(node, e) {
+  if (e.keyCode === 9) {
+    const tabNodeList = getFocusNodeList(node);
+    const lastTabNode = tabNodeList[e.shiftKey ? 0 : tabNodeList.length - 1];
+    const leavingTab = lastTabNode === document.activeElement || node === document.activeElement;
+    if (leavingTab) {
+      const target = tabNodeList[e.shiftKey ? tabNodeList.length - 1 : 0];
+      target.focus();
+      e.preventDefault();
+    }
+  }
+}
+exports.backLastFocusNode = backLastFocusNode;
+exports.clearLastFocusNode = clearLastFocusNode;
+exports.getFocusNodeList = getFocusNodeList;
+exports.limitTabRange = limitTabRange;
+exports.saveLastFocusNode = saveLastFocusNode;

package/dist/Dom/focus.js

@@ -1,40 +1,60 @@
-import o from "./isVisible.js";
-function c(t, n = !1) {
-  if (o(t)) {
-    const e = t.nodeName.toLowerCase(), l = ["input", "select", "textarea", "button"].includes(e) || t.isContentEditable || e === "a" && !!t.getAttribute("href"), i = t.getAttribute("tabindex"), u = Number(i);
-    let a = null;
-    return i && !Number.isNaN(u) ? a = u : l && a === null && (a = 0), l && t.disabled && (a = null), a !== null && (a >= 0 || n && a < 0);
+import isVisible from "./isVisible.js";
+function focusable(node, includePositive = false) {
+  if (isVisible(node)) {
+    const nodeName = node.nodeName.toLowerCase();
+    const isFocusableElement = ["input", "select", "textarea", "button"].includes(nodeName) || node.isContentEditable || nodeName === "a" && !!node.getAttribute("href");
+    const tabIndexAttr = node.getAttribute("tabindex");
+    const tabIndexNum = Number(tabIndexAttr);
+    let tabIndex = null;
+    if (tabIndexAttr && !Number.isNaN(tabIndexNum))
+      tabIndex = tabIndexNum;
+    else if (isFocusableElement && tabIndex === null)
+      tabIndex = 0;
+    if (isFocusableElement && node.disabled)
+      tabIndex = null;
+    return tabIndex !== null && (tabIndex >= 0 || includePositive && tabIndex < 0);
   }
-  return !1;
+  return false;
 }
-function r(t, n = !1) {
-  const e = [...t.querySelectorAll("*")].filter((l) => c(l, n));
-  return c(t, n) && e.unshift(t), e;
+function getFocusNodeList(node, includePositive = false) {
+  const res = [...node.querySelectorAll("*")].filter((child) => {
+    return focusable(child, includePositive);
+  });
+  if (focusable(node, includePositive))
+    res.unshift(node);
+  return res;
 }
-let s = null;
-function b() {
-  s = document.activeElement;
+let lastFocusElement = null;
+function saveLastFocusNode() {
+  lastFocusElement = document.activeElement;
 }
-function m() {
-  s = null;
+function clearLastFocusNode() {
+  lastFocusElement = null;
 }
-function N() {
-  if (s)
+function backLastFocusNode() {
+  if (lastFocusElement) {
     try {
-      s.focus();
-    } catch {
+      lastFocusElement.focus();
+    } catch (_e) {
     }
+  }
 }
-function d(t, n) {
-  if (n.keyCode === 9) {
-    const e = r(t);
-    (e[n.shiftKey ? 0 : e.length - 1] === document.activeElement || t === document.activeElement) && (e[n.shiftKey ? e.length - 1 : 0].focus(), n.preventDefault());
+function limitTabRange(node, e) {
+  if (e.keyCode === 9) {
+    const tabNodeList = getFocusNodeList(node);
+    const lastTabNode = tabNodeList[e.shiftKey ? 0 : tabNodeList.length - 1];
+    const leavingTab = lastTabNode === document.activeElement || node === document.activeElement;
+    if (leavingTab) {
+      const target = tabNodeList[e.shiftKey ? tabNodeList.length - 1 : 0];
+      target.focus();
+      e.preventDefault();
+    }
   }
 }
 export {
-  N as backLastFocusNode,
-  m as clearLastFocusNode,
-  r as getFocusNodeList,
-  d as limitTabRange,
-  b as saveLastFocusNode
+  backLastFocusNode,
+  clearLastFocusNode,
+  getFocusNodeList,
+  limitTabRange,
+  saveLastFocusNode
 };

package/dist/Dom/isVisible.cjs

@@ -1 +1,22 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=t=>{if(!t)return!1;if(t instanceof Element){if(t.offsetParent)return!0;if(t.getBBox){const{width:i,height:e}=t.getBBox();if(i||e)return!0}if(t.getBoundingClientRect){const{width:i,height:e}=t.getBoundingClientRect();if(i||e)return!0}}return!1};exports.default=r;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const isVisible = (element) => {
+  if (!element)
+    return false;
+  if (element instanceof Element) {
+    if (element.offsetParent)
+      return true;
+    if (element.getBBox) {
+      const { width, height } = element.getBBox();
+      if (width || height)
+        return true;
+    }
+    if (element.getBoundingClientRect) {
+      const { width, height } = element.getBoundingClientRect();
+      if (width || height)
+        return true;
+    }
+  }
+  return false;
+};
+exports.default = isVisible;

package/dist/Dom/isVisible.js

@@ -1,22 +1,22 @@
-const f = (t) => {
-  if (!t)
-    return !1;
-  if (t instanceof Element) {
-    if (t.offsetParent)
-      return !0;
-    if (t.getBBox) {
-      const { width: i, height: r } = t.getBBox();
-      if (i || r)
-        return !0;
+const isVisible = (element) => {
+  if (!element)
+    return false;
+  if (element instanceof Element) {
+    if (element.offsetParent)
+      return true;
+    if (element.getBBox) {
+      const { width, height } = element.getBBox();
+      if (width || height)
+        return true;
     }
-    if (t.getBoundingClientRect) {
-      const { width: i, height: r } = t.getBoundingClientRect();
-      if (i || r)
-        return !0;
+    if (element.getBoundingClientRect) {
+      const { width, height } = element.getBoundingClientRect();
+      if (width || height)
+        return true;
     }
   }
-  return !1;
+  return false;
 };
 export {
-  f as default
+  isVisible as default
 };

package/dist/Dom/scrollLocker.cjs

@@ -1 +1,89 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../getScrollBarSize.cjs"),l=require("../setStyle.cjs");let d=0,o=[];const r="ant-scrolling-effect",s=new RegExp(`${r}`,"g"),c=new Map;class f{lockTarget;options;constructor(n){this.lockTarget=d++,this.options=n}getContainer=()=>this.options?.container;reLock=n=>{const t=o.find(({target:i})=>i===this.lockTarget);t&&this.unLock(),this.options=n,t&&(t.options=n,this.lock())};lock=()=>{if(o.some(({target:e})=>e===this.lockTarget))return;if(o.some(({options:e})=>e?.container===this.options?.container)){o=[...o,{target:this.lockTarget,options:this.options}];return}let n=0;const t=this.options?.container||document.body;(t===document.body&&window.innerWidth-document.documentElement.clientWidth>0||t.scrollHeight>t.clientHeight)&&getComputedStyle(t).overflow!=="hidden"&&(n=a.default());const i=t.className;if(o.filter(({options:e})=>e?.container===this.options?.container).length===0&&c.set(t,l.default({width:n!==0?`calc(100% - ${n}px)`:void 0,overflow:"hidden",overflowX:"hidden",overflowY:"hidden"},{element:t})),!s.test(i)){const e=`${i} ${r}`;t.className=e.trim()}o=[...o,{target:this.lockTarget,options:this.options}]};unLock=()=>{const n=o.find(({target:e})=>e===this.lockTarget);if(o=o.filter(({target:e})=>e!==this.lockTarget),!n||o.some(({options:e})=>e?.container===n.options?.container))return;const t=this.options?.container||document.body,i=t.className;s.test(i)&&(l.default(c.get(t),{element:t}),c.delete(t),t.className=t.className.replace(s,"").trim())}}exports.default=f;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const getScrollBarSize = require("../getScrollBarSize.cjs");
+const setStyle = require("../setStyle.cjs");
+let uuid = 0;
+let locks = [];
+const scrollingEffectClassName = "ant-scrolling-effect";
+const scrollingEffectClassNameReg = new RegExp(
+  `${scrollingEffectClassName}`,
+  "g"
+);
+const cacheStyle = /* @__PURE__ */ new Map();
+class ScrollLocker {
+  lockTarget;
+  options;
+  constructor(options) {
+    this.lockTarget = uuid++;
+    this.options = options;
+  }
+  getContainer = () => {
+    return this.options?.container;
+  };
+  // if options change...
+  reLock = (options) => {
+    const findLock = locks.find(({ target }) => target === this.lockTarget);
+    if (findLock)
+      this.unLock();
+    this.options = options;
+    if (findLock) {
+      findLock.options = options;
+      this.lock();
+    }
+  };
+  lock = () => {
+    if (locks.some(({ target }) => target === this.lockTarget))
+      return;
+    if (locks.some(
+      ({ options }) => options?.container === this.options?.container
+    )) {
+      locks = [...locks, { target: this.lockTarget, options: this.options }];
+      return;
+    }
+    let scrollBarSize = 0;
+    const container = this.options?.container || document.body;
+    if (container === document.body && window.innerWidth - document.documentElement.clientWidth > 0 || container.scrollHeight > container.clientHeight) {
+      if (getComputedStyle(container).overflow !== "hidden")
+        scrollBarSize = getScrollBarSize.default();
+    }
+    const containerClassName = container.className;
+    if (locks.filter(
+      ({ options }) => options?.container === this.options?.container
+    ).length === 0) {
+      cacheStyle.set(
+        container,
+        setStyle.default(
+          {
+            width: scrollBarSize !== 0 ? `calc(100% - ${scrollBarSize}px)` : void 0,
+            overflow: "hidden",
+            overflowX: "hidden",
+            overflowY: "hidden"
+          },
+          { element: container }
+        )
+      );
+    }
+    if (!scrollingEffectClassNameReg.test(containerClassName)) {
+      const addClassName = `${containerClassName} ${scrollingEffectClassName}`;
+      container.className = addClassName.trim();
+    }
+    locks = [...locks, { target: this.lockTarget, options: this.options }];
+  };
+  unLock = () => {
+    const findLock = locks.find(({ target }) => target === this.lockTarget);
+    locks = locks.filter(({ target }) => target !== this.lockTarget);
+    if (!findLock || locks.some(
+      ({ options }) => options?.container === findLock.options?.container
+    )) {
+      return;
+    }
+    const container = this.options?.container || document.body;
+    const containerClassName = container.className;
+    if (!scrollingEffectClassNameReg.test(containerClassName))
+      return;
+    setStyle.default(cacheStyle.get(container), { element: container });
+    cacheStyle.delete(container);
+    container.className = container.className.replace(scrollingEffectClassNameReg, "").trim();
+  };
+}
+exports.default = ScrollLocker;

package/dist/Dom/scrollLocker.js

@@ -1,64 +1,89 @@
-import a from "../getScrollBarSize.js";
-import r from "../setStyle.js";
-let d = 0, o = [];
-const l = "ant-scrolling-effect", s = new RegExp(
-  `${l}`,
+import getScrollBarSize from "../getScrollBarSize.js";
+import setStyle from "../setStyle.js";
+let uuid = 0;
+let locks = [];
+const scrollingEffectClassName = "ant-scrolling-effect";
+const scrollingEffectClassNameReg = new RegExp(
+  `${scrollingEffectClassName}`,
   "g"
-), c = /* @__PURE__ */ new Map();
-class g {
+);
+const cacheStyle = /* @__PURE__ */ new Map();
+class ScrollLocker {
   lockTarget;
   options;
-  constructor(n) {
-    this.lockTarget = d++, this.options = n;
+  constructor(options) {
+    this.lockTarget = uuid++;
+    this.options = options;
   }
-  getContainer = () => this.options?.container;
+  getContainer = () => {
+    return this.options?.container;
+  };
   // if options change...
-  reLock = (n) => {
-    const t = o.find(({ target: i }) => i === this.lockTarget);
-    t && this.unLock(), this.options = n, t && (t.options = n, this.lock());
+  reLock = (options) => {
+    const findLock = locks.find(({ target }) => target === this.lockTarget);
+    if (findLock)
+      this.unLock();
+    this.options = options;
+    if (findLock) {
+      findLock.options = options;
+      this.lock();
+    }
   };
   lock = () => {
-    if (o.some(({ target: e }) => e === this.lockTarget))
+    if (locks.some(({ target }) => target === this.lockTarget))
       return;
-    if (o.some(
-      ({ options: e }) => e?.container === this.options?.container
+    if (locks.some(
+      ({ options }) => options?.container === this.options?.container
     )) {
-      o = [...o, { target: this.lockTarget, options: this.options }];
+      locks = [...locks, { target: this.lockTarget, options: this.options }];
       return;
     }
-    let n = 0;
-    const t = this.options?.container || document.body;
-    (t === document.body && window.innerWidth - document.documentElement.clientWidth > 0 || t.scrollHeight > t.clientHeight) && getComputedStyle(t).overflow !== "hidden" && (n = a());
-    const i = t.className;
-    if (o.filter(
-      ({ options: e }) => e?.container === this.options?.container
-    ).length === 0 && c.set(
-      t,
-      r(
-        {
-          width: n !== 0 ? `calc(100% - ${n}px)` : void 0,
-          overflow: "hidden",
-          overflowX: "hidden",
-          overflowY: "hidden"
-        },
-        { element: t }
-      )
-    ), !s.test(i)) {
-      const e = `${i} ${l}`;
-      t.className = e.trim();
+    let scrollBarSize = 0;
+    const container = this.options?.container || document.body;
+    if (container === document.body && window.innerWidth - document.documentElement.clientWidth > 0 || container.scrollHeight > container.clientHeight) {
+      if (getComputedStyle(container).overflow !== "hidden")
+        scrollBarSize = getScrollBarSize();
+    }
+    const containerClassName = container.className;
+    if (locks.filter(
+      ({ options }) => options?.container === this.options?.container
+    ).length === 0) {
+      cacheStyle.set(
+        container,
+        setStyle(
+          {
+            width: scrollBarSize !== 0 ? `calc(100% - ${scrollBarSize}px)` : void 0,
+            overflow: "hidden",
+            overflowX: "hidden",
+            overflowY: "hidden"
+          },
+          { element: container }
+        )
+      );
+    }
+    if (!scrollingEffectClassNameReg.test(containerClassName)) {
+      const addClassName = `${containerClassName} ${scrollingEffectClassName}`;
+      container.className = addClassName.trim();
     }
-    o = [...o, { target: this.lockTarget, options: this.options }];
+    locks = [...locks, { target: this.lockTarget, options: this.options }];
   };
   unLock = () => {
-    const n = o.find(({ target: e }) => e === this.lockTarget);
-    if (o = o.filter(({ target: e }) => e !== this.lockTarget), !n || o.some(
-      ({ options: e }) => e?.container === n.options?.container
-    ))
+    const findLock = locks.find(({ target }) => target === this.lockTarget);
+    locks = locks.filter(({ target }) => target !== this.lockTarget);
+    if (!findLock || locks.some(
+      ({ options }) => options?.container === findLock.options?.container
+    )) {
+      return;
+    }
+    const container = this.options?.container || document.body;
+    const containerClassName = container.className;
+    if (!scrollingEffectClassNameReg.test(containerClassName))
       return;
-    const t = this.options?.container || document.body, i = t.className;
-    s.test(i) && (r(c.get(t), { element: t }), c.delete(t), t.className = t.className.replace(s, "").trim());
+    setStyle(cacheStyle.get(container), { element: container });
+    cacheStyle.delete(container);
+    container.className = container.className.replace(scrollingEffectClassNameReg, "").trim();
   };
 }
 export {
-  g as default
+  ScrollLocker as default
 };