unis_crm/frontend1/node_modules/@rc-component/util/lib/Dom/scrollLocker.js

"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;