bkui-vue 2.0.1-beta.11 → 2.0.1-beta.110

package/lib/search-select/selected.d.ts

@@ -13,6 +13,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    maxHeight: {
+        type: NumberConstructor;
+        default: () => number;
+    };
     conditions: {
         type: PropType<ICommonItem[]>;
         default: () => any[];
@@ -21,89 +25,201 @@ declare const _default: import("vue").DefineComponent<{
     validateValues: PropType<ValidateValuesFunc>;
     valueBehavior: PropType<ValueBehavior>;
 }, {
-    inputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        data: {
-            type: PropType<ISearchItem[]>;
-            required: true;
+    inputRef: import("vue").Ref<{
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            maxHeight?: number;
+            mode?: SearchInputMode;
+            conditions?: ICommonItem[];
+            showInputBefore?: boolean;
+            showCondition?: boolean;
+            class?: unknown;
+            readonly data: ISearchItem[];
+            style?: unknown;
+            onFocus?: (...args: any[]) => any;
+            ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            readonly placeholder?: string;
+            onAdd?: (...args: any[]) => any;
+            onDelete?: (...args: any[]) => any;
+            onSelectKey?: (...args: any[]) => any;
+            readonly clickOutside?: Function;
+            readonly defaultUsingItem?: SelectedItem;
+            readonly getMenuList?: GetMenuListFunc;
+            readonly validateValues?: ValidateValuesFunc;
+            readonly valueBehavior?: ValueBehavior;
         };
-        showInputBefore: BooleanConstructor;
-        showCondition: BooleanConstructor;
-        clickOutside: FunctionConstructor;
-        placeholder: StringConstructor;
-        conditions: {
-            type: PropType<ICommonItem[]>;
-            default: () => any[];
+        $attrs: {
+            [x: string]: unknown;
         };
-        defautUsingItem: PropType<SelectedItem>;
-        mode: {
-            type: PropType<SearchInputMode>;
-            default: SearchInputMode;
+        $refs: {
+            [x: string]: unknown;
         };
-        getMenuList: PropType<GetMenuListFunc>;
-        validateValues: PropType<ValidateValuesFunc>;
-        valueBehavior: PropType<ValueBehavior>;
-    }>> & {
-        onFocus?: (...args: any[]) => any;
-        onDelete?: (...args: any[]) => any;
-        onAdd?: (...args: any[]) => any;
-        onSelectKey?: (...args: any[]) => any;
-    }, {
-        popoverRef: import("vue").Ref<HTMLDivElement>;
-        inputRef: import("vue").Ref<HTMLDivElement>;
-        keyword: import("vue").Ref<string>;
-        loading: import("vue").Ref<boolean>;
-        remoteMenuList: import("vue").Ref<{
-            id: string;
-            name: string;
-            disabled?: boolean;
-            realId?: string;
-            value?: {
-                name: string;
+        $slots: Readonly<{
+            menu: import("vue").Slot<import("./utils").MenuSlotParams>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: "focus" | "add" | "delete" | "selectKey", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: PropType<ISearchItem[]>;
+                required: true;
+            };
+            showInputBefore: BooleanConstructor;
+            showCondition: BooleanConstructor;
+            clickOutside: FunctionConstructor;
+            placeholder: StringConstructor;
+            conditions: {
+                type: PropType<ICommonItem[]>;
+                default: () => any[];
+            };
+            defaultUsingItem: PropType<SelectedItem>;
+            mode: {
+                type: PropType<SearchInputMode>;
+                default: SearchInputMode;
+            };
+            maxHeight: {
+                type: NumberConstructor;
+                default: () => number;
+            };
+            getMenuList: PropType<GetMenuListFunc>;
+            validateValues: PropType<ValidateValuesFunc>;
+            valueBehavior: PropType<ValueBehavior>;
+        }>> & {
+            onFocus?: (...args: any[]) => any;
+            onAdd?: (...args: any[]) => any;
+            onDelete?: (...args: any[]) => any;
+            onSelectKey?: (...args: any[]) => any;
+        }, {
+            popoverRef: import("vue").Ref<HTMLDivElement>;
+            inputRef: import("vue").Ref<HTMLDivElement>;
+            keyword: import("vue").Ref<string>;
+            loading: import("vue").Ref<boolean>;
+            remoteMenuList: import("vue").Ref<{
                 id: string;
+                name: string;
+                disabled?: boolean;
                 realId?: string;
+                value?: {
+                    name: string;
+                    id: string;
+                    realId?: string;
+                    isSelected?: boolean;
+                    logical?: SearchLogical;
+                };
                 isSelected?: boolean;
                 logical?: SearchLogical;
+            }[]>;
+            menuList: import("vue").Ref<ISearchItem[]>;
+            menuHoverId: import("vue").Ref<string>;
+            isFocus: import("vue").Ref<boolean>;
+            usingItem: import("vue").Ref<SelectedItem>;
+            showPopover: import("vue").Ref<boolean>;
+            showNoSelectValueError: import("vue").Ref<boolean>;
+            debounceSetMenuList: {
+                (this: any): any;
+                cancel(): void;
             };
-            isSelected?: boolean;
-            logical?: SearchLogical;
-        }[]>;
-        menuList: import("vue").Ref<ISearchItem[]>;
-        menuHoverId: import("vue").Ref<string>;
-        isFocus: import("vue").Ref<boolean>;
-        usingItem: import("vue").Ref<SelectedItem>;
-        showPopover: import("vue").Ref<boolean>;
-        showNoSelectValueError: import("vue").Ref<boolean>;
-        debounceSetMenuList: {
-            (this: any): any;
-            cancel(): void;
+            documentArrowEvent: (e: KeyboardEvent) => void;
+            handleClickOutside: (e: MouseEvent) => void;
+            handleInputFocus: (event?: FocusEvent) => void;
+            handleInputChange: (event: Event) => void;
+            handleInputPaste: (event: ClipboardEvent) => void;
+            handleLogicalChange: (logical: SearchLogical) => void;
+            handleInputKeyup: (event: KeyboardEvent) => void;
+            handleSelectItem: (item: ICommonItem, type?: import("./utils").SearchItemType) => Promise<void>;
+            handleSelectConditionItem: (item: ICommonItem) => void;
+            handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
+            resolveClassName: (cls: string) => string;
+            inputFocusForWrapper: () => void;
+            inputEnterForWrapper: () => Promise<void>;
+            inputClearForWrapper: () => void;
+            deleteInputTextNode: () => void;
+            customPanelSubmit: (value: string) => void;
+            refleshMenuHover: () => void;
+            t: import("vue").ComputedRef<{
+                pleaseSelect: string;
+                loading: string;
+                filterQueryMustHasValue: string;
+                ok: string;
+                cancel: string;
+                or: string;
+                and: string;
+                logical: string;
+            }>;
+            inputKey: import("vue").Ref<string>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "add" | "delete" | "selectKey")[], string, {
+            maxHeight: number;
+            mode: SearchInputMode;
+            conditions: ICommonItem[];
+            showInputBefore: boolean;
+            showCondition: boolean;
+        }, {}, string, import("vue").SlotsType<{
+            menu: import("./utils").MenuSlotParams;
+        }>> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
         };
-        documentArrowEvent: (e: KeyboardEvent) => void;
-        handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: () => void;
-        handleInputChange: (event: Event) => void;
-        handleInputPaste: (event: ClipboardEvent) => void;
-        handleLogicalChange: (logical: SearchLogical) => void;
-        handleInputKeyup: (event: KeyboardEvent) => void;
-        handleSelectItem: (item: ICommonItem, type?: import("./utils").SearchItemType) => Promise<void>;
-        handleSelectCondtionItem: (item: ICommonItem) => void;
-        handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
-        resolveClassName: (cls: string) => string;
-        inputFocusForWrapper: () => void;
-        inputEnterForWrapper: () => Promise<void>;
-        inputClearForWrapper: () => void;
-        deleteInputTextNode: () => void;
-        customPanelSubmit: (value: string) => void;
-        t: import("vue").ComputedRef<{
-            pleaseSelect: string;
-            loading: string;
-            filterQueryMustHasValue: string;
-            ok: string;
-            cancel: string;
-            or: string;
-            and: string;
-            logical: string;
-        }>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add" | "selectKey")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: PropType<ISearchItem[]>;
             required: true;
@@ -116,60 +232,24 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<ICommonItem[]>;
             default: () => any[];
         };
-        defautUsingItem: PropType<SelectedItem>;
+        defaultUsingItem: PropType<SelectedItem>;
         mode: {
             type: PropType<SearchInputMode>;
             default: SearchInputMode;
         };
-        getMenuList: PropType<GetMenuListFunc>;
-        validateValues: PropType<ValidateValuesFunc>;
-        valueBehavior: PropType<ValueBehavior>;
-    }>> & {
-        onFocus?: (...args: any[]) => any;
-        onDelete?: (...args: any[]) => any;
-        onAdd?: (...args: any[]) => any;
-        onSelectKey?: (...args: any[]) => any;
-    }, {
-        mode: SearchInputMode;
-        conditions: ICommonItem[];
-        showInputBefore: boolean;
-        showCondition: boolean;
-    }, true, {}, import("vue").SlotsType<{
-        menu: import("./utils").MenuSlotParams;
-    }>, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        data: {
-            type: PropType<ISearchItem[]>;
-            required: true;
-        };
-        showInputBefore: BooleanConstructor;
-        showCondition: BooleanConstructor;
-        clickOutside: FunctionConstructor;
-        placeholder: StringConstructor;
-        conditions: {
-            type: PropType<ICommonItem[]>;
-            default: () => any[];
-        };
-        defautUsingItem: PropType<SelectedItem>;
-        mode: {
-            type: PropType<SearchInputMode>;
-            default: SearchInputMode;
+        maxHeight: {
+            type: NumberConstructor;
+            default: () => number;
         };
         getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
         valueBehavior: PropType<ValueBehavior>;
     }>> & {
         onFocus?: (...args: any[]) => any;
-        onDelete?: (...args: any[]) => any;
         onAdd?: (...args: any[]) => any;
+        onDelete?: (...args: any[]) => any;
         onSelectKey?: (...args: any[]) => any;
-    }, {
+    } & import("vue").ShallowUnwrapRef<{
         popoverRef: import("vue").Ref<HTMLDivElement>;
         inputRef: import("vue").Ref<HTMLDivElement>;
         keyword: import("vue").Ref<string>;
@@ -201,13 +281,13 @@ declare const _default: import("vue").DefineComponent<{
         };
         documentArrowEvent: (e: KeyboardEvent) => void;
         handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: () => void;
+        handleInputFocus: (event?: FocusEvent) => void;
         handleInputChange: (event: Event) => void;
         handleInputPaste: (event: ClipboardEvent) => void;
         handleLogicalChange: (logical: SearchLogical) => void;
         handleInputKeyup: (event: KeyboardEvent) => void;
         handleSelectItem: (item: ICommonItem, type?: import("./utils").SearchItemType) => Promise<void>;
-        handleSelectCondtionItem: (item: ICommonItem) => void;
+        handleSelectConditionItem: (item: ICommonItem) => void;
         handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
         resolveClassName: (cls: string) => string;
         inputFocusForWrapper: () => void;
@@ -215,6 +295,7 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
+        refleshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -225,17 +306,13 @@ declare const _default: import("vue").DefineComponent<{
             and: string;
             logical: string;
         }>;
-    }, {}, {}, {}, {
-        mode: SearchInputMode;
-        conditions: ICommonItem[];
-        showInputBefore: boolean;
-        showCondition: boolean;
-    }>>;
+        inputKey: import("vue").Ref<string>;
+    }> & {} & import("vue").ComponentCustomProperties & {}>;
     selectedInputRef: import("vue").Ref<HTMLDivElement>;
-    editKey: import("vue").Ref<String>;
-    copySeletedItem: (item: SelectedItem) => SelectedItem;
+    editKey: import("vue").Ref<string>;
+    copySelectedItem: (item: SelectedItem) => SelectedItem;
     handleDeleteSelected: (index: number) => void;
-    handleEditSeleted: (e: MouseEvent, item: SelectedItem, index: number) => void;
+    handleEditSelected: (e: MouseEvent, item: SelectedItem, index: number) => void;
     handleInputOutside: (target: Node) => boolean;
     handleAddSelected: (item: SelectedItem, index: number) => void;
     handleInputFocus: (isFocus: boolean) => void;
@@ -252,6 +329,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    maxHeight: {
+        type: NumberConstructor;
+        default: () => number;
+    };
     conditions: {
         type: PropType<ICommonItem[]>;
         default: () => any[];
@@ -263,6 +344,7 @@ declare const _default: import("vue").DefineComponent<{
     onDelete?: (...args: any[]) => any;
     onSelectKey?: (...args: any[]) => any;
 }, {
+    maxHeight: number;
     conditions: ICommonItem[];
     overflowIndex: number;
 }, {}>;

package/lib/search-select/utils.d.ts

@@ -7,7 +7,7 @@ import { ComputedRef, InjectionKey, Ref } from 'vue';
  */
 export declare enum ValueBehavior {
     ALL = "all",
-    NEEDKEY = "need-key"
+    NEED_KEY = "need-key"
 }
 export declare enum DeleteBehavior {
     CHAR = "delete-char",
@@ -26,11 +26,11 @@ export interface ISearchSelectProvider {
     onEditEnter: (item: SelectedItem, index: number) => void;
     onEditBlur: () => void;
     onValidate: (str: string) => void;
-    editKey: Ref<String>;
+    editKey: Ref<string>;
     searchData: ComputedRef<ISearchItem[]>;
     isClickOutside: (target: Node) => boolean;
 }
-export declare const SEARCH_SLECT_PROVIDER_KEY: InjectionKey<ISearchSelectProvider>;
+export declare const SEARCH_SELECT_PROVIDER_KEY: InjectionKey<ISearchSelectProvider>;
 export declare const useSearchSelectProvider: (data: ISearchSelectProvider) => void;
 export declare const useSearchSelectInject: () => ISearchSelectProvider;
 export declare enum SearchInputMode {
@@ -73,11 +73,11 @@ export declare enum SearchLogical {
     OR = "|"
 }
 export interface IMenuFooterItem {
-    id: 'confirm' | 'cancel';
+    id: 'cancel' | 'confirm';
     name: string;
     disabled?: boolean;
 }
-export type SearchItemType = 'text' | 'default' | 'condition';
+export type SearchItemType = 'condition' | 'default' | 'text';
 export declare class SelectedItem {
     searchItem: ISearchItem;
     type: SearchItemType;
@@ -86,7 +86,7 @@ export declare class SelectedItem {
     values: ICommonItem[];
     condition: string;
     logical: SearchLogical;
-    nameRenderkey: string;
+    nameRenderKey: string;
     constructor(searchItem: ISearchItem, type?: SearchItemType);
     get multiple(): boolean;
     get placeholder(): string;

package/lib/select/common.d.ts

@@ -7,9 +7,9 @@ export declare function useHover(): {
     setHover: () => void;
     cancelHover: () => void;
 };
-export declare function useRegistry<T>(data: Ref<Map<any, T>>): {
-    register: (key: any, item: T) => Map<any, T>;
-    unregister: (key: any) => void;
+export declare function useRegistry<T>(data: Ref<Map<PropertyKey, T>>): {
+    register: (key: string, item: T) => Map<PropertyKey, T>;
+    unregister: (key: string, item?: T) => void;
 };
 export declare function useDebouncedRef<T>(value: any, delay?: number): Ref<T>;
 export declare function usePopover(config: IPopoverConfig, triggerRef: Ref<HTMLElement>): {
@@ -19,7 +19,7 @@ export declare function usePopover(config: IPopoverConfig, triggerRef: Ref<HTMLE
     hidePopover: () => void;
     showPopover: () => void;
 };
-export declare function useRemoteSearch(method: Function, callBack?: Function): {
+export declare function useRemoteSearch(method: (v: string) => Promise<void>, callBack?: () => void): {
     customOptionName: Ref<string>;
     searchValue: Ref<string>;
     curSearchValue: import("vue").ComputedRef<string>;