@vtj/ui 0.5.3 → 0.6.0

package/types/directives/vDraggable.d.ts

@@ -0,0 +1,45 @@
+import { Directive, MaybeRef } from 'vue';
+import { UseDraggableOptions } from '@vueuse/core';
+declare global {
+    interface HTMLElement {
+        __draggable__?: Draggable | null;
+    }
+}
+export interface DraggableOptions extends UseDraggableOptions {
+    /**
+     * 限制在元素范围内拖拽
+     */
+    target?: MaybeRef<HTMLElement> | string;
+    /**
+     * 拖拽 handle 选择器
+     */
+    selector?: string;
+    /**
+     *  禁用
+     */
+    disabled?: boolean;
+    /**
+     * 延时
+     */
+    delay?: number;
+    /**
+     * 目标边缘距离
+     */
+    edge?: number;
+}
+export declare class Draggable {
+    el: HTMLElement;
+    options: DraggableOptions;
+    private scope;
+    dragging: boolean;
+    constructor(el: HTMLElement, options?: DraggableOptions);
+    private getHandle;
+    private getTarget;
+    init(): void;
+    getPosition(targetRect: DOMRect, rect: DOMRect, x: number, y: number): {
+        x: number;
+        y: number;
+    };
+    destory(): void;
+}
+export declare const vDraggable: Directive<HTMLElement, DraggableOptions>;

package/types/directives/vResizable.d.ts

@@ -0,0 +1,37 @@
+import { Directive, Ref } from 'vue';
+import { useMouseInElement, Fn } from '@vueuse/core';
+declare global {
+    interface HTMLElement {
+        __resizable__?: Resizable | null;
+    }
+}
+export type UseMouseInElementReturn = ReturnType<typeof useMouseInElement>;
+export type ResizableDir = 'n' | 's' | 'w' | 'e';
+export interface ResizableOptions {
+    disabled?: boolean;
+    edge?: number;
+    dirs?: ResizableDir[];
+    onStart?: (dir: string, mie: UseMouseInElementReturn) => void;
+    onEnd?: (dir: string, mie: UseMouseInElementReturn) => void;
+    onResizing?: (dir: string, mie: UseMouseInElementReturn) => void;
+    minWidth?: number;
+    minHeight?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+}
+export declare class Resizable {
+    el: HTMLElement;
+    options: ResizableOptions;
+    private scope;
+    resizing: Ref<boolean>;
+    direction: Ref<string>;
+    MIE: UseMouseInElementReturn | null;
+    cleanMousedown?: Fn;
+    cleanMouseup?: Fn;
+    constructor(el: HTMLElement, options?: ResizableOptions);
+    init(): void;
+    resize(): void;
+    getDirection(): string;
+    destory(): void;
+}
+export declare const vResizable: Directive<HTMLElement, ResizableOptions>;

package/types/hooks/index.d.ts

@@ -1,3 +1,2 @@
 export * from './useIcon';
-export * from './useDraggable';
-export * from './useResizable';
+export * from './useDisabled';

package/types/hooks/useDisabled.d.ts

@@ -0,0 +1,3 @@
+import { ComputedRef, MaybeRef } from 'vue';
+export type IUseDisabled = MaybeRef<undefined | boolean | ((...args: any[]) => boolean)>;
+export declare function useDisabled(disabled: IUseDisabled, params?: any): ComputedRef<boolean>;

package/types/hooks/useIcon.d.ts

@@ -1,4 +1,4 @@
-import { ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, ComputedRef, DefineComponent } from 'vue';
+import { Raw, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, ComputedRef, DefineComponent, MaybeRef } from 'vue';
 import { IconParam, IconProps } from '../components';
-export declare function useIconProps(icon?: IconParam): ComputedRef<IconProps | null>;
-export declare function useIcon(icon?: IconParam): DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}, {}> | null;
+export declare function useIconProps(iconRef: MaybeRef<IconParam | undefined>): ComputedRef<IconProps | null>;
+export declare function useIcon(icon: MaybeRef<IconParam | undefined>): Raw<DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}, {}>> | null;

package/types/index.d.ts

@@ -2,7 +2,10 @@ import { App } from 'vue';
 import components from './list';
 export { components };
 export * from './components';
+export * from './directives';
 export * from './hooks';
 export * from './utils';
 export * from './constants';
+export * from './version';
 export declare const install: (app: App<any>) => void;
+export default install;

package/types/utils/index.d.ts

@@ -1,4 +1,2 @@
 export * from './util';
-export * from './emits';
 export * from './install';
-export * from './make-install';

package/types/utils/install.d.ts

@@ -1,9 +1,4 @@
-import type { Directive, AppContext, Plugin } from 'vue';
-export type WithInstall<T> = T & Plugin;
-export type InstallWithContext<T> = WithInstall<T> & {
-    _context: AppContext | null;
+import type { App } from 'vue';
+export declare const makeInstaller: (components?: any[]) => {
+    install: (app: App) => void;
 };
-export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E | undefined) => WithInstall<T> & E;
-export declare const withInstallFunction: <T>(fn: T, name: string) => InstallWithContext<T>;
-export declare const withInstallDirective: <T extends Directive>(directive: T, name: string) => WithInstall<T>;
-export declare const withNoopInstall: <T>(component: T) => WithInstall<T>;

package/types/utils/util.d.ts

@@ -1,6 +1,3 @@
-export type UnReadOnly<T> = {
-    -readonly [P in keyof T]: T[P];
-};
 export declare function getSizeValue(value: string | number): string;
 export declare function parseSize(size: string | number | undefined, max: number): number;
 export declare function omit<T extends Record<string, any>, K extends Record<string, any>>(target: T, keys: string[]): K;

package/types/version.d.ts

@@ -0,0 +1 @@
+export declare const version = "0.6.0";

package/types/hooks/useDraggable.d.ts

@@ -1,13 +0,0 @@
-import { ComputedRef, Ref } from 'vue';
-import { UseDraggableOptions as UseCoreDraggableOptions } from '@vueuse/core';
-export interface UseDraggableOptions extends UseCoreDraggableOptions {
-    selector?: string;
-    edge?: number;
-    wrapper?: Ref<HTMLElement | undefined | null>;
-    delay?: number;
-}
-export declare function useDraggable(el: Ref<HTMLElement | undefined | null>, options?: UseDraggableOptions): {
-    x: Ref<number>;
-    y: Ref<number>;
-    isDragging: ComputedRef<boolean>;
-};

package/types/hooks/useResizable.d.ts

@@ -1,25 +0,0 @@
-import { Ref } from 'vue';
-import { useElementBounding, UseElementBoundingOptions } from '@vueuse/core';
-export type UseElementBoundingReturn = ReturnType<typeof useElementBounding>;
-export type UseResizableDir = 'n' | 's' | 'w' | 'e';
-export interface UseResizableOptions {
-    edge?: number;
-    dirs?: UseResizableDir[];
-    onStart?: (bounding: UseElementBoundingReturn) => void;
-    onEnd?: (bounding: UseElementBoundingReturn) => void;
-    onResizing?: (bounding: UseElementBoundingReturn) => void;
-    minWidth?: number;
-    minHeight?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-    boundingOptions?: UseElementBoundingOptions;
-}
-export declare function useResizable(el: Ref<HTMLElement | undefined | null>, options?: UseResizableOptions | null): {
-    left: Ref<number>;
-    top: Ref<number>;
-    width: Ref<number>;
-    height: Ref<number>;
-    direction: Ref<string>;
-    resizing: Ref<boolean>;
-    update: () => void;
-};

package/types/utils/emits.d.ts

@@ -1,6 +0,0 @@
-type ObjectEmitsOptions = Record<string, ((...args: any[]) => any) | null>;
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
-export type Emits<Options = ObjectEmitsOptions, Event extends keyof Options = keyof Options> = Options extends Array<infer V> ? (event: V, ...args: any[]) => void : {} extends Options ? (event: string, ...args: any[]) => void : UnionToIntersection<{
-    [key in Event]: Options[key] extends (...args: infer Args) => any ? (event: key, ...args: Args) => void : (event: key, ...args: any[]) => void;
-}[Event]>;
-export {};

package/types/utils/make-install.d.ts

@@ -1,4 +0,0 @@
-import type { App } from 'vue';
-export declare const makeInstaller: (components?: any[]) => {
-    install: (app: App) => void;
-};