vue-devui 1.2.0 → 1.2.1-alpha.0

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

@@ -0,0 +1,189 @@
+import { PropType, InjectionKey, Ref, ExtractPropTypes, ComputedRef } from 'vue';
+declare type Direction = 'row' | 'column';
+declare type Size = 'lg' | 'md' | 'sm';
+export declare const checkboxProps: {
+    readonly checked: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly value: {
+        readonly type: PropType<string | number>;
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly 'onUpdate:checked': {
+        readonly type: PropType<(v: boolean) => void>;
+        readonly default: undefined;
+    };
+    readonly onChange: {
+        readonly type: PropType<(v: boolean) => void>;
+        readonly default: undefined;
+    };
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+    };
+    readonly 'onUpdate:modelValue': {
+        readonly type: PropType<(v: boolean) => void>;
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly halfChecked: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isShowTitle: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly showAnimation: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly beforeChange: {
+        readonly type: PropType<(isChecked: boolean, v: string | undefined) => boolean | Promise<boolean>>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: PropType<Size>;
+        readonly default: "md";
+    };
+};
+export declare type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
+export declare const checkboxGroupProps: {
+    readonly modelValue: {
+        readonly type: PropType<(string | number)[]>;
+        readonly required: true;
+    };
+    readonly direction: {
+        readonly type: PropType<Direction>;
+        readonly default: "column";
+    };
+    readonly itemWidth: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly options: {
+        readonly type: PropType<({
+            value: string;
+        } & Partial<CheckboxProps>)[]>;
+        readonly default: () => never[];
+    };
+    readonly onChange: {
+        readonly type: PropType<(v: string[]) => void>;
+        readonly default: undefined;
+    };
+    readonly 'onUpdate:modelValue': {
+        readonly type: PropType<(v: string[]) => void>;
+        readonly default: undefined;
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly halfChecked: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isShowTitle: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly showAnimation: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly beforeChange: {
+        readonly type: PropType<(isChecked: boolean, v: string | undefined) => boolean | Promise<boolean>>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: PropType<Size>;
+        readonly default: "md";
+    };
+};
+export declare type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
+interface checkboxGroupInjection {
+    disabled: Ref<boolean>;
+    isShowTitle: Ref<boolean>;
+    color: Ref<string | undefined>;
+    showAnimation: Ref<boolean>;
+    beforeChange: undefined | ((isChecked: boolean, v: string | undefined) => boolean | Promise<boolean>);
+    toggleGroupVal: (v: string | number | undefined) => void;
+    isItemChecked: (v: string | number | undefined) => boolean | undefined;
+    itemWidth: Ref<number | undefined>;
+    direction: Ref<Direction>;
+    size: Ref<string>;
+    border: Ref<boolean>;
+    max: Ref<number | undefined>;
+    modelValue: Ref<(string | number)[]>;
+    textColor: Ref<string>;
+}
+export declare const checkboxGroupInjectionKey: InjectionKey<checkboxGroupInjection>;
+export declare type UseCheckboxFn = {
+    mergedChecked: ComputedRef<boolean>;
+    mergedDisabled: ComputedRef<boolean>;
+    mergedIsShowTitle: ComputedRef<boolean | undefined>;
+    mergedShowAnimation: ComputedRef<boolean>;
+    mergedColor: ComputedRef<string | undefined>;
+    itemWidth: number | undefined;
+    direction: string | undefined;
+    size: ComputedRef<string>;
+    border: ComputedRef<boolean>;
+    handleClick: () => void;
+};
+export interface GroupDefaultOpt {
+    checked: boolean;
+    isShowTitle: boolean;
+    halfChecked: boolean;
+    showAnimation: boolean;
+    disabled: boolean;
+}
+export declare type UseCheckboxGroupFn = {
+    defaultOpt: GroupDefaultOpt;
+};
+export declare type UseCheckboxButtonFn = {
+    mergedTextColor: ComputedRef<string | undefined>;
+};
+export {};

package/types/checkbox/src/checkbox.d.ts

@@ -0,0 +1,148 @@
+import './checkbox.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly checked: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly value: {
+        readonly type: import("vue").PropType<string | number>;
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly 'onUpdate:checked': {
+        readonly type: import("vue").PropType<(v: boolean) => void>;
+        readonly default: undefined;
+    };
+    readonly onChange: {
+        readonly type: import("vue").PropType<(v: boolean) => void>;
+        readonly default: undefined;
+    };
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+    };
+    readonly 'onUpdate:modelValue': {
+        readonly type: import("vue").PropType<(v: boolean) => void>;
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly halfChecked: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isShowTitle: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly showAnimation: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly beforeChange: {
+        readonly type: import("vue").PropType<(isChecked: boolean, v: string | undefined) => boolean | Promise<boolean>>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "change" | "update:modelValue" | "update:checked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly checked: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly value: {
+        readonly type: import("vue").PropType<string | number>;
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly 'onUpdate:checked': {
+        readonly type: import("vue").PropType<(v: boolean) => void>;
+        readonly default: undefined;
+    };
+    readonly onChange: {
+        readonly type: import("vue").PropType<(v: boolean) => void>;
+        readonly default: undefined;
+    };
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+    };
+    readonly 'onUpdate:modelValue': {
+        readonly type: import("vue").PropType<(v: boolean) => void>;
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly halfChecked: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isShowTitle: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly showAnimation: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly beforeChange: {
+        readonly type: import("vue").PropType<(isChecked: boolean, v: string | undefined) => boolean | Promise<boolean>>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+}>>, {
+    readonly name: string;
+    readonly border: boolean;
+    readonly color: string;
+    readonly label: string;
+    readonly disabled: boolean;
+    readonly size: "sm" | "md" | "lg";
+    readonly onChange: (v: boolean) => void;
+    readonly checked: boolean;
+    readonly modelValue: boolean;
+    readonly showAnimation: boolean;
+    readonly 'onUpdate:checked': (v: boolean) => void;
+    readonly halfChecked: boolean;
+    readonly isShowTitle: boolean;
+    readonly beforeChange: (isChecked: boolean, v: string | undefined) => boolean | Promise<boolean>;
+}>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import type { SetupContext } from 'vue';
+import { CheckboxProps, UseCheckboxFn, CheckboxGroupProps, UseCheckboxGroupFn, UseCheckboxButtonFn } from './checkbox-types';
+export declare function useCheckbox(props: CheckboxProps, ctx: SetupContext): UseCheckboxFn;
+export declare function useCheckboxGroup(props: CheckboxGroupProps, ctx: SetupContext): UseCheckboxGroupFn;
+export declare function useCheckboxButton(): UseCheckboxButtonFn;

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

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

package/types/collapse/index.d.ts

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

package/types/collapse/src/collapse-item.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly name: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "";
+        readonly required: true;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: 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<{
+    readonly name: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "";
+        readonly required: true;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>>, {
+    readonly name: string | number;
+    readonly title: string;
+    readonly disabled: boolean;
+}>;
+export default _default;

package/types/collapse/src/collapse-open-icon.d.ts

@@ -0,0 +1,2 @@
+declare const OpenIcon: () => JSX.Element;
+export default OpenIcon;

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

@@ -0,0 +1,33 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare type CollapseActiveData = number | string | Array<number | string>;
+export declare const collapseProps: {
+    readonly modelValue: {
+        readonly type: PropType<CollapseActiveData>;
+        readonly default: "";
+        readonly required: true;
+    };
+    readonly accordion: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export declare type CollapseProps = ExtractPropTypes<typeof collapseProps>;
+export declare const collapseItemProps: {
+    readonly name: {
+        readonly type: PropType<string | number>;
+        readonly default: "";
+        readonly required: true;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export declare type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>;
+export interface CollapseContext extends CollapseProps {
+    collapseItemClick: (name: string | number) => void;
+}

package/types/collapse/src/collapse.d.ts

@@ -0,0 +1,30 @@
+import { CollapseActiveData } from './collapse-types';
+import './collapse.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<CollapseActiveData>;
+        readonly default: "";
+        readonly required: true;
+    };
+    readonly accordion: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<CollapseActiveData>;
+        readonly default: "";
+        readonly required: true;
+    };
+    readonly accordion: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly modelValue: CollapseActiveData;
+    readonly accordion: boolean;
+}>;
+export default _default;

package/types/collapse/src/const.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+import { CollapseContext } from './collapse-types';
+export declare const SELECT_TOKEN: InjectionKey<CollapseContext>;

package/types/color-picker/index.d.ts

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

package/types/color-picker/src/color-picker-types.d.ts

@@ -0,0 +1,26 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+export declare const colorPickerProps: {
+    readonly modelValue: {
+        readonly type: PropType<string | number>;
+        readonly default: {};
+    };
+    readonly mode: {
+        readonly type: StringConstructor;
+    };
+    readonly showAlpha: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dotSize: {
+        readonly type: NumberConstructor;
+        readonly default: 15;
+    };
+    readonly swatches: {
+        readonly type: PropType<string[]>;
+    };
+    readonly showHistory: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+export declare type ColorPickerProps = ExtractPropTypes<typeof colorPickerProps>;

package/types/color-picker/src/color-picker.d.ts

@@ -0,0 +1,56 @@
+import './color-picker.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: {};
+    };
+    readonly mode: {
+        readonly type: StringConstructor;
+    };
+    readonly showAlpha: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dotSize: {
+        readonly type: NumberConstructor;
+        readonly default: 15;
+    };
+    readonly swatches: {
+        readonly type: import("vue").PropType<string[]>;
+    };
+    readonly showHistory: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: {};
+    };
+    readonly mode: {
+        readonly type: StringConstructor;
+    };
+    readonly showAlpha: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dotSize: {
+        readonly type: NumberConstructor;
+        readonly default: 15;
+    };
+    readonly swatches: {
+        readonly type: import("vue").PropType<string[]>;
+    };
+    readonly showHistory: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly modelValue: string | number;
+    readonly showAlpha: boolean;
+    readonly dotSize: number;
+    readonly showHistory: boolean;
+}>;
+export default _default;

package/types/color-picker/src/components/color-alpha-slider/color-alpha-slider.d.ts

@@ -0,0 +1,50 @@
+import './color-alpha-slider.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly color: {
+        readonly type: ObjectConstructor;
+    };
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("../../utils/color-utils-types").ColorPickerColor>;
+        readonly default: {};
+    };
+    readonly rgba: {
+        readonly type: ObjectConstructor;
+        readonly default: null;
+    };
+    readonly height: {
+        readonly type: NumberConstructor;
+        readonly default: 15;
+    };
+    readonly width: {
+        readonly type: NumberConstructor;
+        readonly default: 300;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly color: {
+        readonly type: ObjectConstructor;
+    };
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("../../utils/color-utils-types").ColorPickerColor>;
+        readonly default: {};
+    };
+    readonly rgba: {
+        readonly type: ObjectConstructor;
+        readonly default: null;
+    };
+    readonly height: {
+        readonly type: NumberConstructor;
+        readonly default: 15;
+    };
+    readonly width: {
+        readonly type: NumberConstructor;
+        readonly default: 300;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly height: number;
+    readonly width: number;
+    readonly modelValue: import("../../utils/color-utils-types").ColorPickerColor;
+    readonly rgba: Record<string, any>;
+}>;
+export default _default;

package/types/color-picker/src/components/color-alpha-slider/color-picker-alpha-slider-types.d.ts

@@ -0,0 +1,24 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { ColorPickerColor } from '../../utils/color-utils-types';
+export declare const colorPickerAlphaSliderProps: {
+    readonly color: {
+        readonly type: ObjectConstructor;
+    };
+    readonly modelValue: {
+        readonly type: PropType<ColorPickerColor>;
+        readonly default: {};
+    };
+    readonly rgba: {
+        readonly type: ObjectConstructor;
+        readonly default: null;
+    };
+    readonly height: {
+        readonly type: NumberConstructor;
+        readonly default: 15;
+    };
+    readonly width: {
+        readonly type: NumberConstructor;
+        readonly default: 300;
+    };
+};
+export declare type colorPickerAlphaSliderProps = ExtractPropTypes<typeof colorPickerAlphaSliderProps>;

package/types/color-picker/src/components/color-basic/color-basic-types.d.ts

@@ -0,0 +1,8 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { ColorPickerColor } from '../../utils/color-utils-types';
+export declare const colorPickerBasicColorProps: {
+    readonly color: {
+        readonly type: PropType<ColorPickerColor>;
+    };
+};
+export declare type ColorPickerBasicColorProps = ExtractPropTypes<typeof colorPickerBasicColorProps>;

package/types/color-picker/src/components/color-basic/color-basic.d.ts

@@ -0,0 +1,12 @@
+import { ColorPickerColor } from '../../utils/color-utils-types';
+import './color-basic.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly color: {
+        readonly type: import("vue").PropType<ColorPickerColor>;
+    };
+}, () => 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<{
+    readonly color: {
+        readonly type: import("vue").PropType<ColorPickerColor>;
+    };
+}>>, {}>;
+export default _default;