hongluan-ui
Version:
Hongluan Component Library for Vue 3
51 lines (50 loc) • 2.23 kB
TypeScript
import type { ExtractPropType } from 'hongluan-ui/es/utils';
import type { ExtractPropTypes, Ref } from 'vue';
declare const _prop: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<boolean>, never, never>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
declare const _event: {
readonly type: import("vue").PropType<(val: boolean) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
export declare type UseModelTogglePropsRaw<T extends string> = {
[K in T]: typeof _prop;
} & {
[K in `onUpdate:${T}`]: typeof _event;
};
export declare type UseModelTogglePropsGeneric<T extends string> = {
[K in T]: ExtractPropType<typeof _prop>;
} & {
[K in `onUpdate:${T}`]: ExtractPropType<typeof _event>;
};
export declare const createModelToggleComposable: <T extends string>(name: T) => {
useModelToggle: ({ indicator, toggleReason, shouldHideWhenRouteChanges, shouldProceed, onShow, onHide, }: ModelToggleParams) => {
hide: (event?: Event) => void;
show: (event?: Event) => void;
toggle: () => void;
hasUpdateHandler: import("vue").ComputedRef<boolean>;
};
useModelToggleProps: UseModelTogglePropsRaw<T>;
useModelToggleEmits: `update:${T}`[];
};
declare const useModelToggle: ({ indicator, toggleReason, shouldHideWhenRouteChanges, shouldProceed, onShow, onHide, }: ModelToggleParams) => {
hide: (event?: Event) => void;
show: (event?: Event) => void;
toggle: () => void;
hasUpdateHandler: import("vue").ComputedRef<boolean>;
}, useModelToggleProps: UseModelTogglePropsRaw<"modelValue">, useModelToggleEmits: "update:modelValue"[];
export { useModelToggle, useModelToggleEmits, useModelToggleProps };
export declare type UseModelToggleProps = ExtractPropTypes<typeof useModelToggleProps>;
export declare type ModelToggleParams = {
indicator: Ref<boolean>;
toggleReason?: Ref<Event | undefined>;
shouldHideWhenRouteChanges?: Ref<boolean>;
shouldProceed?: () => boolean;
onShow?: (event?: Event) => void;
onHide?: (event?: Event) => void;
};