hongluan-business-ui/es/components/data-filter/src/index.vue.d.ts

Hongluan Business Component Library for Vue 3

import type { PropType } from 'vue';
import type { MaybeElementRef } from '@vueuse/core';
import type { SelectorItem } from 'hongluan-business-ui/es/components/table-searchbar/src/searchbar';
import type { DisplayItem } from './utils';
declare const _default: import("vue").DefineComponent<{
    iconPosition: {
        type: PropType<"right" | "left">;
        default: string;
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    width: {
        type: (StringConstructor | NumberConstructor)[];
        default: number;
    };
    maxHeight: {
        type: StringConstructor;
        default: string;
    };
    fill: {
        type: BooleanConstructor;
        default: boolean;
    };
    placement: {
        type: StringConstructor;
        default: string;
    };
    fallbackPlacements: {
        type: PropType<string[]>;
        default: () => any[];
    };
    items: {
        type: PropType<SelectorItem[]>;
        default: () => any[];
    };
    selectedSection: PropType<{
        show: true;
        closable: true;
    }>;
    max: {
        type: NumberConstructor;
        default: number;
    };
    gap: StringConstructor;
    itemGap: StringConstructor;
    searchLabel: {
        type: StringConstructor;
        default: string;
    };
    outsideIgnore: {
        type: PropType<MaybeElementRef<import("@vueuse/core").MaybeElement>[]>;
        default: () => any[];
    };
}, {
    prefix: string;
    popoverRef: any;
    searchItems: import("vue").Ref<{
        label?: string;
        span?: string;
        type: string;
        value: unknown;
        name: string;
        display?: () => string;
        prop?: {
            label: string;
            value: string;
        };
        options: {
            [x: string]: unknown;
        }[];
    }[]>;
    displayItems: import("vue").Ref<{
        display: string;
        value: unknown;
        name: string;
        type: string;
    }[]>;
    outsideIgnoreComputed: import("vue").ComputedRef<any[]>;
    addRef: (compRef: any) => void;
    selectedSectionOpt: import("vue").ComputedRef<{
        show: boolean;
        closable: boolean;
    }>;
    getKey: (item: SelectorItem, opt: import("hongluan-business-ui/es/components/table-searchbar/src/searchbar").SelectorItemOption) => unknown;
    getLabel: (item: SelectorItem, opt: import("hongluan-business-ui/es/components/table-searchbar/src/searchbar").SelectorItemOption) => unknown;
    isDatePicker: (type: string) => boolean;
    changeValue: () => void;
    search: () => void;
    getDisplayItemsCount: () => number;
    removeDisplayItem: (item: DisplayItem) => void;
    updateDisplayItem: (item: DisplayItem) => void;
    getDateTimeProps: (item: SelectorItem) => {
        span?: string;
        type: string;
        name: string;
        prop?: {
            label: string;
            value: string;
        };
        options: import("hongluan-business-ui/es/components/table-searchbar/src/searchbar").SelectorItemOption[];
    };
    getSelectProps: (item: SelectorItem) => {
        span?: string;
        name: string;
    };
    getInputProps: (item: SelectorItem) => {
        span?: string;
        value: unknown;
        name: string;
        prop?: {
            label: string;
            value: string;
        };
        options: import("hongluan-business-ui/es/components/table-searchbar/src/searchbar").SelectorItemOption[];
    };
    resetFields: (names?: string[]) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "remove-selected-item")[], "search" | "remove-selected-item", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    iconPosition: {
        type: PropType<"right" | "left">;
        default: string;
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    width: {
        type: (StringConstructor | NumberConstructor)[];
        default: number;
    };
    maxHeight: {
        type: StringConstructor;
        default: string;
    };
    fill: {
        type: BooleanConstructor;
        default: boolean;
    };
    placement: {
        type: StringConstructor;
        default: string;
    };
    fallbackPlacements: {
        type: PropType<string[]>;
        default: () => any[];
    };
    items: {
        type: PropType<SelectorItem[]>;
        default: () => any[];
    };
    selectedSection: PropType<{
        show: true;
        closable: true;
    }>;
    max: {
        type: NumberConstructor;
        default: number;
    };
    gap: StringConstructor;
    itemGap: StringConstructor;
    searchLabel: {
        type: StringConstructor;
        default: string;
    };
    outsideIgnore: {
        type: PropType<MaybeElementRef<import("@vueuse/core").MaybeElement>[]>;
        default: () => any[];
    };
}>> & {
    onSearch?: (...args: any[]) => any;
    "onRemove-selected-item"?: (...args: any[]) => any;
}, {
    fill: boolean;
    placement: string;
    outsideIgnore: MaybeElementRef<import("@vueuse/core").MaybeElement>[];
    title: string;
    width: string | number;
    max: number;
    iconPosition: "right" | "left";
    fallbackPlacements: string[];
    maxHeight: string;
    items: SelectorItem[];
    searchLabel: string;
}>;
export default _default;