github
/
layui
mirror of https://github.com/layui/layui
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

update

feat/dropdown-mulit
sight 2025-09-10 09:02:58 +08:00
parent e731de490c
commit 076b03d438
1 changed files with 31 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
src/modules/dropdown.js
View File

@ -372,15 +372,8 @@ layui.define(['i18n', 'jquery', 'laytpl', 'lay', 'util'], function(exports) {
} }
}); });
if(resizeObserver){ that.onClickOutside();
resizeObserver.observe(options.elem[0], that.position.bind(that)); that.autoUpdatePosition();
resizeObserver.observe(mainElem[0], that.position.bind(that));
}
that.stopClickOutsideEvent();
that.stopResizeEvent();
that.stopClickOutsideEvent = that.onClickOutside();
that.stopResizeEvent = that.autoUpdatePosition();
// 组件打开完毕的事件 // 组件打开完毕的事件
typeof options.ready === 'function' && options.ready(mainElem, options.elem); typeof options.ready === 'function' && options.ready(mainElem, options.elem);
@ -407,28 +400,17 @@ layui.define(['i18n', 'jquery', 'laytpl', 'lay', 'util'], function(exports) {
var options = that.config; var options = that.config;
var mainElem = thisModule.findMainElem(id); var mainElem = thisModule.findMainElem(id);
that.stopClickOutsideEvent();
if(resizeObserver){ that.stopResizeEvent();
resizeObserver.unobserve(options.elem[0]);
}
// 若存在已打开的面板元素，则移除 // 若存在已打开的面板元素，则移除
if (mainElem[0]) { if (mainElem[0]) {
mainElem.prev('.' + STR_ELEM_SHADE).remove(); // 先移除遮罩 mainElem.prev('.' + STR_ELEM_SHADE).remove(); // 先移除遮罩
mainElem.remove(); mainElem.remove();
options.elem.removeData(MOD_INDEX_OPENED); options.elem.removeData(MOD_INDEX_OPENED);
if(resizeObserver){
resizeObserver.unobserve(mainElem[0]);
}
delete dropdown.thisId;
typeof options.close === 'function' && options.close(options.elem); typeof options.close === 'function' && options.close(options.elem);
} }
// 关闭后移除全局事件
that.stopResizeEvent();
that.stopResizeEvent = $.noop;
that.stopClickOutsideEvent();
that.stopClickOutsideEvent = $.noop;
}; };
Class.prototype.normalizedDelay = function(){ Class.prototype.normalizedDelay = function(){
@ -512,7 +494,9 @@ layui.define(['i18n', 'jquery', 'laytpl', 'lay', 'util'], function(exports) {
var isCtxMenu = options.trigger === 'contextmenu'; var isCtxMenu = options.trigger === 'contextmenu';
var isTopElem = lay.isTopElem(options.elem[0]); var isTopElem = lay.isTopElem(options.elem[0]);
return lay.onClickOutside( that.stopClickOutsideEvent();
var stop = lay.onClickOutside(
that.mainElem[0], that.mainElem[0],
function (e) { function (e) {
// 点击面板外部时的事件 // 点击面板外部时的事件
@ -530,6 +514,11 @@ layui.define(['i18n', 'jquery', 'laytpl', 'lay', 'util'], function(exports) {
detectIframe: true detectIframe: true
} }
); );
that.stopClickOutsideEvent = function(){
stop();
that.stopClickOutsideEvent = $.noop;
}
}; };
/** /**
@ -540,7 +529,9 @@ layui.define(['i18n', 'jquery', 'laytpl', 'lay', 'util'], function(exports) {
var that = this; var that = this;
var options = that.config; var options = that.config;
var handleResize = function(){ that.stopResizeEvent();
var windowResizeHandler = function(){
if(that.mainElem && (!that.mainElem[0] || !that.mainElem.is(':visible'))) return; if(that.mainElem && (!that.mainElem[0] || !that.mainElem.is(':visible'))) return;
if(options.trigger === 'contextmenu'){ if(options.trigger === 'contextmenu'){
that.remove(); that.remove();
@ -548,11 +539,24 @@ layui.define(['i18n', 'jquery', 'laytpl', 'lay', 'util'], function(exports) {
that.position(); that.position();
} }
} }
$(window).on('resize.lay_dropdown_resize', windowResizeHandler);
$(window).on('resize.lay_dropdown_resize', handleResize) var shouldObserveResize = resizeObserver && options.trigger !== 'contextmenu';
var triggerEl = options.elem[0];
var contentEl = that.mainElem[0];
if(shouldObserveResize){
resizeObserver.observe(triggerEl, $.proxy(that.position, that));
resizeObserver.observe(contentEl, $.proxy(that.position, that));
}
return function(){ that.stopResizeEvent = function(){
$(window).off('resize.lay_dropdown_resize') $(window).off('resize.lay_dropdown_resize', windowResizeHandler);
if(shouldObserveResize){
resizeObserver.unobserve(triggerEl);
resizeObserver.unobserve(contentEl);
}
that.stopResizeEvent = $.noop;
} }
} }