import { ComponentPublicInstance } from 'vue';
import { WorkData, GlobalData, PageData, PersonalData } from '../../defaultProps';
import '../../assets/css/workRenderH5.css';
import '../../assets/css/animate.css';
import { px2rem } from '@/composables/px2rem';
declare const _default: import("vue").DefineComponent<{
    workData: {
        type: () => WorkData;
        required: true;
    };
    autoPlay: {
        type: BooleanConstructor;
        default: boolean;
    };
    env: {
        type: StringConstructor;
        default: string;
    };
}, {
    personalData: import("vue").ComputedRef<PersonalData>;
    global: import("vue").ComputedRef<GlobalData>;
    shouldShowWatermark: import("vue").ComputedRef<boolean>;
    pages: import("vue").ComputedRef<[] | PageData[]>;
    currentPageId: import("vue").Ref<string>;
    currentTransition: import("vue").ComputedRef<string>;
    isScrollMode: import("vue").ComputedRef<boolean>;
    direction: import("vue").Ref<"down" | "up">;
    musicPlayer: import("vue").Ref<any>;
    showMessage: import("vue").Ref<boolean>;
    messageText: import("vue").Ref<string>;
    messageType: import("vue").Ref<"success" | "error">;
    contentStyle: import("vue").ComputedRef<{
        height: string;
        transform: string;
        transition: string;
        willChange: string;
    } | {
        height: string;
        transform?: undefined;
        transition?: undefined;
        willChange?: undefined;
    }>;
    inertiaAnimation: import("vue").Ref<number | undefined>;
    handleShowMessage: (payload: {
        message: string;
        type: 'success' | 'error';
    }) => void;
    handleFirstInteraction: () => void;
    playMusic: () => void;
    px2rem: typeof px2rem;
    switchPage: (pageId: string, shouldStartAutoPlay?: boolean) => void;
    handleElementTrigger: (payload: {
        elementId: string;
        eventType: string;
        data: any;
    }) => void;
    beforeEnter: (el: Element) => void;
    afterEnter: (el: Element) => void;
    handleTouchStart: (e: TouchEvent) => void;
    handleTouchMove: (e: TouchEvent) => void;
    handleTouchEnd: (e: TouchEvent) => void;
    handleMouseDown: (e: MouseEvent) => void;
    handleMouseMove: (e: MouseEvent) => void;
    handleMouseUp: (e: MouseEvent) => void;
    handleMouseLeave: (e: MouseEvent) => void;
    getComponentName: (type: string) => string;
    handleWheel: (e: WheelEvent) => void;
    toggleAutoScroll: () => void;
    initMaxScrollPosition: () => void;
    startAutoScroll: () => void;
    stopAutoScroll: (userAction?: boolean) => void;
    handleVisibilityChange: () => void;
    startInertia: () => void;
    setContentRef: (el: Element | ComponentPublicInstance | null, pageId: string) => void;
    container: import("vue").Ref<HTMLElement | null>;
    contentRefs: import("vue").Ref<{
        [pageId: string]: HTMLElement | null;
    }>;
    maxScrollPositions: import("vue").Ref<{
        [pageId: string]: number;
    }>;
    scrollPositions: import("vue").Ref<{
        [pageId: string]: number;
    }>;
    dragStartYs: import("vue").Ref<{
        [pageId: string]: number;
    }>;
    dragStartScrolls: import("vue").Ref<{
        [pageId: string]: number;
    }>;
    dragLocked: import("vue").Ref<boolean>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    workData: {
        type: () => WorkData;
        required: true;
    };
    autoPlay: {
        type: BooleanConstructor;
        default: boolean;
    };
    env: {
        type: StringConstructor;
        default: string;
    };
}>>, {
    autoPlay: boolean;
    env: string;
}, {}>;
export default _default;