vkedit 2.8.6 → 3.2.5

package/dist/commands/distribute-elements-command.d.ts

@@ -0,0 +1,13 @@
+import { BaseCommand } from './base-command';
+import { EditorHost } from '../core';
+export declare class DistributeElementsCommand extends BaseCommand {
+    private direction;
+    private elementIds;
+    name: string;
+    private previousPositions;
+    constructor(host: EditorHost, direction: 'horizontal' | 'vertical', elementIds: string[]);
+    execute(): void;
+    undo(): void;
+    private distributeElements;
+    private restorePreviousPositions;
+}

package/dist/commands/index.d.ts

@@ -8,6 +8,7 @@ export * from './clear-selection-command';
 export * from './batch-command';
 export * from './change-layer-order-command';
 export * from './align-elements-command';
+export * from './distribute-elements-command';
 export * from './clear-selection-command';
 export declare class CommandUtils {
     static createBatchFromSelection(host: any, commandClass: any, ...args: any[]): Promise<any>;

package/dist/components/ContextMenuDelete.vue.d.ts

@@ -1,5 +1,5 @@
 type __VLS_Props = {
     host: import('../core').EditorHost;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 export default _default;

package/dist/components/ui/{select/SelectTrigger.vue.d.ts → VkButton.vue.d.ts}

@@ -1,8 +1,12 @@
-import { SelectTriggerProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
-type __VLS_Props = SelectTriggerProps & {
-    class?: HTMLAttributes["class"];
-    size?: "sm" | "default";
+type ButtonVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+type ButtonSize = 'default' | 'xs' | 'sm' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
+type __VLS_Props = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    title?: string;
+    class?: HTMLAttributes['class'];
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -10,12 +14,14 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: any;
+    rootEl: HTMLButtonElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "sm" | "default";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/ui/VkDropdown.vue.d.ts

@@ -0,0 +1,22 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        dropdownRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    dropdownRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui/VkIcon.vue.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    name: string;
+    size?: string | number;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/ui/{textarea/Textarea.vue.d.ts → VkInput.vue.d.ts}

@@ -1,12 +1,14 @@
 import { HTMLAttributes } from 'vue';
 type __VLS_Props = {
-    class?: HTMLAttributes["class"];
-    defaultValue?: string | number;
     modelValue?: string | number;
+    defaultValue?: string | number;
+    class?: HTMLAttributes['class'];
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (payload: string | number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTextAreaElement>;
+}>, {
+    defaultValue: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLInputElement>;
 export default _default;

package/dist/components/ui/VkInputMM.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    modelValue: number;
+    dpm?: number;
+    step?: number;
+    min?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    dpm: number;
+    step: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/ui/VkInputNumber.vue.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    modelValue: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    class?: HTMLAttributes['class'];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    step: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLInputElement>;
+export default _default;

package/dist/components/ui/{input-mm/InputMM.vue.d.ts → VkInputNumberMM.vue.d.ts}

@@ -1,13 +1,15 @@
 type __VLS_Props = {
     modelValue: number;
-    dpm?: number;
     step?: number;
+    min?: number;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:model-value": (args_0: number) => any;
+    "update:modelValue": (value: number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:model-value"?: ((args_0: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    inputParentRef: HTMLDivElement;
-}, any>;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    step: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
 export default _default;

package/dist/components/ui/{number-field/NumberFieldContent.vue.d.ts → VkLabel.vue.d.ts}

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'vue';
 type __VLS_Props = {
-    class?: HTMLAttributes["class"];
+    class?: HTMLAttributes['class'];
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -8,10 +8,10 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: HTMLLabelElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/ui/{dropdown-menu/DropdownMenuRadioItem.vue.d.ts → VkSelect.vue.d.ts}

@@ -1,7 +1,7 @@
-import { DropdownMenuRadioItemProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
-type __VLS_Props = DropdownMenuRadioItemProps & {
-    class?: HTMLAttributes["class"];
+type __VLS_Props = {
+    modelValue: string;
+    class?: HTMLAttributes['class'];
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -9,14 +9,14 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: any;
+    rootEl: HTMLSelectElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    select: (event: Event) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSelectElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/ui/VkSwitch.vue.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    modelValue: boolean;
+    disabled?: boolean;
+    class?: HTMLAttributes['class'];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
+export default _default;

package/dist/components/ui/{toggle/Toggle.vue.d.ts → VkToggle.vue.d.ts}

@@ -1,18 +1,17 @@
-import { ToggleProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
-import { ToggleVariants } from '.';
-type __VLS_Props = ToggleProps & {
-    class?: HTMLAttributes["class"];
-    variant?: ToggleVariants["variant"];
-    size?: ToggleVariants["size"];
+type ToggleSize = 'default' | 'sm' | 'lg';
+type __VLS_Props = {
+    modelValue: boolean;
+    size?: ToggleSize;
+    class?: HTMLAttributes['class'];
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: any): any;
+        default?(_: {}): any;
     };
     refs: {};
-    rootEl: any;
+    rootEl: HTMLButtonElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -20,10 +19,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: "default" | "sm" | "lg" | null;
-    variant: "default" | "outline" | null;
-    disabled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    size: ToggleSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/ui/index.d.ts

@@ -1,14 +1,11 @@
-export { Button as VkButton } from './button';
-export { ButtonGroup as VkButtonGroup } from './button-group';
-export { Input as VkInput } from './input';
-export { Label as VkLabel } from './label';
-export { NumberField as VkNumberField, NumberFieldContent as VkNumberFieldContent, NumberFieldDecrement as VkNumberFieldDecrement, NumberFieldInput as VkNumberFieldInput, NumberFieldIncrement as VkNumberFieldIncrement, } from './number-field';
-export { Separator as VkSeparator } from './separator';
-export { Slider as VkSlider } from './slider';
-export { Switch as VkSwitch } from './switch';
-export { Select as VkSelect, SelectContent as VkSelectContent, SelectGroup as VkSelectGroup, SelectItem as VkSelectItem, SelectLabel as VkSelectLabel, SelectTrigger as VkSelectTrigger, SelectValue as VkSelectValue, } from './select';
-export { Toggle as VkToggle } from './toggle';
-export { Textarea as VkTextarea } from './textarea';
-export { InputMM as VkInputMM } from './input-mm';
-export { InputNumberMM as VkInputNumberMM } from './input-mm';
-export * from './input-number';
+export { default as VkButton } from './VkButton.vue';
+export { default as VkToggle } from './VkToggle.vue';
+export { default as VkInput } from './VkInput.vue';
+export { default as VkLabel } from './VkLabel.vue';
+export { default as VkSelect } from './VkSelect.vue';
+export { default as VkSwitch } from './VkSwitch.vue';
+export { default as VkInputMM } from './VkInputMM.vue';
+export { default as VkInputNumberMM } from './VkInputNumberMM.vue';
+export { default as VkInputNumber } from './VkInputNumber.vue';
+export { default as VkDropdown } from './VkDropdown.vue';
+export { default as VkIcon } from './VkIcon.vue';

package/dist/core/Editor.vue.d.ts

@@ -8,13 +8,7 @@ type __VLS_Props = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        'toolbar-left'?(_: {
-            host: EditorHost;
-        }): any;
-        'toolbar-center'?(_: {
-            host: EditorHost;
-        }): any;
-        'toolbar-right'?(_: {
+        'toolbar-actions'?(_: {
             host: EditorHost;
         }): any;
         toolbox?(_: {

package/dist/{components/ui/button-group/ButtonGroupText.vue.d.ts → core/GraphicToolPanel.vue.d.ts}

@@ -1,22 +1,24 @@
-import { PrimitiveProps } from 'reka-ui';
-import { HTMLAttributes } from 'vue';
-import { ButtonGroupVariants } from '.';
-interface Props extends PrimitiveProps {
-    class?: HTMLAttributes["class"];
-    orientation?: ButtonGroupVariants["orientation"];
+import { EditorHost } from '.';
+interface Props {
+    host: EditorHost;
+    collapsed?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
+    slots: Readonly<{
+        toolbox?(props: {
+            host: EditorHost;
+        }): any;
+    }> & {
+        toolbox?(props: {
+            host: EditorHost;
+        }): any;
     };
     refs: {};
-    rootEl: any;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    as: import('reka-ui').AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/core/HelpGuide.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/core/PropertyPanel.vue.d.ts

@@ -1,6 +1,7 @@
 import { EditorHost } from '.';
 type __VLS_Props = {
     host: EditorHost;
+    collapsed?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/core/{ScrollbarLayer.vue.d.ts → StatusBar.vue.d.ts}

@@ -2,7 +2,5 @@ import { EditorHost } from '.';
 type __VLS_Props = {
     host: EditorHost;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    scrollbarLayerRef: unknown;
-}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/core/Toolbar.vue.d.ts

@@ -4,14 +4,12 @@ interface Props {
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        left?(_: {
+    slots: Readonly<{
+        actions?(props: {
             host: EditorHost;
         }): any;
-        center?(_: {
-            host: EditorHost;
-        }): any;
-        right?(_: {
+    }> & {
+        actions?(props: {
             host: EditorHost;
         }): any;
     };

package/dist/core/editor-host.d.ts

@@ -10,6 +10,18 @@ export declare class EditorHost {
     contentGroup: any;
     stage: any;
     private _status;
+    stageState: {
+        viewportWidth: number;
+        viewportHeight: number;
+        wrapperEl: HTMLElement | null;
+        currentCursorMode: import('../types').CursorMode;
+        mouseStageX: number;
+        mouseStageY: number;
+        spacePressed: boolean;
+        isPanning: boolean;
+        offsetX: number;
+        offsetY: number;
+    };
     emit<K extends keyof EventMap>(event: K, payload: Parameters<EventMap[K]>[0]): void;
     on<K extends keyof EventMap>(event: K, handler: EventMap[K]): void;
     off<K extends keyof EventMap>(event: K, handler: EventMap[K]): void;

package/dist/create-host.d.ts

@@ -6,4 +6,4 @@ export interface IOptions {
     previewPlugin?: boolean;
     importPlugin?: boolean;
 }
-export declare function createEditorHost({ basePropertyPanel, baseCanvasPropertyPanel, exportPlugin, previewPlugin, importPlugin, }: IOptions): EditorHost;
+export declare function createEditorHost({ basePropertyPanel, baseCanvasPropertyPanel, exportPlugin, previewPlugin, importPlugin, }?: IOptions): EditorHost;

package/dist/hooks/index.d.ts

@@ -3,7 +3,6 @@ export * from './use-content-layer';
 export * from './use-host-state';
 export * from './use-property-command';
 export * from './use-ruler-layer';
-export * from './use-scrollbar-layer';
 export * from './use-selection-layer';
 export * from './use-stage-event';
 export * from './use-stage';

package/dist/hooks/use-bg-layer.d.ts

@@ -17,6 +17,12 @@ export declare function useBgLayer(host: EditorHost): {
         width: number;
         height: number;
         fill: string;
+        cornerRadius: number;
+        shadowColor: string;
+        shadowBlur: number;
+        shadowOffsetX: number;
+        shadowOffsetY: number;
+        shadowOpacity: number;
         listening: boolean;
     }>;
 };

package/dist/hooks/use-content-layer.d.ts

@@ -24,6 +24,7 @@ export declare function useContentLayer(host: EditorHost): {
         locked: boolean;
         draggable: boolean;
         transferable: boolean;
+        resizeAnchors?: string[] | null | undefined;
         getBoundingBox: () => import('../types').BoundingBox;
         clone: () => IGraphicElement;
         serialize: () => any;
@@ -47,6 +48,7 @@ export declare function useContentLayer(host: EditorHost): {
         locked: boolean;
         draggable: boolean;
         transferable: boolean;
+        resizeAnchors?: string[] | null | undefined;
         getBoundingBox: () => import('../types').BoundingBox;
         clone: () => IGraphicElement;
         serialize: () => any;
@@ -58,6 +60,8 @@ export declare function useContentLayer(host: EditorHost): {
         }) | undefined;
     }[]>;
     initElements: () => void;
+    handleDragStart: (event: any, element: any) => void;
+    handleDragMove: (event: any, element: any) => void;
     handleDragEnd: (event: any, element: any) => void;
     handleElementTransform: (event: any, element: IGraphicElement) => void;
     handleElementTransformEnd: (event: any, element: any) => void;

package/dist/hooks/use-ruler-layer.d.ts

@@ -1,4 +1,5 @@
-export declare function useRulerLayer(): {
+import { EditorHost } from '../core';
+export declare function useRulerLayer(host: EditorHost): {
     rulerLayerRef: import('vue').Ref<any, any>;
     rulerLayerConfig: import('vue').ComputedRef<{
         listening: boolean;
@@ -9,6 +10,8 @@ export declare function useRulerLayer(): {
         width: number;
         height: number;
         fill: string;
+        stroke: string;
+        strokeWidth: number;
         listening: boolean;
     }>;
     leftRulerConfig: import('vue').ComputedRef<{
@@ -17,6 +20,8 @@ export declare function useRulerLayer(): {
         width: number;
         height: number;
         fill: string;
+        stroke: string;
+        strokeWidth: number;
         listening: boolean;
     }>;
     upRulerShapeRef: import('vue').Ref<any, any>;

package/dist/hooks/use-stage-event.d.ts

@@ -1,6 +1,5 @@
 import { EditorHost } from '../core';
 export declare function useStageEvent(host: EditorHost): {
-    stageWrapperRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     transformOrigin: import('vue').Ref<{
         x: number;
         y: number;
@@ -23,11 +22,17 @@ export declare function useStageEvent(host: EditorHost): {
         dpm: number;
     };
     handleClick: (event: any) => void;
+    handleDblClick: (event: any) => void;
     handleMouseDown: (event: any) => void;
     handleMouseMove: (event: any) => void;
     handleMouseUp: (event: any) => void;
     handleWheel: (e: any) => void;
     handleKeyDown: (event: any) => void;
+    handleMouseenter: (event: any) => void;
     handleMouseleave: (event: any) => void;
     handleContextmenu: (event: any) => void;
+    handleSpaceDown: (e: KeyboardEvent) => void;
+    handleSpaceUp: (e: KeyboardEvent) => void;
+    isPanning: import('vue').Ref<boolean, boolean>;
+    panThresholdMet: import('vue').Ref<boolean, boolean>;
 };

package/dist/hooks/use-stage.d.ts

@@ -1,14 +1,18 @@
-export declare function useStage(): {
-    stageRef: import('vue').Ref<any, any>;
-    stageWrapperRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+import { EditorHost } from '../core';
+export declare function useStage(host: EditorHost): {
+    width: import('vue').ComputedRef<number>;
+    height: import('vue').ComputedRef<number>;
     stageConfig: import('vue').ComputedRef<{
         width: number;
         height: number;
         scaleX: number;
         scaleY: number;
     }>;
-    width: import('vue').ShallowRef<number, number>;
-    height: import('vue').ShallowRef<number, number>;
-    verticalThumbY: import('vue').Ref<number, number>;
-    horizontalThumbX: import('vue').Ref<number, number>;
+    currentCursorMode: import('vue').Ref<import('../types').CursorMode, import('../types').CursorMode>;
+    mouseStageX: import('vue').Ref<number, number>;
+    mouseStageY: import('vue').Ref<number, number>;
+    spacePressed: import('vue').Ref<boolean, boolean>;
+    isPanning: import('vue').Ref<boolean, boolean>;
+    offsetX: import('vue').Ref<number, number>;
+    offsetY: import('vue').Ref<number, number>;
 };

package/dist/hooks/use-zoom.d.ts

@@ -8,5 +8,24 @@ export declare function useZoom(host: EditorHost): {
     handleZoomOut: (step?: number) => void;
     handleZoomAuto: () => void;
     zoom: import('vue').ComputedRef<number>;
-    handleWheel: (e: any) => void;
+    handleWheel: (e: {
+        evt: WheelEvent & {
+            deltaY: number;
+            ctrlKey: boolean;
+            shiftKey: boolean;
+        };
+        target: {
+            getStage: () => {
+                getPointerPosition: () => {
+                    x: number;
+                    y: number;
+                };
+            };
+        };
+    }) => void;
+    dynamicStep: import('vue').ComputedRef<number>;
+    offsetX: import('vue').Ref<number, number>;
+    offsetY: import('vue').Ref<number, number>;
+    handlePanByPixels: (deltaX: number, deltaY: number) => void;
+    resetPanOffset: () => void;
 };