@toolmain/components 1.2.12 → 1.2.13

package/dist/index.d.ts

@@ -638,9 +638,9 @@ export declare type DeliverParam = {
 
 export declare const DialogPanel: __VLS_WithSlots_4<typeof __VLS_component_4, __VLS_Slots_4>;
 
-declare type Dir = "horizontal" | "vertical" | "any";
+export declare type Dir = "horizontal" | "vertical" | "any";
 
-declare interface DragAttr {
+export declare interface DragAttr {
     /**
      * 元素x轴坐标
      */
@@ -762,6 +762,12 @@ declare interface EventBus<T extends Record<string, any>> {
 
 declare type EventBusCallback = (...args: any[]) => any;
 
+export declare interface EventMap {
+    beforemove: (pos: DragAttr) => void;
+    aftermove: (pos: DragAttr) => void;
+    moving: (pos: DragAttr) => void;
+}
+
 declare interface ExtendProps extends BaseProps {
     type: PropsType.Extend;
     extendType: string;
@@ -838,7 +844,11 @@ declare interface IconProps extends BaseProps {
     type: PropsType.Icon;
 }
 
-declare type InitType = "auto" | "inherit" | "initial" | "unset";
+export declare function initDragAttr(): DragAttr;
+
+export declare function initRect(): Rect;
+
+export declare type InitType = "auto" | "inherit" | "initial" | "unset";
 
 declare interface JSONProps extends BaseProps {
     type: PropsType.JSON;
@@ -989,7 +999,7 @@ export declare interface MoveHook {
     scale?: (oldVal: FixedArray<number, 2>, newVal: FixedArray<number, 2>) => [FixedArray<number, 2>, FixedArray<number, 2>];
 }
 
-declare interface MoveOptions {
+export declare interface MoveOptions {
     /**
      * 移动方向
      */
@@ -1001,6 +1011,23 @@ export declare type MoveParams = DragAttr & {
     translateY: number;
 };
 
+export declare interface MoveType {
+    isMoving: () => boolean;
+    setTarget: (target?: HTMLElement | null) => void;
+    getTarget: () => HTMLElement | null | undefined;
+    setDirection: (dir: Dir) => void;
+    on: <K extends keyof EventMap>(event: K, cb: EventMap[K]) => void;
+    once: <K extends keyof EventMap>(event: K, cb: EventMap[K]) => void;
+    /**
+     * every means the object will not listen the same event repeatly,but only one time.
+     * it's not that after being triggerd,the event listener will be removed,it still exist.
+     */
+    every: <K extends keyof EventMap>(event: K, cb: EventMap[K]) => void;
+    updateOption: (opt: MoveOptions) => void;
+    disable: () => void;
+    enable: () => void;
+}
+
 declare class NodeTree {
     #private;
     constructor();
@@ -1229,6 +1256,17 @@ export declare type RawComponent = {
     version?: string;
 };
 
+export declare interface Rect {
+    height: number;
+    bottom: number;
+    left: number;
+    right: number;
+    top: number;
+    width: number;
+    x: number;
+    y: number;
+}
+
 /**
  * 远程资源,贴图,视频等
  */
@@ -1458,6 +1496,18 @@ export declare enum Status {
     HIDDEN = "HIDDEN"
 }
 
+export declare interface Target {
+    readonly ele?: HTMLElement | null;
+    readonly rect: Rect;
+    readonly attr: DragAttr;
+    updateRect: () => void;
+    setAttr: (newVal: DragAttr) => void;
+    setTarget: (tar?: HTMLElement | null) => void;
+    on: (event: string, cb: (attr: DragAttr) => void) => void;
+    disable: () => void;
+    enable: () => void;
+}
+
 export declare type TargetData = {
     type: "TargetSrc";
     data: TargetSrc;
@@ -1649,6 +1699,8 @@ export declare function useKeyboard(): {
     dispose: () => void;
 };
 
+export declare function (): MoveType;
+
 export declare const useScale: (data: {
     config: Ref<ScaleConfig>;
     targetEle: Readonly<Ref<HTMLElement | null | undefined>>;

package/dist/index.js

@@ -20157,6 +20157,8 @@ export {
   Zs as hex2rgb,
   el as htmlTextConfig,
   uh as htmlTextLabel,
+  Ss as initDragAttr,
+  Es as initRect,
   dh as placeholderNode,
   Ri as placeholderRaw,
   Db as r2a,
@@ -20167,6 +20169,7 @@ export {
   Ob as useElement,
   ku as useHandle,
   Iu as useKeyboard,
+  Tu as useMove,
   Ou as useScale,
   rb as useVarState
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toolmain/components",
-  "version": "1.2.12",
+  "version": "1.2.13",
   "description": "Convient components base on vue3",
   "license": "MIT",
   "type": "module",