@vtj/ui 0.0.6 → 0.4.1

package/types/components/help/Help.vue.d.ts

@@ -0,0 +1,315 @@
+import { HelpType, IconSize, IconParam, UseDraggableOptions, UseResizableOptions, ToolbarItem } from '../..';
+import { DefineComponent, PropType, ExtractPropTypes, VNode, RendererNode, RendererElement, ComputedOptions, MethodOptions, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+declare const _default: DefineComponent<{
+    type: {
+        type: PropType<HelpType>;
+        default: string;
+    };
+    icon: {
+        type: PropType<Partial<ExtractPropTypes<{
+            icon: {
+                type: PropType<string | object | VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>>;
+            };
+            color: {
+                type: StringConstructor;
+            };
+            size: {
+                type: PropType<IconSize>;
+                default: string;
+            };
+            src: {
+                type: StringConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+        }>>>;
+        default: () => {
+            icon: DefineComponent<{}, {}, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+        };
+    };
+    tooltip: {
+        type: StringConstructor;
+    };
+    url: {
+        type: StringConstructor;
+    };
+    openType: {
+        type: StringConstructor;
+        default: string;
+    };
+    dialog: {
+        type: PropType<Partial<ExtractPropTypes<{
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            autoFit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            icon: {
+                type: PropType<IconParam>;
+            };
+            small: {
+                type: BooleanConstructor;
+            };
+            draggable: {
+                type: PropType<boolean | UseDraggableOptions>;
+                default: boolean;
+            };
+            resizable: {
+                type: PropType<boolean | UseResizableOptions>;
+                default: boolean;
+            };
+            footer: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maximizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            minimizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tools: {
+                type: PropType<ToolbarItem[]>;
+                default: () => never[];
+            };
+            closeOnClickModal: {
+                type: BooleanConstructor;
+            };
+            confirmText: {
+                type: PropType<string | false>;
+                default: string;
+            };
+            confirm: {
+                type: PropType<() => Promise<boolean>>;
+            };
+            cancelText: {
+                type: PropType<string | false>;
+                default: string;
+            };
+            cancel: {
+                type: PropType<() => Promise<boolean>>;
+            };
+            beforeClose: {
+                type: PropType<() => Promise<boolean>>;
+            };
+            src: {
+                type: StringConstructor;
+            };
+            content: {
+                type: PropType<VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }> | DefineComponent>;
+            };
+            zIndex: {
+                type: NumberConstructor;
+                default(): number;
+            };
+            bodyPadding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            theme: {
+                type: PropType<"default" | "newpearl">;
+                default: string;
+            };
+        }>>>;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    open: () => boolean;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    type: {
+        type: PropType<HelpType>;
+        default: string;
+    };
+    icon: {
+        type: PropType<Partial<ExtractPropTypes<{
+            icon: {
+                type: PropType<string | object | VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>>;
+            };
+            color: {
+                type: StringConstructor;
+            };
+            size: {
+                type: PropType<IconSize>;
+                default: string;
+            };
+            src: {
+                type: StringConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+        }>>>;
+        default: () => {
+            icon: DefineComponent<{}, {}, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+        };
+    };
+    tooltip: {
+        type: StringConstructor;
+    };
+    url: {
+        type: StringConstructor;
+    };
+    openType: {
+        type: StringConstructor;
+        default: string;
+    };
+    dialog: {
+        type: PropType<Partial<ExtractPropTypes<{
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            autoFit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            icon: {
+                type: PropType<IconParam>;
+            };
+            small: {
+                type: BooleanConstructor;
+            };
+            draggable: {
+                type: PropType<boolean | UseDraggableOptions>;
+                default: boolean;
+            };
+            resizable: {
+                type: PropType<boolean | UseResizableOptions>;
+                default: boolean;
+            };
+            footer: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maximizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            minimizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tools: {
+                type: PropType<ToolbarItem[]>;
+                default: () => never[];
+            };
+            closeOnClickModal: {
+                type: BooleanConstructor;
+            };
+            confirmText: {
+                type: PropType<string | false>;
+                default: string;
+            };
+            confirm: {
+                type: PropType<() => Promise<boolean>>;
+            };
+            cancelText: {
+                type: PropType<string | false>;
+                default: string;
+            };
+            cancel: {
+                type: PropType<() => Promise<boolean>>;
+            };
+            beforeClose: {
+                type: PropType<() => Promise<boolean>>;
+            };
+            src: {
+                type: StringConstructor;
+            };
+            content: {
+                type: PropType<VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }> | DefineComponent>;
+            };
+            zIndex: {
+                type: NumberConstructor;
+                default(): number;
+            };
+            bodyPadding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            theme: {
+                type: PropType<"default" | "newpearl">;
+                default: string;
+            };
+        }>>>;
+    };
+}>> & {
+    onOpen?: (() => any) | undefined;
+}, {
+    type: HelpType;
+    icon: Partial<ExtractPropTypes<{
+        icon: {
+            type: PropType<string | object | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>>;
+        };
+        color: {
+            type: StringConstructor;
+        };
+        size: {
+            type: PropType<IconSize>;
+            default: string;
+        };
+        src: {
+            type: StringConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+    }>>;
+    openType: string;
+}, {}>;
+export default _default;

package/types/components/help/help.d.ts

@@ -0,0 +1,172 @@
+import { VNode, RendererNode, RendererElement, DefineComponent, ComputedOptions, MethodOptions, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, PropType, ExtractPropTypes } from 'vue';
+import { IconSize, IconParam, UseDraggableOptions, UseResizableOptions, ToolbarItem, Emits } from '../..';
+import type Help from './Help.vue';
+export type HelpType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export type HelpOpenType = 'dialog' | 'window' | 'href' | 'router';
+/**
+ * 定义组件属性参数
+ */
+export declare const helpProps: {
+    type: {
+        type: PropType<HelpType>;
+        default: string;
+    };
+    icon: {
+        type: PropType<Partial<ExtractPropTypes<{
+            icon: {
+                type: PropType<string | object | VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>>;
+            };
+            color: {
+                type: StringConstructor;
+            };
+            size: {
+                type: PropType<IconSize>;
+                default: string;
+            };
+            src: {
+                type: StringConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+        }>>>;
+        default: () => {
+            icon: DefineComponent<{}, {}, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+        };
+    };
+    tooltip: {
+        type: StringConstructor;
+    };
+    url: {
+        type: StringConstructor;
+    };
+    openType: {
+        type: StringConstructor;
+        default: string;
+    };
+    dialog: {
+        type: PropType<Partial<ExtractPropTypes<{
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            autoFit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            /**
+             * 组件实例
+             */
+            icon: {
+                type: PropType<IconParam>;
+            };
+            small: {
+                type: BooleanConstructor;
+            };
+            draggable: {
+                type: PropType<boolean | UseDraggableOptions>;
+                default: boolean;
+            };
+            resizable: {
+                type: PropType<boolean | UseResizableOptions>;
+                default: boolean;
+            };
+            footer: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maximizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            minimizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tools: {
+                type: PropType<ToolbarItem[]>;
+                default: () => never[];
+            };
+            closeOnClickModal: {
+                type: BooleanConstructor;
+            };
+            confirmText: {
+                type: PropType<string | false>;
+                default: string;
+            };
+            confirm: {
+                type: PropType<() => Promise<boolean>>;
+            };
+            cancelText: {
+                type: PropType<string | false>;
+                default: string;
+            };
+            cancel: {
+                type: PropType<() => Promise<boolean>>;
+            };
+            beforeClose: {
+                type: PropType<() => Promise<boolean>>;
+            };
+            src: {
+                type: StringConstructor;
+            };
+            content: {
+                type: PropType<VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }> | DefineComponent>;
+            };
+            zIndex: {
+                type: NumberConstructor;
+                default(): number;
+            };
+            bodyPadding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            theme: {
+                type: PropType<"default" | "newpearl">;
+                default: string;
+            };
+        }>>>;
+    };
+};
+/**
+ * 定义组件事件
+ */
+export declare const helpEmits: {
+    open: () => boolean;
+};
+/**
+ * 组件属性类型
+ */
+export type HelpProps = Partial<ExtractPropTypes<typeof helpProps>>;
+/**
+ * 组件事件类型
+ */
+export type HelpEmits = Emits<typeof helpEmits>;
+/**
+ * 组件实例
+ */
+export type HelpInstance = InstanceType<typeof Help>;

package/types/components/help/hooks.d.ts

@@ -0,0 +1,18 @@
+import { IconSize } from '../..';
+import { ComputedRef, RendererNode, RendererElement, ComponentInternalInstance, VNode } from 'vue';
+import { HelpProps, HelpEmits } from './help';
+export declare function useIcon(props: HelpProps): ComputedRef<{
+    color: string;
+    size?: IconSize | undefined;
+    disabled?: boolean | undefined;
+    icon?: string | object | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | undefined;
+    src?: string | undefined;
+}>;
+export declare function useDialog(props: HelpProps): {
+    openDialog: (url: string | (() => VNode)) => void;
+};
+export declare function useEvents(props: HelpProps, emit: HelpEmits, instance: ComponentInternalInstance | null, slots: any): {
+    onClick: () => void;
+};