1

video-gen-admin/node_modules/@rc-component/util/lib/Dom/scrollLocker.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _getScrollBarSize = _interopRequireDefault(require("../getScrollBarSize"));
+var _setStyle = _interopRequireDefault(require("../setStyle"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+let uuid = 0;
+let locks = [];
+const scrollingEffectClassName = 'ant-scrolling-effect';
+const scrollingEffectClassNameReg = new RegExp(`${scrollingEffectClassName}`, 'g');
+
+// https://github.com/ant-design/ant-design/issues/19340
+// https://github.com/ant-design/ant-design/issues/19332
+const cacheStyle = new Map();
+class ScrollLocker {
+  lockTarget;
+  options;
+  constructor(options) {
+    // eslint-disable-next-line no-plusplus
+    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 lockTarget exist return
+    if (locks.some(({
+      target
+    }) => target === this.lockTarget)) {
+      return;
+    }
+
+    // If same container effect, 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 = (0, _getScrollBarSize.default)();
+      }
+    }
+    const containerClassName = container.className;
+    if (locks.filter(({
+      options
+    }) => options?.container === this.options?.container).length === 0) {
+      cacheStyle.set(container, (0, _setStyle.default)({
+        width: scrollBarSize !== 0 ? `calc(100% - ${scrollBarSize}px)` : undefined,
+        overflow: 'hidden',
+        overflowX: 'hidden',
+        overflowY: 'hidden'
+      }, {
+        element: container
+      }));
+    }
+
+    // https://github.com/ant-design/ant-design/issues/19729
+    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;
+    }
+
+    // Remove Effect
+    const container = this.options?.container || document.body;
+    const containerClassName = container.className;
+    if (!scrollingEffectClassNameReg.test(containerClassName)) return;
+    (0, _setStyle.default)(cacheStyle.get(container), {
+      element: container
+    });
+    cacheStyle.delete(container);
+    container.className = container.className.replace(scrollingEffectClassNameReg, '').trim();
+  };
+}
+exports.default = ScrollLocker;