@vtj/ui 0.0.1-alpha.5 → 0.0.1

package/types/components/wrapper/wrapper.d.ts

@@ -0,0 +1,145 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { BlockDirection, BlockWrap, BlockOverflow, Emits } from '../..';
+/**
+ * 定义组件属性参数
+ */
+export declare const wrapperProps: {
+    position: {
+        type: PropType<"bottom" | "top" | "none">;
+        default: string;
+    };
+    fixed: {
+        type: PropType<Partial<ExtractPropTypes<{
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            direction: {
+                type: PropType<BlockDirection>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: PropType<BlockWrap>;
+                default: string;
+            };
+            justify: {
+                type: StringConstructor;
+                default: string;
+            };
+            align: {
+                type: StringConstructor;
+                default: string;
+            };
+            border: {
+                type: BooleanConstructor;
+            };
+            radius: {
+                type: BooleanConstructor;
+            };
+            background: {
+                type: BooleanConstructor;
+            };
+            split: {
+                type: BooleanConstructor;
+            };
+            fit: {
+                type: BooleanConstructor;
+            };
+            overflow: {
+                type: PropType<BlockOverflow>;
+                default: string;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>;
+    };
+    body: {
+        type: PropType<Partial<ExtractPropTypes<{
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            direction: {
+                type: PropType<BlockDirection>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: PropType<BlockWrap>;
+                default: string;
+            };
+            justify: {
+                type: StringConstructor;
+                default: string;
+            };
+            align: {
+                type: StringConstructor;
+                default: string;
+            };
+            border: {
+                type: BooleanConstructor;
+            };
+            radius: {
+                type: BooleanConstructor;
+            };
+            background: {
+                type: BooleanConstructor;
+            };
+            split: {
+                type: BooleanConstructor;
+            };
+            fit: {
+                type: BooleanConstructor;
+            };
+            overflow: {
+                type: PropType<BlockOverflow>;
+                default: string;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>;
+    };
+};
+/**
+ * 定义组件事件
+ */
+export declare const wrapperEmits: {};
+/**
+ * 组件属性类型
+ */
+export type WrapperProps = Partial<ExtractPropTypes<typeof wrapperProps>>;
+/**
+ * 组件事件类型
+ */
+export type WrapperEmits = Emits<typeof wrapperEmits>;

package/types/constants.d.ts

@@ -1 +1,4 @@
 export declare const INSTALLED_KEY: unique symbol;
+export declare const IS_DRAGGING_CLASS_NAME = "is-dragging";
+export declare const IS_RESIZING_CLASS_NAME = "is-resizing";
+export type ButtonSize = '' | 'default' | 'small' | 'large';

package/types/hooks/index.d.ts

@@ -1 +1,4 @@
 export * from './useConfig';
+export * from './useIcon';
+export * from './useDraggable';
+export * from './useResizable';

package/types/hooks/useConfig.d.ts

@@ -1,4 +1,4 @@
-import type { ComputedRef, Ref } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 import { ConfigContext } from '../components';
 export declare function useConfig<T>(key?: keyof ConfigContext, defaultValue?: any): ComputedRef<T>;
 export declare function setConfig(value: ConfigContext | Ref<ConfigContext>): void;

package/types/hooks/useDraggable.d.ts

@@ -0,0 +1,13 @@
+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/useIcon.d.ts

@@ -0,0 +1,4 @@
+import { ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, ComputedRef, DefineComponent } from 'vue';
+import { IconParam, IconProps } from '..';
+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;

package/types/hooks/useResizable.d.ts

@@ -0,0 +1,25 @@
+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/index.d.ts

@@ -1,11 +1,13 @@
-import type { ConfigProps } from './components';
-import type { App } from 'vue';
+import { ConfigProps } from './components';
+import { App } from 'vue';
 import components from './list';
+export { components };
 export * from './components';
 export * from './hooks';
+export * from './utils';
+export * from './constants';
 declare const installer: {
     install: (app: App<any>, options?: Partial<ConfigProps> | undefined) => void;
 };
 export declare const install: (app: App<any>, options?: Partial<ConfigProps> | undefined) => void;
 export default installer;
-export { components };