first commit
This commit is contained in:
126
frontend/node_modules/rc-util/es/Dom/scrollLocker.js
generated
vendored
Normal file
126
frontend/node_modules/rc-util/es/Dom/scrollLocker.js
generated
vendored
Normal file
@@ -0,0 +1,126 @@
|
||||
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
||||
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
||||
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
||||
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
||||
import getScrollBarSize from "../getScrollBarSize";
|
||||
import setStyle from "../setStyle";
|
||||
var uuid = 0;
|
||||
var locks = [];
|
||||
var scrollingEffectClassName = 'ant-scrolling-effect';
|
||||
var scrollingEffectClassNameReg = new RegExp("".concat(scrollingEffectClassName), 'g');
|
||||
|
||||
// https://github.com/ant-design/ant-design/issues/19340
|
||||
// https://github.com/ant-design/ant-design/issues/19332
|
||||
var cacheStyle = new Map();
|
||||
var ScrollLocker = /*#__PURE__*/_createClass(function ScrollLocker(_options) {
|
||||
var _this = this;
|
||||
_classCallCheck(this, ScrollLocker);
|
||||
_defineProperty(this, "lockTarget", void 0);
|
||||
_defineProperty(this, "options", void 0);
|
||||
_defineProperty(this, "getContainer", function () {
|
||||
var _this$options;
|
||||
return (_this$options = _this.options) === null || _this$options === void 0 ? void 0 : _this$options.container;
|
||||
});
|
||||
// if options change...
|
||||
_defineProperty(this, "reLock", function (options) {
|
||||
var findLock = locks.find(function (_ref) {
|
||||
var target = _ref.target;
|
||||
return target === _this.lockTarget;
|
||||
});
|
||||
if (findLock) {
|
||||
_this.unLock();
|
||||
}
|
||||
_this.options = options;
|
||||
if (findLock) {
|
||||
findLock.options = options;
|
||||
_this.lock();
|
||||
}
|
||||
});
|
||||
_defineProperty(this, "lock", function () {
|
||||
var _this$options3;
|
||||
// If lockTarget exist return
|
||||
if (locks.some(function (_ref2) {
|
||||
var target = _ref2.target;
|
||||
return target === _this.lockTarget;
|
||||
})) {
|
||||
return;
|
||||
}
|
||||
|
||||
// If same container effect, return
|
||||
if (locks.some(function (_ref3) {
|
||||
var _this$options2;
|
||||
var options = _ref3.options;
|
||||
return (options === null || options === void 0 ? void 0 : options.container) === ((_this$options2 = _this.options) === null || _this$options2 === void 0 ? void 0 : _this$options2.container);
|
||||
})) {
|
||||
locks = [].concat(_toConsumableArray(locks), [{
|
||||
target: _this.lockTarget,
|
||||
options: _this.options
|
||||
}]);
|
||||
return;
|
||||
}
|
||||
var scrollBarSize = 0;
|
||||
var container = ((_this$options3 = _this.options) === null || _this$options3 === void 0 ? void 0 : _this$options3.container) || document.body;
|
||||
if (container === document.body && window.innerWidth - document.documentElement.clientWidth > 0 || container.scrollHeight > container.clientHeight) {
|
||||
if (getComputedStyle(container).overflow !== 'hidden') {
|
||||
scrollBarSize = getScrollBarSize();
|
||||
}
|
||||
}
|
||||
var containerClassName = container.className;
|
||||
if (locks.filter(function (_ref4) {
|
||||
var _this$options4;
|
||||
var options = _ref4.options;
|
||||
return (options === null || options === void 0 ? void 0 : options.container) === ((_this$options4 = _this.options) === null || _this$options4 === void 0 ? void 0 : _this$options4.container);
|
||||
}).length === 0) {
|
||||
cacheStyle.set(container, setStyle({
|
||||
width: scrollBarSize !== 0 ? "calc(100% - ".concat(scrollBarSize, "px)") : undefined,
|
||||
overflow: 'hidden',
|
||||
overflowX: 'hidden',
|
||||
overflowY: 'hidden'
|
||||
}, {
|
||||
element: container
|
||||
}));
|
||||
}
|
||||
|
||||
// https://github.com/ant-design/ant-design/issues/19729
|
||||
if (!scrollingEffectClassNameReg.test(containerClassName)) {
|
||||
var addClassName = "".concat(containerClassName, " ").concat(scrollingEffectClassName);
|
||||
container.className = addClassName.trim();
|
||||
}
|
||||
locks = [].concat(_toConsumableArray(locks), [{
|
||||
target: _this.lockTarget,
|
||||
options: _this.options
|
||||
}]);
|
||||
});
|
||||
_defineProperty(this, "unLock", function () {
|
||||
var _this$options5;
|
||||
var findLock = locks.find(function (_ref5) {
|
||||
var target = _ref5.target;
|
||||
return target === _this.lockTarget;
|
||||
});
|
||||
locks = locks.filter(function (_ref6) {
|
||||
var target = _ref6.target;
|
||||
return target !== _this.lockTarget;
|
||||
});
|
||||
if (!findLock || locks.some(function (_ref7) {
|
||||
var _findLock$options;
|
||||
var options = _ref7.options;
|
||||
return (options === null || options === void 0 ? void 0 : options.container) === ((_findLock$options = findLock.options) === null || _findLock$options === void 0 ? void 0 : _findLock$options.container);
|
||||
})) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Remove Effect
|
||||
var container = ((_this$options5 = _this.options) === null || _this$options5 === void 0 ? void 0 : _this$options5.container) || document.body;
|
||||
var containerClassName = container.className;
|
||||
if (!scrollingEffectClassNameReg.test(containerClassName)) return;
|
||||
setStyle(cacheStyle.get(container), {
|
||||
element: container
|
||||
});
|
||||
cacheStyle.delete(container);
|
||||
container.className = container.className.replace(scrollingEffectClassNameReg, '').trim();
|
||||
});
|
||||
// eslint-disable-next-line no-plusplus
|
||||
this.lockTarget = uuid++;
|
||||
this.options = _options;
|
||||
});
|
||||
export { ScrollLocker as default };
|
||||
Reference in New Issue
Block a user