vue-devui 1.2.0 → 1.2.1-alpha.0

package/types/panel/src/components/panel-footer.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/types/panel/src/components/panel-header.d.ts

@@ -0,0 +1,61 @@
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: () => import("../panel-types").PanelType;
+        default: string;
+    };
+    cssClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    isCollapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeToggle: {
+        type: () => (value: boolean, done?: (() => void) | undefined) => unknown;
+        default: null;
+    };
+    showAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasLeftPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "toggle"[], "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: () => import("../panel-types").PanelType;
+        default: string;
+    };
+    cssClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    isCollapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeToggle: {
+        type: () => (value: boolean, done?: (() => void) | undefined) => unknown;
+        default: null;
+    };
+    showAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasLeftPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onToggle?: ((...args: any[]) => any) | undefined;
+}, {
+    type: import("../panel-types").PanelType;
+    cssClass: string;
+    showAnimation: boolean;
+    isCollapsed: boolean;
+    beforeToggle: (value: boolean, done?: (() => void) | undefined) => unknown;
+    hasLeftPadding: boolean;
+}>;
+export default _default;

package/types/panel/src/panel-types.d.ts

@@ -0,0 +1,29 @@
+import { ExtractPropTypes } from 'vue';
+export declare type PanelType = 'default' | 'primary' | 'success' | 'danger' | 'warning' | 'info';
+export declare const panelProps: {
+    type: {
+        type: () => PanelType;
+        default: string;
+    };
+    cssClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    isCollapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeToggle: {
+        type: () => (value: boolean, done?: (() => void) | undefined) => unknown;
+        default: null;
+    };
+    showAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasLeftPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare type PanelProps = ExtractPropTypes<typeof panelProps>;

package/types/panel/src/panel.d.ts

@@ -0,0 +1,62 @@
+import './panel.scss';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: () => import("./panel-types").PanelType;
+        default: string;
+    };
+    cssClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    isCollapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeToggle: {
+        type: () => (value: boolean, done?: (() => void) | undefined) => unknown;
+        default: null;
+    };
+    showAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasLeftPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "toggle"[], "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: () => import("./panel-types").PanelType;
+        default: string;
+    };
+    cssClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    isCollapsed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeToggle: {
+        type: () => (value: boolean, done?: (() => void) | undefined) => unknown;
+        default: null;
+    };
+    showAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasLeftPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onToggle?: ((...args: any[]) => any) | undefined;
+}, {
+    type: import("./panel-types").PanelType;
+    cssClass: string;
+    showAnimation: boolean;
+    isCollapsed: boolean;
+    beforeToggle: (value: boolean, done?: (() => void) | undefined) => unknown;
+    hasLeftPadding: boolean;
+}>;
+export default _default;

package/types/panel/src/store/index.d.ts

@@ -0,0 +1,7 @@
+export declare const option: Record<string, unknown>;
+declare class Store {
+    static getByKey(timeStamp: string): unknown;
+    static state(): Record<string, unknown>;
+    static setData(key: string, value: unknown): void;
+}
+export default Store;

package/types/popover/__tests__/popover.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/popover/index.d.ts

@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import Popover from './src/popover';
+export * from './src/popover-types';
+export { Popover };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/types/popover/src/popover-icon.d.ts

@@ -0,0 +1,17 @@
+import type { PropType } from 'vue';
+import { PopType } from './popover-types';
+import './popover-icon.scss';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: PropType<PopType>;
+        default: string;
+    };
+}, () => false | JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<PopType>;
+        default: string;
+    };
+}>>, {
+    type: PopType;
+}>;
+export default _default;

package/types/popover/src/popover-icons.d.ts

@@ -0,0 +1,4 @@
+export declare function SuccessIcon(): JSX.Element;
+export declare function WarningIcon(): JSX.Element;
+export declare function InfoIcon(): JSX.Element;
+export declare function ErrorIcon(): JSX.Element;

package/types/popover/src/popover-types.d.ts

@@ -0,0 +1,62 @@
+import type { PropType, ExtractPropTypes, Ref } from 'vue';
+export declare type TriggerType = 'click' | 'hover' | 'manually';
+export declare type PopType = 'success' | 'error' | 'warning' | 'info' | 'default';
+export declare type Placement = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
+export declare type Alignment = 'start' | 'end';
+export declare type OffsetOptions = {
+    mainAxis?: number;
+    crossAxis?: number;
+};
+export declare const popoverProps: {
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<Placement[]>;
+        default: string[];
+    };
+    align: {
+        type: PropType<Alignment> | null;
+        default: null;
+    };
+    offset: {
+        type: PropType<number | OffsetOptions>;
+        default: number;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    trigger: {
+        type: PropType<TriggerType>;
+        default: string;
+    };
+    popType: {
+        type: PropType<PopType>;
+        default: string;
+    };
+    showAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mouseEnterDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    mouseLeaveDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare type PopoverProps = ExtractPropTypes<typeof popoverProps>;
+export interface UsePopoverEvent {
+    placement: Ref<string>;
+    handlePositionChange: (pos: string) => void;
+    onMouseenter: () => void;
+    onMouseleave: () => void;
+}

package/types/popover/src/popover.d.ts

@@ -0,0 +1,108 @@
+import './popover.scss';
+declare const _default: import("vue").DefineComponent<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: import("vue").PropType<import("./popover-types").Placement[]>;
+        default: string[];
+    };
+    align: {
+        type: import("vue").PropType<import("./popover-types").Alignment> | null;
+        default: null;
+    };
+    offset: {
+        type: import("vue").PropType<number | import("./popover-types").OffsetOptions>;
+        default: number;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    trigger: {
+        type: import("vue").PropType<import("./popover-types").TriggerType>;
+        default: string;
+    };
+    popType: {
+        type: import("vue").PropType<import("./popover-types").PopType>;
+        default: string;
+    };
+    showAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mouseEnterDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    mouseLeaveDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: import("vue").PropType<import("./popover-types").Placement[]>;
+        default: string[];
+    };
+    align: {
+        type: import("vue").PropType<import("./popover-types").Alignment> | null;
+        default: null;
+    };
+    offset: {
+        type: import("vue").PropType<number | import("./popover-types").OffsetOptions>;
+        default: number;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    trigger: {
+        type: import("vue").PropType<import("./popover-types").TriggerType>;
+        default: string;
+    };
+    popType: {
+        type: import("vue").PropType<import("./popover-types").PopType>;
+        default: string;
+    };
+    showAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mouseEnterDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    mouseLeaveDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+}, {
+    offset: number | import("./popover-types").OffsetOptions;
+    content: string;
+    position: import("./popover-types").Placement[];
+    disabled: boolean;
+    align: import("./popover-types").Alignment;
+    showAnimation: boolean;
+    trigger: import("./popover-types").TriggerType;
+    isOpen: boolean;
+    popType: import("./popover-types").PopType;
+    mouseEnterDelay: number;
+    mouseLeaveDelay: number;
+}>;
+export default _default;

package/types/popover/src/use-popover.d.ts

@@ -0,0 +1,6 @@
+import type { Ref, ComputedRef } from 'vue';
+import { PopoverProps, UsePopoverEvent } from './popover-types';
+export declare function usePopover(props: PopoverProps, visible: Ref<boolean>, placement: Ref<string>, origin: Ref<HTMLElement | undefined>, popoverRef: Ref): {
+    overlayStyles: ComputedRef<Record<string, number | string>>;
+};
+export declare function usePopoverEvent(props: PopoverProps, visible: Ref<boolean>, origin: Ref): UsePopoverEvent;

package/types/progress/__tests__/progress.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/progress/index.d.ts

@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import Progress from './src/progress';
+export * from './src/progress-types';
+export { Progress };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/types/progress/src/progress-types.d.ts

@@ -0,0 +1,52 @@
+import { ExtractPropTypes, Ref } from 'vue';
+interface ISvgPath {
+    stroke: Ref<string> | string;
+    strokeDasharray: string;
+    strokeDashoffset: string;
+    transition: string;
+}
+export interface ISvgData {
+    pathString: string;
+    trailPath: ISvgPath | null;
+    strokePath: ISvgPath | null;
+}
+export declare const progressProps: {
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    percentageText: {
+        type: StringConstructor;
+        default: string;
+    };
+    barBgColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    isCircle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    percentageTextPlacement: {
+        type: StringConstructor;
+        default: string;
+    };
+    percentageTextColor: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export declare type ProgressProps = ExtractPropTypes<typeof progressProps>;
+export {};

package/types/progress/src/progress.d.ts

@@ -0,0 +1,91 @@
+import { ISvgData } from './progress-types';
+import './progress.scss';
+declare const _default: import("vue").DefineComponent<{
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    percentageText: {
+        type: StringConstructor;
+        default: string;
+    };
+    barBgColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    isCircle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    percentageTextPlacement: {
+        type: StringConstructor;
+        default: string;
+    };
+    percentageTextColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    data: ISvgData;
+    normalPercentage: import("vue").Ref<number>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    percentageText: {
+        type: StringConstructor;
+        default: string;
+    };
+    barBgColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    isCircle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    percentageTextPlacement: {
+        type: StringConstructor;
+        default: string;
+    };
+    percentageTextColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    height: string;
+    strokeWidth: number;
+    percentage: number;
+    percentageText: string;
+    barBgColor: string;
+    isCircle: boolean;
+    showContent: boolean;
+    percentageTextPlacement: string;
+    percentageTextColor: string;
+}>;
+export default _default;

package/types/quadrant-diagram/__tests__/quadrant-diagram.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/quadrant-diagram/config.d.ts

@@ -0,0 +1,45 @@
+export declare const QUADRANT_CONFIGS: never[];
+export declare const LABEL_SIZE: string[];
+export declare const DEFAULT_AXIS_CONFIGS: {
+    tickWidth: number;
+    spaceBetweenLabelsAxis: number;
+    xAxisLabel: string;
+    yAxisLabel: string;
+    xAxisRange: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    yAxisRange: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    originPosition: {
+        left: number;
+        bottom: number;
+    };
+    axisMargin: number;
+    xWeight: number;
+    yWeight: number;
+};
+export declare const DEFAULT_QUADRANT_CONFIGS: {
+    title: string;
+}[];
+export declare const DEFAULT_VIEW_CONFIGS: {
+    height: number;
+    width: number;
+};
+export declare const AXIS_TITLE_SPACE = 15;
+export declare const SMALL_LABEL_SIZE_CENTER_POINT: {
+    x: number;
+    y: number;
+};
+export declare const NORMAL_LABEL_SIZE_CENTER_POINT: {
+    x: number;
+    y: number;
+};
+export declare const LARGE_LABEL_SIZE_CENTER_POINT: {
+    x: number;
+    y: number;
+};

package/types/quadrant-diagram/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import QuadrantDiagram from './src/quadrant-diagram';
+export { QuadrantDiagram };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/types/quadrant-diagram/src/components/axis/index.d.ts

@@ -0,0 +1,24 @@
+import { IAxisConfigs, IViewConfigs } from '../../../type';
+import './index.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly diagramId: {
+        readonly type: StringConstructor;
+    };
+    readonly axisConfigs: {
+        readonly type: import("vue").PropType<IAxisConfigs>;
+    };
+    readonly view: {
+        readonly type: import("vue").PropType<IViewConfigs>;
+    };
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly diagramId: {
+        readonly type: StringConstructor;
+    };
+    readonly axisConfigs: {
+        readonly type: import("vue").PropType<IAxisConfigs>;
+    };
+    readonly view: {
+        readonly type: import("vue").PropType<IViewConfigs>;
+    };
+}>>, {}>;
+export default _default;

package/types/quadrant-diagram/src/components/axis/types.d.ts

@@ -0,0 +1,14 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import { IViewConfigs, IAxisConfigs } from '../../../type';
+export declare const quadrantDiagramAxisProps: {
+    readonly diagramId: {
+        readonly type: StringConstructor;
+    };
+    readonly axisConfigs: {
+        readonly type: PropType<IAxisConfigs>;
+    };
+    readonly view: {
+        readonly type: PropType<IViewConfigs>;
+    };
+};
+export declare type QuadrantDiagramAxisProps = ExtractPropTypes<typeof quadrantDiagramAxisProps>;