12345678910111213141516171819202122232425262728293031323334353637383940 |
- import { unref } from 'vue';
- import '../../utils/index.mjs';
- import { useTimeout } from '../use-timeout/index.mjs';
- import { buildProps } from '../../utils/vue/props/runtime.mjs';
- const useDelayedToggleProps = buildProps({
- showAfter: {
- type: Number,
- default: 0
- },
- hideAfter: {
- type: Number,
- default: 200
- }
- });
- const useDelayedToggle = ({
- showAfter,
- hideAfter,
- open,
- close
- }) => {
- const { registerTimeout } = useTimeout();
- const onOpen = (event) => {
- registerTimeout(() => {
- open(event);
- }, unref(showAfter));
- };
- const onClose = (event) => {
- registerTimeout(() => {
- close(event);
- }, unref(hideAfter));
- };
- return {
- onOpen,
- onClose
- };
- };
- export { useDelayedToggle, useDelayedToggleProps };
- //# sourceMappingURL=index.mjs.map
|