import { Widget } from "@/types";
import { PropType, Ref } from "vue";
import DesignService from '@/services/design.service';
declare const _default: import("vue").DefineComponent<{
    square: {
        type: NumberConstructor;
        default: number;
    };
    scale: {
        type: NumberConstructor;
        default: number;
    };
    width: {
        type: NumberConstructor;
        required: true;
    };
    height: {
        type: NumberConstructor;
        required: true;
    };
    padding: {
        type: PropType<number[]>;
        default: () => number[];
    };
    drawerBackgroud: {
        type: StringConstructor;
        default: string;
    };
    backgroundColor: {
        type: StringConstructor;
        default: string;
    };
    children: {
        type: PropType<Widget[]>;
        default: () => never[];
    };
    showDelBut: {
        type: BooleanConstructor;
        default: boolean;
    };
}, {
    drawer: Ref<HTMLElement | null>;
    designService: DesignService;
    containerWidth: import("vue").ComputedRef<number>;
    containerHeight: import("vue").ComputedRef<number>;
    renderDrawer: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }>;
    bgmousedownHandler: (event: MouseEvent) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("drag-start" | "drag-moving" | "drag-end" | "resize-start" | "resizeing" | "resize-end")[], "drag-start" | "drag-moving" | "drag-end" | "resize-start" | "resizeing" | "resize-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    square: {
        type: NumberConstructor;
        default: number;
    };
    scale: {
        type: NumberConstructor;
        default: number;
    };
    width: {
        type: NumberConstructor;
        required: true;
    };
    height: {
        type: NumberConstructor;
        required: true;
    };
    padding: {
        type: PropType<number[]>;
        default: () => number[];
    };
    drawerBackgroud: {
        type: StringConstructor;
        default: string;
    };
    backgroundColor: {
        type: StringConstructor;
        default: string;
    };
    children: {
        type: PropType<Widget[]>;
        default: () => never[];
    };
    showDelBut: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & {
    "onDrag-start"?: ((...args: any[]) => any) | undefined;
    "onDrag-moving"?: ((...args: any[]) => any) | undefined;
    "onDrag-end"?: ((...args: any[]) => any) | undefined;
    "onResize-start"?: ((...args: any[]) => any) | undefined;
    onResizeing?: ((...args: any[]) => any) | undefined;
    "onResize-end"?: ((...args: any[]) => any) | undefined;
}, {
    square: number;
    scale: number;
    padding: number[];
    drawerBackgroud: string;
    backgroundColor: string;
    children: Widget[];
    showDelBut: boolean;
}>;
export default _default;
