bkui-vue 2.0.1-beta.10 → 2.0.1-beta.100

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

@@ -1,27 +1,19 @@
-import { PropType, ShallowRef } from 'vue';
+import { PropType, ShallowRef, VNode } from 'vue';
 import { type SlotsType } from 'vue';
 import { GetMenuListFunc, ICommonItem, ISearchItem, ISearchValue, MenuSlotParams, SearchItemType, SearchLogical, SelectedItem, ValidateValuesFunc, ValueBehavior } from './utils';
 export declare const SearchSelectProps: {
     data: {
-        type: PropType<ISearchItem[]>;
+        type: PropType<Omit<ISearchItem, "value" | "isSelected">[]>;
         default: () => any[];
     };
     modelValue: {
         type: PropType<ISearchValue[]>;
         default: () => any[];
     };
-    shrink: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     maxHeight: {
         type: NumberConstructor;
         default: number;
     };
-    minHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
     conditions: {
         type: PropType<ICommonItem[]>;
         default: () => any[];
@@ -45,25 +37,17 @@ export declare const SearchSelectProps: {
 };
 declare const _default: import("vue").DefineComponent<{
     data: {
-        type: PropType<ISearchItem[]>;
+        type: PropType<Omit<ISearchItem, "value" | "isSelected">[]>;
         default: () => any[];
     };
     modelValue: {
         type: PropType<ISearchValue[]>;
         default: () => any[];
     };
-    shrink: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     maxHeight: {
         type: NumberConstructor;
         default: number;
     };
-    minHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
     conditions: {
         type: PropType<ICommonItem[]>;
         default: () => any[];
@@ -98,11 +82,15 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<ICommonItem[]>;
             default: () => any[];
         };
-        defautUsingItem: PropType<SelectedItem>;
+        defaultUsingItem: PropType<SelectedItem>;
         mode: {
             type: PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
+        maxHeight: {
+            type: NumberConstructor;
+            default: () => number;
+        };
         getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
         valueBehavior: PropType<ValueBehavior>;
@@ -143,13 +131,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?: SearchItemType) => Promise<void>;
-        handleSelectCondtionItem: (item: ICommonItem) => void;
+        handleSelectConditionItem: (item: ICommonItem) => void;
         handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
         resolveClassName: (cls: string) => string;
         inputFocusForWrapper: () => void;
@@ -157,6 +145,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;
@@ -167,6 +156,7 @@ declare const _default: import("vue").DefineComponent<{
             and: string;
             logical: string;
         }>;
+        inputKey: import("vue").Ref<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<{
         data: {
             type: PropType<ISearchItem[]>;
@@ -180,11 +170,15 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<ICommonItem[]>;
             default: () => any[];
         };
-        defautUsingItem: PropType<SelectedItem>;
+        defaultUsingItem: PropType<SelectedItem>;
         mode: {
             type: PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
+        maxHeight: {
+            type: NumberConstructor;
+            default: () => number;
+        };
         getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
         valueBehavior: PropType<ValueBehavior>;
@@ -194,6 +188,7 @@ declare const _default: import("vue").DefineComponent<{
         onAdd?: (...args: any[]) => any;
         onSelectKey?: (...args: any[]) => any;
     }, {
+        maxHeight: number;
         mode: import("./utils").SearchInputMode;
         conditions: ICommonItem[];
         showInputBefore: boolean;
@@ -220,11 +215,15 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<ICommonItem[]>;
             default: () => any[];
         };
-        defautUsingItem: PropType<SelectedItem>;
+        defaultUsingItem: PropType<SelectedItem>;
         mode: {
             type: PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
+        maxHeight: {
+            type: NumberConstructor;
+            default: () => number;
+        };
         getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
         valueBehavior: PropType<ValueBehavior>;
@@ -265,13 +264,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?: SearchItemType) => Promise<void>;
-        handleSelectCondtionItem: (item: ICommonItem) => void;
+        handleSelectConditionItem: (item: ICommonItem) => void;
         handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
         resolveClassName: (cls: string) => string;
         inputFocusForWrapper: () => void;
@@ -279,6 +278,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;
@@ -289,7 +289,9 @@ declare const _default: import("vue").DefineComponent<{
             and: string;
             logical: string;
         }>;
+        inputKey: import("vue").Ref<string>;
     }, {}, {}, {}, {
+        maxHeight: number;
         mode: import("./utils").SearchInputMode;
         conditions: ICommonItem[];
         showInputBefore: boolean;
@@ -318,7 +320,7 @@ declare const _default: import("vue").DefineComponent<{
         }[];
         condition: string;
         logical: SearchLogical;
-        nameRenderkey: string;
+        nameRenderKey: string;
         searchItem: {
             id: string;
             name: string;
@@ -411,7 +413,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClickSearch: (e: MouseEvent) => void;
     localConditions: import("vue").ComputedRef<ICommonItem[]>;
     resolveClassName: (cls: string) => string;
-    handleSelectedKey: (a: any) => void;
+    handleSelectedKey: (a: ICommonItem) => void;
     t: import("vue").ComputedRef<{
         pleaseSelect: string;
         loading: string;
@@ -424,25 +426,17 @@ declare const _default: import("vue").DefineComponent<{
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "selectKey")[], "search" | "update:modelValue" | "selectKey", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
-        type: PropType<ISearchItem[]>;
+        type: PropType<Omit<ISearchItem, "value" | "isSelected">[]>;
         default: () => any[];
     };
     modelValue: {
         type: PropType<ISearchValue[]>;
         default: () => any[];
     };
-    shrink: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     maxHeight: {
         type: NumberConstructor;
         default: number;
     };
-    minHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
     conditions: {
         type: PropType<ICommonItem[]>;
         default: () => any[];
@@ -468,19 +462,17 @@ declare const _default: import("vue").DefineComponent<{
     onSelectKey?: (...args: any[]) => any;
     onSearch?: (...args: any[]) => any;
 }, {
-    data: ISearchItem[];
+    data: Omit<ISearchItem, "value" | "isSelected">[];
     maxHeight: number;
     clearable: boolean;
     modelValue: ISearchValue[];
-    minHeight: number;
     conditions: ICommonItem[];
     valueBehavior: "all" | "need-key";
-    shrink: boolean;
     uniqueSelect: boolean;
 }, SlotsType<{
     menu: MenuSlotParams;
-    prepend: void;
-    append: void;
-    validate: void;
+    prepend: () => VNode;
+    append: () => VNode;
+    validate: () => VNode;
 }>>;
 export default _default;

package/lib/search-select/search-select.less

@@ -324,7 +324,7 @@
 
   .menu-content {
     display: flex;
-    max-height: 240px;
+    // max-height: 240px;
     padding: 4px 0;
     margin: 0;
     overflow: auto;
@@ -365,7 +365,7 @@
 
       .menu-name {
         display: flex;
-        max-width: 100px;
+        // max-width: 100px;
         margin-right: 5px;
         font-weight: bold;
         color: @search-select-font-color;