x-next 0.0.0-alpha.61 → 0.0.0-alpha.63

package/dist/components/resize-box/ResizeBox.vue.d.ts

@@ -0,0 +1,263 @@
+import { PropType } from 'vue';
+export type DirectionType = 'left' | 'right' | 'top' | 'bottom';
+declare function isHorizontal(direction: DirectionType): boolean;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 宽度
+     * @en Width
+     * @vModel
+     */
+    width: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh 高度
+     * @en Height
+     * @vModel
+     */
+    height: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh 伸缩框的 html 标签
+     * @en The html tag of the telescopic box
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @zh 可以进行伸缩的边，有上、下、左、右可以使用
+     * @en Can be stretched side, there are up, down, left and right can be used
+     * */
+    directions: {
+        type: PropType<("left" | "right" | "top" | "bottom")[]>;
+        default: () => string[];
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    classNames: import('vue').ComputedRef<string[]>;
+    styles: import('vue').ComputedRef<{
+        "padding-bottom"?: string | undefined;
+        "padding-left"?: string | undefined;
+        "padding-right"?: string | undefined;
+        "padding-top"?: string | undefined;
+        height?: string | undefined;
+        width?: string | undefined;
+    }>;
+    wrapperRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    onMoveStart: (direction: DirectionType, e: MouseEvent) => void;
+    isHorizontal: typeof isHorizontal;
+    allowDirections: import('vue').ComputedRef<("top" | "bottom" | "left" | "right")[]>;
+    onTiggerResize: (direction: DirectionType, entry: ResizeObserverEntry) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:width': (width: number) => true;
+    'update:height': (height: number) => true;
+    /**
+     * @zh 拖拽开始时触发
+     * @en Triggered when dragging starts
+     * @param {MouseEvent} ev
+     */
+    movingStart: (ev: MouseEvent) => true;
+    /**
+     * @zh 拖拽时触发
+     * @en Triggered when dragging
+     * @param {{ width: number; height: number; }} size
+     * @param {MouseEvent} ev
+     */
+    moving: (size: {
+        width: number;
+        height: number;
+    }, ev: MouseEvent) => true;
+    /**
+     * @zh 拖拽结束时触发
+     * @en Triggered when the drag ends
+     * @param {MouseEvent} ev
+     */
+    movingEnd: (ev: MouseEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 宽度
+     * @en Width
+     * @vModel
+     */
+    width: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh 高度
+     * @en Height
+     * @vModel
+     */
+    height: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh 伸缩框的 html 标签
+     * @en The html tag of the telescopic box
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @zh 可以进行伸缩的边，有上、下、左、右可以使用
+     * @en Can be stretched side, there are up, down, left and right can be used
+     * */
+    directions: {
+        type: PropType<("left" | "right" | "top" | "bottom")[]>;
+        default: () => string[];
+    };
+}>> & Readonly<{
+    onMoving?: ((size: {
+        width: number;
+        height: number;
+    }, ev: MouseEvent) => any) | undefined;
+    "onUpdate:width"?: ((width: number) => any) | undefined;
+    "onUpdate:height"?: ((height: number) => any) | undefined;
+    onMovingStart?: ((ev: MouseEvent) => any) | undefined;
+    onMovingEnd?: ((ev: MouseEvent) => any) | undefined;
+}>, {
+    component: string;
+    directions: ("top" | "bottom" | "left" | "right")[];
+}, {}, {
+    ResizeTrigger: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        prefixCls: {
+            type: StringConstructor;
+            required: true;
+        };
+        direction: {
+            type: PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+    }>, {
+        classNames: import('vue').ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        onResize: (entry: ResizeObserverEntry) => void;
+        isHorizontal: import('vue').ComputedRef<boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        prefixCls: {
+            type: StringConstructor;
+            required: true;
+        };
+        direction: {
+            type: PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+    }>> & Readonly<{
+        onResize?: ((...args: any[]) => any) | undefined;
+    }>, {
+        direction: "horizontal" | "vertical";
+    }, {}, {
+        ResizeObserver: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<{}> & Readonly<{
+            onResize?: ((...args: any[]) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconDragDot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            rotate: {
+                type: NumberConstructor;
+                default: undefined;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            fillColor: {
+                type: ArrayConstructor;
+                default: undefined;
+            };
+        }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            rotate: {
+                type: NumberConstructor;
+                default: undefined;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            fillColor: {
+                type: ArrayConstructor;
+                default: undefined;
+            };
+        }>> & Readonly<{}>, {
+            size: string | number;
+            rotate: number;
+            spin: boolean;
+            color: string;
+            fillColor: unknown[];
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconDragDotVertical: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            rotate: {
+                type: NumberConstructor;
+                default: undefined;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            fillColor: {
+                type: ArrayConstructor;
+                default: undefined;
+            };
+        }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            rotate: {
+                type: NumberConstructor;
+                default: undefined;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            fillColor: {
+                type: ArrayConstructor;
+                default: undefined;
+            };
+        }>> & Readonly<{}>, {
+            size: string | number;
+            rotate: number;
+            spin: boolean;
+            color: string;
+            fillColor: unknown[];
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;