vue-devui 1.2.0 → 1.2.1-alpha.0

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

@@ -0,0 +1,107 @@
+import './rate.scss';
+declare const _default: import("vue").DefineComponent<{
+    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: ((new (...args: any[]) => ("error" | "success" | "warning") & {}) | (() => "error" | "success" | "warning")) | ((new (...args: any[]) => ("error" | "success" | "warning") & {}) | (() => "error" | "success" | "warning"))[];
+        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: import("vue").PropType<(value: number) => void>;
+        readonly default: undefined;
+    };
+    readonly onTouched: {
+        readonly type: import("vue").PropType<() => void>;
+        readonly default: undefined;
+    };
+}, {
+    totalLevelArray: import("vue").Ref<{
+        width: string;
+    }[]>;
+    chooseValue: import("vue").Ref<number>;
+    hoverToggle: (e: MouseEvent, index: number) => void;
+    selectValue: (e: MouseEvent, index: number) => void;
+    onMouseleave: () => void;
+}, 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: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly read: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly count: {
+        readonly type: NumberConstructor;
+        readonly default: 5;
+    };
+    readonly type: {
+        readonly type: ((new (...args: any[]) => ("error" | "success" | "warning") & {}) | (() => "error" | "success" | "warning")) | ((new (...args: any[]) => ("error" | "success" | "warning") & {}) | (() => "error" | "success" | "warning"))[];
+        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: import("vue").PropType<(value: number) => void>;
+        readonly default: undefined;
+    };
+    readonly onTouched: {
+        readonly type: import("vue").PropType<() => void>;
+        readonly default: undefined;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly type: "error" | "success" | "warning";
+    readonly color: string;
+    readonly icon: string;
+    readonly onChange: (value: number) => void;
+    readonly modelValue: number;
+    readonly count: number;
+    readonly read: boolean;
+    readonly character: string;
+    readonly allowHalf: boolean;
+    readonly onTouched: () => void;
+}>;
+export default _default;

package/types/read-tip/__tests__/read-tip-template.spec.d.ts

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

package/types/read-tip/__tests__/read-tip.spec.d.ts

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

package/types/read-tip/index.d.ts

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

package/types/read-tip/src/read-tip-directive.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/types/read-tip/src/read-tip-template.d.ts

@@ -0,0 +1,18 @@
+import { DefaultTemplateProps } from './read-tip-types';
+import './read-tip.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly readTipOptions: {
+        readonly type: import("vue").PropType<import("./read-tip-types").ReadTipOptions>;
+    };
+    readonly defaultTemplateProps: {
+        readonly type: import("vue").PropType<DefaultTemplateProps>;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly readTipOptions: {
+        readonly type: import("vue").PropType<import("./read-tip-types").ReadTipOptions>;
+    };
+    readonly defaultTemplateProps: {
+        readonly type: import("vue").PropType<DefaultTemplateProps>;
+    };
+}>> & {}, {}>;
+export default _default;

package/types/read-tip/src/read-tip-types.d.ts

@@ -0,0 +1,64 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+export declare type Position = 'top' | 'left' | 'right' | 'bottom';
+export declare type Trigger = 'hover' | 'click';
+export interface ReadTipRule {
+    id?: string;
+    key?: string;
+    selector: string | null;
+    trigger?: Trigger;
+    title?: string;
+    content?: string;
+    showAnimate?: boolean;
+    mouseenterTime?: number;
+    mouseleaveTime?: number;
+    position?: Position;
+    overlayClassName?: string;
+    appendToBody?: boolean;
+    status?: boolean;
+    dataFn?: ({ element, rule: ReadTipRule, }: {
+        element: any;
+        rule: any;
+    }) => {
+        title?: string;
+        content?: string;
+    };
+}
+export declare type ReadTipRules = ReadTipRule | ReadTipRule[];
+export declare type DefaultTemplateProps = {
+    title?: string;
+    content?: string;
+    selector?: string;
+    position?: string;
+    id?: string;
+    temp?: string;
+    dom?: Element;
+    contentTemplate?: boolean;
+    overlayClassName?: string;
+    dataFn?: ({ element, rule: ReadTipRule, }: {
+        element: any;
+        rule: any;
+    }) => {
+        title?: string;
+        content?: string;
+    };
+    appendToBody?: boolean;
+};
+export interface ReadTipOptions {
+    trigger?: Trigger;
+    showAnimate?: boolean;
+    mouseenterTime?: number;
+    mouseleaveTime?: number;
+    position?: Position;
+    overlayClassName?: string;
+    appendToBody?: boolean;
+    rules: ReadTipRules;
+}
+export declare const readTipProps: {
+    readonly readTipOptions: {
+        readonly type: PropType<ReadTipOptions>;
+    };
+    readonly defaultTemplateProps: {
+        readonly type: PropType<DefaultTemplateProps>;
+    };
+};
+export declare type ReadTipProps = ExtractPropTypes<typeof readTipProps>;

package/types/read-tip/src/read-tip.d.ts

@@ -0,0 +1,18 @@
+import type { ReadTipOptions } from './read-tip-types';
+import './read-tip.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly readTipOptions: {
+        readonly type: import("vue").PropType<ReadTipOptions>;
+    };
+    readonly defaultTemplateProps: {
+        readonly type: import("vue").PropType<import("./read-tip-types").DefaultTemplateProps>;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly readTipOptions: {
+        readonly type: import("vue").PropType<ReadTipOptions>;
+    };
+    readonly defaultTemplateProps: {
+        readonly type: import("vue").PropType<import("./read-tip-types").DefaultTemplateProps>;
+    };
+}>> & {}, {}>;
+export default _default;

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

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

package/types/result/index.d.ts

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

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

@@ -0,0 +1,17 @@
+import type { ExtractPropTypes } from 'vue';
+export declare type ResultIcon = 'success' | 'danger' | 'warning' | 'info';
+export declare const resultProps: {
+    readonly icon: {
+        readonly type: () => ResultIcon;
+        readonly default: "info";
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly desc: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+export declare type ResultProps = ExtractPropTypes<typeof resultProps>;

package/types/result/src/result.d.ts

@@ -0,0 +1,33 @@
+import './result.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly icon: {
+        readonly type: () => import("./result-types").ResultIcon;
+        readonly default: "info";
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly desc: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}, () => 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 icon: {
+        readonly type: () => import("./result-types").ResultIcon;
+        readonly default: "info";
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly desc: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}>>, {
+    readonly title: string;
+    readonly desc: string;
+    readonly icon: import("./result-types").ResultIcon;
+}>;
+export default _default;

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

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

package/types/ripple/index.d.ts

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

package/types/ripple/src/options.d.ts

@@ -0,0 +1,75 @@
+interface IRippleDirectiveOptions {
+    /**
+     *
+     * @remarks
+     * Y*  你可以设置 ·currentColor· to 能够自动使用元素的文本颜色
+     *
+     * @default
+     * 'currentColor'
+     */
+    color: string;
+    /**
+     * 第一次出现的透明度
+     *
+     * @default
+     * 0.2 默认opacity 0.2
+     */
+    initialOpacity: number;
+    /**
+     * 在透明度 结束的时候 stopped 的时候 我们设置透明度的大小
+     *
+     * @default
+     * 0.1
+     */
+    finalOpacity: number;
+    /**
+     * 动画持续事件
+     *
+     * @default
+     * 400ms
+     */
+    duration: number;
+    /**
+     * css 动画 从开始到结束 以相同的时间来执行动画
+     *
+     * @default
+     * 'ease-out'
+     */
+    easing: string;
+    /**
+     * 取消延迟时间
+     *
+     * @note
+     * 类似于 debounceTime
+     * @default
+     * 75ms
+     */
+    delay: number;
+    /**
+     * 禁止 水波
+     *
+     * @note
+     * 类似于 点击禁止ripple效果
+     * @default
+     * false
+     */
+    disabled: boolean;
+}
+interface IRipplePluginOptions extends IRippleDirectiveOptions {
+    /**
+     * 用于覆盖指令的名称
+     *
+     * @remarks
+     *
+     * @example
+     *
+     * @default
+     * 默认指令 ripple
+     */
+    directive: string;
+}
+interface IRippleDirectiveOptionWithBinding {
+    value: IRippleDirectiveOptions;
+}
+declare const DEFAULT_PLUGIN_OPTIONS: IRipplePluginOptions;
+export { DEFAULT_PLUGIN_OPTIONS, IRipplePluginOptions, IRippleDirectiveOptions, IRippleDirectiveOptionWithBinding };

package/types/ripple/src/ripple-directive.d.ts

@@ -0,0 +1,6 @@
+import { IRippleDirectiveOptionWithBinding } from './options';
+declare const _default: {
+    mounted(el: HTMLElement, binding: IRippleDirectiveOptionWithBinding): void;
+    updated(el: HTMLElement, binding: IRippleDirectiveOptionWithBinding): void;
+};
+export default _default;

package/types/ripple/src/utils/create-container-element.d.ts

@@ -0,0 +1 @@
+export declare const createContainer: ({ borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius }: CSSStyleDeclaration) => HTMLElement;

package/types/ripple/src/utils/create-ripple-element.d.ts

@@ -0,0 +1,2 @@
+import { IRippleDirectiveOptions } from '../options';
+export declare const createrippleElement: (x: number, y: number, size: number, options: IRippleDirectiveOptions) => HTMLElement;

package/types/ripple/src/utils/getdistance-tofurthestcorner.d.ts

@@ -0,0 +1 @@
+export declare function getDistanceToFurthestCorner(x: number, y: number, { width, height }: DOMRect): number;

package/types/ripple/src/utils/getrelative-pointer.d.ts

@@ -0,0 +1 @@
+export declare const getRelativePointer: ({ x, y }: PointerEvent, { top, left }: DOMRect) => Partial<DOMRect>;

package/types/ripple/src/utils/magnitude.d.ts

@@ -0,0 +1 @@
+export declare function magnitude(x1: number, y1: number, x2: number, y2: number): number;

package/types/ripple/src/utils/ripple-count.d.ts

@@ -0,0 +1,4 @@
+export declare function getRippleCount(el: HTMLElement): number;
+export declare function incrementRippleCount(el: HTMLElement): void;
+export declare function decrementRippleCount(el: HTMLElement): void;
+export declare function deleteRippleCount(el: HTMLElement): void;

package/types/ripple/src/v-ripple.d.ts

@@ -0,0 +1,3 @@
+import { IRippleDirectiveOptions } from './options';
+declare const ripple: (event: PointerEvent, el: HTMLElement, options: IRippleDirectiveOptions) => void;
+export { ripple };

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

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

package/types/search/index.d.ts

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

package/types/search/src/composables/use-search-class.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 定义组件class
+ */
+import { ComputedRef } from 'vue';
+import type { Ref } from 'vue';
+import { SearchProps } from '../search-types';
+export declare const getRootClass: (props: SearchProps, isFocus: Ref<boolean>) => ComputedRef;

package/types/search/src/composables/use-search-keydown.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 清空按钮显示、隐藏
+ */
+import { SetupContext, Ref } from 'vue';
+import { KeydownReturnTypes, SearchProps } from '../search-types';
+declare type EmitProps = 'update:modelValue' | 'search';
+export declare const keydownHandles: (ctx: SetupContext<EmitProps[]>, keywords: Ref<string>, props: SearchProps) => KeydownReturnTypes;
+export {};

package/types/search/src/composables/use-search-keywords.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 输入框内容定义、删改操作
+ */
+import { SetupContext } from 'vue';
+import { SearchProps, KeywordsReturnTypes } from '../search-types';
+declare type EmitProps = 'update:modelValue' | 'search';
+export declare const keywordsHandles: (ctx: SetupContext<EmitProps[]>, props: SearchProps) => KeywordsReturnTypes;
+export {};

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

@@ -0,0 +1,64 @@
+import type { PropType, ExtractPropTypes, Ref, ComputedRef } from 'vue';
+export declare type Size = 'lg' | 'md' | 'sm';
+export declare type IconPosition = 'right' | 'left';
+export declare const searchProps: {
+    readonly size: {
+        readonly type: PropType<Size>;
+        readonly default: "md";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly maxLength: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    readonly delay: {
+        readonly type: NumberConstructor;
+        readonly default: 300;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly autoFocus: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isKeyupSearch: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly iconPosition: {
+        readonly type: PropType<IconPosition>;
+        readonly default: "right";
+    };
+    readonly noBorder: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly cssClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly 'onUpdate:modelValue': {
+        readonly type: PropType<(v: string) => void>;
+        readonly default: undefined;
+    };
+};
+export declare type SearchProps = ExtractPropTypes<typeof searchProps>;
+export interface KeywordsReturnTypes {
+    keywords: Ref<string>;
+    clearIconShow: ComputedRef<boolean>;
+    onClearHandle: () => void;
+}
+export interface KeydownReturnTypes {
+    onInputKeydown: (e: KeyboardEvent) => void;
+    onClickHandle: () => void;
+    useEmitKeyword: (e: string) => void;
+}

package/types/search/src/search.d.ts

@@ -0,0 +1,117 @@
+import './search.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly size: {
+        readonly type: import("vue").PropType<import("./search-types").Size>;
+        readonly default: "md";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly maxLength: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    readonly delay: {
+        readonly type: NumberConstructor;
+        readonly default: 300;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly autoFocus: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isKeyupSearch: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly iconPosition: {
+        readonly type: import("vue").PropType<import("./search-types").IconPosition>;
+        readonly default: "right";
+    };
+    readonly noBorder: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly cssClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly 'onUpdate:modelValue': {
+        readonly type: import("vue").PropType<(v: string) => void>;
+        readonly default: undefined;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue")[], "search" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly size: {
+        readonly type: import("vue").PropType<import("./search-types").Size>;
+        readonly default: "md";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly maxLength: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    readonly delay: {
+        readonly type: NumberConstructor;
+        readonly default: 300;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly autoFocus: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isKeyupSearch: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly iconPosition: {
+        readonly type: import("vue").PropType<import("./search-types").IconPosition>;
+        readonly default: "right";
+    };
+    readonly noBorder: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly cssClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly 'onUpdate:modelValue': {
+        readonly type: import("vue").PropType<(v: string) => void>;
+        readonly default: undefined;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly disabled: boolean;
+    readonly size: import("./search-types").Size;
+    readonly placeholder: string;
+    readonly autoFocus: boolean;
+    readonly cssClass: string;
+    readonly modelValue: string;
+    readonly delay: number;
+    readonly 'onUpdate:modelValue': (v: string) => void;
+    readonly maxLength: number;
+    readonly isKeyupSearch: boolean;
+    readonly iconPosition: import("./search-types").IconPosition;
+    readonly noBorder: boolean;
+}>;
+export default _default;

package/types/select/__tests__/option-group.spec.d.ts

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

package/types/select/__tests__/option.spec.d.ts

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

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

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