theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄: 格式化代码

Browse Source
This commit is contained in:
就眠儀式 2022-06-24 10:27:12 +08:00
parent a4e14bf3d3
commit 7230502340
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
package/component/src/component/dropdown/index.vue
View File

@ -110,14 +110,14 @@ const changeVisible = (visible: boolean, delay?: number) => {
nextTick(() => { nextTick(() => {
updateContentStyle(); updateContentStyle();
}); });
} };
if(delay){ if (delay) {
cleanDelayTimer(); cleanDelayTimer();
if (visible !== openState.value) { if (visible !== openState.value) {
delayTimer = window.setTimeout(update, delay); delayTimer = window.setTimeout(update, delay);
} }
}else{ } else {
update(); update();
} }
}; };
@ -302,41 +302,44 @@ const handleClick = () => {
if (props.disabled || (openState.value && !props.clickToClose)) { if (props.disabled || (openState.value && !props.clickToClose)) {
return; return;
} }
if (triggerMethods.value.includes("click") || triggerMethods.value.includes("contextMenu")){ if (
toggle() triggerMethods.value.includes("click") ||
triggerMethods.value.includes("contextMenu")
) {
toggle();
} }
} };
const handleMouseEnter = () => { const handleMouseEnter = () => {
if (props.disabled || !triggerMethods.value.includes('hover')) { if (props.disabled || !triggerMethods.value.includes("hover")) {
return; return;
} }
open(250); open(250);
} };
const handleMouseLeave = () => { const handleMouseLeave = () => {
if (props.disabled || !triggerMethods.value.includes('hover')) { if (props.disabled || !triggerMethods.value.includes("hover")) {
return; return;
} }
hide(150); hide(150);
} };
const handleFocusin = () => { const handleFocusin = () => {
if (props.disabled || !triggerMethods.value.includes('focus')) { if (props.disabled || !triggerMethods.value.includes("focus")) {
return; return;
} }
open() open();
} };
const handleFocusout = () => { const handleFocusout = () => {
if (props.disabled || !triggerMethods.value.includes('focus')) { if (props.disabled || !triggerMethods.value.includes("focus")) {
return; return;
} }
if (!props.blurToClose) { if (!props.blurToClose) {
return; return;
} }
hide(); hide();
} };
const { stop: removeContentResizeObserver } = useResizeObserver( const { stop: removeContentResizeObserver } = useResizeObserver(
contentRef, contentRef,
@ -382,7 +385,7 @@ onBeforeUnmount(() => {
} }
removeContentResizeObserver(); removeContentResizeObserver();
removeTriggerResizeObserver(); removeTriggerResizeObserver();
}) });
watch( watch(
() => props.visible, () => props.visible,
@ -407,10 +410,7 @@ defineExpose({ open, hide, toggle });
@focusout="handleFocusout()" @focusout="handleFocusout()"
:class="{ 'layui-dropdown-up': openState }" :class="{ 'layui-dropdown-up': openState }"
> >
<div <div @click="handleClick()" @contextmenu.prevent="handleClick()">
@click="handleClick()"
@contextmenu.prevent="handleClick()"
>
<slot></slot> <slot></slot>
</div> </div>
<dl <dl