vue-devui 1.6.3 → 1.6.4-markdown.0

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

@@ -0,0 +1,276 @@
+import type { ExtractPropTypes, PropType, InjectionKey, SetupContext, Ref } from 'vue';
+export declare type CategorySearchTagType = 'radio' | 'checkbox' | 'label' | 'textInput' | 'numberRange' | 'keyword';
+export declare type StyleType = 'default' | 'gray';
+export interface ITagOption {
+    /**
+     * 选项，label和color默认都会取对应的 filterKey 和 colorKey，如未设置取默认值
+     */
+    label?: string;
+    color?: string;
+    [propName: string]: any;
+}
+export interface ICategorySearchTagItem {
+    /**
+     * 搜索字段，tag的键，用于区分不同的分类，需要唯一
+     */
+    field: string;
+    /**
+     * tag 键的显示值
+     */
+    label: string;
+    /**
+     * 配置项可生产的tag类型
+     */
+    type?: CategorySearchTagType;
+    /**
+     * 配置项所属的分组
+     */
+    group?: string;
+    /**
+     * tag 值的选择项数据
+     */
+    options?: Array<ITagOption>;
+    /**
+     * 用于显示的 tag 值的键值，如未设置默认取label
+     */
+    filterKey?: string | 'label';
+    /**
+     * 用于显示的label类型中色值的键值，如未设置默认取color
+     */
+    colorKey?: string | 'color';
+    /**
+     * 已选中值
+     */
+    value?: {
+        label?: string;
+        value?: string | ITagOption | Array<ITagOption | number | string | Date>;
+        cache?: string | ITagOption | Array<ITagOption | number | string | Date>;
+        [propName: string]: any;
+    };
+    /**
+     * dateRange 类型是否显示时分秒
+     */
+    showTime?: boolean;
+    /**
+     * dateRange 类型默认激活开始或者结束日期
+     */
+    activeRangeType?: 'start' | 'end';
+    /**
+     * textInput 类型设置最大长度
+     */
+    maxLength?: number;
+    /**
+     * textInput | numberRange 类型设置占位符，numberRange需传入对象分别设置左右
+     */
+    placeholder?: string | {
+        left: string;
+        right: string;
+    };
+    /**
+     * textInput 表单校验规则
+     */
+    validateRules?: any[];
+    /**
+     * treeSelect 类型是否为多选，并显示已选择列表
+     */
+    multiple?: boolean;
+    /**
+     * treeSelect 类型是否显示搜索框
+     */
+    searchable?: boolean;
+    /**
+     * treeSelect 类型设置搜索框占位符
+     */
+    searchPlaceholder?: string;
+    /**
+     * treeSelect 类型自定义搜索方法，参数为搜索关键字和d-operable-tree组件实例
+     */
+    searchFn?: (value: string, treeInstance: any) => boolean | Array<any>;
+    /**
+     * treeSelect 类型相关配置，请参考treeSelect组件API中同名配置
+     */
+    treeNodeIdKey?: string;
+    treeNodeChildrenKey?: string;
+    treeNodeTitleKey?: string;
+    disabledKey?: string;
+    leafOnly?: boolean;
+    iconParentOpen?: string;
+    iconParentClose?: string;
+    iconLeaf?: string;
+    [propName: string]: any;
+}
+export interface SearchConfig {
+    keyword?: boolean;
+    keywordDescription?: (searchKey: string) => string;
+    field?: boolean;
+    fieldDescription?: (label: string) => string;
+    category?: boolean;
+    categoryDescription?: string;
+}
+export interface TextConfig {
+    keywordName?: string;
+    createFilter?: string;
+    filterTitle?: string;
+    labelConnector?: string;
+    noCategoriesAvailable?: string;
+}
+export interface ExtendConfig {
+    show?: boolean;
+    clear?: {
+        show?: boolean;
+        disabled?: boolean;
+    };
+    save?: {
+        show?: boolean;
+        disabled?: boolean;
+    };
+    more?: {
+        show?: boolean;
+        disabled?: boolean;
+    };
+}
+export declare const categorySearchProps: {
+    category: {
+        type: PropType<ICategorySearchTagItem[]>;
+        default: () => never[];
+    };
+    defaultSearchField: {
+        type: PropType<String[]>;
+        default: () => never[];
+    };
+    selectedTags: {
+        type: PropType<ICategorySearchTagItem[]>;
+        default: () => never[];
+    };
+    toggleScrollToTail: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputReadOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tagMaxWidth: {
+        type: NumberConstructor;
+    };
+    beforeTagChange: {
+        type: PropType<(tag: ICategorySearchTagItem, searchKey: string, operation: string) => boolean | Promise<boolean>>;
+    };
+    showSearchCategory: {
+        type: PropType<boolean | SearchConfig>;
+        default: boolean;
+    };
+    categoryInGroup: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    groupOrderConfig: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    filterNameRules: {
+        type: PropType<Record<string, any>[]>;
+    };
+    textConfig: {
+        type: PropType<TextConfig>;
+        default: () => {
+            keywordName: string;
+            createFilter: string;
+            filterTitle: string;
+            labelConnector: string;
+            noCategoriesAvailable: string;
+        };
+    };
+    extendConfig: {
+        type: PropType<ExtendConfig>;
+    };
+    styleType: {
+        type: PropType<StyleType>;
+        default: string;
+    };
+};
+export declare type CategorySearchProps = ExtractPropTypes<typeof categorySearchProps>;
+export interface CategorySearchInjection {
+    rootCtx: SetupContext;
+    rootRef: Ref<HTMLElement | undefined>;
+    id: Ref<number>;
+    innerTextConfig: Ref<TextConfig>;
+    tagMaxWidth: Ref<number | undefined> | undefined;
+    inputReadOnly: Ref<boolean>;
+    placeholder: Ref<string>;
+    innerSearchKey: Ref<string>;
+    innerSelectedTags: Ref<ICategorySearchTagItem[]>;
+    isHover: Ref<boolean>;
+    isFocus: Ref<boolean>;
+    enterSearch: Ref<boolean>;
+    showNoDataTips: Ref<boolean>;
+    showSearchCategory: Ref<boolean | SearchConfig>;
+    showSearchConfig: Ref<SearchConfig>;
+    categoryDisplay: Ref<ICategorySearchTagItem[]>;
+    searchField: Ref<ICategorySearchTagItem[]>;
+    currentSearchCategory: Ref<ICategorySearchTagItem[]>;
+    ComponentMap: Record<string, any>;
+    currentSelectTag: Ref<ICategorySearchTagItem | undefined>;
+    filterNameRules: Ref<Record<string, any>[] | undefined> | undefined;
+    joinLabelTypes: string[];
+    chooseItem: (tag: ICategorySearchTagItem, chooseItem: ITagOption) => void;
+    onSearchKeyTagClick: () => void;
+    clearFilter: (e: Event) => void;
+    onCategoryItemClick: (item: ICategorySearchTagItem) => void;
+    removeTag: (tag: ICategorySearchTagItem, event?: Event) => void;
+    chooseItems: (tag: ICategorySearchTagItem) => void;
+    getTextInputValue: (tag: ICategorySearchTagItem, inputValue: string) => void;
+    getNumberRangeValue: (tag: ICategorySearchTagItem, rangeValue: number[]) => void;
+    createFilterFn: (filterName: string) => void;
+    searchKeyChangeEvent: (e: Event) => void;
+    searchInputValue: (event: Event) => void;
+    searchCategory: (item: ICategorySearchTagItem) => void;
+    showCurrentSearchCategory: (tag: ICategorySearchTagItem) => void;
+    onInputBackspace: () => void;
+    onInputToggle: () => void;
+}
+export declare const categorySearchInjectionKey: InjectionKey<CategorySearchInjection>;
+export declare const categorySearchDropdownProps: {
+    item: {
+        type: PropType<ICategorySearchTagItem>;
+        default: () => {};
+    };
+    isJoinLabelType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare type CategorySearchDropdownProps = ExtractPropTypes<typeof categorySearchDropdownProps>;
+export declare const categorySearchTagProps: {
+    item: {
+        type: PropType<ICategorySearchTagItem>;
+        default: () => {};
+    };
+    isJoinLabelType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare type CategorySearchTagProps = ExtractPropTypes<typeof categorySearchTagProps>;
+export declare const typeMenuProps: {
+    tag: {
+        type: PropType<ICategorySearchTagItem>;
+        default: () => {};
+    };
+};
+export declare type TypeMenuProps = ExtractPropTypes<typeof typeMenuProps>;
+export declare const extendIconProps: {
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare type ExtendIconProps = ExtractPropTypes<typeof extendIconProps>;

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

@@ -0,0 +1,3 @@
+import './category-search.scss';
+declare const _default: (props: Record<string, any> & {}) => any;
+export default _default;

package/types/category-search/src/components/category-search-clear.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+}, {}>;
+export default _default;

package/types/category-search/src/components/category-search-icons.d.ts

@@ -0,0 +1,4 @@
+export declare function SearchIcon(): JSX.Element;
+export declare function ClearIcon(): JSX.Element;
+export declare function SaveIcon(props: Record<string, any>): JSX.Element;
+export declare function MoreIcon(): JSX.Element;

package/types/category-search/src/components/category-search-input.d.ts

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

package/types/category-search/src/components/category-search-more.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+}, {}>;
+export default _default;

package/types/category-search/src/components/category-search-save.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+}, {}>;
+export default _default;

package/types/category-search/src/components/category-search-tag-dropdown.d.ts

@@ -0,0 +1,24 @@
+import type { ICategorySearchTagItem } from '../category-search-types';
+declare const _default: import("vue").DefineComponent<{
+    item: {
+        type: import("vue").PropType<ICategorySearchTagItem>;
+        default: () => {};
+    };
+    isJoinLabelType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: import("vue").PropType<ICategorySearchTagItem>;
+        default: () => {};
+    };
+    isJoinLabelType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    item: ICategorySearchTagItem;
+    isJoinLabelType: boolean;
+}, {}>;
+export default _default;

package/types/category-search/src/components/category-search-tag.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import("vue").DefineComponent<{
+    item: {
+        type: import("vue").PropType<import("../category-search-types").ICategorySearchTagItem>;
+        default: () => {};
+    };
+    isJoinLabelType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: import("vue").PropType<import("../category-search-types").ICategorySearchTagItem>;
+        default: () => {};
+    };
+    isJoinLabelType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    item: import("../category-search-types").ICategorySearchTagItem;
+    isJoinLabelType: boolean;
+}, {}>;
+export default _default;

package/types/category-search/src/components/checkbox-menu.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any> & {}) => any;
+export default _default;

package/types/category-search/src/components/label-menu.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any> & {}) => any;
+export default _default;

package/types/category-search/src/components/number-range-menu.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any> & {}) => any;
+export default _default;

package/types/category-search/src/components/radio-menu.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: import("vue").PropType<import("../category-search-types").ICategorySearchTagItem>;
+        default: () => {};
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<import("../category-search-types").ICategorySearchTagItem>;
+        default: () => {};
+    };
+}>>, {
+    tag: import("../category-search-types").ICategorySearchTagItem;
+}, {}>;
+export default _default;

package/types/category-search/src/components/text-input-menu.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any> & {}) => any;
+export default _default;

package/types/category-search/src/composables/use-category-search-icons.d.ts

@@ -0,0 +1,18 @@
+export declare function useCategorySearchSave(createFilterFn: (val: string) => void): {
+    isVisible: import("vue").Ref<boolean>;
+    formRef: import("vue").Ref<any>;
+    formData: {
+        filterName: string;
+    };
+    inputRef: import("vue").Ref<any>;
+    onConfirm: () => void;
+    onToggle: (status: boolean) => void;
+};
+export declare function useCategorySearchMore(): {
+    isVisible: import("vue").Ref<boolean>;
+    rootRef: import("vue").Ref<HTMLElement | undefined>;
+    iconRef: import("vue").Ref<any>;
+    overlayRef: import("vue").Ref<any>;
+    innerSelectedTags: import("vue").Ref<import("../category-search-types").ICategorySearchTagItem[]>;
+    joinLabelTypes: string[];
+};

package/types/category-search/src/composables/use-category-search-input.d.ts

@@ -0,0 +1,8 @@
+import type { SetupContext } from 'vue';
+export declare function useCategorySearchInput(ctx: SetupContext): {
+    isVisible: import("vue").Ref<boolean>;
+    inputRef: import("vue").Ref<HTMLElement | undefined>;
+    onInputClick: () => void;
+    onDropdownClose: () => void;
+    closeMenu: () => void;
+};

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

@@ -0,0 +1,20 @@
+import type { Ref, SetupContext } from 'vue';
+import type { ExtendConfig, CategorySearchProps, ICategorySearchTagItem } from '../category-search-types';
+export declare function useCategorySearch(props: CategorySearchProps, ctx: SetupContext): {
+    rootRef: Ref<HTMLElement | undefined>;
+    scrollBarRef: Ref<HTMLElement | undefined>;
+    inputRef: Ref<any>;
+    isHover: Ref<boolean>;
+    containerClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+        'dp-category-search-container': boolean;
+        'container-hover': boolean;
+        'dp-gray-style': boolean;
+    }>;
+    innerSelectedTags: Ref<ICategorySearchTagItem[]>;
+    joinLabelTypes: string[];
+    showExtendedConfig: import("vue").ComputedRef<boolean>;
+    operationConfig: ExtendConfig;
+    removeTag: (tag: ICategorySearchTagItem, event?: Event | undefined) => void;
+    onSearch: () => void;
+};

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

@@ -1,148 +1,3 @@
 import './checkbox-button.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 halfChecked: boolean;
-    readonly 'onUpdate:checked': (v: boolean) => void;
-    readonly isShowTitle: boolean;
-    readonly beforeChange: (isChecked: boolean, v: string | undefined) => boolean | Promise<boolean>;
-}>;
+declare const _default: (props: Record<string, any> & {}) => any;
 export default _default;