vue-devui 1.2.0 → 1.2.1-alpha.0

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

@@ -0,0 +1,42 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import { IViewConfigs, IAxisConfigs } from '../type';
+export declare const quadrantDiagramProps: {
+    readonly diagramId: {
+        readonly type: StringConstructor;
+        readonly default: "1";
+    };
+    readonly axisConfigs: {
+        readonly type: PropType<IAxisConfigs>;
+        readonly default: {
+            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;
+        };
+    };
+    readonly view: {
+        readonly type: PropType<IViewConfigs>;
+        readonly default: {
+            height: number;
+            width: number;
+        };
+    };
+};
+export declare type QuadrantDiagramProps = ExtractPropTypes<typeof quadrantDiagramProps>;

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

@@ -0,0 +1,120 @@
+import type { ExtractPropTypes } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    readonly diagramId: {
+        readonly type: StringConstructor;
+        readonly default: "1";
+    };
+    readonly axisConfigs: {
+        readonly type: import("vue").PropType<import("../type").IAxisConfigs>;
+        readonly default: {
+            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;
+        };
+    };
+    readonly view: {
+        readonly type: import("vue").PropType<import("../type").IViewConfigs>;
+        readonly default: {
+            height: number;
+            width: number;
+        };
+    };
+}, {
+    diagramId: import("vue").Ref<string>;
+    calAxisConfig: {
+        axisOrigin?: {
+            x?: number | null | undefined;
+            y?: number | null | undefined;
+        } | undefined;
+        axisTop?: number | null | undefined;
+        axisRight?: number | null | undefined;
+        axisWidth?: number | null | undefined;
+        axisHeight?: number | null | undefined;
+        yAxisTicksNum?: number | null | undefined;
+        xAxisTicksNum?: number | null | undefined;
+        xTickSpacing?: number | null | undefined;
+        yTickSpacing?: number | null | undefined;
+        tickWidth?: number | undefined;
+        spaceBetweenLabelsAxis?: number | undefined;
+        axisMargin?: number | undefined;
+        xAxisLabel?: string | undefined;
+        yAxisLabel?: string | undefined;
+        xWeight?: number | undefined;
+        yWeight?: number | undefined;
+        xAxisRange?: {
+            min: number;
+            max: number;
+            step: number;
+        } | undefined;
+        yAxisRange?: {
+            min: number;
+            max: number;
+            step: number;
+        } | undefined;
+        originPosition?: {
+            left: number;
+            bottom: number;
+        } | undefined;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    readonly diagramId: {
+        readonly type: StringConstructor;
+        readonly default: "1";
+    };
+    readonly axisConfigs: {
+        readonly type: import("vue").PropType<import("../type").IAxisConfigs>;
+        readonly default: {
+            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;
+        };
+    };
+    readonly view: {
+        readonly type: import("vue").PropType<import("../type").IViewConfigs>;
+        readonly default: {
+            height: number;
+            width: number;
+        };
+    };
+}>>, {
+    readonly view: import("../type").IViewConfigs;
+    readonly diagramId: string;
+    readonly axisConfigs: import("../type").IAxisConfigs;
+}>;
+export default _default;

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

@@ -0,0 +1,56 @@
+import type { CSSProperties } from 'vue';
+export interface IRangeConfigs {
+    min: number;
+    max: number;
+    step: number;
+}
+export interface IAxisConfigs {
+    tickWidth?: number;
+    spaceBetweenLabelsAxis?: number;
+    axisMargin?: number;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+    xWeight?: number;
+    yWeight?: number;
+    xAxisRange?: IRangeConfigs;
+    yAxisRange?: IRangeConfigs;
+    originPosition?: {
+        left: number;
+        bottom: number;
+    };
+    [propName: string]: unknown;
+}
+export interface IQuadrantConfigs {
+    backgroundColor?: CSSProperties['background-color'];
+    color?: CSSProperties['color'];
+    title?: string;
+    top?: number;
+    left?: number;
+}
+export interface ILabelDataConfigs {
+    x: number;
+    y: number;
+    title: string;
+    content?: string;
+    progress?: number;
+    [propName: string]: unknown;
+}
+export interface IViewConfigs {
+    height: number;
+    width: number;
+}
+export interface ICalAxisConfig {
+    axisOrigin?: {
+        x?: number | null;
+        y?: number | null;
+    };
+    axisTop?: number | null;
+    axisRight?: number | null;
+    axisWidth?: number | null;
+    axisHeight?: number | null;
+    yAxisTicksNum?: number | null;
+    xAxisTicksNum?: number | null;
+    xTickSpacing?: number | null;
+    yTickSpacing?: number | null;
+}
+export declare type labelSize = 'small' | 'normal' | 'large';

package/types/radio/__tests__/radio-button.spec.d.ts

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

package/types/radio/__tests__/radio-group.spec.d.ts

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

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

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

package/types/radio/index.d.ts

@@ -0,0 +1,12 @@
+import type { App } from 'vue';
+import Radio from './src/radio';
+import RadioGroup from './src/radio-group';
+import RadioButton from './src/radio-button';
+export { Radio, RadioGroup, RadioButton };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/types/radio/src/radio-button.d.ts

@@ -0,0 +1,71 @@
+import './radio-button.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly value: {
+        readonly type: import("vue").PropType<import("./radio-types").valueTypes>;
+        readonly required: true;
+        readonly default: null;
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly modelValue: {
+        type: import("vue").PropType<import("./radio-types").valueTypes>;
+        default: null;
+    };
+    readonly name: {
+        type: import("vue").PropType<string | undefined>;
+        default: null;
+    };
+    readonly beforeChange: {
+        type: import("vue").PropType<(value: import("./radio-types").valueTypes) => boolean | Promise<boolean>>;
+        default: null;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("./radio-types").sizeTypes>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: {
+        readonly type: import("vue").PropType<import("./radio-types").valueTypes>;
+        readonly required: true;
+        readonly default: null;
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly modelValue: {
+        type: import("vue").PropType<import("./radio-types").valueTypes>;
+        default: null;
+    };
+    readonly name: {
+        type: import("vue").PropType<string | undefined>;
+        default: null;
+    };
+    readonly beforeChange: {
+        type: import("vue").PropType<(value: import("./radio-types").valueTypes) => boolean | Promise<boolean>>;
+        default: null;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("./radio-types").sizeTypes>;
+        default: string;
+    };
+}>>, {
+    readonly name: string | undefined;
+    readonly border: boolean;
+    readonly value: import("./radio-types").valueTypes;
+    readonly disabled: boolean;
+    readonly size: import("./radio-types").sizeTypes;
+    readonly modelValue: import("./radio-types").valueTypes;
+    readonly beforeChange: (value: import("./radio-types").valueTypes) => boolean | Promise<boolean>;
+}>;
+export default _default;

package/types/radio/src/radio-group.d.ts

@@ -0,0 +1,96 @@
+import './radio-group.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly values: {
+        readonly type: import("vue").PropType<(string | number)[] | null>;
+        readonly default: null;
+    };
+    readonly direction: {
+        readonly type: import("vue").PropType<"column" | "row">;
+        readonly default: "column";
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly fill: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly modelValue: {
+        type: import("vue").PropType<import("./radio-types").valueTypes>;
+        default: null;
+    };
+    readonly name: {
+        type: import("vue").PropType<string | undefined>;
+        default: null;
+    };
+    readonly beforeChange: {
+        type: import("vue").PropType<(value: import("./radio-types").valueTypes) => boolean | Promise<boolean>>;
+        default: null;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("./radio-types").sizeTypes>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly values: {
+        readonly type: import("vue").PropType<(string | number)[] | null>;
+        readonly default: null;
+    };
+    readonly direction: {
+        readonly type: import("vue").PropType<"column" | "row">;
+        readonly default: "column";
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly fill: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly modelValue: {
+        type: import("vue").PropType<import("./radio-types").valueTypes>;
+        default: null;
+    };
+    readonly name: {
+        type: import("vue").PropType<string | undefined>;
+        default: null;
+    };
+    readonly beforeChange: {
+        type: import("vue").PropType<(value: import("./radio-types").valueTypes) => boolean | Promise<boolean>>;
+        default: null;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("./radio-types").sizeTypes>;
+        default: string;
+    };
+}>>, {
+    readonly values: (string | number)[] | null;
+    readonly fill: string;
+    readonly name: string | undefined;
+    readonly border: boolean;
+    readonly direction: "column" | "row";
+    readonly disabled: boolean;
+    readonly size: import("./radio-types").sizeTypes;
+    readonly modelValue: import("./radio-types").valueTypes;
+    readonly textColor: string;
+    readonly beforeChange: (value: import("./radio-types").valueTypes) => boolean | Promise<boolean>;
+}>;
+export default _default;

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

@@ -0,0 +1,110 @@
+import type { InjectionKey, PropType, Ref, ExtractPropTypes, ComputedRef } from 'vue';
+export declare type valueTypes = string | number | boolean;
+export declare type sizeTypes = 'lg' | 'md' | 'sm';
+/** radio 的 props */
+export declare const radioProps: {
+    /** 单选框的值 */
+    readonly value: {
+        readonly type: PropType<valueTypes>;
+        readonly required: true;
+        readonly default: null;
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly modelValue: {
+        type: PropType<valueTypes>;
+        default: null;
+    };
+    readonly name: {
+        type: PropType<string | undefined>;
+        default: null;
+    };
+    readonly beforeChange: {
+        type: PropType<(value: valueTypes) => boolean | Promise<boolean>>;
+        default: null;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: PropType<sizeTypes>;
+        default: string;
+    };
+};
+/** radio-group 的 props */
+export declare const radioGroupProps: {
+    /** 选项列表 */
+    readonly values: {
+        readonly type: PropType<(string | number)[] | null>;
+        readonly default: null;
+    };
+    /** 展示方式，横向/竖向 */
+    readonly direction: {
+        readonly type: PropType<"column" | "row">;
+        readonly default: "column";
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly fill: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly modelValue: {
+        type: PropType<valueTypes>;
+        default: null;
+    };
+    readonly name: {
+        type: PropType<string | undefined>;
+        default: null;
+    };
+    readonly beforeChange: {
+        type: PropType<(value: valueTypes) => boolean | Promise<boolean>>;
+        default: null;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: PropType<sizeTypes>;
+        default: string;
+    };
+};
+export declare type RadioProps = ExtractPropTypes<typeof radioProps>;
+export declare type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>;
+/** radio-group 注入字段的接口 */
+interface RadioGroupInjection {
+    modelValue: Ref<string | number | boolean>;
+    name: Ref<string | undefined>;
+    disabled: Ref<boolean>;
+    beforeChange: (value: valueTypes) => boolean | Promise<boolean>;
+    emitChange: (value: valueTypes) => void;
+    border: Ref<boolean>;
+    size: Ref<string>;
+    fill: Ref<string | undefined>;
+    textColor: Ref<string | undefined>;
+}
+/** radio-group 注入 radio 的 key 值 */
+export declare const radioGroupInjectionKey: InjectionKey<RadioGroupInjection>;
+export declare type UseRadioFn = {
+    isChecked: ComputedRef<boolean>;
+    radioName: ComputedRef<string | undefined>;
+    isDisabled: ComputedRef<boolean | undefined>;
+    handleChange: (event: Event) => Promise<void>;
+    border: ComputedRef<boolean>;
+    size: ComputedRef<string>;
+};
+export declare type UseRadioButtonFn = {
+    mergedColor: ComputedRef<string | undefined>;
+    mergedTextColor: ComputedRef<string | undefined>;
+};
+export {};

package/types/radio/src/radio.d.ts

@@ -0,0 +1,71 @@
+import './radio.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly value: {
+        readonly type: import("vue").PropType<import("./radio-types").valueTypes>;
+        readonly required: true;
+        readonly default: null;
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly modelValue: {
+        type: import("vue").PropType<import("./radio-types").valueTypes>;
+        default: null;
+    };
+    readonly name: {
+        type: import("vue").PropType<string | undefined>;
+        default: null;
+    };
+    readonly beforeChange: {
+        type: import("vue").PropType<(value: import("./radio-types").valueTypes) => boolean | Promise<boolean>>;
+        default: null;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("./radio-types").sizeTypes>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: {
+        readonly type: import("vue").PropType<import("./radio-types").valueTypes>;
+        readonly required: true;
+        readonly default: null;
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly modelValue: {
+        type: import("vue").PropType<import("./radio-types").valueTypes>;
+        default: null;
+    };
+    readonly name: {
+        type: import("vue").PropType<string | undefined>;
+        default: null;
+    };
+    readonly beforeChange: {
+        type: import("vue").PropType<(value: import("./radio-types").valueTypes) => boolean | Promise<boolean>>;
+        default: null;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("./radio-types").sizeTypes>;
+        default: string;
+    };
+}>>, {
+    readonly name: string | undefined;
+    readonly border: boolean;
+    readonly value: import("./radio-types").valueTypes;
+    readonly disabled: boolean;
+    readonly size: import("./radio-types").sizeTypes;
+    readonly modelValue: import("./radio-types").valueTypes;
+    readonly beforeChange: (value: import("./radio-types").valueTypes) => boolean | Promise<boolean>;
+}>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import { SetupContext } from 'vue';
+import { RadioProps, RadioGroupProps, UseRadioFn, UseRadioButtonFn } from './radio-types';
+export declare function useRadio(props: RadioProps, ctx: SetupContext): UseRadioFn;
+export declare function useRadioGroup(props: RadioGroupProps, ctx: SetupContext): void;
+export declare function useRadioButton(): UseRadioButtonFn;

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

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

package/types/rate/index.d.ts

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

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

@@ -0,0 +1,46 @@
+import { ExtractPropTypes, PropType } from 'vue';
+declare type RateStatusType = PropType<'success' | 'warning' | 'error'>;
+export declare const rateProps: {
+    readonly modelValue: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly read: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly count: {
+        readonly type: NumberConstructor;
+        readonly default: 5;
+    };
+    readonly type: {
+        readonly type: RateStatusType;
+        readonly default: "";
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly icon: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly character: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly allowHalf: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly onChange: {
+        readonly type: PropType<(value: number) => void>;
+        readonly default: undefined;
+    };
+    readonly onTouched: {
+        readonly type: PropType<() => void>;
+        readonly default: undefined;
+    };
+};
+export declare type RateProps = ExtractPropTypes<typeof rateProps>;
+export {};