vue-devui 1.2.0 → 1.2.1-alpha.0

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

@@ -0,0 +1,16 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const cardProps: {
+    readonly align: {
+        readonly type: PropType<"end" | "start" | "spaceBetween">;
+        readonly default: "start";
+    };
+    readonly src: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly shadow: {
+        readonly type: PropType<"always" | "never" | "hover">;
+        readonly default: "hover";
+    };
+};
+export declare type CardProps = ExtractPropTypes<typeof cardProps>;

package/types/card/src/card.d.ts

@@ -0,0 +1,33 @@
+import './card.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly align: {
+        readonly type: import("vue").PropType<"end" | "start" | "spaceBetween">;
+        readonly default: "start";
+    };
+    readonly src: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly shadow: {
+        readonly type: import("vue").PropType<"always" | "never" | "hover">;
+        readonly default: "hover";
+    };
+}, () => 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 align: {
+        readonly type: import("vue").PropType<"end" | "start" | "spaceBetween">;
+        readonly default: "start";
+    };
+    readonly src: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly shadow: {
+        readonly type: import("vue").PropType<"always" | "never" | "hover">;
+        readonly default: "hover";
+    };
+}>>, {
+    readonly src: string;
+    readonly align: "end" | "start" | "spaceBetween";
+    readonly shadow: "always" | "never" | "hover";
+}>;
+export default _default;

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

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

package/types/carousel/index.d.ts

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

package/types/carousel/src/carousel.d.ts

@@ -0,0 +1,91 @@
+import { DotTrigger } from './types';
+import './carousel.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly arrowTrigger: {
+        readonly type: import("vue").PropType<import("./types").ArrowTrigger>;
+        readonly default: "hover";
+    };
+    readonly autoplay: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly autoplaySpeed: {
+        readonly type: NumberConstructor;
+        readonly default: 3000;
+    };
+    readonly height: {
+        readonly type: StringConstructor;
+        readonly default: "100%";
+    };
+    readonly showDots: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dotTrigger: {
+        readonly type: import("vue").PropType<DotTrigger>;
+        readonly default: "click";
+    };
+    readonly dotPosition: {
+        readonly type: import("vue").PropType<import("./types").DotPosition>;
+        readonly default: "bottom";
+    };
+    readonly activeIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly transitionSpeed: {
+        readonly type: NumberConstructor;
+        readonly default: 500;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:activeIndex" | "activeIndexChange")[], "update:activeIndex" | "activeIndexChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly arrowTrigger: {
+        readonly type: import("vue").PropType<import("./types").ArrowTrigger>;
+        readonly default: "hover";
+    };
+    readonly autoplay: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly autoplaySpeed: {
+        readonly type: NumberConstructor;
+        readonly default: 3000;
+    };
+    readonly height: {
+        readonly type: StringConstructor;
+        readonly default: "100%";
+    };
+    readonly showDots: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dotTrigger: {
+        readonly type: import("vue").PropType<DotTrigger>;
+        readonly default: "click";
+    };
+    readonly dotPosition: {
+        readonly type: import("vue").PropType<import("./types").DotPosition>;
+        readonly default: "bottom";
+    };
+    readonly activeIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly transitionSpeed: {
+        readonly type: NumberConstructor;
+        readonly default: 500;
+    };
+}>> & {
+    "onUpdate:activeIndex"?: ((...args: any[]) => any) | undefined;
+    onActiveIndexChange?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly height: string;
+    readonly autoplay: boolean;
+    readonly arrowTrigger: import("./types").ArrowTrigger;
+    readonly autoplaySpeed: number;
+    readonly showDots: boolean;
+    readonly dotTrigger: DotTrigger;
+    readonly dotPosition: import("./types").DotPosition;
+    readonly activeIndex: number;
+    readonly transitionSpeed: number;
+}>;
+export default _default;

package/types/carousel/src/item.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, 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/carousel/src/types.d.ts

@@ -0,0 +1,43 @@
+import { PropType, ExtractPropTypes } from 'vue';
+export declare type ArrowTrigger = 'hover' | 'never' | 'always';
+export declare type DotTrigger = 'click' | 'hover';
+export declare type DotPosition = 'bottom' | 'top';
+export declare const carouselProps: {
+    readonly arrowTrigger: {
+        readonly type: PropType<ArrowTrigger>;
+        readonly default: "hover";
+    };
+    readonly autoplay: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly autoplaySpeed: {
+        readonly type: NumberConstructor;
+        readonly default: 3000;
+    };
+    readonly height: {
+        readonly type: StringConstructor;
+        readonly default: "100%";
+    };
+    readonly showDots: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dotTrigger: {
+        readonly type: PropType<DotTrigger>;
+        readonly default: "click";
+    };
+    readonly dotPosition: {
+        readonly type: PropType<DotPosition>;
+        readonly default: "bottom";
+    };
+    readonly activeIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly transitionSpeed: {
+        readonly type: NumberConstructor;
+        readonly default: 500;
+    };
+};
+export declare type CarouselProps = ExtractPropTypes<typeof carouselProps>;

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

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

package/types/cascader/components/cascader-item/index.d.ts

@@ -0,0 +1,3 @@
+import type { CascaderItemPropsType } from '../../src/cascader-types';
+import './index.scss';
+export declare const DCascaderItem: (props: CascaderItemPropsType) => JSX.Element;

package/types/cascader/components/cascader-list/index.d.ts

@@ -0,0 +1,60 @@
+import './index.scss';
+declare const _default: import("vue").DefineComponent<{
+    cascaderItems: {
+        type: import("vue").PropType<import("../../src/cascader-types").CascaderItem[]>;
+        default: () => import("../../src/cascader-types").CascaderItem[];
+    };
+    dropdownWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    ulIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cascaderItemNeedProps: {
+        type: import("vue").PropType<import("../../src/cascader-types").CascaderItemNeedType>;
+        default: () => import("../../src/cascader-types").CascaderItemNeedType;
+    };
+    stopDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cascaderOptions: {
+        type: import("vue").PropType<[import("../../src/cascader-types").CascaderItem[]]>;
+        default: () => [import("../../src/cascader-types").CascaderItem[]];
+    };
+}, () => 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<{
+    cascaderItems: {
+        type: import("vue").PropType<import("../../src/cascader-types").CascaderItem[]>;
+        default: () => import("../../src/cascader-types").CascaderItem[];
+    };
+    dropdownWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    ulIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cascaderItemNeedProps: {
+        type: import("vue").PropType<import("../../src/cascader-types").CascaderItemNeedType>;
+        default: () => import("../../src/cascader-types").CascaderItemNeedType;
+    };
+    stopDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cascaderOptions: {
+        type: import("vue").PropType<[import("../../src/cascader-types").CascaderItem[]]>;
+        default: () => [import("../../src/cascader-types").CascaderItem[]];
+    };
+}>>, {
+    dropdownWidth: string | number;
+    cascaderItems: import("../../src/cascader-types").CascaderItem[];
+    ulIndex: number;
+    cascaderItemNeedProps: import("../../src/cascader-types").CascaderItemNeedType;
+    stopDefault: boolean;
+    cascaderOptions: [import("../../src/cascader-types").CascaderItem[]];
+}>;
+export default _default;

package/types/cascader/components/cascader-multiple/index.d.ts

@@ -0,0 +1,4 @@
+import { MultiplePropsType } from '../../src/cascader-types';
+import './index.scss';
+declare const _default: (props: MultiplePropsType) => JSX.Element;
+export default _default;

package/types/cascader/components/cascader-tag/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 多选模式下的内容框中的选中tag
+ * tag组件还未开发完成，所以暂时使用自定义组件
+ */
+import { CascaderItem } from '../../src/cascader-types';
+import './index.scss';
+interface PropsType {
+    tag: CascaderItem;
+    tagList: CascaderItem[];
+}
+declare const _default: (props: PropsType) => JSX.Element;
+export default _default;

package/types/cascader/hooks/use-cascader-class.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 定义组件class
+ */
+import { ComputedRef, Ref } from 'vue';
+import { CascaderProps, CascaderulProps, CascaderItemPropsType } from '../src/cascader-types';
+export declare const useRootClassName: (props: CascaderProps, menuShow: Ref<boolean>) => ComputedRef;
+export declare const useListClassName: (props: CascaderItemPropsType) => ComputedRef;
+export declare const useUlClassName: (props: CascaderulProps) => ComputedRef;
+export declare const dropdownOpenClass: (status: boolean) => string;

package/types/cascader/hooks/use-cascader-item.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+import { CascaderProps, UseCascaderItemCallback, CascaderItem } from '../src/cascader-types';
+export declare const useCascaderItem: (props: CascaderProps, stopDefault?: Ref<boolean> | undefined, tagList?: CascaderItem[] | undefined) => UseCascaderItemCallback;

package/types/cascader/hooks/use-cascader-multiple.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 多选模式
+ */
+import type { CascaderItem, UpdateStatusCallback, CascaderModelValue } from '../src/cascader-types';
+/**
+ * 初始化选中项，将选中的数组集合置为空
+ * @param tagList 前被选中的tagList集合
+ */
+export declare const initTagList: (tagList: CascaderItem[]) => void;
+/**
+ * 添加选中项
+ * @param tagList 当前被选中的tagList集合
+ * @param singleItem 当前选中项
+ *
+ */
+export declare const multipleAddTag: (tagList: CascaderItem[], singleItem?: CascaderItem | undefined) => void;
+/**
+ * 删除选中项
+ * @param tagList 前被选中的tagList集合
+ * @param singleItem 当前选中项
+ *
+ */
+export declare const multipleDeleteTag: (tagList: CascaderItem[], singleItem: CascaderItem) => void;
+/**
+ * 多选模式初始化选中的节点
+ * @param targetValues 多选模式下的value数组
+ * @param rootNode 选项的第一列
+ * @param tagList 选中的tag集合
+ */
+export declare const initMultipleCascaderItem: (targetValues: CascaderModelValue, rootColumn: CascaderItem[], tagList: CascaderItem[]) => void;
+export declare const getMultiModelValues: (tagList: CascaderItem[]) => CascaderModelValue[];
+export declare const updateCheckOptionStatus: (tagList: CascaderItem[]) => UpdateStatusCallback;

package/types/cascader/hooks/use-cascader-options.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 处理传入options数据
+ */
+import { OptionsCallback } from '../src/cascader-types';
+export declare const optionsHandles: (cascaderOptions?: [{
+    [x: string]: unknown;
+    label: string;
+    value: string | number;
+    isLeaf?: boolean | undefined;
+    children?: any[] | undefined;
+    checked?: boolean | undefined;
+    halfChecked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    active?: boolean | undefined;
+    _loading?: boolean | undefined;
+    icon?: string | undefined;
+}[]] | undefined) => OptionsCallback;

package/types/cascader/hooks/use-cascader-popup.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 控制窗口打开收起
+ */
+import { Ref } from 'vue';
+import { PopupTypes, CascaderProps } from '../src/cascader-types';
+export declare const popupHandles: (props: CascaderProps, overlayRef: Ref, origin: Ref) => PopupTypes;

package/types/cascader/hooks/use-cascader-single.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 单选模式
+ * */
+import { Ref } from 'vue';
+import { CascaderItem, CascaderValueType } from '../src/cascader-types';
+/**
+ * 初始化打开时的视图选中状态
+ * 通过value集合获取下标集合
+ * @param values 选中的value集合
+ * @param curColumn 当前列
+ * @param index values数组的起始项，最开始为0
+ * @param activeIndexs 当前渲染到视图列的下标集合
+ */
+export declare const initActiveIndexs: (values: CascaderValueType, curColumn: CascaderItem[], index: number, activeIndexs: number[]) => void;
+/**
+ * 缓存输入框内容
+ * @param inputValueCache 缓存的输入框内容，当最终确定时输出内容
+ */
+export declare const initSingleIptValue: (inputValueCache: Ref<string> | undefined) => void;
+/**
+ * 单选选中
+ * @param ulIndex 当前操作的列
+ * @param valueCache 缓存的当前操作列的value集合
+ * @param cascaderItem 当前操作项
+ */
+export declare const singleChoose: (ulIndex: number, valueCache: CascaderValueType, cascaderItem: CascaderItem) => void;

package/types/cascader/hooks/use-cascader-style.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 定义组件 style
+ */
+import { CascaderProps, RootStyleFeedback, CascaderulProps, DropdownStyleFeedback } from '../src/cascader-types';
+export declare const useRootStyle: (props: CascaderProps) => RootStyleFeedback;
+export declare const useDropdownStyle: (props: CascaderulProps) => DropdownStyleFeedback;

package/types/cascader/hooks/use-cascader.d.ts

@@ -0,0 +1,3 @@
+import { SetupContext } from 'vue';
+import type { CascaderProps, UseCascaderFn } from '../src/cascader-types';
+export declare const useCascader: (props: CascaderProps, ctx: SetupContext) => UseCascaderFn;

package/types/cascader/hooks/use-filter.d.ts

@@ -0,0 +1,3 @@
+import { SetupContext, UnwrapRef, Ref } from 'vue';
+import { CascaderItem, CascaderProps, UseFilterFn, CascaderItemNeedType, CascaderValueType } from '../src/cascader-types';
+export declare const useFilter: (props: CascaderProps, ctx: SetupContext, menuShow: Ref<boolean>, cascaderItemNeedProps: CascaderItemNeedType, updateCascaderView: (value: CascaderValueType, currentOption: CascaderItem[], index: number) => void, inputValue: Ref<string>, cascaderOptions: UnwrapRef<[CascaderItem[]]>) => UseFilterFn;

package/types/cascader/index.d.ts

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