vue3-free-layout
Version:
[vue3+ts]拖动布局,自由拖动,标尺,放大缩小,控件之间的标尺
61 lines (60 loc) • 2.23 kB
TypeScript
import DesignService from '../services/design.service';
import { DesignWidget } from '../types';
import { PropType, Ref } from "vue";
declare const _default: import("vue").DefineComponent<{
value: {
type: PropType<DesignWidget>;
required: true;
};
widgetIdx: {
type: NumberConstructor;
default: undefined;
};
radius: {
type: NumberConstructor;
default: number;
};
rotate: {
type: NumberConstructor;
default: number;
};
}, {
container: Ref<HTMLElement | undefined>;
containerClass: import("vue").ComputedRef<"drag_container selected" | "drag_container dragging" | "drag_container moving" | "drag_container">;
renderCover: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}> | undefined;
cssTransform: () => string;
service: DesignService;
itemSlot: ((widget: DesignWidget) => import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | undefined;
state: number;
tag: string;
levels: number;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("drag-start" | "drag-moving" | "drag-end" | "state-changed")[], "drag-start" | "drag-moving" | "drag-end" | "state-changed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
value: {
type: PropType<DesignWidget>;
required: true;
};
widgetIdx: {
type: NumberConstructor;
default: undefined;
};
radius: {
type: NumberConstructor;
default: number;
};
rotate: {
type: NumberConstructor;
default: number;
};
}>> & {
"onDrag-start"?: ((...args: any[]) => any) | undefined;
"onDrag-moving"?: ((...args: any[]) => any) | undefined;
"onDrag-end"?: ((...args: any[]) => any) | undefined;
"onState-changed"?: ((...args: any[]) => any) | undefined;
}, {
widgetIdx: number;
radius: number;
rotate: number;
}>;
export default _default;