vue3-free-layout/dist/components/design_panel.d.ts

[vue3+ts]拖动布局，自由拖动，标尺，放大缩小，控件之间的标尺

import { DesignWidget, Widget } from './../types';
import { Ref, PropType } from "vue";
import DesignService from '../services/design.service';
import '../style.less';
declare const _default: import("vue").DefineComponent<{
    value: {
        type: PropType<Widget[]>;
        default: () => any[];
    };
    width: {
        type: NumberConstructor;
        required: true;
    };
    height: {
        type: NumberConstructor;
        required: true;
        default: number;
    };
    unit: {
        type: PropType<"px" | "mm" | "cm">;
        default: string;
    };
    drawerBackgroud: {
        type: StringConstructor;
        default: string;
    };
    backgroundColor: {
        type: StringConstructor;
        default: string;
    };
    showRuler: {
        type: BooleanConstructor;
        default: boolean;
    };
    rulerColorLight: {
        type: StringConstructor;
        default: string;
    };
    rulerColorDark: {
        type: StringConstructor;
        default: string;
    };
    showAlign: {
        type: BooleanConstructor;
        default: boolean;
    };
    enableAdsorb: {
        type: BooleanConstructor;
        default: boolean;
    };
    alignWeight: {
        type: NumberConstructor;
        default: number;
    };
    alignColor: {
        type: StringConstructor;
        default: string;
    };
    showAlignSpan: {
        type: NumberConstructor;
        default: number;
    };
    adsorbSpan: {
        type: NumberConstructor;
        default: number;
    };
    pagePadding: {
        type: ArrayConstructor;
        default: number[];
    };
    showDelBut: {
        type: BooleanConstructor;
        default: boolean;
    };
    autoHeight: {
        type: BooleanConstructor;
        default: boolean;
    };
}, {
    designContainer: Ref<HTMLElement | undefined>;
    designBody: Ref<HTMLElement | undefined>;
    service: DesignService;
    createWidget: (widget: Widget) => void;
    getPageWidgets: () => Array<DesignWidget>;
    renderHRulter: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }> | undefined;
    renderVRulter: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }> | undefined;
    renderBody: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }>;
    renderAddWdiget: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }> | undefined;
    mouseWheelHandler: (event: WheelEvent) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "addHeight" | "page-resized" | "added" | "deleted" | "drag-start" | "drag-moving" | "drag-end" | "resize-start" | "resizeing" | "resize-end" | "selected-change" | "addNewWidget" | "delNewWidget")[], "update:value" | "addHeight" | "page-resized" | "added" | "deleted" | "drag-start" | "drag-moving" | "drag-end" | "resize-start" | "resizeing" | "resize-end" | "selected-change" | "addNewWidget" | "delNewWidget", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    value: {
        type: PropType<Widget[]>;
        default: () => any[];
    };
    width: {
        type: NumberConstructor;
        required: true;
    };
    height: {
        type: NumberConstructor;
        required: true;
        default: number;
    };
    unit: {
        type: PropType<"px" | "mm" | "cm">;
        default: string;
    };
    drawerBackgroud: {
        type: StringConstructor;
        default: string;
    };
    backgroundColor: {
        type: StringConstructor;
        default: string;
    };
    showRuler: {
        type: BooleanConstructor;
        default: boolean;
    };
    rulerColorLight: {
        type: StringConstructor;
        default: string;
    };
    rulerColorDark: {
        type: StringConstructor;
        default: string;
    };
    showAlign: {
        type: BooleanConstructor;
        default: boolean;
    };
    enableAdsorb: {
        type: BooleanConstructor;
        default: boolean;
    };
    alignWeight: {
        type: NumberConstructor;
        default: number;
    };
    alignColor: {
        type: StringConstructor;
        default: string;
    };
    showAlignSpan: {
        type: NumberConstructor;
        default: number;
    };
    adsorbSpan: {
        type: NumberConstructor;
        default: number;
    };
    pagePadding: {
        type: ArrayConstructor;
        default: number[];
    };
    showDelBut: {
        type: BooleanConstructor;
        default: boolean;
    };
    autoHeight: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & {
    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
    onAddHeight?: ((...args: any[]) => any) | undefined;
    "onPage-resized"?: ((...args: any[]) => any) | undefined;
    onAdded?: ((...args: any[]) => any) | undefined;
    onDeleted?: ((...args: any[]) => any) | undefined;
    "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;
    "onSelected-change"?: ((...args: any[]) => any) | undefined;
    onAddNewWidget?: ((...args: any[]) => any) | undefined;
    onDelNewWidget?: ((...args: any[]) => any) | undefined;
}, {
    value: Widget[];
    height: number;
    unit: "px" | "mm" | "cm";
    drawerBackgroud: string;
    backgroundColor: string;
    showRuler: boolean;
    rulerColorLight: string;
    rulerColorDark: string;
    showAlign: boolean;
    enableAdsorb: boolean;
    alignWeight: number;
    alignColor: string;
    showAlignSpan: number;
    adsorbSpan: number;
    pagePadding: unknown[];
    showDelBut: boolean;
    autoHeight: boolean;
}>;
export default _default;