@vtj/ui 0.5.3 → 0.6.0

package/types/components/panel/Panel.d.ts

@@ -0,0 +1,401 @@
+import { IconParam, ContainerDirection, ContainerWrap, ContainerJustifyContent, ContainerAlignItems, ContainerAlignContent } from '../';
+import { BaseSize } from '../shared';
+import { DefineComponent, PropType, ExtractPropTypes, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    radius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    card: {
+        type: BooleanConstructor;
+    };
+    size: {
+        type: PropType<BaseSize>;
+    };
+    shadow: {
+        type: PropType<"hover" | "always" | "none">;
+    };
+    header: {
+        type: PropType<string | Readonly<Partial<ExtractPropTypes<{
+            size: {
+                type: PropType<BaseSize>;
+                default: string;
+            };
+            content: {
+                type: StringConstructor;
+                default: string;
+            };
+            subtitle: {
+                type: StringConstructor;
+            };
+            icon: {
+                type: PropType<IconParam>;
+            };
+            border: {
+                type: BooleanConstructor;
+            };
+            more: {
+                type: BooleanConstructor;
+            };
+        }>>> | null>;
+    };
+    bodyPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    footerPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    body: {
+        type: PropType<Readonly<Partial<ExtractPropTypes<{
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            fit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            inline: {
+                type: BooleanConstructor;
+            };
+            direction: {
+                type: PropType<ContainerDirection>;
+                default: string;
+            };
+            wrap: {
+                type: PropType<ContainerWrap>;
+                default: string;
+            };
+            justify: {
+                type: PropType<ContainerJustifyContent>;
+                default: string;
+            };
+            align: {
+                type: PropType<ContainerAlignItems>;
+                default: string;
+            };
+            alignContent: {
+                type: PropType<ContainerAlignContent>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            alignSelf: {
+                type: PropType<"auto" | ContainerAlignItems>;
+                default: string;
+            };
+            overflow: {
+                type: PropType<"hidden" | "visible" | "auto">;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>>;
+    };
+    footer: {
+        type: PropType<Readonly<Partial<ExtractPropTypes<{
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            fit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            inline: {
+                type: BooleanConstructor;
+            };
+            direction: {
+                type: PropType<ContainerDirection>;
+                default: string;
+            };
+            wrap: {
+                type: PropType<ContainerWrap>;
+                default: string;
+            };
+            justify: {
+                type: PropType<ContainerJustifyContent>;
+                default: string;
+            };
+            align: {
+                type: PropType<ContainerAlignItems>;
+                default: string;
+            };
+            alignContent: {
+                type: PropType<ContainerAlignContent>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            alignSelf: {
+                type: PropType<"auto" | ContainerAlignItems>;
+                default: string;
+            };
+            overflow: {
+                type: PropType<"hidden" | "visible" | "auto">;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>>;
+    };
+}, {
+    bodyRef: Ref<any>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    radius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    card: {
+        type: BooleanConstructor;
+    };
+    size: {
+        type: PropType<BaseSize>;
+    };
+    shadow: {
+        type: PropType<"hover" | "always" | "none">;
+    };
+    header: {
+        type: PropType<string | Readonly<Partial<ExtractPropTypes<{
+            size: {
+                type: PropType<BaseSize>;
+                default: string;
+            };
+            content: {
+                type: StringConstructor;
+                default: string;
+            };
+            subtitle: {
+                type: StringConstructor;
+            };
+            icon: {
+                type: PropType<IconParam>;
+            };
+            border: {
+                type: BooleanConstructor;
+            };
+            more: {
+                type: BooleanConstructor;
+            };
+        }>>> | null>;
+    };
+    bodyPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    footerPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    body: {
+        type: PropType<Readonly<Partial<ExtractPropTypes<{
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            fit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            inline: {
+                type: BooleanConstructor;
+            };
+            direction: {
+                type: PropType<ContainerDirection>;
+                default: string;
+            };
+            wrap: {
+                type: PropType<ContainerWrap>;
+                default: string;
+            };
+            justify: {
+                type: PropType<ContainerJustifyContent>;
+                default: string;
+            };
+            align: {
+                type: PropType<ContainerAlignItems>;
+                default: string;
+            };
+            alignContent: {
+                type: PropType<ContainerAlignContent>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            alignSelf: {
+                type: PropType<"auto" | ContainerAlignItems>;
+                default: string;
+            };
+            overflow: {
+                type: PropType<"hidden" | "visible" | "auto">;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>>;
+    };
+    footer: {
+        type: PropType<Readonly<Partial<ExtractPropTypes<{
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            fit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            inline: {
+                type: BooleanConstructor;
+            };
+            direction: {
+                type: PropType<ContainerDirection>;
+                default: string;
+            };
+            wrap: {
+                type: PropType<ContainerWrap>;
+                default: string;
+            };
+            justify: {
+                type: PropType<ContainerJustifyContent>;
+                default: string;
+            };
+            align: {
+                type: PropType<ContainerAlignItems>;
+                default: string;
+            };
+            alignContent: {
+                type: PropType<ContainerAlignContent>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            alignSelf: {
+                type: PropType<"auto" | ContainerAlignItems>;
+                default: string;
+            };
+            overflow: {
+                type: PropType<"hidden" | "visible" | "auto">;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>>;
+    };
+}>>, {
+    fit: boolean;
+    border: boolean;
+    radius: boolean;
+    card: boolean;
+    bodyPadding: boolean;
+    footerPadding: boolean;
+}, {}>, {
+    header?(_: {}): any;
+    title?(_: {}): any;
+    actions?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/panel/index.d.ts

@@ -0,0 +1,3 @@
+import XPanel from "./Panel";
+export { XPanel };
+export * from './types';

package/types/components/panel/types.d.ts

@@ -0,0 +1,223 @@
+import { IconParam, ContainerDirection, ContainerWrap, ContainerJustifyContent, ContainerAlignItems, ContainerAlignContent } from '../';
+import { ExtractPropTypes, PropType } from 'vue';
+import { ComponentPropsType, BaseSize } from '../shared';
+export declare const panelProps: {
+    /**
+     * 宽高自适应
+     */
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 指定高度，fit 为true 失效
+     */
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     * 指定高度，fit 为true失效
+     */
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     * 显示边框
+     */
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 圆角
+     */
+    radius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 卡片模式
+     */
+    card: {
+        type: BooleanConstructor;
+    };
+    /**
+     * 尺寸
+     */
+    size: {
+        type: PropType<BaseSize>;
+    };
+    /**
+     * 阴影设置
+     */
+    shadow: {
+        type: PropType<"hover" | "always" | "none">;
+    };
+    /**
+     * 头部设置
+     */
+    header: {
+        type: PropType<string | Readonly<Partial<ExtractPropTypes<{
+            size: {
+                type: PropType<BaseSize>;
+                default: string;
+            };
+            content: {
+                type: StringConstructor;
+                default: string;
+            };
+            subtitle: {
+                type: StringConstructor;
+            };
+            /**
+             * 指定高度，fit 为true失效
+             */
+            icon: {
+                type: PropType<IconParam>;
+            };
+            border: {
+                type: BooleanConstructor;
+            };
+            more: {
+                type: BooleanConstructor;
+            };
+        }>>> | null>;
+    };
+    bodyPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    footerPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    body: {
+        type: PropType<Readonly<Partial<ExtractPropTypes<{
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            fit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            inline: {
+                type: BooleanConstructor;
+            };
+            direction: {
+                type: PropType<ContainerDirection>;
+                default: string;
+            };
+            wrap: {
+                type: PropType<ContainerWrap>;
+                default: string;
+            };
+            justify: {
+                type: PropType<ContainerJustifyContent>;
+                default: string;
+            };
+            align: {
+                type: PropType<ContainerAlignItems>;
+                default: string;
+            };
+            alignContent: {
+                type: PropType<ContainerAlignContent>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            alignSelf: {
+                type: PropType<"auto" | ContainerAlignItems>;
+                default: string;
+            };
+            overflow: {
+                type: PropType<"hidden" | "visible" | "auto">;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>>;
+    };
+    footer: {
+        type: PropType<Readonly<Partial<ExtractPropTypes<{
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            fit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            inline: {
+                type: BooleanConstructor;
+            };
+            direction: {
+                type: PropType<ContainerDirection>;
+                default: string;
+            };
+            wrap: {
+                type: PropType<ContainerWrap>;
+                default: string;
+            };
+            justify: {
+                type: PropType<ContainerJustifyContent>;
+                default: string;
+            };
+            align: {
+                type: PropType<ContainerAlignItems>;
+                default: string;
+            };
+            alignContent: {
+                type: PropType<ContainerAlignContent>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            alignSelf: {
+                type: PropType<"auto" | ContainerAlignItems>;
+                default: string;
+            };
+            overflow: {
+                type: PropType<"hidden" | "visible" | "auto">;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>>;
+    };
+};
+export type PanelProps = ComponentPropsType<typeof panelProps>;

package/types/components/shared.d.ts

@@ -1,3 +1,4 @@
+import { ExtractPropTypes } from 'vue';
 import type { MenuProps } from './menu';
 export interface MaskProject {
     id?: string;
@@ -12,3 +13,14 @@ export interface BaseMaskProps {
     project?: MaskProject;
     menu?: MenuProps;
 }
+export type ComponentPropsType<T> = Readonly<Partial<ExtractPropTypes<T>>>;
+export type UnReadOnly<T> = {
+    -readonly [P in keyof T]: T[P];
+};
+export type BaseSize = 'large' | 'default' | 'small';
+export type BaseType = 'primary' | 'success' | 'warning' | 'danger' | 'info';
+export type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+export type RecordToUnion<T extends Record<string, any>> = T[keyof T];
+export type Emits<T extends Record<string, any>> = UnionToIntersection<RecordToUnion<{
+    [K in keyof T]: (evt: K, ...args: T[K]) => void;
+}>>;

package/types/components/startup/Startup.d.ts

@@ -1,19 +1,29 @@
 import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
 export interface StartupProps {
     text?: string;
+    link?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
     text: {
         type: PropType<string>;
         default: string;
     };
+    link: {
+        type: PropType<string>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     text: {
         type: PropType<string>;
         default: string;
     };
+    link: {
+        type: PropType<string>;
+        default: string;
+    };
 }>>, {
     text: string;
+    link: string;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/types/constants.d.ts

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

@@ -0,0 +1,2 @@
+export * from './vDraggable';
+export * from './vResizable';