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

🐛(component): [dropdown]下拉面板大小变化时自适应位置

Browse Source
This commit is contained in:
sight 2022-06-22 15:04:22 +08:00
parent a99cc5a204
commit 5aa8c63d00
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -9,14 +9,11 @@ import "./index.less";
import { import {
CSSProperties, CSSProperties,
nextTick, nextTick,
onUpdated,
provide, provide,
ref, ref,
shallowRef, shallowRef,
watch,
watchEffect,
} from "vue"; } from "vue";
import { onClickOutside, useResizeObserver, useWindowSize } from "@vueuse/core"; import { onClickOutside, useResizeObserver, useScroll, useWindowSize } from "@vueuse/core";
import { DropdownTrigger, dropdownPlacement } from "./interface"; import { DropdownTrigger, dropdownPlacement } from "./interface";
export interface LayDropdownProps { export interface LayDropdownProps {
@ -232,6 +229,12 @@ const getContentOffset = (
} }
}; };
useResizeObserver(contentRef, () => {
if (openState.value) {
updateContentStyle()
}
})
provide("openState", openState); provide("openState", openState);
defineExpose({ open, hide, toggle }); defineExpose({ open, hide, toggle });